/* Header stuff */
.waffle_waiting_div
{
    position: absolute;
    background-color: #000000;
    z-index: 1000001;
}

/* 
 * loading status div attributes 
 */
.waffle_form_status
{
    background-image: url(images/bkgdgradient_full.jpg);
    background-repeat:repeat;
    margin-top: 0;
    margin-left: 0;
    top: 0;
    left: 0;
    z-index: 5001;
    position: absolute;
    width: 100%;
    height: 100%;
}

.waffle_form_status_anim
{
    font-size: 10pt;
    font-weight: bold;
    position: absolute;
    margin: auto;
    z-index:5002;
    background-color: #DDDDDD;
    border: 2px solid #555555;
    padding: 50px;
}
/* end - loading status div */

.waffle_blocking_layer
{
    position: relative;
    display: none;
    background-color: #DDDDDD;
    border: 1px solid #555555;
}

#waffle_debug_div
{
    position: absolute;
    background-color: #739cc8;
    color: white;
    top: 10px;
    left: 10px;
    width: 90%;
    height: 90%;
    text-align: right;
}

#waffle_debug_div a, #waffle_debug_div a:hover, #waffle_debug_div a:visited
{
    color: white;
    padding-right: 10px;
    text-decoration: none;
    font-family: tahoma, arial, trebuchet ms;
}

#waffle_debug_msg_div
{
    position: relative;
    background-color: black;
    color: yellow;
    top: 1em;
    width: 100%;
    height: 90%;
    overflow: auto;
    text-align: left;
}

#waffle_debug_msg_div table
{
    font-family: tahoma, arial, trebuchet ms;
    color: white;
}

#waffle_page_container
{
    height: 99%;
    width : auto;
}

body
{
    font-family: tahoma, arial, trebuchet ms;
    background-image: url(images/bkgdgradient_full.jpg);
    background-repeat: repeat;
    margin: 6px 6px 6px 0;
}

body.login
{
    text-align:center;
    background-color: #F5F5F5;
    background-image: none;
}

body.sub_page
{
    background-image: none;
    background-color: white;
}

