@charset 'utf-8';

body { 
	/* background: #F2F2F2 url('/images/as/default-siyah-bg.gif') repeat-x; 
	*/
}

.vid-v1-header {
	z-index: 999;
	width: 818px; 
	height: 22px; 
	margin: 0px 0px 0px 4px; 
	background: url(/images/as/vid-sec6-bg.gif) 0 0 repeat-x;  
	background-color: #000;
	
}

#vid-v1-nav, #vid-v1-nav ul {
float: right;
font-size:13px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #fff;
list-style: none;
line-height: 1.1;
z-index: 9999;
background: url(/images/as/vid-sec6-bg.gif) 0 0 repeat-x #000;  */

}



#vid-v1-nav a, #vid-v1-nav li a {
display: block;
padding: 5px 20px;
color: #fff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-right: 1px solid #666;
text-decoration: none;
}

#vid-v1-nav li {
float: left;
padding: 0;
}


#vid-v1-nav li ul {
position: absolute;
width: 165px;
left: -9999px;
background: url('/images/as/video-menu-bg.png') repeat;
padding: 3px 8px 2px 8px;
z-index: 9999;
}

#vid-v1-nav li li {
clear: left;
width: 100%;
padding: 2px 0 4px 0;
color: #fff;
font-size: 11px;
z-index: 9999;
}

#vid-v1-nav li li a {
display: inline;
color: #fff;
font-size: 11px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
border: 0px;
padding: 2px 0px 4px 8px;
}

#vid-v1-nav a:hover, #vid-v1-nav li:hover {
	color: #cf0;
}


#vid-v1-nav li:hover ul, #vid-v1-nav li.sfhover ul {
left: auto;
}

#vid-v1-nav li:hover ul.lastNav, #vid-v1-nav li.sfhover ul.lastNav  {
left: 644px;
}

#wrapper-header_v1video  {
z-index: 3;
width: 100%;
background: url(/images/as/he-v1-bg-video2.gif) left top repeat-x;
}

#chip {
 background-color: #fff;
}

#he-v1-bottom-video{
clear:both;
margin:0;
padding:0 0 2px;
border-top:1px solid #aaa;
overflow:hidden;
height:24px;
}


#he-v1-quicklinks-video {
float: right;
width: 395px;
margin: 0;
padding:4px 5px 0 0;
}

#he-v1-quicklinks-video img {
margin: 0 -5px 0 5px;
float: left;
}

#he-v1-quicklinks-video a img {
margin: 0 -5px 0 5px;
float: left;
}


#he-v1-quicklinks-video ul{
list-style: none;
}
#he-v1-quicklinks-video ul li{
float: right;
margin: 3px 0 0 0;
color: #000;
}

#he-v1-quicklinks-video ul li a {
font-weight: bold;
color: #fff;
padding: 0 8px;
}

#he-v1-shadow_v1{
clear:both;
background: url(/images/as/header-shadow.gif) #fff repeat-x;
line-height: 8px;
}

.leftvidimg {
	width: 90px;
	height: 50px;
}

.leftvidimg table {
	width: 90px;
	height: 52px;
}
.vidleftheader {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(/images/as/vid-sec2-bg.gif) center repeat-x #000; 
	padding: 3px 4px 5px 4px;
	color: #fc0;
	margin-top: 1px; 
}

.mainVidContent {
	clear: both; background-color: #000; margin-bottom: 0px;margin-left: 4px; width: 809px; border-right: 1px solid #666; height: 296px; padding: 4px 4px 4px 4px;
	
}

.mainVidSectiklerimiz {
	margin-right: 3px; float: left; width: 92px; height: 296px; background-color: #0A0A0A;
	border-bottom: 1px solid #1A1A1A;
	border-right: 1px solid #1A1A1A;
}

.vidSlideContainer {
	float: left; margin-left: 4px; width: 238px; height: 294px;
	padding-bottom: 1px;
	border-bottom: 1px solid #1A1A1A;
	position: relative;
	
}

