@charset "UTF-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, 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}ol, ul {list-style:none}fieldset {border:0; padding:0;}

body {font:12px normal Arial, Helvetica, sans-serif; background:url(img/body-bg.jpg) center top no-repeat;text-align:center;}	
#center {width:950px; margin:0 auto; position:relative;text-align:left;}
#header {position:relative; height:100px;}
#header h2 {background:url(img/DIIRD-logo.png) left top; left:30px; top:26px; text-indent:-9999px; position:absolute; width:443px; height:42px;}
#contact {position:absolute; right:35px; top:23px;}
#contact p {font-size:24px; color:#fff; line-height:27px;}
#headerNav {position:absolute; left:-9999px;}
#headline {background:url(img/content-top.png) left bottom no-repeat; padding:25px 0 35px 0;}
#headline p {height:60px;background:url(img/big-arrow.png) left top no-repeat; padding-left:90px; font-size:18px; color:#000; line-height:24px; margin:0 0 0 35px;}
#headline p a {color:#000;}
#headline p a:hover {color:#000;}
#pageContent {zoom:1;background:transparent url(img/content-body.png) left bottom no-repeat; padding:25px 5px 37px 35px; margin:0 auto; position:relative; z-index:100; overflow:hidden;}
#pageContent:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#pageContent a {color:#005996;}
#pageContent p {padding-top:13px; line-height:18px;}
#pageContent ul.nav {padding-top:18px;}
#pageContent ul.nav li {background:none; padding:0 0 10px 0; line-height:normal;}
#pageContent ul.nav li a {background:url(img/btn-listBg.gif) left top no-repeat; color:#fff; font-weight:bold; width:200px; height:15px; display:block; padding:7px 10px 3px; text-decoration:none;}
#pageContent ul.nav li a:hover {background:url(img/btn-listBg.gif) left -25px no-repeat;}
#pageContent ul.nav li a.currentPage {background:url(img/btn-listBg.gif) left -50px no-repeat; color:#005996;}
#pageContent ul.nav li a.subject {background:url(img/btn-listBg.gif) left -75px no-repeat; color:#005996; font-size:16px; height:15px; display:block; padding:5px 10px; text-decoration:none;}
#pageContent ul.nav li a.currentPage:hover {background:url(img/btn-listBg.gif) left -50px no-repeat; color:#005996;}
#pageContent ul.nav li a.subject:hover {background:url(img/btn-listBg.gif) left -75px no-repeat; color:#005996; font-size:16px; height:15px; display:block; padding:5px 10px; text-decoration:none;}
#pageContent table {width:650px; border:0;}
#pageContent table caption {text-align:left; font-size:14px; padding:11px 10px 9px; background:url(img/table-caption.gif) left top no-repeat; margin-top:14px; border-bottom:1px solid #bfeafa;}
#pageContent table th {border-bottom:1px solid #bfeafa; padding:9px 9px 6px; font-weight:bold;}
#pageContent table td {/*border-bottom:1px solid #bfeafa;*/ padding:9px 9px 9px; line-height:19px}
#pageContent table .odd {background-color:#e5f6fd;}
#leftContent {float:left; width:200px; margin-right:30px; position:relative; z-index:200};
#leftContent ul.nav {padding-top:0px;}
#leftContent ul.nav li {padding-bottom:5px;}
#leftContent ul.nav li#home {padding-bottom:6px; margin-bottom:10px; background:url(img/blue-dots.gif) left bottom repeat-x;}
#leftContent ul.nav #logout {padding-top:11px; background:url(img/blue-dots.gif) left top repeat-x;}
#rightContent {zoom:1;float:left; width:650px; overflow:visible; margin-right:30px; position:relative;}
#rightContent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#rightContent .components {width:285px; float:left;margin-right:30px;}
#rightContent .components.noright {margin-right:0;}
#rightContent h1 {font-size:23px; font-weight:normal; padding-bottom:6px;background:url(img/blue-dots.gif) left bottom repeat-x; color:#005996;}
#rightContent h2 {font-size:18px; line-height:24px; padding-bottom:6px; margin-top:10px; background:url(img/blue-dots.gif) left bottom repeat-x; color:#005996;}
#rightContent h2.title {font-size:18px; line-height:24px; padding-top:16px; padding-bottom:0; color:#000; background:none;}
#rightContent h3 {padding-top:30px;line-height:18px; font-size:12px; font-weight:normal;}
#rightContent img {float:right; margin-left:20px;}
#rightContent form img {float:none;margin:0;}
#rightContent ul {padding-top:11px;}
#rightContent ul li {background:url(img/blue-bulletpoint.gif) left 9px no-repeat; padding:2px 10px 0 18px; line-height:22px;}
#rightContent ul li a {color:#000; text-decoration:none;}
#rightContent ul#footnotes li {background:none; padding:6px 0 0; font-size:11px; line-height:16px;}
form {background:url(img/form-Bg.gif) 2px bottom no-repeat; margin-left:-2px; margin-top:14px; width:400px;}
fieldset {background:url(img/fieldset-Bg.gif) left top no-repeat; padding:20px 22px;}
legend {display:none;}
label {float:left; width:80px; line-height:24px;}
input, select, textarea {border:1px solid #005997; color:#005997; padding:4px 3px 3px;}
input[type=image]{border:0 none transparent !important;}
input.inputImage{border:0;}
form fieldset p {padding-top:0px !important; padding-bottom:0 !important; margin-bottom:4px; line-height:normal !important; width:100%;}
form div#ErrorNote {margin-bottom:20px;}
form div#ErrorNote p {color:#005997; padding-top:0; padding-bottom:17px; font-weight:bold;}
form #LoginButton, form #SubmitButton {border:0; background:url(img/btn-form100px.gif) left top no-repeat; width:100px; height:25px; color:#fff; font-weight:bold; text-align:left; padding:3px 10px 6px; margin:6px 0 9px 80px;}
form #SubmitButton { margin-left: 0; }
form #LoginButton:hover, form #SubmitButton:hover {background:url(img/btn-form100px.gif) left -25px no-repeat;}
form p a#forgotPassword {margin-left:80px;}
form.registration {background:none; margin-left:0; margin-top:0; width:500px;}
.fieldsetWrapper {background:url(img/form-Bg-Long.gif) 0 2px  no-repeat; margin-left:-2px; margin-top:14px;}
.fieldsetWrapper fieldset {background:url(img/fieldset-Bg-Long.gif) left top no-repeat; padding:20px 22px;}
.fieldsetWrapper label {float:left; width:130px; line-height:24px;}
.fieldsetWrapper label .small {font-size:10px; position: absolute; margin-top: 12px;}
.fieldsetWrapper label .required {color: #CC0000; font-size:14px; position: absolute; margin-left:120px;}
.fieldsetWrapper input, .fieldsetWrapper textarea { width: 280px; }
.fieldsetWrapper input.mediumInput { width: 140px; }
.fieldsetWrapper select { width: 287px; }
.fieldsetWrapper select.mediumSelect { width: 147px; }
.mandatoryField {color: #CC0000; }
#footer {position:relative; margin-top:-5px; left:0; width:950px; background:url(img/footer-image.png) left top no-repeat; overflow:hidden; padding-top:68px; font-size:11px; line-height:16px;}
#footer ul {float:left; padding-left:35px; width:500px;}
#footer ul#logos {float:right; width:300px;}
#footer ul#logos li {float:left; padding-right:30px;}
.hide {position:absolute; left:-9999px;}
#printTitle {display:none;}

/*registration form*/
.red {color: #CC0000; }
#pageContent form table {
	width: 650px;
}
#pageContent form#login table {
	width: 300px;
}
#pageContent form {
	background: none;
	width: 100%;
}

#pageContent form table table,
#pageContent form table table table{
	width: 100%;
}
#pageContent form table td {
	border: none;
	line-height: normal;
	vertical-align: top;
	padding:0;
}
#pageContent form table.5pad td
{
    padding:5px;
    }
