/* -------------------------------------------------------------------------------- */
/*
 * Default styles for ISC customer pages.
 *
 * All pages have the following approximate structure:
 *
 * - div#wrapper (inside the body))
 * -   div#header
 * -   div#content
 * -   div#footer
 *
 * Originally much of the header and content was formatted using HTML tables.
 * This is the 'old-style' formatting.
 * Now, in 'new-style' formatting, the screens use divs to layout the page (although
 * tables are used where appropriate).
 * You may change between old-style and new-style by editing isc.cfg.
 */
/* -------------------------------------------------------------------------------- */

body
{
  background: white;
  border-top: 22px solid #0066CC;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
  color: #0066CC;
}

/*
 * The div#wrapper is at the top level inside the body and includes the
 * div#header, div#content and div#footer.
 * This allows for fixed-style displays to be designed
 */
#wrapper
{
}

/*
 * The div#header includes the navigation bars and the top hr tag
 */
#header
{
}

/*
 * The div#content is between the #header and the #footer
 */
#content
{
}

/*
 * The div#footer includes the bottom hr tag and the credits line
 */
#footer
{
  clear: both;
  color: #0066CC;
}

#header, #content, #footer
{
  /* Useful for debugging ...
  border-width: 2px;
  border-style: solid;
  border-color: green;
  */
}

/* -------------------------------------------------------------------------------- */
/*
 * Navigation Bar
 */
#header ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}   

#header li
{
  float: left;
  margin-bottom: 10px;
  margin-right: 2px;
}

a.isc_navbutton
{
  color: black;
  display: inline;
  padding: 3px 10px 3px 10px;
  line-height: 2.1em;
  border-width: 2px;
  border-color: darkgray gray gray darkgray;
  border-style: outset;
  background-color: #bbbbbb;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  font-size: small;
}

a.isc_navbutton:visited
{
  color: purple;
}

a.isc_navbutton:hover
{
  color: black;
} 

/*
 * The product name, site name and bank name are currently not displayed by default
 * in the header.
 */
#header_product
{
  display: none;
}

#header_site
{
  display: none;
}

#header_bank
{
  display: none;
}

/*
 * The logo (normally ../data/icons/Logo.gif
 */
#logo
{ 
  float: right;
  margin-bottom: 10px;
}

/*
 * The final HR in the header
 */
#header hr
{
  clear: both;
}

/* -------------------------------------------------------------------------------- */
/*
 * Messages on each ISC page
 */
.isc_message
{ 
  color: #0066CC;
}

/* -------------------------------------------------------------------------------- */
/*
 * Tables used for laying out the page
 */
table.layout_table > tr > th, table.layout_table > tr > td
{
  border-style: none;
}

/*
 * All tables on all isc screens use the isc_table class (and normally another
 * class to identify which table)
 */
table.isc_table
{
  background-color: white;
  border-collapse: collapse;
}

table.isc_table td
{
  padding: 10px;
}

table.isc_table th
{
  background-color: #cccccc;
}

.odd_row
{
	background-color: white;
}

.even_row
{
	background-color: #E4E4E4;
}

.total_row
{
	background-color: #E4E4E4;
}

.isc_id
{
	background-color: #eeeeee;
}

.isc_pw
{
	background-color: #dddddd;
}

.isc_newpw
{
	background-color: #cccccc;
}

tr.roles td, tr.name td
{
	background-color: #eeeeee;
}

tr.isc_submit > td 
{
  background-color: #bbbbbb;
  text-align: center;
}

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_login.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 *
 */
table.isc_login_table
{
}

table.isc_login_table th, table.isc_login_table td
{
  font-weight: normal;
  text-align: left;  
  padding: 5px; 
  border-width: 0px;
}

table.isc_login_table td
{
  font-weight: bold;
}

/*
 * Remove borders from the password display
 */
table.isc_login_table table
{
  border-collapse: collapse;
}

/*
 * New-style formatting on the isc_login.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_login_div
 * -       div#isc_login_advisory
 * -       div#isc_login_loginmsg
 * -       div#isc_login_credentials
 * -       div#isc_login_loginmotd
 * -       div#isc_login_power_options
 * -   div#footer
 *
 */
div#isc_login_div
{ 
  background-color: lightcyan;
}

div#isc_login_advisory
{
  background-color: darkseagreen;
  padding: 5px;
}

div#isc_login_loginmsg
{
  background-color: lightcyan;
  float: left;
  width: 31%;
  padding: 1%;
}

div#isc_login_credentials
{
  background-color: lightcyan;
  float: left;
  width: 31%;
  padding: 1%;
}

