/*--DIV-----------------*/
.container { 
    font-family:verdana,arial,helvetica,sans-serif; 
    font-size:10px; 
    margin:1px 0; 
} 
.container img { 
    vertical-align: middle; 
} 
.container span { 
    font-weight:bold; 
    cursor:pointer; 
} 
.off { 
    display:none; 
} 
.on { 
    display:block; 
    margin:1px 30px; 
    text-align:justify; 
    color:#003; 
    background-color:#eef; 
} 

/*--Generale-----------------*/
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
body {
    background-color: #FFFFF9;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

/*--Meniu-----------------*/
.menu_btn_bar {
    background-image: url(../images/bg_btn_blue.jpg);
    height: 20px;
    padding-top: 3px;
    margin-top: 1px;
}
.menu_btn_sep {
    background-image: url(../images/btn_menu_bg_down.jpg);
    height: 20px;
    margin-top: 1px;
}
.menu_btn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url(../images/bg_btn_blue.jpg);
    height: 20px;
    width: 130px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}
.menu_btn_over {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    background-image: url(../images/bg_btn_blue_over.jpg);
    height: 20px;
    width: 130px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}
.menu_btn_down {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url(../images/bg_btn_blue_down.jpg);
    height: 20px;
    width: 130px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}

.menu_btn_lung {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url(../images/bg_btn_blue.jpg);
    height: 20px;
    width: 200px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}
.menu_btn_over_lung {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    background-image: url(../images/bg_btn_blue_over.jpg);
    height: 20px;
    width: 200px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}
.menu_btn_down_lung {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url(../images/bg_btn_blue_down.jpg);
    height: 20px;
    width: 200px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}

.menu_btn_flung {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url(../images/bg_btn_blue.jpg);
    height: 20px;
    width: 250px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}
.menu_btn_over_flung {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    background-image: url(../images/bg_btn_blue_over.jpg);
    height: 20px;
    width: 250px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}
.menu_btn_down_flung {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url(../images/bg_btn_blue_down.jpg);
    height: 20px;
    width: 2500px;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 3px;
    cursor: hand;
    text-align: center;
}
/*--Erori, raspunsuri-----------------*/
.error_txt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FF0000;
}
.info {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
}
.eroare_td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
    text-transform: uppercase;
    background-color: #FFFFFF;
    padding-left: 5px;
}

/*--Login-----------------*/
.login_version {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    top: -5px;
    left: 210px;
    position: relative;
    border: 0px solid #FFFFFF;
    width: 200px;
}
.login_td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.login_txt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
.login_inp {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
}
.login_btn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #006633;
}
.login_div {
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
        (src='http://localhost/ecosud/images/img1.jpg',sizingMethod='scale');*/
    background: url(../img.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.login_table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    top: 200px;
    left: 0px;
    position: relative;
    border: 2px solid #FFFFFF;
    cursor: default;
    width: 220px;
}

/*--Liste-----------------*/
.list_tr_titlu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    height: 20px;
    padding: 1px;
}
.list_titlu_txt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    background-color: #FFCCFF;
}
.list_tr_order {
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
    background-color: #E2E4FD;
}
.list_tr_order_ip_fix {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
    background-color: #E4FDE1;
}
.list_tr_order_clicknet {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
    background-color: #FFFFCC;
}
.list_td_order {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
    background-color: #E2E4FD;
}
.list_titlu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #0000FF;
    height: 20px;
    width: 100%;
    padding-top: 3px;
    padding-left: 10px;
    color: #FFFF00;
}
.raport_link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    background-color: #FFCC66;
    padding-left: 5px;
}
.raport_link:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
    background-color: #FFCC66;
    padding-left: 5px;
}
.list_link {
    font-family:  Verdana;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
}
.list_link:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}
.list_link_white {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}
.list_link_white:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}
.list_menu_sep {
    margin-top: 1px;
    background-color: #FFFFFF;
    height: 17px;
}

