/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 420px;
    height:50px;
    float: left;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

.nextPage
{
	background: url(../images/icon-arrow-right.gif) no-repeat;
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	margin: 20px 0 0 10px;
}

.prevPage
{
	background: url(../images/icon-arrow-left.gif) no-repeat;
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	margin: 20px 10px 0 0;
}

a.disabled {
	visibility:hidden !important;
}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.calScrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 757px;
    height:150px;
    float: left;
	background: #a8e20c;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.calScrollable div.calItems {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/* you may want to setup some decorations to active the item */
div.calItems div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

.calNextPage
{
	background: url(../images/icon-cal-arrow-right.gif) no-repeat #d5ef81 center center;
	display: block;
	float: left;
	width: 13px;
	height: 50px;
	margin: 30px 0 0 0;
}

.calPrevPage
{
	background: url(../images/icon-cal-arrow-left.gif) no-repeat #d5ef81 center center;
	display: block;
	float: left;
	width: 13px;
	height: 50px;
	margin: 30px 0 0 0;
}

 /* tooltip styling */
.tooltip {
    display:none;
    font-size:11px;
    color:#fff;
    z-index: 10;
    border: 1px solid #3c3c3c;
    background: #fff;
}