/*
 * admin.css
 * Stylesheet file for the administrative interface
 *
 * Copyright 2003
 * RedPrairie Corporation
 * All Rights Reserved
 */

body
{
    font-family: verdana, arial;
    font-size: 10pt;
}

/* Header Styles */
#header
{
    width: 100%;
    background-color: #eaeaea;
}

#site_logo
{
    width: 130px;
    float: right;
    padding: 5px;
}

#title
{
    width: 500px;
    float: left;
    padding: 5px;
    font-size: 14pt;
    font-family: verdana;
}

#message
{
    width: 100%;
    clear: both;
    padding: 5px;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid black;
    background-color: white;
    
}

.message
{
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 10pt;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid black;
    background-color: #739cc8;
    color: white;
}

.message a, .message a:visited
{
    color: white;
}

.message a:hover
{
    color: yellow;
}

legend
{
    color: black;
    font-size: 10pt;
    font-family: verdana, arial;
}

fieldset
{
}

td
{
    font-size: 10pt;
    font-weight: normal;
    font-family: verdana, arial;
}

td.title_cell
{
    text-decoration: none;
    font-size: 10pt;
    text-align: right;
}

tr.menu_row
{
}

td.field_title_cell
{
    text-decoration: none;
    font-size: 10pt;
    text-align: right;
}

/* FORM/GRID STYLES */
div.cal_img
{
    display: inline;
    cursor: pointer;
    height: 16px;
    width: 17px;
    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(../../templates/base/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(../../templates/base/images/srch_16.gif);
}

div.download_img
{
    display: inline;
    cursor: pointer;
    height: 16px;
    width: 17px;
    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/impt_16x16.gif);
    clear: left;
    float: right;
    background-color: white;
}


div.grid
{
    width: 100%;
    overflow: auto;
    /*display: inline; */
    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;
}

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

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(../../templates/base/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(../../templates/base/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(../../templates/base/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 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;
}

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

.grid_fold.collapse
{
    background-image: url(../../templates/base/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
{
    background-image: url(../../templates/base/images/next_16.gif);
    width: 16px;
    /* background-image: url(images/actions_g.gif);
    width: 16px; */
    height: 16px;
}

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

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

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

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

#export_word
{
    background-image: url(../../templates/base/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(../../templates/base/images/fwd_g.gif);
}

#scroll_left
{
    background-image: url(../../templates/base/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(../../templates/base/images/BoolTrue.gif);
}

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

.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;
}

.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: #cc0000;
    font-weight: bold;
    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;
    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: 1;
}

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(../../templates/base/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;
    color: #cc0000;
    border: thin outset #f3f5f0;
}

.tree_text
{
    font-size: 12px;
}

/* Nav Styles */
#navcontainer ul
{
    padding: .5em 0;
    margin: 0;
    list-style-type: none;
    background-color: #eaeaea;
    color: black;
    width: 100%;
    font: normal 8pt verdana, arial, helvetica, sans-serif;
    text-align: center;
    clear: both;
}

li 
{ 
    display: inline; 
}

li a
{
    text-decoration: none;
    background-color: #eaeaea;
    color: black;
    padding: 5px;
    border-right: 1px solid #fff;
}

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