/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

html{margin:0;padding:0;height:100%;overflow:hidden;}
body{margin:0;padding:0;height:100%;overflow:hidden; zoom:1;}
html {_padding:4px 232px 182px 84px;}/* A + G, B, G + C1, D  plus any padding */

.frame{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;zoom:1;_right:0;_bottom:0;_width:100%;_height:100%;_position:relative;}
.frame-bd{zoom:1;}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

#headera {overflow:hidden;position:absolute; z-index:2}
#headera {height:38px;top:2px;left:232px; right:82px;}

#headera .frame{overflow:visible;}

#headera .frame .frame-bd{height:38px;}

#header {overflow:hidden;position:absolute; z-index:2}
#header {height:146px;top:42px;left:232px; right:82px;}

#header .frame .frame-bd{height:146px; background-repeat: no-repeat;  background-position: left center;}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

#footer {overflow:hidden;position:absolute;width:100%; bottom:0;left:0; _zoom:1;_overflow:visible;}
#footer {height:0; _padding:0 232px 0 0;}

#footer .frame{overflow:hidden;_zoom:1;}
#footer .frame {_padding:0 0 0 232px;}

#footer .frame .frame-bd {height:0; zoom:1;}
#footer .frame .frame-bd{margin:0 0 0 -232px; background-repeat: no-repeat;  background-position: center center;}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */


#left {overflow:hidden;position:absolute;_bottom:auto;_height:100%;z-index:2;}
#left {width:80px;top:2px;left:0; bottom:2px;z-index:4;_padding:0 0 182px 0;}

#left .frame{overflow:hidden; height:100%;}
#left .frame {text-align:right; _padding:0 0 182px 0;}

#left .frame .frame-bd {}
#left .frame .frame-bd .box1{margin-top:38px;height:146px; overflow:hidden;width:100%;}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

/* Fixed Right */

#right {overflow:hidden;position:absolute;right:0;_height:100%;_bottom:auto;}
#right {width:80px; top:2px;bottom:2px;z-index:4;_padding:0 0 182px 0;}

#right .frame{overflow:hidden; height:100%;}
#right .frame {_padding:0 0 182px 0;}

#right .frame .frame-bd {}
#right .frame .frame-bd .box1{margin-top:38px;height:146px; overflow:hidden;width:100%;}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

#menu {overflow:visible;position:absolute;_bottom:auto;_height:100%;z-index:10;}
#menu {width:150px;top:2px;left:82px; bottom:2px;z-index:4;_padding:0 0 182px 0;}

#menu .frame{overflow:visible; height:100%;}
#menu .frame {text-align:right; _padding:0 0 182px 0;}

#menu .frame .frame-bd {z-index:30;margin-top:182px;}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */


#content {z-index:2;_bottom:auto;_height:100%;overflow:hidden;position:absolute;}
#content {top:184px;left:234px;right:82px; bottom:2px;_top:184px;} /*top=height of A + C1, left=width of B, right=width of D, bottom=height of G */

#content .frame{overflow:auto;}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

#scroller {width:600px; height:380px; position:relative;padding:10px 0;}
#scroller em {display:block; width:229px; height:175px; position:absolute; top:0; right:0;}
#scroller span {display:block; width:360px; height:380px; position:absolute; top:0; left:0; }
#scroller span b#caption {position:absolute; top:5px; left:5px;}
#scroller span b#copyright {position:absolute; bottom:5px; right:20px;}

#scroller b#thumbs {display:block; width:220px; height:175px; overflow:auto; float:right; margin-top:185px; padding:5px;}
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; width:50px; height:50px;}
#scroller b#thumbs a img {width:50px; height:50px;}

#scroller b#thumbs a:hover {}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; z-index:100;}

#scroller b#thumbs a:hover img.hr {width:160px; height:120px; right:35px; top:7px;}
#scroller b#thumbs a:hover img.vt {width:120px; height:160px; right:55px; top:7px;}

#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:300px; height:225px; left:20px; top:70px;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:225px; height:300px; left:60px; top:30px;}

.tree {position:relative;padding:0px; margin-top:10px;margin-bottom:10px;}
.tree .header {padding:10px;}
.treeview ul{margin: 0;padding: 0;}
.treeview li{background:url(../resources/controls/list.gif) no-repeat left center;list-style-type: none;padding-left: 22px;margin-bottom: 3px;}
.treeview li a:hover{list-style-type: none;padding-left: 0px;margin-bottom: 3px;}
.treeview li.submenu{background: url(../resources/closed.gif) no-repeat left 1px;cursor: hand !important;cursor: pointer !important;}
.treeview li.submenu ul{display: none;}
.treeview .submenu ul li{cursor: default;}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* Style for menus */
/* ------------------------------------------------------------------------------------------------------------------------------- */

/* Style for top-menu */
.topMenu {}
/* Style for submenus */
.submenu {}

/* Style for top items: normal state */
.topItemNormal {height:20px;width:148px;padding:5px;cursor:pointer;}

/* Style for top items: mouseover state */
.topItemOver {height:20px;width:148px;padding:5px;cursor:pointer;}

/* Style for items: normal state */
.itemNormal {width:148px;padding:5px;cursor: pointer;}

/* Style for items: mouseover state */
.itemOver {cursor:pointer;padding:5px;width:148px;}

/* Style for items text: normal state */
.itemTextNormal {width:100%;}

/* Style for items text: mouseover state */
.itemTextOver {width:100%;}