body {
	margin: 0em;
	font: 12pt Arial,Verdana,Helvetica,sans-serif;
	/* AODA compliance needs both bg and fg font colors initiated */
	background-color: White;
	color: Black;
}
	
/* define the main layout divs */
#header {
	/*margin-right: auto;
	height: 3.56em;
	width: 100%;*/
	 background-color:White;
	 border-bottom:solid 0.14em #B2AAA4;
}

#footer {
padding-top:50px;
}

#title {
	padding-top: 0.07em;
	padding-bottom: 0.07em;
	padding-left: 0.07em;
	/*float: left;
	height: 0.07em;
	position: absolute;
	top: 0em;
	left: 0em;*/
}

#title1 {
	/*padding-top: 0.07em;
	padding-bottom: 0.07em;
	 padding-right:0.07em;*/
	float: right;
	/*height: 1.4em;*/
	position: absolute;
	top: 0.8em;
	right: 0em;
}

/* add hover effect to any a href images within the data tables */
#timesheetdata a:link img, #timesheetdata a:visited img, #projecttable a:link img, #projecttable a:visited img {
	padding: 0.14em;
	border: 0.07em solid #EDF0F3;
	background: #EDF0F3;
}
#timesheetdata a:hover img, #projecttable a:hover img {
	padding: 0.14em;
	border: 0.07em solid #C1CFE0;
	background: #FBFBFC;
}
#timesheetdata a:active img, #projecttable a:active img {
	padding: 0.14em;
	border: 0.07em solid #C1CFE0;
	background: #D9E2EC;
}
/* zero margin on all forms*/
form {
	margin: 0em;
}
 

/* 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;
}

 .boldLabel
{
    font-size:12pt;
    font-weight: 600;
    color: #000;
}

.lightLabel
{
    font-weight:normal;
    font-size:12pt/*0.9em*/;
    color:#000;
 }
 
.smallLabel
{
    font-weight:lighter;
    font-size:10pt;
     color:#333;
}

.smallLabelItalic
{
    font-weight:lighter;
    font-size:smaller;
    font-style:italic;
     color:#333;
}
.smallLabelBold
{
    font-weight:bold;
    font-size:0.8em;
    color:#333;
}
INPUT.text {
	BORDER-RIGHT: #c3c3c3 0.07em solid; 
	BORDER-TOP: #7c7c7c 0.07em solid; 
	BORDER-LEFT: #c3c3c3 0.07em solid; 
	BORDER-BOTTOM: #ddd 0.07em solid;
	FONT-SIZE: 100%; 
	BACKGROUND: url(../../images/fieldbg.gif) beige repeat-x 50% top; 
	MARGIN: 0em; 
	COLOR: #333; 
}

TEXTAREA.textarea {
	BORDER-RIGHT: #c3c3c3 0.07em solid; 
	BORDER-TOP: #7c7c7c 0.07em solid; 
	BORDER-LEFT: #c3c3c3 0.07em solid;
	BORDER-BOTTOM: #ddd 0.07em solid;
	FONT-SIZE: 100%; 
	BACKGROUND: url(../../images/fieldbg.gif) #fff repeat-x 50% top; 
	MARGIN: 0em;  
	COLOR: #333; 
}

SELECT.select {
	BORDER-RIGHT: #c3c3c3 0.07em solid; 
	BORDER-TOP: #7c7c7c 0.07em solid; FONT-SIZE: 100%; 
	BORDER-LEFT: #c3c3c3 0.07em solid;
	BORDER-BOTTOM: #ddd 0.07em solid;
	BACKGROUND: url(../../images/fieldbg.gif) #fff repeat-x 50% top; 
	MARGIN: 0em;  
	COLOR: #333; 
}

INPUT.text {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0em; PADDING-BOTTOM: 0.14em; PADDING-TOP: 0.14em
}

.subtitle 
{
    font-weight: bolder; 
    font-size: larger; 
    vertical-align: middle; 
    color: #ffffff; 
    height: 1.43em; 
    background-color: SteelBlue; 
    text-align: left;
 }
 
 .button {
	cursor: hand! important;
	 margin-left:0.357em;
	 margin-right:0.357em;
}

.linkButton
{
    text-align:center;
    text-decoration:none;
    padding-top:0.14em;
    padding-bottom:0.14em;
    padding-left:0.286em;
    padding-right:0.286em;
    background-color:White;
    border:solid 0.07em #666;
    color:Navy;
    margin: 0.14em;
	font-size: 0.9em;
}

.formFooter
{
    height:1.43em; 
    text-align:center;
    background-color:LightSteelBlue; 
    padding:0.214em; 
    vertical-align:middle;
}

/* create section heading container to separate long forms */
.formheader, caption{
	padding-top: 0.286em;
	padding-bottom:0.286em;
	margin: 0em;
	background: #D6DDE9;
	font-weight: bold;
	text-align: left;
	vertical-align:middle;
}

.ErrorMessage 
{
    font-family:Verdana, Arial; 
    color: #FF0000; 
    font-size:smaller;
    font-weight:lighter;
    vertical-align:text-top;
}

#instructions
{
    DISPLAY:none !important;
    }
 
 .calendar
 {
    position:relative;
     z-index:100;
  }
    
