:root
{
overflow-y: scroll;
margin: 0;
}

body
{
background: white;
color:	    #366;
margin: 0;
}

div
{
}

a
{
color: #699;
}

a:hover
{
color: #f93;
}

h2,h3,h4
{
color: #699
}

p,li,img
{
color: #366
}

ul.link li
{
background: transparent url(img/bg_link.png) no-repeat top left;
}

table.contentlist
{
table-layout: fixed;
width: 100%;
}

table.contentlist td
{
width: 10%;
padding: 3px 0 3px 0;
font-size: 80%;
}

table.contentlist td a
{
margin: 0px 6px 0px 6px;
}

table.contentlist td.grey
{
background: #aaa;
}

table.contentlist td.grey a
{
color: #366;
}

table.contentlist td.grey a:hover
{
color: #a71;
}

.note
{
font-size: 55%;
}

div#container
{
width: 85%;
margin-left: 7.5%;
margin-right: 7.5%;
margin-top: 0;
height: auto;
min-height: 550px;
}

div#topbar
{
width: 99%;
padding-left: 0.5%;
padding-right: 0.5%;
padding-top: 5px;
padding-bottom: 5px;
float: left;
background: #b2b9bd;
min-height: 20px;
height: 60px;
margin-bottom: 0;
}

div#topbar h1
{
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
color: #fff;
}


div#cornerbox
{
width: 15%;
padding-left: 2.5%;
padding-right: 2.5%;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
position: absolute;
top: 10px;
right: 10px;
border-style: solid;
border-width: thin;
border-color: #366;
}

div#cornerbox a
{
font-size: 110%;
}

div.newssearch {
width: 60%;
margin: 0 5px;
border-style: solid;
border-color: #366;
border-width: medium;
margin-bottom: 5px;  
background-color: #CFF;
}

div.newssearch input.submit {
 position: absolute;
 right: 10px;
 bottom: 5px;
}

div.newsitem {
font-size: 80%;
width: 60%;
margin: 0 5px;
border-style: solid;
border-color: #366;
border-width: medium;
margin-bottom: 5px;
}

div.newsitem div.newsitemtop {
width: 98.5%;
margin: 0;
padding: 5px 0.75%;
border-style: none;
border-bottom-style: solid;
border-bottom-width: thin;
background-color: #366;
color: #9FF;
border-color: #366;
}

div.newsitem div.newsitemtop span.newsitemtitle {
text-align: left;
font-size: 130%;
font-weight: bolder;
max-width: 65%;
}

div.newsitem div.newsitemtop span.newsitemtimestamp {
text-align: right;
position: absolute;
right: 0.75%; /* taken from padding of div.newsitemtop */
bottom: 5px; /* taken from padding of div.newsitemtop */
font-weight: bolder;
max-width: 30%;
}

div.newsitem div.newsitembody {
width: 97%;
margin: 0;
padding: 10px 1.5%;
background-color: #CFF;
}

div#navbar
{
/*float: left;*/
width: 19%;
padding-left: 0.5%;
padding-right: 0.5%;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
top: 70px;
left: 0;
max-height: 450px;
overflow: auto;
background: #b2b9bd;
position: absolute;
margin-top: 0;
}

div#navbar ul
{
float: left;
list-style: none;
margin: 0;
padding: 0 2.5% 0 2.5%;
border-bottom: 1px solid #fff;
display: block;
width: 95%;
}

div#navbar li
{
display: block;
float: left;
margin: 0;
padding: 0;
font-size: 75%;
font-weight: bold;
border-top: 1px solid #fff;
width: 100%;
}

div#navbar li a 
{
display: block;
float: left;
padding: 5px 0 5px 0;
width: 100%;
color: #fff;
text-decoration: none;
background: #b2b9bd;
}

div#navbar li a:hover,
div#navbar li.current a:hover {
color: #f93;
background: #ddd;
}

div#navbar li.current a {
color: #f93;
background: #ddd;
}

div#main
{
margin-left: 20%;
width: 78%;
padding: 1%;
top: 0px;
bottom: 0px;
float: right;
margin-top: 0;
}

div#main h3
{
padding-top: 5px;
padding-bottom: -10px;
clear: both;
}

div.fullwidth
{
/*width: 96%;*/
clear: left;
}

#footer
{
text-align: center;
padding: 2%;
/*padding-left: 10%;*/
}

#header
{
width: 856px;
height: 130px;
margin: 0 auto 15px auto;
}

div.nobreak
{
/*display: table-row;*/
white-space: nowrap;
}

img.footlogo
{
max-height: 50px;
width: auto;
}

img.headlogo
{
height: auto;
width: 856px;
}

#header .infolab21_logo {
	position:relative;
	padding:0 0 0 4px;
	background:#fff url(img/header_bg.png) repeat-x;
	z-index:1;
}

