/***********************************************/
/* Cobault.css                                 */
/***********************************************/

/* Site Colour Scheme

Main Dark Areas				#FFFFFF
Darker Borders				#333333
Lighter Areas				#E0E0E0
Darker Table				#C0C0C0

Main text					#003366		- also Copyright Banner
Lighter text				#0066CC

On Page Titles				#003367

*/

/***********************************************/
/* Basic Styles                                */
/***********************************************/

body{
	font-size: small;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.166;	
	margin: 5px 5px 5px 5px;
	border: 0px solid #DBE3F8;
	padding: 0px 0px 0px 0px;
	color: #003366;
}

a:link, a:visited, a:hover, a:focus, a:active {
	color: #003366;
	text-decoration: none;
}

/*
a { text-decoration: none; }
a[href^="mailto:"]:before { content: "\2709 " }
a:hover {
	text-decoration: underline;
}
*/
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*text-align: left;*/
}

h1{ font-size: large; }
h2{ font-size: medium; }
h3{ font-size: 100%; }
h4{ font-size: 100%; }
h5{ font-size: 100%; }

ul{ list-style-type: square; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: none; }

label{
 font: bold 100% Arial,sans-serif;
}
				
th {
 font-weight: bold;
}

.queryth{
 font-weight: bold;
 text-align: left;
 background-color: #FFFFFF ;
}

/***********************************************
 Major Layout Divs
 
 globalNav			width 770
 content			width 770
 	breadcrumb		clear both
 	feature
	story
 modulenav
 copyright			clear both
	
***********************************************/

#globalNav{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 770px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	color: #FFFFFF;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
	display: block;
}

#globalNav a {
	padding: 0px 0px 0px 0px; 
	text-decoration: none ;
}

#globalNav td.tabbed {
	padding-top: 3px;
	padding-bottom: 3px; 
	text-decoration: none ;
}

#content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 770px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

#modulenav, #modulenavfp{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#modulenav{
	width: 770px;
	border-top: 2px solid #003366;
	background-color: #DBE3F8;
}

#modulenavfp{
	background-color: #FFFFFF;
	font-size: 80%;
}

#copyright{
	width: 750px; /* padding = 20 */
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	background-color: #003366;
	color: white;
}

/***********************************************/
/* Content Sub Divs                            */
/***********************************************/

#breadCrumb{
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	letter-spacing: 4px;
	text-transform: uppercase;
	border-bottom: 0px solid #003366;
	background-color: #DBE3F8;
	color: #003366;
}

.insertspace, .insert td {
	padding-top: 12px;
	padding-bottom: 12px;
}

.bcSub, #breadCrumb td {
	background-image: url(images/div_grad_blue.gif);
	height: 5px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	}

.insert td.bcSub {
	padding: 0px 0px 0px 0px;
}

.bcMain, #breadCrumb th {
	border-top: 2px solid #003399;
	border-bottom: 4px solid #eeeeee;
	background-image: url(images/navbg.gif);
	vertical-align: middle;
	padding: 2px 5px 0px 5px;
}

.insert td.bcMain {
	padding: 2px 5px 0px 5px;
}

.bcGMain {
	border-top: 2px solid #333333;
	height: 37px;
	border-bottom: 4px solid #eeeeee;
	background-image: url(images/navbar_grey.gif);
	vertical-align: middle;
	padding: 2px 5px 0 5px;
}

.insert td.bcGMain {
	padding: 2px 5px 0px 5px;
}

.bcGSubMain {
	border-top: 2px solid #333333;
	border-bottom: 4px solid #eeeeee;
	background-image: url(images/navbar_grey.gif);
	vertical-align: middle;
	padding: 2px 5px 0 5px;
}

.bcGSub {
	background-image: url(images/div_grad_grey.gif);
	height: 5px;
	border: 0px;
	}
	
.insert td.bcGSub {
	padding: 0px 0px 0px 0px;
}

.bcMainLineOnly {
	border-top: 2px solid #003399;
	vertical-align: middle;
	padding: 2px 5px 0px 5px;
}

#breadCrumb th {
	padding-bottom: 5px;
	padding-top: 7px;
}

/***********************************************/
/* Component Styles                            */
/***********************************************/

.insert, .insertright, .insertbox{
	padding: 2px 5px 2px 5px;
	padding: 0px 0px 2px 0px;
	text-align: justify;
}

.insert, .insertright{
	border-left: 0px outset #E0E0E0;
	border-top: 0px outset #E0E0E0;
	border-bottom: 0px outset #FFFFFF;
	border-right: 0px outset #FFFFFF;
	background-color: #DBE3F8;
}

.insertright{
	padding-top: 10px ;
}

.insertbox{
	border: 2px solid #DBE3F8;
}

.insertbox{
	padding: 2px 5px 2px 5px;
	text-align: justify;
	
}

.sidebarleft{
	border-left: 1px solid #999999 ;
}

.sidebar{
	border-left: 1px solid #999999 ;
	border-right: 1px solid #999999 ;
}

.insert dt, .insertright dt {
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 5px 0px ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 1px;
	color: #003367;
}

.insert dd, .insertright dd {
	padding: 0px 0px 0px 0px;
	color: #003367;
}

.insert dl, .insertright dl {
	padding: 0px 0px 0px 0px;
}

.insert p, .insertright p {
	padding: 0px 0px 0px 0px;
}

/************** .feature styles ***************/


