/********************************
 *      define general tags     *
 ********************************/
body {
    margin: 0px;
    padding: 10px;
    background: #98abb1 /*#efefef*/;
    color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

form {
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}

*:focus {
    outline: 0;
}

a.button, button.button {
    font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
    float:left;
    margin:0 .7em 0 0;
    text-decoration:none;
    background:#EAEAEA url('../images/white-grad.png') repeat-x left top;
    border:1px solid #dedede;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bfbfbf;
    padding:5px 10px 6px 10px;
    display:block;
    cursor:pointer;
    font-size: 100%;
    line-height:130%;
    color:#464646;
    -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
}

a.button:hover, button.button:hover {
    border:1px solid #999;color:#000;
}

button.active, a.button:active {
    border-color:#ccc;
    background: #FFF url('../images/white-grad-active.png') repeat-x left top;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

button {
    width:auto !important;
    overflow:visible !important;
}

a.button img, button.button img {
    margin:0 3px -3px 0 !important;
}

div.likebutton {
    font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
    float:left;
    margin:0 .7em 0 0;
    text-decoration:none;
    background:#EAEAEA url('../images/white-grad.png') repeat-x left top;
    border:1px solid #dedede;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bfbfbf;
    padding:5px 10px 6px 10px;
    display:block;
    font-size: 100%;
    line-height:130%;
    color:#464646;
    -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    white-space: nowrap;
}

div.plusbutton select {
    width: 200px !important;
}

button.ButRosu {
    background: url("../images/redish-grad.png") repeat-x scroll left top #EAEAEA !important;
    border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    font-weight: bold;
    color: #464646 !important;
}

button.ButVerde {
    background: url("../images/greenish-grad.png") repeat-x scroll left top #EAEAEA !important;
    border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    font-weight: bold;
    color: #464646 !important;
}

.ct {
    text-align: center;
}

.lt {
    text-align: left;
}

.rt {
    text-align: right;
}

.wb {
    border: 1px solid #c0c0c0 !important;
}

.vc {
    vertical-align: middle !important;
}

.hideblock {
    display: none;
}

/********************************
 *      define content          *
 ********************************/
#content {
    width: 990px;    
    padding: 0px 0px 10px 0px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border: 2px solid #e6e6e6 /*#3f6a8c /*#41919c /*#108c9d*/;
    -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;   
}

#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/********************************
 *      define header           *
 ********************************/
#headerContainer {
    padding-bottom: 10px;
    margin: 0px 10px 0px 10px;
    /*border-bottom: 1px solid #3f6a8c;*/
}

#headerContainer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#headerContainer div.sigla {
    height: 60px;
    width: 200px;
    background-image: url('../images/sigla.png');
    background-repeat: no-repeat;
    background-position: center left;
    float: left;
}

#headerContainer div.meniu {
    width: 700px;
    height: 50px;
    float: right;
}

#headerContainer div.meniu ul {
    list-style: none;
    float: right;
    margin: 12px 0 10px 0;
}

#headerContainer div.meniu ul li {
    float: left;
}

div.zona_curs {
    clear: right;
    float: right;
    width: 400px;
    color: #707074;
    font-weight: bold;
    font-size: 10px;
    text-align: right;
    margin: 0px 20px 0 0;
    padding: 0;
}
div.zona_curs p {
    margin: 0;
    padding: 0;
}
/********************************
 *      define main             *
 ********************************/
#mainContainer {
    margin: 10px 10px 10px 10px;
    min-height: 600px;
    height: auto !important;
    height: 600px;
}

#mainContainer h1 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

#mainContainer table {
    margin-left: auto;
    margin-right: auto;  
}

/********************************
 *    define custom html error  *
 ********************************/
#mainContainer div.Error404 {
    background-image: url('../images/atentie.png');
    background-repeat: no-repeat;
    background-position: center left;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    height: 220px;
    padding-top: 100px;
}

#mainContainer div.Error404 h2 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 100px;
}

#mainContainer div.Error404 p {
    text-align: center;
    margin-left: 100px;
}

/********************************
 *      define footer           *
 ********************************/
#footerContainer {  

}

