/**
	 * Macromedia Breeze 3.0 Color Palette
	 *
	 * dark-blue    	#003366
	 * green		#88AA99
	 * light green		#E9EFEC
	 * yellow		#FFFF99
	 * white		white
	 */
	 
  /*===================
   *  default styles
   *===================*/
  body {
      font:messagebox;
      font-family: arial, helvetica, sans-serif; 
      font-size: 10pt;
  }
  td, th { 
      font-size: 10pt;      
  }
  input { 
      font-size: 10pt; 
      color:#003366;
  }

  a {
      text-decoration: underline; 
      background-color: transparent ! important;
  }
  
  hr {
      border: 2px solid;
      text-align: left;
      height: 2px;
  }

  .pageContent {
      width: 100%;
      font-size: 10pt; 
      margin-left: 6px;
  }

  /*=====================
   *  special messages
   *=====================*/
  .error {
      color:Red;
      font-weight:bold;
  }
  .warning, .required {
      color:Red;
      font-weight:normal;
  }
  
  .comments {
    font-size:8pt;
  }

  /*===================
   *  regular pages
   *===================*/
  .normalClass, .normalClass a, .normalClass hr {
      background-color:white;
      color: #003366;
  }
  
  .verticalLine {
      background-color: #003366;
  }
  
  .topFormSpacer {
      width:100%; height:20px;
  }
  
  .bottomFormSpacer {
     width:100%; height:20px;
  }  
  
  /*===================
   * the login pages
   *===================*/
  .loginClass, .loginClass a, .loginClass hr, .loginClass .navTitle  {
      background-color:#88AA99;
      color: white; 
  }
  .loginClass .navTitle {
      text-align: right;
  }

  /*===================
   * navigation tabs
   *===================*/
  /* 1st level navigation: tab styles */
  .tabSel, .tabSel a {
     background-color:#88AA99;
  }

  .tabSel, .tabSel a,
  .tabSelx, .tabSelx a {
     text-decoration:none;
     font-weight:bold;
     color:white ! important;
   }
 
  .tabNotSel, .tabNotSel a {
     text-decoration:none;
     background-color:#E9EFEC;
     color:#003366 ! important;
     font-weight:bold;
  }
  
  .aTab {
    text-decoration:none;
    background-color:transparent;
    font-weight:bold;
  }

  .navTitle {
      font-size:12pt;
      font-weight:bold;
      height:20px;
  }

  /*===================
   * banner styles 
   *===================*/
  .banner { 
      background-color:#003366;
      color:white;
  }
  .bannerTitle {
      font-weight:bold;
      font-style:italic;
      font-size:18pt;
  }
  .bannerLinks, .bannerLinks a {
      background-color:transparent;
      color:white;
      font-weight:normal;
  }

  .banner1 {
      background-color:#88AA99;
  }
  .banner1, .banner1 td, .banner1 a, 
  .banner1x, .banner1x td, .banner1x a {
      padding-top:4pt;
      padding-bottom:4pt;
      font-weight:bold;
      font-size:8pt;
      white-space:nowrap;
      color:white;
  }

  .banner1a, .banner1a td, .banner1a a {
      padding-top:4pt;
      padding-bottom:4pt;
      font-weight:bold;
      font-size:8pt;
      white-space:nowrap;
      background-color:#E9EFEC;
      color:#003366;
  }

  /*====================
   *  list data rows
   *====================*/
  .oddRow, .oddRow a {
      background-color:white;
  }
  .evenRow, .evenRow a {
      background-color:#E9EFEC;
  }

  /*====================
   *  content data rows
   *====================*/
  .contentTable {
      width:100%;
      border-collapse: separate;
  }
   
  .contentHeader, .contentHeader a {
      background-color:#88AA99;
      color:white;
      font-weight:bold;
  }

  .contentTitle {
      width: 20%;
      white-space:nowrap;
      padding:3px;
  }
  .contentData {
      width: 80%;
      font-weight: bold;
      padding:3px; 
  }
  
  .contentInfo {
      text-align: center;
      font-style:italic;
  }

  /*====================
   *  form styles
   *====================*/
  .formTable {
      width:500;
      border-width:5px
  }
   
  textarea {
	color: #333333;
	border: 1px solid;
	border-color: #999999 #e4e4e4 #e4e4e4 #999999;
	padding-left: 4px;
	margin-bottom: 2px;
        background-color: #fafafa; 
  }
  .textfield {
	color: #333333;
	border: 1px solid;
	border-color: #999999 #e4e4e4 #e4e4e4 #999999;
	padding-left: 4px;
	margin-bottom: 2px;
	height: 22px;
	background-color: #fafafa;
  }


  .infoBox {
      background-color: #fafafa;
      margin:10px;
      padding:5px
  }

  /*===================
   *  fancy buttons
   *  (not recognized by NS 4)
   *
   *  Borders and padding are defined in breeze_button.css
   *===================*/
  
  .button {
    cursor: hand;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal ! important;
    font-size: 8pt ! important;
    color: #003366 ! important;
    background-color: white ! important;
  }

  * a.button {
    color: #003366 ! important;
    background-color: white ! important;
  }

  .buttonBar {
     width:100%;
     height:30px;
     padding: 2px 2px 2px 5px;
  }

  .buttonBar1 {
    background-color:#e4e4e4;
  }
    
  /*====================
   * wizard
   *====================*/
  .wizardStep {
      text-align: center;
      text-decoration: none;
      vertical-align: middle;
      font-weight: bold;
      background-image: url(/common/images/wizard_unselected.gif);
      background-repeat: no-repeat;
      background-position: center;
  }

  .selWizardStep {
      color: white;
      text-align: center;
      text-decoration: none;
      vertical-align: middle;
      font-weight: bold;
      background-image: url(/common/images/wizard_selected.gif);
      background-repeat: no-repeat;
      background-position: center;
  }
  
  .wizardStepTitle {
      text-align: center;
      vertical-align: top;
      font-size: 8pt;
      font-weight: bold;
  }