.feature{
	padding: 5px 1px 5px 1px;
}

.feature td.tabbed {
	padding: 3px 5px 3px 5px;
}

.tabbed {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background-image: url(images/navbarsub_grey.gif);
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

input.tabbed {
	/*
	padding-top: 1px;
	padding-bottom: 0px;
	*/
}

.insert a.tabbed {
	padding-top: 3px;
	padding-bottom: 3px;
}

a.tabbed:hover, td.tabbed a:hover{
	color: #0066cc;
	font-weight: bold;
	/*
	font-weight: normal;
	color: #800000;
	background-image: url(images/navbarsub_greyhl.gif);
	*/
}

input.tabbed {
	color: #003366;
	behavior: url(input-effects.htc); /* For IE */
	}
	
input.tabbed:hover{	/* For Mozilla */
	color: #0066cc;
	font-weight: bold;
	}

/*
.tabbed{
	background-color:#F9F9F9;
	text-align: center;
	border-top: 1px solid #003399;
	border-bottom: 1px solid #999999;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #003399;
	border: 1px outset #dbe3f8;
	white-space: nowrap;
}

a.tabbed:hover, td.tabbed a:hover{
	background-color:#DBE3F8;
}

.insert a:link, .insert a:visited, .insert a:hover {
	text-decoration: none;
}

.insertbox a:hover{
	color: #FF9900;
}

*/

/************** .story styles *****************/

.story{
	clear: both;
	padding: 0px 10px 0px 10px;
	text-transform: none;
}

.story p{
	padding: 0px 0px 10px 0px;
}

.feature p{
	padding: 0 5px 0 5px;
}

.para1{
	padding: 0 10px 0 5px;
	color: #0066CC;
}

.para2{
	padding: 0 10px 0 5px;
	color: #003366;
}

.highword1{
	color: #003366;
}

.highword2{
	color: #0066CC;
}

#content ul{
	padding: 5px 0px 5px 0px;
}

/************** table styles *****************/

.noborders, .noborders td, .noborders th{
	border: 0px solid #999999;
}

.thinborders{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.thinborders td{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}

.thinborders th{
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}

/************** form styles *****************/


.button {
	/*
	font-weight: bold;
	text-shadow:Black 2px 2px 2px;
	border-style: outset;
	margin:2px;
	font-size:12px;
	*/
	font-family:Verdana;
	cursor:default;
	border-width: 1px;
	border-style: solid ;
	color: #003366;
	background-color:#E0E0E0;
	background-color:#F9F9F9;
	border-color: #333333;
	padding: 3px 10px 3px 10px ;
}    

.buttonbold {
	font-family:Tahoma;
	font-size:11px;
	text-shadow:Black 2px 2px 2px;
	margin:2px;
	cursor:default;
	font-weight: bold;
	border-style: outset;
	border-width: 3px;
	color: black;
	background-color:#FFFFFF;
	border-color: #FFFFFF;
}    

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */

.feature th{
	background-color: #DBE3F8;
}

.feature td{
	vertical-align: top;
}

/************** form styles *****************/

.form250 {
	width:250px;
	border-style: solid ;
	border-width: 1px;
	padding:5px;
	border-color: #333333;
	}

.form2col {
	width:550px;
	border-style: solid ;
	border-width: 1px;
	padding:5px;
	border-color: #333333;
	}

.label { 
    }
  	   
.textlabel { 
    }
	   
.checkboxlabel { 
    }
	   
.selectlabel { 
    }
	   
.radiolabel { 
    }   

.text { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:20px;
	border-style: inset ;
	border-width: 1px;
	color: #003366;
	border-color: #003366;
	background-color: #DBE3F8;
}

.text:hover, .text:focus {
	background: white;
}
	  
.textarea { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:75px;
	border-style: inset ;
	border-width: 2px;
	overflow:auto;
	border-color: #003366;
	scrollbar-track-color: #CCCCCC;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color: white;
	scrollbar-arrow-color: #888888;
}

.select { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:20px;
	border-style: inset ;
	border-width: 2px;
	color: #003366;
	border-color: #333333;
	background-color: #DBE3F8;
}

.multiselect { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:75px;
	border-style: inset ;
	border-width: 2px;
	color: #003366;
	border-color: #333333;
}	  
	      

/************** #modulenav styles *****************/

#modulenav td, #modulenavfp td{
	text-transform: none;
	padding-right: 10px;
	text-align: left;
}

#modulenav a, #modulenavfp a{
	color: #0066CC;
}

.tddark {
}

#modulenav .tddark{
	background-color: #C0C0C0;
	background-color: #DBE3F8;
	background-color: #FFFFFF;
}

#modulenavfp .tddark{
	background-color: #E0E0E0;
	background-color: #DBE3F8;
}

.modulenavtitle {
	font-weight: bold;
	text-align: center;
	color: #003366;
}

.modulenavtable {
	font-weight: bold;
	/*
	border-top-style: solid;
	border-top-width: 2px;
	*/
	border-top-color: #C0C0C0;
}

.bolditalic {
	font-style: italic;
	font-weight: bold;
}

/************* End of styles ***************/
/*
.feature a:hover{
	background-color:#DBE3F8;
}

.paddedtable{
	padding: 3px 3px 3px 3px;
}

.fptitle{
	padding: 3px 10px 3px 10px ;
	border: 1px solid #333333 ;
	background-color: #DBE3F8;
}

*/