/* CSS Document */

/* These deal with the placement of the buttons in the Green Review Message */
	/* Return to Form Button */
button.retButton {
	position:relative;
	padding-bottom:4px;
	margin-left:10px;
	z-index:4;
}

	/* Send the Form Button */
button.sendEmail {
	position:relative;
	padding-bottom:4px;
	padding-left:4px;
	z-index:4;
}

/*                     */
/*                     */
/* These are the Divs that format the Green Review Message */
/*                     */
/*                     */

	/* Span Container for the Review Message */
span.active {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	min-height: 100%;
	z-index:1;
}

	/* Transparent BackGround */
div.bg {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	min-height: 100%;
	background-color: black;
	filter:alpha(opacity=30);
	-moz-opacity: 0.20;
  	opacity: 0.20;
	z-index:2;
}

	/* Container Div for Green Review message */
div.active {
		
	position:relative;
	margin-top:5%;
	margin-bottom: 30%;
	margin-left: 15%;
	width: 70%;
	height: 100%;
	z-index:3;
	
}
	/* Solid BackGround */
div.message { 
	padding-top:0px;
	background-color: #dbe5c7; 
	
}

	/* this is the rounded corner divs for the Green Review Message*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

	/* Removes the Review Message on Return to Form */
span.deactive {
	position:absolute;
	left:0px;
	top:0px;
	width: 0%;
	height:0%;
	z-index:0;
	
}

	/*Formats the Intro Sentence to the Review Message */
.introText {
	font-size: medium;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	font-style: italic;
	font-weight: bold;

}

	/* Formats the Displayed Name and Email in the Review Message */
div.name {
	float:left;
	display:inline;
	width:40%;
	margin-left: 10px;
	
}

div.email {
	float:left;
	display:inline;
	width:40%;
}

font.nameLabel, font.emailLabel {
	font-size: small;
	font-weight: bold;

}

font.name, font.email {
	font-style: italic;

}

	/* Class for the Div Containing entire Contents for each Day in the Review Message */	
.workDay {
	margin-left: 10px;
}

	/* Formats the Lable of the Day, eg Monday, Tuesday, in the Review Message */
.day {
	padding-left:2px;
}

	/* Creates the table for the code, Description and hours input fields */
ul#timeSheet{
	float:left;
	width:100%;
	padding:0;
	padding-bottom: 5px;
	margin:0;
	list-style-type:none;
}

	/* Formats the Code Label in the Green Review Message */
.codeLabel {
	float:left;
	display:inline;
	width:25%;
	padding-right:5px;
	padding-left:2px;
	font-size: small;
	font-weight: bold;
	
}

	/* Formats the Description Label in the Green Review Message */
.descLabel {
	float:left;
	display:inline;
	width:60%;
	padding-right:5px;
	padding-left:2px;
	font-size: small;
	font-weight: bold;
}

	/* Formats the Hours Label in the Green Review Message */
.hourLabel {
	float:left;
	display:inline;
	width:10%;
	padding-right:5px;
	padding-left:2px;
	font-size: small;
	font-weight: bold;
}

	/* Formats the Inputted Date in the Review Message*/
.code {
	float:left;
	display:inline;
	width:25%;
	padding-right:5px;
	padding-left:2px;
}

.desc {
	float:left;
	display:inline;
	width:60%;
	padding-right:5px;
	padding-left:2px;
}

.hour {
	float:left;
	display:inline;
	width:10%;
	padding-right:5px;
	padding-left:2px;
}

	/*Formats the Daily Total in the Review Message */
.dailyTotal {
	padding-left:2px;
	padding-top:5px;
}
	/*Formats the Week Total in the Review Message */
.weekTotal {
	margin-left: 10px;
	padding-left:2px;
}



/*                     */
/*                     */
/* Main Displayed Page */
/*                     */
/*                     */

	/* Container for the Main AJAX Timesheet */
.tsContainer {
	min-height: 100%;
}

	/* Div that displays the Week Total */
div#totalDiv {
	
	padding-bottom:4px;
	padding-left:4px;
}

	/* Plus and Minus Images */
img.plus {
	height: 20px;
	width: 20px;
	padding-bottom:4px;
	padding-left:4px;
	vertical-align:text-top;
}

	/* Creates the table for the code, Description and hours input fields */
ul#timeSheetList{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	margin-left:27px;
	list-style-type:none;
}

	/* Formats the Code Label in the Main Page */
.codeLabelList {
	float:left;
	display:inline;
	width:10%;
	padding-right:5px;
	padding-left:2px;
}

	/* Formats the Description Label in the Main Page */
.descLabelList {
	float:left;
	display:inline;
	width:44%;
	padding-right:5px;
	padding-left:2px;
}

	/* Formats the Hours Label in the Main Page */
.hourLabelList {
	float:left;
	display:inline;
	width:10%;
	padding-right:5px;
	padding-left:2px;
}
	/* Formats the Input fields Code, Description, Hours */
.rows {
	float: top;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	vertical-align:top;
}