/**

FF9900 is orange  (E6E1CF)
FFFFCC is light yellow
CCCCCC is light grey

*/

/* NOTE:  This doesn't work for IE, only Firefox. */ 
input:focus, textarea:focus {
background-color: lightyellow;
}

body {
  margin:0;
    background-color: white;
  font:11px verdana, arial, sans-serif;
}

table {
   border-collapse: collapse;
  width: 100%;
}

td {
  font:11px verdana, arial, sans-serif;
  color: black;
}
  
td,th {
  margin:0;
  padding:0;
}
  
hr {
  height:1px; 
  color: #cccccc;
  border: 0;
  }

select {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  margin-top: 3px;
}

#main
{
  font-family: verdana, arial, sans-serif; 
  font-size: 11px; 
  color:#000000; 
  line-height: 16px;
}

a {
  color: #CC3300;
  text-decoration:underline;
}

a img {border: none; } 


a:hover {
  color: #3E4A61;
  text-decoration:none;
}

/** Administrative Console subtitle under logo on index page. */
#logo_subtitle {
  font:bold 16px verdana, arial, sans-serif;
  color: black;
  text-decoration: none;
  display:block;
  line-height:20px;
  padding-top: 20px;
  text-align: center;
}

#logo_subtitle_link {
  font:11px verdana, arial, sans-serif;
  color: 666666;
  display:block;
  line-height:20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

#intro_title{
  font-family: verdana, arial, sans-serif;
  font-size:18px;
  color: black;
  border-bottom: 3px solid #E6E1CF;
  display:block;
}

#intro_text{
  font: 13px verdana, arial, sans-serif;
  color:black;
  text-align:center;
  line-height: 18px;
}

#intro_text_small {
  font: 11px verdana, arial, sans-serif;
  color: black;
  text-align: left;
}


/** This is the slogan text in the topbar. */
#slogan {
  font-family: verdana, arial, sans-serif;
  font-size:18px;
  color: #999999;
  background-color: #717A8C;
  border-bottom: 3px solid #E6E1CF;
  display:none;
}


#label {
  font:bold 11px verdana, arial, sans-serif;
  color: #999999;
  text-decoration: none;
  letter-spacing:.1em;
  line-height:2px;
  display:block;
  padding:10px 10px 20px 20px;
  text-align:right;
  vertical-align:middle;
  }

#view_section_table {
  background-color: white;
  
}

/** This is the grey bar that appears at the top of sections which
    includes buttons like ok & cancel. */
#view_section_header-top {
  font:13px verdana, arial, sans-serif;  
  background-color: #E6E1CF;
  width: 100%;
  border-bottom: 0px solid black;
}

/** This is the grey bar that appears at the bottom of sections which
    includes buttons like ok & cancel. */
#view_section_header-bottom {
  font:13px verdana, arial, sans-serif;  
  background-color: #E6E1CF;
  width: 100%;
}

/** This is for the title in a table when the buttons
 *  are along the bottom.  When buttons are on top,
 *  use this plus the cpn_table_heading_top classes.
 */
.cpn_table_heading {
  font:bold 13px verdana, arial, sans-serif;
  color: #000000;
  text-decoration: none;
  display:block;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 2px;
  white-space: nowrap;
}

/* Add to the table title when the buttons are along the
 * top.  
 */
.cpn_table_heading_top {
  text-align: left;
  padding-left: 15px;
}

#view_section_blank {
  height: 10px;
}

#view_section_blank_bottom {
  height: 10px;
}

#view_section_blank_small {
  height: 2px;
}

#view_section_blank_top {
  height: 5px;
}

