/*******************************************************************************
		Coded by GS on 01.03.2010, True Vision
*******************************************************************************/

table.layout td.layout-fix { padding:15px 15px 15px 40px; width:50%; }
table.layout td.layout-fix div.layout-spacer { width:560px; }
table.layout td.layout-flexible { padding:15px 40px 15px 15px; width:50%; }
table.layout td.layout-flexible div.layout-spacer { width:322px; }
table.layout td.layout-double { padding:15px 30px; }
table.layout td.layout-double div.layout-spacer { width:936px; }
table.layout td.layout-double div.header { padding:0 10px; }
table.layout div.layout-spacer { line-height:0; font-size:0; }
table.layout td.layout-flexible div.columns { margin-left:-15px; }

table.columns td.column-left { padding-left:15px; }
table.columns td.column-right { padding-left:40px; }


 div.menu-tabs { background:url(/images/i3/bg/dotted_gray.gif) 0 100% repeat-x; margin:0 0 16px -7px; }
div.menu-tabs ul { margin:0; padding:0 0 0 7px; zoom:1; }
 div.menu-tabs ul li {
	background:none;
	margin:0; padding:0 1px 1px 0;
	float:left;
	font-size:11px;
}
* html div.menu-tabs ul li { width:1em; }
div.menu-tabs ul li div {
	border:1px solid #dcdcdc;
	background:#dcdcdc;
	padding:0 9px;
	height:19px; line-height:19px;
	white-space:nowrap;
}
div.menu-tabs ul li.active { padding-bottom:0; }
div.menu-tabs ul li.active div {
	border-bottom-color:#fff;
	background:#fff;
	padding-bottom:1px;
	color:#303030;
}


/*--------------------------------- infobar ----------------------------------*/
div.infobar { line-height:normal; font-size:11px; font-family:Arial,Verdana,Trebuchet,Tahoma,sans-serif; }
div.infobar strong { color:#000; font-weight:normal; }
div.infobar ul { margin:0; padding:0; }
div.infobar ul li { background:none; margin:0; padding:0 5px 0 0; float:left; white-space:nowrap; color:#989898; }
div.infobar ul li.infobar-comments a {
	background:url(/images/i3/ico/12/comments.gif) 0 50% no-repeat;
	padding-left:15px;
	white-space:nowrap;
}
div.infobar ul li.infobar-rating { padding:0 0 0 5px; float:right; }
div.infobar ul li.infobar-rating span {
	background:url(/images/i3/ico/12/rating.gif) 0 0 no-repeat;
	padding-left:18px;
	white-space:nowrap;
}
div.infobar ul li.infobar-viewing { padding:0 0 0 5px; float:right; }
div.infobar ul li.infobar-viewing span {
	background:url(/images/i3/ico/12/viewing.gif) 0 50% no-repeat;
	padding-left:17px;
	white-space:nowrap;
}
div.infobar ul li.infobar-rsep { background:url(/images/i3/bg/infobar_sep.gif) 100% 50% no-repeat; padding-right:5px; }
div.infobar ul li.infobar-lsep { background:url(/images/i3/bg/infobar_sep.gif) 0 50% no-repeat; padding-left:5px; }


/*---------------------------------- user ------------------------------------*/
table.user-xsmall { line-height:1.27em; font-size:11px; }
table.user-xsmall a.user-status,
table.user-xsmall span.user-status { margin-top:-8px; display:block; width:32px; height:13px; text-align:right; }
table.user-xsmall td.user-ico { padding-right:5px; }
table.user-xsmall td.user-title { vertical-align:middle; }


/*----------------------------------- top ------------------------------------*/
table.top-list { font-size:11px; }
table.top-list th,
table.top-list td { background:url(/images/i3/bg/dotted_gray.gif) 0 100% repeat-x; }
table.top-list th { padding:10px 7px; }
table.top-list td { padding:10px 7px 10px 0; text-align:right; }
table.top-list tr.even th,
table.top-list tr.even td { background-color:#efefef; }


div.top { margin-bottom:30px; }
div.top div.menu-tabs { margin-bottom:0; }

div.top-list { margin-left:-7px; }


/*---------------------------------- video -----------------------------------*/
table.video-grid { line-height:1.45em; font-size:12px; }
table.video-grid td.video-item { padding:0 0 40px 10px; }
table.video-grid div.video-preview { margin-bottom:7px; }
table.video-grid div.video-description { width:140px; }
table.video-grid div.infobar { margin-bottom:13px; }

table.video-list { line-height:1.45em; font-size:12px; }
table.video-list td.video-preview { padding:0 18px 20px 0; }
table.video-list td.video-description { padding:0 0 20px 0; }
table.video-list div.infobar { margin-top:6px; }


div.video-player { margin-bottom:5px; }

div.video { margin-bottom:23px; }

div.video-preview { border:1px solid #999; width:124px; height:76px; line-height:normal; }
div.video-preview a {
	background-color:#000; background-position:50% 50%; background-repeat:no-repeat;
	width:124px; height:76px;
	display:block;
	overflow:hidden;
}
div.video-preview span.time {
	position:absolute; z-index:1;
	background:#000;
	margin:62px 0 0 1px; padding:0 2px;
	display:block;
	height:13px; 
	line-height: 1.2em;
	color:#d5d5d5;
	font-size:10px; font-family:Arial,Verdana,Trebuchet,Tahoma,sans-serif; 
}

div.video-description { width:126px; }
div.video-description div.infobar { margin-top:6px; }

div.video-recommend { margin-bottom:23px; }

div.video-actual { margin-bottom:23px; padding-right:15px; }
div.video-actual h2 { margin-bottom:6px; font-size:16px; }
div.video-actual div.description { font-size:12px; }

div.video-search {
	background:#f3f3f3;
	margin-bottom:25px; padding:10px 0 17px 10px;
	font-size:11px;
}
div.video-search h3 { margin-bottom:12px; }
div.video-search span.quantity { padding-left:20px; display:block; font-size:11px; }
div.video-search select.fix { width:85px; }
div.video-search input.keyword { width:290px; }
div.video-search table.form-radio td.form-label { padding-right:35px; white-space:nowrap; font-size:12px; }
div.video-search table.form-v th { padding-top:3px; }
div.video-search table.form-v td.form-field { padding-bottom:3px; }
div.video-search table.form-v th.form-ext { padding-right:40px; }
div.video-search table.form-v td.form-ext { background:url(/images/i3/bg/rarr_gray.gif) 132px 8px no-repeat; padding-right:35px; }
div.video-search table.form-v td.form-ext select.fix { width:120px; }
div.video-search table.form-v td.form-noext { background-position:-1000px -1000px; padding-right:15px; }
div.video-search div.hr { margin:10px 15px 10px 0; }
div.video-search div.form-w { float:left; }

table.video-filter td.video-filter,
table.video-filter td.video-view { vertical-align:middle; }

div.video-filter { background:url(/images/i3/bg/dotted_gray_transp.gif) 0 100% repeat-x; margin-bottom:16px; padding:10px; }

div.video-result div.video-search { margin-bottom:20px; }

