/* reset */

html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
/*
table {
	border-collapse: separate;
	border-spacing: 0;
}
*/
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* ============================================= Body ============================================*/
body {
	 font-family:verdana;
	 font-size:12px;
	 background:url('/images/bg.png') repeat-x #214675;
	 margin:0;
	 padding:0 0 3em 0;
	 color:#214675;
}

/* ============================================= Text styles =====================================*/

h1 {
	 font-family:Arial;
	 font-size:20px;
	 margin:0.3em 0;
	 padding:0.2em 0;
}

h2 {
	 font-size:15px;
  font-weight:bold;
	 margin:0.2em 0;
	 padding:0.2em 0;
}

h3 {

	 font-size:14px;
  font-weight:bold;
	 margin:0.1em 0;
	 padding:0.1em 0;


}

h4 {
	 margin:1em 0 0 0;
	 font-size:100%;
}

p {
	 margin:0 0 1em 0;
}

a:link {
	 color:#214675;
}

/* ============================================= Main wrapper ======================================*/

#wrapper {
	 width:96%;
	 margin:0 auto 0 auto;
	 background:transparent;
}

/* ============================================= Header area ========================================
	Container for the logo etc.
	---------------------------------------------------------------------------------------------------*/

#header {
	 height:80px;
position:relative;
}

#login {
position:absolute;
	 top:12px;
	 right:0;
line-height:1.5em;
}

#logon_person {
font-weight:bold;
}

#logon_role {
color:#136d3d;
font-weight:bold;
}

#logon_link {
font-size:14px;
font-weight:bold;
}

#login_link a {
color:#136d3d;
}

.logon h2 {
margin-top:30px;
}

#header img {
margin-top:15px;
}

#search {
position:absolute;
top:2px;
right:0px;
color:#fff;
}

#search input {
margin-bottom:2px;

}

/* ============================================= Main wrapper =======================================
	Container for the Nav and Content Divs
	---------------------------------------------------------------------------------------------------*/
#main {
width:100%;
background:white;
	 margin:0;
	 display:inline-block;
	 padding:20px 0 20px 12px;
	 line-height:1.75em;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
}

/* ============================================= Main Navigation =======================================

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

#nav {
	 padding-top:3px;
	 background:transparent;

}

#tabs {
margin:0;
	 padding:0;
line-height:0.5em;
position:relative;
}

#tabs ul {

	 margin:0;
	 padding:0;
	 list-style:none;
	 display:inline-block;
}

#tabs li {
	 float: left;
	 display: block;
	 margin: 3px 0 0 0;
	 padding:0;
	 color: black;
	 -moz-border-radius-topleft:5px;
	 -moz-border-radius-topright:5px;
	 -webkit-border-top-left-radius:5px;
	 -webkit-border-top-right-radius:5px;
	 background-color:#386caf;
	 text-decoration: none;
}

#tabs a,
#tabs a:link,
#tabs a:visited {
	 font-size:13px;
	 color:#fff;
	 /*  color:#214478; */
	 display:block;
	 padding: 10px 13px 13px 13px;
	 text-decoration: none;
}

#tabs > ul a {width:auto;}

#tabs a:hover {
	 color:#333;
}

#tabs li.tab_selected a,
#tabs li a:hover
{
	 color:#000;
}

#tabs li:hover,
#tabs li.tab_selected,
h1.mainheader {
	 background-color: #fff;

}

/* ======================== Three columns ================================= */

#column1 {
float:left;
width:14em;
margin-right:10px;

}

#column2 {
margin-left:16em;
margin-right:20em;
}

body.home #column1 {
width:185px;
}

body.home #column2 {
margin-left:17em;
}

#column3 {
position:relative;
float:right;
width:18em;
}
/*
body.dataentry #column2 {
margin-right:25%
}

body.dataentry #column3 {
width:25%;
}
*/
/*======================== Panels =========================================== */

dl,dt,dd {
margin:0;

}

