/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body{
	text-align:center;
	background-color: #03286C;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.78em;
}

h1, h2, h3, h4, h5, h6 {color:#444444;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin-top:1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	margin-top:1em;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}
input
{
    padding: 3px;
    font-size: 1.2em;
}
p  {margin: 1em 0;}

a{
    text-decoration:underline;
    color: #3d5b7d;
    outline: none;
}

a:hover {text-decoration:none;}

div.wrapper1{ background: #ffffff url(/images/web_template/2009/bg_fade.png) top left repeat-x; width: 100%; vertical-align: top; text-align: center; }
div.wrapper2{ width: 900px; margin: 0 auto;  padding: 0 12px 0 12px; background: transparent url(/images/web_template/2009/bg_main.png) top left repeat-y; text-align: left; }

div.footer{ background: transparent url(/images/web_template/2009/bg_bottom.png) top left repeat-x; height: 240px; text-align: center; }
div.footer img{ margin: 0 auto; }

#header{
	height:40px; 
	position:relative;
	background: transparent url(/images/web_template/2009/bg_header.png) top left repeat-x;
}
#header #gswsalogo{ position: absolute; top: 0; left: 0; }

.headerLoginName{
    z-index: 100;
    position: absolute; 
    right: 70px;
    bottom: -18px;
    color: #aaaaaa;
}
.headerLoginStatus{
    z-index: 101;
    position: absolute;
    right: 10px;
    bottom: -18px;
    color: #aaaaaa;
}
.headerLoginStatus a{ color: #aaaaaa; }

#logo{
	position:absolute;
	top:11px;
	left:11px;
}
#banner{
    position: absolute;
    top: -8px;
    left: 520px;
}
#banner h3{   
    font-weight: bold;
    font-size: 1.4em;
    color: #083076;
}
#search{
	position:absolute;
	bottom:5px;
	right:5px;
}
/*---------MAIN NAV----------*/
#mainnav{ position: absolute; right: 0; bottom: 0px; }

#mainnav .item 
{ 
	padding: 2px 7px;
	color: #1a938a;
	font-weight: bold;
}

#mainnav .selected {
	color: #213e80;
}
#mainnav .hover {
	color:#777777; 
}

/*----------CONTENT------------*/
#contentwrapper{
	position: relative;
	width: 900px;
}
#floatwrapper {
	float: left;
	width: 900px;
}

#leftcolumn {
    background: transparent url(/images/web_template/2009/bg_left_nav_short.png) top left no-repeat;
	position: relative;
	float: left;
	width: 230px;
	padding: 64px 0 0 10px;
	margin: 113px 0 0 0;
	height: 350px;
	z-index: 1;
}
#centercolumn{
	float: left;
	width: 610px;
	padding:30px 0 10px 20px;
}
#breadcrumbs{
	position:absolute;
	top:5px;
	left:260px;
	font-size:0.9em;
}
#breadcrumbs a {
	color:#000000;
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#copy a {}

#copy .container {
	margin:5px;
	padding:0 20px 15px 20px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}

/* \*/
* html #copy .container {height:1%;}
/* */

#copy img, #rightcolumn img {border:1px solid #FF284E !important;}

#copy .teaser{
	margin-top:0;
	color:#777777; 
	font-size:0.9em; 
	font-weight:normal;
}

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy .container table tr {font-size:0.9em;}

.txtBox {  }

#copy fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #CCCCCC;
}

#copy legend {
	color:#666666;
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

.button {
    background: #213e80 url(images/blue_fadeG.jpg) repeat-x top;
	border: solid 1px #333333;
	height: 30px;
	color: #eeeeee;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding: 0 10px 3px 10px;	
}
.button:hover{
    border: solid 1px #999999;
	color: #dddddd;
}

#copy .container .button { border-color:#CCCCCC; }

div.readmore {
	text-align:right;
	font-size:0.9em;
}


/*------------LEFT NAV----------*/
#leftcolcontainer{
    margin: 0 5px;
	padding: 0;
}

#subnav {
}
#subnav .item {
    width: 180px;
	color:#444444;
}
#subnav .item a{
    display: block;
    padding: 6px 0 6px 10px;
	margin: 0 0 4px 0;
	font-weight: bold;
	background-color: #ffffff;
	border: solid #f4f4f4 1px;
}
#subnav .selected a{
	background-color:#eeeeee;
}
#subnav .hover {
	color:#777777;
}
.sidebarcontainer{
	padding: 6px 10px;
	border: solid #f4f4f4 1px;
	width: 175px;
}
.sidebarcontainer a {color:#FF284E;}
.sidebarcontainer li {list-style-type:none;}
.sidebarcontainer h4 { font-size: 12px; }
.sidebarcontainer input.txtBox{ width: 130px; }
.sidebarcontainer input.button{ width: 115px; }

#footer a {
	margin: 0 5px;
	color: #333333;
}
#footer .footerCopy{
    position: relative;
    top: 120px;
    left: 540px;
}
.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}
.clear{ clear: both; }


