body, html {padding:0; width:100%; height:100%; margin:0; font-family:Arial; font-size:12px; overflow:hidden}
body {background:url(body_bg.jpg) repeat-x #5c6ca6}
a {text-decoration:none}
img {border:0}
a:focus {outline:none}			

#top {position:absolute; top:0; left:0; width:100%; height:78px; background: url(header_rep.jpg) repeat-x;}
	#top_left {position:absolute; width:100px; height:78px; background:url(header_left.jpg) no-repeat; left:15px; top:0;}
	#top_left a {position:absolute; top:25px; left:30px}
	#top_right {position:absolute; width:100px; height:78px; background:url(header_right.jpg) no-repeat ; right:15px; top:0}
	#top_right img {position:absolute; top:22px; right:27px}
	#top_titluri {position:absolute; left:125px; height:78px; width: 68%; }
	#top_titluri h1 {color:#FFFFFF; font-weight:bold; font-size:18px; margin:20px 0 15px 0; padding:0;}
	#top_titluri h2 {color:#000000; font-weight:bold; font-style:italic; font-size:14px; height:18px; padding:0; margin:0; overflow:hidden}
	#top_titluri h2#title { width: 90%; float: left; }
	#top_titluri h2#version { width: 8%; float: right; text-align: right; font-size: 10px; }
#right {position:absolute; right:0; top:0; width:15px; height:100%; background:url(body_bg.jpg) repeat-x #5c6ca6; z-index:12}
#left {position:absolute; left:0; top:0; width:15px; height:100%; background:url(body_bg.jpg) repeat-x  #5c6ca6; z-index:12}
#bottom {position:absolute; bottom:0; left:0; width:100%; height:52px; background: url(bg_footer.jpg) repeat-x; z-index:11; border-top:2px solid #5c6ca6 }
#bottom a {display:block; float:right; margin:8px 0 0 10px; text-align:center; width:100px; height:21px; line-height:21px; background:#fafaf9; border:solid #8eb6f1 1px; color:black;}
#bottom a:hover {background:url(bg_hide.png) 0 -21px; border-color:orange; color:black;}
#bottom a.disabled {background:#f5f4ea; border-color:#c9c7ba; cursor:default; color:silver}
#bottom a.disabled:hover {background:#f5f4ea; border-color:#c9c7ba; cursor:default; color:silver}			
#bottom #continue {display:inline; margin-right:24px}
.subsection li
{
background:url(collapsed.png) 1px 10px no-repeat;
}
#sidebar {position:absolute; top:78px; left:15px; height:100%; z-index:10}
#sidebar ul {list-style:none; margin:0; padding:0; background:white; font-weight:bold; color:#3a5396}
#sidebar ul ul { margin-top:10px; font-weight:normal}
#sidebar ul li {padding:10px 0 8px 20px; border-bottom:solid 1px white; cursor:default;}
#sidebar ul ul li {padding-top:0px; padding-bottom:0px;background-image:none; }
#tree {float:left; width:256px; height:100%; background:url(bg_menu_left.jpg) repeat-y top right #d9e8fb; z-index:10; overflow:auto }
#hide {display:block; border:solid #98c0f4 1px; border-right:0; background:url(bg_hide.png); 
		height:21px; line-height:21px; margin:0 8px 0 2px; padding:0 0 0 5px; color:#00008b;}
#hide:hover {background-position:0 -21px; color:black}
#hide img {float:right; border:0; margin-top:8px; margin-right:10px}
#hide_icon {display:inline; float:right; margin-right:6px; margin-top:8px; width:8px; height:5px; background:url('arrows.png'); overflow:hidden;}
#hide:hover #hide_icon {background-position:-20px 0}
#sidebar #links {margin:0 8px 0 6px; border:solid 1px #bcd2e6; border-right:0; border-top:0;}
#sidebar #links a {display:block; padding:0 0 5px 20px; color:#00008b; border-bottom:solid 1px #bcd2e6;
				background:url(dot_square.png) 2px 0px no-repeat white}
#sidebar #links a:hover {background-color:#e2ecf4}
#sidebar #links a.active {color:black; background-color:#d7f1dc; background-position:2px -86px}
#sidebar #links a.active:hover {cursor:default}

#show {display:inline; float:left; width:14px; height:100%; border:solid 2px #daebff; border-top:0; border-bottom:0; background:url(arrows.png) -37px 10px no-repeat #c3daf9; display:none;}
#show div {border:solid #98c0f4 1px; height:100%; cursor:pointer}
#show:hover {background:url(arrows.png) -57px 10px no-repeat #fbf5ca}

#iframe {position:absolute; top:78px; background:white;}