/********************************
 *      define login            *
 ********************************/
#loginDiv {
    margin: 20px auto 10px auto;
    width: 300px;
    padding: 10px;
    -webkit-box-shadow:rgba(0,0,0,.55) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0,.55) 0px 1px 3px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    background: #FFF url('../images/white-grad-active.png') repeat-x left top;
}

#loginDiv h1 {
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
}

#loginDiv ul {
    list-style: none;
    padding: 0;
    margin: 10px 10px 10px 10px;
}

#loginDiv ul li {
    display: block;
}

#loginDiv ul li label {
    font-size:115%;
    padding-bottom:5px;
    font-weight:normal;
    cursor: pointer;
    display: block;
}

#loginDiv ul li div {
    padding-bottom: 5px;
}

#loginDiv ul li div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#loginDiv ul li div.error {
    padding-bottom: 5px;
    padding-top: 5px;
    color: #f00;
    font-weight:normal;
    text-align: center;
}

#loginDiv ul li div button {
    margin-left: auto;
    margin-right: auto;
}

#loginDiv input {
    width: 100%;  
}

#loginDiv input.sicherheitscode {
    width: 90px !important;
    height: 30px;
    color: #bb937a;
    font-size: 24px;
}

#loginDiv div.enter {
    margin-top: 10px;
}


/********************************
 *      define index menu       *
 ********************************/
#mainContainer div.meniu {
    float: left;
    width: 180px;
    height: 165px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 50px;
    padding: 0px;
    background: #f7e1cb /*#dbe7f0*/;
    border: #f57900 solid 1px; /*#2d74a8*/
    -webkit-box-shadow:rgba(0,0,0,.55) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0,.55) 0px 1px 3px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;    
}

#mainContainer div.meniu h2 {
    margin: 5px 5px 0px 5px;
    color: #088b9b;
    font: bold 12px verdana,arial,sans-serif;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding-top: 8px;
    height: 35px;
}


#mainContainer div.menu_adm_pagini h2 {
    background: url('../images/icon_pagina.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_user h2 {
    background: url('../images/icon_users.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_statistica h2 {
    background: url('../images/icon_statistica.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_settings h2 {
    background: url('../images/icon_settings.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_autocar h2 {
    background: url('../images/icon_autocar.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_agentie h2 {
    background: url('../images/icon_agentie.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_anunt h2 {
    background: url('../images/icon_pagina.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_tarife h2 {
    background: url('../images/icon_tarife.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_sofer h2 {
    background: url('../images/icon_sofer.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_traseu h2 {
    background: url('../images/icon_traseu.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_curse h2 {
    background: url('../images/icon_calendar.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.menu_adm_colete h2 {
    background: url('../images/icon_delivery_box.png') no-repeat left top;
    padding-left: 35px;
}

#mainContainer div.meniu ul {
    list-style: none;
    margin: 0px 5px 5px 5px;
    padding: 0;
}

#mainContainer div.meniu ul li {
    display: inline;
}

#mainContainer div.meniu a {
    display: block;
    color: #3d6582;
    font-size: 16px;
    border-bottom: 1px dotted #40919b;
    cursor: pointer;
    text-decoration: none !important;
    margin: 0px;
    padding: 3px 4px 1px 0px; 
    height: 22px;
}

#mainContainer div.meniu a:hover {
    color: #3d6582;
    text-decoration: underline;
    background: #ffffff;
    border-bottom-color: #C3B9A2;    
}

/********************************
 *      define lists            *
 ********************************/

#mainContainer table.recordsListTable {
    border: 0px solid #fff;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;  
}

#mainContainer table.recordsListTable th {
    padding-left: 2px;
    border: 0px #000000 solid;
    background-color: #40909b;
    font-size: 12px;
    color: #fff;
    font-family: verdana, arial, helvetica;
    font-weight: bold;
    height: 20px;
}

#mainContainer table.recordsListTable td {
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: 1px dotted #C3B9A2;
    font-size: 10px;
    color: #0c0c0c;
    font-family: verdana, arial, helvetica;
    height: 24px;
    vertical-align: top;
    line-height: 250%;
}

#mainContainer table.recordsListTable td.TableHeader {
    font-size: 10px;
    text-align: left;
    padding: 0;
    vertical-align: bottom;
    white-space: nowrap;
}

#mainContainer table.recordsListTable td.TableHeader div.groupButtons {
    clear: both;
    margin:0;
    background:#EAEAEA url('../images/white-grad.png') repeat-x left top;
    border:1px solid #dedede;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bfbfbf;
    padding:5px 5px 5px 5px;
    display:block;
}

#mainContainer table.recordsListTable td.TableHeader div.groupButtons:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainContainer table.recordsListTable td.TableHeader div.groupButtonsCategory {
    clear: both;
    margin:0;
    background:#EAEAEA url('../images/white-grad.png') repeat-x left top;
    border:1px solid #dedede;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bfbfbf;
    padding:5px 5px 5px 5px;
    display:block;
}