/*--Formatari de pagina-----------------*/
.cap_tabel {
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #FFCC66;
    padding-left: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.td_tabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding-left: 10px;
}
.buton_tabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #006633;
    /*width: 100px;*/
    text-transform: uppercase;
}
.buton_tabel_transp {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #006633;
    border-color:transparent;
    background-color:transparent;	
    /*width: 100px;*/
    text-transform: uppercase;
}
.buton_tabel_pink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #006633;
    /*width: 100px;*/
    background-color:#E0FF83;
    text-transform: uppercase;
}
.buton_tabel_fix {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #006633;
    width: 100px;
    text-transform: uppercase;
}
.input_tabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color:#170200;
}
.input_tabel_disabled {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #0000FF;
}
.input_tabel_pink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background-color:#E0FF83;
}
.select_tabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    width: 200px;
    border: 1px solid;
}
.client_nume {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

/*--Status bar-----------------*/
.status_bar_no {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #FFFFFF;
}
.status_bar_yes_cancel {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #FF0000;
}
.status_bar_yes_suspend {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #FF9900;
}
.status_bar_yes {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #00FF00;
}
.status_bar_table {
    border: 1px solid #000000;
    margin-top: 2px;
    margin-bottom: 2px;
}

/*--Detalii-----------------*/
.order_view_field {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}
.order_view_tabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    color: #000000;
    vertical-align: top;
}
.order_view_td {
    background-color: #E2E4FD;
}
.order_view_td_mic {
    background-color: #E2E4FD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
}

/*--Help-----------------*/
.help_btn {
    cursor: hand;
}
.help_main_container {
    border: 1px solid #0000FF;
    margin: 5px;
    height: 490px;
}
.help_main_header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0000FF;
    background-color: #E2E4FD;
    font-weight: bold;
    padding: 15px;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #0000FF;
}
.help_main_footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0000FF;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0000FF;
}
.help_main_text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    font-weight: normal;
    padding: 10px;
}
.help_content_titlu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999999;
}

/*--Porturi, configuratii-----------------*/
.port_cell_div {
    border: 1px solid #000000;
    height: 20px;
    width: 15px;
    margin: 2px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    cursor: hand;
}
.port_cell_div_none {
    border: 1px solid #000000;
    height: 20px;
    width: 15px;
    margin: 2px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    background-color: #CCCCCC;
}
.port_cell_div_busy {
    border: 1px solid #000000;
    height: 20px;
    width: 15px;
    margin: 2px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    background-color: #FFC6C6;
    cursor: hand;
}
.port_cell_div_green {
    border: 1px solid #000000;
    height: 20px;
    width: 15px;
    margin: 2px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    background-color: #BBFFBB;
    cursor: hand;
}
.port_cell_vertical {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0066FF;
    text-transform: uppercase;
    writing-mode: tb-rl;
    filter: flipv fliph;
}
.port_cell_vertical_half {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0066FF;
    text-transform: uppercase;
    writing-mode: tb-rl;
    filter: flipv fliph;
    padding-bottom: 20px;
}
.port_cell_card {
    border: 1px solid #0066FF;
    margin: 10px;
    padding: 10px;
}
.card_vertical {
    height: 460px;
    width: 20px;
    background-color: #FFFFFF;
}
.port_vertical_busy {
    height: 18px;
    width: 18px;
    background-color: #FF0000;
    margin: 1px;
    text-align: center;
    cursor: hand;
    text-decoration: none;
}
.port_vertical_empty {
    height: 18px;
    width: 18px;
    background-color: #00FF00;
    margin: 1px;
    text-align: center;
    cursor: hand;
    text-decoration: none;
}
.port_vertical_wrong {
    height: 18px;
    width: 18px;
    background-color: #000000;
    margin: 1px;
    text-align: center;
    cursor: hand;
    color:#FFFFFF;
    text-decoration: none;
}
.port_vertical_suspect {
    height: 18px;
    width: 18px;
    background-color: #DDDDDDS;
    margin: 1px;
    text-align: center;
    cursor: hand;
    text-decoration: none;
}
.port_vertical_null {
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    margin: 1px;
    text-align: center;
    text-decoration: none;
}
.card_filtru {
    height: 460px;
    width: 20px;
    background-color: #CCCCCC;
}
.card_filtru_eda {
    height: 230px;
    width: 20px;
    background-color: #CCCCCC;
}

