﻿/** Global styles - base styles for every page **/


.zzz 
{
    background: yellow;
}


html {
	font-size:100%;
	padding: 0px;
	margin: 0px; }

body {	
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:0.7em;
	font-weight: normal;
	line-height:1.4em;	
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;
	color: #000000;
	background-color: #fff; }

div#page {
	width:771px;
	margin:0 auto; }

div#header {
	width:771px;
	height:120px; }

div#logo {
	float:left;
	width:136px;
	line-height:11px;	
	padding-left:16px;
	margin-top:15px; }

div#title {
	display:none; }

div#sitelinks {
	float:right;
	margin:4px 10px 0px 0px;
	color:#5DA767; }

div#sitelinks a {
	color:#fff; }
	
div#sitelinks a:visited {
	color:#fff; }

div#horizontalLinks {
	float:left;
	width:771px;
	margin-bottom:3px;
	background:url(/images/template/green-glass-background.gif) repeat-x top #126D46; }

div#horizontalLinks a {
	text-decoration: none;
	color:#fff; }

div#horizontalLinks a:hover {
	text-decoration: underline;
	color:#fff; }

div#horizontalLeftLinks {
	float:left;
	width:771px;
	padding-bottom:7px}

div#horizontalLeftLinks ul {
	font-weight:bold;	
	font-size:13px;
	line-height:17px;
	margin:0px;
	padding:5px 5px 7px 14px; }

div#horizontalLeftLinks ul li {
	list-style: none;
	float: left;
	display: block;
	margin: 0px 14px 0px 0px; }

div#topSearchForm {
	float:right;
	margin:3px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	visibility:hidden; }	

div#topSearchForm .topSearchInput
{	
	border: 1px solid #A5ACB2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 150px;
	padding: 2px;
	padding-left:3px;
	margin: 0px; }

div#main {
	padding-left:0px;
	background: #fff; }

div#crumb {
	width:761px;
	padding-bottom:5px;
	color:#777; }

div#leftNav {
	width:180px;
	float:left;
	margin-right:20px; }

div#mainColumn {
	width:371px;
	float:left;	}

div#mainColumnFullWidth {
	width:571px;
	float:left; }

div#rightNav {
	width:180px;
	float:left;
	margin-left:20px; }

div#footer {
	float:left;
	width:771px;
	text-align:center; }

div#footer-c {
	height: 19px;
	font-size:1em;
	letter-spacing:-0.02em;
	background:url(/images/template/corner-grey.gif) no-repeat top right #999;
	margin:0px;
	padding-top:3px;
	color: #fff; }

div#footer-l {
	float:left;
	height:19px;
	background:url(/images/template/corner-grey-bottom.gif) no-repeat bottom left #999;
	width:15px; }

div#footer a {
	text-decoration: none;
	color: #fff; }

div#footer a:hover {
	text-decoration: underline; }

div#pageDetails {
	float:left;
	width:771px;
	font-size:1em;
	letter-spacing:-0.02em;
	margin:0px;
	padding-top:3px;
	padding-bottom:1px; }

div#copyright a{
	float:left;
	padding-left: 8px;
	color: #008221; }

div#updated {
	float: right;
	color: #999999; }

div#updated .updatedDate {
	color: #008221; }

/** Headings **/

h1 {	
	font-size:1.5em;
	line-height:1.2em;
	margin:0px;
	padding:0px; }

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.2em;
	font-weight: bold;	
	color:white;
	margin:0px;
	padding:5px 0px 5px 9px; }

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.2em;
	font-weight: bold;
	margin:0px;
	padding:10px 0px 5px 0px; }
	
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height:1.2em;
	font-weight: bold;
	margin:0px;
	padding:10px 0px 5px 9px; }


/** Paragraphs **/

p {
	margin: 5px 0px 15px 0px; }

/** Images **/

img {
	border:0px;
	margin-top:5px;}

img.external {
	margin:3px 0px 1px 5px;	}
	
img.left {
    float:left;
    margin:5px 12px 5px 0px; }
    
img.right {
    float:right;
    margin:5px 0px 5px 12px; }

/** Hyperlinks **/

a {
	text-decoration: none;
	color: #008221;	
	background-color: transparent; }

a:hover {
	text-decoration: underline; }

a:visited {
	color:#6080CC; }	
	
.noUnderlinedLinks a {
    text-decoration:none;
}

a.skipNav {
	position:absolute;
	top:-500px; 
	width:1px;
	height:1px;
	overflow:hidden; }

/** Lists **/

ul, ol {
    margin-top:7px;
    margin-bottom:5px;
}

div#leftNav a {
    text-decoration:none;
}

div#leftNav a:hover {
    text-decoration:underline;
}

div#leftNav ul {
	margin-bottom:0px;
	margin-top:5px; }
	
div#leftNav ul ul {
	margin-bottom:5px;
	margin-top:5px; }

/** Formatting **/

acronym {
	cursor: help;
	border-bottom:1px dotted gray; }

.bold {
	font-weight: bold;	
	background-color: transparent; }
	
.center {
	text-align:center;
}

.grey {
    color:#888888;
}

li.xls, li.pdf, li.ppt, li.doc, li.zip 
{
    list-style:none;    
    padding-left:23px;
    margin:0px 5px 0px -23px;
    padding-bottom:4px;
    clear:both;
}