div#isc_login_credentials table
{
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  text-align: left;  
  padding: 10px; 
  border-width: 0px;
}

div#isc_login_loginmotd
{
  background-color: darkseagreen;
  clear: both;
  padding: 5px;
}

div#isc_login_power_options
{
  background-color: lightcyan;
}

div#isc_login_power_options table
{
  border-collapse: collapse;
}

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_download_portal.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 *
 */

/* Same as for login screen: table.isc_login_table */

/*
 * New-style formatting on the isc_download_portal.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_download_div
 * -       div#isc_download_sidebar
 * -         div#isc_download_advisory
 * -         div#isc_download_loginmsg
 * -         div#isc_download_credentials
 * -           table.isc_login_table
 * -         div#isc_download_loginmotd
 * -   div#footer
 *
 */
div#isc_download_div
{
  background-color: lightcyan;
}

div#isc_download_advisory
{ 
  background-color: darkseagreen;
  padding: 1%;
  width: 98%;
}

div#isc_download_loginmsg
{
  background-color: lightcyan;
  float: left;
  width: 31%;
  padding: 1%;
}

div#isc_download_credentials
{
  background-color: lightcyan;
  float: left;
  width: 31%;
  padding: 1%;
}

div#isc_download_credentials table
{
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  text-align: left;  
  padding: 10px; 
  border-width: 0px;
}

div#isc_download_loginmotd
{
  background-color: darkseagreen;
  clear: both;
  padding: 5px;
}

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_menu.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 *
 */
table.isc_welcome_table em 
{
  font-weight: bold;
}

table.isc_menu_welcome_table
{
}

table.isc_menu_welcome_table th, table.isc_menu_welcome_table td
{
  font-weight: normal;
  padding: 10px; 
}

/*
 * Note: isc_menu_lockbox_table was previously isc_lockbox_table.
 * The old classname is still available for backward compatibility.
 * This table is still in the new formatting below.
 */
table.isc_menu_lockbox_table
{ 
}

table.isc_menu_lockbox_table th, table.isc_menu_lockbox_table td
{
    padding: 5px;
    font-weight: bold;
}

/*
 * The site table on the isc_menu.cgi screen (operator login)
 */
table.isc_site_table
{
  padding: 5px;
  border-width: 5px;
  border-color: darkgray gray gray darkgray;
  border-style: solid;
}

