/* 
==========================================================
	
	1.  =DEFAULT SKIN ONLY
	2.  =HEADER
	3.  =TABS
	4.	=COMLUMNS
	5.  =BROWSE BY THEME
	6.	=SEARCH
	7.  =SEARCH RESULTS
	8.  =CASE FILE
	9.  =NON TABBED LAYOUT
	10. =BREADCRUMB
	11. =TABLES
	12. =FEEDBACK
	13. =LOGIN	
	14. =FORGOTTEN PASSWORD


========================================================== 
*/

/* =1. DEFAULT SKIN ONLY (REMOVE AND USE HOST SITE SELECTORS)
---------------------------------------------------------- */

body{
margin:0;
padding:0;
background-image:url(../../images/evaluationonline/bg.gif);
background-repeat:repeat-x;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

h1{}
h2{color:#FF9A00;}
h3{padding-bottom:3px;border-bottom:none;}
h4{}
h5{}
h6{font-size:100%;}
h6 a{font-weight:normal;}

a{color:#FF9A00;}
td{vertical-align:top;}

.hide{display:none;}
#footer a{color:white;}

#container{margin:0 20px 20px 20px;}

#infocol h2{
font-size:100%;
color:#039;
border-top:3px solid #ee8612;
border-top:3px solid #C3C7D0;
border-bottom:1px dotted #C3C7D0;
padding-top:4px;
padding-bottom:4px;
}

#infocol p{font-size:85%;color:#5b5b5b;}

img{border:0 none;}

.col-a h2{color:#FF9A00;}
.blueText {color:#00309C;}
.orangeText {color:#EF8610;}
.hairline {}

div#searchbuttons{padding-bottom:1em;}
div#links{border:1px solid #ccc;background-color:#fff;}
div#links ul{padding-top:1em;}
div#links li{list-style:none;padding-left:2.5em;padding-bottom:1.5em; background:url(../../images/evaluationonline/browse_arrow.gif) no-repeat 0 0.2em;}
div#links a{display:block;}
div#links h3{padding:0.5em; background-color:#ececec;}


div#pagebody{}

#advancedform div#checkgroup label{display:inline; float:none;width:auto;}


/* =2. HEADER
----------------------------------------------- */
#toolbar{
background:#EE8612 none repeat scroll 0;
height:1.3em;
padding:0.1em 10px 2px 20px;
text-align:right;
}

#toolbar a, 
#toolbar span{
font-size: 1px; 
line-height: 1px;
position: absolute; 
top: -1000px; 
left: -1000px;
}


#banner{
background:white;
background-image:url(../../images/evaluationonline/strip.gif);
background-position:right;
background-repeat:no-repeat;
border-bottom:1px solid #e7e7e7;
border-top:2px solid #CE832F;
}

#banner img{
padding-top:20px;
padding-left:20px;
}


/* =3. TABS
----------------------------------------------- */

div#tabs{
margin-bottom:1em;
padding-bottom:8px;
border-bottom:5px solid #1045A5;
}

*html #tabs{border-top:1px solid #fff;}/*IE6*/






div#tabs span{
position: absolute; 
top: -1000px; 
left: -1000px; 
font-size: 1px; 
line-height: 1px;
}



/* =4. COLUMNS
----------------------------------------------- */


fieldset#col1{
float:left;
height:180px;
width: 250px;
}

fieldset#col2{
float:left;
height:180px;
width: 200px;
}

*html fieldset#col1{position:relative;height:180px;width: 250px;}/*IE6 FIX*/
*html fieldset#col2{position:relative;height:180px;width: 200px;}/*IE7 FIX*/


/* =5. BROWSE BY THEME
----------------------------------------------- */

#browsecontainer{
background:white;
padding:0px;
border:0px solid #f0f0f0;
margin-bottom:20px;
}

#browsel1{
white-space:nowrap;
margin-bottom:9px;
font-weight:normal;
color: #cecece;
font-size:85%;
padding-top:0px;
padding:3px 3px 3px 3px;
background:none;
border-bottom:1px solid #ccc;}

#browsel1 span{
position: absolute; 
top: -1000px; 
left: -1000px; 
font-size: 1px; 
line-height: 1px;
width:1px;
}

