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

  Aurora Software

  Copyright: 2010 SC Datech SRL

  Aurthor: Durduc Silviu

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


/* Reset CSS

------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: middle;
    background: transparent;
}
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { 	content: ''; 	content: none; }
input:focus { 	outline: 0; }
ins {	text-decoration: none; }
del {	text-decoration: line-through; }
html { margin: 0;	padding: 0; height: 100%; }

/* General
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
body{
    background-color: #EEEEEE;
    font-family: sans-serif;
    font-size: 12px;
    cursor: default;
}



a {
    color: #0066ff;
    text-decoration: underline;
    cursor:pointer;
}

a:hover {
    color: #003399;
    text-decoration: none;
}

:focus{
    outline: 0;
}
*:focus{
    outline: 0;
}

.notify{
    float:right;
    padding: 0px 5px;
    text-align: center;
    width: 10px;
    position: relative;
    z-index: 200;
    line-height: 20px;
    margin: 10px 5px;
    background: red;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.hint, .hint2{
    width: 300px;
    display: block;
    margin-top: -4px;
    position: absolute;
    height:150px;
    overflow:auto;
    background: white;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #000;
    text-transform: none;
    z-index:100;
}

.hint a, .hint2 a{
    display: block;
    float: left;
    padding: 5px;
    width: 90px;
    height: 40px;
    font-size: 9px;
    text-align: center;
    font-family: verdana;
    background: #eee;
    border: solid 2px white;
}

.theClose{
    width:200px;
    background:#900;
    font-weight:bold;
    color:white;
    position:absolute;
    display:block;
 z-index:100;
 border-bottom:solid 4px #000;
 line-height: 18px;
 margin-top:145px;
 cursor: pointer;
}

.hint a:hover, .hint2 a:hover{
    text-decoration: none;
    background: #00cc66;
}
.hint span, .hint2 span{
    color: #ccc; font-weight: bold;

}
.hint div, .hint2 div{
    color: #fff; font-weight: bold;
    float:left;
    padding: 0 5px;
    margin-right:10px;
}

.hint-categorie{
float:right;
    z-index:1;
position:absolute;
    background: black;
    color:white;
    width:120px;
    margin: 3px;
    height:23px;
    padding: 5px;
    cursor: pointer;
}
.hint-categorie:hover{
    background:#00cc66;
}
.hint ul li, .hint2 ul li{
    text-align: left;
    padding: 5px;
    border-top: dotted 1px #eee;
}
.hint ul li:hover, .hint2 ul li:hover{
    background: #0099ff;
    color: white;
}
h1 {
/*    font-size: 18px;*/
    color: #0D0D0D;
    font-size: 28px;
    font-weight: bold;
/*    margin: 20px 20px 10px;*/
    text-transform: uppercase;
}

h2 {}

h3 {}

h4 {
        color: #666;
    font-size: 10px;
    font-weight: bold;
    font-family: Tahoma,sans-serif;
/*    margin: 20px 20px 10px;*/
    text-transform: uppercase;
    line-height: 14px;
    background: white;
    border-top: solid 1px #d4d4d4;
}

h5 {}

h6 {}

/* Chart
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#chat{
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 1000;
    float: left;
    width: 245px;
    background: white;

}
#chat dt{
    padding: 2px;
    font-weight: bold;
    color: white;
    background: #003f7e;
}
#chat dd li{
    list-style-type: none;
    padding: 2px;
    font-size: 10px;
    font-family: verdana;
    text-transform: lowercase;
    font-weight: bold;
}
#chat dd li:hover{
    background: #eee;

    color: #000;
}
#chat-history{
    width: 245px;
    border: solid 1px #eee;
    height: 90px;
    overflow: auto;
    clip: auto;
    background: white;
}
#chat-text{
    width: 240px;
    padding :1px 2px;
    border: solid 1px #d4d4d4;
    background: #fff;
    color: black;
}
#chat-text:focus{
    padding :1px 2px;
    border: solid 1px #d4d4d4;
    background: #fff;
    margin-bottom: 1px;
    color: black;
}
/* Print
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#printPage{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9998;
    background: url(../ico2/printbg.png);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
}
#printFrame{
    display: block;
    width:750px;
    height:450px;
    margin: 50px auto 20px;
    text-align: left;
    background: white;
    overflow: auto;
    border: 4px solid #ccc;
}
#printTools{
    display: block;
    width:750px;
    height:30px;
    margin: 0 auto;
    text-align: left;
    background: white;
    overflow:hidden;
    border: 4px solid #ccc;
}
#printTools a{
    display: block;
    float: right;
    line-height: 20px;
    padding: 5px 10px;
    color: #000;
    cursor: pointer;

}
#printTools a img{
    float: left; padding: 3px ;
}
/* My Popup
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#myPopup{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9998;
    background: url(../ico2/printbg.png);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
}
/* Hints - Drop down
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.sugestii{
    position:absolute;
    padding: 5px;
    display:block;
    width: 250px;
    z-index:999;
    overflow: hidden;
    background: #fff;
    border: solid 1px #666;
    overflow: auto;
    max-height: 250px;
}

.sugestii ul li a{
    display: block;
    padding: 2px;
    text-decoration:none;
}

.sugestii ul li a:hover{
    display: block;
    text-decoration:none;
    background: #3366cc;
    color: white;
}

.sugestii ul li span{
    display: block;
    text-decoration:none;

    color: #b8bdc7;
}


/* Widget WhosOnline */




