/******************************************************************************/
/* RESET TO DEFAULT VALUES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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:         baseline;
    background:             transparent;
}
body {
    line-height:            1;
}
ol, ul {
    list-style:             none;
}
blockquote, q {
    quotes:                 none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:                '';
    content:                none;
}
:focus {
    outline:                0;
}
ins {
    text-decoration:        none;
}
del {
    text-decoration:        line-through;
}
table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse:        collapse;
    border-spacing:         0;
}


/******************************************************************************/
/* MAIN CSS */
body{
    font-family:            Verdana, Helvetica, sans-serif;
    font-size:              11px;
    background-image:       url('../images/design/body-bg.png');
    background-position:    top center;
    background-repeat:      repeat-y;
    background-color:       #EBEBEB;
    padding-bottom:         100px;
}
.wrapper960{
    width:                  950px;
    margin:                 0 auto;
    padding:                5px;
}


/******************************************************************************/
/* HEADER */
.header{
    margin:                 0 0 30px 0;
    padding:                5px;
    overflow:               auto;
}
.header .logo{
    display:                block;
    float:                  left;
}
.header h1{
    float:                  left;
    font-size:              22px;
    color:                  #043A8C;
    line-height:            120%;
    margin:                 12px 0 0 0;
}
.header .a-history{
    display:                block;
    float:                  left;
    background-color:       #043A8C;
    color:                  #FFF;
    font-size:              14px;
    font-weight:            bold;
    text-decoration:        none;
    padding:                10px;
    margin:                 23px 30px 20px 50px;
    -webkit-border-radius:  10px;
    -moz-border-radius:     10px;
    border-radius:          10px;
    behavior:               url(./templates/PIE.htc);

}
.header .a-order{
    display:                block;
    float:                  left;
    background-color:       #043A8C;
    color:                  #FFF;
    font-size:              14px;
    font-weight:            bold;
    text-decoration:        none;
    padding:                10px;
    margin:                 23px 30px 0 0;
    -webkit-border-radius:  10px;
    -moz-border-radius:     10px;
    border-radius:          10px;
    behavior:               url(./templates/PIE.htc);
}
.header .a-history:hover, .header .a-order:hover{
    background-color:       #2F6ABF;
}


