/*
-----------------------------------
BEGIN css/style.css
-----------------------------------
*/

html, body
{
    height: 100%;
}

body
{
    /* font-size: 81.2%; */
    /* background: #f9f9f9; */
    margin: 0;
}

body,p,h1,h2,h3,h4,td,th,ul,ol,textarea,input,select
{
    font-size: 13px;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #555;
}

input
{
    line-height: 14px;
}

a
{
    color: #21759B;
    text-decoration: none;
}

a:hover
{
    color: #D54E21;
}

h1
{
    font-size: 24px;
    font-weight: bold;
    /* letter-spacing: -0.05em; */
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
}

h2
{
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
}

h3
{
    font-size: 13px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 13px;
    color: #999999;
    /* display: inline; */
}

/*
---------------------------
*/

.pre_title
{
    font-size: 100%;
    font-weight: bold;
    line-height: 13px;
    margin-top: 0;
    margin-bottom: 0.5em !important;
    color: #999999;    
}

.pre_titleOLD
{
    font-size: 100%;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 1em;
    color: #999999;
}

/*
---------------------------
*/

form
{
    margin-top: 0;
    margin-bottom: 0;
}

fieldset
{
    border: 0;
    display: inline;
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
}

.input_hour,
.input_min,
.input_day,
.input_month,
.input_year,
.input_currency,
.input_currency_int,
.input_currency_dec
{
    font-size: 100% !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    /*
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    */
}

.input_hour,
.input_min,
.input_day,
.input_month
{
    width: 1.5em !important;
}

.input_year
{
    width: 3em !important;
}

.input_currency_int
{
    width: 3em !important;
}

.input_currency_dec
{
    width: 1.5em !important;
}