#view_section_image_cell {
  font:bold 11px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
  width: 110px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_1 {
  font:bold 11px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
  width: 19px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_2 {
  font:bold 11px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
  white-space: nowrap;
  width: 45px;
  background-color: white; 
}

#view_section_image_cell_3 {
  font:bold 11px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
  width: 65px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_4 {
  font:bold 11px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
  width: 76px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_5 {
  font:bold 11px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
  width: 110px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_6 {
  font:bold 11px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
  width: 124px;
  white-space: nowrap;
  background-color: white; 
}


/** WAS: #view_section_image */
.cpn_table_icon {
  font:bold 11px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
}

/** WAS: #view_section_image:visited */
.cpn_table_icon:visited {
   color: white;
}

#common_text {
  font: 11px verdana, arial, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
}

/** This is the label that appears next to settings. */
#view_section_label {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: right;
}

#view_section_label_left {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: left;
}

#view_section_label_center {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: center;
}

#view_section_table_header {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: left;
}

#view_section_table_line {
  padding-left: 20px;
  padding-right: 20px;
  height: 2px;
  background-color: #999999;
}

/** This is the label that appears in tables. */
#view_section_table_label {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: left;
}

#view_section_text {
  font:normal 11px verdana, arial, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: left;
  vertical-align: top;
}

#view_section_label_default {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: right;
  vertical-align: top;
}

#view_section_label_top {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 6px;
  vertical-align: top;
  height: 19px;
}

#view_section_detail {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 16px;
}

#view_section_detail_wrap {
  font:11px verdana, arial, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  height: 16px;
}

.view_section_detail_wrap_small {
  font:10px verdana, arial, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  height: 16px;
}

#view_section_detail_indented {
  font:9px verdana, arial, sans-serif;
  color: 999999;
  padding-left: 44px;
  padding-right: 20px;
  height: 16px;
}

#note {
  font: bold 8px verdana, arial, sans-serif;
  padding-left: 10px;
  color: 666666;
  position: relative;
  top: -.2em;
}

#view_section_value {
  font:11px verdana, arial, sans-serif;
  width: 100%;
  white-space: nowrap;
}

#view_section_value_wrap {
  font:11px verdana, arial, sans-serif;
  width: 100%;
}

.view_section_input {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  margin-top: 3px;
  width: 200px;
}

.view_section_input_64 {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  margin-top: 3px;
  width: 200px;
}

.view_section_input_64_required {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  margin-top: 3px;
  width: 200px;
  background-color: FFFF99;
}

.view_section_input_128 {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  margin-top: 3px;
  width: 400px;
}

.view_section_input_128_required {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  margin-top: 3px;
  width: 400px;
  background-color: FFFF99;
}

.view_section_input_254 {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  margin-top: 3px;
  width: 100%;
}

.view_section_input_254_required {
  font:9px verdana, arial, sans-serif;
  white-space: nowrap;
  margin-top: 3px;
  width: 100%;
  background-color: FFFF99;
}

.view_section_input_255 {
  font:9px verdana, arial, sans-serif;
  margin-top: 3px;
  width: 100%;
}

.view_section_input_255_required {
  font:9px verdana, arial, sans-serif;
  margin-top: 3px;
  width: 100%;
  background-color: FFFF99;
}

#data_area {
  padding-right: 10px;
  text-align: left;
}

#view_section_entry {
  font:11px verdana, arial, sans-serif;
  width: 100%;
  white-space: nowrap;
  padding-left: 40px;
}

#view_section_entry_wrap {
  font:11px verdana, arial, sans-serif;
  width: 100%;
  padding-left: 40px;
}

/** On the view_network_item page, these are the format for the left cell (buttons)
  for the settings listed under the configuration sections (Applications, Authentication, Network) */
#display_setting_buttons {
   padding-left: 25px;
   white-space: nowrap;
}

#display_setting_buttons a:hover {
  background-color: E6E1CF; 
 }

/** On the view_network_item page, these are the format for the settings
    listed under the configuration sections (Applications, Authentication, Network) */
#display_setting {
  font:11px verdana, arial, sans-serif;
  width: 100%;
  white-space: nowrap;
  padding-left: 8px;
}

#display_setting_wrap {
  font:11px verdana, arial, sans-serif;
  width: 100%;
  padding-left: 8px;
}