#mainContainer table.recordsListTable td.TableHeader div.groupButtonsCategory ul {
    list-style: none;
    margin: 0px 5px 0px 5px;
    padding: 0;   
}

#mainContainer table.recordsListTable td.TableHeader div.groupButtonsCategory ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainContainer table.recordsListTable td.TableHeader div.groupButtonsCategory ul li {
    display: block;
    width: 150px;
    float: left;
}

#mainContainer table.recordsListTable td.TableHeader div.groupButtonsCategory ul li label {
    cursor: pointer;
    white-space: nowrap;
}

#mainContainer table.recordsListTable td.action {
    width: 20px;
    text-align: center;
    vertical-align: middle;
    padding-left: 0px;
}

#mainContainer table.recordsListTable td.even {
    background-color: #dbe7f0;
}

#mainContainer table.recordsListTable td.odd {
    background-color: #fff;
}

#mainContainer table.recordsListTable td.image {
    width: 125px;
}

#mainContainer table.recordsListTable td.image img {
    border: 1px solid #000;
    width: 120px;
    height: auto;
}

#selectSortare,
#itemsno {
    font-size: 10px; 
    margin: 0;
}

#txtSearch {
    font-size: 10px; 
    margin: 0;
    width: 90px;
}

/** for mail addons **/
table.recordsForMail {
    width: 90%;
}

/********************************
 *      define page numbers     *
 ********************************/

#mainContainer div.pagini {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
}

#mainContainer div.pagini a:link,
#mainContainer div.pagini a:visited {
    text-decoration: none;
    font-size: 18px;
    vertical-align: middle;
    color: #6699cc;
}

#mainContainer div.pagini a:hover {
    color: #dbe7f0;
}

#pagselect {
    font-size: 12px;
}

/********************************
 *      forms definition        *
 ********************************/

#mainContainer div.smallForm {
    width: 600px;
}

#mainContainer div.mediumForm {
    min-width: 600px;
    width: auto !important;
    width: 600px;
}

#mainContainer div.largeForm {
    min-width: 900px;
    width: auto !important;
    width: 900px;
}

#mainContainer div.centerForm {
    margin-left: auto;
    margin-right: auto;
}

#mainContainer div.myForm div.error {
    color: #fff;
    font-weight: bold;
    background-color: #f00;
    text-align: center;
}

#mainContainer div.myForm form ul {
    list-style: none;
    padding: 0px;
}

#mainContainer div.myForm form ul li {
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #bfbfbf;
    display: block;
}
#mainContainer div.myForm form ul li.messageOnly {
    padding: 5px 0px 5px 0px;
    border: 0;
    display: block;
    color: #f00;
}

#mainContainer div.myForm form ul li.formGroup {
    display: block;
    background-color: #40909b;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 3px 3px 10px !important;
    margin: 25px 0px 0px 0px;
    border: 0 !important;
}

#mainContainer div.myForm form ul li.formGroup a {
    display: block;
    background-color: #40909b;
    color: #c0c0c0;
    font-size: 13px;
    font-weight: normal;
    border: 0 !important;
    float: right;
    margin-right: 10px;
    padding-right: 17px;
	background: #40909b url(../images/b_edit.png) no-repeat top right;
}