.count{
    margin-top:-3px;
}


.panel{
    /* The slideout panel */


    height:auto;
    width: 245px;

    z-index:1000;
}

.preloader{
    /* The rotating gif preloader image */
    display:block;
    margin:10px auto;
}

.geoRow{
    /* The div that contains each country */

    height:16px;
    overflow:hidden;
    padding:2px 0;
}

.flag{
    float:left;
    margin:0 4px;
}

.country, .people{
    float:left;
    font-size:10px;
    padding:2px;
}

.country{
    width:85px;
    overflow:hidden;
}

.people{
    font-weight:bold;
}
/* Antet

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



#antet{

    width:  100%;
    margin: 0px;
    height: 45px;
    overflow:hidden;
    background: #eff0f4 url(../interfata/antet.png) repeat-x;
    border-top:  solid 1px #fff;
    border-bottom: solid 1px #8999a6;
    color: #676a7b;

}



.info{

    overflow: hidden;
    text-align: center;
    width: 100%;
    line-height: 45px;
}



.info a{
    color: #40587a;
    display: inline-block;
    padding: 5px 11px;

    line-height: 10px;
    margin: 0;
    text-decoration: none;
    background: url(../ico2/logout.png) no-repeat;
}
.tools{
    width: 420px;
    margin:0px;
    right: 5px;
    top:10px;
    display: inline-block;
    position: absolute;
    color:      #32353a;
    border-right: solid 1px #888;

    float: right;
}
.tools > img{
    cursor:pointer;
    float:right;
    padding:2px 0 0;
    margin: 0 10px;
}
.tools a{
    display: block;
    float: right;
    background:  url(../ico2/tab_bg.jpg) top;
    max-width: 100px;
    height: 23px;
    text-align: center;

    line-height: 22px;
    margin:  0;
    text-decoration: none;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 10px;
    font-family:verdana;
    border-top: solid 1px #888;
    border-left: solid 1px #888;
    border-bottom: solid 1px #888;
    color: #000;
    padding: 0 12px 0 0;
}
.tools a img{
    float:left; margin: 3px 2px;
}
.buton{
    display: block;
    float: right;
    background:  url(../ico2/antet_bt.png) no-repeat;
    width: 80px;
    height: 26px;
    text-align: center;
    font-weight: bold;
    color: white;
    line-height: 26px;
    margin: 10px 2px;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 10px;
    font-family:arial;
    border:0;
    cursor: pointer;
}
#status img { float: left; clear:left; margin: 1px 8px; }
#status{
    width: 200px;
    display: inline-block;
    position: absolute;
    color:      #32353a;
    float: left;

    height: 40px;
    padding: 4px;
    font-weight: bold;
}
#statusx{
    font-weight: bold;
    font-family:tahoma;
    margin: 0 auto;
    text-align: right;
    height:20px;
    width:830px;
}


/* Continut
~~~~~~~~~~~~*/
#corp{

    display: block;
    margin: 0 auto;

    border-bottom: 1px solid #ccc;
    width: 100%;
}

#corp h1{

/*    padding-left: 20px;*/

}

.column-stanga{
    min-height: 300px;
    padding-top: 10px;
}

.newBody{
    width:100%;
    margin: 0;
    padding: 0;
}

.newBody-sidebar{
    border-right: solid 1px #d3d3d3;
    background-color: #eee;
    width: 145px;
    overflow: hidden;
}
.newBody-content{
    border-left: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    background: #f5f6f8;
    padding: 5px 10px;
}

.newBody-sidebar{
    vertical-align: top;
}
.column-dreapta{

    width:145px;
}

ul.sideMenu{
    border-top: solid 1px #abb5be;
    margin: 0;
    overflow: hidden;
    width: 145px;
    list-style-type: none;
    clear: both;
}

ul.sideMenu li{    

    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: solid 1px #f7f7f7;

}
.column-stanga h2{
    margin: 0 0px 20px;
    font-size: 19px;
    font-weight: bold;
    color: #000;
    font-family: arial;
    padding-bottom: 10px;
    background: url(../ico2/h2.jpg) bottom repeat-x;
    clear : both;
}
ul.sideMenu li a{

    display: block;
    height: 50px;
    width: 145px;
    line-height: 50px;
    overflow: hidden;
    color: #3f464e;
    font-size: 12px;
    text-decoration: none;
    border-bottom: solid 1px #d6d6d6;
    background: #eeeeee url(../ico2/side_bullet.jpg) no-repeat 120px 18px ;
}