table.isc_site_table th, table.isc_site_table td
{
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

/*
 * New-style formatting on the isc_menu.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_menu_div
 * -       div#isc_menu_sidebar
 * -         div#isc_menu_welcome
 * -         div#isc_menu_logged_on_as
 * -         div#isc_menu_message
 * -         div#isc_menu_options
 * -           div#isc_menu_option_table
 * -         div#isc_menu_welcomemotd
 * -       div#isc_menu_lockbox
 * -         table#isc_menu_lockbox_table
 * -   div#footer
 *
 * The 'sidebar' including the welcome, the 'logged on as' userid, a message and
 * the tables of options.
 *
 * The div#isc_menu_lockbox and table#isc_menu_lockbox_table are replaced by
 * div#isc_menu_site and table#isc_menu_site_table for operator logins.
 */
div#isc_menu_div
{
}

div#isc_menu_sidebar
{
  padding: 1%;
  float: left;
  width: 38%;
  background-color: lightcyan;
}

div#isc_menu_welcome
{
  padding: 10px;
}

div#isc_menu_logged_on_as
{
  font-style: italic;
  padding: 10px;
}

div#isc_menu_message
{
  padding: 10px;
}

div#isc_menu_options
{
  padding: 10px;
}

/*
 * The option table on the isc_menu.cgi screens
 */
table.isc_menu_option_table
{
}

table.isc_menu_option_table th, table.isc_menu_option_table td
{
  font-weight: normal;
  padding: 10px; 
  text-align: left;
}

div#isc_menu_welcomemotd
{
  padding: 10px;
}

/*
 * The lockbox and site table on the isc_menu.cgi screen
 */
div#isc_menu_lockbox, div#isc_menu_site
{
  width: 58%;
  padding: 1%;
  float:left;
}

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_changepw.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 *
 */
table.isc_changepw_table
{ 
}

table.isc_changepw_table th, table.isc_changepw_table td
{
  padding: 5px;
  border-width: 0px;
}

/*
 * New-style formatting on the isc_changepw.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_changepw_div
 * -       div#isc_changepw_logged_on_as
 * -       div#isc_changepw_welcome
 * -       div#isc_changepw_form
 * -         table.isc_table
 * -       div#isc_changepw_checks
 * -   div#footer
 *
 */
div#isc_changepw_div
{ 
  background-color: lightcyan;
}

div#isc_changepw_logged_on_as
{ 
  font-style: italic;
  padding: 1%;
}

div#isc_changepw_welcome
{ 
  padding: 1%;
}

div#isc_changepw_form
{
  padding: 1% 5% 1% 5%;
  float: left;
  background-color: lightcyan;
  width: 40%;
}

div#isc_changepw_form table th, div#isc_changepw_form table td
{
  padding: 5px;
  border-width: 0px;
}

div#isc_changepw_checks
{ 
  padding: 1% 2% 1% 0%;
  float: left;
  width: 48%;
  background-color: darkseagreen;
}

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_contact.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 */
table.isc_contact_table
{ 
  border-spacing: 0px;
}

table.isc_contact_table th, table.isc_contact_table td
{
  font-weight: normal;
  text-align: left;
  padding: 10px; 
  border-width: 0px;
}

/*
 * New-style formatting on the isc_contact.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_contact_div
 * -         div#isc_contact_logged_on_as
 * -         div#isc_contact_welcome
 * -         div#isc_contact_info
 * -           table.isc_contact_table
 * -         div#isc_contact_buttons
 * -   div#footer
 *
 */
div#isc_contact_div
{ 
  background-color: lightcyan;
}

div#isc_contact_logged_on_as
{ 
  font-style: italic;
  padding: 10px;
}

div#isc_contact_welcome
{ 
  padding: 10px;
}

div#isc_contact_info
{ 
  padding: 10px;
}

div#isc_contact_buttons
{ 
  padding: 10px;
  text-align: center;
}

div#isc_contact_buttons ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}   

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_admin.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 *
 */
table.isc_admin_welcome_table th, table.isc_admin_welcome_table td
{
  font-weight: normal;
  text-align: left;  
  padding: 5px; 
}

table.isc_admin_welcome_table em
{
font-weight: bold;
}

table.isc_admin_table
{
  width: 100%;
  padding: 5px;
  border-width: 5px;
  border-color: darkgray gray gray darkgray;
  border-style: solid;
}

table.isc_admin_table th, table.isc_admin_table td
{
  padding:5px;
  border-width: 2px;
  border-style: groove;
  border-color: darkgray gray gray darkgray;
}

table.isc_admin_table th
{
  text-align: left;
}

table.isc_admin_table em
{
  font-weight: normal;
}

/*
 * New-style formatting on the isc_admin.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_admin_div
 * -       div#isc_admin_logged_on_as
 * -       div#isc_admin_welcome
 * -       div#isc_admin_buttons
 * -       div#isc_admin_users
 * -         table.isc_admin_table
 * -   div#footer
 */

div#isc_admin_div
{
  background-color: lightcyan;
}

div#isc_admin_logged_on_as
{
  font-style: italic;
  padding: 10px;
}

div#isc_admin_welcome
{
  padding: 10px;
  float: left;
}

div#isc_admin_buttons
{
  padding: 10px;
  float: left;
}

div#isc_admin_buttons ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#isc_admin_users
{
  clear: both;
}

div#isc_admin_users table
{
  width: 100%;

}

div#isc_admin_users table th
{
  padding: 1%;
  font-weight: normal;
  text-align: left;
}

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_lboxadmin.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 */
table.isc_lboxadmin_welcome_table th, table.isc_lboxadmin_welcome_table td
{
  font-weight: normal;
  text-align: left;  
  padding: 5px; 
}

table.isc_lboxadmin_welcome_table em
{
font-weight: bold;
}

table.isc_lboxadmin_table
{
  border-width: 5px;
  border-color: darkgray gray gray darkgray;
  border-style: solid;
}

table.isc_lboxadmin_table th, table.isc_lboxadmin_table td
{
  font-weight: normal;
  text-align: left;
  padding: 5px; 
  border-width: 2px;
  border-style: groove;
  border-color: darkgray gray gray darkgray;
}

table.isc_lboxadmin_table th
{
font-weight: bold;
}

/*
 * New-style formatting on the isc_admin.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_lboxadmin_div
 * -       div#isc_lboxadmin_logged_on_as
 * -       div#isc_lboxadmin_groups
 * -         table.isc_table
 * -       div#isc_lboxadmin_welcome
 * -       div#isc_lboxadmin_buttons
 * -       div#isc_lboxadmin_user_table
 * -         table.isc_lboxadmin_table
 * -       div#isc_lboxadmin_welcome2 # Repeat of isc_lboxadmin_welcome
 * -       div#isc_lboxadmin_buttons2 # Repeat of isc_lboxadmin_buttons
 * -   div#footer
 */
div#isc_lboxadmin_div
{
  background-color: lightcyan;
}

div#isc_lboxadmin_logged_on_as
{
  font-style: italic;
  padding: 1%;
}

div#isc_lboxadmin_groups
{
  padding: 1%;
  width: 98%;
}

div#isc_lboxadmin_groups table
{
  width: 100%;

}

div#isc_lboxadmin_groups table th
{
  padding: 1%;
  font-weight: normal;
  text-align: left;
}

div#isc_lboxadmin_welcome, div#isc_lboxadmin_welcome2
{
  padding: 1%;
  float: left;
}

div#isc_lboxadmin_buttons, div#isc_lboxadmin_buttons2
{
  padding: 1%;
  float: left;
}

div#isc_lboxadmin_welcome2
{
  display: none;
}

div#isc_lboxadmin_buttons2
{
  display: none;
}

div#isc_lboxadmin_buttons ul, div#isc_lboxadmin_buttons2 ul
{
  margin: 0;
  padding: 0%;
  list-style-type: none;
}   

div#isc_lboxadmin_lockbox_table
{
  padding: 0%;
  clear: both;
}

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_logout.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 */
table.isc_logout_table
{
}

table.isc_logout_table th, table.isc_logout_table td
{
  font-weight: normal;
  text-align: left;
  padding: 5px; 
}

table.isc_logout_table td
{
  font-weight: bold;
}

/*
 * New-style formatting on the isc_logout.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_logout_div
 * -       div#isc_logout_advisory
 * -       div#isc_logout_reason
 * -   div#footer
 *
 */
div#isc_logout_div
{ 
}

div#isc_logout_advisory
{ 
  background-color: darkseagreen;
  padding: 1%;
  width: 98%;
}

div#isc_logout_logoutmsg
{ 
  background-color: lightcyan;
  padding: 1%;
  width: 98%;
  border-width: 0px;
  border-bottom-width: 25px;
  border-style: solid;
  border-color: darkseagreen;
}

/* -------------------------------------------------------------------------------- */
/*
 * Old-style table formatting on the isc_error.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     old-style table containing all control elements
 * -   div#footer
 *
 */
table.isc_error_table
{
}

table.isc_error_table th
{
  font-weight: normal;
  text-align: left;
  padding: 10px; 
}

table.isc_error_table td
{
  font-weight: bold;
  text-align: left;
  padding: 10px;  
}

/*
 * New-style formatting on the isc_error.cgi screen.
 * The structure of the screen is approximately:
 *
 * - div#wrapper
 * -   div#header
 * -   div#content
 * -     div#isc_error_div
 * -       div#isc_error_advisory
 * -       div#isc_error_reason
 * -       div#isc_error_login     (div always present but message may be blank)
 * -       div#isc_error_internal  (div always present but message visible only in power mode))
 * -   div#footer
 *
 */
div#isc_error_div
{ 
}

div#isc_error_advisory
{ 
  background-color: darkseagreen;
  padding: 1%;
  width: 98%;
}

div#isc_error_reason
{ 
  font-weight: bold;
  background-color: lightcyan;
  padding: 1%;
  width: 98%;
}

div#isc_error_login
{ 
  background-color: lightcyan;
  padding: 1%;
  width: 98%;
}

div#isc_error_internal
{ 
  background-color: darkseagreen;
  padding: 1%;
  width: 98%;
  min-height: 20px;
}

/* -------------------------------------------------------------------------------- */
/*
 * $Copyright: 1999-2012 Vicor Inc. All rights reserved. $
 *
 * $Header: /repos/projects/allbase/isc/css/isc.css,v 1.7 2013/08/01 18:22:42 davep Exp $
 *
 * $Log: isc.css,v $
 * Revision 1.7  2013/08/01 18:22:42  davep
 * CCR 153
 *
 * Revision 1.6  2012/12/26 23:22:13  davep
 * More Wells changes
 *
 * Revision 1.5  2012/12/20 17:10:13  davep
 * Fixes
 *
 * Revision 1.4  2012/12/18 19:45:10  davep
 * New layout model
 *
 * Revision 1.3  2012/10/19 21:37:15  davep
 * Updates to ISC screens to avoid message parameter being passed between scripts
 *
 * Revision 1.2  2011/01/21 19:06:55  davep
 * Use CSS style sheet to display navigation buttons in the isc screens
 *
 *
 */
/* -------------------------------------------------------------------------------- */