/******************************************************************************/
/* CONTENT */
.content{
    overflow:               auto;
    padding:                5px;
}
label.error{
    padding:                0 0 0 30px;
    color:                  crimson;
    font-weight:            bold;
}
input.error, textarea.error{
    border:                 solid 1px crimson;
    background-color:       #FFCFD9;
    font-weight:            bold;
}
.content sup{
    color:                  crimson;
    font-weight:            bold;
}
.content .divider{
    overflow:               auto;
    clear:                  both;
    padding:                4px 0;
}
.step2-divider{
    line-height:            150%;
}
.delete_filter{
    background-color:       #9F2727;
    border:                 none;
    color:                  #FFF;
    font-size:              11px;
    font-weight:            bold;
    text-decoration:        none;
    padding:                6px;
    margin:                 1px 0 0 20px;
    cursor:                 pointer;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    behavior:               url(./templates/PIE.htc);
}
.delete_filter:hover{
    background-color:       #AF4141;
}
.content .order-input{
    position:               relative;
    display:                block;
    float:                  left;
    background-color:       #34865C;
    border:                 none;
    color:                  #FFF;
    font-size:              14px;
    font-weight:            bold;
    text-decoration:        none;
    padding:                10px;
    margin:                 10px 10px 0 0;
    cursor:                 pointer;
    -webkit-border-radius:  10px;
    -moz-border-radius:     10px;
    border-radius:          10px;
    behavior:               url(./templates/PIE.htc);
}
.divider-inputs div{
    padding:                20px 0 0 0;
}
.divider-inputs div .date_input{
    border:                 none;
    color:                  #000;
    background-color:       #FFF;
}
.content .order-input:hover{
    background-color:       #599F7B;
}
.content h1{
    font-family:            "New Century Schoolbook", "Times New Roman", serif;
    font-weight:            normal;
    overflow:               hidden;
    clear:                  both;
    font-size:              27px;
    margin:                 0 0 30px 0;
    padding:                0 0 10px 5px;
    border-bottom:          solid 3px #000;
}
.content h2{
    font-family:            "New Century Schoolbook", "Times New Roman", serif;
    font-weight:            normal;
    font-size:              22px;
    padding:                0 0 5px 0;
    margin:                 30px 0 0 0;
}
.content label{
    font-size:              12px;
    display:                block;
    float:                  left;
    width:                  250px;
    height:                 29px;
    line-height:            29px;
}
.selected_numbers{
    font-size:              28px;
    font-weight:            bold;
    color:                  #34865C;
}
.round-long, .round-short, .round-long-multiple{
    font-size:              12px;
    position:               relative;
    display:                block;
    border:                 1px solid #AAAAAA;
    margin:                 1px 0 3px 0;
    color:                  #000;
    padding:                1px 5px;
    height:                 25px;
    line-height:            25px;
    float:                  left;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
  /*  -webkit-box-shadow:     #CFCFCF 0px 2px 5px;
    -moz-box-shadow:        #CFCFCF 0px 2px 5px;
    box-shadow:             #CFCFCF 0px 2px 5px;*/
    behavior:               url(./templates/PIE.htc);
}
.round-textarea-long{
    font-family:            Verdana, Helvetica, sans-serif;
    font-size:              12px;
    position:               relative;
    display:                block;
    border:                 1px solid #AAAAAA;
    margin:                 1px 0 3px 0;
    color:                  #000;
    padding:                1px 5px;
    width:                  308px;
    height:                 125px;
    line-height:            25px;
    float:                  left;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
   /* -webkit-box-shadow:     #CFCFCF 0px 2px 5px;
    -moz-box-shadow:        #CFCFCF 0px 2px 5px;
    box-shadow:             #CFCFCF 0px 2px 5px;*/
    behavior:               url(./templates/PIE.htc);
}
.round-long-multiple{
    width:                  320px;
    height:                 232px;
    overflow:               auto;
}
select.round-short{
    height:                 27px;
}
select.round-long{
    height:                 27px;
    width:                  320px;
}
.round-long{
    width:                  308px;
}
.round-short{
    width:                  130px;
}
#age, #account{
    border:                 0;
    color:                  #000;
    font-weight:            bold;
}
#slider-range, #slider-account{
    width:                  300px;
    margin:                 10px 0 10px 260px;
}
.step2-left, .step2-right{
    width:                  48%;
    float:                  left;
    vertical-align:         top;
}
.step2-left{
    padding:                0 30px 0 0;
}
.step2-left h2, .step2-right h2{
    margin-top:             0;
}
.datepicker-wrapper{
    padding:                20px 0 10px 0;
}
.highlight-zoznam span{
    color:                  #FFF !important;
    background-image:       none !important;
    background-color:       #F10202 !important;
    cursor:                 help;
}
.highlight-a-sms span{
    color:                  #FFF !important;
    background-image:       none !important;
    background-color:       #054F08 !important;
    cursor:                 help;
}
.highlight-elet span, .highlight-t-mobile span{
    color:                  #FFF !important;
    background-image:       none !important;
    background-color:       #6F5B00 !important;
    cursor:                 help;
}


/******************************************************************************/
/* LOGIN */
.login_box{
    border:                 1px solid #AAAAAA;
    background-color:       #EFEFEF;
    margin:                 150px 0 0 330px;
    padding:                10px;
    width:                  250px;
    -webkit-border-radius:  10px;
    -moz-border-radius:     10px;
    border-radius:          10px;
    behavior:               url(./templates/PIE.htc);
}
.login_box label{
    width:                  80px;
}
.login_box input{
    width:                  130px;
}
.logout-div{
    float:                  right;
    padding:                36px 0 0 0;
}


/******************************************************************************/
/* ERRORS AND INFOS */
.show-error{
    display:                    block;
    margin:                     10px 0 30px 0;
    padding:                    10px 10px 10px 60px;
    height:                     33px;
    color:                      #FFF;
    background:                 url('../images/design/bg-no.png') no-repeat left top;
    background-color:           #EA0404;
    font-weight:                bold;
}
.show-accept{
    display:                    block;
    margin:                     10px 0 30px 0;
    padding:                    10px 10px 10px 60px;
    height:                     33px;
    color:                      #FFF;
    background:                 url('../images/design/bg-ok.png') no-repeat left top;
    background-color:           #5F9E33;
    font-weight:                bold;
}
.show-error a, .show-accept a{
    color:                      #FFF;
}