/** This is the TD that the control buttons (save, cancel) 
    display within along the top of a table. 
    WAS: #view_section_header_link_cell-top */
.cpn_table_controls_top {
  padding-top: 5px;
  padding-bottom: 2px;
  margin-left: 10px;
  margin-right: 40px;
  white-space: nowrap;
  text-align: right;
  display: none;
}

/** WAS: #view_section_header_link_cell-top-toponly */
.cpn_table_controls_toponly {
  margin-left: 10px;
  margin-right: 40px;
  white-space: nowrap;
  text-align: right;
}

/** This is the TD that the control buttons (save, cancel) 
    display within along the bottom of a table. 
    WAS: #view_section_header_link_cell-bottom */
.cpn_table_controls_bottom {
  margin-left: 10px;
  margin-right: 40px;
  white-space: nowrap;
  text-align: right;
}

#view_section_row_link {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 5px;
  margin-right: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  white-space: nowrap;
}

/** WAS: #view_section_header_link_large */
.cpn_header_save_xlarge {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 5px;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
  white-space: nowrap;
  width: 120px;
  cursor: pointer;
}

.cpn_header_save_large {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 5px;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
  white-space: nowrap;
  width: 80px;
  cursor: pointer;
}

.cpn_header_save_medium {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 5px;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
  white-space: nowrap;
  width: 55px;
  cursor: pointer;
}

/** #view_section_header_link */
.cpn_header_save {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 5px;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
  white-space: nowrap;
  width: 45px;
  cursor: pointer;
}

/** #view_section_header_cancel_link_large */
.cpn_header_cancel_xlarge {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 4px; 
  white-space: nowrap;
  width: 120px;
  cursor: pointer;
}

.cpn_header_cancel_large {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 4px; 
  white-space: nowrap;
  width: 80px;
  cursor: pointer;
}

.cpn_header_cancel_medium {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 4px; 
  white-space: nowrap;
  width: 55px;
  cursor: pointer;
}

/** WAS: #view_section_header_cancel_link_small */
.cpn_header_cancel_small {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 2px;
  margin-right: 2x;
  margin-top: 1px;
  margin-bottom: 1px; 
  white-space: nowrap;
  width: 30px;
  cursor: pointer;
}

/** WAS: #view_section_header_cancel_link */
.cpn_header_cancel {
  font:9px verdana, arial, sans-serif;
  background-color: white;
  border: 1px black solid;
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 4px; 
  white-space: nowrap;
  width: 45px;
  cursor: pointer;
}

#confirmation_message {
  font:  12px verdana, arial, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
}

#confirmation_message_left {
  font:  11px verdana, arial, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}

.confirmation_button {
  background-color: white;
  border: 1px black solid;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  width: 60px;
}

.confirmation_button_large {
  background-color: white;
  border: 1px black solid;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  width: 80px;
}

/** This is the information bar (with information icon) at the top of most pages. */
#top_description {
  font: 11px verdana, arial, sans-serif;
  background-color: #FFFFFF;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 30px;
  padding-right: 30px;
  border-collapse: collapse;
  width: 100%;
}

/** This is the information bar at the top of the page, such as the message-of-the-day. */
#top_description_alert {
  font: 11px verdana, arial, sans-serif;
  background-color: #E6E1CF;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  border-collapse: collapse;
  width: 100%;
}

/** For inline help information (section breaks), this controls the <td>
    element at the top of the help information. */
#internal_description {
  font:bold 11px verdana, arial, sans-serif;
  background-color: #E6E1CF; 
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-right: 0px;
  border-collapse: collapse;
    width: 100%;
}

/** For inline help information (section breaks), this controls the <td>
    element for everything below the top of the help information. */
#internal_inset_description {
  font:11px verdana, arial, sans-serif;
  background-color: #E6E1CF; 
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 22px;
  padding-right: 0px;
  border-collapse: collapse;
  width: 100%;
}

#help_description_outer {
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}


#help_inset_description_outer {
  padding-top: 00px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}

