/* Tabs
----------------------------------*/
#tabs {
	width: 953px;
	height: 352px;
	background: url(/site_images/bg_screencast.png) left top no-repeat;
	padding: 8px 0 8px 6px;
	position: relative;
}
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { float: left; width: 177px; margin: 10px 0 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { width: 168px; height: 24px; list-style: none; border-bottom: 0 !important; margin: 0 0 5px 0; padding: 3px 0 0 7px; white-space: nowrap; font-size: 14px; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; }
.ui-tabs .ui-tabs-nav li a span {color: #999;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(/site_images/bg_screencast_nav.gif) left top no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #333; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; margin: 0 0 0 190px; background: none; }
.ui-tabs-panel .video {
	width: 547px;
	height: 335px;
	float: left;
}
.ui-tabs-panel .description {
	margin: 10px 0 0 20px;
	float: left;
	width: 185px;
}
.ui-tabs-panel .description p {
	font-size: 11px;
	padding-right: 10px;
}
.ui-tabs .ui-tabs-hide { display: none !important; }
#tabs .signup {
	position: absolute;
	bottom: 19px;
	left: 2px;
}