/*###############################################################

BUTTONS AND INPUTS
- css pre buttony a inputy
- css pre elementy vyuzivajuce sliding doors techniku

###############################################################*/

/*------------------------------------------------------------------------------------------------------------------
NORMAL BUTTONS
------------------------------------------------------------------------------------------------------------------*/

.button-gray1, .button-gray3 {
    font-size: 7pt !important;
    background: #666666;
    color: white !important;
    margin: 2px 3px 3px 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.button-gray1 { padding: 3px 6px;}
.button-gray3 { width: 100%; padding: 5px 0; margin: 2px auto 0 auto; display: block; float:none}

.button-gray2 {
    font-size: 8pt;
    padding: 7px 30px;
    background: #666666;
    color: white;
    margin: 2px 3px 3px 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
}

.button-blue1 {
    font-size: 8pt;
    padding: 7px 30px;
    background: #28aae1;
    color: white;
    margin: 2px 3px 3px 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
}

/*------------------------------------------------------------------------------------------------------------------
SLIDING DOOR ELEMENTS
------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------
Menu elements & Inputs
------------------------------------------*/

#menu-main .middle .popup-login .inputs
#menu-main .middle .popup-login dl {width: 200px; float: left;}

#menu-sub-panel .middle .container dl dt,
#menu-sub-panel .middle .container dl dd,
#menu-main .middle .popup-login dl dt,
#menu-main .middle .popup-login dl dd {
    width: auto;
    height: 28px;
}
#menu-sub-panel .middle .container dl dt,
#menu-sub-panel .middle .container dl dd { float: right; }
#menu-main .middle .popup-login dl dt,
#menu-main .middle .popup-login dl dd { float: left; }

#menu-sub-panel .middle .container dl dt {margin-left: 3px;}
#menu-sub-panel .middle .container a.button-search {
    width: 30px;
    height: 28px;
    display:block;
    background: url('../img/sprite_text_logos_icons.png') -77px -136px no-repeat;
}

#menu-main .middle .popup-login dl dt {width: 37px; margin-left: 3px;}
#menu-main .middle .popup-login dl dt label {
    height: 28px;
    line-height: 28px;
    font-size: 8pt;
    color: white;
    margin-right: 5px;
}

#menu-sub-panel .middle .container dl dd.sliding,
#menu-main .middle .popup-login dl dd.sliding {
    height: 28px;
    line-height: 28px;
    display: block;
    background: url('../img/sprite_sliding_doors.png') 0 0 no-repeat;
}
#menu-sub-panel .middle .container dl dd.sliding { width: 223px; margin-right: 4px; }
#menu-main .middle .popup-login dl dd.sliding { width: 160px; }

#menu-sub-panel .middle .container dl dd.sliding input,
#menu-main .middle .popup-login dl dd.sliding input {
    height: 24px;
    padding: 2px 0 2px 5px;
    margin: 0 -4px 0 0;
    background: transparent;
    border: none;
    outline: none;
    font-size: 10pt;
    float:left;
    color: #999999;
}
#menu-sub-panel .middle .container dl dd.sliding input { width: 213px; line-height: 24px;}
#menu-main .middle .popup-login dl dd.sliding input { width: 150px; font-size: 8pt; line-height: 24px;}

#menu-sub-panel .middle .container dl dd.sliding span.doors,
#menu-main .middle .popup-login dl dd.sliding span.doors {
    width: 4px;
    height: 28px;
    float: right;
    padding-right: 4px;
    margin-right: -4px;
    background: url('../img/sprite_sliding_doors.png') right 0 no-repeat;
}

/*------------------------------------------
Select-box
------------------------------------------*/

.container.for-searchbox .searchbox-event .middle form dd.sliding {
    width: 240px;
    height: 28px;
    line-height: 28px;
    background: url('../img/sprite_sliding_doors.png') left 0 no-repeat;
}
.container.for-searchbox .searchbox-event .middle form dl.middle dd.sliding {
    width: 330px;
}

.container.for-searchbox .searchbox-event .middle form dd.sliding select {
    width: 236px;
    margin: 0px -7px 3px 4px;
    height: 19px;
    line-height: 24px;
    border: none;
    outline: none;
    font-size: 8pt;
    color: #333333;
    float: left;
    padding: 0px;
    position: relative;
    top: 5px;
    left: 4px;
    background-color: white;
}

