/**

FF9900 is orange  (${ORANGE_COLOR})
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 ${FONT_FAMILY};
}

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

td {
  font:11px ${FONT_FAMILY};
  color: black;
}
  
td,th {
  margin:0;
  padding:0;
}
  
hr {
  height:1px; 
  color: #cccccc;
  border: 0;
  }

select {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
}

#main
{
  font-family: ${FONT_FAMILY}; 
  font-size: 11px; 
  color:#000000; 
  line-height: 16px;
}

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

a img {border: none; } 


a:hover {
  color: #${LINK_HOVER_COLOR};
  text-decoration:none;
}

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

#logo_subtitle_link {
  font:11px ${FONT_FAMILY};
  color: 666666;
  display:block;
  line-height:20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

#intro_title{
  font-family: ${FONT_FAMILY};
  font-size:18px;
  color: black;
  border-bottom: 3px solid #${ORANGE_COLOR};
  display:block;
}

#intro_text{
  font: 13px ${FONT_FAMILY};
  color:black;
  text-align:center;
  line-height: 18px;
}

#intro_text_small {
  font: 11px ${FONT_FAMILY};
  color: black;
  text-align: left;
}


/** This is the slogan text in the topbar. */
#slogan {
  font-family: ${FONT_FAMILY};
  font-size:18px;
  color: #${SLOGAN_FONT_COLOR};
  background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
  border-bottom: 3px solid #${ORANGE_COLOR};
  display:none;
}


#label {
  font:bold 11px ${FONT_FAMILY};
  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 ${FONT_FAMILY};  
  background-color: #${TABLE_HEADER_BACKGROUND_COLOR};
  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 ${FONT_FAMILY};  
  background-color: #${FOOTER_BACKGROUND_COLOR};
  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 ${FONT_FAMILY};
  color: #000000;
  text-decoration: none;
  display:block;
  text-align: center;
  padding-left: 5px;
  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_top {
  height: 5px;
}

#view_section_image_cell {
  font:bold 11px ${FONT_FAMILY};
  margin: 0px;
  padding: 0px;
  color: white;
  width: 110px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_1 {
  font:bold 11px ${FONT_FAMILY};
  margin: 0px;
  padding: 0px;
  color: white;
  width: 19px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_2 {
  font:bold 11px ${FONT_FAMILY};
  margin: 0px;
  padding: 0px;
  color: white;
  white-space: nowrap;
  width: 45px;
  background-color: white; 
}

#view_section_image_cell_3 {
  font:bold 11px ${FONT_FAMILY};
  margin: 0px;
  padding: 0px;
  color: white;
  width: 65px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_4 {
  font:bold 11px ${FONT_FAMILY};
  margin: 0px;
  padding: 0px;
  color: white;
  width: 76px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_5 {
  font:bold 11px ${FONT_FAMILY};
  margin: 0px;
  padding: 0px;
  color: white;
  width: 110px;
  white-space: nowrap;
  background-color: white; 
}

#view_section_image_cell_6 {
  font:bold 11px ${FONT_FAMILY};
  margin: 0px;
  padding: 0px;
  color: white;
  width: 124px;
  white-space: nowrap;
  background-color: white; 
}


/** WAS: #view_section_image */
.cpn_table_icon {
  font:bold 11px ${FONT_FAMILY};
  margin: 0px;
  padding: 0px;
  color: white;
}

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

#common_text {
  font: 11px ${FONT_FAMILY};
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
}

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

#view_section_label_left {
  font:bold 11px ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: left;
}

#view_section_label_center {
  font:bold 11px ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: center;
}

#view_section_table_header {
  font:bold 11px ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: left;
}

#view_section_label_default {
  font:bold 11px ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: right;
  vertical-align: top;
}

#view_section_label_top {
  font:bold 11px ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 6px;
  vertical-align: top;
  height: 19px;
}

#view_section_detail {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 16px;
}

#view_section_detail_wrap {
  font:11px ${FONT_FAMILY};
  padding-left: 20px;
  padding-right: 20px;
  height: 16px;
}

.view_section_detail_wrap_small {
  font:10px ${FONT_FAMILY};
  padding-left: 20px;
  padding-right: 20px;
  height: 16px;
}

