/********************************
 BitBooking Calendar CSS Template
*********************************/

.bb_wrapper
{
    cursor              : default;
}

.bb_jquery_wrapper
{
    overflow            : hidden;
    width               : 285px;
    height              : 153px;
    white-space         : nowrap;
    position            : relative;
}

/**** setting default too-big-width for people w/o JS ****/
.bb_jquery_wrapper .bb_subwrapper
{
    width               : 3000px;
    position            : absolute;
    left                : 0px;
    top                 : 0px;    
}

.bb_month
{
    float               : left;
    background-color    : #F1F1F1;
    width               : 141px;
    overflow            : hidden;
}

.bb_ajax_month
{
    position            : relative;
}

.bb_ajax_month_text
{
    background-color    : #FFF;
    position            : absolute;
    width               : 98.5%;
    height              : 98.5%;
    margin              : 1px;
}

.bb_ajax_month_text span
{
    display             : block;
    margin              : 40px auto 0px auto;
    width               : 100px;
    white-space         : normal;
    text-align          : center;
    text-transform      : uppercase;
    color               : #888;
}

.bb_month_spacer
{
    float               : left;
    height              : 100%;
    width               : 3px;
    position            : relative;
    font-size           : 0.1pt;
}

.bb_month_header
{
    padding             : 3px;
    text-align          : center;
    font-weight         : bold;
    color               : #004990;
    border-bottom       : 1px solid #CCC;
    background-color    : #FAFAFA;
    position            : relative;
    height              : 100%;
}

.bb_paging_left_wrapper,
.bb_paging_right_wrapper
{
    position            : absolute;
    width               : 21px;
    height              : 22px;
    overflow            : hidden;
}

.bb_paging_left_wrapper
{
    top                 : 0px;
    left                : 0px;
}

.bb_paging_right_wrapper
{
    top                 : 0px;
    right               : 0px;
}

.bb_paging_left_link,
.bb_paging_right_link
{
    display             : block;
    width               : 21px;
    height              : 22px;
    color               : #FAFAFA;
    font-weight         : bold;
    font-size           : 0.1pt;
    background-position : 50% 50%;
    background-repeat   : no-repeat;
    text-decoration     : none;
}

.bb_paging_left_link:hover,
.bb_paging_right_link:hover
{
    text-decoration     : none;
}

.bb_paging_left_link
{
    background-image    : url("../BitBooking/imgs/bb_paging_left_link.png");
}

.bb_paging_right_link
{
    background-image    : url("../BitBooking/imgs/bb_paging_right_link.png");
}

.bb_weekdays_header
{

}

.bb_weekdays_header_day,
.bb_weekdays_header_weekend,
.bb_weekdays_header_index,
.bb_empty,
.bb_day,
.bb_week_index
{
    display             : block;
    float               : left;
    width               : 17px;
    height              : 17px;
    padding             : 0px 1px;
    text-align          : center;
    overflow            : hidden;
    border-width        : 0px 0px 1px 1px;
    border-style        : solid;
    border-color        : #DDD;
}

.bb_day
{
    color               : #111;
}

.bb_last_weekday
{
    border-right        : 1px solid #DDD;
}

.bb_weekdays_header_day,
.bb_weekdays_header_index
{
    font-weight         : bold;
    color               : #555;
    padding-bottom      : 2px;
    padding-top         : 2px;
}

.bb_weekdays_header_weekend
{
    font-weight         : bold;
    color               : #CC0000;
    padding-bottom      : 2px;
    padding-top         : 2px;
}

.bb_empty
{
    color               : #999;
}

.bb_clear
{
    clear               : both;
    display             : none;
}

.bb_free,
.bb_disabled,
.bb_empty,
.bb_booked,
.bb_booked_in,
.bb_booked_out,
.bb_requested,
.bb_requested_in,
.bb_requested_out,
.bb_booked_in_requested_out,
.bb_booked_out_requested_in
{
    background-position : 50% 50%;
    background-repeat   : no-repeat;
}

.bb_free
{
    background-image    : url("../BitBooking/imgs/bb_free.png");
}

.bb_disabled,
.bb_empty
{
    background-image    : url("../BitBooking/imgs/bb_disabled.png");
}

.bb_booked
{
    background-image    : url("../BitBooking/imgs/bb_booked.png");
    /* color               : #FFF; */
}

.bb_booked_in
{
    background-image    : url("../BitBooking/imgs/bb_booked_in.png");
}

.bb_booked_out
{
    background-image    : url("../BitBooking/imgs/bb_booked_out.png");
}

.bb_requested
{
    background-image    : url("../BitBooking/imgs/bb_requested.png");
}

.bb_requested_in
{
    background-image    : url("../BitBooking/imgs/bb_requested_in.png");
}

.bb_requested_out
{
    background-image    : url("../BitBooking/imgs/bb_requested_out.png");
}

.bb_booked_in_requested_out
{
    background-image    : url("../BitBooking/imgs/bb_booked_in_requested_out.png");
}

.bb_booked_out_requested_in
{
    background-image    : url("../BitBooking/imgs/bb_booked_out_requested_in.png");
}

.bb_week_index
{
    color               : #FFF;
    background-color    : #AAA;
}

.bb_selected
{
    font-weight         : bold;
}