/*SAFARI HACK*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    .container.for-searchbox .searchbox-event .middle form dd.sliding select {
        -webkit-appearance: none;
        top: 2px;
        background: url('../img/arrow_select.png') right center no-repeat;
    }
}

.container.for-searchbox .searchbox-event .middle form dd.sliding .doors {
    width: 4px;
    float: right;
    height: 28px;
    padding-right: 4px;
    margin-right: -8px;
    background: url('../img/sprite_sliding_doors.png') right 0 no-repeat;
}

.container.for-searchbox .searchbox-event .middle form dd.sliding input {
width: 329px;
height: 24px;
line-height: 24px;
padding: 2px 0 2px 5px;
margin: 0 -4px 0 0;
background: transparent;
border: none;
outline: none;
font-size: 8pt;
float: left;
color: #333;
}
/*------------------------------------------
Buttons in header
------------------------------------------*/

.container .header a.button-add,
.container .header a.button-change {
    float: right;
    line-height: 21px;
    position:relative;
    top: 5px;
    color: #2e910b;
}
.container .header a.button-add { background: url('../img/sprite_sliding_doors.png') right -30px no-repeat; color: #2e910b;}
.container .header a.button-change { background: url('../img/sprite_sliding_doors.png') right -52px no-repeat; color: #666;}
.container .header a.button-add span,
.container .header a.button-change span {
    height: 21px;
    font-size: 8pt;
    margin: 0 10px 0 -10px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
}
.container .header a.button-add span {
    padding: 0 8px 0 23px;
    background: url('../img/sprite_sliding_doors.png') 0 -30px no-repeat;
}
.container .header a.button-change span {
    padding: 0 8px 0 18px;
    background: url('../img/sprite_sliding_doors.png') 0 -52px no-repeat;
}
.container .header a.button-add span.plus {
    height: 9px;
    width: 9px;
    background: url('../img/sprite_text_logos_icons.png') -28px -167px no-repeat;
    float: left;
    padding: 0px;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 10;
}

/*------------------------------------------
Buttons anywhere
------------------------------------------*/

.for-button { float: left; margin: 0 10px; }
.for-button2 { max-width: 80px; float: right; }
.for-button-dusan {display: block; margin: 7px;}
.container a.button-add2,
.container a.button-change2,
a.button-search {
    float: left;
    line-height: 21px;
    color: #2e910b;
    position:relative;
}
a.button-search {float: left; line-height: 28px; color: white;}
a.button-log {
    float: right;
    line-height: 56px;
    color: white;
    position: relative;
}
.container a.button-add2 { background: url('../img/sprite_sliding_doors.png') right -30px no-repeat; color: #2e910b;}
.container a.button-change2 { background: url('../img/sprite_sliding_doors.png') right -52px no-repeat; color: #666;}
a.button-log { background: url('../img/sprite_sliding_doors.png') right -75px no-repeat; }
a.button-search { background: url('../img/sprite_sliding_doors.png') right -189px no-repeat; }
a:hover.button-log { background: url('../img/sprite_sliding_doors.png') right -132px no-repeat; }
.container a.button-add2 span,
.container a.button-change2 span {
    height: 21px;
    font-size: 8pt;
    margin: 0 10px 0 -10px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
}
a.button-log span {
    height: 56px;
    font-size: 8pt;
    margin: 0 10px 0 -10px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
}
a.button-search span {
    height: 28px;
    font-size: 8pt;
    margin: 0 10px 0 -10px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
    text-transform: uppercase;
    font-weight: bold;
}

.container a.button-add2 span { padding: 0 8px 0 23px; background: url('../img/sprite_sliding_doors.png') 0 -30px no-repeat; }
.container a.button-change2 span { padding: 0 8px 0 18px; background: url('../img/sprite_sliding_doors.png') 0 -52px no-repeat; }
a.button-log span { padding: 0 8px 0 18px; background: url('../img/sprite_sliding_doors.png') 0 -75px no-repeat; }
a:hover.button-log span { padding: 0 8px 0 18px; background: url('../img/sprite_sliding_doors.png') 0 -132px no-repeat; }
a.button-search span { padding: 0 8px 0 18px; background: url('../img/sprite_sliding_doors.png') 0 -189px no-repeat; }

.container a.button-add2 span.plus {
    height: 9px;
    width: 9px;
    background: url('../img/sprite_text_logos_icons.png') -28px -167px no-repeat;
    float: left;
    padding: 0px;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 10;
}

/*paging buttons*/

.pag-page {
    float: left;
}

a.button-jump {
    height:24px;
    line-height: 24px;
    width: 60px;
    background: url('../img/sprite_sliding_doors.png') left -244px no-repeat;
    color:#333333;
    font-size: 8pt;
    text-align: center;
    float: left;
    padding-left: 10px;
}

a.button-page {
    height:24px;
    line-height: 24px;
    background: url('../img/sprite_sliding_doors.png') left -244px no-repeat;
    color:#333333;
    font-size: 8pt;
    text-align: center;
    float: left;
    width: 35px;
    padding-left:5px;
}

.pag-button:hover .button-jump,
.pag-page:hover .button-page {
    background: url('../img/sprite_sliding_doors.png') left -294px no-repeat;
    color: white;
}
.pag-button span,
.pag-page span {
    height: 24px;
    background: url('../img/sprite_sliding_doors.png') right -244px no-repeat;
    width: 10px;
    float: left;
}
.pag-page span {width: 5px;}
.pag-button:hover span {  background: url('../img/sprite_sliding_doors.png') right -294px no-repeat; }

.pag-page:hover span {  background: url('../img/sprite_sliding_doors.png') right -294px no-repeat; }
.pag-page.current .button-page{  background: url('../img/sprite_sliding_doors.png') left -269px no-repeat; color: white; }
.pag-page.current span {  background: url('../img/sprite_sliding_doors.png') right -269px no-repeat; }

/*------------------------------------------------------------------------------------------------------------------
TAGS
------------------------------------------------------------------------------------------------------------------*/

.container .tag {
    padding: 3px 5px;
    margin-left: 5px;
    color: white !important;
    font-size: 8pt !important;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    background: #999999;
    float: left;
    margin-bottom: 5px;
}

.container .tag.right {
    float: right!important;
}


.container .tag.gray {
    background: #F6F5F2;
    color: #666!important;
}

/*tags in header*/
.container .header p.tag{
    background: #bb5c08;
    margin-top: 10px;
    line-height: 10px;
}

/*------------------------------------------------------------------------------------------------------------------
INPUTS in REGISTER
------------------------------------------------------------------------------------------------------------------*/

.container.register form fieldset dl.left dd.sliding,
.container.register form fieldset dl.right dd.sliding {
    width: 178px;
    height: 28px;
    line-height: 28px;
    background: url('../img/sprite_sliding_doors.png') left 0 no-repeat;
    float: left;
}
.container.register form fieldset dl.textarea dd.sliding {
    width: 504px;
    height: 55px;
    /*line-height: 28px;*/
    background: url('../img/longer_sliding_doors.png') left 0 no-repeat;
    float: left;
}
.container.register form fieldset dl dd.universal {
    width: 178px;
    height: 28px;
    line-height: 28px;
    float: left;
}
.container.register form fieldset dl dd.sliding.day,
.container.register form fieldset dl dd.sliding.month {width:45px; margin-right:15px;}
.container.register form fieldset dl dd.sliding.year {width:58px;}



.container.register form fieldset dl.upload dd{
    float: left;
}

.container.register form fieldset dl.error dd.sliding {
    background: url('../img/sprite_sliding_doors.png') left -432px no-repeat;
}

.container.register form fieldset dd.sliding input[type="text"],
.container.register form fieldset dd.sliding input[type="password"] {
    width: 177px;
    height: 24px;
    line-height: 24px;
    padding: 2px 0 2px 5px;
    margin: 0 -4px 0 0;
    background: transparent;
    border: none;
    outline: none;
    font-size: 8pt;
    float: left;
    color: #666;
}

.container.register form fieldset dd.sliding select {
    width: 174px;
    margin: 0px -7px 3px 4px;
    height: 19px;
    line-height: 24px;
    border: none;
    outline: none;
    font-size: 8pt;
    color: #333333;
    float: left;
    padding: 0px;
    position: relative;
    top: 5px;
    left: 4px;
    background-color: transparent;
}
.container.register form fieldset dd.sliding.day select,
.container.register form fieldset dd.sliding.month select {width:41px;}
.container.register form fieldset dd.sliding.year select {width:54px;}

/*SAFARI HACK*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    .container.register form fieldset dd.sliding select {
        -webkit-appearance: none;
        top: 2px;
        background: url('../img/arrow_select.png') right center no-repeat;
    }
}

.container.register form fieldset dd.sliding textarea {
    width: 497px;
    margin: 2px 0px 2px 5px;
    height: 49px;
    line-height: 10pt;
    border: none;
    outline: none;
    font-size: 8pt;
    color: #333333;
    float: left;
    padding: 0px;
    font-family: 'Arial', Helvetica, Garuda, sans-serif;
    background-color: white;
    overflow:hidden;
    resize: none;
}

.container.register form fieldset dd.sliding .doors {
    width: 4px;
    float: right;
    height: 28px;
    padding-right: 4px;
    margin-right: -8px;
    background: url('../img/sprite_sliding_doors.png') right 0 no-repeat;
}
.container.register form fieldset dl.textarea dd.sliding .doors {
    height: 55px;
    background: url('../img/longer_sliding_doors.png') right 0 no-repeat;
}

.container.register form fieldset dl.error dd.sliding .doors {
    background: url('../img/sprite_sliding_doors.png') right -432px no-repeat;
}

.container.register form fieldset dl dd .form-item {
    width: 80px;
    float: left;
}
.container.register form fieldset dl dd .form-item input[type="radio"]{
    position: relative;
    top: 2px;
}