#browsel2{
font-size:85%;
color: #cecece;
padding-bottom:5px;
padding-left:3px;
background-repeat:no-repeat;
border-bottom:1px solid #ccc;
margin-left:5px;}

#browsel2 span{
position: absolute; 
top: -1000px; 
left: -1000px; 
font-size: 1px; 
line-height: 1px;
width:1px;
}



/* =6. SEARCH 
----------------------------------------------- */

form#basicform legend{display:none;}
form#basicform fieldset#mainsearch{
background-color:#ECECEC;
border:1px solid #ccc;
padding:1em;
margin-bottom:1em;
}

form#basicform fieldset#mainsearch div{padding:0.5em;}
form#basicform fieldset#mainsearch div#searchtype{margin-left:5em;}
form#basicform fieldset#mainsearch div#searchtype label{width:auto;margin-right:0.5em;font-weight:normal;}

form#basicform div label {color:#000;}
form#basicform div input,
form#basicform div select{border:1px solid #999;}
form#basicform div.multicheckboxcontainer ul{list-style:none;margin:0;padding:0;}
form#basicform div.multicheckboxcontainer ul li{margin-left:0.5em;margin-top:1em;}
form#basicform div.multicheckboxcontainer ul li input{margin-right:0.5em;}
form#basicform div.multicheckboxcontainer ul li label{font-weight:normal;}
form#basicform div.multicheckboxcontainer ul li ul{margin-left:0.5em;}
form#basicform div.multicheckboxcontainer ul li ul li{margin-top:0;}

form#basicform div.multicheckboxcontainer ul label {color:#000;}
form#basicform div.multicheckboxcontainer{
overflow:scroll;
height:26em;
border:1px solid #999;
margin-bottom:0.5em;
margin-top:0.5em;
background-color:#fff;}

form#basicform div label.radiolabel input{margin-right:0.5em;}

form#basicform fieldset#mainsearch a{
background:transparent url(../../images/icon_arrowright.gif) no-repeat scroll 0 0.6em;
border:0 none;
font-size:87%;
margin:0 1em 0 0.9em;
padding:0.2em 0 0 0.5em;
text-transform:uppercase;
font-weight:bold;

}


*+html form#basicform fieldset#mainsearch div#search input{border:none;}

form#basicform fieldset#mainsearch label{color:#000; width:5em;}
form#basicform fieldset#mainsearch input#query {width:25em;}
form#basicform fieldset#mainsearch p a{
background:none;
padding:0;
margin-left:0;
color:#083C9C;
border:none;text-transform:none;
}

*html form#basicform fieldset#mainsearch a{margin-top:0em;}/*IE6*/
*+html form#basicform fieldset#mainsearch a{margin-top:0em;}/*IE7*/

form#basicform fieldset#mainsearch input.button{
background:#EE8612 none repeat scroll 0;
border:1px outset #E7E7E7;
color:#000;
font-size:80%;
font-weight:bold;
padding:4px 9px 3px;
text-transform:uppercase;
margin-left:1em;}

form#basicform fieldset#filters div{padding:0.5em;}
form#basicform fieldset#filters label{width:8em;}

form#basicform fieldset#dates div{}
form#basicform fieldset#dates div#year{}
form#basicform fieldset#dates div#year label#yearfromlbl {
font-weight:normal;
width:auto;
margin-right:0.5em;
}

form#basicform fieldset#dates div#year input#yearfrom {width:8em;}
form#basicform fieldset#dates div#year label#yeartolbl {
font-weight:normal;
width:auto;
margin-right:0.5em;
display:inline;
float:none;
}

form#basicform fieldset#dates div#year input#yearto {width:8em;}
form#basicform label#fromlbl {font-weight:normal;width:3em;margin-right:0.5em;}
form#basicform input#from {width:8em;}
form#basicform input#to {width:8em;}
form#basicform label#tolbl {font-weight:normal;width:3em;margin-right:0.5em;}
form#basicform label#yearfromlbl {font-weight:normal;width:3em;margin-right:0.5em;}
form#basicform input#yearfrom {width:8em;}
form#basicform input#yearto {width:8em;}
form#basicform label#yeartolbl {font-weight:normal;width:3em;margin-right:0.5em;}
form#basicform fieldset#daterange,
form#basicform fieldset#yearrange{margin-bottom:1em;} 
form#basicform fieldset#daterange div{padding:0 0 0.5em 0;}
form#basicform fieldset#yearrange div{padding:0 0 0.5em 0;}
form#basicform fieldset#daterange{
border:1px solid #ccc;
padding:0.5em;
background-color:#ececec;
margin-bottom:2em;
}