dt {
background:#e7e7e7;
font-size:13px;
font-weight:bold;
padding:4px 8px;
}

dt a {
display:block;
text-decoration:none;
}

dd {
padding:0.5em;
font-size:11px;
margin-bottom:2em;
background:#f7f7f7;
}

#column1 div.logos {
margin:20px 0;
}

#column1 div img {
	 margin-bottom:10px;
}

#column3 div#about {
background:url('/images/about_bg_r.gif') top right no-repeat #e6f2f6;
padding:0;
margin-right:20px;
z-index:0;
	 margin-bottom:20px;
}



#column3 div#about div {
position:relative;
background:url('/images/about_bg_l.gif') top left no-repeat transparent;
margin-top:-10px;
padding:15px 15px 15px 10px;
z-index:10;
font-size:11px;
}

#column3 div#about div img {
float:right;
z-index:20;
margin-right:-20px;
}


.columnpanel {
	 background:#e6f2f6;
	 margin-right:20px;
	 padding:15px 15px 15px 10px;
	 width:165px;
font-size:10px;
}

body.logon .columnpanel {
background:transparent;
}

.alert {
background:#fff4ca;
padding-top:5px;
}

ul#tweetbox {
	 list-style:none;
	 padding:0;
	 margin:0;
}
ul#tweetbox li {
margin-bottom:0.75em;
font-size:10px;
}

.results_t {
background:url('/images/results_c.gif') top left no-repeat #bce0c2;
}
.results_t:hover {
background:#c2e6c8;
}

.results_t a {
background:url('/images/results_a.gif') top right no-repeat;
}
.results_d {
background:#dff9e3;
border-color:#bce0c2;
border-style: none solid solid solid;
border-size: 1px;
border-width: 1px;

}

#regbutton {
display:block;
width:240px;
background:#d4e4c4;
background:url('/images/contribute_c.gif') top left no-repeat #d4e4c4;
margin-bottom:200px;
}

#regbutton a {
background:url('/images/contribute_a.gif') top right no-repeat;
padding:8px;
display:block;
font-weight:bold;
text-decoration:none;
}

.contribute_t {
background:url('/images/contribute_c.gif') top left no-repeat #d4e4c4;
}

.contribute_t:hover {
background:#daeaca;
}
.contribute_t a  {
background:url('/images/contribute_a.gif') top right no-repeat;
padding-top:18px;
padding-bottom:18px;
display:block;
}
.contribute_d {
background:#e9fae3;
border-color:#d4e4c4;
border-style: none solid solid solid;
border-size: 1px;
border-width: 1px;
}

.about_t {
background:url('/images/about_c.gif') top left no-repeat #c9dcdf;
}

.about_t:hover {
background:#cce9e2;
}

.about_t a {
background:url('/images/about_a.gif') top right no-repeat;
}

.about_d {background:#e6f2f6;
border-color:#c9dcdf;
border-style: none solid solid solid;
border-size: 1px;
border-width: 1px;

}


/* ============================================= Page Content =======================================

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

#content {
margin:20px 0 20px 12px;
	 line-height:1.75em;
position:relative;
}


/* ============================================= Table Styles =======================================

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

.new {
float:right;
 color:#fff;
 font-weight:bold;
background:#214675;
padding:3px 10px;
margin-bottom:5px;
font-size:15px;
}

.row1 {

}

tr.row2 td, th {
background:#d5d9df;
}

table {
margin:10px 0;
padding:0;
background:#e5e9ef;
border:solid 1px #acb8ca;
font-size:11px;
font-weight:normal;
border-collapse:collapse;
}

th {
text-align:left;
 width:10em;
}

th,td {
margin:3px;
padding:8px;
border:solid 1px #afbccd;


}

thead th {
 width:auto;
}

/*
td {
background:#ecf0f6;
}
*/