/* For labels with the 'help' icon (expand sign), this controls
   the <td> element for the top row of the help message. */  
#help_description {
  font:bold 11px verdana, arial, sans-serif;
  background-color: white; //#E6E1CF;
  padding-top: 6px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 0px;
  border-collapse: collapse;
  border-left: 1px solid #717A8C;
  border-right: 1px solid #717A8C;
  border-top: 1px solid #717A8C;
  width: 100%;
}

/* For labels with the 'help' icon (expand sign), this controls
   the <td> element for everything in the 'help' form below the 
   top row. */
#help_inset_description {
  background-color: white; //#E6E1CF;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 43px; 
  padding-right: 10px;
  border-collapse: collapse;
  width: 100%;
  border-left: 1px solid #717A8C;
  border-right: 1px solid #717A8C;
  border-bottom: 1px solid #717A8C;
}

#navigation-single a {
  font:bold 11px verdana, arial, sans-serif;
  color: #FFFFFF;
  background-color: #717A8C;
  text-decoration: none;
  letter-spacing:.1em;
  line-height:2px;
  display:block;
  padding:10px 10px 10px 20px;
  text-align: center;
  white-space: nowrap;
  border-bottom: 3px solid #E6E1CF;
}

#navigation {
  height: 22px;
  background-color: #717A8C;
}

/** This is the non-selected tabs in the topbar. */
#navigation a {
  font:bold 11px verdana, arial, sans-serif;
  color: #FFFFFF;
  background-color: #717A8C;
  text-decoration: none;
  letter-spacing:.1em;
  line-height:2px;
  display:block;
  padding:10px 10px 10px 10px;
  text-align: left;
  white-space: nowrap;
  border: 0px; solid black;
}

#navigation_selected{
  height: 22px;
  background-color: #FFFFFF;
}
  
#navigation-space {
  height: 1px;
  background-color: #f7f3e8;
}

#navigation-separator {
  height: 30px;
  background-color: #E6E1CF;
}

#navigation_fill {
    height: 0px;
}
  
/** This is the selected tab in the topbar. */  
#navigation_selected a {
  font:bold 11px verdana, arial, sans-serif;
  color: 273043;
  text-decoration: none;
  letter-spacing:.1em;
  line-height:2px;
  display:block;
  padding:10px 10px 10px 10px;
  background: none;
  background-color: FFFFFF;
  text-align: left;
  border: 0px solid black;
  white-space: nowrap;
}
  
/** This is a tab in the topbar that is hovered over. */
#navigation a:hover {
  color: #FFFFFF;
  text-decoration: none;
  
  }

/** This is the selected tab in the topbar when it is hovered over. */  
#navigation_selected a:hover {
  color: #3E4A61;
  text-decoration: none;
  }

#orange {
  background-color: #E6E1CF;
}

#grey {
  background-color:#CCCCCC;
}
  
#blue {
  background-color:#000066;
}  
  
  


#navigation_list {
  font:bold 11px verdana, arial, sans-serif; 
  color: black;
  text-decoration: none;
  letter-spacing:.1em;
  line-height:12px;
  display:block;
  padding:10px 10px 10px 20px;
  background:  url("download_file.php?name=TabIcon") 10px 50% no-repeat;
  text-align: left;
  white-space: nowrap;
}

#navigation_list_text {
  font: 11px verdana, arial, sans-serif;
  color: #666666;
  text-align: left;
  padding-left: 20px;
}


#logo {
  font:20px verdana, arial, sans-serif;
  color: #CC3300;
  line-height:24px;
  letter-spacing:.4em;
  }

#monthformat td {
  border-bottom: 1px solid #003366;
  }
  
#dateformat {
  font:10px verdana, arial, sans-serif;
  color: #FFFFFF;
  letter-spacing:.2em;
  vertical-align: middle;
  }
  
#dateformat a {
  font:10px verdana, arial, sans-serif;
  color: #FFFFFF;
  font-weight:bold;
  letter-spacing:.1em;
  text-decoration:none;
  }
  
