/* Page Global Styles */
body {
    background-color:#797979;
    padding:0px;
    margin:0px;
}

.header {
    width:100%;
    border-bottom:1px solid white;
/*     background-color:#4b5368; */
    background-image: url(../images/impera/header_background.gif);
    background-repeat:repeat-x;
    height:45px;
    margin-bottom:15px;
}

.system_logo {
    float:right;
}

.clear { clear: both; font-size:0; }

.content_frame {
    background-color:#f1f1f1;
    width:930px;
}

.content_holder {
    background-color:#f1f1f1;
    /*background-image: url(../images/impera/fon1.gif);
    background-repeat:repeat-x;*/
    width:100%;
    vertical-align:top;
}

.index_content_holder {
    background-image: url(../images/impera/fon1.gif);
    background-repeat:repeat-x;
    width:100%;
    vertical-align:top;
    z-index: 90;
}

.splash_holder {
    background-image: url(../images/impera/image.jpg);
    background-repeat:no-repeat;
    background-position: 50% 0px;
}

.bottom_brg {
    background-image: url(../images/impera/fon2.gif);
    background-repeat:repeat-x;
}



.left_bar {
    border:1px solid #ffffff;
    background-color:#e4e4e4;
    width:25px;
}

.navigation_cell {
    padding-top:2px;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:2px;
}

.page_title {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #4B4B4B;
    font-weight:bold;
    padding:5px;
    /*padding:10px;*/
    /*margin-bottom:10px;*/
}

.content_title {
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    color: #4B4B4B;
    background-color: #e4e4e4;
    border-bottom: 1px solid #b0b0b0;
    border-top: 1px solid #b0b0b0;
    padding:2px;
}

.invoice_title {
    font-family:Verdana;
    font-size:16px;
    font-weight:bold;
    color: #800000;
    padding:2px;
}

.tableborder {
    border: 1px solid black;
}


.search_bar{
    width: 100%;
    border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    background-color: #e4e4e4;
    margin-bottom:10px;
}


.search_field_holder{
    float:left;
    padding-left:3px;
    padding-right:3px;
}

.list_add_field_holder{
    float:left;
    padding-left:3px;
    padding-right:3px;
}



/* Text and Form elements styles */

.text {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #000000;
    text-decoration: none;
}

.red {
    color: #ff0000;
}

.bold           { font-weight:bold; }
.bottom_border  { border-bottom:1px solid; }
.top_border  { border-top:1px solid; }

.form_el {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border: 1px solid #797676;
}

/*.button {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border: 1px solid #797676;
    --background-color:#697592;
    background-color:#E8E3DE;
}*/

.button {
    cursor:hand;
    cursor:pointer;
}

img.button {
    border:none;
}

.link {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}

.link:hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

.error {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #800000;
}


.success {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #75A241;
}






/* List styles */

.list_header {
    font-family:Verdana;
    font-size:11px;
    background-color:#858A92;
    color:#ffffff;
    font-weight:bold;
}

a.list_header {
    font-family:Verdana;
    font-size:11px;
    background-color:#858A92;
    color:#ffffff;
    font-weight:bold;
    text-decoration:underline;
}