ul.sideMenu li a img{
    float: left;
    padding: 9px 10px 0;
}
ul.sideMenu li a:hover{
    background: #fff url(../ico2/side_bullet.png) no-repeat 120px 18px ;
}
ul.sideMenu li a.cancel:hover{
    background: #eee url(../ico2/side_bullet_stop.png) no-repeat 120px 18px ;
}
ul.sideMenu li a.tab{
    background: #eeeeee url(../ico2/side_bullet_activ.jpg) no-repeat 120px 18px ;
}
.column-dreapta input[type=button]{

    display: block;
    clear:both;
    background: url('../interfata/bg-buton-negru.gif');
    width:  120px;
    text-align: center;
    color: white;
    font-weight: bold;
    padding: 10px 0;
    margin: auto;
    cursor:  pointer;
    border: 0px;
    margin: 5px 10px;
    font-size: 12px;
}


.column-dreapta .reset{

    display: inline;
    background: 0;
    width: 100%;
    text-align: left;
    border: 0;
    color: inherit;
    font-weight: normal;
    padding:0;
    margin: 0px;
    cursor: default;

}

.column-dreapta .buton{

    display: block;

    clear:both;

    background: url('../interfata/bg-buton-negru.gif');

    width:  210px;

    text-align: center;

    border: gray;

    color: white;

    font-weight: bold;

    padding:20px 0;

    margin: auto;

    cursor: pointer;

    border: 0px;
    margin: 5px 15px;


}

#tooltip{
    background: black;
    position: absolute;
    z-index: 5000;
    padding: 10px;
    color: white;
    display: none;
}
.column-dreapta select{

    line-height: 20px;
    padding: 5px;
    display: inline-block;
    color: darkblue;
    border: solid 1px #d4d4d4;

}

.column-dreapta select option{

    padding: 3px;
}


.column-dreapta hr{

    clear: both;

    margin: 20px 0px 10px;

    border:0;




}


.inner-shadow{
    display:block;
    background: #fff;
    margin-bottom: 10px;
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
}
.inner-shadow table{ margin: 0px;}
.shadowBorder{    border-bottom: 1px solid #b2b5bc;    border-right: solid 1px #b2b5bc;    border-left: solid 1px #b2b5bc;

}
.shadowBorder:hover{
    border-bottom: 1px solid #a3b9ce;    border-right: solid 1px #a3b9ce;    border-left: solid 1px #a3b9ce;
}
.inner-shadow h3{
    background: #000 url('../ico2/shadow.jpg');
    line-height: 25px;
    padding-left: 10px;
    color: white;
}
.inner-shadow h4{
    background: #000 url('../ico2/th_bg.jpg');
    line-height: 21px;
    padding-left: 10px;
    color: #000;
    margin: 0;
    overflow:hidden;
}
.inner-shadow h4 a{

    text-decoration:none;
    color: #000;

}
.inner-shadow h4 a img{
    float: right;
    margin: 2px 7px
}
img.ToBt{
    cursor:pointer;
    display:block;

}
.inner-shadow dl.cells{
    margin: 0; padding: 0;
    width:33%;
    border-right: 1px solid #efefef;
    float: left;
}

.inner-shadow dl.cells dt{
    margin: 0; padding: 4px 4px 0px 8px;
    color: #70777f;
    font-weight: bold;
}
.inner-shadow dl.cells dd{
    margin: 0; padding: 4px 0px 8px 8px;
    color: #333;
    max-height: 10px;
    overflow:hidden;
}


.inner-shadow dl.rows{
    margin: 0 0 0 5px; padding: 0;
    width:46%;
    margin-right:2%;
    float: left;
}

.inner-shadow dl.rows dt{
    margin: 0; padding: 4px 4px 0px 20px;
    color: #333;
    font-weight: bold;
    height: 15px;
}
.inner-shadow dl.rows dd{
    margin-bottom: 10px; padding: 4px 0px 10px 20px;
    border-bottom: 1px solid #efefef;
    max-height: 15px;
    color: #70777f;

}
.inner-shadow dl.rows dd a{
    color: #70777f; text-decoration: none;
}
.inner-shadow dl.rows dd a:hover{
    color:#000;
}
.inner-shadow dl.rows dd img{
    margin: 0 4px 0 -20px;
    position: absolute;
    margin-left: -20px;
}
.inner-shadow dl.rows dt input{

    margin: 0px 0 0 -20px;
    position: absolute;
}

.inner-shadow .row{
    padding: 10px 5px;
    border-bottom: solid 1px #eee;
}

.inner-shadow input.txt_field{
    width: 95%;
    margin: 3px 0;
    background: white;
    border: solid 1px #d4d4d4;
    font-family: Arial, sans-serif;
    padding: 8px 0;
    font-weight:bold;
    text-align:left;
}
.inner-shadow input.txt_field:focus,
.inner-shadow textarea.txt_field:focus{
    border: solid 1px #000;

}
.inner-shadow textarea.txt_field{
    width: 90%;
    margin: 10px;
    text-align:left;
    background: white;
    border: solid 1px #eee;
    font-family: Arial, sans-serif;
    padding: 5px;
    font-weight:bold;
    font-size:12px;
}

.tabs ul{
    display: block;;
    margin: 0 0 10px;
    padding: 0;
    width:300px;
    clear:left;
    float: left;
    overflow:hidden;
}
.tabs ul li{
    display: inline;
    margin: 0 5px;
    padding: 0;
    border-bottom: solid 1px #fff;
    overflow:auto;
}
.tabs ul li a{
    display: inline-block;
    color: #555;
    padding: 5px 10px;
    background:#fff url(../ico2/tab_bg.jpg) bottom left repeat-x;
    border: solid 1px #979797;
    text-decoration:none;
}
.tabs ul li a.light{
    background:#fff url(../ico2/tab_bg.jpg) bottom left repeat-x;
}
.tabs ul li a.active{
    background:#fff;
}
#clip{

    display: block;
    overflow:auto;
    height: 300px;
    width: 100%;