#dateformat a:hover {
  color: #6DC9DC;
  letter-spacing:.1em;
  }

/* Class Styles */

.bodyText {
  font:11px verdana, arial, sans-serif;
  color:#333333;
  line-height:20px;
  letter-spacing:.1em;
  margin-top:0;
  }
  
.pageName{
  font:18px verdana, arial, sans-serif;
  color: #004B84;
  line-height:20px;
  letter-spacing:.3em;
  }
  
.subHeader {
  font:11px verdana, arial, sans-serif;
  color: #333333;
  letter-spacing:.1em;
  line-height:16px;
  }  
  
.detailText {
  font:11px verdana, arial, sans-serif;
  color:#333333;
  line-height:16px;
  letter-spacing:.1em;
  }
  
.smallText {
  font:10px verdana, arial, sans-serif;
  color:#333333;
  }
  
/* sub-navigation styles */

#subNavigation {
  margin: 5px;
}

#subNavigation a {
  font:bold 11px verdana, arial, sans-serif;
  color: #0099CC;
  text-decoration: none;
  letter-spacing:.1em;
  line-height:16px;
  display:block;
  padding:10px 10px 10px 20px;
  background:  url("mm_red_arrow.gif") 10px 50% no-repeat;
  }
  
#subNavigation a:hover {
  color:#CC3300;
  }
  
.subNav2 {
  padding: 5px;
  padding-left: 10px;
}
.subNav3 {
  padding: 5px;
  padding-left: 15px;
}
.subNav4 {
  padding: 5px;
  padding-left: 20px;
}
.subNav5 {
  padding: 5px;
  padding-left: 25px;
}


#setting-type-link a{
  color: black;
    text-decoration: none;
}
#setting-type-link a:hover{
  color: #3E4A61;
    text-decoration: none;
}


/* END OF ITEMS IN THE TOPBAR */

#disabled-option {
  color: #999999;
  font-family: verdana, arial, sans-serif;
  font-size:8px;
  font-style: normal;
}

#topbar-table {
  background-color: #E6E1CF;
}

#left-menu-table {
  width: 193px;
  background-color: #E6E1CF; 
  padding-top: 40px;
  border-right: 1px solid #717A8C;
}

#bottombar-space {
  height: 0px;
}

#left-center-gap {
  width: 1px;
  white-space: nowrap;
}

#left-top-gap {
  height: 1px;
}

#work-area {
  background-color: #FFFFFF;
  padding-left: 10px;
}

#bottombar {
  background-color: #FFFFFF;
}

/** This is the area of most tables.  If border is set to 1,
    each table will have a line around it. */
#data_table {
  border: 1px solid #717A8C;
}

.data_table {
  border: 1px solid #717A8C;
}

.data_table_continuation {
  border-left: 1px solid #717A8C; 
  border-right: 1px solid #717A8C; 
}

.data_table_top {
  border-left: 1px solid #717A8C; 
  border-right: 1px solid #717A8C; 
  border-top: 1px solid #717A8C; 
}

.data_table_bottom {
  border-left: 1px solid #717A8C; 
  border-right: 1px solid #717A8C; 
  border-bottom: 1px solid #717A8C; 
}

#data_table_login {
  border: 1px solid #717A8C;
}

#left-navigation_selected a:hover {
  color: 273043;
}

#main-table {
  background-color: 717A8C;
}

/** These relate to the supported_settings pages. */
#setting-header {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  height: 19px;
}

#setting-note {
    font: 10px verdana, arial, sans-serif;
  color: black;
}

#setting-label {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
}

#setting-label a {
  color: black;
  text-decoration:none;
}

#setting-detail {
  font:10px verdana, arial, sans-serif;
  padding-left: 35px;
  padding-right: 20px;
  height: 19px;
}

#table-tab-title {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  height: 19px;
  text-align: right;
   background-color: #717A8C;
  color: #FFFFFF;
}