#mainContainer div.myForm form ul li div > label.radio,
#mainContainer div.myForm form ul li div > label.radio > input.radio
{
    margin-left: 0px;
    cursor: pointer;
}

#mainContainer div.myForm form ul li div > label.radio { 
    margin-right: 20px;
}

#mainContainer div.myForm form ul li > label {
    display: block;
    float: left;
    padding-right: 10px;
    cursor:pointer;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
}

#mainContainer div.smallForm form ul li > label {
    width: 150px;
}

#mainContainer div.myForm form ul li div {
    float: left;
}

#mainContainer div.myForm form ul li:after,
#mainContainer div.myForm form ul li div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainContainer div.myForm form ul li.formFooter {
    border: 0 !important;
    padding: 20px 0px 50px 30px;
}

#mainContainer div.myForm form ul li div > input, 
#mainContainer div.myForm form ul li div > select,
#mainContainer div.myForm form ul li div > textarea
{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/fieldbg.gif) repeat-x top;
}

#mainContainer div.myForm form ul li div > input:focus, 
#mainContainer div.myForm form ul li div > select:focus,
#mainContainer div.myForm form ul li div > textarea:focus
{
	background-color: #f4f4f4;
}

#mainContainer div.myForm form ul li div > input.pickedUpText {
    background:#fff !important;
    border: 0px !important;
    margin-bottom: 4px;
    font-weight: bold;
}

#mainContainer div.smallForm form ul li div > input,
#mainContainer div.smallForm form ul li div > select,
#mainContainer div.smallForm form ul li div > textarea,
#mainContainer div.smallForm form ul li div.groupButtonsCategory,
#mainContainer div.smallForm form ul li div.groupButtonsImage
{
    width: 400px;
}

#mainContainer div.myForm form ul li div > input.dataField
{
    width: 120px !important;
    background-image: url(../images/bgcalendar.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 12px;
    height: 20px;
}

#mainContainer div.myForm form ul li div > input.smallTextFiled
{
    width: 120px !important;
    font-size: 12px;
    height: 20px;
}

#mainContainer div.smallForm form ul li div > textarea {
    height: 80px;
}

#mainContainer div.largeForm form ul li div > input,
#mainContainer div.largeForm form ul li div > select,
#mainContainer div.largeForm form ul li div > textarea,
#mainContainer div.largeForm form ul li div.groupButtonsCategory,
#mainContainer div.largeForm form ul li div.groupButtonsImage
{
    width: 700px;
}

#mainContainer div.largeForm form ul li div > textarea {
    height: 80px;
}

#mainContainer div.largeForm form > ul > li > label {
    width: 150px;
}

.emptyValueField {
    border: 1px solid #c00 !important;
}

#mainContainer div.myForm form ul li div.groupButtonsCategory {
    margin:0;
    float: left;
    padding:0px 5px 5px 5px;
    display:block;
}

#mainContainer div.myForm form ul li div.groupButtonsCategory ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainContainer div.myForm form ul li div.groupButtonsCategory ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainContainer div.myForm form ul li div.groupButtonsCategory ul li {
    display: block;
    width: 155px;
    float: left;
    padding:0;
    margin: 5px 10px 0px 0px;
}

#mainContainer div.myForm form ul li div.groupButtonsCategory ul li label {
    cursor: pointer;
    white-space: nowrap;
    text-align: left !important;
    color: #606060;
    font-weight: normal;
}

#mainContainer div.myForm form ul li div.groupButtonsImage {
    margin:0;
    float: left;
    padding:0px 5px 5px 5px;
    display:block;
}

#mainContainer div.myForm form ul li div.groupButtonsImage ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainContainer div.myForm form ul li div.groupButtonsImage ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainContainer div.myForm form ul li div.groupButtonsImage ul li {
    display: block;
    width: 50px;
    float: left;
    padding:0;
    margin: 5px 20px 0px 0px;
}

#mainContainer div.myForm form ul li div.groupButtonsImage ul li label {
    cursor: pointer;
    white-space: nowrap;
    text-align: left !important;
    color: #606060;
    font-weight: normal;
}

