/**************************************************************
 ******** GLOBAL STYLES FOR INTERACTIVES OBJECT TO WORK *******
 **************************************************************/

a img{ border-width:0px;}
#webcounter{ position:absolute; top:-100px;}
th{text-align:left; font-weight:normal;color:#444444;}
th, td{padding:2px 6px;}

.monthCalendar .prev,.monthCalendar .next{cursor:pointer;text-decoration:underline;}
.calendarNextEvents .prev,.calendarNextEvents .next{cursor:pointer;text-decoration:underline;}

.hidden{display:none;}

/* ESHOP */
.skipRegistrationLabel{display:none;}
.order .skipRegistrationLabel{display: block;}
.order .personal .formfield.image, .order .personal .formfield.text, .order .personal .formfield.email{display:none;}

.eshopOrderForm{width:100%;}
.eshopOrderForm .count input{width:40px;}
.eshopOrderForm tfoot th{text-align:right;}
.eshopOrderForm .price, .eshopOrderForm .count, .eshopOrderForm .count input{text-align:right;}
.eshopOrderForm .totalPrice, .eshopOrderForm .shippingPrice, .eshopOrderForm .paymentPrice{text-align:right; font-weight:bold;}
.eshopOrderForm .price, .eshopOrderForm .totalPrice{min-width: 60px;}
.eshopOrderForm tfoot .label{display:none;}
.eshopOrderForm .deliveryOptions{margin:0px 0px 30px 0px;}
.eshopOrderForm .deliveryOptions .option{display:block; overflow:hidden;}
.eshopOrderForm .deliveryOptions .option.selected{background-color:#F8F8F8;}
.eshopOrderForm .deliveryOptions .option:hover{text-decoration:underline;}
.eshopOrderForm .deliveryOptions input{position:absolute; width:20px; margin:6px 0px 0px 3px;}
.eshopOrderForm .deliveryOptions label{display:block; padding: 5px 5px 5px 25px; cursor:pointer;}
.eshopOrderForm .deliveryOptions label .price{float:right;}


fieldset#expansion{border:1px solid red;display:none;}
.formfield{ margin-bottom:6px;}
.formfield .help{cursor:help;}
.formfield .help .text{display:none;position:absolute;background-color:#eeeeee;border:1px solid #cccccc;padding:3px;}
.formfield .help:hover .text{display:inline-block;}
label{ display:block;}
input, select, textarea{border:1px solid gray;padding:4px; max-width:100%;}
.formContent input{width:auto;float:left;}
.formContent label{display:inline;}
.uploadManagerForm{height:400px;}

.imageUpload .customBox{border:1px solid gray;padding:4px; width:auto;}
.imageUpload .delete{text-decoration: underline; cursor: pointer; text-transform: lowercase;}
.imageUpload .delete:hover{text-decoration: none;}

.error{color:red;}

.unfilled input,
.unfilled select,
.unfilled textarea{
  border:1px solid red;
}
.unfilled .formContent{
  color:red;
}


.dateSelectorIcon{
    display:block;
    width:50px;
    height:24px;
    background-image:url("../template/admin/img/ico_search.gif");
    background-repeat:no-repeat;
    background-position:calc(100% - 6px) 50%;
    margin:0px 0px 0px calc(100% - 50px);
    position:relative;
    top:-25px;
    margin-bottom:-24px;
    cursor:pointer;
}

.dateSelector{
    width:234px;
    height:172px;
    position:absolute;
    z-index:500;
    margin:0px 0px 0px 450px;
    border:1px solid #777777;
    background-color:#FFFFFF;
}

.dateSelector strong{
    position:absolute;
    font-size:110%;
    font-weight:bold;
    border-bottom:1px solid #DDDDDD;
    margin:2px 0px 0px 18px;
    height:26px;
    width:200px;
    text-align:center;
}

.dateSelector .nav span{
    width:17px;
    text-align:center;
    background-repeat:no-repeat;
    background-position:50% 50%;
    text-indent:-9999px;
    overflow:hidden;
    height:172px;
    position:absolute;
    background-color:#999999;
    cursor:pointer;
}

.dateSelector .nav span:hover{
  background-color:#555555;
}

.dateSelector .prev{background-image:url("../template/admin/img/arrow-left.gif");}
.dateSelector .next{background-image:url("../template/admin/img/arrow-right.gif");margin-left:217px;}
.dateSelector .kalendar{position:absolute; margin:30px 0 0 22px; width:190px;}
.dateSelector .kalendar .day{
        background-color:#BBBBBB;
        font-size:10px;
        text-align:right;
        padding:2px 4px 1px 4px;
        cursor:pointer;
}
.dateSelector .kalendar .day:hover{background-color:#555555; color:#FFFFFF;}
.dateSelector .kalendar .today{padding:1px 3px 1px 3px; border:1px solid #880000;}
.dateSelector .kalendar .selectedDate{background-color:#880000;color:#FFFFFF;}

.presentation ul, .presentation li{padding:0px; margin:0px; list-style-type: none;}
.presentation .items{}
.presentation .items li{  position:absolute; overflow:hidden;}
.presentation .items li .content{display:block; position:relative;}
.presentation .switcher .header, .presentation .switcher .description{display:none;}
.presentation li a{display:block;}
.presentation .label{position:absolute;}
.presentation .label .header, .presentation .label .description{display:block;}