a.list_header:hover {
    font-family:Verdana;
    font-size:11px;
    background-color:#858A92;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}


.list_light_header {
    background-color:#FFFFFF;
    color: #383838;
}

td.list_light_header {
    border-bottom:1px solid #BDB7B7;
}


/* --- Odd Row --- */

tr.list_odd {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #FFFFFF;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_odd:hover  td.list_odd {
    background-color: #D5E7F4;
}

td.list_odd {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_odd {
    background-color: #D5E7F4;
}

/* --- White Row --- */

tr.list_white {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #FFFFFF;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_white:hover  td.list_white {
    background-color: #D5E7F4;
}

td.list_white {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_white {
    background-color: #D5E7F4;
}


/* --- Evan Row --- */

tr.list_even {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #F4F4F4;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_even:hover td.list_even {
    background-color: #D5E7F4;
}

td.list_even {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_even {
    background-color: #D5E7F4;
}


/* --- Light blue Row --- */

tr.list_light_blue {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #e5eef4;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_light_blue:hover td.list_light_blue {
    background-color: #D5E7F4;
}

td.list_light_blue {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_light_blue {
    background-color: #D5E7F4;
}

/* --- Red Row --- */

tr.list_red {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #FFAF99;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_red:hover  td.list_red {
    background-color: #FEDDD1;
}

td.list_red {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_red {
    background-color: #FEDDD1;
}

/* --- Yellow Row --- */

tr.list_yellow_no_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #BDB7B7;
}

tr.list_yellow {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #F7DA8F;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_yellow:hover  td.list_yellow {
    background-color: #FFF4D0;
}

td.list_yellow {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_yellow {
    background-color: #FFF4D0;
}

/* --- Green Row --- */

tr.list_green {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #C4E1C5;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_green:hover  td.list_green {
    background-color: #D2EFD5;
}

td.list_green {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_green {
    background-color: #D2EFD5;
}


/* --- Grey Row --- */

tr.list_grey {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #D3D3D3;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_grey:hover td.list_grey {
    background-color: #F2F2F2;
}

td.list_grey {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_grey {
    background-color: #F2F2F2;
}

/* --- Violet Row --- */
tr.list_violet {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #F3F5FA;
    behavior: url(css/hover.htc );  /* For IE Only */
}

tr.list_violet:hover  td.list_violet {
    background-color: #E6E7EC;
}

td.list_violet {
    border-bottom:1px solid #BDB7B7;
}

table.list_active tr.list_violet {
    background-color: #E6E7EC;
}


/* IE Only */
.list_odd_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #D5E7F4;
    behavior: url(css/hover.htc );  /* For IE Only */
}

.list_even_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #D5E7F4;
    behavior: url(css/hover.htc );  /* For IE Only */
}

.list_light_blue_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #D5E7F4;
    behavior: url(css/hover.htc );  /* For IE Only */
}

.list_red_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #FEDDD1;
    behavior: url(css/hover.htc );  /* For IE Only */
}

.list_yellow_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #FFF4D0;
    behavior: url(css/hover.htc );  /* For IE Only */
}

.list_green_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #D2EFD5;
    behavior: url(css/hover.htc );  /* For IE Only */
}

.list_grey_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #F2F2F2;
    behavior: url(css/hover.htc );  /* For IE Only */
}

.list_violet_hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;
    background-color: #E6E7EC;
    behavior: url(css/hover.htc );  /* For IE Only */
}


/* Misc Styles */

.line-color1 {
    background-color: #BDB7B7;
    padding:0px;
}

.hidden_layer {
    position:absolute;
    background-color:#ffffff;
    padding:3px;
    width:100px;
    top:0px;
    left:0px;
    border:1px solid black;
    visibility:hidden;
}

.hidden_layer_inaccuracy_protocols {
    width:500px;
    top:10px;
    left:-510px;
}

.hidden_layer_material_prices {
    width:850px;
    top:10px;
    left:-860px;
}

.hidden_info_layer {
    position:absolute;
    background-color:#ffffff;
    padding:3px;
    border:1px solid black;
    visibility:hidden;
    z-index:100000;
}

.hidden_layer_invoices_payment {
    width:500px;
    top:16px;
    left:5px;
}



.close_div {
    position:absolute;
    top:5px;
    left:96%;
}

.loged_user {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #4B4B4B;
    font-weight:bold;
    padding:5px;
    /*margin-bottom:10px;*/
}



.header_table {
    border-top: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    background-color: #efefef;
}



/************************************************
*               Navigation Styles
*/
#navigation {
    /*background-image: url("../images/nav/bg.jpg");*/
    text-align: center;
    height:25px;
    border-left:1px solid #a3a7b2;
    z-index: 100;
}

.container{
    margin: auto;
    z-index: 150;
}

#navigation #btn{
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    border:1px solid #a3a7b2;
    border-left:none;
    border-bottom:none;
    z-index: 200;
}


#btn #img { z-index: 1; margin:0px; }

#navigation #menu {
    position: absolute;
    top: 25px;
    left: -1px;
    display: none;
    z-index: 100;
    border: 1px solid #a3a7b2;
    background-color: #dbdce0;
    padding: 2px;
    text-align:left;
}

#menu .min_width { width: 150px; }

#menu .item {
    width:100%;
    behavior: url(css/nav_hover.htc);
    clear:both;
}

#menu .start{
    width:3px;
    height:20px;
    float:left;
}

#menu .text {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:18px;
    padding-bottom:2px;
    width: 100%;
    font-weight:bold;
}

#menu .end{
    width:3px;
    height:20px;
    float:right;
}

