﻿
/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color:#000;
	}

a:visited {
	color:#000;
	}

a:hover {
	color:#009;
	text-decoration:none;
	}

a:active {
	color:#669999;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-container a:link {
	color:#006;
	}

#mainnav-container a:visited {
	color:#006;
	}

#mainnav-container a:hover {
	color:#000000;
	text-decoration:none;
	}

#mainnav-container a:active {
	color:#000000;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#topMenu-container a:link {
	color:#039;
	}

#topMenu-container a:visited {
	color:#039;
	}

#topMenu-container a:hover {
	color:#336;
	text-decoration:none;
	}

#topMenu-container a:active {
	color:#339;
	}
/* All link states are selected with an "a" */
#header a {
	color:#FFFFFF
	}

#breadcrumb-container a {
	color:#0CF;
	}

/******************
HEADINGS
******************/

Legend
{
	font-weight:bold;
	Color:#669999;
}



/******************
Layout Divs
******************/



#header {
	margin-bottom:1px;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	height:50px;
	min-height:50px;
	background: #036 url(../Images/TealHeader.jpg) repeat-x;
	font-size:1.8em;
	font-weight:bold;
	}

#header a {
	text-decoration:none;
	color:#FFFFFF;
	}

#slogan {
	font-size:.68em;
	margin:0px;
	font-weight:normal;
	padding-top:7px;
	}
	
#breadcrumb-container {
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	border-left:1px solid #EDEDED;
	margin-bottom:1px;
	background: #FFFFFF url(../Images/bg-topnav.gif) repeat-x;
	height:auto; /* 12px */
	min-height:32px;
	}


#content-container {
	background-color:#F6F6F6;
	border-top:1px solid #CBCBCB;
	border-right:1px solid #7F7F7F;
	border-bottom:2px solid #7F7F7F;
	border-left:1px solid #CBCBCB;
	padding:0px;
	margin:0px;
	position:relative;
	}


#content {
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px; /* Left 171px right 140px */
	height:100%;
	background-color:#FFFFFF;
	border-left:1px dashed #D0D0BF;
	border-right:1px dashed #D0D0BF;
	}
#contentNoMenu {
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px; /* Left 171px right 140px */
	height:100%;
	background-color:#FFFFFF;
	border-left:1px dashed #D0D0BF;
	border-right:1px dashed #D0D0BF;
	}



/******************
CLASSES
******************/

.controlsLabel
{
	background:#003;
	color: White;
	font-weight:bold;
}

.title
{
	width:100%;
	background:#003;
	color: White;
	font-weight:bold;
	font-size:1.1em;
}



/******************
DATA GRID Styles
******************/
.datagrid
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	width:800px;
	border:solid 1px #66999A;
}
.datagridnarrow
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	width:400px;
	border:solid 1px Blue;
}
/* common cell styles */
.datagrid th, .datagrid td
{
	cursor:default;
	height:30px;
	color:#ffffff;	
	
}
.datagrid td
{
	cursor:default;
	height:30px;
	color:#000;	
}
/* 
.headerstyle th 
{
	cursor:default;
	height:30px;
	color:#000;	
    padding-right: 10px;
    text-align: center;
}  

.headerstyle th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
	cursor:default;
	height:30px;
	color:#000;	
	display: block;
    padding-right: 10px;
}    
.headerstyle .sortascheader 
{
}
.headerstyle .sortascheader a 
{
    background: url('../images/dt-arrow-up.png') no-repeat right 50%;
} 
.headerstyle .sortdescheader 
{
}   
.headerstyle .sortdescheader a 
{
    background: url('../images/dt-arrow-dn.png') no-repeat right 50%;
} 
*/
/* common cell styles */
.datagridnarrow th, .datagrid td 
{
	cursor:default;
	height:30px;
}
/* header cell style */
.datagrid th
{
	border-right: 1px solid 66999A;
	border-bottom: 2px solid 66999A;
	background:#66999A repeat-x;
    color:#ffffff;	
    font-weight:bold;
    text-align:center;    
}  
.datagridnarrow th
{
	border-right: 1px solid #66999A;
	border-bottom: 2px solid #66999A;
	background:#66999A url('../images/mt_back.gif') repeat-x;
    color:#ffffff;	
    font-weight:bold;
}  
.datagridfooter
{    
	border-right: 1px solid #66999A;
	border-bottom: 2px solid #66999A;
	background:#66999A url('../images/mt_back.gif') repeat-x;
    color:#ffffff;	
    font-weight:bold;
    font-family:lucida grande,arial,helvetica,sans-serif;
}
.datagridpager 
{    
	border: 1px solid #66999A ;
    color:Maroon;		
    font-weight:bold;
    font-size:x-small;
}
.datagridpager table td 
{    
	border: 1px solid #66999A;
	border-style:dashed;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
    color:#66999A;		
    font-weight:bold;
    font-size:x-small;
}