#header .lu_logo {
	position:absolute;
	right:0;
	top:5px;
	width:200px;
	height:120px;
	background:#fff;
	border-left:#b2b9bd 1px solid;
	text-align:right;
	z-index:100;
}


span.notice
{
font-weight: bolder;
}

div.errorbox
{
width: 59%;
left: 15%;
right: 15%;
border-width: medium;
border-color: red;
border-style: solid;
background-color: #FFE9E9;
color: red;
padding: 2%;
margin-top: 2ex;
margin-bottom: 2ex;
}

div.warningbox
{
width: 59%;
left: 15%;
right: 15%;
border-width: medium;
border-color: #B76E00;
border-style: solid;
background-color: #FFFFB0;
color: #B76E00;
padding: 2%;
margin-top: 2ex;
margin-bottom: 2ex;
}

div.warningbox p
{
color: #B76E00;
}

div.infobox
{
width: 59%;
left: 15%;
right: 15%;
border-width: medium;
border-color: #0000FF;
border-style: solid;
background-color: #CBE1FF;
color: #0000FF;
padding: 2%;
margin-top: 2ex;
margin-bottom: 2ex;
}

div.infobox p
{
color: #0000FF;
}

form {
padding-bottom: 20px;
}

img.helplinklogo
{
height: 24px;
width: 24px;
vertical-align: bottom;
}

div.formrow
{
clear: both;
padding-bottom: 5px;
padding-top: 5px;
font-size: 70%;
/*border-width: thin;
 *border-style: solid;
 *border-color: darkblue;*/
}

div.formrow input[type=text],
div.formrow select,
div.formrow input[type="password"]
{
/*height: 24px;*/
}

div.formrow span.control input[type=text].wide
{
width: 70%;
}

div.formrow span.label
{
float: left;
width: 23%;
text-align: right;
}

div.formrow span.control
{
float: right;
width: 75%;
text-align: left;
/*padding-left: 2%;*/
}

div.formrow span.midform
{
position: relative;
left: 23%;
right: 75%;
}

div.displayrow
{
clear: both;
padding-bottom: 5px;
padding-top: 5px;
font-size: 70%;
}

div.displayrow span.label
{
float: left;
width: 18%;
text-align: right;
}

div.displayrow span.content
{
float: right;
width: 80%;
text-align: left;
}

div.displayrow span.content li
{
font-size: 100%;
}

div.skillblock,table.skillblock
{
display: table;
font-size: 70%;
}

div.skillrow,tr.skillrow
{
display: table-row;
}

div.skillhead,tr.skillhead
{
display: table-row;
font-weight: bold;
}

div.skillbox,td.skillbox
{
display: table-cell;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

div.space
{
height: 30px;
}

img#enw,
img#nwda,
img#eu
{
position:relative;
vertical-align: middle;
margin: 0 25px 20px 20px;
}
			 
img#enw
{

}
				 
img#nwda {
margin:0 25px 20px 20px;
}

tr.rollover:hover {
background-color: #e7ff6c;
cursor: pointer;
}

tr.rollover_admin_openopp:hover {
background-color: #e7e7e7;
cursor: pointer;
}

tr.rollover_admin_openopp {
background-color: #ccccff;
}

tr.flagged {
background-color: #ccf3f3;
}

tr.waiting {
background-color: #ffb493;
}

tr.hold {
background-color: #a1e4ff;
}

tr.changed {
background-color: #ceff7e;
}

tr.unseen {
background-color: #ffff7e;
}

tr.unavail {
background-color: #a4bdb2;
}

td.styled {
max-width: 500px;
}

/** search **/
div#searchbar
{
width: 99%;
padding-left: 0.5%;
padding-right: 0.5%;
padding-top: 5px;
padding-bottom: 5px;
float: left;
background: #fff;
min-height: 20px;
height: 50px;
margin-bottom: 0;
}

fieldset#search {
	position:absolute;
	top:20px;
	right:3px;
	height:30px;
	width:275px;
	margin:0;
	padding:0;
	z-index:100;
	background:transparent url(img/search_bg.png) no-repeat;	
}

fieldset#search legend {
	display:none;
}

fieldset#search form {
	margin:0;
	padding:0;
	background:transparent;	
}

fieldset#search input {
	position:absolute;
	margin:0;
	padding:0;
	border:#fff 0px solid;
	background:transparent;
	font-size:smaller;
	color:#699;
}

fieldset#search input#q {
	top:7px;
	right:25px;
	height:20px;
	width:160px;
}

fieldset#search input#sa {
	top:5px;
	right:5px;
	height:20px;
	width:20px;
	cursor:pointer;
	color:#fff;
	font-size:0%;
	text-indent:100px;
	overflow:hidden;
}

div.hanging {
}

div.hanging p {
        margin-left: 1em;
	text-indent: -1em;
	padding: 0px;
}