body {
	margin: 0px;
	background: #ffffff ;
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
}
#login a:link, #login a:visited {
	color: #FFFFFF;
}
#title h1 a:link, #title h1 a:visited {
	color: #ffffff;
	text-decoration: none;
}
#reportresults h2 {
	font-size: 1.1em;
	font-weight: bold;
}
a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


/* define the main layout divs */
#header {
	margin-right: auto;
	height: 50px;
	width: 100%;
}
#title {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
	float: left;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#body {
	padding: 0px 8px 10px 7px;
	background: #FFFFFF ;
}
/* IE needs height:512px BUT this height:512px below must be removed to display correctly in Mozilla */
#RightPane, #LeftPane {
	height: 445px ;
}
/* Mozilla needs min-height:512px (IE will ignore this min-height) */
 #RightPane, #LeftPane {
	min-height: 445px;
}
#LeftPane {
	padding: 10px;
	float: left;
	background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	width: 25%;
	
}
#MainDisp {
	padding: 10px;
	float: left;
	background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	width: 100%;
	align:center;
	
}

#RightPane {
	padding: 10px;
 	background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	margin-left: 25%;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
        
}
#DivT {
	padding: 0px;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	font: 1em Verdana,Arial,Helvetica,sans-serif;
 
}
#DivC {
	padding: 0px;
 	background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
        position:absolute;
	width:100%; 
}

#DivTemp {
	padding: 0px;
 	background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
        position:absolute;
	width:64%; 
}

#DivL {
	padding: 0px;
 	background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
        position:absolute;
	width:32%; 
}
#DivM {
	padding: 0px;
 	background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	margin-left: 33%;
	width:32%; 
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
        position:absolute;
}
#DivR {
	padding: 0px;
 	background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	margin-left: 66%;
	width:32%;
	color: #000000;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
     position:absolute;
}

/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* can be removed if no images in breadcrumb area 

/* all the legend tags use this same style */
legend {
	padding: 0px 4px;
	margin: 0px 0px 7px 0px;
	color: #000000;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
.table {
	padding: 0px 4px;
	/*margin: 0px 0px 7px 0px;*/
	color: #000000;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
fieldset {
	margin-bottom: 0px;
	/*background: #ffffff;*/
background: #FFFFFF url(images/RightPane_data_bg.gif) repeat-x left top;
	padding: 0px 12px 12px 12px;
	display: block ;
}
#homePageHeader{
	background-image: url(images/headerGRADIENT_Tall.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#bottomRow { 
    background-color: #3266CC; 
    padding-left:30; 
    font-family:tahoma;     
}
#bottomRow a:link, #bottomRow a:visited {
	color: #FFFFFF;
}
/* create hover effect for calendar icons */

/* make hours input field more prominent */

/* condense in mark up to be '.button' */
.submit, .reset, .delete, .create, .add, .copy {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 28px;
}
/* make submit button larger */
.submit {
	width: 108px;
}
/* zero margin on all forms */
form {
	margin: 0px;
}

/* begin classes */
input, select, textarea {
	margin-bottom: 8px;
}

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility). I've also hidden the table in the admin_create_projects.html page */
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}

img {
	border: none;
}