﻿/*
	STANDARD COLORS -

	Light Blue : #666699
	Dark Blue : #152d5d //#003366
	Medium Blue : #485b80 //#336699
	
	Very Light Gray: #eeeeee
	Light Gray : #cccc99
	Medium Gray: #a79e8f
	Dark Gray #756d60

	
*/


body
{
	font-family: Arial, Tahoma, Verdana ;
	font-size: 12px;
	background-color: #485b80;
}

table
{
	font-family:Arial, Tahoma, Verdana ;
	font-size:12px;
}

a{color:#003366; text-decoration:none;}
a:hover, a:active, a:visited{ color: #485b80;}


h1 { font-size:16px; font-weight:bold; border-bottom: solid 1px #666666; margin-top:8px; color:#003366;}
h2 {font-size:12px; font-weight:bold; border-bottom: solid 1px #666666; margin-bottom:4px; margin-top:4px; color:#003366;}
h3 {font-size:12px; font-weight:bold; border-bottom: solid 1px #666666; margin-bottom:0px; margin-top:0px; color:#003366;}

#tblMain
{
	width: 900px;
	
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	border-collapse: collapse;
	
	background-color:White;
}

#pageHeaderRow
{
	height: 100px;
	
	background-position: left center;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	color:White;
	background-color:#152d5d;
}
#pageHeaderCol
{
	position:relative;
}
.pageHeaderMsg1{position:absolute; top: 8px; left:166px; font-size:24px; font-weight:bold; z-index:1; }
.pageHeaderMsg1b{position:absolute; top:10px; left:168px; font-size:24px; font-weight:bold; color:Black; z-index:0; }
.pageHeaderMsg2{position:absolute; top: 44px; left:220px; font-size:16px; font-weight:bold; font-style:italic; z-index:1;}
.pageHeaderMsg2b{position:absolute; top: 46px; left:222px; font-size:16px; font-weight:bold; font-style:italic; color:Black; z-index:0;}
.pageHeaderMsg3{position:absolute; top: 12px; left:734px; font-size:12px; font-weight:bold; }

#topToolbarRow{height:14px; vertical-align:middle; background-color: #a79e8f; padding:2px; color:White;}
#topToolbarRow a{color:white;}
#topToolbarRow a:visited{color:white;}
#topToolbarRow a:hover{color:white;}
#topToolbarRow a:active{color:white;}

#topMenuCol{text-align:left; width:640px;}
#topLoginCol{text-align:right; width:260px;}
.content{}

#centerLayoutRow {}
#tdCenter {}
#tblContentLayout {}
#trContentLayout {}
#tdContent {padding:18px;}

#leftSidebar{background-color:white; display:none; }
#rightSidebar{background-color:white; display:none ;}

.centerContentCol{}

/* actual content div's */
#divPreContent{}
#divContent{}
#divPostContent{}

#copyrightRow{vertical-align:middle; background-color:#003366; color:White; }
#copyrightCol{text-align:center; font-size:10px; padding:4px; border-top: solid 4px #485b80;}



.graytext {font-size:10px; color: #dddddd;}

.smalltext{font-size:10px;}
.normaltext{font-size:12px;}
.bigtext{font-size:16px;}

.overlined{border-top:solid 1px #666666;}
.underlined{border-bottom:solid 1px #666666;}
.outlined{border: solid 1px #666666;}

.editbar{text-align:right; font-size:10px; border-top:solid 1px #dddddd;}

.error{color:Red; padding-top:4px; padding-bottom:4px;}

.toppadded{padding-top:6px;}



/* ubb formatting */
.ubb_code {padding:8px 8px 8px 8px; font-family:Courier New, Courier, Times New Roman;}
.ubb_quote {margin-left: 32px; padding:8px 8px 8px 8px; border:solid 1px #666666; font-style:italic; background-color:#ffffc5;}
.ubb_table { background-color: inherit; border-right: #dddddd 0px solid; border-top: #dddddd 0px solid; border-left: #dddddd 0px solid; border-bottom: #dddddd 0px solid; border-collapse: collapse;}
.ubb_table td { border: solid 0px #dddddd; padding:2px;	}
.ubb_table tbody tr { vertical-align:top;	}
.ubb_table thead { vertical-align:bottom;	}
.ubb_error {color:Red; text-decoration: underline overline;}
.ubb_dot {font-size:12px; font-weight:bold;}
.ubb_expando { text-align:left;	 cursor:pointer; color:#152d5d; font-weight:bold;}
.ubb_expandoBody {border:solid  1px #dddddd; padding: 4px 4px 4px 4px; margin-top: 4px; margin-bottom: 4px;}

/* the div that contains our ajax progress update stuff */
#modalElem {position:absolute; vertical-align:middle; text-align:center; width:300px; height:30px;}

/* neatUpload - styles must be set in ~/NeatUpload/default.css */