form#basicform fieldset#yearrange{padding:0.5em;background-color:#ececec;border:1px solid #ccc;}
form#basicform fieldset#daterange label#dateAdded,
form#basicform fieldset#yearrange label#yearPublished{margin-bottom:1em;width:100%;}
span.dates{font-weight:normal;}

form#basicform div.searchHelpBody{background-color:#fff;border:1px solid #E3E3E3;margin-top:0.5em;}
form#basicform div#searchtype div.searchHelpBody{height:8em;}
form#basicform fieldset div#sortBy {}
form#basicform fieldset div#sortBy  select{width:10em;}
form#basicform fieldset div#doctype {}
form#basicform fieldset div#doctype  select{width:10em;}
form#basicform fieldset#searchtype {}
form#basicform fieldset#searchtype  label.radiolabel{
display:inline; 
float:none;
color:#000;
font-weight:normal;
width:auto;
margin-right:0.5em;
}

form#basicform fieldset div#searchType{height:2em;}
form#basicform fieldset div#searchType .radiolabel{font-weight:normal;}
form#basicform fieldset div#sortBy .radiolabel{display:inline;float:none;font-weight:normal;}
form#basicform div#themes label#taxonomylbl {width:100%;}
form#basicform div#themes p{margin-left:0.5em; font-style:italic;font-size:0.9em;}
form#basicform div#themes .multicheckboxcontainer{margin-left:0.5em;}

form#basicform div#themes select {width:19em}

div.divider h2{float:left}
div.divider img{display:inline;float:none;margin-left:0.5em;}
div#sortBy img{margin-left:0.5em;}
form#basicform div.divider div.searchHelpBody{background-color:#FFFCDF;padding:1em;}





/* =7. SEARCH RESULTS
----------------------------------------------- */
#resultscontainer h6{margin-top:0;}
#resultscontainer strong{font-weight:normal;}
#resultscontainer div{margin:5px 0 5px 0;}
#resultscontainer p{margin:0;padding:0px 0px 5px 0px;}
#resultscontainer div a{
display:block;
text-decoration:none;
font-weight:bold;
}

#resultscontainer a:hover{text-decoration:underline;}

span#filesize{margin-left:0.5em;}

#resultspager{border-bottom:1px solid #ccc;}
#resultsFound {border:none;}
#resultsFound{margin-top:1em;}
#resultsFound a{ display:block;font-weight:bold;}
#resultsFound span{display:block;float:left;padding-right:0.5em;}
span.year{ border-left:1px solid #ccc;padding-left:0.5em;}


table#results{} 
table#results th{
color:#423757;
text-transform:uppercase;
border-bottom:1px solid #bbb;
border-top:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
border-left:1px solid #e2e2e2;
background:#fff url("../../images/admin-bg-tableTH.jpg") repeat-x bottom;
margin:0;
font-weight:bold;
font-size:91%;
}

table#results th,
table#results td{margin:0;}

table#results tr,
table#results td{border:1px solid #e2e2e2;}


/* =8. CASE FILE
----------------------------------------------- */
#detailscontainer h2{
color:#EE8612;
font-weight:bold;
font-size:130%;
}

#detailscontainer h3{
color:#EE8612;
font-weight:bold;
border-bottom:1px solid #ee8612;
}

table#reportdetails th{vertical-align:top;text-align:left;}

p#evaldownload a{
font-size:110%;
font-weight:bold;
padding-bottom:1em;
}

div#additionalfiles{font-size:90%;}
div.additionalfile{padding-top:0.25em;padding-bottom:0.25em;}
div#detailscontainer{width:100%;}
table#reportdetails{padding-bottom:10px;font-size:90%;}
table#reportdetails #downloadlink a{font-size:130%;font-weight:bold;}
div#detailscontainer div#col1{float:left;width:55%;}
div#detailscontainer div#col2{
float:right;
width:41%;
vertical-align:top;
}

