/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width: 20px;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../img/smoothDiv/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 100;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../img/smoothDiv/cursors/cursor_arrow_left.png), url(../img/smoothDiv/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible{
	background-image: url(../img/smoothDiv/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	background: rgba(0,0,0,0.35);
	opacity: 1.0; /* Standard CSS3 opacity setting */
	-moz-opacity: 1.0; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight{
	width: 20px;
	height: 100%;
	background-image: url(../img/smoothDiv/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 100;
	right: 0;
	cursor: url(../img/smoothDiv/cursors/cursor_arrow_right.png), url(../img/smoothDiv/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible{
	background-image: url(../img/smoothDiv/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	background: rgba(0,0,0,0.35);
	opacity: 1.0; /* Standard CSS3 opacity setting */
	-moz-opacity: 1.0; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	zoom: 1;
}

/*Dynamic Elements*/
div.scrollWrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea{
	position: relative;
	width: auto;
	height: 100%;
	overflow: hidden;
}
/*	<!-- Styles for my specific scrolling content -->*/
.shsTicker {
	width: 750px;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
}

/*shsTickerNav*/
.shsTicker .shsTickerNav {
	width: 100%;
	overflow: hidden;
	position: relative;
	list-style: none;
	background: #000;
	border: 1px solid #000;
	margin: 0 0 2px 0;
	padding: 0 42px 0 0;
}
.shsTicker .shsTickerNav li {
	float: left;
	display: block;
	text-align: center;
	padding: 5px 5px;
}
.shsTicker .shsTickerNav li a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
.shsTicker .shsTickerNav li a:hover {
	text-decoration: underline;
}

.shsTicker .shsTickerNav li:last-child {
	position: absolute;
	top: 0;
	right: 0;
}

.shsTicker .shsTickerScrollable{
	background: transparent;
	width:100%;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 21px;
	border: 1px solid #363636;
}
.shsTicker .shsTickerScrollable li {
	float: left;
	list-style: none;
	position: relative;
	padding: 0;
}
.shsTicker .shsTickerScrollable li:first-child {
}


/*Board styling*/
.shsTicker .shsTickerBoardModule {
	border: none;
}
.shsTicker .shsTickerBoardModule table {width: 100%;}
.shsTicker .shsTickerBoardModule table tr td {
	padding: 2px 2px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.shsTicker .shsTickerBoardModule table tr td:first-child {
	padding: 0 15px 0 5px;
}
.shsTicker .shsTickerBoardModule table tr td:last-child {
	border-right: none;
}
.shsTicker .shsTickerBoardModule table tr:last-child td {
	border-bottom: none;
}
.shsTicker .shsTickerBoardModule p {
	margin: 0;
	padding: 2px 5px;
	text-align: center;
	border-top: 1px solid #000;
}




/*Golf*/
.shsTicker .shsTickerBoardModule.shsGolf table tr td {
	border: none;
}
.shsTicker .shsTickerBoardModule.shsGolf table tr:first-child td {padding: 3px 2px 0 2px;}
.shsTicker .shsTickerBoardModule.shsGolf table tr:last-child td:first-child {
	padding: 0px 2px 6px 22px;
}
.shsTicker .shsTickerBoardModule.shsGolf table tr td:last-child {padding: 2px 5px 0px 2px;}

/*Tennis*/
.shsTicker .shsTickerBoardModule.shsTennis table tr td:last-child {
	font-weight: bold;
}


/*Event*/
.shsTicker .shsTickerBoardModule.shsEvent table tr td {border: none;}
.shsTicker .shsTickerBoardModule.shsEvent table tr:first-child td {padding: 14px 10px 0px 10px; font-weight: bold;}
.shsTicker .shsTickerBoardModule.shsEvent table tr:last-child td {padding: 0px 10px 14px 10px;} 


/*Throw Away*/
.sampleLib {list-style: none;}
.sampleLib li {
	float: left;
	display: block;
	padding: 5px 5px;	
}