#view_section_detail_indented {
  font:9px ${FONT_FAMILY};
  color: 999999;
  padding-left: 44px;
  padding-right: 20px;
  height: 16px;
}

#note {
  font: bold 8px ${FONT_FAMILY};
  padding-left: 10px;
  color: 666666;
  position: relative;
  top: -.2em;
}

#view_section_value {
  font:11px ${FONT_FAMILY};
  width: 100%;
  white-space: nowrap;
}

#view_section_value_wrap {
  font:11px ${FONT_FAMILY};
  width: 100%;
}

.view_section_input {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
  width: 200px;
}

.view_section_input_64 {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
  width: 200px;
}

.view_section_input_64_required {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
  width: 200px;
  background-color: FFFF99;
}

.view_section_input_128 {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
  width: 400px;
}

.view_section_input_128_required {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
  width: 400px;
  background-color: FFFF99;
}

.view_section_input_254 {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
  width: 100%;
}

.view_section_input_254_required {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
  width: 100%;
  background-color: FFFF99;
}

.view_section_input_255 {
  font:9px ${FONT_FAMILY};
  margin-top: 3px;
  width: 100%;
}

.view_section_input_255_required {
  font:9px ${FONT_FAMILY};
  white-space: nowrap;
  margin-top: 3px;
  width: 100%;
  background-color: FFFF99;
}

#data_area {
  padding-right: 10px;
}

#view_section_entry {
  font:11px ${FONT_FAMILY};
  width: 100%;
  white-space: nowrap;
  padding-left: 40px;
}

#view_section_entry_wrap {
  font:11px ${FONT_FAMILY};
  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: ${FOOTER_BACKGROUND_COLOR}; 
 }

/** 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 ${FONT_FAMILY};
  width: 100%;
  white-space: nowrap;
  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;
  ${BUTTON_TOP_DISPLAY}
}

/** 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 ${FONT_FAMILY};
  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_large {
  font:9px ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  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_large {
  font:9px ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  padding-top: 10px;
  padding-bottom: 10px;
}

#confirmation_message_left {
  font:  11px ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  background-color: #${PAGE_HELP_BACKGROUND_COLOR};
  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 ${FONT_FAMILY};
  background-color: #${ALERT_BOX_BACKGROUND_COLOR};
  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 ${FONT_FAMILY};
  background-color: #${INTERNAL_DESCRIPTION_BACKGROUND_COLOR}; 
  padding-top: 2px;
  padding-bottom: 0px;
  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 ${FONT_FAMILY};
  background-color: #${INTERNAL_DESCRIPTION_BACKGROUND_COLOR}; 
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 22px;
  padding-right: 0px;
  border-collapse: collapse;
  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 ${FONT_FAMILY};
  background-color: #${INTERNAL_DESCRIPTION_BACKGROUND_COLOR};
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 0px;
  border-collapse: collapse;
  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: #${INTERNAL_DESCRIPTION_BACKGROUND_COLOR};
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 22px;
  padding-right: 10px;
  border-collapse: collapse;
  width: 100%;
}

#navigation-single a {
  font:bold 11px ${FONT_FAMILY};
  color: #${UNSELECTED_TAB_FONT_COLOR};
  background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
  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 #${ORANGE_COLOR};
}

#navigation {
  height: 22px;
  background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
}

/** This is the non-selected tabs in the topbar. */
#navigation a {
  font:bold 11px ${FONT_FAMILY};
  color: #${UNSELECTED_TAB_FONT_COLOR};
  background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
  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: #${SELECTED_TAB_BACKGROUND_COLOR};
}
  
#navigation-space {
  height: 1px;
  background-color: #${MENU_SEPARATOR_COLOR};
}

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

#navigation_fill {
    height: 0px;
}
  
/** This is the selected tab in the topbar. */  
#navigation_selected a {
  font:bold 11px ${FONT_FAMILY};
  color: ${SELECTED_TAB_FONT_COLOR};
  text-decoration: none;
  letter-spacing:.1em;
  line-height:2px;
  display:block;
  padding:10px 10px 10px 10px;
  background: none;
  background-color: ${SELECTED_TAB_BACKGROUND_COLOR};
  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: #${UNSELECTED_TAB_FONT_COLOR};
  text-decoration: none;
  
  }

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