/********************************
 * list mailto form             *
 ********************************/

#mainContainer div.largeForm form ul li ul.blockToMail {
    float: left;
    display: block;
    width: 300px;
    margin-left: 10px;
}

/********************************
 * autocomplete field +response *
 ********************************/
div.autoCompleteDiv {
  position:absolute;
  width: 250px;
  min-height: 60px;
  max-height: 100px;
  overflow: auto;  
  background-color:#f4f4f4;
  border:1px solid #888;
  margin:0;
  padding:0;
}

div.autoCompleteDiv ul {
  list-style: none !important;
  margin:0;
  padding:0;
}

div.autoCompleteDiv ul li.selected { background-color: #ffb;}

div.autoCompleteDiv ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:18px;
  font-size: 12px;
  cursor:pointer;
}

#mainContainer table.paginisite {
    width: 75%;
}

/*********************************************
 * modul introducere campuri in format table *
 *********************************************/
.myformtable {
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	border: 1px solid #ABC6DD;
	margin: 0px 0px 10px 0px; 
}

.myformtable tr th {
	padding-left: 5px;
	padding-right: 5px;	
	border-bottom: 0px #000000 solid; 
	background-color: #E5EFFD; 
	FONT-SIZE: 10px; 
	COLOR: #000; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-weight: bold;
	height: 12px;
	text-align: center;
}

.myformtable tr td {
	padding-left: 1px;
	padding-right: 1px;	
	border-top: 1px #ABC6DD solid; 
    border-bottom: 1px #ABC6DD solid; 
	background-color: #fff; 
	FONT-SIZE: 10px; 
	COLOR: #f00; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-weight: bold;
	height: 12px;
	text-align: center;
}

.myformtable input.inputtext {
	background-color: #f0f0f0;
	background: #f0f0f0;
	border: 1px solid #b2b2b2;
	color: #333;
	font: normal 11px Verdana,Arial;
	margin: 0px;
	padding: 3px;
}

.myformtable input.dataField {
    width: 110px !important;
    background-image: url(../images/bgcalendar.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 12px;
    height: 20px;
}

/*********************************************
 * modul gps coordonate *
 *********************************************/
#gpsInputDiv {
    width: 400px;
}
.gpsInputDivFields {
    width: 400px;
}

.gpsInputDivFields input,
.gpsInputDivFields select
{
	background-color: #f0f0f0;
    background: #f0f0f0;
	border: 1px solid #b2b2b2;
    color: #333;
	font: normal 11px Verdana,Arial;
    margin: 0px;
	padding: 3px;
}

.gpsInputDivFields input.GPSgradeDecimale,
.gpsInputDivFields input.GPSminuteDecimale 
{
    width: 80px !important;
}

.gpsInputDivFields input.GPSgrade,
.gpsInputDivFields input.GPSminute,
.gpsInputDivFields input.GPSsecunde
{
    width: 40px !important;
}

.gpsInputDivFields select {
    width: 40px !important;
}

/*********************************************
 * modul vizualizare in format table         *
 *********************************************/
.viewTable {
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	border: 1px solid #ABC6DD;
	margin: 0px 0px 10px 0px; 
}

.viewTable tr th {
	padding-left: 5px;
	padding-right: 5px;	
	border-bottom: 0px #000000 solid; 
	background-color: #E5EFFD; 
	FONT-SIZE: 10px; 
	COLOR: #000; 
	FONT-FAMILY: verdana, arial, helvetica; 
	font-weight: bold;
	height: 12px;
	text-align: center;
}

.viewTable tr td {
	padding-left: 5px;
	padding-right: 5px;	
	border-top: 1px #ABC6DD solid; 
    border-bottom: 1px #ABC6DD solid;
	FONT-SIZE: 10px; 
	color: #333;
	FONT-FAMILY: verdana, arial, helvetica; 
	font-weight: normal;
	height: 12px;
}

.viewTable tr td.odd {
    background-color: #fff;
}

.viewTable tr td.even {
   background-color: #dbeff0;
}

/*** IFRAME HIDDEN file upload ***/
#upload_target { 
    width:0;
    height:0;
    border:0px solid #fff;
    top:-500px;
    left:-500px;
    position:absolute;
}