/*    margin: 5px 0;*/

    cursor: default;

}

/* MENIU PRINCIPAL
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#meniu-principal{
    display: block;
    width: 100%;
    height: 40px;
    margin: 0px;
    background: #003978 url('../interfata/bg-meniu.gif')  repeat-x;
    text-transform: uppercase;
}

.meniu-admin{
    background: #003978 url('../new/bg-meniu.png')  repeat-x;
}
.admin li a{
    border: 0;
}
#meniu-principal > ul{
    list-style: none;
    margin-left:146px;
    overflow: auto;
}

#meniu-principal > ul  > li{
    display: inline;    
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: auto;

}

#meniu-principal > ul > li > a{
    display: block;
    padding: 0px 15px;
    margin: 0px;
    line-height: 40px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #eee;
    float:left;
    border-right:solid 1px #0d66b2;
    border-left:solid 1px #023b79;
    font-familY: tahoma;
}

#meniu-principal > ul > li > a > img{
    float:left;
    padding: 12px 8px 0 0;
}

#meniu-principal > ul > li a:hover{
    background-image: url('../interfata/bg-meniu-over.gif');
}

#meniu-principal > ul > li > a.activat{

    background-color: #063c71 ;

}
/* SUBMENIU PRINCIPAL
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#meniu-principal > ul > li > ul{

    position: absolute;
    z-index:2000;
    top:85px;
    left:512px;
    width: 310px;
    background: #111;
    text-align: left;
    border: solid 4px #0059b6;
}
#meniu-principal > ul > li > ul>li{
    display: inline;
    margin: 0;

}
#meniu-principal a.rolled {
    background-image: url('../interfata/bg-meniu-over.gif');
}
#meniu-principal > ul > li > ul>li > a{
    display: block;
    width: 150px;
    float: left;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: white;
    font-size: 11px;
    padding-left: 5px;
    border-bottom: solid 1px #333;

}

#meniu-principal > ul > li > ul>li > a > span{
    float: right;
    margin-right: 5px;
}


/* CONTINUT
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#continut{

    width: 100%;
    background: #e0e3e8;

    overflow: hidden;
    height: 100%




}


#title{
    height: 51px;
    background: #e8e9ee url(../ico2/title.png) repeat-x top;
    border-bottom: solid 1px #d4d9df;
    line-height: 50px;
    text-align: center;
    margin-left: 156px;
}
ul.headMenu{
    display: inline-block;;
    position: absolute;
    z-index: 10;
    margin-left: 25px;
    width: 250px;


}

ul.headMenu li{
    padding: 0;
    list-style-type: none;
    float: left;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    margin-right: 3px;
}
ul.headMenu li a{
    color: #3a5475;
    text-decoration: none;

}
ul.headMenu li a img{
    float: left;
    margin: 17px 5px 0;
    vertical-align: middle;
}

ul.headMenu li a:hover{
    text-decoration: underline;
}
.filtru{

    display: block;

    width: 900px;

    margin: 5px 20px;



}

/*~~~~~~~~~~~~~~~ AUTOVEHICULE BOX ~~~~~~~~~~~~~~~*/



.auto-box{
    padding:6px;
    margin: 5px;
    overflow: hidden;
    background: #fff url('../interfata/bg-auto.jpg') repeat-x bottom;
}



.header {

    height: 25px;
    background: #a9b5c6 url(../interfata/header.png);
    cursor: n-resize;
    margin: -5px -5px 10px;
    padding: 5px 5px 0px;
}

.programare{
    overflow:auto;
}
.programare dd{
    float: left;
    padding: 2px;
    font-weight: bold;

}
/* Butoane
-----------------------------------------------------*/

a.grey{

    display:inline-block;
    padding: 4px 10px;
    background: #eee;
    font-weight: bold;
    text-decoration: none;
    color: #ccc;



}

.log td a.nr{

    display:inline-block;
    padding: 4px 1px;
    background: #000;
    font-weight: bold;
    text-decoration: none;
    color: #eee;

}

.log td a.nr:hover{
  color: yellow;
}
a.grey:hover{ color: #fff; background: #3cbd1e;}
.a.ice:hover{ color: #fff;background: red;}
a.ice{

    display:inline-block;
    padding: 4px 10px;
    background: #3cbd1e;
    font-weight: bold;
    text-decoration: none;
    color: white;

}

.step{

    display:block;
    float:left;
    margin: 2px;
    width:120px;
    height:50px;
    padding:5px;
    border: solid 1px #fff;

    border-right-color:#ccc;
}
.step span{
    display:block;
    margin-top: 5px;
    background: #eee;
    padding:2px;
}

.step span a{
    text-decoration: none;
}
.highlight{
    font-weight: bold;
    background: lightblue;
    padding:0 5px;

}


/* Panou Sesiuni */

#Sesiune{

    display: block;

    background: #fff;
    width: 204px;
    margin: 10px 15px;

}

#Sesiune h1{
    background:#d4d4d4;
    font-size: 14px;
    border-bottom: solid 1px #d4d4d4;
    display:block;
    width: 200px;
    overflow: auto;
    padding: 5px 2px;


}
.tip-sesiune{
    background:#fff url('../interfata/span.gif') repeat-x bottom left;
    border-bottom: solid 1px #d4d4d4;
    display:block;
    width: 200px;
    overflow: auto;
    padding: 5px 2px;

}

