/* STANDARD TAG REDEFINITIONS */
BODY{ color: White; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: Black; margin: 0; padding: 0; }
TD {font-size: 10pt;  }
p { font-size: 10pt;  margin-bottom: 7px; margin-top: 0; }
a{ color: #bbbbbb; text-decoration: none; border: none; }
a:hover{	text-decoration: underline;  color: White;   }
form{	margin:0;}

fieldset { border: 1px solid #484848; width: auto; margin-right:auto;margin-left:auto;}
fieldset#login { border: 1px solid #484848; width: 300px; margin-right:auto;margin-left:auto;}
legend { color: #fff; background: #555588; border: 1px solid #bbbbbb; padding: 2px 6px }
input { color: #000; background: #555588; border: 1px solid #bbbbbb; }
textarea { color: #000; background: #555588; border: 1px solid #bbbbbb; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.submit input { color: #000; background: #555588; border: 2px outset #bbbbbb;  margin-left: 0.5em; }
label { width: 8em; float: left; text-align: right; margin-right: 0.5em; display: block }
label.login{ width: 4em; float: left; text-align: right; margin-right: 0.5em; display: block }
 
img { text-decoration: none; border: none; }

h1{ margin: 0; padding: 30px 0 ; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White;  font-size: 20pt;  }
h2{ margin: 0; padding: 10px 0 ; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White; font-size: 16pt; }
h3{ margin: 0; padding: 10px 0 ; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White; font-size: 12pt; }

#CONTENT{ width:760px; margin-left:auto; margin-right:auto;   }
#TEXT{ padding: 35px 40px 35px 40px; border-bottom: 1px solid #484848; border-top: 1px solid #484848; background-color: #222222; }
#TEXT p{ margin-bottom: 1em;}

#FOOTER{	width:760px; margin-top:27px; margin-left:auto; margin-right:auto; border-top: 4px solid #363636;  text-align: right;  padding-top: 5px;   }
#FOOTER p{ font-size: 11px; line-height: 14px; margin: 0;  color: #DDDDDD; }
#FOOTER a{ font-size: 11px;	font-weight: normal;	text-decoration: none;  color: White;    }
#FOOTER a:hover{ color: white; text-decoration: underline; }

/* This thing holds the image that appears when AJAX is thinking...... */
#loadingDiv {	position:absolute;	top: 50%;	left: 50%;	width:32px;	height:32px;	margin-top: 7em; margin-left: -1em; border: 1px solid #ccc;background-color:transparent;	visibility:hidden;	/*	background-color: #000000; 		*/	}

.somediv{ width: auto; clear: left; border: 1px solid gray; }
.somediv .floatbox{  float: left; width: 155px; }
* html .somediv p{ /* IE 3px jog hack*/ height: 1%; }
.somediv p{ margin-top: 0; margin-left: 156px; }

.toggleopacity img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; }
.toggleopacity:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
.toggleopacity img{ border: 1px solid #ccc; }
.toggleborder img{ border-width: 1px; border-style:hidden; }
.toggleborder:hover img{ border: 1px solid white; }
.toggleborder:hover{ color: red; /* Dummy definition to overcome IE bug */ }

div.img {  margin: 2px; width: 160px; height:320px;  float: left;  text-align: center;  margin-right:auto;margin-left:auto;  margin-top:auto;  margin-bottom:auto; }	
div.img img {  display: inline; margin: 3px; border: 1px solid #484848; float: left;} 
div.img_button {  margin: 2px; height: 300px;  width: 160px;  float: left;  text-align: center;  margin-right:auto;margin-left:auto;  margin-top:auto;  margin-bottom:auto; }	
div.img_button img {  display: inline; margin: 3px; border:1px solid #222222; float: left;} 
div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px; display: block; }

#hintbox{ /*CSS for pop up hint box */
position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/  padding: 3px; border:1px solid black; font:normal 11px Verdana; color:#000000; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden; }
.hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: bold; /*color: navy;*/ margin: 3px 8px;}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
#f1_upload_process{
	z-index:100;
	position:absolute;
	visibility:hidden;
	text-align:center;
	width: 32px;
	height: 32px;
	margin:0px;
	padding:0px;
	background-color:#fff;
	border:1px solid #ccc;
}