/*************/
/* NEWS LIST */
/*************/

.img-container2 img
{
	position: relative;
	float: left;
}

.custom-list, .cl-item
{
	position: relative;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.panel-title
{
	position: relative;
	float: left;
	padding:0;
	margin: 0;
	border: 0;
	height: 24px;
	top: 0;
	left: 0;

	text-indent: 10px;
	font: bold 11px/23px Verdana;
}

.panel-more-link
{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 24px;
	background:  transparent none no-repeat scroll top left;
	padding: 0 10px;
	z-index: 1;
	font: normal 10px/23px Verdana;
	text-transform: uppercase;
}

.three-cols-rx-box
{
	width: 300px;
	left: 10px;
	margin-bottom: 10px;
}

#news-list
{
	background: #687b8f url( 'http://www.digital.it/layout/side-panel-foot-background-blue-light.png' ) no-repeat bottom left;
}
#news-list h2
{
	width: 300px;
	background: transparent url( 'http://www.digital.it/layout/side-panel-head-background-blue-light.png' ) no-repeat scroll top left;

	color: #a5b9d0;
}
#news-list h2 span
{
	color: #e6eaee;
}
#news-list .panel-more-link
{
	background-image: url( 'http://www.digital.it/layout/panel-head-separator-blue-light.png' );

	color: #e6eaee;
}
#news-list ul
{
	width: 280px;
	left: 10px;
}
#news-list ul li
{
	width: 280px;
	padding: 10px 0;
	border-bottom: 1px solid #95a7ba;
}
#news-list ul li.last-item
{
	border: none;
}
#news-list ul li .date, #news-list ul li strong
{
	display: block;
	position: relative;
	float: right;
	right: 0;
	width: 190px;
}
#news-list ul li .date
{
	padding-bottom: 3px;
	font: normal 10px Verdana;
	color: #c6d5e4;
}
#news-list ul li strong a
{
	font: bold 12px Verdana;
	color: #ffffff;
}


/***************/
/* JSCROLLPANE */
/***************/


.jScrollPaneContainer
{
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack
{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaaaaa;
}
.jScrollPaneDrag
{
	position: absolute;
	background: #666666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop
{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom
{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}


/***********/
/* ADV BOX */
/***********/


#adv-box
{
	width: 300px;
	height: 297px;
	left: 10px;
	margin-bottom: 16px;
	background: transparent url( 'http://www.digital.it/layout/side-tab-adv-box-background-big.png' ) no-repeat scroll top left ;
	overflow: hidden;
}
.adv-box-menu
{
	left: 3px;
	height: 28px;
	width: 294px;
}
.adv-box-menu a, .adv-box-menu span
{
	display: block;
	position: relative;
	float: left;
	height: 28px;
	width: 80px;

	background: transparent none no-repeat scroll top left;

	font: bold 11px/26px Verdana;
	text-align: center;
}
.adv-box-menu a
{
	color: #003366;
	background-image: url( 'http://www.digital.it/layout/adv-box-menu-item.png' );
}
.adv-box-menu span
{
	color: #666666;
	background-image: url( 'http://www.digital.it/layout/adv-box-menu-item-selected.png' );
}
.adv-box-content .category
{
	padding-top: 3px;
	display: block;
	position: relative;
	float: left;

	font: bold 9px Verdana;
	color: #949fa9;
	text-transform: uppercase;
}
.adv-box-content h3
{
	padding-top: 3px;
	position: relative;
	float: left;
	font: bold 11px Verdana;
}
.adv-box-content h3 a
{
	color: #336699;
}
.adv-box-content-row
{
	display: none;
}
.adv-box-content-row-selected
{
	display: block;
}
.adv-box-content-row li
{
	width: 250px;

	height: 58px;
	margin: 5px 5px 0 5px;
	overflow: hidden;

	background: transparent url( 'http://www.digital.it/layout/single-line-background.png') repeat-x scroll bottom left;
}
.adv-box-content-row li.no-top-margin
{
	margin-top: 0;
}
.adv-box-content-row li.single-item-row
{
	width: 270px;
	height: 120px;
	background: none;
}
.adv-box-content-row li .img-container
{
	position: relative;
	float: left;
	margin-top: 2px;
}
.adv-box-content-row li.single-item-row .img-container
{
	margin-top: 0;
	position: relative;
	float: left;
	margin-top: 3px;
}
.adv-box-content-row li h3
{
	width: 162px;
	margin-top: 7px;
	float: right;
	right: 0;
}
.adv-box-content-row li.single-item-row h3
{
	width: 120px;
	padding: 0;
	font-size: 13px;
}
.adv-box-content-row li p
{
	position: relative;
	float: right;width: 120px;
	width: 120px;
	right: 0;
}
.adv-box-content-row li.single-item-row p
{
	padding: 5px 0;

	font: normal 11px Verdana;
	color: #333333;
}
.adv-box-content-row li.single-item-row .category
{
	width: 140px;
	position: relative;
	float: left;
	left: 0;
}
#adv-box .scroll-list-items
{
	left: 5px;
	top: 10px;
}
#adv-box .scroll-list-items .jScrollPaneTrack
{
	background: transparent url( 'http://www.digital.it/layout/scroll-pane-scrollbar-track-big.png' ) no-repeat scroll top right;
}
#adv-box .scroll-list-items .jScrollPaneDrag
{
	background: transparent url( 'http://www.digital.it/layout/scroll-pane-scrollbar-thumb.png' ) no-repeat scroll top left;
}
#adv-box .scroll-pane
{
	width: 280px;
	height: 250px;
	overflow: hidden;
	padding: 0;
}


/***************/
/* VIDEOS LIST */
/***************/

#videos-list
{
	width: 300px;
	left: 10px;
	background: #101d2a url( 'http://www.digital.it/layout/wide-panel-foot-background-blue-dark.png' ) no-repeat scroll bottom left;
	margin-bottom: 10px;
}
#videos-list h2
{
	width: 300px;
	color: #e6eaee;
	background: transparent url( 'http://www.digital.it/layout/wide-panel-head-background-blue-dark.png' ) no-repeat scroll top left;
}
#videos-list .panel-more-link
{
	background-image: url( 'http://www.digital.it/layout/panel-head-separator-blue-dark.png' );
	color: #e6eaee;
}
#videos-list ul
{
	padding-top: 0px;
	width: 280px;
	left: 10px;
}
#videos-list ul li
{
	width: 267px;
	height: 200px;
	background: transparent url( 'http://www.digital.it/layout/wide-videos-list-item-background.gif' ) no-repeat scroll 24px 10px;
}
#videos-list ul li .img-container
{
	position: relative;
	float: left;
	left: 16px;
	top: 8px;
}

#videos-list ul li .img-container img
{
	border:1px solid #3b617e;
}

#videos-list ul li h3
{
	position: relative;
	float: left;
	width: 246px;
	top: 15px;
	left: 18px;

	font: bold 11px/1.4em Verdana;
}
#videos-list ul li h3 a
{
	color: #cddceb;
}
#videos-list ul li span
{
	position: absolute;
	display: block;
	right: 0px;
	bottom: 49px;

	background-color: #000000;
	padding: 3px;
	color: #529eed;
	font: normal 9px Verdana;
	text-align: center;
}