.tip{

    width: 50px;
    float: left;
    vertical-align: middle;
    text-align:     center;
}

.sesiune{

    width: 150px;
    float: right;

}

.extend{
    width: inherit;
    height: 8px;
    background: #d4d4d4;
    cursor: n-resize;

}

/* Formulare
----------------------------------------------------*/



/* Dinamice */



.autentificare {

    width:              350px;

}

.autentificare span.label-camp{

    width:              80px;

}

.autentificare label{

    width:              350px;

}
.autentificare .lb-top{
    width: 350px;
    border-bottom: solid 1px #d4d4d4;
}

.autentificare .inpuText,

.autentificare .errInput {

    width:              200px;

}







.operator {

    width:              580px;

}

.operator span.label-camp{

    width:              160px;

}

.operator label{

    width:              580px;

}

.operator label input,
.operator label select,
.operator label textarea{

    margin: 5px;

}

.autentificare label input,
.autentificare label select,
.autentificare label textarea{

    margin: 5px;

}
.operator .inpuText

{

    width:              300px;

}



/* Fixe */



.inner-shadow h1{ border-bottom: solid 1px #d4d4d4; }

fieldset{



    margin:             0px auto;

    padding:            20px;

    background:         #fff;


}

legend{



    display:            block;

    width:              inherit;

    padding:            10px;

    margin-bottom:      10px;

    font-weight: bold;

    font-size: 16px;

    background: #fff;


}



fieldset label{



    display:            inline-block;

    margin:             auto;

    line-height: 40px;
    border-right: solid 1px #d4d4d4;
    border-bottom: solid 1px #d4d4d4;

}



span.label-camp{



    display:            inline-block;

    float:              left;

    line-height:        40px;

    font-weight:        bold;

    background-image: url('../interfata/span.gif');

    background-color: #f3f3f3;

    margin-right: 20px;

    padding-left: 10px;

    border-right: solid 1px #d4d4d4;

    border-left: solid 1px #d4d4d4;

    color: #2b2a2a;


}

span.label-camp img{

    margin-right: 10px;

} 

.filtrubt{

    background:#fff;border:solid 1px #d4d4d4;height:30px;line-height:30px;padding:0px;width:175px;margin:5px 10px;cursor:text;color:black;font-weight:normal;

}
.inputSubmit:hover{

    display: inline-block;
    /*   background: #3cbd1e; */
    background-image: url('../interfata/bg-meniu-over.gif');
    border-left: solid 1px #004995;
    border-right: solid 1px #004995;
    border-top: solid 1px transparent;
    border-bottom: solid 1px #004995;
    font-weight: bold;
    color: #fff;
    padding: 3px 5px;
    cursor: pointer;

}
.inputSubmit{

    display: inline-block;
    /*   background: #3cbd1e; */
    background: url('../interfata/bg-meniu.gif');
    border-left: solid 1px #004995;
    border-right: solid 1px #004995;
    border-top: solid 1px transparent;
    border-bottom: solid 1px #004995;
    font-weight: bold;
    color: #eee;
    padding: 3px 5px;
    cursor: pointer;
    text-decoration: none;

}

.note{
    color:              #666;

    line-height:        20px;

    padding-left:       20px;

    font-weight:        normal;

    font-size: 10px;
    font-family: verdana;
}
span.label-note{



    color:              #666;

    line-height:        20px;

    padding-left:       20px;

    font-weight:        normal;

    font-style:         italic;

}



.inpuText {



    display:            inline-block;



    padding:            5px;


    outline:            none;



    border:             solid 1px #abadb3;

    color: #666;

    background:         #fff;



}





.inpuTextMic {



    display:            inline-block;



    width:              60px;



    padding:            5px;


    outline:            none;



    border:             solid 1px #abadb3;

    color: #666;

    background:         #fff;



}



.inpuTextMijlociu {



    display:            inline-block;



    width:              200px;



    padding:            5px;



    outline:            none;



    border:             solid 1px #abadb3;



    background:         #fff;

    color: #666;




}





.errInput{



    display:            inline-block;



    padding:            5px;


    outline:            none;



    border:             solid 1px #ed4242;



    background:         #ffcebf;


}



.errInputMij{


    display:            inline-block;

    width:              200px;

    padding:            5px;

    outline:            none;

    border:             solid 1px #ed4242;

    background:         #ffcebf;

}



.errInputMini{

    display:            inline-block;

    width:              60px;
    padding:            5px;

    outline:            none;
    border:             solid 1px #ed4242;

    background:         #ffcebf;

}




.errMiniInput{


    color:       #900;



    font-weight: bold;



    background: #eee;



    padding:    5px;



}



.atentieInput{

    display:            inline-block;

    width:              400px;

    padding:            10px;

    outline:            none;

    border:             solid 1px #edd742;

    background: #faffbf;

}





#subsol{
    display: block;
    width: 100%;
    clear: both;
    text-align: right;
    padding: 10px 0;
    color: #eee;
    font-size: 11px;
    background: #ddd url(../ico2/bg.png) bottom;
}
#subsol a{

    color: #eee;

}
.ascunde{ display: none;}


