/*-------------------------------------------------------------------------------
Bu tema Ertu?rul G?ne? Taraf?ndan, videoizleturk.com'a ?zel olarak haz?rlanm??t?r.
iletisim : hello@ertugrulgunes.com
website	 : www.ertugrulgunes.com

Son D?zenleme: 12.08.2009 12:00 MSTF
-------------------------------------------------------------------------------*/

body{
	margin:0;
	padding:0;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#555;                                               
	background:#F4F4F4;
}
/* =general
-------------------------------------------------------------------------------*/
a{color:#555;outline:none}
a:hover{color:#555}

.fixed:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.fixed {display:inline-block}
* html .fixed {height:1%}
.fixed {display:block}

img{border:none}

h1,h2,h3,h4,h5,h6,p,ul,li,form,input,small{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

ul, li{list-style:none}

p{
	margin:13px 0;
}

small{
	font-size:11px;
	font-weight:normal;
}

h2{
	font-size:16px;
	font-weight:bold;
}

input{
	width:100px;
	/*height:15px;*/
	padding:2px 5px 1px 5px;
	border:1px solid #C5C5C5;
	line-height:18px;
	color:#555;
	font-size:11px;
	margin:3px 0;
}

input.button{
	width:98px;
	height:20px;
	background:url(../images/buttons/gonder.jpg) no-repeat;
	border:none;
	cursor:pointer;
	padding:0;
	border:none;
	color:#fff;
	margin:0;
}

input.gonder{
	background:url(../images/buttons/gonder.jpg) no-repeat;
}

input.onizleme{
	background:url(../images/buttons/onizleme.jpg) no-repeat;
}

input.kaydet{
	background:url(../images/buttons/kaydet.jpg) no-repeat;
}

input.giris{
	width:60px;
	background:url(../images/buttons/giris.jpg) no-repeat;
	margin:2px 0 0 0;
}

input.username{
	background:#fff url(../images/icons/user-input.png) left center no-repeat;
	padding-left:18px
}

input.password{
	background:#fff url(../images/icons/pass-input.png) left center no-repeat;
	padding-left:18px;
}

.floatLeft{float:left}
.floatRight{float:right}
.floatNone{float:none}

/* =login
-------------------------------------------------------------------------------*/

#loginContainer{
	width:100%;
	height:36px;
	background:url(../images/line-horizontal.png) bottom repeat-x;
	position:relative;
	display:none;
}

#login{
	width:990px;
	height:26px;
	padding:5px 0;
	margin:0 auto;
}

#loginForm{
	width:540px;
	float:right;
}

#loginForm .checkbox{
	width:15px;
	height:15px;
}

#loginForm .label{
	float:left;
	margin:0 5px 0 0;
}

#loginForm .labelCheck{
	float:left;
	margin:0 5px 0 0;
	padding:5px 0 0 0;
	position:relative;
}

#loginForm .labelCheck input{
	position:absolute;
	top:6px;
	width:12px;
	height:12px;
	padding:0;
	border:none;
	line-height:13px;
	color:#555;
	font-size:11px;
	margin:0;
}
#loginForm .labelCheck label{
	display:block;
	margin-left:16px;
	width:60px;
	font-size:11px;
}

#loginForm .sifremiUnuttum{
	display:block;
	line-height:26px;
	background:url(../images/icons/help.png) left center no-repeat;
	padding-left:20px;
	margin-left:10px;
}

#loginForm .sifremiUnuttum a{text-decoration:none}
#loginForm .sifremiUnuttum a:hover{text-decoration:underline}

/* =menu
-------------------------------------------------------------------------------*/

#menuContainer{
	width:100%;
	height:36px;
	background:#4B4C57;
	background:url(../images/line-horizontal.png) bottom repeat-x;
}

#menu{
	width:990px;
	height:26px;
	padding:5px 0;
	margin:0 auto;
}

.navi li{
	float:left;
	display:block;
	height:16px;
	margin:0 5px 0 0;
	line-height:16px;
	padding:5px 8px 5px 8px;
	font-size:11px;
}

