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

/* 
 * loading status div attributes 
 */
.waffle_form_status
{
    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: absolute;
    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;
}

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

/* AS per special requirement for Shipment History DDA */
.ShipmentHistory_results_grid_grid
{
    width:100%;
    overflow:scroll;
}

/* AS per special requirement for Shipment History DDA child*/
.ShipmentHistory_ShipmentHistory_0_grid
{
    width:100%;
    overflow:scroll;
}

#waffle_debug_msg_div table
{
    color: white;
}

html
{ 
    height:100%;
    overflow:hidden; 
}

body
{
    font-family: verdana, arial, sans-serif, monospace;
    background-color: white;
    margin: 0px;
    display: block;
    width: 100%;
    height: 100%;
}

#horizontal_scroll_div{
    width:800px;
    height:1px;
} 

body.login
{
    text-align:center;
    background-color: #FFFFFF;
    background-image: none;
    padding-top: 80px;
    overflow: auto;
}

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

#default_page_main
{
    background-image: url(images/bg_page.gif);
    height: 600px;
    background-position: center center;
    width: 100%;
    position: relative;
}

#default_page
{
    background:url(images/blueyonder-logo-black.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    position: relative;
    height : 540px;
    width: 100%;
}

#moca_service_text
{
    font-size: 12px;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
}

#jda_copyright
{
    font-family: verdana, arial, sans-serif, monospace;
    font-size: 10px;
    margin: 0px auto;
    text-align: center;
    color: #959595;
    margin-bottom: 30px;
}

#copyright_text
{
    font-size: 13px;
    color: #4c4c4c;
    width: 100%;
}

#login_div
{
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    height: auto;
    border-radius: 3px;
    border: 1px solid #E1E1E1;
    padding: 26px 20px 24px 20px;
    background-color: #F5F5F5;
    margin-top: 0px;
}

#login_prompt_main_div
{
    width: 100%;
    margin: 0 auto;
    height: 456px;
}

.login_user_onmouserover
{
    background: -webkit-linear-gradient(#4D4E4F, #3A3B3C); /* Safari */
    background: -o-linear-gradient(#4D4E4F, #3A3B3C); /* Opera */
    background: -moz-linear-gradient(#4D4E4F, #3A3B3C); /* Firefox */
    background: linear-gradient(#4D4E4F, #3A3B3C); /* Standard syntax */
    border-radius: 3px;
    width: 280px;
    height: 30px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    font-family: verdana, arial, sans-serif, monospace;
}

#login_user.login_user_onclick
{
    background: linear-gradient(#3D3D3E, #4B4C4D); /* Standard syntax */
}

#login_main_div
{
    margin: 0 auto;
    margin-top: 35px;
    width: 436px;
    height: auto;
    text-align: center;
}

#logo_div
{
    padding-bottom: -5px;
    text-align: center;
    margin-top: 0%;
}

#change_connect
{
    margin-right: 0px;
    margin-left: 8px;
    height: 30px;
}

#customer_logo_span
{
    background-image: url(images/customer_logo.png);
    background-position: top right;
    background-repeat: no-repeat;
    display: block;
    padding: 18px 0px 75px 0px;
}

#input_container_div
{
    z-index: -1;
    width: 100%;
    height: 440px;
    margin-top: 40px;
}

#input_inner_container_div
{
    position: relative;
    background-color: #F5F5F5;
    height: 270px;
}

#login_connect_div, #connect_div
{
    font-size: 12px;
    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
{
    
}

#login_error_div
{    
    font-size: 12px;
    position:relative;
    color: red;
    padding-left: 0px;
}

#moca_connection_success
{
    font-size: 12px;
    position:relative;
    color: #2073BC;
}

#page_top
{
    background: #FFFFFF;
    position: fixed;
    margin-top: -1px;
    width: calc(100vw - 300px);
    z-index: 999999;
}

#page_top_header
{
    margin-left: 10px;
    margin-top: 0px;
    width: 100%;
    text-align: left;
    height: 60px;
}

#appl_hdr
{
    background-color: #07679C;
    height: 50px;
}

#appl_hdr_icon
{
    height: 18px;
    width: 134px;
    float: left;
    padding-left: 16px;
    margin-top: 16px;
}

#app_hdr_dd_main
{
    float: right;
    margin-top: 8px;
    margin-right: 30px;
}

#app_hdr_dd_usr_dsp
{
    font-size: 13px;
    font-family: verdana, arial, sans-serif, monospace;
    cursor: pointer;
    color: #FFFFFF;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


#app_hdr_dd_usr_dsp:hover
{
    color: #FFFFFF;
}

#app_hdr_dd_usr_name
{
    min-width: 55px;
}

#app_header_dd_options
{
    display: none;
    position: absolute;
    width: 120px;
    height: 24px;
    background-color: #fafafa;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: 0px 2px 2px #888888;
    border-bottom-left-radius:0.3em;
    border-bottom-right-radius:0.3em;
    z-index: 1000000;
}

#app_header_dd_options:hover
{
    background: -webkit-linear-gradient(90deg, #EEEFF0, #DCDCDC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, #EEEFF0, #DCDCDC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, #EEEFF0, #DCDCDC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, #EEEFF0, #DCDCDC); /* Standard syntax */
}

#app_header_dd_logout
{
    font-family: verdana, arial, sans-serif, monospace;
    font-size: 13px;
    cursor: pointer;
    color: #818383;
    text-decoration: none;
}

#app_header_dd_options:hover #app_header_dd_logout 
{
   color: #424749;
}

#app_hdr_connect_info
{
    text-align: center;
    font-size: 13px;
    font-family: verdana, arial, sans-serif, monospace;
    color: #FFFFFF;
    float: right;
    margin-top: 17px;
    margin-right: 30px;
}

table.appl_hdr
{
    float: right;
    height: 55px;
    margin-right: 16px;
    border: 1px solid black;
}

td.appl_hdr
{
    vertical-align: middle;
    padding-left: 20px;
    border: 1px solid white;
}

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

h3
{
    font-size: 18px;
    color: #424749;
    font-weight: normal;
}

#page_title
{
    font-size: 24px;
    font-family: verdana, arial, sans-serif;
    color: #424749;
}

.search_title
{
    font-size: 18px;
    font-family: verdana, arial, sans-serif;
    color: #424749;
}

button, input[type="button"], input[type="reset"]
{ 
    color: #424749;
    background: linear-gradient(#FFFFFF, #EAECEE);
    border: 1px solid #C7C7C7;
    border-radius: 3px;
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    margin-right: 8px;
    height: 24px;
    min-width: 34px;
    padding: 0px 6px;
    text-align: center;
}

button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled
{
    color: #9B9D9F;
    background-color: #FEFEFE;
    background-image: linear-gradient(#FEFEFE, #EDEFF0);
    border: 1px solid #DADADA;
}

button:hover:enabled, input[type="button"]:hover:enabled, input[type="reset"]:hover:enabled
{
    color: #FFFFFF;
    background-color: #5A5B5C;
    background-image: linear-gradient(#5A5B5C, #4B4B4B);
    border: 1px solid #4B4B4B;
}

input[type="submit"]
{
    color: #FFFFFF;
    background-color: #5BA1D4;
    background-image: linear-gradient(#5BA1D4, #2B75B4);
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    margin-right: 8px;
    height: 24px;
    min-width: 34px;
    border-radius: 3px;
    border: 1px solid #EBECEE;
    padding: 0px 6px;
    text-align: center;
}

input[type="submit"]:hover:enabled
{
    background-color: #5A5B5C;
    background-image: linear-gradient(#5A5B5C, #4B4B4B);
    border: 1px solid #4B4B4B;
}

#login_user:hover:enabled
{
    background: linear-gradient(#4D4E4F, #3A3B3C); /* Standard syntax */
}

a
{
    font-size: 12px;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #2073bc;
}

#menu_trail
{
    font-size: 11px;
    color: #545454;
    padding-top: 12px;
    padding-bottom: 8px;
}

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

#site_help
{
    background-image: url(images/help_header_normal_24.png);
    cursor: pointer;
    float: right;
    margin-right: 16px;
    margin-top: 15px;
}

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

#contact_info
{
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(images/contact_info_dim.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

#contact_info.rollover
{
    background-image: url(images/contact_info.png);
}

/* 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/normal_calendar_16.png);
}

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/normal_search_find_16.png);
}

div.grid
{
    width: 99%;
    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;
    margin-top: 8px;
}

div.mnt_grid_table_div
{
    width: 100%;
    overflow: scroll;
    overflow-y: hidden;
    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 */
}

/* Display Item Div Classes */
.disable_div_common
{
border: solid blue 0px;
}

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

table.grid_table
{
}

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: 100%;
}

th
{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

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-size: 12px;
    background-color: #eaeaea;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
}

tr.even
{
    font-size: 12px;
    background-color: white;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
}

tr.selected
{
    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;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #545454;
    border-left: 1px solid #c0c0c0;
}

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
{
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    color: #545454;
    padding: 8px 8px 8px 16px;
    text-align: left;
}

 .waffle_label
{
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    color: #424749;
    padding: 0 0 0 8px;
}

.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: 12px;
    font-weight: normal;
    text-decoration: underline;
    text-align: left;
    color: #2073BC;
}

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

td.field_name_cell.required
{
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    color: #cc0000;
}

label.field_name_cell.required
{
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    color: #cc0000;
}

label.field_name_cell
{
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

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
{
    font-size: 12px; 
    font-family: verdana, arial, sans-serif;
    color: #545454;
    text-align: left;
    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;
    white-space: nowrap;
}

.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/collapsed_black_10.png);
}

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

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

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

#row_section
{
    width: 220px;
    float: left;
    margin-left: 16px;
}

#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: 8px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center center;
}

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

.dash_info_anchor
{
    background-image: url(images/normal_information_16.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 2px;
    margin-left: 10px;
}

#export_dash
{
    background-image: url(images/normal_add_16.png);
}

#export_print
{
    background-image: url(images/normal_print_16.png);
}

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

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

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

/* 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/next_page_normal_12.png);
    vertical-align: middle;
    margin-left:8px;
}

#scroll_left
{
    background-image: url(images/previous_page_normal_12.png);
    vertical-align: middle;
    margin-right:8px;
    margin-left:8px;
}

#page_num, .dropdown.action
{
    font-size: 12px;
}

#grid_showrows
{
    font-size: 12px;
    margin-left: 16px;
}

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

.grid_actions button:last-child
{
    margin-right: 0px;
}

.grid_actions input
{
    margin-right: 8px;
}

.grid_actions input:last-child
{
    margin-right: 0px;
}

.grid_action_tbar, #grid_action_tbar
{
    font-size: 12px;
    color: #545454;
    vertical-align: middle;
    height: 32px;
    padding: 8px 16px 8px 8px;
    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: 18px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: center center;
}

.boolean.true
{
    background-image: url(images/normal_confirm_16.png);
}

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

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

.text
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    white-space: pre-wrap;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.text-datetime
{    
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.text-date
{    
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.text-time
{    
   width: 184px;
   font-size: 12px; 
   box-sizing: border-box;
   font-weight: normal;
   font-family: verdana, arial, sans-serif;
   color: #545454;
}


.cust-date
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.text-uom
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.text-currency
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.text-lookup
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.text-required
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.textarea
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.textarea-required
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.dropdown
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
	height:20px;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

option[value='']
{
  height:14px;
}

.select-multiple
{
    width: 184px;
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.dropdown-required
{
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.dropdown_page
{
    font-size: 12px; 
    font-weight: normal;
    box-sizing: border-box;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.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;
    width: 184px;
    font-size: 12px; 
    box-sizing: border-box;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #545454;
}

.checkbox
{
}

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

.button
{
}

.button.action
{
    border: 1px solid #cc0000;
    font-size: 12px; 
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    color: #424749;
}

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

/* Menu Styles */
.menu_div
{
    position: absolute;
    background-color: #fafafa;
    padding: 5px 5px 5px 5px;
    box-shadow: 0px 3px 3px 1px #888888;
    min-width: 12em;
}

.export_menu_div
{   
    position: absolute;
    background-color: #fafafa;
    padding: 5px 5px 5px 5px;
    box-shadow: 0px 3px 3px 1px #888888;
}

.sub_export_menu_cell
{
    text-align: left;
    padding-bottom: 4px;
    white-space: nowrap;
    width: auto;
}

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

a.export_menu_link:hover
{
    font-size: 12px;
    color: #424749;
    background: linear-gradient(90deg, #EEEFF0, #DCDCDC); /* Standard syntax */
}

a.export_menu_link
{
    font-size: 12px;
    color: #818383;
    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;
    vertical-align: top;
    float:right;
}

#waffle_page_container
{
    overflow : auto;
    width : 100%;
    height: calc(100% - 50px);
}

#waffle_menu_container
{
    position: fixed;
    width: 250px;
    height: calc(100% - 54px);
    overflow-y: auto;
    float:left;
    background-color: #333333;
    margin-left: -1px;
    margin-top: -1px;
    padding-left: 1px;
}



.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;
    padding-left: 2px;
    padding-right: 2px;
}

.info_connection.DEVELOPMENT
{
    background-color: #53b6ff;
    border-left: solid 3px #2073BC;
    border-bottom: solid 2px #2073BC;
    border-right: solid 1px #2073BC;
    border-top: solid 1px #2073BC;
    padding-left: 2px;
    padding-right: 2px;
}

.info_connection.TEST
{
    background-color: #0093ff;
    border-left: solid 3px #2073BC;
    border-bottom: solid 2px #2073BC;
    border-right: solid 1px #2073BC;
    border-top: solid 1px #2073BC;
    padding-left: 2px;
    padding-right: 2px;
}

.info_connection.PRODUCTION
{
    background-color: #cae9ff; /* JDA light blue */
    border-left: solid 3px #2073BC; /* JDA dark blue */
    border-bottom: solid 2px #2073BC;
    border-right: solid 1px #2073BC;
    border-top: solid 1px #2073BC;
    padding-left: 2px;
    padding-right: 2px;
}
    
.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;
    padding-left: 2px;
    padding-right: 2px;
}

#waffle_menu_grabber_bar
{
    vertical-align: top;
    width: 10px;
    padding: 0;
    height: 92vh;
}

#waffle_menu_grabber
{
    height: 100%;
    width: 10px;
    background: url(images/grabberIN.png) no-repeat;
    background-position: center;
    cursor: pointer;
    position: fixed;
    overflow: hidden;    
}

#waffle_menu_grabber.collapsed
{    
    height: 100vh;
    background: url(images/grabberOUT.png) no-repeat;
    background-position: center;
}

#waffle_menu_grabber_spacer
{
    display: block;
    height: 100%;
    background: url(images/spacer-corner.png) no-repeat;
    background-position: top left;
    cursor: pointer;
    overflow: hidden;    
}

#waffle_content
{
    vertical-align: top;
    padding-left: 15px;
    padding-right: 10px;
    width: 100vw;
    height: 92vh;
}

#waffle_content_container
{
    overflow: auto;
    width: calc(100vw - 300px);
    padding: 80px 0 0 0;
}

#waffle_content_container.menu_collapsed
{
    width: calc(100vw - 40px);
}

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

#waffle_modal_top
{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* lightbox effect specific classes */
.modal_lowlight
{
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100000090;
}

.modal_lightbox
{
    width: 300px;
    height: 300px;
    z-index: 100000099;
    position: absolute;
    padding: 0px 8px 28px 6px;
    background-color: #313436;
    border-top-right-radius: 0.3em;
    border-top-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    box-shadow: 0px 2px 2px #323232;
}

.modal_lightbox_tbar
{
    font-size: 12px;
    font-weight: bold;
    background-color: #313436;
    color: white;
    min-height: 36px;
    height:auto !important; 
    height: 36px;
    font-family: verdana, arial, sans-serif;
}

#modal_top_id
{
    line-height: 36px;
    vertical-align: middle;
    margin-left: 2px;
}

#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
{
    color: #ebebeb;
    font-size: 13px;
}

#nav_menu .item
{
    color: #ebebeb;
    display:block;
    margin-left: 8px;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    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
{
    background-color: #4D4D4D;
}

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

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

#nav_menu a.sub_menu
{
    color: #ebebeb;
    font-size: 13px;
}

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

#nav_menu .submenu.top_level
{
    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;
    font-size: 12px;
} 
.wizard_nav_button_active, .wizard_button_active_hightlight, .wizard
{
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
}

.wizard_nav_button_highlight
{
    cursor: pointer;
    color: #2073BC;
    font-size: 12px;
} 

.wizard_nav_button_active_highlight 
{
    cursor: pointer;
    color: #2073BC;
    font-weight: bold;
    font-size: 12px;
}

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

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

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

/* DDA PK Layout */
.pk_layout
{
    margin: 0;
    padding: 0;
    width: 100%;
}

.pk_layout_content_container
{
    width: 100%;
    clear: both;
    padding-top: 0;
    margin: 0;
}

legend
{
    color: #424749;
    font-size: 12px;
    font-weight: bold;
}
.tab_content_container
{
    width: 100%;
    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;
    text-align:left;
    font-size: 18px;
    font-family: verdana, arial, sans-serif;
    color: #424749;
}


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

ul.tab_buttons li
{
    float: left;
    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;
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #545454;
    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;
    margin-top: 8px;
}

div.tab_actions input
{
    margin-right: 8px;
}

table.form_table
{
}

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 ;
    background: url(images/warning_error_normal_24.png) no-repeat #FFFFFF;
    background-position:20px 50%;
}

div.error_prompt
{
    text-align: left;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 20px 0 75px;
}

div.error_text
{
    position: relative;
    text-align: left;
    font-family: verdana, arial, sans-serif;
    color: #D91414;
    padding: 10px 2px 10px 75px;
    font-size: 12px;
    width: auto;
}

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: 12px;
    font-weight: bold;
    background-color: #739cc8;
    color: white;
    display: inline-block;
}

.dash_title
{
    font-size: 18px;
    font-weight: normal;
    display: block;
    float: left;
}

div.dash_narrow, div.dash_header
{
    float: left;
    clear: left;
    width: 220px;
    margin-top: 8px;
}


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/normal_add_16.png);
    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;
    margin-left:8px;
}

.dash_tbar_msg 
{
    font-size: 12px;
    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_normal_16.png) no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 4px;
    border: none;
    padding: 0px;
}

img.close_button
{
    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/normal_top_16.png);
}
#dash_tbar_prev
{
    background-image: url(images/normal_up_16.png);
}
#dash_tbar_next
{
    background-image: url(images/normal_down_16.png);
}
#dash_tbar_last
{
    background-image: url(images/normal_bottom_16.png);
}
#dash_tbar_del
{
    background-image: url(images/normal_delete_16.png);
}
#dash_tbar_edit
{
    background-image: url(images/zoom_in_normal_16.png);
}
#dash_tbar_move
{
    background-image: url(images/move_normal_16.png);
}
#dash_tbar_dashboard_copy
{
    background-image: url(images/normal_copy_16.png);
}
#dash_tbar_dashboard_config
{
    background-image: url(images/settings_normal_16.png);
}
#dash_tbar_dashboard_sub_template
{
    background-image: url(images/move_normal_16.png);
}

#dash_tbar_user_template_sub
{
    background-image: url(images/move_normal_16.png);
}

#dash_tbar_add_tab
{
    background-image: url(images/normal_add_16.png);
}
#dash_tbar_mod_tab
{
    background-image: url(images/normal_edit_16.png);
}
#dash_tbar_del_tab
{
    background-image: url(images/normal_delete_16.png);
}
#dash_tbar_move_left
{
    background-image: url(images/normal_left_16.png);
}
#dash_tbar_move_right
{
    background-image: url(images/normal_right_16.png);
}

/* 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: 12px;
    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: 12px;
    text-align: center;
}

#waffle_cal_time
{
    background-color: #eaeaea;
    color: black;
    font-size: 12px;
    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: 12px;
    color: black;
    padding: 30px;
}

/* For the Show Hide Div state handler object */
.sh_div_shown
{
    background-image: url(images/expanded_black_10.png);
    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/collapsed_black_10.png);
    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/normal_edit_16.png);
    width : 16px;
    height : 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.WAFFLE_PROFILE_CONTROL_LABEL
{
    margin-left: 75px;
    font-size: 12px;
}

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

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

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

.WAFFLE_CRITERIA_REMOVE_BUTTON
{
    background-image: url(images/disable_delete_16.png);
    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, verdana, arial, monospace;
    font-size: 7pt;
    float : left;
}

.addressctl_button_container
{
    font-size : 8pt;
    float : right;
}
/* Spincontrol Styles Start  */
.spinInput
{
    /* Change this to modify the default spin control background color*/
    background-color: #FFFFFF;
    width: 42px;
}
.spinLeftRightEdge, .spinTopBottomEdge
{
    position: absolute;
    overflow: hidden;
    /* Change this to modify the default spin control border color*/
    background-color: #A5ACB2;
}
.spinContainer
{
    position: relative;
    font-size: 0px;
    height: 20px;
    width: 60px;
    padding-right : 2px;
}
.spinBorder
{
    border: 1px  solid #6792b5;
    height: 20px;
}
.spinInput
{
    position: absolute;
    border: 1px  solid #6792b5;
}
.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress, .spinDownBtn, .spinDownBtnHover, .spinDownBtnPress
{
    position: absolute;
    width: 15px;
    height: 8px;
    right: 2px;
    float : left;
    background-image: url('images/spin_control_buttons.png');
    background-repeat: no-repeat;
    /* Change this to modify the default button color*/
    background-color: #000000;
}
.spinDisable
{
    position: absolute;
    width: 15px;
    height: 20px;
    right: 2px;
    float : left;
    display: none;
    border: 1px  solid #6792b5;
    background-image: url('images/spin_control_buttons.png');
    background-repeat: no-repeat;
    /* Change this to modify the default button color*/
    background-color: #000000;
}
.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress
{
    top: 2px;
}
.spinDownBtn, .spinDownBtnHover, .spinDownBtnPress
{
    top: 10px;
}
.spinUpBtn
{
    background-position:0px 0px;
}
.spinUpBtnHover
{
    background-position:0px -16px;
}
.spinUpBtnPress
{
    background-position:0px -32px;
}
.spinDownBtn
{
    background-position:0px -8px;
}
.spinDownBtnHover
{
    background-position:0px -15px;
}
.spinDownBtnPress
{
    background-position:0px -40px;
}
/* Spin ControlStyles End */

/* Broad Cast Message Style*/
#messagebox_container
{
    position: absolute;
    overflow: inherit;
    background: #BDB5B5; 
    border : solid 2px #988D8D;
    opacity: .5;
    filter: alpha(opacity=50);
    color: white;
    top : 500px;
    left: 900px;
    width: 200px;
    height: 150px;
    text-align: center;
}
.message_close
{
    position: relative;
    background-image: url(images/cancel_close_normal_16.png);
    background-repeat: no-repeat;
    border : solid 0px green;
    height : 14px;
    width : 16px;
}

#message_content
{
    color: #000000;
    text-align: center;
    WORD-BREAK: BREAK-ALL;
}

.message_box
{
    position: absolute;
    overflow: inherit;
    border : solid 2px green;
    color: white;
    top : 500px;
    left: 900px;
    width: 210px;
    height: 155px;
}
/* BroadCast message styles end */

/* This div is the container for bar and pie charts */
#chart_container {
    border: 1px #FFFFFF solid;
    padding: 8px;
}
#chart_div {
    width: 650px;
    height: 400px;
    position: relative;
    border: 1px #DEDEDE solid;
    padding: 16px;
    overflow: visible;
    font-family: verdana;
}
#chart_title {
    height: 38px;
    line-height: 38px;
    font-family: verdana, arial, monospace;
    font-size: 12px;
    color: #545454;
    background: linear-gradient(#FEFEFE, #EFEFF2);
    border: 1px solid #DEDEDE;
    padding-left: 8px;
}
#rp_chart {
    border: 1px #FFFFFF solid;
}

/* This is the styling for tooltips */
#tooltip
{
    color: #545454;
    background: #FFFFFF;
    font-family: verdana, arial, sans-serif, monospace;
    font-size: 12px;
    border: solid 1px #DEDEDE;
    padding: 8px;
    max-width: 425px;
    box-shadow: 3px 3px 2px #CCCCCC;
    visibility: hidden;
}