/* firefox (annulla boostrap) */
select
{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.clear
{
    clear: both;
}

#opaque
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    background-color: black;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

#main-container
{
    min-height: 100%;
}

#main
{
    min-height: 100%;
}

/*
-------------------------------------------
BUTTONS
-------------------------------------------
*/

.submit input,
.button input,
input[type="button"],
input[type="submit"]
{
    background-repeat: repeat-x;
    background-image: url("assets/img/button-back-grey.png") !important;
    background-color: grey;
    border: 1px solid #777 !important;
    cursor: pointer;
    font-size: 11px !important;
    line-height: 16px;
    padding: 2px 10px;
    text-decoration: none;
    margin-right: 4px;
    color: black;
    text-shadow: 0 1px 0 #EEE;
    text-align: center;

    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
}

.submit input:hover,
.button input:hover,
input[type="button"]:hover,
input[type="submit"]:hover
{
    border-color: #999999;
    background-position: 0 -30px;
}

/* ================================================ */

#msgOLD
{
    position: absolute;
    border: 2px solid red;
    padding: 1em 1em 1em 1em;
    top: 1em;
    left: 50em;
    background: yellow;
}

#msg
{
    background-color: #FFFC5C;
    border-bottom: 1px dotted #dddddd;
    padding: 12px;
    padding-left: 20px;
    text-align: center;
}

#msg_close
{
    float: right;
}

/*
#main
{
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    height: 100%;
}
*/

#center-col > header
{
    margin-top: 0;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1em;

    /*
    background: #fff;
    border-bottom: 1px solid #ccc;
    */
    
    /* height: 31px; */
}

#center-col > header > h1
{
    line-height: normal;
    font-size: 24px;
}

#contents
{
    position: relative;
    margin-top: 20px;
    /* margin-bottom: 20px; */
    /* min-height: 100%; */
}

#contents_inner_container
{
    border-collapse: collapse;
    margin-left: -24px;
    margin-right: 0px;
    margin-bottom: -60px;
    width: 100%;
    border-top: 1px solid silver;
    min-height: 400px;
}

#contents_inner_container .col_left
{
    padding: 0;
    padding-top: 1px;
    width: 120px;
    vertical-align: top;
    background: #E5F2F5;
    border-right: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
}

#contents_inner_container .col_right
{
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 40px;
    vertical-align: top;
}

.form_entry_hint
{
    color: #a0a0a0;
    font-size: 100%;
}

.warn_empty
{
    width: 10em;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    color: #c0c0c0;
    padding-top: 2em !important;
    padding-bottom: 2em !important;
    padding-left: 5em !important;
    padding-right: 5em !important;
}

.count
{
    font-size: 9px;
    display: inline;
    margin-left: 0;
    margin-right: 0;
    color: #ffffff;
    background-color: #a0a0a0;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: 75%;
    line-height: normal;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.attachments_count
{
    font-size: 9px;
    color: #999999;
}

.title_commands
{
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.title_commands li
{
    display: inline;
    margin-left: 0.3em;
    border-left: 1px solid #999999;
    padding-left: 0.7em;
}

.title_commands li:first-child
{
    border-left: 0;
}

.red
{
    background: red;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 3px;
}

.green
{
    background: green;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 3px;
}

.horz-line
{
    border-top: 1px dotted #c0c0c0;
}

/*
--------------------------------------------
layout-menu
--------------------------------------------
*/

.layout-menu
{
    float: right;
    margin-top: 6px;
}

.layout-menu label
{
    font-weight: bold;
    color: #c0c0c0;
    text-shadow: 0;
}

.layout-menu ul
{
    display: inline-block;
}

.layout-menu li
{
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.25em;
    border-left: 1px solid #ccc;
}

.layout-menu li:first-child
{
    border-left: 0;
}

.layout-menu li.active
{
    font-weight: bold;
    background: none !important;
    color: #000 !important;
}


/*
-------------------------------------------
EDIT BOX
-------------------------------------------
*/

#edit_box
{
    display: inline-block;
    border-width: 0px;
    border-style: solid;
    border-color: #a0a0a0;
    padding: 2em;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#edit_box th
{
    text-align: right;
    padding-right: 0.5em;
    color: #666666;
    font-weight: normal;
}

#edit_box .input_standard
{
    width: 400px;
}

#edit_box input[type="text"],
#edit_box input[type="password"],
#edit_box select,
#edit_box textarea
{
    font-size: 100% !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

#edit_box textarea
{
    height: 100px;
}

#edit_box .list_container
{
    margin: 0;
    background-color: white;
    list-style-type: none;
    padding: 0.5em;
}

#edit_box .list_container label input[type="checkbox"],
#edit_box .list_container label input[type="radio"]
{
    margin-top: -2px;
}

.edit_box_line
{
    color: #a0a0a0;
}

#edit_box .buttons_bar
{
    text-align: right
}

/*
-------------------------------------------
SUMMARY (quotes/invoices/tickets)
-------------------------------------------
*/

#summary
{
    padding-left: 0;
    margin-top: 40px;
    border-top: 1px solid #dddddd;
    padding-top: 5px;
    list-style-type: none;
}

#summary > li
{
    display: inline-block;
    margin-top: 1em;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #c0c0c0;
    width: 240px;
    min-height: 100%;
}

#summary > li:last-child
{
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#summary > li h4
{
    margin-top: 0;
}

#summary > li > table
{
    width: 100%;
}

/*
-------------------------------------------
JUMP_BAR
-------------------------------------------
*/

.jump_bar
{
    margin-bottom: 2em;
}

.jump_bar label
{
    font-weight: bold;
    color: #999999;
}

.jump_bar ul
{
    display: inline;
    padding-left: 0;
}

.jump_bar li
{
    display: inline;
    margin-left: 0.2em;
    border-left: 1px solid #999999;
    padding-left: 0.5em;
}

.jump_bar li:first-child
{
    border-left: 0;
}

.jump_bar li .info
{
    color: #999999;
}

.jump_bar .selected
{
    font-weight: bold;
}

.infobox
{
    display: inline-block;
    margin-top: 1em;
    padding: 1em;
    padding-left: 3em;
    border: 2px solid #c0c0c0;

    background-image: url(img/info.png);
    background-repeat: no-repeat;
    background-position: 1em 50%;
    background-color: lightyellow;
}


/*
-------------------------------------------
TOOLBAR
-------------------------------------------
*/

.toolbar_container
{
    display: inline-block;
    margin-bottom: 1em;
}

.toolbar_container form
{
    margin: 0 0 0 0;
    display: inline;
}


.toolbar_container .toolbar
{
    float: left;
    padding-top: 9px;
    padding-bottom: 3px;
    padding-left: 9px;
    padding-right: 6px;
    background: #e0e0e0;
    min-height: 25px;
    border-radius: 3px;
}

/*
#toolbar .toolbar:first-child
{
    margin-right: 30px;
    margin-bottom: 20px;
}
*/

.toolbar_container .toolbar div
{
    display: inline-block;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 6px;
}

.toolbar_container .toolbar .label
{
    font-weight: bold;
    margin-right: 0.3em;
}

.toolbar_container .toolbar ul
{
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.toolbar_container .toolbar li
{
    display: inline;
    list-style-type: none;
}

.toolbar_container .toolbar .separated
{
    border-left: 1px dotted #c0c0c0;
    padding-left: 0.5em;
    margin-left: 0.5em;
}

.toolbar_container select
{
    max-width: 12em;
    margin-bottom: 0;
}

.toolbar_container input[type="text"]
{
    font-size: 13px;
    padding: 0;
    margin-bottom: 0;
    max-width: 12em;
}


/*
-------------------------------------------
TOOLBAR EXTENDED
-------------------------------------------
*/

#toolbar_basic
{
    background-color: #e0e0e0;
    border-top: 1px solid #a0a0a0;
    padding: 6px 6px 6px 6px;
}

#toolbar_basic .separated
{
    border-left: 1px dotted #666666;
    margin-left: 5px;
    padding-left: 8px;
}

#toolbar_basic
{
    list-style-type: none;
    margin: 0;
    padding-left: 0.5em;
}

#toolbar_basic li
{
    display: inline;
}

#toolbar_basic .label,
#toolbar_extended .label
{
    display: inline;
    font-weight: bold;
    margin-right: 8px;
}

#toolbar_extended
{
    border: 4px solid #e0e0e0;
}

#toolbar_extended > ul
{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
    padding-left: 0.5em;
}    

#toolbar_extended > ul > li
{
    display: inline-block;
    position: relative;
    padding: 0.5em;
    border: 1px solid #ccc;
    background: #e0e0e0;
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0.5em;
}

#toolbar_extended > ul > li:hover
{
    border: 1px solid #bbb;
    background: #efefef;
}

#toolbar_extended > ul > li.selected
{
    border: 1px solid #8597BD;
    background: #D4DDE6;
}

#toolbar_extended > ul > li.selected:hover
{
    border: 1px solid #7486AC;
    background: #e0e8f0;
}

#toolbar_extended > ul > li.selected.current
{
    border: 1px solid #666;
}

#toolbar_extended > ul > li.selected > div.close
{
    display: inline-block;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 150%;
    
    filter:alpha(opacity=100); /* IE */
    opacity: 1; /* Safari, Opera */
    -moz-opacity: 1; /* FireFox */

}

#toolbar_extended > ul > li.selected > div.close > a
{
    color: #333;
}

#toolbar_extended > ul > li.selected > div.close > a:hover
{
    text-decoration: none;
    color: red;
}

#toolbar_extended > ul > li.command
{
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
}

#toolbar_footer
{
    text-align: right;
}

#toolbar_footer > div
{
    float: right;
    background-color: #e0e0e0;
    width: 70px;
    text-align: center;
    margin-right: 17px;
    line-height: 12px;
    
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
}

#toolbar_footer > div > a
{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 9px;
}

#toolbar_footer > div > a:hover
{
    text-decoration: none;
}


#toolbar_footer > div > a > i
{
    font-size: 13px;
    padding-right: 3px;
}

/*
-------------------------------------------
ADDRESSES
-------------------------------------------
*/

/*
.address_box
{
    float: left;
    border: 1px solid #c0c0c0;
    padding: 6px;
    margin: 6px;
}
*/

#address-groups
{
    list-style-type: none;
    padding-left: 0;
}

#address-groups h2
{
    display: block;
    margin-top: 2em;
    margin-bottom: 1em;
    border-bottom: 1px solid #a0a0a0;
}

.address-group
{
    list-style-type: none;
    width: 700px;

    background: #ffffff;
    padding: 1em;
    margin-bottom: 20px;
    
    border: 1px solid #DDD;
    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    
    -webkit-box-shadow: inset #CCC 0px 0px 2px;
    -moz-box-shadow: inset #CCC 0px 0px 2px;
    box-shadow: inset #CCC 0px 0px 2px;
}

.address-group:hover
{
    /* background: #f9f9f9; */
    border: 1px solid #888;
}

.address-group li
{
    padding: 4px;
}

/*
.address-group li:last-child
{
    margin-top: 4px;
    border-top: 1px solid #eeeeee;
    padding-top: 4px;
    text-align: right;
}
*/

.address-group .address-name
{
    display: inline-block;
    width: 90px;
    text-align: right;
    padding-right: 12px;
    color: #aaa;
}

.address-group .address-value
{
    display: inline-block;
    width: 380px;
}

/*
.address-group li:last-child .address-value
{
    text-align: right;
}
*/

.address-group .address-strong
{
    font-weight: bold;
}

.address-group .address-highlighted
{
    background: yellow;
}

.address-group .buttons
{
    float: right;
}

/*
-------------------------------------------
TICKETS
-------------------------------------------
*/

#tickets_change_toolbar
{
    margin-top: 30px;
    padding: 6px 6px 6px 6px;
    display: inline;
    border: 1px solid #a0a0a0;
    background: #e0e0e0;
    clear: both;
}

.ticket_type
{
    color: #999999;
}

/*
--------------------------------------------
TABLE
--------------------------------------------
*/

table.table_standard
{
    empty-cells: show;
    border-collapse: collapse; /* IE6+7: equiv. empty-cells show */
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    /* border-right: 0px solid #c0c0c0; */
    border-right: 1px solid #ccc;
    width: auto;
    background: #ffffff;
}

table.table_standard th
{
    vertical-align: top;
    background-color: #e5e5e5;
    padding: 0.5em;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 1px solid #ccc;
    font-weight: normal;
}

table.table_standard th.th_sorted
{
    background-color: #c0c0c0;
    font-weight: bold;
    white-space: nowrap;
}

/* table.table_standard tr.normal */

table.table_standard > tr:nth-child(odd),
table.table_standard > tbody > tr:nth-child(even)
{
    /* background-color: #f7f7f7; */
    /* background-color: #ecf3fe; */
    /* background-color: #eff3f9; */
    background-color: #fafafa;
}

/* table.table_standard tr.highlight */

table.table_standard > tr:nth-child(even),
table.table_standard > tbody > tr:nth-child(odd)
{
    background-color: #ffffff;
}

table.table_standard tr.row_highlighted
{
    background-color: lightyellow;
}

table.table_standard .col_empty,
table.table_standard th .col_empty,
table.table_standard td .col_empty
{
    background: #ffffff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

table.table_standard td
{
    vertical-align: top;
    padding: 0.5em;
    /* border-top: 1px solid #c0c0c0; */
    /* border-bottom: 1px solid #c0c0c0; */
    /* border-left: 0px solid #c0c0c0; */
    /* border-right: 1px solid #c0c0c0; */
    /* empty-cells: show; */
}

table.table_standard > tr:nth-child(even) > td.td_sorted,
table.table_standard > tbody > tr:nth-child(odd) > td.td_sorted 
{
    /* background-color: #f5f5f5; */
    background-color: #f8f8f8;
}

table.table_standard > tr:nth-child(odd) > td.td_sorted,
table.table_standard > tbody > tr:nth-child(even) > td.td_sorted
{
    /* background-color: #e5e5e5; */
    background-color: #f0f0f0;
}

table.table_standard tr.row_total > td
{
    font-weight: bold;
}

td.centered,
.centered
{
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

td.numeric,
.numeric
{
    text-align: right;
    white-space: nowrap;
}

td.numeric_negative,
.numeric_negative
{
    background-color: #ff9999;
}

.zero
{
    color: #cccccc;
}

.zero a
{
    color: #888888;
}

td .row_num,
.row_num
{
    text-align: center;
    color: #cccccc;
}

table.table_standard tfoot tr td,
table.table_standard td .total,
table.table_standard .total
{
    font-weight: bold;
}

table.table_standard .row-status-not-active
{
    border-right: 2px solid red;
}

table.table_standard > tfoot > tr > td
{
    border-top: 1px solid #ccc;
}

/*
    ordinamento colonna
*/
table.table_standard > thead > th > a > span
{
    font-size: 100%;
}

/*
--------------------------------------------
TABLE_STANDARD TR:HOVER
--------------------------------------------
*/

/*
table.table_standard tr:hover
{
    background-color: lightyellow !important;
}
*/

table.table_standard > tbody > tr:hover > td.row_num
{
    color: #666 !important;
}

table.table_standard > tbody > tr:nth-child(odd):hover > td
{
    background-color: #ffffdd !important;
}

table.table_standard > tbody > tr:nth-child(odd):hover > td.td_sorted
{
    background-color: #ffffbb !important;
}

table.table_standard > tbody > tr:nth-child(even):hover > td
{
    background-color: #ffffbb !important;
}

table.table_standard > tbody > tr:nth-child(even):hover > td.td_sorted
{
    background-color: #ffff88 !important;
}

table.table_standard > tbody > tr:hover > td.col_empty
{
    background-color: #fff !important;
}


/*
--------------------------------------------
TABLE_FORM_READ
--------------------------------------------
*/

.table_form_read
{
}

.table_form_read th,
.table_form_read td
{
    padding-bottom: 3px;
}

.table_form_read th
{
    text-align: right;
    padding-right: 1em;
    color: #999999;
}

.table_form_read td
{
    min-width: 15em;
}

.table_form_read .sep-horz
{
    border-top: 1px dotted #c0c0c0;
}

.table_form_read .sep-horz-strong
{
    border-top: 1px solid #c0c0c0;
}

.table_form_read .buttons
{
    text-align: right;
    padding-top: 1em;
    border-top: 1px solid #c0c0c0;
    margin-top: 1em;
}

/*
--------------------------------------------
FORM
--------------------------------------------
*/

.form-container-read
{
    width: 700px;
    padding: 2em;
    background: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    
    -webkit-box-shadow: #ddd 1px 1px 2px;
    -moz-box-shadow: #ddd 1px 1px 2px;
    box-shadow: #ddd 1px 1px 2px;
}

.form-container-read table
{
    width: 100%;
}

.form-container-read table th
{
    width: 20%;
}

.form-container-read .sep
{
    margin-top: 0.5em;
    border-bottom: 1px dotted #c0c0c0;
    margin-bottom: 0.5em;
}

/*
--------------------------------------------
FORM
--------------------------------------------
*/

#form_standard
{
    background: #c0c0c0;
    padding: 6px;
    border: 1px solid #999999;
}


form .form_label
{
    font-weight: normal;
    text-align: right;
    vertical-align: top;
}

.form_label
{
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding-right: 6px;
}

ul.ul_standard
{
    list-style-type: square;
    line-height: 1.5em;
    color: #666666;
}

ul.ul_standard li
{
    margin-top: 1em;
}

.button_default
{
    font-weight: bold;
}


#quote_lines_box
{
    padding: 3px 3px 3px 3px;
    background: #ffffff;
    border: 1px solid #c0c0c0;
}

/*
----------------------------
SMALL_CMD
----------------------------
*/


.small_cmd
{
    float: right;
}

.small_cmd img
{
    vertical-align: middle;
    margin-right: 1px;
}

.small_cmd a
{
    text-transform: uppercase;
    font-size: 80%;
    padding: 6px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.small_cmd a:hover
{
    background: #bbbbbb;
    color: #ffffff;
}

/*
--------------------------------------------
FOOTER
--------------------------------------------
*/

#app_footer
{
    background: #aaaaaa;
    font-size: 11px;
    color: #555555;
    text-align: center;
    margin-top: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#app_footer #sitemap
{
    margin-left: auto;
    margin-right: auto;
}

#app_footer #sitemap,
#app_footer #sitemap h2,
#app_footer #sitemap h2 a
{
    font-size: 11px;
    color: #ffffff;
}

#app_footer #sitemap a
{
    font-size: 11px;
    color: #555555;
    text-decoration: none;
}

#app_footer #sitemap a:hover
{
    text-decoration: underline;
}

#app_footer #sitemap ul
{
    margin-bottom: 20px;
}

#app_footer #sitemap li
{
    text-align: left;
    float: left;
    list-style-type: none;
    width: 130px;
}

#app_footer #sitemap .area
{
    padding-left: 0;
}

#app_footer #sitemap .area li
{
    text-align: left;
    float: none;
    list-style-type: none;
    margin-left: 0;
}


/*
--------------------------------------------
DIALOG
--------------------------------------------
*/

.ui-widget-overlay
{
    background-color: #aaaaaa !important;
    background-image: url('js/jquery-ui-1.8.18.custom/css/flick/images/ui-bg_flat_0_aaaaaa_40x100.png') !important;
}

.ui-widget-header
{
    border: 0 !important;
    background: #D4DDE6 !important;
}

.ui-dialog
{
    padding: 0.4em !important;
}

.dialog-background
{
    background-color: #000000;
    filter:alpha(opacity=50); /* IE */
    opacity: 0.50; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 20;
    min-height: 100%;
    min-width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position:fixed;
    top: 0px;
    left: 0px;
}

.dialog
{
    background: #efefef !important;
    font-size: 13px !important;
}

.dialog input[type=submit]
{
    font-size: 13px !important;
}

.dialog #tabs
{
    padding-left: 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #c0c0c0;
}

.dialog #tabs > li
{
    display: inline;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    margin-left: 2px;
    margin-right: 2px;
}

.dialog #tabs > li.selected
{
    background: #cccccc;
}

.dialog #tabs > li.selected > a
{
    color: #ffffff;
    font-weight: bold;
}

.dialog #lists-container
{

}

.dialog #lists-container > div > input,
.dialog #lists-container > div
{
    width: 500px;
}

.dialog #lists-container > div > ul
{
    height: 300px;
    overflow: auto;
    background: #ffffff;
}

.dialog #lists-container ul
{
    padding: 1em;
    border: 1px solid #cccccc;
}

.dialog #lists-container li
{
    padding: 0.2em;
    list-style-type: none;
}

.dialog #lists-container li:hover
{
    background: lightyellow;
}

.dialog #lists-container li > label
{
    padding-left: 0.75em;
}

.dialog #lists-container li > label:hover
{
    text-decoration: underline;
}

.dialog .buttons
{
    text-align: right;
    margin-top: 1em;
    border-top: 1px solid #c0c0c0;
    padding-top: 1em;
}

/*
--------------------------------------------
BUTTONS
--------------------------------------------
*/

.button_small
{
    border: 1px solid #666666;
    border-bottom: 1px solid #555555;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.7em;
    padding-right: 0.7em;
    background: #8597BD;
    color: #ffffff;
    text-transform: normal;
    font-size: 8.5pt;
    margin-left: 1em;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: #ccc 0px 1px 0px;
    -moz-box-shadow: #ccc 0px 1px 0px;
    box-shadow: #ccc 0px 1px 0px;
}

.button_small > span:first-child
{
    /* font-size: 11.5pt; */
    padding-right: 0.5em;
    font-weight: bold;
}

.button_small > span:last-child
{
    border-left: 1px solid #666666;
    padding-left: 0.5em;
}

.button_small:hover
{
    background: #D4DDE6;
    color: #333333;
    text-decoration: none;
}

.button_add
{
}

/*
----------------------------------
CARDS
----------------------------------
*/

#contents .cards > li
{
    display: inline-block;
    vertical-align: top;
    width: 25em;
    padding: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    background: #fff;

    /*
    border: 1px solid #DDD;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset #CCC 0px 0px 2px;
    -moz-box-shadow: inset #CCC 0px 0px 2px;
    box-shadow: inset #CCC 0px 0px 2px;
    */

    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #ddd 1px 1px 2px;
    -moz-box-shadow: #ddd 1px 1px 2px;
    box-shadow: #ddd 1px 1px 2px;
}

#contents .cards > li:hover
{
    border: 1px solid #888;
}

#contents .cards > li header
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
}

#contents .cards > li h2
{
    display: block;
    line-height: normal;
    font-size: 160%;
    font-weight: normal;
}

#contents .cards div.label
{
    color: #aaa;
    font-weight: normal;
    padding-right: 0.5em;
    width: 7em;
    display: inline-block;
    text-align: right;
    text-shadow: none;
    background: none;
    vertical-align: top;
}

#contents .cards div.value
{
    display: inline-block;
    width: 16.5em;
    vertical-align: top;
}

#contents .cards .body
{
    margin-top: 0.5em;
    border-top: 0px solid #ccc;
}

/*
-----------------------------------
END css/style.css
-----------------------------------
*/
/*
----------------------------------------
BEGIN nav
----------------------------------------
*/

html, body
{
    min-height: 100%;
}

body
{
    /* width: 100%; */
    /* min-width: 600px; */
}

html, body, ul, ol, li, form, fieldset
{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Lucida Grande", Helvetica, Arial;
    /* line-height: 120%; */
}

input, input[type="text"], input[type="password"], select, textarea
{
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Helvetica, Arial;
    line-height: 14px !important;
    font-size: 100%;
}

label
{
    display: inline;
    /* line-height: 100%; */
    font-size: 100%;
}

select
{
    height: 20px;
}

/*
input[type=text],
input[type=password]
{
    height: 18px;
}
*/

h2, h3
{
    line-height: 100%;
}

.clear
{
    clear: both;
}

/*
-----------------------------------
TOPBAR
-----------------------------------
*/

#topbar
{
    position: relative;
    z-index: 1000;
    width: 100%;
    background: #eee;
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 6px;

    -moz-box-shadow:    0px 1px 3px #ccc;
    -webkit-box-shadow: 0px 1px 3px #ccc;
    box-shadow:         0px 1px 3px #ccc;
}
    
#topbar .empty
{
    list-style-type: none;
    color: #999999;
}


#topbar > table
{
    width: 100%;
}

#topbar > table td
{
    vertical-align: top;
}

#topbar > table td:first-child
{
    width: 200px;
}

#topbar > table td:last-child
{
    width: 200px;
    text-align: right;
}


/*
-----------------------------------
QUICKMENU
-----------------------------------
*/

#quickmenu
{
    display: block;
    list-style-type: none;
    padding-left: 10px;
    
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    height: 25px;
}

#quickmenu > li
{
    display: inline-block;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
}

#quickmenu > li > a
{
    margin-right: 0em;
    color: #666;
    padding: 0;
    font-size: 16px;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: none;
}

#quickmenu > li > a:hover
{
    color: #000;
}

#quickmenu label
{
    color: #999;
    padding-left: 1em;
    font-weight: bold;
}

#quickmenu .empty
{
    color: #999;
    text-align: center;
}

/*
---------------------------------------
MONITOR
---------------------------------------
*/

#monitor
{
    float: left;
    width: 100%;

    height: 12px;
    padding: 4px;
    
    font-size: 100%;
    text-align: center;
    background: ddd;
    color: #888;
    text-shadow: #fff 0px 0px 0px;

    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*
---------------------------------------
QUICKSEARCH
---------------------------------------
*/


#quicksearch
{
    display: inline-block;
    
    width: 150px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    line-height: normal;
    height: 20px;
    padding-top: 2px;
    padding-left: 6px;
    padding-right: 4px;
    background: #fff;
    text-align: left;

    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    
    border: 1px solid #ccc;
}

#quicksearch > fieldset > div > a
{
    font-size: 14px;
    padding-left: 2px;
}

#quicksearch input[type="text"]
{
    border: 0;
    box-shadow: none;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 125px;
}


/*
-----------------------------------
MAIN
-----------------------------------
*/

#main
{
    position: relative;
    min-height: 100%;
    width: 100%;
}

#footer
{
    clear: both;
    width: 100%;
}


/*
-----------------------------------
MAINMENU
-----------------------------------
*/

#mainmenu
{
    list-style-type: none;
    padding-left: 0;
    margin-top: 8px;
    margin-left: 0;
    padding-bottom: 20px;
    
    padding-top: 5px;
    border-top: 1px solid #ccc;
}

#mainmenu > li
{
    padding-left: 12px;
    margin-bottom: 3px;
}

#mainmenu > li > a
{
    /* color: #888; */
    /* color: #444; */
    color: #999;
    text-decoration: none;
    padding-left: 0px;
    /* text-shadow: 1px 1px 0 #FFFFFF; */
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

#mainmenu > li > a:hover
{
    text-decoration: none;
    color: #444;
}

#mainmenu > li > a [class^="icon-"],
#mainmenu > li > a [class^="icon-"]:before
{
    display: inline-block !important;
}

#mainmenu > li > ul
{
    margin-left: 1.4em;
    list-style-type: none;
    padding-left: 0;
    font-size: 13px;
    color: #333333;
    text-transform: none;
    font-weight: normal;
    margin-bottom: 9px;
}

#mainmenu > li > ul > li
{
    padding-top: 3px;
    padding-bottom: 3px;
    background-image: none !important;
    line-height: 17px;
}

#mainmenu > li > ul > li > a
{
    text-decoration: none;
    color: #333;
    
    /* color: #0088cc; NEW*/
}

#mainmenu > li > ul > li > a:hover
{
    text-decoration: underline;
}

#mainmenu .menu-selected
{
    background-color: #8597bd;
    margin-left: -50px;
    padding-left: 50px;
    font-weight: bold;
}

#mainmenu .menu-selected a
{
    color: #ffffff !important;
}

/*
-----------------------------------
LEFT COL
-----------------------------------
*/

#left-col
{

    float: left;
    
    width: 180px;
    min-height: 100%;
    vertical-align: top;

    /* background: #d4dde6; */
    background: #e5eef7;
    padding: 0;
    padding-top: 0.5em;
    border-right: 1px solid #ccc;
    /* padding-bottom: 40px; */
    height: auto;
    min-height: 100vh;
}

.color-1-a
{
    background: #e5eef7 !important;
}

.color-1-b
{
    background: #8597bd !important;
}

.color-2-a
{
    background: #f7eee5 !important;
}

.color-2-b
{
    background: #bdab85 !important;
}

.color-3-a
{
    background: #f7e5e5 !important;
}

.color-3-b
{
    background: #bd8f85 !important;
}

.color-4-a
{
    background: #e5f7f7 !important;
}

.color-4-b
{
    background: #85bdab !important;
}

.color-5-a
{
    background: #efefef !important;
}

.color-5-b
{
    background: #999 !important;
}

.color-6-a
{
    background: #f7e5ee !important;
}

.color-6-b
{
    background: #e5abc8 !important;
}

.color-7-a
{
    background: #eef7e5 !important;
}

.color-7-b
{
    background: #c8e5ab !important;
}

.color-8-a
{
    background: #dbf0f5 !important;
}

.color-8-b
{
    background: #75c6db !important;
}

/*
-----------------------------------
TOGGLE LEFT COL
-----------------------------------
*/

#toggle-col
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    
    background: transparent;
    min-height: 100%;
    width: 6px;
    /* cursor: pointer; */
    cursor: e-resize;
}

#toggle-col.expanded
{
    cursor: w-resize;
}

#toggle-col:hover
{
    background: #ddd;
    border-right: 1px solid #ccc;
}

/*
-----------------------------------
CENTER COL
-----------------------------------
*/

#center-col
{
    position: relative;
    margin-left: 181px;
        
    min-height: 100%;
    vertical-align: top;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    /* padding-bottom: 40px; */
    
    background: #fafafa;
    
    min-height: 100vh;
}

#center-col.expanded
{
    margin-left: 0;
}

/*
-----------------------------------
STATUS BAR
-----------------------------------
*/

#statusbar
{
    height: 20px;
    width: 100%;
    background: #eee;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #ccc;
    padding-top: 3px;
    padding-left: 12px;
}

/*
----------------------------------
LOCALMENU
----------------------------------
*/

#localmenu
{
    margin-top: 0;
    margin-left: -20px;
    margin-bottom: 20px;
    margin-right: -20px;
}

#localmenu > ul
{
    /*
    height: 24px;
    */
    
    list-style-type: none;
    padding-top: 7px;
    padding-left: 5px;
    /* background: #eee; */
    background: #fff;
    border-bottom: 1px solid #aaa;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;

}

#localmenu > ul > li
{
    /*
    float: left;
    */
    display: inline-block;
    margin-bottom: -1px;
    
    min-width: 68px;
    height: 27px;
    background: #ddd;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    padding-top: 3px;
    margin-top: -3px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 13px;
    color: #aaa;
    
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    
    -moz-box-shadow: 1px 0px 1px #bbb;
    -webkit-box-shadow: 1px 0px 1px #bbb;
    box-shadow: 1px 0px 1px #bbb;
}

#localmenu > ul > li > a
{
    text-decoration: none;
    color: #333;
}

#localmenu > ul > li > a:hover
{
    text-decoration: underline;
}

#localmenu > ul > li.selected
{
    /* background: #fff !important; */
    background: #fafafa !important;
    border-bottom: 1px solid #fff !important;
}

#localmenu > ul > li > sup
{
    color: #ffffff;
    /* background: #D4DDE6; */
    background: #8597bd;
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: -2px;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#localmenu > ul > li > sup.zero
{
    background: #888;
}

/*
-----------------------------------------------
END nav
-----------------------------------------------
*/
/*
-----------------------------------------
filename: menu.css
location: css
-----------------------------------------
*/


/*
-----------------------------------------
MAIN NAVIGATION
-----------------------------------------
*/

#menus
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;

	padding-top: 0px;
	padding-bottom: 0.3em;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0;
	border-bottom: 1px solid #666666;
}

#menus ul
{
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	color: #666;
}

#menus li
{
	color: #646464;
	display: inline;
	margin-left: 0.7em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.25em;
	padding-right: 1.25em;

	background: #dddddd;
}

#menus li a
{
	text-decoration: none;
	
	color: #ffffff;
}

#menus li a.active
{
	text-decoration: none;
	color: #f47c20;
}

#menus li a:hover
{
	text-decoration: none;
	color: #f47c20;
}


#menus li.selected
{
	font-weight: bold;

	background: #666666;
}

#menus li.selected a
{
	color: #ffffff;
}

/*
-----------------------------------------
SUB NAVIGATION
-----------------------------------------
*/

#submenus
{
	margin-top: -1.2em;
}

.submenus
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;

	padding-top: 0.2em;
	padding-bottom: 0.3em;
	text-align: center;
	border-bottom: 1px solid #666666;
	background-color: #646464;
}

.submenus ul
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	/* color: #666; */
}

.submenus li
{
	color: #646464;
	display: inline;
	/* background: #dddddd; */
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.submenus li a
{
	text-decoration: none;
	color: #ffffff;
}

.submenus li a.active
{
	text-decoration: none;
	color: #f47c20;
}

.submenus li a:hover
{
	text-decoration: none;
	color: #f47c20;
}

#nav_sub_sep
{
	display: inline;
	color: #ffffff;
	margin-left: 0.5em;
	margin-right: 0.5em;
}


/*
filenames: 
*/