.navi li a{
	display:block;
	padding-left:20px;
	text-decoration:none;
	color:#555;
}
.navi li:hover{background-color:#E2E2E2}

.navi li.anasayfa a{background:url(../images/icons/house.png) left center no-repeat}
.navi li.uyeler a{background:url(../images/icons/group.png) left center no-repeat}
.navi li.etiketler a{background:url(../images/icons/tag_blue.png) left center no-repeat}
.navi li.videoGonder a{background:url(../images/icons/folder_go.png) left center no-repeat}	
.navi li.iletisim a{background:url(../images/icons/email_go.png) left center no-repeat}
.navi li.uyeGirisi a{background:url(../images/icons/user_go.png) left center no-repeat}
.navi li.kayit a{background:url(../images/icons/user_add.png) left center no-repeat}
.navi li.cikis a{background:url(../images/icons/disconnect.png) left center no-repeat}
.navi li.profilim a{background:url(../images/icons/vcard_add.png) left center no-repeat}
.navi li.ayarlar a{background:url(../images/icons/cog_add.png) left center no-repeat}
.navi li.pm a{background:url(../images/icons/comment_add.png) left center no-repeat}
.navi li.admin a{background:url(../images/icons/computer_add.png) left center no-repeat}
.navi li.film a{background:url(../images/icons/film.png) left center no-repeat}    
.navi li.folder a{background:url(../images/icons/folder.png) left center no-repeat}    

.navi li.right{
	float:right;
	margin:0 0 0 5px;
}

/* =layouts
-------------------------------------------------------------------------------*/
#header{
	width:100%;
	height:106px;
	padding:10px 0 2px 0;
	background:url(../images/line-horizontal.png) bottom repeat-x;
}

#header .inner{
	width:990px;
	height:106px;
	margin:0 auto;
}

#headerLeft{
	width:236px;
	height:106px;
	float:left;
	margin:0 20px 0 0;
}

#logo{
	width:236px;
	height:56px;
	line-height:56px;
	font-size:25px;
}

#headerAd{
	width:734px;
	height:96px;
	float:left;
}

/* =search
-------------------------------------------------------------------------------*/
#search{
	width:230px;
	height:28px;
	background:url(../images/search-bg.png) no-repeat;
	padding:22px 0 0 6px;
}

#search input{
	width:162px;
	height:15px;
	padding:0;
	border-color:#53BED9;
	line-height:20px;
	color:#555;
	font-size:12px;
	margin:0;
}

#search input.onarcadeSearch{
	width:163px;
	height:20px;
	line-height:20px;
	padding:0;
	margin:0;
	border-color:#DDDBDB;
	background:none;
}

#search input.onarcadeSearchButton{
	width:37px;
	height:28px;
	background:url(../images/search-button.png) no-repeat;
	border:none;
	margin-left:5px;
	cursor:pointer;
}

#search input.ara{
	width:37px;
	height:28px;
	background:url(../images/search-button.png) no-repeat;
	border:none;
	margin-left:3px;
	cursor:pointer;
}


/* =advert
-------------------------------------------------------------------------------*/
.advert{
	padding:2px;
	border:1px solid #ddd;
}

.ad-468x60{
	width:468px;
	height:60px;
}

.ad-728x90{
	width:728px;
	height:90px;
}

.ad-160x600{
	width:160px;
	height:600px;
	float:right;
}

.ad-120x240{
	width:120px;
	height:240px;
}

.ad-125x125{
	width:125px;
	height:125px;
}

.ad-250x250{
	width:250px;
	height:250px;
}

.ad-336x280{
	width:336px;
	height:280px;
}

/* =layouts
-------------------------------------------------------------------------------*/
#wrapper{
	width:990px;
	margin:20px auto;
}

#content{
	width:610px;
	float:left;
	margin:0 20px;
}

#aramaContent{
	width:780px;
	background:#fff;
	padding:0 10px;
	float:left;
	margin:0 0 0 20px;
}

#sideLeft{
	width:170px;
	float:left;
}

#sideLeft .ad-125x125{
	margin:10px auto;
}

#sideRight{
	width:170px;
	float:left;
	text-align:center;
}

#sideRight .ad2{
	margin:25px 0 0 0;
}

#contentDetail{
	width:800px;
	float:left;
	margin:0 0 0 20px;
}

#contentDetail .fileContainer{
	width:800px;
}

#contentDetail .fileContainer .tabs{width:610px}

#contentDetail .fcLeft{
	width:610px;
	margin:0 10px 0 0;
	float:left;
}

#contentDetail .fcRight{
	width:180px;
	float:left;
	margin:5px 0 0 0;
	background:#fff;
}