table.sortable thead tr .header {
	background-image: url('<?php echo uri('images', 'trbg.gif', false); ?>');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.sortable thead tr .headerSortUp {
	background-image: url('<?php echo uri('images', 'asc.gif', false); ?>');
}
table.sortable thead tr .headerSortDown {
	background-image: url('<?php echo uri('images', 'desc.gif', false); ?>');
}


input,textarea {
 border:solid 1px #a7a7a7;
		  margin-right:5px;
}



#printcontent {
display:none;
}
/*
.pagebreak {
display:none;
}
*/
/****** Colour Schemes ********/

/*** Home ****/

#tabs li:hover,
#tabs li.tab_selected,
h1.mainheader {
  background-color: #fff;

}


#content {
  background-color:#fff;

 }


div.splash {
    min-height:200px;
    font-size:100%;


 }

.panel {
	 border:solid 1px #d0d0d0;
	 width:100%;
	 font-size:100%;
	 padding:5px;
	 background:#efefeb;
}

.panel a {
text-decoration:none;
}

.small {
width:45%;
	 margin-bottom:10px;
	 margin-right:8px;
}

.panel h2 {
  background:#dadbd9;
    margin:0;
	 padding:3px 10px 3px 10px;
	 font-size:16px;
}

.panel div {
	 padding:10px;
	 height:15em;
}

.panel ul {
padding:0 0 0 15px;
margin:0 0 0 15px;
}

.panel ul a {
border-bottom:dotted 1px #bbb;
padding-bottom:2px;
}

.small div {
height:9em;
}


#dataentry div {
	/* background:url('/images/dataentry.gif') bottom right no-repeat #efefeb;*/
}

#results {
	/* background:url('/images/results.gif') 100% 100px no-repeat #efefeb; */
	height:180px;
}


#about div {
	/* background:url('/images/aboutpanel.gif') bottom right no-repeat #efefeb; */
}

#livereports div {
	 /* background:url('/images/livereportpanel.gif') bottom right no-repeat #efefeb; */
}


#topicreports {
	/* background:url('/images/livereportpanel.gif') bottom right no-repeat #efefeb; */
	 height:535px;
}

#areareports {
	/*  background:url('/images/areareportpanel.gif') 100% 140% no-repeat #efefeb; */
	margin-bottom:20px;
}


#services {
	 /* background:url('/images/servicespanel.gif') 100% 25px no-repeat #efefeb; */
	 height:60px;
	 margin-bottom:20px;

}

*/
#options {
z-index:2;
}

#options .panel p {
font-size:11px;
	 margin-right:120px;
}

div.helpbox {
	 float:right;

width:320px;
font-size:11px;
padding:5px 10px 0 10px;
border:solid 1px #dce6f5;
background:#fff;
	 margin:0 0 0 50px;
}

h1,h2,h3,h4,#reports_list strong {
color:#25477a;
 }

/*** About ****/
/*
li#tab_about:hover,
li#tab_about.tab_selected,
body.about h1.mainheader {
  background-color:#e57e16;
}


body.about #content {
  background-color:#fffef4;
 }

body.about h2,
body.about h3,
body.about h4 {
 color:#653709;
 }

body.about #optionsHeader {
  background-color:#654728;
  border-color:#cabba6;

 }

body.about #selected_nav,
body.about #navigation ul li:hover,
body.about #main {
  background-color:#f6f4e4;
 }

body.about #navigation .subnav {
  background-color: #eee4d7;
}


/*** Data entry ****/
/*
li#tab_data:hover,
li#tab_data.tab_selected,
body.dataentry h1.mainheader  {
  background-color: #c7a220;
}

body.dataentry #content {
  background-color:#d8edf5;
 }



li#tab_reports:hover,
li#tab_reports.tab_selected,
body.reports h1.mainheader  {
  background-color: #0f73a2;
}

li#tab_services:hover,
li#tab_services.tab_selected,
body.services h1.mainheader {
  background-color: #009985;
}

li#tab_help:hover,
li#tab_help.tab_selected,
body.help h1.mainheader  {
  background-color: #DA3838;
}
*/

