/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* TABS */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
span.translation_editable {
    display: inline !important;
    cursor: pointer;
    text-decoration: underline;
    white-space: nowrap;
}




/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* TABS */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
.tabs {
    display: block;
    clear: both;
}
.tabs_inside {
    margin-top: 15px;
    margin-bottom: 10px;
}
.tabs a {
    text-decoration: none;
    padding: 4px;
    margin-right: 2px;
    text-align: left;
    background-color: #FF6600;
    background-position: center center;
    font-weight: bold;
    color: #FFFFFF;

}
.tabs a.selected_tab {
    background-color: #FFFFFF;
    color: #FF6600;
    border: 1px solid #FF6600;
}
.tabs_with_icons a {
    background-color: transparent;
    padding-left: 20px;
}
.hidden_tab{
    display: none;
}




/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* POP LAYER */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
.pop_layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 15% auto;
    margin-top: -250px;
    margin-left: -325px;
    padding: 10px;
    width: 650px;
    height: 500px;
    border: 1px solid #808080;
    background: #FFFFFF;
}
.pop_layer a.close {
    display: block;
    overflow: auto;
    float: right;
    width: 16px;
    height: 16px;
    background: url('addons/pop_layer_close.png') no-repeat center center;
}
.pop_layer h1 {
    display: block;
    margin-bottom: 10px;
    padding-top: 26px;
    border-bottom: 1px solid #C0C0C0;
    font-size: 18px;
}
.pop_layer .logo {
    display: block;
    float: right;
    width: 93px;
    height: 46px;
    background: url('addons/logo.png') no-repeat;
}
.pop_layer table.register_table {
    margin: 15px 0px 5px 0px;
    width: 500px;
}
.pop_layer .hello {
    margin-bottom: 40px;
}
.pop_layer .form .buttons {
    display: block;
    overflow: auto;
    text-align: right;
}
.pop_layer .form .buttons button.navigation {
    font-size: 110%;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    color: #FFFFFF;
    background: #808080;
    border: 1px solid #000000;
}
.pop_layer button.navigation:hover {
    color: #D0D0D0;
    background: #000000;
}
.pop_layer button.navigation:disabled {
    color: #C0C0C0;
    background: #D0D0D0;
}




/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* TABS AS IMAGES */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
.tabs_as_images {
    clear: both;
    display: block;
    height: auto;
    overflow: auto;
    margin: 10px 0px 10px 0px;
}
.tabs_as_images .record {
    display: block;
    height: 184px;
    width: 295px;
    padding: 5px;
    float: left;
    border: 1px dotted #969696;
    margin: 2px;
}
.tabs_as_images .record .photo {
    float: left;
    width: 200px;
    height: 150px;
}
.tabs_as_images .record .photo img {
    border: 0px;
}
.tabs_as_images .record .info {
    float: left;
    width: 95px;
    height: 70px;
    text-align: right;
}
.tabs_as_images .record .info label {
    display: block;
    font-size: 9px;
}
.tabs_as_images .record .info span {
    display: block;
    font-weight: bold;
    text-decoration: underline;
    color: #E87400;
    font-size: 9px;
}
.tabs_as_images .record .price span.strikeout {
    text-decoration: underline line-through;
    color: #00A600;
}
.tabs_as_images .record .actions {
    float: left;
    width: 95px;
    height: 60px;
}
.tabs_as_images .record .actions a {
  display: block;
  font-weight: bold;
  border: 1px solid #000000;
  padding: 3px;
  margin: 2px;
  text-decoration: none;
  text-align: center;
}
.tabs_as_images .record .actions a:hover {
  text-decoration: underline;
}
.tabs_as_images .record .actions a.delete {
  width: 90px;
  background: #FF0000;
  color: #FFFFFF;
}
.tabs_as_images .record .actions a.image {
  width: 90px;
  background: #FF6600;
  color: #FFFFFF;
}
.tabs_as_images .no_records {
    display: block;
    height: auto;
    width: 920px;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border: 1px dotted #969696;
}


fieldset.form .entry {
    display: block;
    margin: 10px 20px;
    overflow: hidden;
}
fieldset.form .entry .header {
    display: block;
    padding: 4px;
    text-align: left;
    background-color: #FF6600;
    font-weight: bold;
    color: #FFFFFF;
}
fieldset.form .entry .header a {
    color: #000000;
    text-decoration: none;
}
fieldset.form .entry .header a:hover {
    text-decoration: underline;
}
fieldset.form .entry .header label {
    color: #000000;
    float: right;
}
fieldset.form .entry .words {
    display: block;
    padding: 10px;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    text-align: justify;
}
fieldset.form .field .file .send_file {
    background-color: #FF6600;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #000000;
    margin-left: 30px;
    width: auto;
}



/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* RAPORTS */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
fieldset.raports {
    clear: both;
    display: block;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    margin-bottom: 30px;
}
fieldset.raports legend {
    padding: 4px;
    text-align: left;
    background-color: #FF6600;
    font-weight: bold;
    color: #FFFFFF;
}
fieldset.raports .field {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}
fieldset.raports .field label {
    display: block;
    float: left;
    width: 200px;
    text-align: right;
    padding: 5px;
}
fieldset.raports .field input {
    float: left;
}
fieldset.raports .field select {
    float: left;
}
fieldset.raports .buttons {
    display: block;
    overflow: hidden;
    padding-left: 210px;
}
fieldset.raports .buttons input {
    border: 1px solid #FF6600;
    padding: 4px 10px;
    background: #E0E0E0;
    font-weight: bold;
}
fieldset.raports .buttons input:hover {
    background: #FF6600;
}




#login_warning {
    background: #FFFFFF url('addons/login_warning_opacity.png');
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}
#login_warning .content {
    border: 1px solid #FF6600;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #fff;
    position:absolute;
    width: 800px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -400px;
    overflow: hidden;
    padding: 10px 10px 10px 0px;
}
#login_warning .content input.confirm {
    padding: 4px;
    border: 1px solid #000000;
    background-color: #FF6600;
    color: #FFFFFF;
    width: auto;
}
#login_warning .content input.confirm:hover {
    background-color: #FFFFFF;
    color: #FF6600;
}

#total_weight_calculator {
    float: right;
    width: 250px;
    padding: 6px 10px;
    margin-top: 10px;
    border: 1px solid #D6D6D6;
}
#total_weight_calculator div, 
#total_weight_calculator p{
    float: left;
    clear: both;
    width: 230px;
    margin: 2px 4px;
}
#total_weight_calculator select {
    float: left;
    clear: left;
    margin: 2px 4px;
    width: 150px;
}
#total_weight_calculator input[type="button"] {
    float: left;
    width: 80px;
    margin-left: 6px;
}