@media Print    
{
    HTML BODY {
	FONT-SIZE: 0.8em;
    }
	#public {
		MARGIN: 0em
	}

	#instructions
	{
		DISPLAY:block;
		}
		
	#container {
		WIDTH: 45em; 
		BORDER-TOP-STYLE: none! important; 
		BORDER-RIGHT-STYLE: none! important; 
		BORDER-LEFT-STYLE: none! important; 
		BORDER-BOTTOM-STYLE: none! important;
		
	}
	#top {
		DISPLAY: none! important
	}
	#bottom {
		DISPLAY: none! important
	}

	FORM .buttons {
		DISPLAY: none! important
	}
	.noprint {
		DISPLAY: none! important;
		visibility:hidden;
	}
	.icon {
		DISPLAY: none! important
	}
	  
	.subtitle 
	{
		font-weight: bolder; 
		font-size: larger; 
		vertical-align: middle; 
		color: #000; 
		height: 1.43em; 
		text-align: left;
	 }
	 
	.boldLabel
	{
     font-size:1.1em;
    font-weight: 500;
    color: #000;
    }
}
/******************** AODA STYLE ********************/

.defaultWrapper
{
    width:100%;
    display:table;
    *display:inline-block;
}
.defaultLeftDiv
{
    width:20%;
}
.defaultRightDiv
{
    width:80%;
}

.defaultLeftDiv, .defaultRightDiv {display:table-cell; *float:left;    text-align:left;}

.defaultLeftDiv a
{
    padding-left:15px;
    color:#06c;
    line-height: inherit;
    text-decoration:none;
}

.defaultLeftDiv a:hover {
    color: #5798d8;
    text-decoration:underline;
}

.defaultLeftDiv a:focus {
    color: #5798d8;
    text-decoration:underline;
}

.defaultLeftDiv h3
{
    margin:3px;
}
.defaultRightDiv p
{
    margin-top:5px;
}
.welcomeDiv
{
    border: darkgray 1px solid; width: 98.5%; background-color: #F5F5F5; padding:0 4px;
}
.applyBtn
{
    margin-top: 50px;
    padding: 5px;
}

/***************************** Wizard Step 1 *****************************/
.WizardStep1
{
    text-align:justify;
    Width:100%;
    padding:10px 0 0 5px;
}

/***************************** Wizard Step 2 *****************************/
.WizardStep2Header
{
	padding-top: 0.286em;
	padding-bottom:0.286em;
	margin: 0em;
	background: #FFFFFF;
	text-align: left;
	vertical-align:middle;    
}

.WizardStep2Col1
{
    width:37%;
}
.WizardStep2Col2
{
    width:29%;
}
.WizardStep2Col3
{
    width:34%;
}

/***************************** Wizard Step 3 *****************************/
.WizardStep3Col1
{
    width:60%;
}
.WizardStep3Col2
{
    width:40%;
}

/***************************** Wizard Step 3 *****************************/
.WizardStep5Col1
{
    width:40%;
    font-size:12pt;
}
.WizardStep5Col2
{
    width:60%;
}
.WizardStep5Header h1
{
    font-size:1.125em;
	background-color:#696969 /* dim gray */;
	text-align: left;
	vertical-align:middle; 
	color: #ffffff;   
	padding:4px 0;
}
/***************************** Wizard Common *****************************/
.row
{
    display: table-row;
}
.rowSpace
{
    padding:3px 0;
}
.asterisk
{
    color:#cc0000;
}


.WizardStepsWrapper
{
    width:100%;
    display:table;
    *display:inline-block; 
    margin:0 2px; 
}

.WizardStepsWrapper label
{
    font-size:12pt;
    color: #000;
}

.WizardStep2Col1, .WizardStep2Col2,.WizardStep2Col3,.WizardStep3Col1, .WizardStep3Col2, .WizardStep5Col1, .WizardStep5Col2{display:table-cell; *float:left;}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  background-color:#FFFFFF;  
}

span.errorValidation[style*="inline"]
{
	color:#dc143c !important;
	font-weight: bold;
	font-size: 88% Arial,Verdana,Helvetica,sans-serif;
	padding-left: 0px;	
	padding-right: 0px;
	text-align: left;
}

.requiredField {
	color:#dc143c !important;
	font-weight: bold;
	font-size: 11pt;
	padding-left: 3px;	
	padding-right: 0px;
	text-align: left;
}

.requiredField p {
	color:#dc143c !important;
	font-size: 11pt;
	font-weight:normal;
	margin:5px 0;
}
.requiredField h4 {
	font-size: 11pt;
	text-align:left;
}

.WizardLinkStyle 
{
    background-color:/*507899*/#0e5992;
    Font-Size:1em;
    vertical-align :Top;
    width:25%;
}
.WizardLinkStyle a
{
    color:#FFFFFF !important;
    text-decoration:none;
    text-shadow: 1px 1px 1px #444;
}
.WizardLinkStyle a:hover , .WizardLinkStyle a:focus 
{
    /*color:#CCC !important;*/
    color:#d7d7d7 !important;
    text-decoration:underline;
    font-weight:bold;
}
.WizardButtonStyle
{
    font-size:small;
    cursor:pointer;
}
.WizardNavigationButtonStyle
{
    background-color:White;
    border:solid #C5BBAF 0.071em;
    font-family:Verdana;
    font-size:0.8em;
    color:#1C5E55;
    cursor:pointer;
    height:20px;
}

#divWizard input[type=submit]:hover
{

    background-color:/*#507899*/#0e5992;
    color:/*#FFFFFF*/#d7d7d7;
}

.HelpDiv
{
    width: 80%; height: 100%; margin-bottom: 0.143em; position: relative;text-align:right;
}
.HelpDiv a
{
    color:#06c;
    line-height: inherit;
    text-decoration:none;
}
.HelpDiv a:hover, .HelpDiv a:focus
{
     color: #5798d8;
    text-decoration:underline;
}
fieldset{border:none; padding:0;margin:0;}
#help
{
    margin: 0px auto;
    text-align:left;
    padding:20px;
}