#helpbar {
/*background:#e1e9f6;*/
background:#efefeb;
 }


#optionsHeader {
  padding: 6px 10px;
  font-weight: bold;
		color: #e7e7de;
  border:solid 4px #e1e1d7;
  background-color: #666666;
}

#three {
  background:#fff;
 /* border-bottom:solid 5px #e1e1e7;*/
padding-bottom:10px;

 /* position:relative; */
font-size:11px;
}

#footer {
color:#fff;
clear:both;
background:transparent;
	 margin-top:1em;
}

#durhamlogo {
float:right;
margin-top:10px;

 }

/** HOME PAGE EXTRAS **/

#welcome {
padding:15px;

}



#welcome h1, #welcome h2 {
	color: #214478;
}

#welcome li a {
// color:#214478;
color:#196b53;

font-weight:bold;
	text-decoration: none;
font-size:11px;
}
#welcome li a:hover {
	text-decoration: underline;
}

#welcome p {
 font-size:120%;
    color:#214675;
}

/** ABOUT US DIV HAS SOME EXTRA STYLING ***/
/*
#doc_1742 {
	background-image: url(/about/orange_mum_right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 200px;
}

/**/
#doc_1742 ul {
/**/
	list-style-type: none;
	padding: 0px;
}

#doc_1742 li {
	background-color:#fff;
	margin-bottom: 10px;
	padding: 5px 10px 5px 60px;
	margin: 5px 0px 5px 0px;
	background-repeat: no-repeat;
	background-position: top left;
/*	border: 1px solid orange; */
	min-height: 40px;

}

/*********************************************/

a.editLink {
	display: block;
margin:8px 10px 0 0;
	float: left;
	padding: 5px 10px;
	background-color: #FFFF66;
	border: 1px solid darkgoldenrod;
	margin-left: 3px;
	text-decoration: none;
	color: black;
}
a.editLink:hover {
	background-color: darkgoldenrod;
}


/************************************************/

.directory_table {
	font-size: .75em;
	border-bottom: 1px solid grey;
	line-height: 1.25em;
	width: 100%;
}
.directory_table th {
	text-align: left;
	color: #666666;
	border-left: 1px solid grey;
	padding: 5px 10px;
	vertical-align: top;
	width: 200px;
}
.directory_table td {
	border-right: 1px solid grey;
	padding: 5px;
}
.start_entry th,
.start_entry td {
	border-top: 1px solid grey;
	padding-top: 5px;
}
.start_entry h3 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}

.end_entry th,
.end_entry td {
	margin-bottom: 20px;
}


/*
#navigation {
	background-image: url(../images/football_boy.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 200px;

}

#doc_1744 {
	background-image: url(../images/football_boy.png);
	background-repeat: no-repeat;
	background-position: left top;
}
*/

#doc_1744 img {
	margin-right: 10px;
}
/*
#dpc+1744 li {
	list-style-position: inside;
}

/*
body {
	background-image: url(../images/cool_gang.png);
	background-repeat: no-repeat;
	background-position: top right;
}
*/

ul.no_symbol {
	list-style-type: none;
}

#bookmark_form table {
}
#bookmark_form table th {
	text-align: left;
	font-weight: normal;
	color: #00668E;
	width: 100px;
	vertical-align: top;
	padding-bottom: 10px;
}
#bookmark_form table td {
	display: block;
	width: 410px;
	overflow: auto;
	margin-bottom: 10px;
}
#bookmark_form .input_text {
	width: 400px;
}
#bookmark_form textarea.input_text {
	height: 100px;
}

table {
	background-color: white;
}

.pad_sides {
	padding: 0px 5px 0px 14px;
}
#my_place table {
	width: 100%;
}
#my_place table th {
	vertical-align: top;
	text-align: left;
	width: 140px;
	padding-right: 10px;
	padding-left: 14px;
}
#my_place .input_wide {
	width: 350px;
}

