/** document general options **/
body {font:9pt Helvetica, Arial, Tahoma, sans-serif;	background: url(images/page/bg-body.gif)	repeat-x #ffffff;}
body, html {height:100%; color: #3399ff;}

span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}
.hidden {display:none;}

a {color: #3C6655;}

/*
a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; / or top /
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; / IE6 form button fix / 
}
*/

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.popupStyle 
{
	background-color:#ccffff; padding:10px;	
}

.button 
{  
  outline: none;
  border: none;	
  margin: 3px;
  color: #fff;
  background-color: #3399ff;
  padding: 5px 9px;
}

.button:hover {
  background-color: #184f85;
} 

div.validationSummary
{
 background-color: #CC6666;
 color: white;
 font-weight: bold;
 margin: 5px 5px 5px 0px;
 padding: 5px;
 width: 387px;
}

div.userMessageNormal
{  
 background-color: #2AA25E;
 color: white;
 font-weight: bold;
 margin: 5px 5px 5px 0px;
 padding: 5px;
 width: 387px;
}

div.userMessageWarning
{  
 background-color: #CC6666;
 color: white;
 font-weight: bold;
 margin: 5px 5px 5px 0px;
 padding: 5px;
 width: 600px;
}

div.userMessageAlert
{  
 background-color: #CC6666;
 color: white;
 font-weight: bold;
 margin: 5px 5px 5px 0px;
 padding: 5px;
 width: 600px;
}

span.validationError {color:#B81419; background:url(images/messages/error.png) no-repeat; margin-left: 5px; padding-left: 20px; vertical-align: middle;}

.align-left {float:left;}
.align-right {float:right;}

/** text colors assigned to elements in various areas **/
.yellow {color:#e8e4a2;}
.light-blue {color:#a6b7c0;}
.blue {color:#148C00 !important;}
.light-grey {color:#d7d7d7}
.white {color:#fff;}

div#containerWrapper {
    min-height: 100%; height: auto; height: 100%; 
}

.showBackground {
    min-height: 100%; height: auto; height: 100%; 
    background: url(/images/pulselogin.png) no-repeat;
    background-position: 0px 115px;
}

div#container {width:90%;  min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -61px;}
.push {height:133px;}

/** HEADER AND NAVIGATION **/
div#header {padding-top:7px;}

	/** header loginStatus **/
	p#loginStatus {float:right; color:#FEFFFF;  margin-top: 60px;}
	p#loginStatus a {color:#E0C452; text-decoration:none; font-weight:bold;}
	p#loginStatus a:hover {color:#FEFFFF;}
	p#loginStatus small {display:block; margin-top:5px; color:#8d9599; font-size:0.9em;}
	
	div#top {margin-bottom:8px;}
/** END OF HEADER **/

/** CONTENT **/
div#content {padding-top:1px;}

	/** main heading of the page **/
	div#content-top {border-bottom:1px solid #9FAFC8; padding-bottom:8px; margin-bottom:15px; margin-left:12px;}
		div#content-top span {font-size:150%; font-weight:bold;}
		
	/** Panel **/
	div.panel {margin-bottom:15px; width: 100%; color: #3399ff;}
	div.panel h4 {background:#3399ff; color: #FEFFFF; text-transform:uppercase; font-weight:bold; padding:10px;}		
	div.panel-container {background-color:#ccffff; padding:10px; color: black }
	div.panel-container h5 {color:#333; padding-left:20px; border-bottom:1px solid #d7d9d9; font-weight:bold; padding-bottom:7px; margin-bottom:1px; padding-top: 1px;}
	div.panel-container h5 span {font-weight:normal; font-size:0.9em;}
	 
	 /** Tables **/
	table.dataEntry 	{border-spacing: 1px;}
	table.dataEntry td	{min-height: 22px;  vertical-align: middle;}
 	table.dataEntry td.fieldName {text-align: right; vertical-align: middle; font-weight: bold; padding-right: 5px;}
 	
	/* GridView */
	table.table-grid {width: auto; margin: 5px; border-collapse:separate; }
	table.table-grid th {
						 color: #fff; 
	                     border: none;
	                     padding: 4px 9px 4px;
	                     text-align: center;
	                     font-weight:bold;
	                     background:url(images/gridview/bg_headerRow.gif) repeat-x 0px -4px;
	                    }
	
	table.table-grid th a { color: White; }
	
	table.table-grid th.gridtitle {margin: 0; padding: 0px; background: none; text-align: center; vertical-align: middle;}
	
	h3.gridtitle {background: #3399ff; color: #FEFFFF; text-transform:uppercase; font-weight:bold; padding:7px;}

	table.table-grid tr.even {background-color: #ccffff;}
	table.table-grid tr.odd {background-color: #white; }
	table.table-grid tr.changed {background-color: #E0C452;}
	
	table.table-grid td.GroupHeader {background:url(images/gridview/bg_groupHeader.gif) repeat-x 0px -10px; font-weight: bold; color: #fff; border: 1px solid #475A6E;} 
	table.table-grid td.GroupSubHeader {background:url(images/gridview/bg_groupSubHeader.gif) repeat-x 0px -10px; font-weight: bold; color: #fff; border: 1px solid #475A6E;} 
	table.table-grid td.GroupSubAltHeader {background:url(images/gridview/bg_groupSubAltHeader.gif) repeat-x 0px -10px; font-weight: bold; color: #fff; border: 1px solid #475A6E;} 
	 

	table.table-grid td {font-size:0.9em; padding: 2px 9px 2px 2px; margin:0; color:#1C2836; }
	table.table-grid td.gridAlign-Right {text-align: right;}
	table.table-grid tfoot {border-top:1px solid #ccc;}
	

	/** Footer **/	
	div#footer-wrap {background:url(images/page/bg-footer.gif) repeat-x; height:61px; position:relative;}
	div#footer {width:90%; margin:0 auto; padding:10px;}
	
	div#footer-top {color:#C2C4BE;}
	div#footer-top h4 {color:#EBF5FA; text-transform:uppercase; margin:5px 0; font-size:120%; font-weight:bold;}
	div#footer-top a {color:#B3D7E6; font-weight:bold; font-size:0.9em; text-decoration:none;}
	div#footer-top a:hover {color:#fff;}
	
	div#footer-top h2 {font-size:160%; text-transform:uppercase; padding-top:10px; padding-right:10px; font-weight:bold;}
	div#footer-top h2 a {color:#a1a5a6;}
	div#footer-top h2 a:hover {color:#c7cdcf;}