/*
----------------------------------------------------------
	1.  = MENU
	2.	= TABS
	3.  = BROWSE BY THEME TABS
		 --- LEVEL 1
		 --- LEVEL 2
		 --- LEVEL 3
	4.  = BACK TO TOP LINK
	5.  = PAGER

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


/* =1. MENU
---------------------------------------------------------- */

div#navlinks ul{
list-style-type:none;
padding:0;
margin:0;
}

div#navlinks ul li{padding-bottom:1px;}
* html div#navlinks ul li{padding-bottom:0px;}/*IE6 FIX*/

div#navlinks ul li a{
font-size:85%;
color:#039;
text-decoration:none;
display:block;
width:87%;
border-bottom:1px dashed #c3c7d0;
padding:6px 5px 6px 7px;
}

div#navlinks ul li a:hover{color:#ee8612;}

/* =2. TABS
---------------------------------------------------------- */
div#tabs{margin:0;padding:0;}
div#tabs ul{
margin-left:10px;
padding-left:0;
list-style-type:none;
margin-bottom:0;
padding-bottom:0;
}

div#tabs ul li{
display:inline;
margin:0;
padding:0;
}

div#tabs ul li a{
margin:0em 0em;
padding:0.6em 0.4em;
background-color:#fff;
border-top: 1px solid #ccc;
border-right: 1px solid #bbb;
border-left: 1px solid #ccc;
color:#000;
text-decoration:none;
}

div#tabs ul li a:hover{text-decoration:underline;}

div#tabs ul li a.active, 
div#tabs ul li.active{
background:#14388C;
border-top: 1px solid #A5BACE;
border-right: 1px solid #002445;
color:#fff;
margin:0em;
padding:0.6em 0.4em 0.7em 0.4em;
text-decoration:none;
background-image:url("../../images/evaluationonline/tabcontainerbg.jpg");
background-repeat:repeat-x;
}

* html div#tabs ul li.active {margin-right:0.3em;} /*IE6*/
*+html div#tabs ul li.active {margin-right:0.3em;} /*IE6*/

div#tabs ul li#nodocuments{
padding:0.6em 0.4em 0.65em 0.4em;
background:#EFEFEF;
border-top:1px solid #BFBFBF;
border-right:1px solid #BFBFBF;
border-left:1px solid #BFBFBF;
color:#666;
}

* html div#tabs ul li#nodocuments {margin-right:0.3em;} /*IE6*/
*+html div#tabs ul li#nodocuments {margin-right:0.3em;} /*IE7*/




/* =4. BROWSE BY THEME TABS
---------------------------------------------------------- */

/* =BROWSE BY THEME (TAXONOMY)
----------------------------------------------- */
.taxonomywrapper{
padding-top:1em;
position:relative;
margin-bottom:10em;
}

.taxonomywrapper ul {
margin:0;
padding:0;
position:absolute;
height:2.8em;
line-height:3.25em;
}

* html .taxonomywrapper ul {left: 0;} /*IE6*/
*+html .taxonomywrapper ul {left: 0;} /*IE7*/

.taxonomywrapper li {display: inline;margin-right: 0.3em;}
*html .taxonomywrapper li {display: inline;margin-right: 0.3em;}/*IE6*/



/*BROWSE BY THEME SUB MENUS*/
/* =BROWSE BY THEME (TAXONOMY)
----------------------------------------------- */
.taxonomywrapper{position:relative;z-index:1000;}
.taxonomywrapper ul li{list-style:none;}

.taxonomywrapper a{
padding:0.25em;
color:#fff;
font-size:0.9em;
text-decoration:none;
}

.taxonomywrapper a:hover{
text-decoration:underline;
background-color:#fff;
color:#14388C;
}

.taxonomywrapper a.active{
font-weight:bold;
background-color:#fff;
color:#14388C;
text-decoration:none;
}

div#taxonomywrapper span{color:#fff;margin:0em 0.4em 0em 0.4em;}




/*--------------- LEVEL 1 -----------------------*/
.taxonomywrapper ul#l1 {height: 3.7em;line-height: 3.3em;margin-left:0;width:800px;}
.taxonomywrapper ul#l1 li{margin-right:0;}
.taxonomywrapper ul#l1 li a {
font-size: 0.95em;
border:1px solid #ccc ;
text-decoration: none;
z-index:1;
background-color:#ececec;
color:#083C9C;
}
.taxonomywrapper ul#l1 li a:hover{text-decoration:underline;}
.taxonomywrapper ul#l1 li a:hover {
background-color:#fff;
border-bottom:1px solid #fff;
position:relative;}

.taxonomywrapper ul#l1 li a.active {
border-bottom:1px solid #fff ;
background: #fff ;
color:#423757; 
font-weight: bold;
position:relative; 
z-index:1;}


/*---------------- LEVEL 2 ----------------------*/
.taxonomywrapper ul#l2 {
top: 2.5em;
background: #fff;
margin-left:0;
border-top:1px solid #ccc;
padding:0.8em;
font-size:0.95em;
height:auto;
line-height:normal;
width:98%;}

*html .taxonomywrapper ul#l2{line-height:2.75em;}

.taxonomywrapper ul#l2 li{margin-left:0;line-height:2em;}
.taxonomywrapper ul#l2 li a {
font-size: 0.9em;
color:#000;
border:none; 
background-color:#fff;
text-decoration: none;
margin-right:0.5em;
border:1px solid #fff;
white-space:nowrap;
}

* html .taxonomywrapper ul#l2 li a {padding-bottom:1em;} /*IE6*/
html[xmlns*=""] body:last-child .taxonomywrapper ul#l2 li a {padding-bottom:0.7em;}/*Safari*/
@media all and (min-width:0px){body .taxonomywrapper ul#l2 li a {padding-bottom:0.7em;}} /*Opera*/


.taxonomywrapper ul#l2 li a.active {
font-weight:bold;border:1px solid #ccc;background: #fff;}

.taxonomywrapper ul#l2 li a:hover {
background-color:#fff;
border:1px solid #ccc;}



/*-------------------- LEVEL 3 ------------------*/
.taxonomywrapper ul#l3{
top: 3.25em;
margin-left:0;
background:#f8f8f8;
padding-top:0.5em;
line-height:normal;
}

.taxonomywrapper ul#l3 li a {
border:0; 
font-size: 0.85em;
color:#4B4876;
padding:0.55em 0.75em 0.5em  0.75em;
text-decoration: none;
display:block;
float:left;
}

.taxonomywrapper ul#l3 li a:hover {color:#90015B;border:0;}
.taxonomywrapper ul#l3 li a.active {border:0;font-weight: bold;}



/* =4. BACK TO TOP LINK
---------------------------------------------------------- */
p#toplink{text-align:right;}
p#toplink a{font-size:85%;}


/* =5. PAGER
---------------------------------------------------------- */
#pager strong{color:black;font-weight:bold;}

#pager{
border-top:1px solid #3159AE;
padding-top:0.5em;
margin-top:25px;
color:#ccc;
}

#pager span.divider{
position: absolute; 
top: -1000px; 
left: -1000px; 
font-size: 1px; 
line-height: 1px;
width:1px;
}

.currentpage{
background:#ee8612;
color:white;
padding:0px 3px 0px 3px;
font-weight:bold;
}