#default_page
{
    background-image: url(images/intro.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    height: 500px;
    border: 1px solid black;
    margin-top: 20px;
}

#debug_log
{
    height: 330px;
    width: 100%;
    overflow: auto;
}

#login_div
{
    width: 624px;
    height: 414px;
    margin: auto;
    background-image: url(images/Login_SEC_Web_BG.jpg);
    background-repeat: no-repeat;
}

#login_connect_div, #connect_div
{
    font-size: 9pt;
    font-weight: bold;
}

#login_connect_div a
{
    text-decoration: none;
}

#login_connect_div a:hover
{
    color: white;
    background-color: #739cc8;
}

#login_form_div, #connect_form_div
{
    margin-top: 25px;
}

#login_error_div
{
    font-weight:bold;
    font-size: 16px;
    position:relative;
    padding-bottom: 25px;
}

h4
{
    font-family: arial, helvetica;
}

#page_top
{
    padding-bottom: 10px;
}

#site_logo
{
    float: right;
    margin-right: 20px;
}

#page_title, .search_title
{
    font-family: trebuchet ms, arial;
    font-size: 11pt;
    font-weight: bold;
    color: black;
}

#menu_trail
{
    font-family: tahoma, arial;
    font-size: 8pt;
    color: #525252;
}

#sub_title
{
    text-align: center;
    font-size: 16px;
    font-family: verdana;
    font-weight: bold;
    padding: 10px 0 0 0;
}

#site_logout
{
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(images/close_dim_g.gif);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin-right: 10px;
}

#site_logout.rollover
{
    background-image: url(images/close_g.gif);
}

#site_help
{
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(images/help_dim_g.gif);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

#site_help.rollover
{
    background-image: url(images/help_g.gif);
}

/* FORM/GRID STYLES */
div.cal_img
{
    display: inline;
    cursor: pointer;
    height: 16px;
    width: 17px;
    padding: 0px 8px 2px 10px; /* This is here to trick Firefox into displaying this since there is no FLOAT property */
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(images/calendar_g.gif);
}

div.lkp_img
{
    display: inline;
    cursor: pointer;
    height: 16px;
    width: 16px;
    padding: 0px 8px 0px 8px; /* This is here to trick Firefox into displaying this since there is no FLOAT property */
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(images/srch_16.gif);
}

div.grid
{
    width: 100%;
    overflow: auto;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    margin: 0;
    padding: 0;
}

div.fresh_date
{
    text-align: right;
    font-size: 10px;
    color: #c0c0c0;
}

div.grid_mnt_hdr
{
    width: 100%;
}

div.grid_mnt_body
{
    width: 100%;
    height: 150pt;
    overflow: scroll;
    background-color: white;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
}

.center
{
    text-align: center; /* IE centering */
    margin: auto; /* Firefox centering */
}

.disclaimer
{
    font-size: 9px;
    text-align: center; /* IE centering */
    margin: auto; /* Firefox centering */
    margin-bottom: 0px;
    padding-bottom: 0px;
}


table.grid_table.action
{
    width: 100%;
    border-left: thin ridge white;
    border-right: thin ridge white;
    border-top: thin ridge white;
    background-color: #cc0000;
    color: white;
}

img.up_down
{
    border: 0;
}

img.boolean
{
    border: 0;
}

img
{
    border: 0;
}

table.grid_table
{
    width: auto;
overflow: scroll;
}

th
{
    font-size: 13px;
}

th.action_bar
{
    text-align: left;
    border: 0;
}

th.rows_to_show
{
    text-align: center;
    border: 0;
}

th.page_select
{
    text-align: left;
    border: 0;
}

tr.odd
{
    font-family: tahoma, arial;
    font-size: 8pt;
    background-color: #eaeaea;
    color: black;
}

tr.even
{
    font-family: tahoma, arial;
    font-size: 8pt;
    background-color: white;
    color: black;
}

tr.selected
{
    font-family: tahoma, arial;
    font-size: 8pt;
    background-color: #739cc8;
    color: white;
}

tr.totals
{
    color: black;
    background-color: #bfbfbf;
    text-align: right;
    font-size: 8pt;
}

tr.sub_row_title_odd
{
    font-size: 9pt;
    font-weight: bold;
}

tr.sub_row_title_even
{
    font-size: 9pt;
    font-weight: bold;
}

tr.sub_row
{
    font-size: 9pt;
}

.folded_row
{
    border: thin solid #cc0000;
}

th.sub_row
{
}

tr.action_buttons
{
    text-align: center;
}

td
{
}

td.grid_cell
{
    padding-right: 5px;
    padding-left: 5px;
    border-left: 1px solid #c0c0c0;
    white-space: nowrap;
}

td.grid_cell_nowrap
{
    padding-right: 5px;
    padding-left: 5px;
    border-left: 1px solid #c0c0c0;
    white-space: nowrap;
}

td.sub_row_cell
{
    border: 1px solid;
}

table.sub_table
{
    border: 2px inset;
    margin-left: 1%;
}

.sub_row_img
{
    cursor: pointer;
    border: 0;
}

td.field_name_cell, .field_name, .waffle_label
{
    font-size: 9pt;
    font-weight: normal;
    padding: 0 0 0 5px;
}

.waffle_label.alignleft
{
    text-align: left;
}

.waffle_label.alignright
{
    text-align: right;
}

.waffle_label.aligncenter
{
    text-align: center;
}

label.disabled
{
    color: #9e9e9e;
}

label.uom
{
    font-size: 9pt;
    font-weight: normal;
    text-decoration: underline;
    text-align: left;
    color: #0000FF;
}

label.currency
{
    font-size: 9pt;
    font-weight: normal;
    text-decoration: underline;
    text-align: left;
    color: #0000FF;
}

td.field_name_cell.required
{
    color: #cc0000;
}

td.field_name_cell.disabled
{
    color: #9e9e9e;
}

td.field_contents_cell
{
    border: 1px solid black;
    width: 200px;
    font-size: 12px;
    background-color: white;
}

.column_title
{
    text-align: left;
    font-family: tahoma, arial;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    background-color: #eaeaea;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
    padding-left: 5px;
}

.column_title.nosort
{
    cursor: auto;
}

.column_title.sort
{
    background-color: #739cc8;
    color: white;
}

#column_sort_asc
{
    background-image: url(images/sort_up_g.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: right;
}

#column_sort_desc
{
    background-image: url(images/sort_down_g.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: right;
}

.column_title.action_col
{
    cursor: auto;
    text-align: center;
    padding-left: 0;
}

.action_cell
{
    background-image: url(images/back-gradient.jpg);
    background-repeat: repeat-x;
    width: 100%;
    color: white;
    height: 18px;
}

.grid_fold
{
    position: relative;
    height: 10px;
    width: 10px;
    display: inline;
    cursor: pointer;
    margin: 1px 15px 1px 1px;
    padding: 0px 8px 0px 8px; /* This is here to trick Firefox into displaying this since there is no FLOAT property */
    background-repeat: no-repeat;
    background-position: center center;
}

.grid_fold.expand
{
    background-image: url(images/expand.gif);
}

.grid_fold.collapse
{
    background-image: url(images/collapse.gif);
}

/* Export buttons */
#export_section
{
    position: relative;
    float: left;
    display: inline;
}

#page_section
{
    width: 150px;
    float: left;
}

#row_section
{
    width: 150px;
    float: left;
}

#icon_section
{
    width: 150px;
    float: left;
}

#record_section
{
    width: 100px;
    float: right;
    text-align: right;
}

#grid_form
{
    position: relative;
    display: block;
}

.export_button
{
    cursor: pointer;
    height: 16px;
    width: 16px;
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center center;
}

#action_anchor, .action_anchor
{
    background-image: url(images/next_16.gif);
    width: 16px;
    /* background-image: url(images/actions_g.gif);
    width: 16px; */
    height: 16px;
}

.dash_info_anchor
{
    background-image: url(images/sinfo_16x16.gif);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 10px;
}

#export_dash
{
    background-image: url(images/add_16.gif);
}

#export_print
{
    background-image: url(images/print_g.gif);
}

#export_copy_to_clipboard
{
    background-image: url(images/copy_16.png);
}

#export_excel
{
    background-image: url(images/excel_g.gif);
}

#export_word
{
    background-image: url(images/word_g.gif);
}

/* Scroll Buttons */
.scroll_button
{
    position: relative;
    display: inline;
    float: none;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin: 1px 1px 1px 1px;
    padding: 0px 8px 0px 8px; /* This is here to trick Firefox into displaying this since there is no FLOAT property */
    background-repeat: no-repeat;
    background-position: center center;
}

#scroll_right
{
    background-image: url(images/fwd_g.gif);
}

#scroll_left
{
    background-image: url(images/back_g.gif);
}

#page_num, #grid_showrows, .dropdown.action
{
    font-size: 8pt;
    font-family: tahoma;
}

.grid_actions
{
    text-align: right;
    width: 100%;
}

.grid_action_tbar, #grid_action_tbar
{
    font-family: tahoma, arial;
    font-size: 8pt;
    color: #525252;
    vertical-align: middle;
    height: 32px;
    padding: 8px 5px 8px 5px;
    background-color: #eaeaea;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
}

.action_button
{
}

.action_check
{
    text-align: center;
}

/* Boolean Values */
.boolean
{
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

.boolean.true
{
    background-image: url(images/BoolTrue.gif);
}

.boolean.false
{
    background-image: url(images/BoolFalse.gif);
}

.file-upload
{
    border:1px solid #6792b5;
    margin:1px;
}

.text
{
    border:1px solid #6792b5;
    margin:1px;
}

.text-datetime
{
    border:1px solid #6792b5;
    margin:1px;
}

.text-uom
{
    border:1px solid #6792b5;
    margin:1px;
}

.text-currency
{
    border:1px solid #6792b5;
    margin:1px;
}

.text-lookup
{
    border:1px solid #6792b5;
    margin:1px;
}

.text-required
{
    border:1px solid #6792b5;
    margin:1px;
}

.textarea
{
    border:1px solid #6792b5;
    margin:1px;
}

.textarea-required
{
    border:1px solid #6792b5;
    margin:1px;
}

.dropdown
{
    border:1px solid #6792b5;
    margin:1px;
}

.dropdown-required
{
    border:1px solid #6792b5;
    margin:1px;
}

.dropdown-editable-text
{
    position: absolute;
    border: none;
    /* Have to increase the margin to cover the extra space left by the lack of border */
    margin : 1px;
    margin-left : 4px;
}

.checkbox
{
}

.checkbox-required
{
    color: black;
    background-color: #ffffff;
    font-weight: bold;
}

.button
{
}

.button.action
{
    border: 1px solid #cc0000;
    font-size: 11px;
}

/* Grid column name headers */
a.column-name
{
    color: black;
    text-decoration: none;
}

/* Menu Styles */
.menu_div
{
    position: absolute;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 1px 0px 1px 0px;
    background-color: white;
    min-width: 12em;
}

a.menu_link
{
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 1px;
}

a.menu_link:hover
{
    font-size: 12px;
    background-color: #739cc8;
    color: white;
}

a.tree_link
{
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 1px;
}

a.tree_link:hover
{
    font-size: 12px;
    background-color: #cc0000;
    color: #ffffff;
}

p.menu_text
{
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

.ivory_table
{
    font-size: 12px;
    background-color: #fffff8;
}

.rp_table
{
    font-size: 12px;
    background: url(images/curve_bottom_left_cap.gif) bottom left no-repeat #eee;
}

.red_table
{
    font-size: 12px;
    background-color: #c0c0c0;
}

.menu_cell
{
    border: thin outset #c0c0c0;
    background-color: #ffffff;
    text-align: left;
    white-space: nowrap;
}

.sub_menu_cell
{
    text-align: left;
    white-space: nowrap;
}

.sub_menu_title
{
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    padding: 1px;
    border: thin outset;
}

.body_table
{
    font-size: 12px;
    background-color: #f3f5f0;
    border: thin outset #f3f5f0;
}

.tree_text
{
    font-size: 12px;
}

/* New Menu Styles */
#waffle_menu_div
{
    width: 250px;
    height: 100%;
    float: left;
}

#waffle_menu_container
{
    background-color: #efefef;
    overflow: auto;
    position: relative;
    height: 94%;
    width: 250px;
    padding-left: 5px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

#waffle_info_div
{
    width: 250px;
    height: 27px;
    font-family: tahoma;
    font-size: 8pt;
    margin-top: 5px;
    background-color: white;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

#waffle_info_connection
{
    width: 120px;
    float: left;
    padding-left: 2px;
    overflow: hidden;
}

.info_connection.OTHER
{
    background-color: #dbdbdb;
    border-left: solid 3px #8a8a8a;
    border-bottom: solid 2px #8a8a8a;
    border-right: solid 1px #8a8a8a;
    border-top: solid 1px #8a8a8a;
}    

.info_connection.DEVELOPMENT
{
    background-color: #f2b2b2;
    border-left: solid 3px #d20001;
    border-bottom: solid 2px #d20001;
    border-right: solid 1px #d20001;
    border-top: solid 1px #d20001;
}

.info_connection.TEST
{
    background-color: #f9f0b5;
    border-left: solid 3px #dfd001;
    border-bottom: solid 2px #dfd001;
    border-right: solid 1px #dfd001;
    border-top: solid 1px #dfd001;
}

.info_connection.PRODUCTION
{
    background-color: #c2ddb4;
    border-left: solid 3px #39880b;
    border-bottom: solid 2px #39880b;
    border-right: solid 1px #39880b;
    border-top: solid 1px #39880b;
}
    
.info_connection.ARCHIVE
{
    background-color: #c5cff2;
    border-left: solid 3px #3862c3;
    border-bottom: solid 2px #3862c3;
    border-right: solid 1px #3862c3;
    border-top: solid 1px #3862c3;
}

#waffle_info_usr_id
{
    width: 122px;
    float: left;
    padding-left: 2px;
}

#waffle_menu_grabber_bar
{
    width: 8px;
    height: 100%;
    float: left;
}

#waffle_menu_grabber
{
    display: block;
    height: 100%;
    width: 8px;
    background-image: url(images/grabbar_vertical.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    overflow: hidden;
}

#waffle_content
{
    overflow: auto;
    height: 100%;
    position: relative;
    width : auto;
}

#waffle_modal_content
{
    background-color: white;
    width: 100%;
    height: 100%;
}

#waffle_modal_top
{
    width: 100%;
    background-image: url(images/bkgdgradient_full.jpg);
    background-repeat: repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* lightbox effect specific classes */
.modal_lowlight
{
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(images/bkgdgradient_full.jpg);
    background-repeat:repeat;
    z-index: 100000090;
}

.modal_lightbox
{
    width: 300px;
    height: 300px;
    z-index: 100000099;
    position: absolute;
    border: 3px inset;
}

.modal_lightbox_tbar
{
    font-size: 11px;
    font-weight: bold;
    background-color: #739cc8;
    color: white;
}

#nav_menu li
{
    list-style-type: none;
}

#nav_menu, #nav_menu ul
{
    padding: 0;
    margin: 0;
}

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

#nav_menu a.top_menu
{
    font-family: arial;
    font-weight: bold;
    font-size: 10.5pt;
}

#nav_menu .item
{
    display:block;
    margin-left: 8px;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    border:1px solid #efefef;
    border-right:0px;
}

/* width for Mozilla/Firefox & IE/Mac browsers  */
/* this style is hidden from IE and Opera       */
head:first-child+body #nav_menu .item {
    width:96%;
}

#nav_menu .item:hover
{
    border:1px solid black;
    border-right:0px;
    color:red;
    text-decoration:underline;
}

#nav_menu .item.selected
{
    background-color: white;
    display: block;
}

#nav_menu .menu_image, .menu_image
{
   margin-right: 2px;
   vertical-align: middle;
   height: 1em;
   width: .5em;
}

#nav_menu a.sub_menu
{
    font-family: tahoma;
    font-size: 8pt;
}

#nav_menu .submenu
{
    margin-left: 16px;
}

#nav_menu .submenu.top_level
{
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.wizard_nav_button, .wizard_nav_button_highlight, .wizard_nav_button_active_highlight 
{
    cursor: pointer;
} 
.wizard_nav_button_active, .wizard_button_active_hightlight, .wizard
{
    cursor: pointer;
    font-weight: bold;
}

.wizard_nav_button_highlight
{
    cursor: pointer;
    color: red;
} 

.wizard_nav_button_active_highlight 
{
    cursor: pointer;
    color: red;
    font-weight: bold;
}

.submenu_img_open
{
    border: 0;
    width: 16px;
    height: 16px;
    float: left;
    background-image: url(images/menu_open_g.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    vertical-align: bottom;
}

.submenu_img_closed
{
    border: 0;
    width: 16px;
    height: 16px;
    float: left;
    background-image: url(images/menu_closed_g.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    vertical-align: bottom;
}

/* TAB Styles */
.tab_group
{
    margin: 0;
    padding: 0;
}

#tab_content_results_grid_0 {
display: none;
}

.tab_content_container
{

    background-color: #e0e0e0;
    border: 1px solid #afafaf;
    clear: both;
    padding-top: 0;
    margin: 0;
}


/* Width adjustment for FireFox */
head:first-child+body .tab_content_container {
    width: auto;
}

.tab_button_container 
{ 
    padding-bottom: 0;
    margin-bottom: 0;
}
#section_label
{
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 99.9%;
    border-bottom: 1px solid #afafaf;
    float: left;
    font-family: Trebuchet MS, arial;
    font-size: 9pt;
    font-weight: normal;
    text-align:left;
}


ul.tab_buttons
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

ul.tab_buttons li
{
    float: left;
    font-family: Trebuchet MS, arial;
    font-size: 9pt;
    font-weight: normal;
    margin: 3px 0 0 0;
    padding: 1px 0 0 0;
    border: 1px solid #afafaf;
    background-image: url(images/tabgradient.jpg);
    background-repeat: repeat-x;
}

.tab_buttons a, .tab_buttons a:link, .tab_buttons span
{
    margin: 0;
    padding: 2px 9px 2px 9px;
    color: black;
    border-right: 1px dashed #d8d8d8;
    text-decoration: none;
}

ul.tab_buttons li.active
{
    background-image: url(images/activetabgradient.jpg);
    background-repeat: repeat-x;
    padding: 2px 0 2px 0;
    margin: 0;
    font-weight: bolder;
}

ul.tab_buttons li.active a
{
    padding: 3px 9px 8px 9px;
}

div.tab_actions
{
    text-align: center;
}


table.mnt_form_table
{
    width: 100%;
}

div.grid_display_fields
{
    background-color: #eee;
    border: thin solid #cc0000;
    padding: 10px;
    width: 100%;
    overflow: auto;
}

/* Error Styles */
div.error_container
{
    position: relative;
    margin-top: 10px;
    border: thin inset #cc0000;
    background: url(images/warning2.gif) top left no-repeat #eee;
}

div.error_prompt
{
    text-align: left;
    font-weight: bold;
    padding: 10px 20px 0 75px;
}

div.error_text
{
    position: relative;
    text-align: left;
    padding: 10px 20px 10px 75px;
    width: 100%;
}

tr.ERR
{
    background-color: #cc0000;
    color: #eee;
    font-size: 12px;
    font-weight: bold;
}

tr.TRC
{
    font-size: 12px;
}

tr.TODO
{
    font-size: 12px;
    background-color: #eee;
}

/* Dashboard Styles */
div.wide_module, div.narrow_module, div.header_module
{
    font-size: 11px;
    font-weight: bold;
    background-color: #739cc8;
    color: white;
    display: inline-block;
}

.dash_title
{
    font-weight: bold;
    display: block;
    float: left;
}

div.dash_narrow, div.dash_header
{
    float: left;
    clear: left;
    width: 220px;
}


div.dash_module_spacer
{
    clear: right;
}

div.dash_tbar_anchor
{
    float: left;
    display: block;
    width: 132px;
    padding-top: 1px; /* Firefox hack */
}

.dash_modules
{
    clear: both;
}

div.dash_module
{
    display: block;
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.dash_module.selected
{
    background-color: white;
}

div.dash_wide
{
    float: left;
    width: 220px;
}

.dash_tbar_add_button
{
    display: block;
    margin-left: 5px;
    width: 18px;
    height: 16px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/add_16.gif);
    cursor: pointer;
}

#dash_tbar
{
    position: absolute;
    padding-top: 5px;
    padding-bottom: 5px;
}

#dash_tab_tbar
{
    position: relative;
    display: block;
    float: right;
}

.dash_edit_btn, .dash_unsub_btn
{
    cursor: pointer;
}

.dash_tbar_msg 
{
    font-size: 14px;
    position: relative;
    display: block;
    height: 18px;
    float: left;
    font-weight: bold;
    display: block;
    float: left;
    padding-right: 18px;
}

.dash_tbar_button
{
    position: relative;
    display: block;
    width: 18px;
    height: 16px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

img.dash_locked_template
{
    background: url(images/lock_16.gif) no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 4px;
    border: none;
    padding: 0px;
}

img.close_button
{
    background: url(images/close.gif) no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    border: none;
}

/* Each of these are members of the dashboard toolbar */
#dash_tbar_first
{
    background-image: url(images/first_16.gif);
}
#dash_tbar_prev
{
    background-image: url(images/previous_16.gif);
}
#dash_tbar_next
{
    background-image: url(images/next_16.gif);
}
#dash_tbar_last
{
    background-image: url(images/last_16.gif);
}
#dash_tbar_del
{
    background-image: url(images/del_16.gif);
}
#dash_tbar_edit
{
    background-image: url(images/zoomi_16.gif);
}
#dash_tbar_move
{
    background-image: url(images/move_16.gif);
}
#dash_tbar_dashboard_copy
{
    background-image: url(images/copy_16.png);
}
#dash_tbar_dashboard_config
{
    background-image: url(images/confg_16.png);
}
#dash_tbar_dashboard_sub_template
{
    background-image: url(images/category_move_16.gif);
}

#dash_tbar_user_template_sub
{
    background-image: url(images/category_move_16.gif);
}

#dash_tbar_add_tab
{
    background-image: url(images/add_16.gif);
}
#dash_tbar_mod_tab
{
    background-image: url(images/edit_16x16.gif);
}
#dash_tbar_del_tab
{
    background-image: url(images/del_16.gif);
}
#dash_tbar_move_left
{
    background-image: url(images/back_16.gif);
}
#dash_tbar_move_right
{
    background-image: url(images/forwd_16.gif);
}

/* Calendar Styles */
/* DATE PICKER STYLES */
#waffle_cal_div
{
    background-color: #739cc8;
    width: 200px;
    height: 1%;
    border: thin inset #c0c0c0;
}

.cal-container
{
    background-color: #739cc8;
}

a.cal-prev-month
{
    color: white;
    border: none;
    text-decoration: none;
}

.cal-prev-month
{
    background-color: #739cc8;
}

a.cal-next-month
{
    color: white;
    border: none;
    text-decoration: none;
}

.cal-next-month
{
    background-color: #739cc8;
}

.cal-title
{
    background-color: #739cc8;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.cal-days
{
    background-color: #eaeaea;
    color: black;
    font-size: 12px;
    text-align: right;
}

.cal-time
{
    background-color: #eaeaea;
    color: black;
    font-size: 13px;
    text-align: center;
}

a.cal-weekday-cur-month
{
    color: black;
    text-decoration: none;
    font-size: 12px;
}

.cal-weekday-cur-month
{
    background-color: #ffffff;
}

a.cal-weekday-non-month
{
    color: #339999;
    text-decoration: none;
    font-size: 12px;
}

.cal-weekday-non-month
{
    background-color: white;
}

a.cal-weekend-cur-month
{
    color: black;
    text-decoration: none;
    font-size: 12px;
}

.cal-weekend-cur-month
{
    background-color: #eaeaea;
}

a.cal-weekend-non-month
{
    color: #339999;
    text-decoration: none;
    font-size: 12px;
}

.cal-weekend-non-month
{
    background-color: #eaeaea;
}

a.cal-cur-day
{
    color: white;
    text-decoration: none;
    font-size: 12px;
}

.cal-cur-day
{
    background-color: #739cc8;
}

/* Watermark Styles */
#watermarklogo
{
    position: absolute;
    /*filter: glow(color=#ffffff,strength=5);*/
}

#watermarkclose
{
    position: absolute;
}

#dialog_message
{
    font-size: +12pt;
    color: black;
    padding: 30px;
}

/* For the Show Hide Div state handler object */
.sh_div_shown
{
    background-image: url(images/collapse.gif);
    position: relative;
    height: 10px;
    width: 10px;
    display: inline;
    cursor: pointer;
    margin: 1px 1px 1px 1px;
    padding: 0px 8px 0px 8px; /* This is here to trick Firefox into displaying this since there is no FLOAT property */
    background-repeat: no-repeat;
    background-position: center center;
    margin-left:5px;
}

.sh_div_hidden
{
    background-image: url(images/expand.gif);
    position: relative;
    height: 10px;
    width: 10px;
    display: inline;
    cursor: pointer;
    margin: 1px 1px 1px 1px;
    padding: 0px 8px 0px 8px; /* This is here to trick Firefox into displaying this since there is no FLOAT property */
    background-repeat: no-repeat;
    background-position: center center;
    margin-left:5px;
}

/* Profile Bar styles */
.WAFFLE_PROFILE_FORM_DIV
{
    background-color : #739cc8;
}

.WAFFLE_PROFILE_FORM
{
    margin-bottom : 0px;
}

.WAFFLE_PROFILE_SELECT
{
    margin : 0px 4px 0px 0px;
}

.WAFFLE_PROFILE_BUTTON
{
    background-image: url(images/prefs_16.gif);
    width : 16px;
    height : 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.WAFFLE_PROFILE_CONTROL_LABEL
{
    margin-left: 75px;
}

.WAFFLE_CRITERIA_SELECT
{
    margin : 0px 4px 0px 0px;
}

.WAFFLE_CRITERIA_NEW_BUTTON
{
    background-image: url(images/add_16.gif);
    width : 16px;
    height : 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.WAFFLE_CRITERIA_EDIT_BUTTON
{
    background-image: url(images/prefs_16.gif);
    width : 16px;
    height : 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.WAFFLE_CRITERIA_REMOVE_BUTTON
{
    background-image: url(images/del_16.gif);
    width : 16px;
    height : 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

/* rp.ToolTip styles */
.waffle_tooltip_div
{
    overflow : auto;
}

.waffle_tooltip_iframe
{
}

/* AddressCtl styles */
.addressctl
{
}

.addressctl_detail_container
{
    font-family: arial narrow, sans-serif;
    font-size: 7pt;
    float : left;
}

.addressctl_button_container
{
    font-size : 8pt;
    float : right;
}