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;  
	z-index:100;
}

#top_left 
{
	position:absolute; 
	width:100px; 
	height:78px; 
	background:url(header_left.jpg) no-repeat; 
	left:15px; 
	top:0; 
	z-index:100
}
#top_left img
{
	position:absolute; 
	top:21px; 
	left:22px
}
#top_right 
{
	position:absolute; 
	width:100px; 
	height:78px; 
	background:url(header_right.jpg) no-repeat ; 
	right:14px; 
	top:0
}
#top_right img 
{
	position:absolute; 
	top:22px; 
	right:27px
}

#top_titluri 
{
position:absolute; 
left:125px; 
height:78px
}

#top_titluri h1 
{
color:#FFFFFF; 
font-weight:bold; 
font-size:18px; 
margin:20px 0 15px 0; 
padding:0;  
overflow:hidden
}

#top_titluri h2 
{
color:#000000; 
font-weight:bold; 
font-style:italic; 
font-size:14px; 
padding:0; 
margin:0; 
overflow:hidden
}

#right 
{
position:absolute; 
right:0; 
top:0; 
width:15px; 
height:100%; 
background:url(body_bg.jpg) repeat-x #5c6ca6; 
z-index:100;
}

#left 
{
position:absolute; 
left:0; 
top:0; 
width:15px; 
height:100%; 
background:url(body_bg.jpg) repeat-x  #5c6ca6; 
z-index:101
}

#bottom 
{
position:absolute; 
bottom:0; 
left:0; 
width:100%; 
height:52px;
background: url(bg_footer.jpg) repeat-x; 
z-index:99; 
border-top:1px solid #98C0F4 
}

#bottom a 
{
	display:block; 
	float:right; 
	margin:-5px 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-top:7px; 
	margin-right:24px
}

#bottom #previous 
{
	display:inline; 
	margin-top:7px;
}

#sidebar 
{
	position:absolute; 
	top:78px; 
	left:15px; 
	height:100%; 
	z-index:90
}

#sidebar ul 
{
	list-style:none; 
	margin:0; 
	padding:0; 
	background:white; 
	color:#3a5396
}
#sidebar ul ul 
{ 
	margin-top:5px; 
	font-weight:normal
}

#sidebar ul li 
{
	padding:0px 0 0px 0px; 
	border-bottom:solid 1px white; 
	cursor:default
}

#sidebar ul ul li 
{
	padding-top:0px; 
	padding-bottom:0px
}

#tree 
{
	float:left; 
	width:310px; 
	height:100%; 
	background:url(bg_menu_left.jpg) repeat-y top right #d9e8fb; 
	z-index:90; 
	overflow:auto 
}

#hide 
{
	display:block; 
	border:solid #98c0f4 1px; 
	border-right:1;
	border-top:0; 
	border-bottom:1;
	background:url(bg_hide.png); 
	height:21px; 
	line-height:21px;
	margin:0 0px 0 1px; 
	padding:0 0 0 12px; 
	color:#637fa4;
}

#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 1px; 
	border:solid 1px #bcd2e6; 
	border-right:0; 
	border-top:0; 
	border-bottom:0; 
	border-top:1; 
	z-index:90
}

#sidebar #links a
{
	display:block; 
	padding:2px 0px 2px 14px; 
	color:#637fa4; 
	border-bottom:solid 1px #bcd2e6;
	background:url(files.png) 0px 1px no-repeat white
}

/*
#sidebar #links div div a {display:block; padding:0 0 5px 14px; color:#637fa4; border-bottom:solid 1px #bcd2e6;
				background:url(folder.png) 0px 1px no-repeat white}
*/

#sidebar #links a:hover 
{
	background-color:#e2ecf4
}
/*#sidebar #links div div a:hover {background-color:#e2ecf4}*/
#sidebar #links a.active 
{
	color:black; 
	background-color:#d7f1dc; 
	background-position:0px -85px;
}
/*#sidebar #links div div a.active {color:black;  background-position:0px -85px; background:url(folder.png) 0px 1px no-repeat; background-color:#d7f1dc;}*/

#sidebar #links a.active:hover 
{
	cursor:default
}

#sidebar #links div div a.active:hover 
{
	cursor:default
}

.folder 
{
	display:block; 
	margin-top:5px; 
	padding:0 0 4px 18px; 
	font-weight:bold; 
	color:gray; 
	border-bottom:solid 1px #bcd2e6; 
	background:url(folder.png) 0px 0px no-repeat 
}

.chapter 
{
	display:block; 
	margin-top:0px; 
	padding:5px 0px 5px 18px; 
	font-weight:bold; 
	color:#637fa4; 
	border-bottom:solid 1px #bcd2e6; 
	background:url(chapter.png) 0px 5px no-repeat 
}

#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; 
	height:300px; 
	top:78px; 
	background:white;
}

 
#iframe_right_border 
{
	position:absolute;
	right:15px; 
	top:0; 
	width:2px; 
	height:100%; 
	background:url(iframe_right_border.jpg) repeat-y #5c6ca6; 
	z-index:0;
}
#menu_left_border 
{
	position:absolute;
	left:15px; 
	top:0; 
	width:2px; 
	height:100%; 
	background:url(menu_left_border.jpg) repeat-y #5c6ca6; 
	z-index:98;
}