/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BODY TAGS

	scrollbar-arrow-color: #464646;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #e6e6e6;

	scrollbar-arrow-color: #464646;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #e6e6e6;

	scrollbar-arrow-color: #464646;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #e6e6e6;
	
	background-color: #5081C0;
	
html, body
{
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;	
	background-color: #ffffff;
  font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 8pt;
  color: #303440;
  text-align: left;
}	
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ERROR MESSAGES TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.NormalMessage {
	text-decoration: none;
}

.WarningMessage {
	color: #CC0000;
	background-color: #FFFF00;
	text-decoration: none;
}

.ErrorMessage {
	color: #FFFF00;
	background-color: #CC0000;
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PORTAL MASTER.TEMPLATE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#site
{
  background-color: #5081C0;
  width: 100%;
  height:100%;
  padding: 2px 0px 20px 0px;
}

#container
{
	position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  width: 90%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML ELEMENT TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

input[type="text"]  {
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: #330099;
	background-color: #FFFFFF;
	border: 1px solid #009BFF;	
}		

input[type="password"]  {
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: #330099;
	background-color: #FFFFFF;
	border: 1px solid #009BFF;	
}	

input.Text  {
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: #330099;
	background-color: #FFFFFF;
	border: 1px solid #009BFF;	
}	

textarea  {
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: #330099;
	background-color: #FFFFFF;
	border: 1px solid #009BFF;	
}	
			 
input.HiLite {
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt;
	color: #330099;
	background-color: #CCFFFF;
	border: 1px solid #009BFF;
}

select {
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt; 
	color:#330099;
	border: 1px solid #330099;
	background-color:#FFFFFF;
}

select.HiLite {
	font-family: Tahoma, Arial, Verdana;
	font-size: 8pt; 
	color:#330099;
	border: 1px solid #330099;
	background-color:#CCFFFF;
}

LI
{
	margin: 0px 0 0 0;
	padding: 0px;
	border: none;
}

/* H1 Header larger */

H1
{
	color: #576fa5;
	margin: 1px;
	margin-bottom: 5px;
	padding: 1px;
	font-weight: lighter;
	font-size: 150%;
}

H1 a:link, H1 a:visited, H1 a:active, H1 a:hover
{
	color: #576fa5;
	text-decoration: none;
	font-weight: lighter;
	font-size: 150%;
}

/* H2 Header large */

H2
{
	color: #033ADA;
	margin: 1px;
	margin-bottom: 5px;
	padding: 1px;
	font-weight: lighter;
	font-size: 18px;
}

H2 a:link, H2 a:visited, H2 a:active
{
	color: #CC00FF;
	text-decoration: none;
	font-weight: lighter;
	font-size: 18px;	
}

H2 a:hover
{
	color: #033ADA;
	text-decoration: none;
	font-size: 18px;		
	font-weight: lighter;
}

/* H3 Header small */

/* H4 Header smaller */

H4{
	font-size: 14px;
	margin: 1px;
	margin-bottom: 3px;
	padding: 1px;
	font-weight: lighter;
	text-decoration:none;
	color: #2367B8;
}

H4 a:link, H4 a:visited, H4 a:active, H4 a:hover
{
	font-size: 14px;
	font-weight: lighter;
	text-decoration: none;
	color: #85B2E8;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FORM STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* GridView template 
background-color:#F3F8F7;
*/
.templateTable {
    
    margin: 2px 0px 2px  0px;
    border: solid 1px #C2D4DA;
}

/* 
    background-color:#ECF2F3;
    border: solid 1px #C2D4DA;
*/
.templateTable .Caption {
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-size: 9px;
		font-weight: bold;
    text-align: right;
}

/* 
    border: solid 1px #C2D4DA;
*/
.templateTable .Field {
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-size: 9px;
    text-align: left;
}

.templateTable .AltRow {
    background-color:#FFFFFF;
}

.templateTable .Header {
		font-family:  Verdana, Tahoma, Arial, Helvetica;
		font-size: 12px;
		font-weight: bold;
    color: #ffffff;
    height: 24px;
    text-align: left;
    vertical-align: middle;
    background-color: #0900B2;
    background-image: url(/shared/images/backgrounds/grdNavy.gif);
    background-repeat:repeat-x;
    padding: 2px 2px 2px 2px;    
}

.templateTable .SubHeader {
		font-family: inherit;
		font-size: 11px;
		font-weight: bold;
		color: #7F7F91;
    padding: 2px 2px 2px 2px;   
    height: 20px;
    text-align: left;
    vertical-align: middle;
    background-color: #E3E3E3;     
}

.templateTable .SubHeader2 {
		font-family: inherit;
		font-size: 10px;
		font-weight: normal;
		color: #000000;
    padding: 2px 2px 2px 2px;   
    height: 20px;
    text-align: left;
    vertical-align: middle;
    background-color: #F0F0F0;     
}

/* table templates */
.templateForm {
	background-color: White;
	padding: 2px 2px 2px 2px;
	border: solid 1px #8fb1d9;	
	text-align:center;
}

.Caption {
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-size: 9px;
    text-align: right;
}

.Field {
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-size: 9px;
    text-align: left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LINE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

hr {
  border: 0;
	background-color: #DDE7F0;
	height: 3px;
}

hr.AltColor {
  border: 0;
	background-color: #33CCFF;
	height: 3px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
COMMON BREADCRUMB
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.BreadCrumbArea
{
	margin: 0px;
	margin-bottom: 10px;
	padding: 12px 20px 12px 20px;
	background-color: #dde7f0;
	border: solid 1px #bdc8d2;
	color: #656981;
}

.BreadCrumbArea a:link, .BreadCrumbArea a:visited, .BreadCrumbArea a:active
{
    text-decoration: none;
}
.BreadCrumbArea a:hover {
	text-decoration: underline;
}