#contentDetail .fcRight .tabs{
	width:180px;
}

#contentDetail .fcRight .video{
	float:none;
	margin:10px auto;
}


/* =kategoriler
-------------------------------------------------------------------------------*/
#kategoriler{
	width:170px;
    font-size: 10px;
}

#kategoriler .top{
	width:170px;
	height:5px;
	background:#77CCE1 url(../images/kategoriler-top.png) no-repeat;
}

#kategoriler .bottom{
	width:170px;
	height:5px;
	background:#77CCE1 url(../images/kategoriler-bottom.png) no-repeat;
}

#kategoriler .alt{
	background:#77CCE1;
}

#kategoriler .isim{
	float:left;
}

#kategoriler .count{
	float:right;
	font-size:11px;
}

#kategoriler li{
	width:170px;
	height:20px;
	display:block;
	background:#53BED9;
}

#kategoriler li a{
	color:#fff;
	display:block;
	padding:3px 10px 3px 10px;
	text-decoration:none;
}

#kategoriler li a:hover{
	background:#F4F4F4 url(../images/kategoriler-hover.png) no-repeat;
	color:#555;
}

/* =rastgele
-------------------------------------------------------------------------------*/
#rastgele{
	width:170px;
	background:#fff;
	margin:31px 0 0 0;
	padding:0 0 1px 0;
}

#rastgele .tabs{
	width:170px;
}

#rastgele .video{
	float:none;
	margin:10px auto;
}

/* =etiketler
-------------------------------------------------------------------------------*/
#etiketler{
	width:170px;
}

#bulut{
	width:160px;
	padding:10px 5px;
	border-bottom:4px solid #4B4C57;
	position:relative;
	display:none;
}

#etiketler .etiketlerTitle{
	margin:0 auto;
	width:114px;
	height:18px;
	color:#fff;
	text-align:center;
	background:#4B4C57;
}
	
/* =manset
--------------------------------------------------------------------------------*/
#manset{
	width:610px;
	background:#fff;
}

.manset-advert{
	width:300px;
	margin:5px;
	height:250px;
	float:left;
	display:block;
}

div.mansetBox{
	width:600px;
	height:500px;
	float:left;
	padding:0;
	position:relative;
	overflow:hidden;
}

div.mansetBox .video{
	margin:5px 10px 5px 10px;
}

div.mansetBox div.mitems{
	width:600px;
	height:1000px;
	position:absolute;
	clear:both;
}

div.mansetBox div.mitems div{
	float:left;
}

/* =tabs
--------------------------------------------------------------------------------*/

.tabs{
	display:block;
	width:610px;
	border-bottom:4px solid #77CCE1;
	background:#F4F4F4;
}

.tabs-hide{display:none}
.tabs li.sag{float:right}

.tabs li{
	display:block;
	height:21px;
	line-height:23px;
	float:left;
	margin-right:5px;
	font-size:10px;
	/*text-transform:uppercase;*/
}

.tabs li .left{
	width:10px;
	height:21px;
	background:#F2F2F2 url(../images/button-left.png) left center no-repeat;
	float:left;
}

.tabs li .center{
	height:21px;
	background:#F2F2F2 url(../images/button-center.png) repeat-x;
	float:left;	
}

.tabs li .right{
	width:10px;
	height:21px;
	background:#F2F2F2 url(../images/button-right.png) right center no-repeat;
	float:left;
}

.tabs li a{text-decoration:none}

/* hover */
.tabs li a:hover .center{
	background:#4B4C57 url(../images/button-hover-center.png) repeat-x;
	color:#fff;
}

.tabs li a:hover .left{
	background:#4B4C57 url(../images/button-hover-left.png) left center no-repeat;
}

.tabs li a:hover .right{
	background:#4B4C57 url(../images/button-hover-right.png) right center no-repeat;
}

.tabs li.active{
	color:#fff;
	background:#77CCE1;
}

