/* ##########  Body  ########## */

html, body
{
  background-color: #fff;
  height: 100%;
  margin: 0 5px 5px 5px;}
  
body, p, li, td
{
  font-family: verdana;
  font-size: 10px;
  color: #606060;}

	
/* ##########  Miscellaneous  ########## */

FORM
{
  margin: 0; padding: 0;}
  
.hcursor
{
  cursor: hand;}
  
.fullHeight
{
  height: 100%;}
  
.hideMe
{
  display: none;
  visibility: hidden;}

.button, .inputColumn INPUT, .tableFooter INPUT
{
  background: #eee url(images/bg-button.gif);
  font: normal 11px tahoma, arial;
  color: #333;
  border: solid 1px #333;
  height: 22px;
  padding: 0 3px 0 3px;}

.textError
{
  color: #FF0033;}

.noBold
{ font-weight: normal;}


/* ##########  Links  ########## */

a:link
{
  color: #2A6095;
  text-decoration: underline;}
  
a:visited
{
  color: #2A6095;
  text-decoration: underline;}
  
a:hover
{
  color: #2A6095;
  text-decoration: underline;}

a.top:link
{
  font-size: 11px;
  text-decoration: underline;}
  
a.top:visited
{
  font-size: 11px;
  text-decoration: underline;}
  
a.top:hover
{
  font-size: 11px;
  text-decoration: underline;}
  
a.top:active
{
  font-size: 11px;
  text-decoration: underline;}



/* ########## Tabs & Navigation ########## */

#navigation
{ background-color: #060405;
  height: 23px;}

#navigation ul
{ padding: 0;
  margin: 0;}
  
#navigation ul li
{ list-style: none;
  display: block;
  float: left;}

#navigation li a
{ list-style: none;
  display: block;
  float: left;
  padding: 5px 40px 5px 10px;
  border-right: solid 1px #332324;
  color: #fff;
  background-color: #070505;
  text-decoration: none;
  font: normal 10px verdana, arial;}

#navigation li a:hover
{ background-color: #2c5989;}


/* ##########  Page Header  ########## */

#header
{
  background-color: transparent;
  height: 85px;}
  
.logo
{}



/* ##########  Left Column  ########## */

#leftCol
{
  height: 100%;
  width: 153px;
  background: transparent url(images/leftcol_bg.gif) no-repeat;
  margin: 20px 0 0 0;}
  
#leftCol /* IE5.x CSS Box Model hack */
{
  /width: 153px;
  w/idth: 153px;}
  
#leftCol h2
{
  font: bold 12px verdana, arial;
  padding: 20px 5px 5px 10px;
  margin: 0;}
  
#leftCol a:hover, #login a:hover
{
  text-decoration: underline;}
  
#leftCol ul
{ list-style: none;
  margin: 0 10px 0 10px;
  padding: 0;}
  
#leftCol li
{ margin: 0 0 2px 0;
  padding: 0 0 4px 0;}


/* ##########  Portal Login  ########## */

#login
{
  width: 140px;
  border: 1px solid #e7e7e7;
  margin: 10px;
  padding: 10px;
  background-color: #eee;}
  

#login /* IE5.x CSS Box Model hack */
{
  /width: 160px;
  w/idth: 160px;}
  
#login h2, h3
{
  font: bold verdana, arial;
  padding: 0;}
  
#login h2
{
  margin: 0 0 15px 0;
  font-size: 12px;
  color: #004d96;}
  
#login h3
{
  margin: 0 0 2px 0;
  font-size: 11px;}
  
#login ul
{
  list-style: none;
  margin: 0;
  padding: 0;}
  
#login ul li
{
  margin: 0 0 2px 0;
  padding: 0;}
  
#login div
{
  padding: 0 0 5px 0;}
  
#portallogin_badlogin
{
  color: red; font-size: 11px;}


/* ##########  Main Content  ########## */

h1, h2, h3
{
  font: bold verdana, tahoma, arial;}
  
h1
{ font-size: 14px;
  font-weight:900;
  color: #2A6095;}
  
h2
{ font-size: 12px;
  color:#333;}
  
h3
{
  font-size: 11px;
  color:#333;
  margin: 0;
  padding: 0;}

#content
{
  margin: 0px;
  padding: 15px;}
  
#content /* IE5.x CSS Box Model hack */
{
  /width: 100%;
  w/idth: 100%;}
  
#content li
{
  list-style-type: disc;
  margin: 5px 0 5px 0;}

#QAContainer DIV.subHead
{ color: #333;
  background-color: #eee;}

#QAContainer DIV.subHead2
{
  background-color: #ededed;
  color: #333;}

#QAContainer DIV.subHead, #QAContainer DIV.subHead2
{
  font-weight: bold;
  padding: 3px 0 3px 5px;
  margin: 20px 0 10px 0;
  height: 15px;}
  
#QAContainer DIV.subHead, #QAContainer DIV.subHead2 /* IE5.x CSS Box Model hack */
{
  /p/adding: 3px 0 3px 5px;
  h/eight: 21px;}
  
#QAContainer DIV, TABLE#contact DIV
{
  padding: 10px 0 10px 0;}
  
#QAContainer DIV.noPad TR *
{
  padding: 0 0 0 0;}

#QAContainer > TD
{
  padding-right: 20px;}
  
#QAContainer > TD /* IE5.x CSS Box Model hack */
{
  /padding-right: 20px;}
  
#contact TD
{
  padding-right: 20px;}

.table, .table TD
{
  border-collapse: collapse;
  border: solid 1px #eee;}
  
.table TD.second
{
  background-color: #eee;
  font-weight: bold;
  text-align: left;}
  
.table TR.first
{
  background-color: #eee;
  font-weight: bold;
  text-align: left;}
 
.notice
{
  font-family: 11px verdana;
  margin: 0px;
  padding: 8px;
  background-color: #FBFBDE;
  border: 1px solid #005098;
  height: 30px;}
  
#footer
{
  margin: 150px 0 10px 0;}
  
.asterisk
{
  color: red;
  font-size: 12px;
  font-weight: bold;}
  

/* ##########  Sponsor Desktop Grid Styles  ########## */

.gridHeader, .gridHeader td
{
  font-size: 11px;
  font-weight: bold;
  color: #333;
  background-color: #eee;
  height: 22px;}
  
.gridHeaderSort
{
  font-family: bold 11px arial;
  color: #005098;
  background-color: #9ECCEE;
  cursor: hand;}
  
.gridSummary
{
  background-color: #FCFCEA;
  width:100%;}
  
.gridRollover
{
  background-color: #BCE4B8;
  height: 26px;
  cursor: hand;}
  
.gridDefault0
{
  background-color: #F6F6F6;
  height: 26px;}
  
.gridDefault1
{
  background-color: #F6F6F6;
  height: 26px;}
  
.gridBorder
{
  background-color: #ccc;}


/* ########## Proposal Related Stuff ########## */

.tableHeader TD
{
  background-color: #eee;
  font-weight: bold;}
  
.tableRow TD
{
  background-color: #fff;}
  
.tableCell TD
{
  font: normal verdana;
  color: #333333;
  border: solid 1px #D6D5D5;}
  
.tableEdit INPUT
{
  background-color: #fff;
  font-size: 11px;
  height: 19px;
  width: .90in;}
  
.tableEdit SELECT
{
  background-color: #fff;
  font-size: 11px;
  color: #333;}
  
.tableFooter
{
  font-family: verdana;
  color: #333;
  font-weight: bold;
  background-color: #fff;
  border: solid 1px #D6D5D5;}

.inputColumn INPUT
{ width: auto;}

#stepIndicator
{
  margin: 20px;}

.buttonBar
{
  border: dashed 1px #656565;
  padding: 10px;
  margin: 15px 0 15px 0;}


#stepIndicator
{
  margin: 20px;}

.buttonBar
{
  border: dashed 1px #656565;
  padding: 10px;
  margin: 15px 0 15px 0;}


/* ########## Step Indicators ########## */

#stepIndicator
{ margin: 10px;
  height: 65px;
  cursor: hand;
  cursor: pointer;}

#stepIndicator H4
{ font-size: 12px;
  font-weight: bold;
  padding: 0 0 3px 0;
  margin: 0;}

#stepIndicator ul, #stepIndicator li
{ list-style: none;
  display: block;
  float: left;
  margin: 0;
  padding: 5px;}

#stepIndicator li
{ border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  width: 75px;
  height: 65px;
  font-family: verdana, arial;
  font-size: 10px;
  background-color: #eee;}

#stepIndicator li.on, #stepIndicator li.firston
{ background-color: #4973A5;
  color: #fff;}

#stepIndicator li.on a, #stepIndicator li.firston a
{ color: #fff;}

#stepIndicator li.firston
{ border-left: solid 1px #ccc;}

#stepIndicator li.firstoff
{ border-left: solid 1px #ccc;}

#stepIndicator a
{ text-decoration: none;
  color: #333;}
  
  

/* ##########  PETER'S DATE CONTROL APP  ########## */
.CSCCalendar {border-right: lightgrey ridge; border-top: lightgrey ridge; font-size: 8pt; border-left: lightgrey ridge; border-bottom: lightgrey ridge; font-family: Arial; background-color: white;}
.CSCCalendar TABLE {font-size: 8pt; font-family: Arial; background-color: white;}
.CSCCalendarNoFilter {border-right: lightgrey ridge; border-top: lightgrey ridge; font-size: 8pt; border-left: lightgrey ridge; border-bottom: lightgrey ridge; font-family: Arial; background-color: white;}
.CSCCalendarNoFilter TABLE {font-size: 8pt; font-family: Arial; background-color: white;}
.CSCWeekRowsTable {border-right: black 1px solid; border-top: black 1px solid; font-size: 8pt; border-left: black 1px solid; border-bottom: black 1px solid; font-family: Arial; background-color: white;}
.CSCDay {cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */ cursor: hand;}
.CSCSelectedDay {background-color: gold; cursor: pointer; cursor: hand;}
.CSCSelectedToday {font-weight: bold; background-color: gold; cursor: pointer; cursor: hand;}
.CSCToday {font-weight: bold; cursor: pointer; cursor: hand;}
.CSCSpecialDay {cursor: pointer; cursor: hand; background-color: lemonchiffon;}
.CSCOtherMonthDays {cursor: default; color: gray;}
.CSCWeekNumberColumn {border-right: blue 1px solid; background-color: lightblue;}
.CSCDayHeader {border-bottom: blue 1px solid;}
.CSCDayHeader TR {font-size: 7pt; background-color: lightblue;}
.CSCDayHeaderCell {font-size: 7pt;}
.CSCHeaderTable {font-size: 8pt; border-bottom: blue 1px solid; font-family: Arial;}
.CSCHeaderRows {font-size: 8pt; font-family: Arial; cursor: default;}
.CSCHeaderRows TR {background-color: inherit;}
.CSCIncrementalButtons {cursor: pointer; cursor: hand; color: mediumblue;}
.CSCIncrementalButtonsPressed {cursor: pointer; cursor: hand; color: darkblue;}
.CSCJumpButtons {color: mediumblue; cursor: pointer; cursor: hand;}
.CSCJumpButtonsPressed {color: darkblue; cursor: pointer; cursor: hand;}
.CSCCloseButton {cursor: default;}
.CSCCloseButtonPressed {cursor: default;}
.CSCHelpButton {cursor: default;}
.CSCHelpButtonPressed {cursor: default;}
.CSCFooterTable {}
.CSCFooterTable TABLE {}
.CSCFooterButton {border-right: lightgrey thin outset; border-top: lightgrey thin outset; border-left: lightgrey thin outset; color: black; border-bottom: lightgrey thin outset; background-color: lightblue; font-size: 8pt; font-family: Arial; cursor: pointer; cursor: hand;}
.CSCFooterButtonPressed {border-right: lightgrey thin inset; border-top: lightgrey thin inset; border-left: lightgrey thin inset; border-bottom: lightgrey thin inset; background-color: lightblue; color: black; font-size: 8pt; font-family: Arial; cursor: pointer; cursor: hand;}
.CSCFooterCurrentDate {}
.SD_Selectable1 {background-color: mistyrose; cursor: pointer; cursor: hand;}
.SD_SelectableOM1 {background-color: powderblue; cursor: pointer; cursor: hand;}
.SD_Selectable2 {background-color: palegoldenrod; cursor: pointer; cursor: hand;}
.SD_SelectableOM2 {background-color: gainsboro; cursor: pointer; cursor: hand;}
.SD_Unselectable1 {color: gray; background-color: mistyrose;}
.SD_UnselectableOM1 {color: gray; background-color: powderblue;}
.SD_Unselectable2 {color: gray; background-color: palegoldenrod;}
.SD_UnselectableOM2 {color: gray; background-color: gainsboro;}
.DTBToggleCalendar {}
.DTBToggleCalendarPressed {}
.DTBHelpButton {}
.DTBHelpButtonPressed {}
.MYPMonthYearPicker {border-right: gray 1px solid; border-top: gray 1px solid; font-size: 8pt; border-left: gray 1px solid; border-bottom: gray 1px solid; font-family: Arial; background-color: white;}
.MYPMonthYearPicker TABLE {font-size: 8pt; font-family: Arial; background-color: white;}
.MYPMonthTable {}
.MYPYearTable {}
.MYPMonthCell {cursor: pointer; cursor: hand;}
.MYPSelectedMonthCell {background-color: gold; cursor: pointer; cursor: hand;}
.MYPYearCell {cursor: pointer; cursor: hand;}
.MYPSelectedYearCell {cursor: pointer; cursor: hand; background-color: gold;}
.MYPOutOfRangeCell {color: gray;}
.MYPMoveYearsButtons {}
.MYPMoveYearsButtonsPressed {}
.MYPTogglePicker {}
.MYPTogglePickerPressed {}
.PDPContextMenu {border-right: lightgrey 1px solid; border-top: lightgrey 1px solid; font-size: 8pt; border-left: lightgrey 1px solid; border-bottom: lightgrey 1px solid; font-family: Arial; background-color: white;}
.PDPContextMenu TABLE {font-size: 8pt; font-family: Arial; background-color: white;}


/* ##########  VALIDATION (VAM)  ########## */
.VAMErrorText {color: Red;}
.VAMValSummary {margin: 0; padding: 15px; color: red;}
.VAMValSummaryHeader {color: red;}
.VAMValSummaryHeader TR {color: red;}
.VAMValSummaryErrors {color: red;}
.VAMValSummaryFooter {color: red;}
.VAMValSummaryFooter TR {color: red;}
.VAMRequiredFieldMarker {background-color: #ff0000;}
.VAMRequiredFieldsDescription {font-size: 8pt; font-style: italic;}
.VAMTextHiliteFields {background-color: #ededed;}
.VAMNonTextHiliteFields {}