li.xls {    
    background: url(/images/template/icon-excel.gif) no-repeat; }

li.pdf {    
    background: url(/images/template/icon-pdf.gif) no-repeat; }

li.ppt {    
    background: url(/images/template/icon-ppt.gif) no-repeat; }

li.doc {    
    background: url(/images/template/icon-word.gif) no-repeat; }

li.zip {    
    background: url(/images/template/icon-zip.gif) no-repeat; }

/** Forms **/

.formLabel {
	float:left;	
	width:85px;
	margin:3px 0px 0px 0px;
}

.formField {
	float:left;			
	width:400px;
	margin:0px 0px 5px 5px;
}

.clear {
    clear:both;
}

/** Tables **/

table.grid {
	table-layout: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background-color: #fff;
	border-collapse: collapse;	
	border: 1px solid #075993;	
	width:551px;
	margin-left:9px;
	margin-top:5px;		
	margin-bottom:4px;
}

.grid th {
	background-color: #BDDAEF;
	background-color: #E3F0F9;
	border: 1px solid #82B1CA;
	font-weight: bold;
	margin: 0px;
	padding: 4px 8px;
}

.grid td {
	border: 1px solid #82B1CA;
	padding:4px 8px;
}

/** Menus **/

.menuparent 
{
    float:left;
    margin:4px 10px 0px 10px;
    font-weight:bold;
    font-size:1.2em;
}

.menuitemblue
{    
    font-weight:normal;        
    border-bottom:Outset 1px white;
    border-right:Outset 1px white;    
    background-color:#304080;
    color:White;
    padding:5px 10px 5px 3px;
}

.menuitemblue a:visited {color:White}

.menuitemred
{    
    font-weight:normal;        
    border-bottom:Outset 1px white;
    border-right:Outset 1px white;    
    background-color:#990000;
    color:White;
    padding:5px 10px 5px 3px;
}

.menuitemred a:visited {color:White}

.menuitemorange
{    
    font-weight:normal;        
    border-bottom:Outset 1px white;
    border-right:Outset 1px white;    
    background-color:#CC8030;
    color:White;
    padding:5px 10px 5px 3px;
}

.menuitemorange a:visited {color:White}

.menuitemgreen
{    
    font-weight:normal;        
    border-bottom:Outset 1px white;
    border-right:Outset 1px white;
    background-color:#008221;
    color:White;
    padding:5px 10px 5px 3px;
}

.menuitemgreen a:visited {color:White}

.menuitemjade
{    
    font-weight:normal;        
    border-bottom:Outset 1px white;
    border-right:Outset 1px white;    
    background-color:#46B2A7;
    color:White;
    padding:5px 10px 5px 3px;
}

.menuitemjade a:visited {color:White}

.menuitemgrey
{    
    font-weight:normal;        
    border-bottom:Outset 1px white;
    border-right:Outset 1px white;    
    background-color:#666666;
    color:White;
    padding:5px 10px 5px 3px;
}

.menuitemgrey a:visited {color:White}

/** .NET components **/

.errorSummary 
{
    border:1px solid red;
    background:white;
    padding:5px 5px 5px 15px;
    margin-top:5px;
    margin-bottom:5px;
}

.errorSummary ul
{        
    
}

.errorSummaryNoTitle
{
    border:1px solid red;
    background:white;
    padding:5px 5px 5px 15px;
    margin-top:5px;
    margin-bottom:5px;
}

.errorSummaryNoTitle ul
{    
    margin-top:3px;    
}


/** Added by CN for database search from here... **/
.searchButton
{    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:1.0em;
	color:#000000;
    background-color: #FFFFFF;
	font-weight: bold;
	margin:2px;
}

.searchButtonSelected
{    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:1.0em;
	color:#000000;
    background-color: #CC8030;
	font-weight: bold;
	margin:2px;
}

.searchAccordionHeader 
{
	margin-top: 2px;
	padding-left:5px;
	background: #CC8030; 
	color: #FFFFFF;
	cursor: pointer;
}

.searchAccordionHeaderSelected
{
	margin-top: 2px;
	padding-left:5px;
	background: #CC8030; 
	color: #FFFFFF;
	cursor: pointer;
}

.searchAccordionContent
{
	margin: 0px 0px 0px 0px;
}

.searchBottomAccordionPane
{
	margin-bottom: 22px;
	padding-bottom:60px;
	color:Red;
}

.hiddenAnchor a
{
	color: #CC8030; 
}

.hiddenAnchor a:visited
{
	color: #CC8030; 
}

.searchControl
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:1.0em;	
	color:#000000;
	background-color:#FFFFFF;
}

.searchTreeviewControl
{
	font-size:1.0em;
	color: red;
}

.vertical-line 
{
	display: inline;
	background-color: #CC8030;
	width: 1px;
	height: 100%;
}

hr
{
	height:1px;
	border:none;
	color:#CC8030;
	background-color:#CC8030;
}

.watermarked
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:medium;
	font-weight: normal;
	color:Gray;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalBackgroundAlternate {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	color:#000;
	padding:3px;
	width:750px;
}

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #CC8030;
 color: #FFF;
 font: 11px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

..table { display: table; }
..tablerow { display: table-row; }
..tablecell { display: table-cell; }

/** ...to here **/
