/*  Div containing the "Live" button */
.live {
	background-image: url(../img/menu_off.png);
}

/*  Div containing the "Recorded" button */
.recorded {
	background-image: url(../img/menu_off.png);
}

/* Clickable zone, link to the "Live" page */
.liveZone {
	color: #FFFFFF;
}

/* Clickable zone, link to the "Recorded" page */
.recordedZone {
	color: #FFFFFF;
}

/* Zone to display a temporary message */
.message {
	height: 36px;
	margin: 8px;
	text-align: center;
	overflow: hidden;
	color: #ff5050;
}

/* Line containing the links images div */
.links {
	width: 940px;
	height: 139px;
	margin-left: auto;
	margin-right: auto;
}

/* Div containing the images div */
.liveImage, .recordedImage, .rssImage {
	float: left;
	width:237px;
	height:139px;
	margin-left: 67px;
}

.liveImage {
	background-image: url(../img/live.png);
}

.recordedImage {
	background-image: url(../img/recorded.png);
}

.rssImage {
	background-image: url(../img/rss.png);
}

/* Div containing the text of the link image */
.linkText {
	position: absolute;
	font-size: 20px;
	margin-left: 10px;
	margin-top: 18px;
}

/* Div containing the description of the link image */
.linkDescription {
	position: absolute;
	font-size: 10px;
	margin-left: 10px;
	margin-top: 39px;
}

/* Div which prints the courses list with the pagination links */
.flexcroll {
	float:left;	
	width: 31%; /*313px 31*/
	height:235px;
	margin-left:1.5%; /* 8px 1.5px*/
	margin-top: 0;	
	overflow:auto;
}

.divCourses {
	width:100%; /*980px 100%*/
	margin:auto;	
}

/* SCROLL BAR */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(../img/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(../img/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

.vscrollerbar {
padding: 15px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(../img/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../img/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(../img/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(../img/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.vscrollerbasebeg {
background: url(../img/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(../img/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(../img/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../img/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(../img/basebarcaps_verticalbarbody.png) -45px -15px;
}