.highlighted_term {
	background-color: #FFFF66;
}

/* CSS USED ON THE LISTSERVICEENTRIES PAGE */
.DELEGATED {
  background:#FFBBBB;
}
.INPROGRESS {
  background:#FF9999;

}
.DELEGATECOMPLETED {
  background:#FFDDDD;
}
.SIGNEDOFF {
  background:#99FF99;
}

/* CSS USED BY SELF ASSESSMENT STATUS */
.NOTACHIEVED {
  background:#ff0000;
}
.STARTEDWORKINGTOWARDS {
  background:#ff9900;
}
.GOODPROGRESS {
  background:#ffcc00;
}
.ACHIEVEDFULLY {
  background:#008000;
}
.DATAENTRYINPROGRESS {
  background:#aaaaaa;
}

.button_panel {
margin-top:15px;
}

/* CSS USED IN THE QUESTIONNAIRES **/
.instructions {
	margin: 0;
	font-size: .9em;
	color: #aa2b4a;
	font-style: italic;
}
div.help {
position:relative;
	padding: 1px 10px;
	font-size: .9em;
	color: #25477a;
	background: #cedcf1;
}

div.help span {
/*position:absolute;
top:-26px;
right:2px;*/
float:right;
margin-top:-26px;
z-index:10;
}

div.guidance,span.guidance,p.guidance {
	padding: 1px 10px;
	background: khaki;
	font-size: .9em;
}


/*
.qvertical {
	border: 1px solid #91b8bd;
	background: #cfdad1;
	font-size: 0.8em;
	font-style: italic;
}
*/

	/* stuff for CSS/div questionnaire layout */
	div.question {
	padding: 3px 3px 3px 3px;
	border: 1px solid #d0d0d0;
margin-bottom:10px;

	}

   div.question_text {
		 margin-bottom:3px;
}

	div.question_text_wide {
	padding: 1px 1px 1px 1px;
	background: #DCE6F5;
	}
	div.question_text {
	padding: 1px 1px 1px 1px;
	background: #DCE6F5;
	}


	div.question_text p {
		 margin:0;
		 padding-left:3px;
	}


	div.answer {
	}

	div.subattrs {
	position:relative;
	left: 5%;
	width: 92%;
	}

	div.definition {
	  font-style: italic;
	}

	div.question_highlight {
	    border-style:solid;
	    border-color:red;
}


	input.form_button, button.form_button {
	padding: 3px 3px 3px 3px;
	//	text-align: center;
	border-style: solid;
	border-width: 2px;
/*	border-color: #cccccc #000000 #000000 #cccccc;*/
	background: #25477a;
	color: white;
	font-size: 80%;



-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
border-style:solid;
border-width:0;
cursor:pointer;
font-size:11px;
line-height:1.5em;
padding:3px 5px;
text-decoration:none;

margin-right: 3px;
	 margin-bottom:3px;

	}

input.pdf,input.print,input.excel,input.data {
padding:8px 30px 8px 5px;
}

input.pdf {
background:url('/images/pdfbutton.png') no-repeat 95% 3px #25477a;
}

input.excel {
background:url('/images/excelbutton.png') no-repeat 96% 3px #25477a;
}

input.data {
background:url('/images/databutton.png') no-repeat 96% 3px #25477a;
}

input.print {
background:url('/images/printbutton.png') no-repeat 96% 3px #25477a;
}

