/* datepicker */
/* -------------------------------------------------------------------------- */

div#datepicker {
    z-index: 1000;
}

img#booking_datepicker_img {
    cursor: pointer;
}

/* asztalfoglalás css */
/* -------------------------------------------------------------------------- */

div#bookingWidget {
    width: 370px;
    height: 271px;
    
    background: transparent url('http://media.bluetiger.hu/img/widgets/bookingWidgetBg.png?3040') no-repeat;
}

div#bookingWidget div {
    display:block;
    width: 370px;
    height: 271px;

    position:relative;
    left:0;
    top:0;
}

div#bookingWidget div h5 {
    display:block;
    width: 210px;
    height: 32px;
    line-height: 32px;
    
    position:absolute;
    left: 20px;
    top:  20px;
    
    margin:  0;
    padding: 0;
    
    color: #231F20;
    font-family: Georgia;
    font-size: 26px;
    font-weight: bold;
    font-style: italic;
}

div#bookingWidget div .point {
    display:block;
    width: 80px;
    height: 60px;
    line-height: 60px;

    position:absolute;
    left: 260px;
    top:  0px;

    color:#F9E9C8;
    font-family: Georgia;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    
    text-align: center;
    vertical-align: middle;
}

div#bookingWidget div .pointLabel {7
    display:block;
    width: 80px;
    height: 26px;
    line-height: 26px;

    position:absolute;
    left: 260px;
    top:  60px;

    color:#F9E9C8;
    font-family: Georgia;
    font-size: 28px;
    font-weight: bold;
    font-style: italic;
    
    text-align: center;
    vertical-align: middle;
}

div#bookingWidget div .message {
    display:block;
    width: 220px;
    height: auto;
    
    position:absolute;
    left: 20px;
    top:  55px;
    
    color:#FFFFFF;
    font-family: Georgia;
    font-weight: bold;
    font-style: italic;
    
    vertical-align: middle;
}

div#bookingWidget div .message .placeName {
    position: static;
    float: left;
    width: auto;
    height: auto;

    line-height: 14px;
    font-size: 14px;
}

div#bookingWidget div .message .comment {
    position: static;
    float: left;
    width: auto;
    height: auto;

    margin-top: 10px;

    line-height: 12px;
    font-size: 12px;
}


div#bookingWidget div .comment b {
    color: #D83D00;
    font-weight: bold;
}

div#bookingWidget div table {
    width: 370px;
    height: 136px;
    
    position:absolute;
    left: 0px;
    top:  135px;
    
    color: #231F20;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    
    vertical-align: middle;
}

div#bookingWidget div table tbody {
    float:left;
    width: 340px;
    padding: 0 10px 0 20px;
}

div#bookingWidget div table tbody tr td {
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
}

div#bookingWidget div table tbody tr td > span,
div#bookingWidget div table tbody tr td > input,
div#bookingWidget div table tbody tr td > select,
div#bookingWidget div table tbody tr td > img {

    float:left;

    margin: 0;
    margin-right:5px;
}

div#bookingWidget input {
    background-image: url('http://media.bluetiger.hu/img/inputbg.png?3040);
    background-repeat: repeat-x;
    border: 1px solid #B9AB8F;
    height: 17px;
    padding: 2px 3px 0;
}

div#bookingWidget select {
    background-image: url('http://media.bluetiger.hu/img/inputbg.png?3040');
    background-repeat: repeat-x;
    border: 1px solid #B9AB8F;
    height: 19px;
}

/* button */
/* -------------------------------------------------------------------------- */

div#bookingWidget button {
    width: 156px;
    height: 21px;
    line-height: 21px;

    background-color: transparent;
    background-image: url('http://media.bluetiger.hu/img/button11.png?3040');
    background-position: 0 1px;
    *background-position: 0 0;
    background-repeat: no-repeat;

    cursor: pointer;
    
    margin: 0;
    padding: 0;
    border: 0;
    
    outline:none;
    
    white-space: nowrap;
}

div#bookingWidget button:hover {
    background-image: url('http://media.bluetiger.hu/img/button11h.png?3040');
}

div#bookingWidget button span {
    /*float:left;
    width: 153px;*/
    display: inline-block;
    height: 21px;
    line-height: 21px;

    background-color: transparent;
    background-image: url('http://media.bluetiger.hu/img/button13.png?3040');
    background-position: 100% 0;
    background-repeat: no-repeat;

    margin: 0;
    padding: 0 3px 0 0;
    border: 0;
    
    overflow: visible;
}

div#bookingWidget button:hover span {
    background-image: url('http://media.bluetiger.hu/img/button13h.png?3040');
}

div#bookingWidget button span span {
    /*float:left;
    width: 150px;*/
    display: inline-block;
    height: 21px;
    line-height: 21px;

    background-color: transparent;
    background-image: url('http://media.bluetiger.hu/img/button12.png?3040');
    background-position: 0 0;
    background-repeat: repeat-x;
    
    color: #F9E9C8;
    font-family:Arial;
    font-size:12px;
    font-weight: bold;

    margin: 0;
    padding: 0 5px;
    border: 0;
    
    overflow: visible;
    
    vertical-align: middle;
}

div#bookingWidget button:hover span span {
    background-image: url('http://media.bluetiger.hu/img/button12h.png?3040');
}