/*-----------------------------------------------------------------------------------------------*/

.bookingMarkerPicker_Enabled
{
    cursor:pointer;
}

.bookingMarkerPicker_Disabled
{
    cursor:default;
}

/*-----------------------------------------------------------------------------------------------*/

.bookingMarker_None,
.bookingMarker_Marker1,
.bookingMarker_Marker2,
.bookingMarker_Marker3,
.bookingMarker_Marker4
{
    padding:0px 16px 0px 0px;
    background-position:center center;
    background-repeat:no-repeat;
}

.bookingMarker_None
{
    background-image:url(Images/Markers/markerNone.gif);
}

.bookingMarker_Marker1
{
    background-image:url(Images/Markers/markerRed.gif);
}

.bookingMarker_Marker2
{
    background-image:url(Images/Markers/markerGreen.gif);
}

.bookingMarker_Marker3
{
    background-image:url(Images/Markers/markerBlue.gif);
}

.bookingMarker_Marker4
{
    background-image:url(Images/Markers/markerYellow.gif);
}

/*********************************************************************************************************************************************/

.bookingMarkerItemContainer
{
    height:110px;
    border:solid 1px #f26721;
    overflow-X:hidden;
    overflow-Y:scroll;
    background-color:#FFFFFF;
    text-align:left;
}

.bookingMarkerItem
{
    display:block;
    /*padding:2px 2px 2px 2px;*/
    text-decoration:none;
    text-align:left;
    border-bottom:solid 1px #F5F5F5;
    min-height:18px;
    padding:2px 2px 2px 22px;
}

a:hover.bookingMarkerItem 
{
    background-color:#0099FF;
    color:#ffffff;
}

.bookingMarkerItem .bookingMarker_None,
.bookingMarkerItem .bookingMarker_Marker1,
.bookingMarkerItem .bookingMarker_Marker2,
.bookingMarkerItem .bookingMarker_Marker3,
.bookingMarkerItem .bookingMarker_Marker4
{
    /*margin-right:3px;*/
}

/*********************************************************************************************************************************************/
.bookingMarkerItemContainer .bookingMarker_None,
.bookingMarkerItemContainer .bookingMarker_Marker1,
.bookingMarkerItemContainer .bookingMarker_Marker2,
.bookingMarkerItemContainer .bookingMarker_Marker3,
.bookingMarkerItemContainer .bookingMarker_Marker4
{
    float:left;
    margin-left:-20px;
}