/*---------- clase pentru lista de alarme onu----------*/
.porturi_ok {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #EFFFE8;
    padding: 1px;
}
.porturi_alarma_1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 1px;
}
.porturi_alarma_2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #FFBA00;
    color: #FFFFFF;
    padding: 1px;
}
.porturi_alarma_3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #FFFF00;
    color: #FFFFFF;
    padding: 1px;
}

/*------------clase pentru tree menu---------------------*/
.dtree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}
.dtree img {
    border: 0px;
    vertical-align: middle;
}
.dtree a {
    color: #333;
    text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
    color: #333;
    text-decoration: underline;
}
.dtree a.nodeSel {
    background-color: #c0d2ec;
}
.dtree .clip {
    overflow: hidden;
}

/*---------clase pentru grafica hdc-----*/
.div_hdc_row_left {
    text-align: left;
}
.div_hdc_row_center {
    text-align: center;
}
.div_hdc_row_right {
    text-align: right;
}
.div_hdc_spatiu_liber {
    border: 1px solid #000000;
    margin: 10px 1px;
    background-color: #ffffff;
    height: 40px;
    width: 30px;
}
.div_hdc_spatiu_null {
    border: none;
    margin: 1px;
    height: 40px;
    width: 30px;
    margin: 10px 1px;
}
.div_hdc_rack_rtc {
    border: 1px solid #000000;
    margin: 1px;
    background-color: #00CCFF;
    height: 40px;
    width: 30px;
    margin: 10px 1px;
}

.div_hdc_rack_client {
    border: 1px solid #000000;
    margin: 1px;
    background-color: #FF7979;
    height: 40px;
    width: 30px;
    margin: 10px 1px;
}

/*---------clase pentru grafica linii-----*/
.graph_linie {
    background-image: url(../images/linie.gif);
    background-repeat: repeat-x;
    background-position: center center;
}

.demo {
    width: 200px;
    height: 400px;
    border-top: solid 1px #BBB;
    border-left: solid 1px #BBB;
    border-bottom: solid 1px #FFF;
    border-right: solid 1px #FFF;
    background: #FFF;
    overflow: scroll;
    padding: 5px;
}

/*---------clase pentru menu orizontal-----*/
#nav {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
    /*position: fixed;*/
}
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

/*---------clase pentru vizualizare fisiere-----*/
#idx { border: 3px solid #fff; width: 500px; }
#idx td.center { text-align: center; }
#idx td { border-bottom: 1px solid #f0f0f0; }
#idx img { margin-bottom: -2px; }
#idx table { color: #606060; width: 100%; margin-top:3px; }
#idx span.link { color: #0066DF; cursor: pointer; }
#idx .rounded { padding: 10px 7px 10px 10px; -moz-border-radius:6px; }
#idx .gray { background-color:#fafafa;border-bottom: 1px solid #e5e5e5; }
#idx p { padding: 0px; margin: 0px;line-height:1.4em;}
#idx p.left { float:left;width:60%;padding:3px;color:#606060;}
#idx p.right {float:right;width:35%;text-align:right;color:#707070;padding:3px;}
#idx strong { font-family: "Trebuchet MS", tahoma, arial; font-size: 1.2em; font-weight: bold; color: #202020; padding-bottom: 3px; margin: 0px; }
#idx a:link    { color: #0066CC; }
#idx a:visited { color: #003366; }
#idx a:hover   { text-decoration: none; }
#idx a:active  { color: #9DCC00; }

.tt {
 FONT-SIZE: 12px
}
.sample {
 BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 3px; BACKGROUND: #eeeeee; PADDING-BOTTOM: 3px; BORDER-LEFT: #000099 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #000099 1px solid
}
#T2tDirect {
 BORDER-RIGHT: red 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: red 2px solid; PADDING-LEFT: 3px; BACKGROUND: yellow; PADDING-BOTTOM: 3px; BORDER-LEFT: red 2px solid; PADDING-TOP: 3px; BORDER-BOTTOM: red 2px solid
}