/*Vertical scroll bar style begin*/

a.prev, a.next {
	font-size: 7px;
	display: block;
}

a.prev {
	margin-bottom: 5px;
}

a.next {
    margin-top: 5px;
}

/* root element for scrollable */
div.vertical-scrollable {

	/* required settings */
	position: relative;
	overflow: hidden;
	
	height: 532px;
}

/* root element for scrollable items */
div.vertical-scrollable div.items {
	position: absolute;
    width: 403px;
	top: 0;
	left: 0;
    /* TODO: need to calculate this on document load */
	height: 20000em;
}

div.vertical-scrollable div.items div {
    height: 266px;
    width: 100%;
}

div.vertical-scrollable div.items div table {
    width: 100%;
    height: 100%;
}

div.vertical-scrollable div.items div table td {
    text-align: center; 
    vertical-align: middle;
    padding: 5px;
}

/* active item */
div.vertical-scrollable div.items div.active {

}

/*Vertical scroll bar style end*/


/*Horizontal scroll bar style begin*/

/* root element for scrollable */
div.horizontal-scrollable {

	/* required settings */
	position: relative;
	overflow: hidden;

    float: left;

	width: 315px;
	height: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* root element for scrollable items */
div.horizontal-scrollable div.items {
	position:absolute;
    height: 88px;
	top: 0;
	left: 0;

    /* TODO: need to calculate this on document load */
	width: 20000em;
}

div.horizontal-scrollable div.items div {
    /* required settings */
    float: left;

    width: 105px;
    height: 100%;
}

div.horizontal-scrollable div.items div table {
    width: 100%;
    height: 100%;
}

/* active item */
div.horizontal-scrollable div.items div.active {
	/*border: 1px solid #FFFFFF;*/
    /*height: 86px;*/
    /*width: 103px;*/
}

/*Horizontal scroll bar style end*/


a.disabled {
    visibility:hidden;
}

.pointer {
    cursor: pointer;
}