p.form_button, span.form_button {
	padding: 3px 3px 3px 3px;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: #cccccc #000000 #000000 #cccccc;
	background: #25477a;
	color: white;
	font-size: 80%;
	width:100px;
	}

	input.form_button_pressed {
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #000000 #cccccc #cccccc #000000;
	background: #25477a;
	color: white;
	font-size: 80%;
	}

	.form_button_pressed {
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #000000 #cccccc #cccccc #000000;
	background: #25477a;
	color: white;
	font-size: 80%;
	width:100px;
	}

 span.text_button {
	padding: 0px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background: #25477a;
	color: white;
	font-size: 80%;
	width:100px;
	}
	.financebox {
	  text-align: right;

	}

	.error{
	background: red;
	color: white;

	}

	table.sm_progress_bar {
	  border-collapse: collapse;
	width: 50%;
border:none;

	}

	table.sm_progress_bar td {
		 border:none;
padding:5px 12px 5px 5px;
	}

	td.sm_progress_done {
	  border: 1px solid black;
	  background-color: #7d97bf;
	}

	td.sm_progress_current {

	  background:url('/images/progress.png') no-repeat top right #7d97bf;
	}

	td.sm_progress_notyet {
	  border: 1px solid black;
	  background-color: #fff;
	}

        .expanding
           {
              	  border: 1px solid black;
             color: white;
                  background-color:#7d97bf;
           }



/* stuff for sliders
*/
	.slider_holder {
	    width:400px;
	    padding:10px
}
	.slider_track {
	    border-width: 1px;
	    border-style:solid;
	    border-color:#8096b7;
	    width:200px;
	    background-color: #dce6f5;
	    height:15px;
}

	.slider_handle {
	    width:9px;
	    height:15px;
	    background:url('../images/slider.png') repeat-y black;
}

	.slider_display{
	    width:100px;
}

/* google map related stuff (AW) */

#maps_container {
padding:10px;
background:#f6f6f6;
height: 520px;
width: 780px;
border:solid 1px #d7d7d7;
}

#map_canvas {
float:left;
	height: 500px;
	width: 500px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
border:solid 1px #e0e0e0;
}

.map_info_window {
  font-size: 10px;
  min-height: 80px;
  max-height: 80px;
}

.map_info_window_mini {
  font-size: 10px;
  max-height: 500px;
}

#map_mini_directory {
  float: left;
  font-size: 10px;
  height: 500px;
  overflow: auto;
  padding: 5px 10px 0 5px;
  width: 200px;
margin:0 5px 0 5px;
background:#e0e0e0;
border:solid 1px #e0e0e0;
}

.mini_directory_entry {
  border-width: 1px;
  border-style: solid;
  border-color:#c7c7c7;
  background:#fafafa;
  margin-bottom: 2px;
padding:2px;
}

.directory_entry {
  margin-bottom: 2em;
}

.directory_entry_data {
  border-style: solid;
  border-width: 1px;
  font-size: 11px;
  width: 98%;
}

.directory_entry_data td {
  border-collapse: collapse;
  border-style: none;
  border-width: 0px;
  margin: 0px;
}

td.directory_entry_attribute {
  font-weight: bold;
  vertical-align: top;
  width: 200px;
}

td.directory_entry_value {

}

.directory_entry_map_block {
  margin: 0px auto;
  text-align: center;
  width: 100%;
}

/* new results table */

div.resultstable {
	background-color: #ffffff;
}

div.resultstable p {
	padding-left: 10px;
}

div.resultstable table {
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	margin: 2px;
}

div.resulttable th {
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

div.resultstable td {
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

/* Page help */

div#pagehelp {
	 position: relative;
	 padding: 1px 10px;
	 font-size: .9em;
	 color: #25477a;
	 background: #cedcf1;
}

/* Abstracts */

div#links {
position:relative;
height:200px;
margin:0;
}

div#links.expanded2 {
height:auto;
}

div#links a, div#links .column {
margin-right:30px;
}

div#links div {
height:130px;
background:#edf5fb;
border:solid 1px #bdc5cb;
padding:10px 5px;

width:135px;
}

div#links.expanded2 {
position:static;
}

div#links.expanded2 div {
width:420px;
}

div#links.expanded2 div ul {
margin-left: 120px;
font-size:10px;
}

div#links div img {
float:left;
}

#browse {
position:absolute;
left:0;
top:0;
}

#getfull {
position:absolute;
top:0;
left:165px;
}

div#links.expanded2 div#getfull,
div#links.expanded2 div#browse {
position:static;
height:auto;
margin-top:10px;
}

