body {font-family: Georgia, "Times New Roman", Times, serif;PADDING: 0px; MARGIN: 0px; text-align:center;  } 

#wrapper{ text-align:left; margin:0 auto;  } 

#menu {
height: 40px;
line-height: 40px;
background: #57626a url(menu.jpg) no-repeat;
text-transform: uppercase;
}
#menu ul {
padding-left: 10px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #eee;
padding: 0 30px;
text-decoration: none;
font-weight: 100;
font-size: 14px;
letter-spacing: 2px;
}
#menu ul li a:hover {
color: #eee;
text-decoration: underline;
}

#navigation {
float:left;
line-height: 40px;
text-align:left;
}
#navigation ul {
color: #eee;
text-decoration: none;
font-weight: 100;
font-size: 14px;
letter-spacing: 2px;
}


.TRow {
text-align : center; 
width : 80px; 

}

.TInfo {
background-color : #EAEEF1;

}

.TableHeader {
	font-weight: bold;
	color: #003366;
	background-color: #cfe3eb;
}

pre{
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

.button {
	font-size: 24px;
	height: 36px;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	/*font:bold 100% "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;*/
	-webkit-appearance:button;
	cursor:hand;
}

#user {
	margin: auto;
	background-color: white;
}

#user legend {	
	text-align:center;
	font-size: 24px;
	font-weight: bold;
}

#user .input {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:18px;
	padding:2px;
	margin: 2px;
	color: green;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

.graph { 
position: relative; 
width: 95%; 
border: 1px solid #B1D632; 
padding: 2px; 
 margin-bottom: .5em;
}
.graph .bar { 
display: block;    
position: relative;
background: #B1D632; 
text-align: center; 
color: #333; 
height: 2em; 
line-height: 2em;                                    
}
.graph .bar span { position: absolute; left: 1em; }

.field {width:150px; margin-bottom: 8px; }

#email {margin-top: 8px; margin-bottom: 16px; }