/* cell styles */
.datagrid td
{
	padding:2px 8px;
}
.yui td 
{ 
    padding: 0 0 0 0; 
    border-bottom: none; 
} 
.datagrid td .Cal
{
	padding:0px 0px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}
.datagridnarrow td
{
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}
/* mouseover row style 
.datagrid tr:hover{ background-color:#f2e8da; }
*/



/******************
SIDE BAR MENU Styles
******************/

#sidebar {
	margin:0;
	padding:0;
	width: 230px;
	float: left;
	background-color:White;
	font:normal 11px verdana,arial,sans-serif;
}

#sidebar a, #sidebar a:visited, #sidebar a:active {
	text-decoration: none; 
	color: #2E484C;
}
	
#sidebar a:hover {
	color: #2E484C;
	text-decoration: underline; 
}

#sidebar span a { 
	display: block;
	margin:0 10px 1px 10px;
}

#sidebar span a:link, #sidebar span a:visited, #sidebar span a:active {
	padding: 4px 4px 4px 14px; 
	color: #fff; 
	text-decoration: none; 
	background:#66999A url(../Images/arrow_small.gif) -3px 7px no-repeat;
	/* border-left: 3px solid #D0DEE1;*/
	font:bold 12px verdana,arial,sans-serif;
	font-variant:small-caps;
}

#sidebar table td a:link, #sidebar table td a:visited, #sidebar table td a:active {
	text-decoration: none; 
	/* border-left: 3px solid #D0DEE1;*/
	font:bold 12px verdana,arial,sans-serif;
	font-variant:small-caps;
}

#sidebar span a:hover {
	background:#FFC416 url(../Images/arrow_small.gif) -3px 7px no-repeat;
	color: #2E484C;
	/*border-left: 3px solid #8DA09F; */
}

#sidebar ul {
	padding:5px 0;
	margin:0 10px;
	list-style: url(../Images/arrow_small1.gif) inside;
	background-color:White;
	border:1px solid #66999A
}

#sidebar ul a { 
	color: #2E484C;
	text-decoration: none; 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#sidebar ul a:hover { 
	text-decoration: underline; 
}

#sidebar h6 {
	margin:0 10px;
	color:White;
	padding:4px;
	font:bold 12px verdana,arial,sans-serif;
	background-color: #66999A;
	border:1px solid #66999A; 
}

#sidebar p {
	margin:0 10px;
	padding:5px 0;
}

#searchbox {
	width: 210px; 
	margin-left:10px; 
	padding:8px 0; 
	background-color: #8DA09F; 
	text-align: center;
}

input.text { 
	margin: 0; 
	padding: 0; 
	width: 115px; 
	border: 1px solid #fff; 
	background: #C0CBCA;
}
input.text:hover { 
	border: 1px solid #fff; 
	background: #D0DEE1; 
}
input.submit { 
	margin: 0; 
	padding: 1px 1px 0 1px; 
	border: none; 
	color: #fff; 
	background: #C0CBCA; 
	border: 1px solid #fff; 
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#sidebar div.addbox a {
	color: #66999A;
}

.addbox {
	margin:0 10px;
	padding:8px 4px; 
	background-color: #8DA09F;
	border:1px solid #D0DEE1; 
	text-align:justify;
}

.clearing {
	height: 0;
	clear: both;
}

/******************
DIV FORM Styles
******************/
#boxed1 fieldset {
	border:1px solid #8DA09F;
}

#boxed1 legend {
	background-color:#66999A;
	color: #fff;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 8px;
}

#boxed2 fieldset {
	border:1px solid #8DA09F;
}

#boxed2 legend {
	background-color:#66999A;
	color: #fff;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 8px;
}

#boxed3 fieldset {
	border:1px solid #8DA09F;
}

#boxed3 legend {
	background-color:#66999A;
	color: #fff;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 8px;
}
#boxed4 fieldset {
	border:1px solid #8DA09F;
}

#boxed4 legend {
	background-color:#66999A;
	color: #fff;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 8px;
}