table.fileList {
    width: 700px;
}

/*** multiple photos upload ***/
#divFormUpload {
    display: inline-block;
}

#divFormUpload > div.uploadCommands {
    margin: 10px 0px 10px 0px;
}

#imageUploadFormOthers {
    display: none;
}

/*** photos edit/view ***/
#galerieImagini {
    width: 700px;
}

#galerieImagini > div.imageDisplayFrame {
    width: 130px;
    height: 200px;

    margin-left: 10px;
    margin-top: 10px;

    display: inline-block;
}

#galerieImagini > div.imageDisplayFrame > div.ImageDiv {
    display: inline-block;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

#galerieImagini > div.imageDisplayFrame > div.ImageDiv {
    border: 2px solid #000;
    width: 120px;
    height: 120px;
}

#galerieImagini > div.imageDisplayFrame > div.toolBar {
  width: 124px;
  height: 75px;
  
  margin-top: 1px;
  
  display: inline-block;

  background-color: #ccc;

}

#galerieImagini > div.imageDisplayFrame > div.toolBar > div.infoBlock {
    width: 120px;
    height: 55px;
    margin: 2px 0px 1px 0px;
    display: inline-block;
    font-size: 8px;
    text-align: center;
    overflow: hidden;
}

#galerieImagini > div.imageDisplayFrame > div.toolBar > div.actionButton {
    width: 20px;
    height: 20px;
    margin: 2px 1px 1px 1px;
    border: solid 1px #333;
    cursor: pointer;
    background-color: #fff;
    display: inline-block;
}

#galerieImagini > div.imageDisplayFrame > div.toolBar > div.deleteIcon {
    background: #fff url('../images/imageeditor/b_drop.png') no-repeat center center !important;
}

#galerieImagini > div.imageDisplayFrame > div.toolBar > div.firstIcon {
    background: #fff url('../images/imageeditor/b_up.png') no-repeat center center !important;
}

#galerieImagini > div.imageDisplayFrame > div.toolBar > div.lastIcon {
    background: #fff url('../images/imageeditor/b_down.png') no-repeat center center !important;
}

#galerieImagini > div.imageDisplayFrame > div.toolBar > div.gotoIcon {
    background: #fff url('../images/imageeditor/b_goto.png') no-repeat center center !important;
}

#galerieImagini > div.imageDisplayFrame > div.toolBar > div.textIcon {
    background: #fff url('../images/imageeditor/b_text.png') no-repeat center center !important;
}

/* formatare afisare continut din editor html*/
div.formatareHTML ul {
    list-style: disc outside !important;
    display: block !important;
    padding: 6px 6px 6px 40px!important;
    margin: 2px !important;
}
div.formatareHTML ol {
    list-style: decimal outside none !important;
    display: block !important;
    padding: 6px 6px 6px 40px!important;
    margin: 2px !important;
}

div.formatareHTML ul li,
div.formatareHTML ol li {
    display: list-item !important;
    list-style-type: inherit !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* toolbar video*/
#resultVideos > li > div.toolBar {
  width: 124px;
  height: 26px;
  margin-top: 1px;
  margin-bottom: 5px;  
  display: inline-block;

  background-color: #ccc;
}

#resultVideos > li > div.toolBar > div.actionButton {
    width: 20px;
    height: 20px;
    margin: 2px 1px 1px 1px;
    border: solid 1px #333;
    cursor: pointer;
    background-color: #fff;
    display: inline-block;
}
#resultVideos > li > div.toolBar > div.deleteIcon {
    background: #fff url('../images/imageeditor/b_drop.png') no-repeat center center !important;
}

#resultVideos > li > div.toolBar > div.firstIcon {
    background: #fff url('../images/imageeditor/b_up.png') no-repeat center center !important;
}

#resultVideos > li > div.toolBar > div.lastIcon {
    background: #fff url('../images/imageeditor/b_down.png') no-repeat center center !important;
}

#resultVideos > li > div.toolBar > div.gotoIcon {
    background: #fff url('../images/imageeditor/b_goto.png') no-repeat center center !important;
}

