html {
	height: 100%;
	margin:0px;
	padding:0px;
	}
body {
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
	font:	12px/1 Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url("pics/leftbar.gif") top left repeat-y;
	z-index: 0;
	}
.mono { font-family:Courier,monospace; }
input { font-family:Courier,monospace; }
option { font-family:Courier,monospace; }
select { font-family:Courier,monospace; }
textarea { font-family:Courier,monospace; }
pre {
	font-size:11px;
	color:blue;
	}	
ol {
	margin-top: 0px;
	}
	
li {
	margin: 0px;
	padding: 0px;
	}
	
hr {
	padding: 0px;
	margin: 0px;
	height: 2px;
	border-style: none;
	border-color: #B66F00;
	color: #B66F00;
	background: #B66F00;
	}
	
form {
	margin: 0px;
	padding: 0px;
	}

input {
	border: 1px solid #C0C0C0;
	}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
/* Layout Section */

#loginscreen {
	width: 300px;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000040;
	background: #DBDCFF;
	border: 1px solid #C0C0C0;
	text-align: left;
	}

.widthforcer1 {
	height: 0px;
	font-size: 0pt;
	margin: 0px;
	padding: 0px;
	width: 600px;
	}

#titlebar {
	height: 20px;
	font-size: 14pt;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-right: 4px;
	border-bottom: 1px solid #000040;
	background: #DBDCFF url('/pics/tlgrad.gif') top left no-repeat;
	}

#maintable {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #000040;
	}
#mainrow {
	margin: 0px;
	padding: 0px;
	}
td {
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	}
#leftpane {
	width: 158px;
	background: #DBDCFF url("pics/navgrad.gif") top left no-repeat;
	border-right: 1px solid #000040;
	vertical-align: top;
	}
	
#rightpane {
	vertical-align: top;
	}
	
#midsplit {
	background: transparent;
	width: 1px;
	}

#leftcontent {
	width:158px;
	background: transparent;
	margin-bottom: 2px;
	}

#centercontent {
	background: transparent;
	margin-bottom: 0px;
	width: 97%;
	padding: 5px;
	padding-top: 5px;
	text-align: justify;
	margin-left: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 0px;
	}
html>body #centercontent {
   	margin-left: 0px;
	}


/* Left Navigation Bar */
div.nav {
	width: 158px;
	}
div.nav a.nav {
  	display: block;
  	margin: 3px;
  	width: 134px;
  	height: 15px;
  	color: #000000;
  	text-decoration: none;
  	padding-left: 15px;
  	padding-top: 6px;
  	background: #E5E6FF;
  	border: 1px solid #333333;
	}
div.nav a.navlink {
  	display: block;
  	margin: 3px;
  	margin-bottom: 0px;
  	width: 134px;
  	height: 15px;
  	color: #000000;
  	text-decoration: none;
  	padding-left: 15px;
  	padding-top: 6px;
  	background: transparent;
  	border: 1px solid #333333;
  	font-weight: bold;
	}
div.nav a.navlink:hover {
  	background: #DBEAFF;
  	color: #000040;
  	font-weight: bold;
  	}
div.nav a.navlinkselected {
	display: block;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
  	padding: 0px;
  	width: 134px;
  	height: 15px;
  	color: #FFFFFF;
  	text-decoration: none;
  	padding-left: 15px;
  	padding-top: 6px;
  	background: transparent;
  	border: 1px solid #000040;
  	background: #6D6E9D url("pics/selectedarrow.gif") no-repeat right top;
	font-weight: bold;
	}
	
/* Display Data Info */

.message_header_table {
	width: 95%;
	text-align: left;
	padding-left: 2px;
	vertical-align: middle;
	}
	
.message_footer {
	border: 1px solid #C0C0C0;
	width: 350px;
	text-align: center;
	padding: 6px;
	}

#datatable {
	border: 1px solid #C0C0C0;
	width: 95%;
	text-align: left;
	}
	
#datatable td {
	padding-left: 2px;
	vertical-align: middle;
	}
	
tr.datatable_header td {
	background: #0369B1;
	color: #FFFFFF;
	font-weight: bold;
	}
	
tr.datatable_odd td{
	background: #d2eafe;
	}


.datatable_even {
	background: #FFFFFF;
	}
	
.datatable_edit {
	color: #4C944C;
	}
	
/*.datatable_download {
	color: #B68C44;
	}

.datatable_listen {
	color: #9D5799;
	}
*/	
.datatable_delete {
	color: #800000;
	}
	
.datatable_image {
	float: left;
	}
	
.formfieldtable {
	border: 1px solid #808080;
	margin: 0px;
	padding: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	}
	
.formfieldheader {
	background: #E5E6FF;
	font-weight: bold;
	padding-left: 4px;
	}

.alertpic {
	vertical-align: bottom;
	}
	
.deletebutton {
	border: solid 1px #C0C0C0;
	background: #E5E6FF;
	padding: 2px;
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
	}
	
.notetable {
	border: 1px solid #C0C0C0;
	text-align: left;
	}
	
a{
		color: #0369B1;
		text-decoration: none;
		}

a:visited{
		color: #0369B1;
		text-decoration: none;
		}
		
a:hover, .button:hover{
		color: #0369B1;
		text-decoration: none;
		cursor: pointer;
		background: #B0E0E6;
		border: none;
			}
			
/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}
			
/*** Progress Bar Styling***/
.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;
}

/* Overlay Box */

#testoverlay {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	z-index:10000;

	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
	
#testoverlay h2 {
	background:url(/img/global/info.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

/* close button positioned on upper right corner */
#testoverlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}