#screen_widget {
	width:297px;
	height:397px;
	float:left;
	background:transparent url(../images/widget_background.png) 0px 34px no-repeat;
	position:relative;
	top:-35px;
}

#screen_widget ul li {
	float:left;
	margin:0px;
}

#screen_widget ul li:hover {
	cursor:pointer;
}

#screen_widget ul li.first {
	background:transparent url(../images/widget_nav_first.png) 0px 2px no-repeat;
	width:68px;
	height:33px;
	padding:12px 0px 0px 23px;
}
#screen_widget ul li.middle {
	background:transparent url(../images/widget_nav_middle.png) 0px 2px no-repeat;
	width:68px;
	height:33px;
	padding:12px 0px 0px 23px;
}
#screen_widget ul li.last {
	background:transparent url(../images/widget_nav_last.png) -1px 2px no-repeat;
	width:68px;
	height:33px;
	padding:12px 0px 0px 23px;
}

#screen_widget ul li.first.active, #screen_widget ul li.middle.active, #screen_widget ul li.last.active {
	background:transparent url(../images/widget_nav_active.png) 0px 3px no-repeat;
}

#screen_widget ul {
	list-style:none;
	height:33px;
	padding:0px;
	margin:0px;
	margin-left:13px;
}

div.widgetpanel {
	float:left;
	display:none;
}

div.widgetpanel.active {
	display:block;
}

div.widimage {
	float:left;
	width:100px;
	margin-right:10px;
}

div.widtext {
	float:left;
	width:145px;
	height:58px;
}

#widget_content {
	margin-left:10px;
}

#widget_content h4 {
	font-family:Futura,arial,helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:5px 0px 5px 0px;
	padding:0px;
}

div.widVidHolder {
	background:#000;
	width:auto;
	height:60px;

}

div.overlay {
	width:100%;
	height:61px;
	background:blue;
	z-index:1000;
	position:relative;
	top:0px;
	visibility:hidden;
	background:transparent url(../images/widget_overlay.png) left top no-repeat;
	cursor:pointer;
}
div.overlay a {
	display:block;
	width:100%;
	height:61px;	
}

div.overview hr {
	margin:0px;
	padding:5px;
	background:#000;
}

div.widimage {
	margin-top:2px;
	margin-left:2px;
}

#scrollbar1 { width:280px; height:310px; clear: both; margin: 0px 0 10px; }
#scrollbar1 .viewport { width: 260px; height: 340px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .scrollbar,
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: #505050 url(../images/bg-scrollbar.png) no-repeat; }
#scrollbar1 .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track	{ background: transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:1px; }
#scrollbar1 .thumb .end { overflow: hidden; background-position: 100% 0; height: 5px; width: 13px; }
#scrollbar1 .disable { display: none; }

#scrollbar2 { width:280px; height:310px; clear: both; margin: 0px 0 10px; }
#scrollbar2 .viewport { width: 260px; height: 340px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar2 .scrollbar,
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background: transparent url(../images/bg-scrollbar.png) no-repeat; }
#scrollbar2 .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track	{ background: transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:1px; }
#scrollbar2 .thumb .end { overflow: hidden; background-position: 100% 0; height: 5px; width: 13px; }
#scrollbar2 .disable { display: none; }

#scrollbar3 { width:280px; height:310px; clear: both; margin: 0px 0 10px; }
#scrollbar3 .viewport { width: 260px; height: 340px; overflow: hidden; position: relative; }
#scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar3 .scrollbar,
#scrollbar3 .thumb .end,
#scrollbar3 .thumb { background: transparent url(../images/bg-scrollbar.png) no-repeat; }
#scrollbar3 .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar3 .track	{ background: transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar3 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:1px; }
#scrollbar3 .thumb .end { overflow: hidden; background-position: 100% 0; height: 5px; width: 13px; }
#scrollbar3 .disable { display: none; }			

div.overview hr { padding-bottom:0px; padding-top:0px;}