#resultVideos > li > div.toolBar > div.textIcon {
    background: #fff url('../images/imageeditor/b_text.png') no-repeat center center !important;
}
/* video list */
#resultVideos > li > div.labelDisplayFrame {
  background-color: #ccc;
  height: 26px;
  width: 450px;
  padding-left: 10px;
  margin-top: 1px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: bold;
  vertical-align: center;
}

#resultVideos > li > div.videoDisplayFrame {

}

/* mce large*/
textarea.largeMCE {
    width: 600px !important;
    height: 280px !important;
}

.dayslist {
    width: 800px;
}

/* fisiere download */
ul.atasate { text-align:center;  padding:0; margin:6px 0 0 0; list-style:none; border:0; float:left;}
ul.atasate li { float:left; margin:0 1px 0 1px; padding:0!important; border:0 !important; height: 32px !important;}
ul.atasate li a { margin:0; padding:8px 0 9px 35px; color:#19527f; display: block; font:bold 11px Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg_download.png) no-repeat left;}
ul.atasate li a:hover { color:#333;}

/* diagrama autocar */
div#workdiagrama {

}

input.locDiagrama {
    width: 30px !important;
    height: 20px !important;
    font-size: 10px !important;
    color: #40909b;
    padding: 2px 0 0 0 !important;
    font-weight: bold;
    text-align: center;
}

table.diagrama {
    padding: 0;
    border: 1px solid #c0c0c0;
    color: #fff !important;
    font-weight: bold;
}

table.diagrama tr td {
    height: 24px;
    width: 24px;
    text-align: center;
    color: #fff !important;
    margin: 1px;
    border: 0  !important;
}

table.diagrama tr td.ocupat {
    background-color: #40909b;
}
table.diagrama tr td.liber {
    background-color: #e0e0e0;
}

div.minimized {
    display: none;
}

a.diagrama, 
a.diagrama:visited {
    color: #40909b;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

a.diagrama:hover {
    color: #c0c0c0;
}

/*** management statii si tipbilet ***/
.hiddenBlock {
    display: none !important;
    visibility: hidden !important;
}

table#biletTable,
table#statieTable,
table.anunturi,
table.cursaTable {
    width: 90%;
}

table.listaBilete,
table.rezultatLocuriBlocate,
table.rezultatCurse {
    width: 98%;
}

/*** management preturi ***/
input.pret {
    width: 50px;
    font-size: 11px;
    text-align: right;
}

/*** mesaj ***/
div.mesaj {
    padding: 50px;
}

/*** explicatie on over ***/
.overPopUp {
    cursor: pointer;
}

div.ExplicatiePopUp {
    display: none;
    position: absolute;
    z-index: 12;
    color: #c0c0c0;
    width: 150px;
    background-color: #fff;
    border: 1px dashed #c0c0c0;
    font-size: 12px;
    font-weight: normal;
    color: #40909B;
    text-align: center;
}

/*** tabs ***/
.ui-tabs { position: relative; padding: .2em; zoom: 1;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
    border: 1px solid #40909B;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #40909B;
    display: block;
}
.ui-tabs .ui-tabs-nav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background-color: #F9F9F9;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; color: #c0c0c0; font-size: 11px; font-weight: normal;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #40909B;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;
    background-color: #FFFFFF;
    border: 1px solid #98ABB1;
    color: #EB8F00;
    font-weight: bold;
    outline: medium none;
}
 color: #fff;
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 1px solid #ccc; border-top: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*** meniu left ***/

div#leftContainer {
    height: 60px;
    background-color: #dbe7f0;
}

div#leftContainer ul {
    list-style: none;
    float: left;
}

div#leftContainer ul li {
    float: left;
    font-size: 18px;
}

/*** management cate locuri se rezerva ***/
input.smallNumber {
    width: 25px;
    font-size: 11px;
    text-align: right;
}

/*** forma bilet ***/
input.editDisabled {
    border: 0 !important;
    background:#fff none !important;
}

#eIndicator {
    text-align: center;
}

input.scriscurosu {
    color: #f90a0c;
}