/* active */
.tabs li.active a,.tabs li.tabs-selected a{color:#fff;}

.tabs li.active .left,.tabs li.tabs-selected .left{
	width:10px;
	height:21px;
	background:#F2F2F2 url(../images/button-current-left.png) left center no-repeat;
	float:left;
}

.tabs li.active .center,.tabs li.tabs-selected .center{
	height:21px;
	background:#F2F2F2 url(../images/button-current-center.png) repeat-x;
	float:left;
}

.tabs li.active .right,.tabs li.tabs-selected .right{
	width:10px;
	height:21px;
	background:#F2F2F2 url(../images/button-current-right.png) right center no-repeat;
	float:left;
}

/* black */
.tabs li.black a{color:#fff}

.tabs li.black .left{
	width:10px;
	height:21px;
	background:#4B4C57 url(../images/button-hover-left.png) left center no-repeat;
	float:left;
}

.tabs li.black .center{
	height:21px;
	background:#4B4C57 url(../images/button-hover-center.png) repeat-x;
	color:#fff;
	float:left;
}

.tabs li.black .right{
	width:10px;
	height:21px;
	background:#4B4C57 url(../images/button-hover-right.png) right center no-repeat;
	float:left;
}

/* =videoSlide
--------------------------------------------------------------------------------*/
.videoSlide{
	width:610px;
	background:#fff;
	/*margin:20px 0;*/
  margin-bottom: 10px;
}

.videoSlide .vsTitleBox{
	width:610px;
	height:21px;
	border-bottom:4px solid #77CCE1;
	background:#F4F4F4;
	position:relative;
}

.videoSlide .tabs{
	border:none;
}

.slideNavi{
	width:84px;
	height:15px;
	background:#F4F4F4;
	margin:-19px 0 0 526px;
	position:absolute;
}

.slideNavi li{
	display:block;
	height:15px;
	width:20px;
	line-height:15px;
	float:left;
	margin-left:1px;
	text-align:center;
	font-size:10px;
	background:#4B4C57 url(../images/slideNavi.png) top center no-repeat;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

.slideNavi li:hover, .slideNavi li.active{
	background:#77CCE1 url(../images/slideNavi-hover.png) top center no-repeat;
}

.videoSlide .video{
	margin-bottom:10px;
}

/* =video
--------------------------------------------------------------------------------*/
.vList{
	width:600px;
	overflow:hidden;
}

.video{
	width:130px;
	height:120px;
	margin:0 20px 20px 0;
	float:left;
}

.video .preview{
	width:120px;
	height:80px;
	padding:5px;
	background:#fff url(../images/video-bg.png) no-repeat;
	position:relative;
}

.video .preview .icon{
	position:absolute;
	display:block;
	left:5px;
	background:url(../images/preview-bg.png) center right no-repeat;
	font-size:10px;
	line-height:16px;
	height:16px;
}

.video .preview .count{
	padding:0 5px 0 3px;
	bottom:30px;
}

.video .preview .countIcon{
	padding:0 0 0 11px;
	background:url(../images/icons/graph.gif) left center no-repeat;
}

.video .preview .comment{
	padding:0 5px 0 2px;
	bottom:50px;
}

.video .preview .commentIcon{
	padding:0 0 0 12px;
	background:url(../images/icons/comment.gif) left center no-repeat;
}

.video .title{
	width:120px;
	height:20px;
	padding:5px;
	font-size:11px;
	line-height:12px;
	margin-top:-3px;
	overflow:hidden;
}

.video .title a{
	text-decoration:none;
}

.video .title a:hover{
	text-decoration:underline;
}

/* =layouts
-------------------------------------------------------------------------------*/
#footer{
	width:100%;
	height:40px;
	background:url(../images/line-horizontal.png) top repeat-x;
}

#footer .inner{
	width:990px;
	height:40px;
	margin:0 auto;
	font-size:11px;
	line-height:40px;
}

#footer2{
	width:100%;
	height:40px;
	padding:10px 0;
	background:url(../images/line-horizontal.png) top repeat-x;
}

#footer2 .inner{
	width:990px;
	height:40px;
	margin:0 auto;
	font-size:11px;
}

/* =text
--------------------------------------------------------------------------------*/
.text{
	width:610px;
	background:#fff;
}

.textContainer{
	width:580px;
	padding:10px 15px 10px 15px;
}

.pagenavi{
	width:580px;
	text-align:center;
	border-top:1px solid #ddd;
	padding:10px 0;
}

.pagenavi li{
	display:inline;
}

.pagenavi li a{
	color:#555;
	background:#f2f2f2;
	padding:3px 7px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	border:1px solid #f2f2f2;
}
	