#menu .item:hover .start, #menu .item_hover .start { background-image: url("../images/nav/hlc.jpg"); }
#menu .item:hover .text,  #menu .item_hover .text  { color:#ffffff; font-size: 11px; background-image: url("../images/nav/hbg.jpg"); }
#menu .item:hover .end,   #menu .item_hover .end   { background-image: url("../images/nav/hrc.jpg"); }


#new_old_ver {
    position: absolute;

    border-top: 1px solid #BDB7B7;
    border-left: 1px solid #BDB7B7;

    text-align:left;
}

#new_old_ver .item {
    z-index: 100;
    
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #383838;

    

    background-color: #FFFFFF;

    width: 100px;
    padding: 2px 2px 2px 10px;

    border-bottom:1px solid #BDB7B7;
    border-right:1px solid #BDB7B7;

    cursor:hand;
    cursor:pointer;

}

#new_old_ver .item_hover {
    background-color: #D5E7F4;
}

.dark_bgr {
    background-color: #d9d9d9;
}

.list_menu_holder {
 position: relative; 
 overflow: hidden;   
 height: 20px;
 width: 60px;
}

.list_menu_holder_over { 
    overflow: visible;
}

.list_menu {
    position: absolute; 
    
    top:0; 
    right: 0;
    
    padding: 2px 0 0 2px;
    height: 18px; 
    
    
    white-space: nowrap;
}

.list_menu_holder_over .list_menu {
    background: #ffffff;
}

.tab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #000000;
    
    
    float:left;
    padding: 5px 10px 5px 10px;
    height: 20px;
    line-height: 25px;
    border-right: 1px solid #b0b0b0;
    border-top: 1px solid #b0b0b0;    
    background: #e4e4e4;
    cursor:hand;
    cursor:pointer;
}

.first_tab {
    border-left: 1px solid #b0b0b0;       
}

.week_select {  
    float:left;
    padding: 8px 0 0 5px;
    height: 20px;
    line-height: 25px;
}
.planned_operation_flds_holder {
    float: right;
    position: relative;    
    height: 1px;
    width: 1px;
}
.planned_operation_flds  {
    display: none;
    position: absolute;
    top: 0;
    left: 10px;
    width: 120px;
    padding: 5px 20px 20px 5px;
    border: 1px solid #B0B0B0;
    background: #E4E4E4;
    overflow: auto;
    overflow-x: hidden;
}

.tab_today {
    color: green;    
}

.tab_weekend {
    color: blue;
}

.tab_custom_date {
    background: #FF8282;
}

.selected {
    background: #858A92;
    color: #ffffff;
    font-weight: bold;
}


.tab_content {
    display: none;
}


.planOperationNormal{
   background:#A5E088;
}

.planOperationToday{
   background:#FF9430;
}

.planOperationStartToday{
   background:#F0DD10;
}

.planOperationLate{
   background:red;
}

.deadline_state_normal,
.deadline_state_today,
.deadline_state_start_today,
.deadline_state_late
{
    display: inline-block;
    margin: 2px 4px 2px 4px;
    width: 10px;
    height: 10px;
    border: 1px solid black;        
    background: #a5e088;
}
.deadline_state_today{
   background: #ff9430;
}
.deadline_state_start_today {
   background: #f0dd10;
    
}
.deadline_state_late {
   background: red;
    
}
.center {
    text-align: center;
}

.t_right {    
    text-align: right;
}

.info_box_fld {
    width: 100%;
    background: #ffffff;
    color: #000000;    
    min-height: 20px;
/*     overflow: auto; */
}

.fld_delimiter {
    height: 5px;
    line-height: 0px;
    font-size: 10px;
    
}

.multi_selector_link {
    display: inline;
}

.multi_selector_link:hover {
    text-decoration: underline;
}

.colors, .colors_preview {
    float: left;
    width: 124px;
    height: 124px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    margin: 20px 20px 0 0;
}
.colors_preview {    
    margin: 20px 0 0 0;
    border: 1px solid black;
}
.color {
    float: left;
    width: 30px;
    height: 30px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.color_small { 
    width: 12px;
    height: 12px;
    border: 1px solid black;
}

.info_box_1 {
    width: 100%;
    padding: 5px 0 5px 0;
    border: 1px solid #b0b0b0;    
    background-color: #e4e4e4;
    margin-bottom:10px;
}

.loaded_material {
    float: left;
    width: 790;
    padding: 0 10px 0 10px;
}
.loaded_actions {
    float: right;
    width: 80px;    
    padding: 0 10px 0 0;
    text-align: right;
}
.hidden {
    display: none;
}