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

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

	
/* ##########  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;}


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

a:link
{
  color: #00549F;
  text-decoration: underline;}
  
a:visited
{
  color: #00549F;
  text-decoration: underline;}
  
a:hover
{
  color: #CC0404;
  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: transparent url(images/navigation-bkgd.gif) repeat-y;
  padding-left: 140px;
  height: 23px;}

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

#navigation li a
{ display: block;
  padding: 4px 15px 4px 15px;
  margin: 0 10px 0 10px;
  background: #d1e7e7 url(images/nav/nav-button-bkgd.gif) repeat-x;
  border: solid 1px #aac3c3;
  text-decoration: none;}

#navigation a
{ color: #333;}

#navigation li a:hover
{ text-decoration: underline;}



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

#header
{
  background: #00549F url(images/header-bkgd.gif) repeat-x;
  height: 106px;}
  
.logo
{ position: absolute;
  z-index: 3;}

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

#leftCol
{
  height: 100%;
  width: 134px;
  background-color: #D3E9E9;}
  
#leftCol /* IE5.x CSS Box Model hack */
{
  /width: 134px;
  w/idth: 134px;}
  
#leftCol H2.first
{ padding: 0 5px 5px 5px;
  margin: 0;}
  
#leftCol h2
{
  font: bold 12px verdana, arial;
  padding: 20px 5px 5px 5px;
  margin: 0;}
  
#leftCol a, #login a
{
  font-family: 11px tahoma, arial;
  color: #333;
  text-decoration: none;}
  
#leftCol a:hover, #login a:hover
{
  text-decoration: underline;}

#leftCol ul
{ list-style: none;
  margin: 0 10px 0 10px;
  padding: 0;}
  
#leftCol li
{ margin: 4px 5px 2px 0;
  padding-left: 15px;
  padding-top: 2px;
  background: url(images/bullet.gif) 3px .2em no-repeat;}

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

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

#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: bold 14px tahoma, verdana, arial;
  color:#004D96;}
  
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, #QAContainer DIV.subHead2
{
  font: bold 12px verdana;
  padding: 3px 0 3px 5px;
  margin: 20px 0 10px 0;
  height: 15px;}

#QAContainer DIV.subHead
{ color: #fff;
  background-color: #005098;}

#QAContainer DIV.subHead2
{ color: #333;
  background-color: #eee;}
  
#QAContainer DIV.subHead /* 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: #fff;
  background-color: #005098;
  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: #005098;}


/* ########## 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: 30px;}

.buttonBar
{
  border: dashed 1px #CCC;
  padding: 10px;
  margin: 20px 0 20px 0;}


/* Legacy Stuff
.divider {border-bottom: dashed 1px #ccc; font-size: 1px;}
.msgText           {color: #FF0033;}
.textSmall         {font-family: verdana, arial; font-size: 11px; color: #333333;}
a.nav:link {font-family: arial; font-weight: bold; font-size: 11px; color: #999; text-decoration: none;} 
a.nav:visited {font-family: arial; font-weight: bold; font-size: 11px; color: #999; text-decoration: none;}
a.nav:hover {font-family: arial; font-weight: bold; font-size: 11px; color: #0033CC; text-decoration: none;}
a.nav:active {font-family: arial; font-weight: bold; font-size: 11px; color: #999; text-decoration: none;}
#QAContainer .noPad DIV {padding: 0 0 0 0;}


*/

/* ##########  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 {}