.pagenavi li a:hover{
	text-decoration:none;
	background:#77CCE1;
	color:#fff;
	border-color:#53BED9;
}

.pagenavi li a.current{
	color:#fff;
	background:#484C57;
	text-decoration:none;
	border-color:#000;
}

.pagenavi li a.next{font-weight:normal}

/* =file
--------------------------------------------------------------------------------*/
.file{
	width:800px;
}

.file .tabs{
	width:800px;

}

.videoContainer{
	width:800px;
	background:#fff;
}

.videoBig{
	width:480px;
	text-align:center;
	padding:10px 0;
	background:#fff;
	float:left;
}

.fileAd{
	width:300px;
	float:left;
	padding:10px 10px 0 10px;
}

.fileAd .adTop{
	width:300px;
	height:250px;
}

.benzerLinks{
	width:300px;
	margin:5px 0 0 0;
}

.benzerLinksAD{
	width:300px;
	padding:0 0 10px 0;
}

.benzerLinks li{
	line-height:18px;
	padding-left:5px;
}

.file .desc{
	width:590px; /*610*/
	margin:5px 0;
	padding:10px;
	background:#fff;
}

.file .desc .left{
	width:238px;
	min-height:286px;
	float:left;
	padding:0 10px 0 0;
}

.file .desc .right{
	width:342px;
	height:286px;
	float:left;
}

.file .desc li{
	padding:0 0 7px 0;
	margin:7px 0;
	border-bottom:1px solid #f2f2f2;
}

.file .desc li.baslik{
	border:none;
	padding:0;
}

.file .desc .kategori{
	background:url(../images/icons/folder.gif) left center no-repeat;
	padding-left:14px;
	float:left;
	display:block;
	width:90px;
}

.file .desc .tarih{
	background:url(../images/icons/calendar_day.gif) left center no-repeat;
	padding-left:14px;
	float:left;
	display:block;
	width:90px;
}

.file .desc .izlenme{
	background:url(../images/icons/graph.gif) left center no-repeat;
	padding-left:14px;
	float:left;
	display:block;
	width:90px;
}

.file .desc .puan{
	background:url(../images/icons/star.gif) left center no-repeat;
	padding-left:14px;
	float:left;
	display:block;
	width:90px;
}

.file .desc .item{
	display:block;
	float:left;
}

/* =yorumlar
--------------------------------------------------------------------------------*/
#yorumlar{
	width:610px;
	margin:10px 0;
}

#yorumlar textarea{
	width:580px;
	padding:5px;
	margin:0 auto 5px auto;
}

#yorumlar .yorum{
	width:610px;
	margin:15px 0;
}

#yorumlar .yorumYap{
	width:610px;
	background:#fff;
	padding:0 0 10px 0;
}

#yorumlar .yorumTab{
	width:590px;
	padding:5px 10px;
  text-align: left;
}

#yorumlar .yorumText{
	width:590px;
	padding:10px;
	background:#fff;
	border-top:4px solid #E5E5E5;
}

#yorumlar .yorumAuthor{
	width:542px;
	height:15px;
	padding:3px 10px 0 58px;
	background:url(../images/comment-bg.png) 20px 0 no-repeat;
}

#yorumlar .yorumAuthor .username{
	float:left;
}

#yorumlar .yorumAuthor .tarih{
	font-size:11px;
	float:right;
}

/* =uyelistesi
--------------------------------------------------------------------------------*/
table.uyelistesi{
	border:none;
	width:580px;
	border-collapse:collapse;
}

table.uyelistesi tr.title{
	background-color:#eee;
}

table.uyelistesi tr.title:hover{
	background-color:#eee;
	color:#555;
}

table.uyelistesi tr{ 
	background-color:#F4F4F4;
}
	
table.uyelistesi tr.odd{
	background-color:#fff;
}
		
table.uyelistesi tr:hover{
	background-color:#77CCE1;
	color:#fff;
}

table.uyelistesi tr:hover a{
	color:#fff;
}

table.uyelistesi td{
	padding:5px 0 5px 5px;
}

/* =uyelistesi
--------------------------------------------------------------------------------*/

.pop-up-puan{
	padding:20px;
}

.pop-up-puan a{
	background:#53BED9;
	color:#fff;
	padding:3px 6px;
	text-decoration:none;
}

