﻿/*
 * Widget - carousel_news
 ************************************************************************************************
 */
#carousel_news_holder { width: 100%; background-color: #ffffff; }
#carousel_news { width: 980px; min-height: 115px; margin: 40px auto; position: relative; border-top: 3px solid #ffc820; border-bottom: 3px solid #ffc820; padding: 15px 0px; }
#carousel_news_holder:hover div.widget_carousel_nav_prev,
#carousel_news_holder:hover div.widget_carousel_nav_next { display: none; }

/* Panel */
#carousel_news .ui-tabs-panel { position: relative; overflow: auto; }
#carousel_news .ui-tabs-panel img { width: 170px; height: 115px; margin-right: 10px; float: left; }
#carousel_news .ui-tabs-panel a.title { text-decoration: none; color: #2c2c2c; font-family: Arial, Helvetica, Sans-Serif; font-size: 20px; font-weight: bold; float: left; }
#carousel_news .ui-tabs-panel a:hover { text-decoration: underline; }
#carousel_news .ui-tabs-panel .info { }
#carousel_news .ui-tabs-panel .info a { display: block; float: none; margin-bottom: 10px;  }


/* Navigation */
#carousel_news ul.ui-tabs-nav { 
	position: absolute; 
	bottom: 15px;
	right: 0px;
	list-style: none; 
	padding: 0px; margin: 0px; 
	z-index: 1;
}
#carousel_news ul.ui-tabs-nav li { color: #ffffff; float: left; margin-right: 3px; }
#carousel_news ul.ui-tabs-nav li span { display: none; }
#carousel_news li.ui-tabs-nav-item a {
	display: block; 
	color: #ffffff;
	outline: none;
	text-decoration: none;
	text-align: center;
	width: 10px;
	height: 10px;
	display: block;
	background: url(../../media/img/sprites.png) no-repeat; background-position: -63px -83px; 
}
#carousel_news li.ui-tabs-active a { background-position: -73px -83px!important; }
#carousel_news ul.ui-tabs-nav li img { float: left; margin: 2px 5px; background: #fff; padding: 2px; border: 1px solid #eee; }

/* Nex/Prev Navigation */
#carousel_news div.widget_carousel_nav_prev,
#carousel_news div.widget_carousel_nav_next { 
	width: 54px; height: 54px; background: url(../../media/img/sprites.png) no-repeat; position: absolute; z-index: 15; top: 130px;	display: none;
}
#carousel_news div.widget_carousel_nav_prev a,
#carousel_news div.widget_carousel_nav_next a { width: 100%; height: 100%; display: block; }
#carousel_news div.widget_carousel_nav_prev { background-position: -58px -156px; left: 10px; }
#carousel_news div.widget_carousel_nav_next { background-position: -112px -156px; right: 10px; }