/* -- [Default definitions]---------------------------------- */
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 12px;
  margin: 0px; 
}
html {
}
div#bodytable {
  margin: 0px;
  padding: 0px;
  background-color: White;
  width: 100%;
}
a {
  color: #191970;
}
a:hover {
  color: #0000FF;
}
a:visited {
  color: #191970;
}
.hidden {
  display: none;
}
fieldset {
  border: 1px solid black;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.clearboth {
  clear: both;
}
.clearnone {
  clear: none;
}
td, th {
  padding: 5px;
  margin: 0px;
}
tr {
  margin: 0px;
  padding: 0px;
}
.textcenter {
  text-align: center;
}
.textjustify {
  text-align: justify;
}
.textright {
  text-align: right;
}
.important {
  color: Red;
  font-weight: bold;
}
.importantbox {
  border: 1px solid red;
  background-color: #FFFFE0;
}
.itemcount {
  font-style: italic;
  font-size: 9px;
  color: #B22222;
}
.biggertext {
  font-size: 125%;
}
.lotsbiggertext {
  font-size: 200%;
}
.lighttext {
  color: #DCDCDC;
  font-size: 9px;
}
img {
  border: none;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
/* --[Tooltip style]-------------------------------------------------- */
#tooltip {
  border: 1px solid #4682B4;
  background-color: #B0C4DE;
  opacity: 0.95;
  padding: 5px;
  color: #191970;
}

#tooltip h3 {
  margin: 0;
  font-size: 10px;
}
#tooltip p {
  display: none !important;
}
/* --[input boxes]---------------------------------------------------- */
input {
  border: none;
  color: Navy;
  background-color: #DCDCDC;
}
.inputlabel {
  color: navy;
  background-color: #DCDCDC;
  font-size: 9px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #A9A9A9;
}
input.button {
  border: double #708090;
}

/* -- [CSS Table and form layout] ------------------------------------ */
.formtable {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.table {
  display: table;
}
.tablerow {
  display: table-row;
}
.tablecell {
  margin: 3px;
  padding: 3px;
  display: table-cell;
}
.formsmall { /* --[used for labels in div based forms]--------------------*/
  font-size: 9px;
  padding-left: 10px;
}
/* ---------------------------------------------------------- */
div#bodytable div#content div#innercontent {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
/* -- [Layout] ---------------------------------------------- */
div#bodytable div#header {
  margin: 0px;
  padding: 0px;
  background-image: url(../images/blue-header-background.jpg);
}
div#bodytable div#header img {
  width: 775px;
  margin-left: auto;
  margin-right: auto;
}

/* -- [Menu bar] -------------------------------------------- */
div#bodytable div#menubar {
  background-color: #233460;
  color: white;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: top;
}
div#bodytable div#menubar a, div#bodytable div#menubar a:visited {
  color: #6495ED;
}
div#bodytable div#menubar a:hover {
  color: #AFEEEE;
}

div#bodytable div#menubar span.logininfo {
/*  margin-right: 10px; */
  text-align: right;
  font-size: 9px;
}
/* -- [Breadcrumb] ------------------------------------------ */
div#bodytable div#breadcrumb {
  font-family: "Courier New", Courier, monospace;
  font-size: 10px;
  font-style: italic;
  padding: 3px;
  padding-left: 6px;
}


/* -- [Content] --------------------------------------------- */
div#bodytable div#content {
  margin: 0px;
  padding: 8px;
  width: 90%;
  vertical-align: top;
}
div#bodytable div#content div#maincontent {
  width: 100%;
  padding: 4px;
  margin: 0px; 
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  vertical-align: top;
}

div#bodytable div#loginform {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin: auto auto auto auto;
  padding: 10px;
  border: 3px solid #000000;
  width: 400px;

}

div#bodytable div#loginform div#loginformrow {
  clear: both;
  padding-top: 5px;
}

div#bodytable div#loginform div#loginformrow span.formlabel {
  float: left;
  width: 125px;
  text-align: right;
}

div#bodytable div#loginform div#loginformrow span.formw {
  float: right;
  width: 270px;
  text-align: left;
} 

/* -- [Side table] ------------------------------------------ */
div#bodytable #sidemenu {
  width: 180px;
  margin: 0px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 5px;
  float: right;
  background-color: Yellow;
  color: #000000;
  border: solid 1px #FFD700;
}

#sidemenu h1 {
  font-size: 14px;
  font-weight: bold;
}
#sidemenu h2 {
  font-size: 12px;
  font-weight: bold;
}
#sidemenu ul {
  margin: 10px;
  padding: 3px;
}
#sidemenu li {
  margin:2px;
  padding: 2px;
}
#sidemenu legend {
  font-weight: bold;
}
/* -- [Footer] ---------------------------------------------- */
div#footer {
  margin: 5px;
  padding: 0px;
  text-align: center; 
}

/* -[Light border controls]-------------------------- */

.lightborder {
  border: 1px solid #DCDCDC;
}

.lightborderleft {
  border-left: 1px solid #DCDCDC;
}

.lightborderright {
  border-right: 1px solid #DCDCDC;
}

.lightbordertop {
  border-top: 1px solid #DCDCDC;  
}

.lightborderbottom {
  border-bottom: 1px solid #DCDCDC;  
}

.dropborder {
  border: 1px solid #DCDCDC;
  border-top: none;
}
.noborder {
  border: none;
}
/* -------------------------------------------------- */

table.stripeme {
  
}
.even, .alt {
  background-color: #F5F5F5;
}

.odd {
  background-color: #FFFFFF;
}

.over {
  background-color: #FFFFE0;
  border: 1px solid yellow;
}

.scrollable {
  overflow: scroll;
}

.inactive {
  color: #000000;
  background-color: #A9A9A9;
}
/* Date picker specific styles follow */

a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(/images/calendar.png) no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}