.reportbutton img {
float:left;
}

.publication:after,
.bio:after,
#content:after,
.captivate:after,
div.columns:after,
div.column:after,
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


#subnav{
	width: 170px; /*width of menu*/
/*
	 border-style: solid solid none solid;
	border-color: #c4dAa4;
	border-size: 1px;
	border-width: 1px;
*/
	}

#subnav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	 line-height:0;
}

#subnav li a, #subnav li#selected_nav{
margin:0;
	 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	 display: block;
	 background:#dff9e3;
	 border-style:none solid solid solid;
	 border-width:1px;
	 border-color:#bce0c2;
	 	padding: 4px 0 4px 7px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}

#subnav li a:link, #subnav li a:visited {
	color: #5E7830;
}

#subnav li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

 #subnav li.nav_item a.selected {
	background-position: 100% -32px;
background-color:#bce0c2;
padding:0em 0.65em;
border:solid 1px #acd0b2;
color:#25477a;
text-align:center;
}


#subnav li a.selected{
	color: #26370A;
	background-position: 100% -64px;
background-color:#effff3;
}

#subnav div {
margin:0;
	 padding:0.1em 0.5em;
	 font-size:11px;
	 font-weight:bold;
	 background:#bce0c2;
}

.item {
padding:0.25em 0;
margin:0.25em 0 1.5em 0;
line-height:1.75em;


}

.item h2 {
line-height:0.75em;
	 margin:0;
}

.item h2 a {
	 color:#136d3d;
text-decoration:none;
}

.item p.meta {
font-style:italic;
margin:0 0 0.75em 0;
	 font-size:11px;
}

.bio img {
float:right;
margin:0 0 1em 2em;
border:0;
}

.bio {
padding:0.25em 0;
margin:0.25em 0 2em 0;
line-height:1.75em;
border-bottom:solid 1px #e7e7e7;

}

.pdfthumb {
float:left;
margin:0 20px 20px 0;
width:200px;
font-size:10px;
height:300px;
}

#servicegroupheads {
margin-bottom:20px;
}

.demonstration {
border:solid 7px #25477a;
width:640px;
}

.captivate {
background:#e6f2f6;
position:relative;
margin-bottom:20px;
}

.captivate h2 {
position:absolute;
left:345px;
top:1em;
}

.captivate p {
position:absolute;
top:13em;
left:345px;
}

.captivate img{
float:left;
margin:10px;
border:solid 4px #214675;
}

body.results #column2, body.overview #column2 {
margin-right:2em;
}

body.results .column,
body.overview .column {
width:45%;
padding:0 1% 0 0;
margin:0 2% 0 0;
float:left;
/*background:#f7f7f7;*/
}

.columnspan {
clear:both;
margin-top:1em;
width:100%;
float:left;
}

body.overview div.column span.INPROGRESS,
body.overview div.column span.DELEGATED,
body.overview div.column span.SIGNEDOFF {
display:block;
margin:-8px;
margin-bottom:-8px;
padding:8px;
}

body.overview div.column table{
width:100%;
}

body.overview div.column td.SIGNEDOFF, form span.SIGNEDOFF {
background:url('/images/tickicon.png') center right no-repeat #9f9;
}

form span.SIGNEDOFF {
padding:9px 40px 9px 5px;
margin-right:5px;
}

.loading {
display:block;
padding:10px 10px 10px 40px;
background:url('/images/loading.gif') 5px 11px no-repeat #e6f2f6;
}

div#evalnotice {
	background: none repeat scroll 0 0 #e6f2f6;
	padding: 15px 15px 10px 15px;
}

/* sortable tables */

table.js_tablesorter th.header {
	background-image: url('/images/trbg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:30px;
}

table.js_tablesorter th.headerSortUp {
	background-image: url('/images/asc.gif');
}
table.js_tablesorter th.headerSortDown {
	background-image: url('/images/desc.gif');
}