#table-tab-selected {
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  background-color: #FFFFFF;
  color: #273043;
  text-align: center;
  text-decoration: none;
}

#table-tab-unselected {
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #717A8C;
  color: #FFFFFF;
  text-align: center;
}

#table-tab-unselected a {
  background-color: #717A8C;
  color: #FFFFFF;
  text-decoration: none;
}

#table-tab-unselected a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/* IE7 has a quirk where a link with no style
   displays larger than normal (inherits from somewhere?).
   Using this style is enough to force it to use the standard
   a style.  */
#standard-link {
}


.special_header_button {
  font:9px verdana, arial, sans-serif;
  vertical-alignment: center;
  background-color: white;
  border: 1px black solid;
  margin-left: 5px;
  margin-right: 5px;
  white-space: nowrap;
  width: 80px;
  height: 20px;
  cursor: pointer;
}

.special_header_combo {
  width: 200px;
}

#special_header_text {
  font:bold 11px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 2px;
  padding-right: 8px;
  height: 19px;
  text-align: right;
  vertical-align: middle;
}

#additional_settings_checkbox_label {
  font: 10px verdana, arial, sans-serif;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: left;
}

.inset_info {
  background-color: #E6E1CF; 
  font:bold 8px verdana, arial, sans-serif;
 
}

.cpn_download:focus {
  background-color: #717A8C;
}

.cpn_download:disabled {
   background-color: #CCCCCC;
   color: #EEEEEE;
   border-color: #EEEEEE;
   cursor: default;
}

.cpn_download {
  font:bold 11px verdana, arial, sans-serif;
  color: white;
  background-color: #717A8C;
  border: 2px #CCCCCC solid;
  padding-left: 5px;
  padding-right: 20px;
  white-space: nowrap;
  width: 100px;
  height: 30px;
  cursor: pointer;
}

.cpn_table_icon_highlight:hover {
  background-color: #DDDDDD;
}

.menu-color {
  background-color: #E6E1CF;
}

.pagelayout-main {
}
	
.pagelayout-topbar-contentarea {
  background-color: #E6E1CF;
  float: top;
}

.pagelayout-bottom {
	float: bottom;
	clear: both;
}

.pagelayout-bottom-bar {
  border-top: 1px solid #717A8C;
  background-color: #E6E1CF;
  height: 6px;
}

.pagelayout-bottom-contentarea {
  padding-top: 10px; 
  padding-bottom: 30px;
  background-color: white;
}

.pagelayout-bottom-copyright {
  float: left; 
  padding-left: 40px;
  font:9px verdana, arial, sans-serif;
  color: 666666;
}

.pagelayout-bottom-contactus {
  float:right; 
  padding-right: 120px;
  font:10px verdana, arial, sans-serif;
}

.pagelayout-center {
  background-color: #E6E1CF; 
}

.pagelayout-workarea {
  background-color: white;
}
	
.pagelayout-menubar-tabarea {
  padding-top: 40px;
/*  border: 10px solid blue; */
  width: 193px;
  float: left;
}

/* Reports Layout */

.warning p {color:red;, font-weight:bold; font-size:16px; }

.error_box {
  background-color: FFFFF0; 
  border: 1px solid red; 
  margin-left: 10px; 
  margin-bottom: 10px; 
  padding-left: 10px; 
  padding-top: 5px; 
  padding-bottom: 5px; 
  margin-right:10px;
  font-size: 9px;
}

.warning_box {
  background-color: FFFFF0; 
  border: 1px solid #999999; 
  margin-left: 10px; 
  margin-bottom: 10px; 
  padding-left: 10px; 
  padding-top: 5px; 
  padding-bottom: 5px; 
  margin-right:10px;
  font-size: 9px;
}
		
.notice_box {
  background-color: FFFFF0; 
  border: 1px solid #999999; 
  margin-left: 10px; 
  margin-bottom: 10px; 
  padding-left: 10px; 
  padding-top: 5px; 
  padding-bottom: 5px; 
  margin-right:10px;
  font-size: 9px;
}
		