#orange {
  background-color: #${ORANGE_COLOR};
}

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


#navigation_list {
  font:bold 13px ${FONT_FAMILY}; 
  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 ${FONT_FAMILY};
  color: #666666;
  text-align: left;
  padding-left: 20px;
}


#logo {
  font:20px ${FONT_FAMILY};
  color: #CC3300;
  line-height:24px;
  letter-spacing:.4em;
  }

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

/* Class Styles */

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

#subNavigation {
  margin: 5px;
}

#subNavigation a {
  font:bold 11px ${FONT_FAMILY};
  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: #${LINK_HOVER_COLOR};
    text-decoration: none;
}


/* END OF ITEMS IN THE TOPBAR */

#disabled-option {
  color: #999999;
  font-family: ${FONT_FAMILY};
  font-size:8px;
  font-style: normal;
}

#topbar-table {
  background-color: #${MENU_BACKGROUND_COLOR};
}

#left-menu-table {
  width: 193px;
  background-color: #${MENU_BACKGROUND_COLOR}; 
  padding-top: 40px;
  border-right: 1px solid #${UNSELECTED_TAB_BACKGROUND_COLOR};
}

#bottombar-space {
  height: 0px;
}

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

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

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

#bottombar {
  background-color: #${BOTTOM_BAR_BACKGROUND_COLOR};
}

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

#data_table_login {
  border: 1px solid #${UNSELECTED_TAB_BACKGROUND_COLOR};
}

#left-navigation_selected a:hover {
  color: ${SELECTED_TAB_FONT_COLOR};
}

#main-table {
  background-color: ${UNSELECTED_TAB_BACKGROUND_COLOR};
}

/** These relate to the supported_settings pages. */
#setting-header {
  font:bold 11px ${FONT_FAMILY};
  white-space: nowrap;
  height: 19px;
}

#setting-note {
    font: 10px ${FONT_FAMILY};
  color: black;
}

#setting-label {
  font:bold 11px ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
}

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

#setting-detail {
  font:10px ${FONT_FAMILY};
  padding-left: 35px;
  padding-right: 20px;
  height: 19px;
}

#table-tab-title {
  font:bold 11px ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  height: 19px;
  text-align: right;
   background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
  color: #${UNSELECTED_TAB_FONT_COLOR};
}

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

#table-tab-unselected {
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
  color: #${UNSELECTED_TAB_FONT_COLOR};
  text-align: center;
}

#table-tab-unselected a {
  background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
  color: #${UNSELECTED_TAB_FONT_COLOR};
  text-decoration: none;
}

#table-tab-unselected a:hover {
  color: #${UNSELECTED_TAB_FONT_COLOR};
  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 ${FONT_FAMILY};
  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 ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 2px;
  padding-right: 8px;
  height: 19px;
  text-align: right;
  vertical-align: middle;
}

#additional_settings_checkbox_label {
  font: 10px ${FONT_FAMILY};
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  height: 19px;
  text-align: left;
}

.inset_info {
  background-color: #${INTERNAL_DESCRIPTION_BACKGROUND_COLOR}; 
  font:bold 8px ${FONT_FAMILY};
 
}

.cpn_download:focus {
  background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
}

.cpn_download {
  font:bold 11px ${FONT_FAMILY};
  color: white;
  background-color: #${UNSELECTED_TAB_BACKGROUND_COLOR};
  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: #${ORANGE_COLOR};
}

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

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

.pagelayout-bottom-bar {
  border-top: 1px solid #${UNSELECTED_TAB_BACKGROUND_COLOR};
  background-color: #${ORANGE_COLOR};
  height: 6px;
}

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

.pagelayout-bottom-copyright {
  float: left; 
  padding-left: 40px;
  font:9px ${FONT_FAMILY};
  color: 666666;
}

.pagelayout-bottom-contactus {
  float:right; 
  padding-right: 120px;
  font:10px ${FONT_FAMILY};
}

.pagelayout-center {
  background-color: #${MENU_BACKGROUND_COLOR}; 
}

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