/* Raport
~~~~~~~~~~~*/

.raport-atentie, .raport-eroare, .raport-succes{

    width: 80%;

    clear: both;

    margin: 5px auto;

    padding: 10px;

    font-weight: bold;

    text-align: center;
}

.raport-atentie{

    background-color: #faffbf;


    border: 1px solid #edd742;

}



.raport-succes{


    background-color: #ceffbf;

    background-repeat: no-repeat;

    background-position: 10px;

    border: 1px solid #42ed4a;

}


.zoom{
    position: absolute;
    width:250px;
    padding: 10px;
    margin:-20px;
}

.raport-eroare{

    background-color: #ffcebf;

    background-repeat: no-repeat;

    background-position: 10px;

    border: 1px solid #ed4242;

}

/* Culori tabel
~~~~~~~~~~~~~~~*/
.main img { cursor: pointer; }
.atentie, .normal, .eroare, .happy{

    padding: 10px 0;

}


.atentie{

    background-color: #faffbf;
    border-bottom: 1px solid #edd742;

}





.normal{
    color: #aaa;
    border-bottom: 1px solid #eee;

}



.eroare{

    background-color: #ffcebf;
    border-bottom: 1px solid #ed4242;

}



.happy{

    background-color: #99CCFF;
    border-bottom: 1px solid #3399FF;

}

/* Randuri aternative tabel
~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.intrare-unu, .intrare-doi, .intrare-special, .intrare-verde, .intrare-special-doi, .intrare-special-over, .hash, .rowOK{

    height: 40px;

}
.intrare-total{
    height:40px;
    line-height: 40px;

}
.intrare-total td{
    background: #ffff99;
}
.subRaport td{
    border-top: dotted 1px #eee;
}
.subRaport:hover td{
    background : #eee;
}
.rowOK td{
    background-color: #ccffcc;
}
.intrare-unu , .intrare-unu td{

    /*    background-image: url('../interfata/span.gif');*/
    background-color: #f6f6f6;
    color: #737373;
    /*    border-bottom: 1px solid #d4d4d4;*/

}

tr.hash{

    background-image: url('../interfata/hash.gif');
    color: #000;
    border-bottom: 1px solid #d4d4d4;
    font-family: tahoma;

}
tr.hash td{
/*    border-left: solid 1px #eee;*/
    border-bottom: solid 1px #eee;
    padding-left: 5px;
}

.hash:hover{
    background-image: url('');
}
.intrare-doi, .intrare-doi td{

    /*    border-bottom: 1px solid #d4d4d4;*/
    color: #666666;
    background-color: #fff;

}
td.td-blue a{
    color: #0079B9;
    text-decoration: none;
    font-weight:bold;
}
td.td-blue a:hover{
    color: #0099ff;
    text-decoration: underline;
    font-weight:bold;
}
.intrare-doi:hover, .intrare-doi:hover td, .intrare-unu:hover, .intrare-unu:hover td, .intrare-doi:hover td.ord,
.intrare-special:hover, .intrare-special:hover td, .intrare-special-doi:hover, .intrare-special-doi:hover td{

    background: #b5d6f6;
    color: #32587d;
}
td.ord{
    background-color: #dfefff;
    
    border-left: 1px solid #BAD6FA;
    border-right: 1px solid #BAD6FA;
/*    border-bottom: 1px solid #BAD6FA;*/
    
}
.intrare-special td.green, td.green, .intrare-special-doi td.green{
    font-weight:bold;
    color: #3c9300;
}
.intrare-doi td.ord{
    background-color: #dfefff;
    background-color: #F3FBFE;
    border-left: 1px solid #BAD6FA;
    border-right: 1px solid #BAD6FA;
/*    border-bottom: 1px solid #BAD6FA;*/
    
}
.intrare-special td.ord{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    
}
.intrare-special-doi td.ord{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    
}
.intrare-verde{

    background: lightgreen;
    color: #000;
    border-bottom: 1px solid #d4d4d4;

}
.intrare-special-over{

    background: #b5d6f6;

    color: #32587d;
    letter-spacing: 0px;
    border-bottom: 1px solid #fff;

}
.intrare-special, .intrare-special td{

    background: #e0ecf8;
    color: #32587d;

}
.intrare-special-doi, .intrare-special-doi td{


    background: #c4d3e2;

    color: #32587d;

}

.intrare-panou{

    height: 30px;
    border-bottom: 1px solid #d4d4d4;
    background-color: #fff;

}

.log {
    font-family: Tahoma,sans-serif;

}
.log td{

    font-size: 11px;
    text-transform: uppercase;
}

/*.log td a{
    text-decoration: none;
    color: #666666;
}
.log td a:hover{
    text-decoration: underline;
    color: #000;
}*/
.border td{

    border: solid 1px #eee;
}