/*forma bilet*/
li.gri {
    background-color: #f0f0f0;
}

/*lista bilete*/
div.biletanulat {
    color: #ff0000;
}

/*lista rapoarte*/
ul.listaRapoarte li {
    font-size: 18px;
    margin-bottom: 20px;
}
ul.listaRapoarte li a,
ul.listaRapoarte li a:visited {
    text-decoration: none;
    color: #42929d;
}
ul.listaRapoarte li a:hover {
    text-decoration: underline;
    color: #000;
}

div#divShowCuloare,
div#divAlegeCuloare,
div#divAlegeLoc {
    position: absolute;
    float: left;
    margin: 0 auto 0 auto;
    top: -2500px;
    text-align: center;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #c0c0c0;
    padding: 20px;
}

div#divAlegeLoc select {
    margin-bottom: 5px;
}

div#divAlegeLoc td {
    cursor: pointer;
}

a.inchide {
    text-decoration: none;
    color: #f02020;
}

td.xocupat {
    background-color: #f90a0c !important;
}

td label.disabled {
    border:1px solid #000;
    width: 10px;
    height: 10px;
    display: block;
    background-color: #c0c0c0;
    margin: 2px auto 0 auto;
}

td label.disabled input {
    padding: 0;
    margin: 0 !important;
    display: none;
}
span.rosu,
td.scrisrosu {
    color: #e73233 !important;
}

div.culoriLaPrint,
div.AntetPrint {
    display: none;
}

a.culoareAuto,
a.culoareAuto:visited {
    color: #000;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}

a.culoareAuto:hover {
    color: #c0c0c0;
}

div#divAlegeCuloare ul {
    list-style: none;
    padding: 0;
    margin:0;
}

div#divAlegeCuloare ul li {
    float: left;
    padding: 5px;
}

div#divAlegeCuloare ul li a {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #c0c0c0;
}

div#divAlegeCuloare ul li a:hover {
    border: 1px solid #000;
}

.culoare_fara { background-color: none; }
.culoare_rosu { background-color: #ec2020; }
.culoare_galben { background-color: #ffd851; }
.culoare_albastru { background-color: #4d4dcf; }
.culoare_verde { background-color: #13b01a; }
.culoare_portocaliu { background-color: #f88f06; }
.culoare_violet { background-color: #764379; }
.culoare_lightblue { background-color: #aecce8; }
.culoare_fucsia { background-color: #ff6bb7; }
.culoare_burgundi { background-color: #a40009; }
.culoare_mov { background-color: #9470dc; }
.culoare_azur { background-color: #47c7d4; }
.culoare_lightgreen { background-color: #bee300; }
.culoare_alb { background-color: #fff; }

.culoareBrick {
    height: 22px;
    padding-top: 4px;
}

.culoareBrick span {
    padding: 2px;
}
.culoriAuto {
    display: block;
    height: 40px;
    padding-top: 10px;
}

a.veziCulori,
a.veziCulori:visited {
    color: #40909b;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

a.veziCulori:hover {
    color: #c0c0c0;
}

div.LinkEditAnunt {
    margin-bottom: 20px;
    text-align: center;
}

div.LinkEditAnunt a,
div.LinkEditAnunt a:visited {
    color: #40909b;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

div.LinkEditAnunt a:hover {
    color: #c0c0c0;
}

#rezultateAfisate a.show_blocate,
#rezultateAfisate a.show_blocate:visited {
    color: #0C0C0C;
    font-family: verdana,arial,helvetica;
    font-size: 10px;
    height: 24px;
    text-decoration: none;
}

#rezultateAfisate a.show_blocate:hover {
    color: #40909b;
    font-weight: bold;
}

div.col2set div {
    width: 300px;
}

div.break {
 display: block;
 clear: both;
}

label.fixedsize_1 {
    display: inline-block;
    width: 250px;
}

input.smallNumberX {
    width: 40px !important;
}

div.even {
    background-color: #e0e0e0;
    padding-bottom: 2px;
}

div.odd {
    background-color: #fff;
    padding-bottom: 2px;
}

span.mark_checkbanca {
    white-space: nowrap;
    color: green;
}