p#recordTools{height:1.3em;border-bottom:1px solid #ccc;}
p#recordTools span.col-b{float:right;}
p#recordTools span.col-b a#next{margin-left:0.5em;}
p#recordTools span.col-b a#previous{
margin-right:0.5em;
border-right:1px solid #ccc;
padding-right:0.5em;
}
p#recordTools span.col-b span{display:none;}

p#recordTools span.col-a{float:left;}
p#recordTools span.col-a a{
background:url(../../images/icon_arrowleft.gif) no-repeat 0 0.2em;
padding-left:0.5em;}

/* =9. NON TABBED LAYOUT
----------------------------------------------- */
/*Headings for non tabbed pages*/
body#notabs .content h1
{
padding:4 0 4 0;
margin:0;
padding-left:20px;
color:#666;
color:#fff;
font-size:125%;
line-height:2em;
}

/*Heading spacing for non tabbed pages*/
#body#notabs .content p#breadcrumb{
padding-top:0;
margin-bottom:0;
}


/* =10. BREADCRUMB
----------------------------------------------- */
p#breadcrumb{
font-size:80%;
background:white;
padding-top:0;
margin-top:0;
padding-bottom:13px;
}



/* =11. TABLE
----------------------------------------------- */
th, 
th.row0.centered, 
th.row1.centered{border-bottom:2px solid #D5D6DF;color:#423757;}

th{text-align:left;}

th, 
td{padding:0.45em 0.35em 0.45em 0.35em;}

table{
background-color:#fff;
border-color:#e2e2e2;
border-style:solid;
border-width:1px;
margin-bottom:2em;
padding:0;
margin:0;
width:100%;
}


/* =12. FEEDBACK
----------------------------------------------- */

form#feedback fieldset {
background-color:#ececec;
border:1px solid #ccc;
padding:0.5em;
}

form#feedback fieldset legend{display:none;}
form#feedback fieldset div.buttons input{
background:#EE8612 none repeat scroll 0;
border:1px outset #E7E7E7;
color:#000;
font-size:80%;
font-weight:bold;
padding:4px 9px 3px;
text-transform:uppercase;
margin-left:18em;}

form#feedback fieldset div.buttons {margin:0;height:3em}
form#feedback fieldset div.buttons a{margin-left:0em;}

*html form#feedback fieldset div.buttons input{margin-left:14.5em;} /*IE6*/
*+html form#feedback fieldset div.buttons input{margin-left:14.5em;} /*IE7*/



/* =13. LOGIN
----------------------------------------------- */
form#loginform fieldset {background-color:#ececec;border:1px solid #ccc;padding:0.5em;}
form#loginform fieldset legend{display:none;}

form#loginform fieldset div.buttons input, 
form#loginform fieldset div.buttons a{background:#EE8612 none repeat scroll 0;
border:1px outset #E7E7E7;
color:#FFFFFF;
font-size:80%;
font-weight:bold;
padding:4px 9px 3px;
text-transform:uppercase;
margin-left:18em;}

form#loginform fieldset div.buttons a{margin-left:0em;padding:0.5em;}
form#loginform fieldset a{ position:absolute;}

*html form#loginform fieldset div.buttons input{margin-left:14.5em;} /*IE6*/
*+html form#loginform fieldset div.buttons input{margin-left:14.5em;} /*IE7*/


/* =14. FORGOTTEN PASSWORD
----------------------------------------------- */
form#forgottenPassword fieldset {background-color:#ececec;border:1px solid #ccc;padding:0.5em;}
form#forgottenPassword fieldset legend{display:none;}
form#forgottenPassword fieldset div.buttons a{margin-left:0em;padding:0.5em;}

form#forgottenPassword fieldset a{position:absolute;}
form#forgottenPassword fieldset div.buttons a,
form#forgottenPassword fieldset div.buttons input{
background:#EE8612 none repeat scroll 0;
border:1px outset #E7E7E7;
color:#FFFFFF;
font-size:80%;
font-weight:bold;
padding:4px 9px 3px;
text-transform:uppercase;
margin-left:18em;}

*html form#forgottenPassword fieldset div.buttons input{margin-left:14.5em;} /*IE6*/
*+html form#forgottenPassword fieldset div.buttons input{margin-left:14.5em;} /*IE7*/