.pop-up-puan a:hover{background:#4B4C57}

.boxestext{
	width:300px;
	padding:20px;
	background:#fff;
	margin:20px auto;
}

/* =form
--------------------------------------------------------------------------------*/
.formItem{
	width:610px;
	padding:2px 0;
}

.formItem input{
	width:150px;
}

.formItem .left{
	width:160px;
	float:left;
	line-height:22px;
}

.formItem .right{
	width:450px;
	float:left;
}

.formItemSubmit{
	width:450px;
	margin-left:160px;
	padding:2px 0;
}

/* =pm
--------------------------------------------------------------------------------*/
.pmPreview{
	width:558px;
	padding:10px;
	margin:10px auto;
	border:1px solid #ddd;
}

.pmTextarea{
	border:1px solid #C5C5C5;
	padding:5px;
}

.pmRead{
	width:580px;
}

.pmRead .left{
	width:100px;
	padding:0 20px 0 0;
	float:left;
}

.pmRead .right{
	width:460px;
	float:left;
}

.pmRead .lin{
	width:460px;
	border-top:1px solid #ccc;
	padding:2px 0 0 0;
}

.pmRead .lin .blink{
	margin-left:10px;
	font-weight:bold;
}

p.label_checkbox_pair{
	clear:both;
	float:none;
	position:relative;
}
p.label_checkbox_pair input{
	position:absolute;
	top:1px;
	width:15px;
}
p.label_checkbox_pair label{
	display:block;
	margin-left:20px;
	line-height:20px;
}

.upload{
	height:20px;
	margin:0 35px 0 0;
}

/* =profile
--------------------------------------------------------------------------------*/

.profile{
	width:580px;
}

.profile table{
	border:none;
	width:460px;
	border-collapse:collapse;
	margin:15px 0 0 0;
}

.profile table tr{ 
	background-color:#F4F4F4;
}
	
.profile table tr.odd{
	background-color:#fff;
}

.profile table td{
	padding:5px 0 5px 5px;
}

.profile .left{
	width:100px;
	padding:0 20px 0 0;
	float:left;
}

.profile .right{
	width:460px;
	float:left;
}

.profile .pmButton{
	text-align:center;
}

.profile .pmButton a{
	padding:2px 5px;
	background:#77CCE1;
	border:1px solid #53BED9;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.profile .pmButton a:hover{
	background:#4B4C57;
	border-color:#000;
}

.profileComment{
	width:558px;
	padding:1px 10px;
	margin:0 0 10px 0;
	background:#f4f4f4;
	border-bottom:4px solid #ccc;
}

/* =etiketBulutu
--------------------------------------------------------------------------------*/
.etiketBulutu li{
	float:left;
	display:block;
}

.etiketBulutu li a{
	height:16px;
	line-height:16px;
	display:block;
	text-decoration:none;
	color:#555;
	padding:2px 5px;
	background:#f4f4f4;
	border-bottom:2px solid #ccc;
	margin:0 5px 7px 0;
}
.etiketBulutu li a:hover{
	background-color:#77CCE1;
	color:#fff;
	border-color:#53BED9;
}

#bulut .etiketBulutu li a{
	background:#fff;
}

#bulut .etiketBulutu li a:hover, #bulut .etiketBulutu li.active a{
	background-color:#77CCE1;
	color:#fff;
	border-color:#53BED9;
}

/* =ajaxSlide
--------------------------------------------------------------------------------*/
div.scrollable{
	position:relative;
	overflow:hidden;	 	
	width:580px;
	margin:10px 15px 0 15px;
	height:130px;
}

div.scrollable div.items{	
	width:20000em;	
	position:absolute;
	clear:both;
}

div.scrollable div.items div{
	float:left;
}

/* =videoParts
--------------------------------------------------------------------------------*/
.videoParts li{
	float:left;
	display:block;
}

.videoParts li a{
	height:16px;
	line-height:16px;
	display:block;
	width: 70px;
	text-decoration:none;
	color:#555;
	padding:2px 5px;
	background:#f4f4f4;
	border-bottom:2px solid #ccc;
	margin:0 5px 7px 0;
}
.videoParts li a:hover{
	background-color:#77CCE1;
	color:#fff;
	border-color:#53BED9;
}

.videoParts li a{
	background:#fff;
}

.videoParts li a:hover, .videoParts li.active a{
	background-color:#77CCE1;
	color:#fff;
	border-color:#53BED9;
}