#pageContent form table td.medium {
	padding-top: 6px;
}
#pageContent form h2{margin:20px 0;}
#pageContent form table td h2 {
	background: none;
	border: none;
	padding: 20px 0 5px;
}

#pageContent form select, input, textarea {
	margin-top: 2px;
}

#pageContent form td td,
#pageContent form td {
	background-color: #cceffc;
	/*padding: 2px;*/
}
#pageContent form td td img {
	margin: 0;
	padding: 4px 0;
}

#pageContent form td td select, input, textarea {
	margin: 2px;
}
#pageContent form td td textarea
{
    width:80%;
    }
#pageContent form td td span.medium {
	display: block;
	padding-bottom: 0px;
}
#imageField { border: none; }
#pageContent form #submit{border:0;}
/*Custom checkbox and radio button*/
.customField { height: 30px; }
.customText { display:block; padding-top: 5px; }
span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(img/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	width: 25px;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(img/radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	width: 25px;
}
#pageContent table.paddedTable td{padding:9px;border-bottom:1px solid #BFEAFA;
line-height:19px;}

/* Some Fixes */
#buttonRow img{float:left;margin:0 10px 0 0;}
#pageContent form.tablefied td{background:none;}
#pageContent form.tablefied td.odd{background:#e5f6fd;}
#rightContent{margin:0;width:600px;}