/* CSS Document */

body
{
	background-color:#99CCFF;
	margin:0;
	padding:0;
}


p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	font-size: 12px;  
	line-height: 1.5em;
	padding: 0px 25px 0px 0px;
	color: #036;
 	font-weight: normal;
	text-align: left;
}

h1 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #06C;
	margin: 0;
	font-size: 36px;
	line-height: 50px;
	padding: 0px 25px 0px 0px;
	letter-spacing: -2px;
}

h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #9CF;
	margin: 0;
	font-size: 25px;
	line-height: 20px;
	letter-spacing: -1px;
}

a
{
	color:#06C;
}

#field_wrapper
{
	margin:2px 0 2px 0;
}

#field_label {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	font-size: 12px;  
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	color: #036;
 	font-weight: bold;
	text-align: right;
	display:inline;
	clear:left;
	float:left;
	width:150px;
	vertical-align:middle;
}
#field_value {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	font-size: 12px;  
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	color: #036;
 	font-weight: normal;
	text-align: left;
	display:inline;
	clear:right; 
	display:inline;
	vertical-align:middle;
}
#field
{
	clear:right; 
	display:inline;
}

input {

}

#wrapper
{
	background-image:url(../images/back_gradient.jpg);
	background-repeat:repeat-x;
	height:700px;
}

#header
{
	background-color:#FFF;
	width:756px;
	margin-left:5px;
}

#leftMenu
{
	height:500px;
	background-color:#FFF;
	width:100px;
	margin-left:5px;
	margin-top:5px;
	font-size:11px;
}

#main
{
	height:500px;
	background-color:#FFF;
	width:641px;
	left:110px;
	position:absolute;
	top:63px;
	padding-left:10px;
}

#form_main
{
	width:751px;
	margin-left:5px;
	margin-top:5px;
	background-color:#FFF;
	padding-left:5px;
	margin-bottom:300px;

}

#groupbox
{
	background-color:#ccf;
	width:400px;
	padding:5px 25px 25px 10px;
	vertical-align:top;

}

#groupbox_label
{
	color:#06C;
	font-size:18px;
	margin-bottom:5px;
}

#copyright
{
	font-size:9px;
	text-align:center;
	color:#06C;
	padding-bottom: 5px;
}



#progress_meter
{
	background-color:#CCCCCC;
	width:240px;
	height:350px;
	margin-left:20px;
	border-width:2px;
	border-style:groove;
	border-color:#06C;
	padding-left:5px;

}

#progress_title
{
	color:#FFF;
	font-size:18px;
	background-color:#036;
	margin-left:-5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

#progress_todo
{
	color:#FFF;
	padding-top:5px;
}

#progress_current
{
	background-color:#9CF;
	color:#fff;
	margin-left:-5px;
	padding-left:5px;
	padding-top:5px;

}

#progress_complete
{
	color:#036;
	padding-top:5px;
}

#progress_graph
{
	text-align:center;
	margin-top:40px;

}