.custom_built_table_cell {
  border-right: 1px solid black; 
  border-left: 1px solid black; 
  padding-left: 5px; 
  padding-right: 5px; 
  font-size: 8px;
  white-space: nowrap;
}		

.custom_built_table_header {
  border-right: 1px solid black; 
  border-left: 1px solid black; 
  border-bottom: 1px solid black; 
  padding-left: 5px; 
  padding-right: 5px; 
  font-size: 8px;
  white-space: nowrap;
}		

.cf_outer {
  display:block;
  background-color: #d5dcea;
  margin-bottom: 10px; 
}

.cf_title {
  font-weight: bold; 
  text-align: right; 
  padding-right: 10px; 
  padding-top: 16px;
  height: 60px; 
  width: 180px; 
  background-color: #4f81bd; 
  font-size: 18px; 
  color: white;
  float: left;
  vertical-align: center;
}

.cf_value {  
  font-weight: normal; 
  text-align: left; 
  padding-left: 40px; 
  padding-top: 16px;
  height: 60px; 
  background-color: #d5dcea; 
  font-size: 18px; 
  color: black;
  vertical-align:middle;
}

.cf_value_right {
  font-weight: normal; 
  text-align: left; 
  padding-left: 0px;
  padding-right: 20px; 
  height: 60px; 
  background-color: #d5dcea; 
  font-size: 12px; 
  color: black;
  float:right;
}

.cf_subline {
  padding-top: 3px;
}

.cf_break {
  height: 10px;
}

.list-table-item {
  font:10px verdana, arial, sans-serif;
  color: #000000;
  font-weight:normal;
  letter-spacing:.1em;
  text-decoration:none;
}

.list-table-item-disabled {
  font:10px verdana, arial, sans-serif;
  color: #999999;
  font-weight:normal;
  letter-spacing:.1em;
  text-decoration:none;
}

.list-table-header {
  font:10px verdana, arial, sans-serif;
  color: #000000;
  font-weight:bold;
  letter-spacing:.1em;
  text-decoration:none;
}

.label {
  width: 240px; 
  /*border: 1px solid red; */
  float: right;
}

.label_small {
  width: 120px; 
  /*border: 1px solid yellow;*/
  float: right;
}

.label_med {
  width: 300px; 
  /*border: 1px solid green; */
  float: right;
}

.label_long {
  width: 360px; 
  /* border: 1px solid blue; */
  float: right;
}

.csf_button { background-color: #FF9900; padding: 6px; color: white; text-decoration: none; font-size: 13px; line-height: 24px; }
.csf_button:hover { color: white;  }
.csf_vertical_keyCell { background-color: #C0C0C0; font-size: 11px; font-weight: bold; text-align: right; padding-right: 10px; width: 250px; line-height: 24px; }
.csf_vertical_dataCell { font-size: 11px; line-height: 24px; padding-left: 10px; }
.csf_titleCell { background-color: #333333; color: white; font-size: 11px; line-height: 20px; font-weight: normal }
.csf_dataCell { font-size: 11px; line-height: 20px; padding-left: 10px; padding-right: 10px; text-align: center; }

.csf_dataCellGreen   { background-color:  rgb(231, 255, 183); }
.csf_dataCellYellow  { background-color: rgb(255, 255, 204); }
.csf_dataCellRed     { background-color: rgb(255, 204, 204); }
.csf_dataCellWhite    { background-color: white; }

.csf_iframe          { border: 0px; width: 100%; height: 5000px; margin-left: -30px; margin-top: -10px; }
.csf_vertical_input  { width: 400px; font-size: 11px; line-height: 20px; border: 1px solid #999999; padding-left: 4px; margin-top: 6px; margin-bottom: 6px; }
.csf_vertical_select  { width: 400px; font-size: 11px; height: 20px; border: 1px solid #999999; padding-left: 4px; margin-top: 6px; margin-bottom: 6px; }