/**
*   User datagrid
*/
.userAdminTable{ background-color: #ffffff; margin: 150px 0 0 -260px; width: 900px; }
.UserDGEditor{
    position: relative;
    margin: 0 0 0 0;
    font-size: .8em;
    border: solid #333333 1px;
    z-index: 100;
}
.UserDGEditor td, .UserDGEditor th{
    border: solid #333333 1px;
}
.UserDGEditor th{
    background-color: #5D7B9D;
}
.UserDGEditor th a{
    color: #ffffff;
}
tr.altBG{
    background-color: #F7F6F3;
}
.UserDGEditor td.userUserName{}
.UserDGEditor td.userEmail{}
.UserDGEditor td.userEmail input{ width: 120px; }
.UserDGEditor td.userComment{}
.UserDGEditor td.userComment input{ width: 55px; }
.UserDGEditor td.userCreationDate{}
.UserDGEditor td.userIsApproved{}
.UserDGEditor td.userLastLogin{}
.UserDGEditor td.userLastLogin input{ width: 70px; }
.UserDGEditor td.userIsLockedOut{}

.userEditRoles{ margin: 0 0 0 0; font-size: .8em; position: relative; }
.editRoleHeader,.newUserHeader{
    background-color: #5D7B9D;
    color: #ffffff;
}
.editRoleHeaderCtl{
    width: 75px;
}
.userEditGrid table,.userEditGrid td,.userEditGrid th{
    border: solid #000000 1px;
}
.newUserPanel{
    position: relative;
    margin: 0 0 0 0;
    border: solid #000000 1px; 
    font-size: .8em;
    width: 575px;
}
.newUserHeader{
    padding: 3px 5px;
    font-weight: bold;
    border-bottom: solid #000000 1px;
}

/**
*   category form
*/
.newCategoryForm{
    width: 600px;   
}
.newCategoryForm .formHeader{
    background-color: #5D7B9D;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 5px;
}
.newCategoryForm table{ width: 600px; border: none; }
.newCategoryForm input{ width: 450px; }

.profileTitle{
    padding: 2px 10px 2px 10px;
    background-color: #5d7b9d;
    color: #ffffff;
    font-weight: bold;
    width: 580px;
}
.ProfileLabel{
    color: #5D7B9D;    
}
.loginText{
    background: #ffffff url(images/fading_corner.jpg) top left no-repeat;
    padding: 10px 20px 0 25px;
    color: #335f5f;
}
.loginText h3{ font-weight: bold; font-size: 16px; color: #30749F; }
.loginText p{
    line-height: 20px;   
}


/*----- small signup stepsbox -----*/
div.useSteps{
    background: #ffffff url(images/useStepsHeader.gif) top repeat-x;
    border: solid #1F638E 2px;
    font: 13px "Trebuchet MS", arial, helvetica, sans-serif;
    float: right;
    width: 240px;
    margin: 10px 0 10px 10px;
}
div.useSteps h3{
    font-weight: bold;
    color: #ffffe8;
    color: #f6f6ff;
    font-size: 20px;
    margin: 0;
    padding: 7px 10px 0 10px;
}
div.useSteps ol{
    font-weight: bold;
    font-size: 16px;
    color: #336633;
    padding: 15px 10px 5px 35px;
}
div.useSteps ol li{
    margin: 12px 0 4px 0;
}

.scrollCheckBox{
    height: 250px;
    width: 580px;
    overflow: auto;
}
/*------------------------------------*/

.newUserLabel{
    text-align: right;
    font-weight: bold;
    color: #5d7b9d;
}
.editReqDetails input{
    width: 140px;
}

table.GridViewDetails > tbody > tr > td > a{
    display: block;
    width: 120px;   
}
.responseForm input{
    width: 150px;
}
.requestFormError{
    position: absolute;
    margin: 4px 0 0 5px;
}

.contactEmpTable
{
    margin: 0 0 20px 0;
}
.contactEmpTable tr th{
    width: 120px;
    padding: 5px;
}
.contactEmpTable tr td{
    width: 140px;
    padding: 5px;
}
/**
* --------------------------
*   Print Styles
* --------------------------
*/
@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}

	#wrapper, #contentwrapper {border:none;}

	#mainnav{
		padding:0;
		text-align:center;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}	
	   
	#footer{	
		position:static;
		border-style:none !important;
		border-top:1px solid #000000;
	}
}