table.log tr td{
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
table.log tr.toCell td{
    padding: 0;
    margin: 0;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    height: 30px;
    vertical-align: top;
}

table.log thead tr th{

    background: #000 url('../ico2/shadow.jpg');
    text-align: left;
    line-height: 25px;
    height: 25px;
    color: #fff;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

}
table.log thead.new tr th{

    background: #fff url('../new/thead_bg.gif') repeat-x;
    height: 28px;
    line-height: 28px;
    margin: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
table.log thead.new tr th a{
    color: #777777;
    text-decoration: none;
}
table.log thead.new tr th{
    color: #999;
}


table.log thead.new tr th.activ{
    background: #00A5EE;
    border: 1px solid #0084C6;
    color: #FFFFFF;
}
table.log thead.new tr th.activ a{
    color: #fff;
}

table.log thead.light tr th{

    background: #000 url('../ico2/shadow_blue.jpg');
}
table.log thead.darklight tr th{

    background: #000 url('../ico2/th_bg_activ.jpg');
}
table.log thead tr th.a img{
    float: right;
}
table.log thead tr th.activ{
    background: #e9e9e9 url('../ico2/th_bg_activ.jpg');
    color: #fff;
}
table.log thead tr th.activ a{
    color: #fff;
}
table.log thead tr th a{
    color: #fff;
    text-decoration: none;
}
table.log tr .table-options{
    visibility: hidden;
    margin: 0 auto;
}
table.log tr:hover .table-options{
    visibility:visible;
}
.profil{

    display: block;
    position: absolute;    
    width: 550px;
    overflow: hidden;
    background: white;
    border: solid 3px #d4d4d4;
    min-height: 400px;

}

.miniProfil{

    display: block;
    position: absolute;
    overflow: hidden;
    height: 80px;
    width: 200px;
    background: white;
    border: solid 3px #d4d4d4;


}

.mBut{
    cursor: pointer;
    display:inline-block;
    border-right: 1px solid #d4d4d4;
    float: left;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;

}



.prgBox{
    display: block;
    background: #4e5d6c;
    overflow:hidden;
    padding: 2px 1px;
    margin: 3px 5px;
    font-size: 10px;
    font-family: verdana;
    color: #fff;
    line-height: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

.prgOra{

  height: 20px;
  font-weight: bold;

}

.prgClient, .prgAuto, .prgTel{
    background: #8997a5;
    margin: 0 1px;
    color: #fff;
    border-bottom: dotted 1px  #4e5d6c;
    font-weight: bold;
}

 .prgDet, .prgPers{
    background: #8997a5;
    margin: 0 1px;
    color: #fff;
    overflow:hidden;

}

.prgFinish{
    background: #00cc66;
    color: #000;
}
.prgFinishDT{
    background:#ccffcc;
    color: #000;
    border-bottom: dotted 1px  #00cc66;

}
.prgUsed{
    background: #ccc;
    color: #888;
}
.prgusedDT{
    background:#666;
    color: #888;
    border-bottom: dotted 1px  #888;
}
.Today{
    background:#fff7d7;
    border-right: solid 2px #fad163;
    border-bottom: solid 2px #fad163;
}

.ora{
    background:#eee;
}

.prgButon{
    
}
.prgButoane{
    float:right;clear:right;
    width:80px;
    padding-right: 2px;
    overflow:hidden;
}
.prgButoane a{
    display:inline-block;
    width: 16px;
    height: 16px;
    float:right;
}
.prgButoane a:hover{
    background: #b1a293;
    width: 16px;
    height: 16px;
}
.prgDetalii{
    line-height:20px;

    border-bottom: solid 1px black;

    background:#faffbf;
}

/* Raport
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.interval, .filter{
    width: 100%;
    text-align: center;
    border-bottom: dotted 1px #d4d4d4;
    overflow:hidden;
}
.interval h5{
    display:block;
    float:left;
   padding: 5px;
   font-weight:bold;
   line-height: 19px;
   background: black;
   color: white;
}
.filter h5{
    display:block;
    float:left;
   padding: 5px;
   font-weight:bold;
   line-height: 19px;
   background:#0059b6;
   color: white;
}
.interval dl dt,.interval dl dd, .filter dl dt,.filter dl dd{
    display:block;
    float:left;
   padding: 5px;
   font-weight:bold;
   line-height: 19px;
}



.searchAura{
    display:block;
    margin: 10px;
    padding: 10px;
}

.searchOptions{
    width: 170px;
    position: relative;
    z-index: 30;
    overflow: hidden;
    line-height: 16px;
    text-align: left;

}

.searchOptions li{
    padding: 5px;
    cursor: pointer;
    color: #777777;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
}
.searchOptions li img{
    margin: 0 10px;
}


/* NOU */

.search-ph {
    float: right;
    margin: 1px 0 0 3px;
    position: relative;
    top: 10px;
    right:20px;
    z-index:100;
    width:200px;
/*    overflow: auto;*/
line-height: 16px;
    text-align: left;
    
}
.search-ph form{
     z-index: 30;
     position: relative;
}
#txt-search-box {
    background: none no-repeat scroll 0 0 #F7F7F7;
    border: 1px solid #BCBCBC;
    border-radius: 3px 3px 3px 3px;
    color: #505050;
    height: 26px;
    line-height: 26px;
    padding: 0 30px 0 5px;
    width: 142px;
}

.search-box-button {
    background: url("../new/zoom.png") no-repeat scroll 0 1px transparent;
    color: #505050;
    height: 26px;
    left: 150px;
    position: absolute;
    top: 1px;
    width: 27px;
}

.search-box {
    display:block;
    overflow: hidden;
    position: absolute;
    width: 180px;
    height: 20px;
    padding: 10px;
    z-index: 20;
    margin-top:-10px;
    margin-left:-10px;
}
.search-box-visible {
    border: 1px solid #BCBCBC;
    border-radius: 3px 3px 3px 3px;
    background-color: #F5F5F5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    left: -1px;
    top: -1px;
    height: 260px;
}
label, input[type="button"], input[type="submit"], button {
    cursor: pointer;
}

.search-button {
    background: url("../new/search_bt.png") no-repeat;
    border: 0 none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 31px;
    margin: 10px 0  0 15px;
    padding-bottom: 2px;
    width: 112px;
    float:left;
    clear:left;
}
.search-close{
    float:right;clear:right;margin:12px 0;
    cursor:pointer;
}
.infBox{
    float: left;
    display:block;
    width:18px;
    margin:0;
    text-align: center;
}

.infBox:hover{
    background:#000;
    color:white;
}

a.com_bt_left{
    display:block;
    float:left;
    width:24px;
    height:26px;
    background-image: url(../new/com_bt.png);
    background-position: top left;
    margin-left:20px;
}

a.com_bt_left:hover{
       background-position: bottom left;
}
a.com_bt_right{
    display:block;
    float:left;
    width:24px;
    height:26px;
    background-image: url(../new/com_bt.png);
    background-position: top right;
        margin-left:10px;
}

a.com_bt_right:hover{
       background-position: bottom right;
}


.sIcon{
    float: left;
    margin: 0px 3px 2px;
    position:relative;
}

.popUpFormBg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background: url(../ico2/printbg2.png);
    z-index: 1000;
}
.popUpForm{
    display: block;
    position: absolute;
    z-index: 1000;
    width:430px;
    height: 380px;
    margin: 50px  0 0 250px;
    background: white;
    padding: 20px;
    border: solid 2px #666;
    border-radius: 10px 10px 10px 10px;
    
}
.popUpFormBg h2{
    text-transform: uppercase;
    font-size: 20px;

    padding-left:15px;
    padding-bottom: 15px;
}
.prgMecanici{
 display: block;
    position: absolute;
    z-index: 900;
    width:220px;
    height: 300px;
    margin: 80px  0 0 515px;
    background: #eee;
    padding: 20px 0 20px ;
    border-right: solid 2px #666;
    overflow:hidden;

}

.prgMecList{
    display:block;
    width:200px;
    height:270px;
    overflow:auto;
}
.prgService{
 display: block;
    position: absolute;
    z-index: 800;
    width:180px;
    height: 280px;
    margin: 80px  0 0 40px;
    background: #eee;
    padding: 20px;
    border-left: solid 2px #666;
    overflow:hidden;

}
.cleanTxt{
    width:410px;
    line-height: 40px;
    height: 40px;
    padding: 0 5px;
    background: white;
    border: solid 1px #d4d4d4;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 5px 5px 5px;
    
}

.cleanTxtarea{
    width:410px;
    line-height: 20px;
    height: 80px;
    padding: 0 5px;
    background: white;
    border: solid 1px #d4d4d4;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 5px 5px 5px;
}

.r-column{
    width:160px;
    overflow:hidden;
    display:block;
    float:left;
}

span.d{
    background: lightblue;
    float: left;
    clear: left;
    margin: 0 5px;
    padding: 0 2px;
    font-weight:bold;
    color: white;
    width: 14px;
    overflow:hidden;
    font-weight:bold;
    text-align:center;
}

span.f{
    background: #00cc66;
    float: left;
    clear: left;
    margin: 0 5px;
    padding: 0 2px;
    font-weight:bold;
    color: white;
    width: 14px;
    overflow:hidden;
    font-weight:bold;
    text-align:center;
}

.inventar{
    display:block;
    width: 350px;
/*    border-left: solid 1px red;*/
    overflow:hidden;
}
.inv-head div{
    display:block;
    float:left;
    font-weight:Bold;
/*    border-left: solid 1px red;*/
    overflow:hidden;
        height: 18px;
    line-height: 18px;
    color: #444;
}

.inv-body{
    display:block;
    float:left;
    clear:left;
    overflow:hidden;
    color: #444;
    
}
.inv-body div{
    overflow:hidden;
    float: left;
    display:block;
/*    border-left: solid 1px red;*/
    height: 20px;
    line-height: 20px;
}

.intDate{
    position:absolute;
    background: #000;
    color:white;
    font-size:11px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    width: 180px;
    padding: 2px 5px;
    text-align: center;
    margin-top:10px;
}

.intDate img{
    float:left;
}

.dp-popup, .dp-popup-inline{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

}