/* --- body --- */
body { color: #000000; margin: 0; padding: 0; }
body, table, th, tr, td { font: 10pt Arial, Helvetica; }

/*
body
  {
  background-color: #ffffff;
  color: #000000;
  }
body, table, th, tr, td
  {
  font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px;
  }

.topTable
  {
  font-weight: bold;
  background-color: #eeeeee;
  color: #003366;
  }
*/
/*
.slogan
  {
  font-weight: bold;
  font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
  }
*/

.title
  {
  font-weight: bold;
  font-size: 18px;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
  }

.head
  {
  font-weight: bold;
  font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
  }

.important
  {
  font-weight: bold;
  font-size: 16px;
	}
	
/* --- text inputs --- */
input.textbox { font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000; border: 1px; border-style: solid; }

/* --- a --- */
a { color: #663333; }
a:visited { color: #333366; }
a:active { color: #ff0000; }

/* --- headerBar --- */
table.headerBar { background-color: #333399; }
table.headerBar .slogan { color: #ffff66; font-weight: bold; }
table.headerBar .account { color: #ffffff; font-weight: bold; }
table.headerBar .account a { color: #ffffff; font-weight: bold; }

/* --- mainNav --- */
table.mainNav { background-color: #ccddff; }
table.mainNav td { white-space: nowrap; padding-right: 10px; padding-left: 10px; text-align:center; font-weight: bold; font-size: 8pt; }
table.mainNav .selectedCell
  {
  background-color: #003366;
  border-top: solid #ccccff 1px;
  border-bottom: solid #6666ff 1px;
  border-left: solid #ccccff 1px;
  border-right: solid #6666ff 1px;
  }
table.mainNav .selectedCell a { color: #ffffff; text-decoration: none; font-weight: bold; }
table.mainNav .cell
  {
  border-top: solid #ddffff 1px;
  border-bottom: solid #6666ff 1px;
  border-left: solid #ddffff 1px;
  border-right: solid #6666ff 1px;
  }
table.mainNav .cell a { color: #333399; text-decoration: none; }

table.mainNav .cell a:link { color : #000000; }
table.mainNav .cell a:visited { color : #000000; }
table.mainNav .cell a:active { color : #000000; }
table.mainNav .cell a:hover
  {
  text-decoration: underline;
  font-weight: bold;
  color : #000000;
  }


/* --- subNav --- */
table.subNav { background-color: #ccdd99; }
table.subNav td { white-space: nowrap; padding-right: 10px; padding-left: 10px; text-align:center; font-weight: bold; font-size: 8pt; }
table.subNav .selectedCell
  {
  background-color: #666633;
  border-top: solid #999966 1px;
  border-bottom: solid #000000 1px;
  border-left: solid #666633 1px;
  border-right: solid #000000 1px;
  }
table.subNav .selectedCell a { color: #ffffff; text-decoration: none; }
table.subNav .cell
  {
  border-top: solid #ffffff 1px;
  border-bottom: solid #6666ff 1px;
  border-left: solid #ffffff 1px;
  border-right: solid #6666ff 1px;
  }
table.subNav .cell a { color: #333399; text-decoration: none; }

/* --- userError --- */
.userError
  {
  color: #ff0000;
  background-color: #eeeeee;
  padding-left: 30px;
  padding-right: 30px;
  border-top: solid #003366 1px;
  border-bottom: solid #003366 1px;
  }

/* --- popUp --- */
.popUpPositioner { position:relative; }
.popUpSheet
  {
  position: absolute;
  top: 0;
  left: -50%;
  visibility: hidden;
  z-index: 10;
  }

/* --- control --- */
table.control { background-color: #ccddff; cell-padding: 0; cell-spacing:0; }
table.control td { white-space: nowrap; padding-right: 10px; padding-left: 10px; text-align: center; font-weight: bold; font-size: 8pt; }
table.control .cell
  {
  background-color: #003366;
  border-top: solid #ccccff 1px;
  border-bottom: solid #6666ff 1px;
  border-left: solid #ccccff 1px;
  border-right: solid #6666ff 1px;
  }
table.control .cell a { color: #ffffff; text-decoration: none; }

/* --- menu --- */
.menu { border: solid #999999 1px; }
.menu, .menu td, .menu th { font: 10pt Arial, Helvetica !important; }

.menu a { color: #333366 !important; text-decoration: underline; }
.menu a:visited { color: #333366 !important; text-decoration: underline; }
.menu a:active { color: #ff0000 !important; text-decoration: underline; }

.menu .title { background-color: #dcdcdc; white-space: nowrap; text-align: left; }
.menu .titleControl { background-color: #dcdcdc; white-space: nowrap; text-align: right; }
.menu .body { background-color: #eeeeee; white-space: nowrap; text-align: left; }
.menu .submitBody { background-color: #eeeeee; white-space: nowrap; text-align: right; }

.grid .gridCell { background-color: #ddddff; }

/* --- titleBar --- */
.control .titleBar { background-color: #000066; color: #ffffff; font: 11pt Arial, Helvetica; font-weight: bold; text-align: left; }


/* --- inputs --- */
.textInput, .selectInput, .textAreaInput
  {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  border: 1px;
  border-style: solid;
  font-size: 12px;
  background-color: #eeeeee;
  }

.button
  {
  font-weight: bold;
  color: #ffffff;
  font-size: 12px;
  background-color: #003399;
  }


/* --- blueNav --- */
table.blueNav
  {
  background-color: #003366;
  color: #ffffff;
  }
table.blueNav td
  { 
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
  }
table.blueNav .selectedCell
  {
  background-color: #0033cc;
  border-top: solid #cccccc 1px;
  border-left: solid #cccccc 1px;
  border-bottom: solid #000000 1px; 
  border-right: solid #000000 1px;
  }
table.blueNav .selectedCell a
  {
  color: #ffffff;
  text-decoration: none;
  }
table.blueNav .selectedCell a:hover
  {
  text-decoration: underline;
  }

table.blueNav .cell, table.blueNav .emptyCell
  {
  background-color: #003366;
  border-top: solid #999999 1px;
  border-left: solid #999999 1px;
  border-bottom: solid #6666ff 1px;
  border-right: solid #6666ff 1px;
  }

table.blueNav .cell a
  {
  text-decoration: none;
  color: #ffffff;
  }

table.blueNav .cell a:link { color : #FFFFFF; }
table.blueNav .cell a:visited { color : #FFFFFF; }
table.blueNav .cell a:active { color : #FFFFFF; }
table.blueNav .cell a:hover
  {
  text-decoration: underline;
  color : #FFFF00;
  }