/* General Layout */

BODY {
 font: 12px Verdana, sans-serif;
 /* background: #E8E9EA; */
 background:white;
 margin:0;
 text-align: center;
}

IMG {border: none}

TD {font: 12px Verdana, sans-serif; }

div#main {
 width:990px;
 text-align: left;
 margin-left:auto;
 margin-right:auto;
 background:white;
 border-left: solid #C0C0C0 1px;
 border-right: solid #C0C0C0 1px;
 border-bottom: solid #A2A0A0 1px;
}

div#mainContent, div.topInfo {
 padding:15px;
 border-left: solid #A2A0A0 1px;
 border-right: solid #A2A0A0 1px;
}

div#mainContent {
 padding-top:10px;
}


div.loginMsg {
 font: 12px Arial, Helvetica, sans-serif;
 text-align:right;
 padding-right: 15px;
}

div#headerTitle {
 background: url('../images/header_bg.png');
 height: 68px;
 width: 988px;
 border-left: solid #2B3037 1px;
 border-right: solid #2B3037 1px;
 position: relative;
}

img#logo {
 position:absolute;
 top:8px;
 left:8px;
}

div#headerNav {
 height: 36px;
 width: 988px;
 border-left: solid #A2A0A0 1px;
 border-right: solid #A2A0A0 1px; 
}


/* Top navigation */
/* For reference on horizontal CSS navbars, see http://www.monkeyflash.com/css/image-rollover-navbar/  */

#headerNavbar {
    background-image: url('../images/header_nav_bg.png');
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:bold;
    height:36px;
    margin: 0;
    padding: 0;
}
#headerNavbar li {
    list-style:none;
    display:inline;    
}

a.navButton, a.leftNavButton, a.rightNavButton {
    color: #333333;
    text-decoration:none;
    float:left;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 36px;
    background-image: url('../images/header_nav_button.png');
    background-position: top left;
    background-repeat: no-repeat;
}

#activeNavButton {
    background-image: url('../images/header_nav_button_active.png');
    background-position: top left;
    background-repeat: none;
}

a.leftNavButton {
	padding-left: 20px;
}

a.rightNavButton {
	padding-right: 20px;
	background:none;
}


/* Tabs */
/* For reference on horizontal CSS navbars, see http://www.monkeyflash.com/css/image-rollover-navbar/  */

#tabsDiv {
		height: 45px;
		width:955px;
 		border-left: solid #A2A0A0 1px;
 		border-right: solid #A2A0A0 1px;	
 		margin-bottom: 30px;
}

#tabs {
		height: 45px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		padding:10px 20px;
		background:url("../images/tab_bk.gif") repeat-x;
		/* border:2px solid #4e6b94; */
		margin-left:0;
}

#tabs li {
    list-style:none;
    display:inline;
}

a.tab {
    /*width:110px; */
    width:178px;
    color:#fff;
    text-decoration:none;
    background:url("../images/tab2.gif") no-repeat;
    float:left;
    padding:12px 10px 13px;
    /*text-align: center; */
    margin:0 -10px;
}
a.tab:hover {
    background-position:0 -45px;
    color:#1e5ebd;
}
a.tab:active {
    background-position:0 -90px;
    color:#1e5ebd;
}
#activeTab {
    background-position:0 -90px;
    color:#1e5ebd;
}


/* Toolbar */

div#toolbar {
	border-top:solid black 1px;
	border-bottom:solid black 1px;
	padding: 6px;
	margin-bottom:18px;
}


/* Header styles */

H2 { font: bold 18px Verdana, Helvetica, sans-serif; }


/* Breadcrumbs */

div#breadCrumbs { margin-bottom: 2em}


/* Text */
.smaller {font-size: 90%}


/* Tables */

TABLE.dataTable {border: solid gray 1px;}
TABLE.dataTable TD {font: 12px Verdana, sans-serif; padding: 3px; padding-right:6px; }
TABLE.dataTable TH {border-bottom: solid #B2B0B0 1px;  padding: 3px; padding-bottom: 5px; }
TR.odd {background: lightgray}
TR.even {background: white}

TABLE.detailsTable {border:none}
TABLE.detailsTable TD {padding: 4px; margin: 4px}

FORM TABLE { border: 0; }
FORM TABLE TD {padding: 4px; margin: 4px }

TR.grayedOut {background: lightgray}

/* change this */
TABLE.tabs TD {padding: 6pt; border: solid black 1px}



/* Forms */

TH {font: bold 12px Verdana, sans-serif; text-align: left }

DIV.required {color: red}
SPAN.required {color: red}

input.smallNumber {width: 3em}
input.date {width: 5em}
textarea.smallTextarea {width:30em; height: 3em}
textarea.largeTextarea {overflow: scroll; width:30em; height: 6em}

input.address {width: 20em}
input.postalCode {width: 8em}

div.formSeparator {
 font-weight: bold;
 color: gray;
 border-bottom: solid gray 1px;
 padding-bottom: 6px;
 margin-top: 12px;
 margin-bottom: 12px;
}


/* Error messages */

div.errors {
 color: red;
}

div.errorBox {
 padding: 5px;
 border: solid gray 1px;
}

/* Login Style */ 
div#loginBack{
  background:url('/images/login-background.png');
  background-repeat:repeat-y;
  height:100%;
  text-align:left;
}

div#loginForm{
 position:relative;
 float:left;
 top:30px;
 left: 40px;
 border: black dotted;
}

div#loginContentBack{
 position:absolute;
 top: 20px;
 left:20px;
 height:600px;
 width:400px;
 float:left;
  background:white;

 //pretty opacity
 opacity:0.4;
 filter:alpha(opacity=40);
 -moz-opacity:0.4;


}

div#loginContent{
  position:absolute;
  top:22px;
  left:22px;
}

img#loginButton{
  height:40px;
}