.vidslider {
	height: 271px;
	width: 238px;
	overflow: hidden;
	background-color: #222;
	border-bottom: 1px solid #1A1A1A;
	position: absolute;
}
.vidslideitem {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.vidslideitem a, .vidslideitem a:hover, .vidslideitem a:visited  { color: #000; text-decoration: none; display: block; 
padding: 10px 4px 10px 4px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;	
color: #CCC;
border-bottom: 1px dotted #000; 

}
.vidslidepicked { 
color: #6c0 !important;
background: #000;	
}

.vidslideitem a:hover {
	color: #fc0;
	background: #000;
}

.infobarMain {
clear: both;
margin-left: 4px;
margin-top: 0px;
width: 817px;
height: 26px;
background: #333 url(/images/as/pfad_bg.gif) repeat-x;

}

.infobarMainShadow {
clear:both;
margin-left: 4px;
margin-top: 0px;
width: 817px;
background: url(/images/as/header-shadow.gif) #fff repeat-x;
height: 8px;
}

.infobar468 {
	width: 468px;
	height: 26px;
	float: left;
	overflow-x: hidden;
}

.infobar468 .icon {float: left;}
.infobar468 p {float: left; color:#fc0; padding:7px 0px 0px 8px;}
.infobar468 a, .infobar468 a, .infobar468 a:visited, .infobar468 a:link, .infobar468 a:active, .infobar468 a:hover {color:#fc0;}

h2.vidb { display: none; }

.infobar336 {
	height: 26px;
	width: 334px;
	border-right: 1px solid #999;
	float: right;
	overflow-x: hidden;
	/* background: url(/images/as/vid_info2.gif) #fff repeat-x; */
	background: #333 url(/images/as/pfad_bg.gif) repeat-x;
}
.infobar336 p {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; float: right; color:#aaa; padding:7px 8px 0px 8px;}
.infobar336 p span { color: #aaa; }
.infobar336 a, .infobar336 a:visited, .infobar336 a:active, .infobar336 a:hover {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fc0; font-weight: bold;}

.col340-ri { margin-top: 0px; }

.vidinfomain {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
	display: block; padding: 4px 0px 4px 4px; 
	height: 22px; background: url(/images/as/vid-sec6-bg.gif) repeat-x;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
	margin-right: 8px;
}
.vidinfobox { 
font-family: Verdana, Arial, Helvetica;	
border: 1px solid #aaa; width: 314px; 
display: block; padding: 8px 8px 8px 8px; 
background: #EBEBEB repeat-x ;
margin-bottom: 15px;
line-height: 1.6;
}

.top3vids { color: #fff; padding: 6px 4px 7px 4px; height: 20px; margin: 0 0 8px 0; overflow: hidden; }
.top3vids a, .top3vids a:link, .top3vids a:active, .top3vids a:visited { text-decoration: none; color: #fff; }
.top3vids a:hover { text-decoration: none; color: #cf0; }

.topvidselect { height: 22px; background: url(/images/as/vid-sec6-bg.gif) #000 repeat-x; }
.topvidselect ul { list-style: none;  }
.topvidselect li.current { background: #000; color: #fff; border-right: 1px solid #036; float: left; background: url(/images/as/vid-sec5-bg.gif) repeat-x; }
.topvidselect li { float: left; border-right: 1px solid #666; background: url(/images/as/vid-sec6-bg.gif) repeat-x; height: 22px;  }
.topvidselect ul li a, .topvidselect ul li a:link, .topvidselect ul li a:active, .topvidselect ul li a:visited { display: block; padding: 5px 8px 5px 8px; border: 0px; outline: 0; text-decoration: none; color: #fff; font-family: Verdana, Tahoma, Verdana, Arial, Helvetica, sans-serif, Arial; font-size: 9px; font-weight: bold; }


.vidranks { clear: both; width: 466px; height: 84px; border: 1px solid #666; overflow: hidden; background: url(/images/as/grad_koyu_dwn.png) #d2d2d2 repeat-x ;}
.vidranks div {  width: 93px; height: 95px; float: left; overflow: hidden; }

.vidranks div .image { width: 88px; height: 50px; margin: 3px 2px 2px 2px; background: 50% center; cursor: pointer !important; cursor: hand; }
.vidranks div .image p { width: 20px; height: 18px; background: url('/images/as/videonumbg2.png') no-repeat; color: #cf0; text-align: center; font-weight: bold; padding-top: 3px; }
.vidranks div:hover a, .vidranks div:hover a:hover { display: block; font-size: 10px; font-weight: bold; color: #333; text-decoration: none; } 
.vidranks div a { display: block; width: 88px; height: 38px; font-size: 10px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Arial; font-weight: bold; color: #666; text-decoration: none; } 
.vidranks div a:hover { color: #333; }
.vidranks p { padding: 2px 2px 2px 2px; width: 88px; text-align: center; }
.vidranks div p span { font-size: 16pt; font-weight: bold; color: #369; float: left; margin-right: 5px; }

.mi-ilgili a { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Arial; }
.mi-ilgili ul { padding-bottom: 0px; }

.shadow {
	background: url(/images/as/header-shadow.gif) #fff repeat-x;
	height: 8px;
}

.vidranks div img { width: 88px; height: 50px; margin: 3px 1px 2px 3px; border: 0;}

.videoliste { clear: both; }

.videoliste a, .videoliste a:link, .videoliste a:active, .videoliste a:visited { 
display: block;
color: #fff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 4px 10px 4px 10px;
text-decoration: none;
}
.videoliste a:hover { background: url(/images/as/vid-sec5-bg.gif) repeat-x; color: #fff; text-decoration: none; }
.listeresim { width: 160px; }
.listeresim img { width: 160px; height: 90px; border: 1px solid #aaa; margin: 5px 5px 5px 5px; }
.listeyazi { float: left; line-height: 1.6; vertical-align: middle; padding: 5px 5px 5px 5px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Arial; }
.capt { clear: both; }
.listeyazi a { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Arial; }
.listeyazi span.vidtarih { color: #aaa; }


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowUp {
	background: url(/images/as/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(/images/as/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}