/**
 *	HoverScroll Style Sheet
 *
 *	@author RasCarlito <carl.ogren@gmail.com>
 *	@version 0.2.0
 */

/* Main container */
div.hoverscroll {
	position:relative;
}


/* Hover Zones */
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}
div.hoverscroll div.hoverZoneLeft {
	cursor: url('gfx/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('gfx/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url('gfx/mouse-arrow-up.cur'), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url('gfx/mouse-arrow-down.cur'), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}



/* Arrows */
div.hoverscroll div.arrowleft,
div.hoverscroll div.arrowright,
div.hoverscroll div.arrowtop,
div.hoverscroll div.arrowbottom {
	position:absolute;
	background-color:transparent;
	background-position:right center;
	background-repeat:no-repeat;
	opacity:1.0;
	filter:alpha(opacity=100);
}

div.hoverscroll div.arrowleft,
div.hoverscroll div.arrowright {
	top:0px;
	width:40px;
	height:100%;
}
div.hoverscroll div.arrowleft {
	left:0px;
	background-image:url('gfx/arrow-left-small.png');
}
div.hoverscroll div.arrowright {
	right:0px;
	background-image:url('gfx/arrow-right-small.png');
}

div.hoverscroll div.arrowtop,
div.hoverscroll div.arrowbottom {
	left:0px;
	width:100%;
	height:36px;
	cursor:pointer;
	z-index:95;
}
div.hoverscroll div.arrowtop {
	top:0px;
	/*background-image:url('gfx/tsa-arrow-up.png');*/
}

div.hoverscroll div.arrowtoptsa
{
position:absolute;
top:0px;
left:0px;
width:320px;
height:36px;
background: url('gfx/tsa-arrow-up.png') no-repeat left top;
cursor:pointer;
z-index:90;
}

div.hoverscroll div.arrowbottomtsa
{
position:absolute;
bottom:0px;
left:0px;
width:320px;
height:36px;
background:url('gfx/tsa-arrow-down.png') no-repeat left bottom;
cursor:pointer;
z-index:91;
}

#homenewsxtlink
{
position:absolute;
top:0px;
left:0px;
display:none;
float:left;
margin:3px;
width:288px;
height:30px;
z-index:105;
}

#homenewsxtlink img
{
position:absolute;
top:0px;
left:0px;
display:block;
float:left;
width:288px;
height:30px;
z-index:105;
}


div.hoverscroll div.arrowtop:hover {
	/*background-image:url('gfx/tsa-arrow-upHi.png');*/

}

div.hoverscroll div.arrowbottom {
	bottom:0px;
	/*background-image:url('gfx/tsa-arrow-down.png');*/
}

div.hoverscroll div.arrowbottom:hover {
	/*background-image:url('gfx/tsa-arrow-downHi.png');*/
}

/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
}

/* Actual list containing items */
div.hoverscroll ul.list {
	list-style:none;
	margin:0;
	padding:0;
}

/* List items */
div.hoverscroll ul.list li.horizontal-item,
div.hoverscroll ul.list li.vertical-item {
	display:block;
	padding:0;
}
div.hoverscroll ul.list li.horizontal-item {
	float:left;
}
div.hoverscroll ul.list li.vertical-item {

}


/* Extra style required for the enws items - added by MW Peak Net Sep 09 */
#homenews 			{ width:320px;}
#homenews li 		{ padding:7px;margin: 0px 5px 7px 5px;width:294px;height:61px;overflow:hidden;font-size:8pt;border: 1px solid #ffffff;}
#homenews li img	{ border: 1px solid #F3F3F3;float:right;margin-left:15px;}
#homenews li:hover  {background-color:#FAFAFA;border: 1px solid #F3F3F3;}