body { 
	margin:5px 0; 
	padding:0; 
	text-align: center;
	height: 100%;
}

form {
	padding: 0;
	margin: 0;
}

img {
	border: 0px solid white;
}	

h2 {
	text-align: center;
	color: navy;
	margin: 0;
	padding: 0;
}

/*centering report tables */

#report_output {text-align: center;}
#report_output table {margin-left:auto; margin-right:auto;text-align: center;}

/*end centering report tables */
.report_first_column {
	text-align: left;
	font-weight: bold;
}

.even_row {
background: url(/images/gradient_blue.png) repeat-x 0 -5px;
}

.report_table {
border: solid black 1px;
border-collapse: collapse;
margin: 10px;
}

.report_table thead td {
background: lightgrey;
font-weight: bold;
padding: 5px;
}

.report_table tbody td {
padding: 0 20px;
text-align: left;
}


/*report styles */


/* end report styles */


#main {
	text-align: right;
}


/* any table */
.td_left, .card th{
	text-align: right;
	font-weight:bold;
}
/* end any table */

/* section for buttons container and buttons style*/
.buttons {
width: 100%;
clear: both;
text-align: center;
padding: 2px;
}

a.nav, .buttons a, input.nav, .buttons input {
	background: url(/images/gradient_blue.png) repeat-x 0 -5px;
	color: blue;
	padding:  0px 5px 0px 5px;
	border: 1px solid blue;
	cursor: pointer;
}

a:hover.nav, .buttons a:hover {
background-position:100% -22px;
}


/* end section fro buttons container */


/*section style for entire site except timesheet*/
.section {
	border: 1px solid gray;
	padding: 0;
	background-color: #f7f3f7;
	margin: 0 0 5px 0;
}

.small_section {
	border: 1px solid gray;
	padding: 0;
	background-color: #f7f3f7;
	width: 49%;
	float:left;
}

#small_right {
float:right;
}

.section_header_left {
	float: left;
	width: 90%;
	font-size:14pt;
	font-weight:bold;
}

.section_header_right {
	text-align: right;
}

.section_header {
	background: url(/images/gradient_blue.png) repeat-x 0 -5px;
	padding: 3px;
	color: navy;
}

.section_content {
	padding: 5px;
	text-align: left;
}

/* end of the section style */

/* 3 classess to make 3 columns */
/*.v1 {
	width: 10%;
	float:left;
}
.v2 {
	width: 10%;
	float: right;
}
.v3 {
	width: 80%;
	float: right;
	text-align: center;
	padding-top: 20px;
}*/
/* end 3 classes - 3 columns */

.main_container {
	margin: 5px auto; 
	padding: 0; 
	width: 90%;
}


#blockIEselect {
	filter:revealTrans(duration=0.1); width:90%;
}


#loading_indicator
{
	display:block;
	text-align: center;
}

.grey_overlay
{
display: none;
position: absolute;
width: 100%;
height: 100%;
margin: 0 auto;
background-color: #c0c0c0;
border: 1px #333333;
text-align: left;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
z-index: 1;
top: 0;
right: 0;
}
.white_overlay_content
{
display: none;
color: black;
background-color: white;
position: absolute;
top: 35%;
left: 50%;
/*max-height: 200px;*/
margin-top: -70px;
width: 450px;
margin-left: -225px;
z-index: 2;
overflow: auto;
padding: 5px 5px 5px 5px;
border: 5px ridge #a4cee6;
}

#banner {
  background: white;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #0000CD;
  text-align: left;
  
}

#columns {
  background: #141;
}

.task_box .notice {
	text-align:center;
	border: none;
	color: red;
	font: smaller  sans-serif;
	font-style:italic;
}
.notice, #notice, #errorExplanation {
  border: 2px solid red;
  padding: 1em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
  margin: 5px;
}

a {
  text-decoration: none;
  font: smaller sans-serif;
}

#main {
	text-align: left;
}

/* footer */

#time_stamp {
	font-weight:bold;
	clear: both;
	width: 100%;
}

#footer
{
	clear:both;
	text-align: center;
#	background: #F7F3F7;
	background: url(/images/gradient_blue.png) repeat-x 0 0 ;
	font-size:75%;
	border:1px solid #B5B2B5;
}

#footer a{
	color:#6B78A9;
	text-decoration: none;
	margin: 10px;
}

#footer a:hover {
	color: navy;
	background: #EFEBEF;
	text-decoration: underline;
}


.copyright {
	font-size:8pt;
	font-weight:normal;
	color:#999999;
	}

/* end footer */

/***********************************************/
/*     User sections                        */
/***********************************************/

#user_section
{
		padding:2px 5px 2px 10px;
}

/***********************************************/
/*     creadit card form                       */
/***********************************************/

.card th
{
	text-align: right;
	font-weight:normal;
}

.discount {
  color: red;
}

#total_hours {
	font-weight:bolder;
	display: inline;
}

/* a style for the mouseover of the active row
.actionrow {background-color:#87CEFA;color:black}
moved to timesheet.css
*/
/***********************************************/
/*    project tree management                       */
/***********************************************/

.task_tree_container
{
	max-height: 400px;
	overflow: auto;
}

/* context help */
#help_container {
	position: absolute;
	text-align: left;
	background: #f0f0f0;
	border: 1px solid navy;
	padding: 5px;
	width: 200px;
	z-index: 3;
	font: 10pt san-serif; 
	color: navy;
	text-indent: 20px;
}
#help_content li {
	padding: 0;
	margin: 0;
	text-indent: 0px;
}

#help_content  hr {	
	width: 95%; 
	text-align: center;
	padding: 0;
	text-indent: 0px;
	color: navy;
}

#help_content h1 {
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	padding: 0;
	margin: 0;
	color: navy;
	text-indent: 0px;
}
/* context help end */

/* task note */
#task_note_div h1 {
	font-size: 12pt;
	font-weight: bold;
	text-align:center;
	padding: 0;
	margin: 0;
	color: navy;
	text-indent: 0px;
}

#task_note_div hr {
	width: 95%;
	text-align: center;
	padding: 0;
	text-indent: 0;
	color: navy;
}

#task_note_div {
	text-align: center;
	background: #f0f0f0;
	border: 1px solid navy;
	padding: 5px;
	z-index: 3;
	font: 10pt san-serif; 
	color: navy;
	text-indent: 20px;
}

/* task note end*/

/* order confrimation page */
#order_confirmation{
text-align:center;
}

#order_confirmation h1 {
color: navy;
font-size: 20px;
}
/* order confrimation page end*/