a:active {
 outline:none;
}
/*
:focus {
 -moz-outline-style:none;
}
*/

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

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 960px;
	height:85px;

	/* custom decorations */
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*
	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 the width and height for the root element and
	not for this element.
*/
div#scrollingBanner div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/* single scrollable item */
div#scrollingBanner div.items div {
	float: left;
	width: 960px;
    height: 85px;
	clear:both;
}

/* active item */
div#scrollingBanner div.items div.active {
	/*z-index:9999;
	position:relative;*/
}

/* Scrolling news items */
div#scrollingNews {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 335px;
	height:850px;
    
	/* custom decorations */
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
}

/*
	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 the width and height for the root element and
	not for this element.
*/
div#scrollingNews div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/* single scrollable item */
div#scrollingNews div.items div {
	float:left;
	width: 335px;
    height: 440px;
  	clear:both;
}

/* active item */
div#scrollingNews div.items div.active {
	/*z-index:9999;
	position:relative;*/
}

div.scrollingNavigation
{ 
    width: 150px; margin: 5px;
}

/* prev, next, prevPage and nextPage buttons */
div.scrollingNavigation a.browse {
	/*background:url(../images/Up.tif) no-repeat;*/
	display:inline-block;
	width:20px;
	height:20px;
	/*float:left;*/
	/*margin:40px 10px;*/
	cursor:pointer;
	font-size:1px;
}

/* right */
div.scrollingNavigation a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
div.scrollingNavigation a.right:hover 		{ background-position:-30px -30px; }
div.scrollingNavigation a.right:active 	{ background-position:-60px -30px; }


/* left */
div.scrollingNavigation a.left				{ margin-left: 0px; }
div.scrollingNavigation a.left:hover  		{ background-position:-30px 0; }
div.scrollingNavigation a.left:active  	{ background-position:-60px 0; }

/* up and down */
div.scrollingNavigation a.up
{
	background:url(../images/up.png) no-repeat;
	float: none;
	/*margin: 10px 50px;*/
    margin-left: 5px;
    margin-right: 5px;
}

div.scrollingNavigation a.down		{
	background:url(../images/down.png) no-repeat;
	float: none;
	/*margin: 10px 50px;*/
    margin-left: 5px;
    margin-right: 5px;
}

div.scrollingNavigation div#actionButtons
{
    margin: 0; padding: 0;  
}

div.scrollingNavigation div#actionButtons a
{
    margin: 0; padding: 0;
    width: 20px;
    height: 20px;
}

div.scrollingNavigation div#actionButtons a#autoScrollOn
{
    background:url(../images/play.png) no-repeat;
}

div.scrollingNavigation div#actionButtons a#autoScrollOff
{
    background:url(../images/pause.png) no-repeat;
}

/* up
div.scrollingNavigation a.up:hover  		{ background-position:-30px 0; }
div.scrollingNavigation a.up:active  		{ background-position:-60px 0; }

 down 
div.scrollingNavigation a.down 				{ background-position: 0 -30px; }
div.scrollingNavigation a.down:hover  		{ background-position:-30px -30px; }
div.scrollingNavigation a.down:active  	{ background-position:-60px -30px; }
*/

/* disabled navigational button */
div.scrollingNavigation a.disabled {
	visibility:hidden !important;
}