/* Reset Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:bold;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
a{	
}
/* reset end */

.b1px{border: 1 px solid #000;}
.fl{float: left;}
.bthreepx{border-bottom:2px dotted gray; height: 10px; margin:10 0 10 0; border-bottom-color: #198dc1; clear: both;}
.hide{display: none;}
.clr { @
	display: inline-block;
}
body
{
    font-family:Arial, Helvetica, sans-serif;
    margin-top:10px;
    margin-bottom:40px;
	background:url(../img/Backgroundv9.png) center top #F3F0E7 no-repeat fixed;
    line-height:12px;
	text-align:center;
}
.main_content_class
{
    margin:0 auto;
    width:920px;
    overflow:hidden;
    height:1980px;
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
}
.ust
{
	height:20px;
    margin:0 auto;
    width:918px;
}
.alt
{	
	height:20px;
    margin:0 auto;
    width:918px;
}
/* ------index.jsp general frame ------- */
#div_top{
	height:105px;
	margin:0 15 0 15;

}

#div_top_menu{
	position:relative;
	margin:2 0 0 0;
	height: 86px;
	margin-bottom: 0px;
	width:100%;
}
#div_search_box{
	position:absolute;
	float:left;
	height:45px;
	margin-top:-50px;
	margin-left: 100px;
}
#div_main{
	clear:both;
	height:1640px;
	margin:2 15 10 15;
}
#div_footer_menu{
	clear:both;
	height:100px;
	width: 750px;
	margin:10 0 0 105;
	font-size:0.75em;
}
.hand{
	cursor:pointer;
}
.bold{
	font-weight:bold;
}

.underline{
	text-decoration: underline;
}
.grayBg{
	background-color:#bdbfc1;
}
.invisible{
	visibility:hidden;
	width:0px;
	height:0px;	
}


.waitmsg{
	height:100px;
	display:block;
	line-height:100px;
	font-size:0.7em;
	font-weight:bold;
	color:#198dc1;
}
.devamBtn{
	width:95px;
	height:20px;
	position:relative; 
	float:right;
	margin-right:20px;
	margin-top:17px;
	bottom:5px;
	background-color:#ffffff;
	padding-top:4px;
	color:#198dc1;
	font-size:0.7em;
	font-weight:bold;
}
.pagenumber{
	float:left;
	width:10px;
}

.pagenumbermuzikkategori{
	float:left;
	width:10px;
}

.pagesolok{
	float:left;
	width:10px;
}
.pagesagok{
	float:left;
	width:10px;
}
.pagingNav{
	clear:both;
	width:100%;
	height:20px;
	position:relative; 
	bottom:5px;
	color:#198dc1;
	padding:25 0 0 47%;
	margin-top:30;
	font-size:0.7em;
	
}



/* ------header ------- */
#logo{
	float:left;
	width:120px;
	height:105px;
}
#top_banner{
	float:left;
	width:760px;
	height:105px;
}
/* ------flash ------- */
#flash{
	height:270px;
	margin-top:0px;
}
#flashleft{
	height:270px;
	width:570px;
	float:left;
	background-color:#fff;
	margin:0 5 0 0;
}
#flashright{
	height:270px;
	width:308px;
	float:left;
	background-color:#000;
	margin:0 0 0 3;
}
.searchForm{
	clear:both;
	height:30px;
	float:left;
	margin:10 15 10 50;
}
.input{
	float:left;
	width:600px;
	height:37px;
	font-size:14px;
	font-weight:normal;
	background:url(../img/aramabgv2.png) no-repeat;
	border:0px solid #d4d6d7;
	color:#000;
	padding:5 0 3 30;
}
.input_clean{
	float:left;
	width:520px;
	height:35px;
	font-size:17px;
	font-weight:bold;
	border:1px solid #d4d6d7;
	margin-left:20%;
	padding:4 0 0 30;
}

.searchForm a{
	position: relative;
	float:left;
	display:block;
	width:60px;
	height:33px;
	margin-left:-60px;
	margin-top: 7px;
}
/* ----------menu ------------*/
.menu{
    position: relative;
    clear:both;
    float:left;
    height: 85px; 
    width: 100%;
    background: url("../img/menubgv3.png") no-repeat;
    overflow: hidden;
    z-index: 1px;
}
/* Force the list to flow horizontally */
.menu li {
    float: left;
    list-style: none;
    margin:10 0 0 0;
    border-left: 1px solid; 
    border-left-color: #198dc1;
}
.menu .back {
    background: #198dc1;
    -moz-border-radius: 3px;
}
.menu li a {
    position: relative; 
    text-decoration: none;
    font:0.9em arial bold;
    color: #fff; 
    text-align: center;
    height: 20px; 
    z-index: 10; 
    letter-spacing: 0;
    float: left; 
    display: block;
    margin: auto 10px;
    font-weight:normal;
}
/* ----------footer ------------*/
.footer{
	clear:both;
	padding:8 0 0 10;
    height: 20px; 
    width: 700px;
    border-color:#bdbfc1
	-moz-border-radius: 10px;
}
.footer li {
    float: left;
    list-style: none;
    height:18px;
    border-left:1px solid;
}
.footer .back {
	text-decoration: underline;
	-moz-border-radius: 3px;
}
.footer li a {
    text-decoration: none;
    text-align: center;
    height: 15px; 
    float: left; 
    margin: 1 5 1 5;
}
/*    ----------tabs------------*/
.tabs{
	padding-left:10px;
	height:32px;
}
.tab{
	width:208px;
	height:20px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	float:left;
	background: url("../img/koyu-mavi_tab.png") no-repeat top;
	font-size:0.7em;
	font-weight:bold;
	padding:12 0 0 0;
	text-align:center;
}
.tablong{
	width:840px;
	height:22px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	float:left;
	background: url("../img/acik-uzun-mavi_tab.png") no-repeat top;
	font-size:0.7em;
	font-weight:bold;
	padding:12 0 0 0;
	text-align:center;
}
.tabtext{
	text-align:left;
	margin:0 0 0 33;
	color:#fff;
	font-weight: normal;
}

.sel{
	background: url("../img/acik-mavi_tab.png") no-repeat top;
	color:#fff;
}
.tabcontent{
	clear:both;
	border:1px solid #bdbfc1;
	-moz-border-radius: 10px;
}

/*    ----------indexcontents------------*/
.indexcontent1{
	height:400px;
	width:887px;
	margin:10 0 0 0;
}
.indexcontent2{
	height:190px;
	width:887px;
	margin:10 0 0 0;
}
.indexcontent3{
	height:220px;
	width:887px;
	margin:10 0 0 0;
}
.indexcontent4{
	height:220px;
	width:887px;
	margin:10 0 0 0;
}

.indexcontent5{
	height:300px;
	width:887px;
	margin:10 0 0 0;
}

/*    ----------album------------*/

.album{
	width:210;
	height:95;
	float:left;
	margin:10 0 0 8;
}
.albumpicture{
	float:left;
	height:80px; 
	width:80px;
	border:2px solid #198dc1;
	-moz-border-radius: 3px;
	margin:5 5 5 10	;
}
.album .albumtext{
	width:100px;
	float:left;
	font-size:0.7em;
	font-weight:bold;
	margin:20 0 0 0	;
}
.album .albumname{
	margin:5 0 0 0;
	height:20px;
}
.album .releasedate{
	margin:5 0 0 0;
	color:#198dc1; 
}
.album .artistname{
	margin:3 0 10 0;
	height:20px;
	color: #198dc1;
	
}
/*    ----------data------------*/

.data{
	width:115;
	height:135;
	float:left;
	margin-left:8px;
}
.data .datapicture{
	height:80px; 
	width:80px;
	border:2px solid #198dc1;
	-moz-border-radius: 3px;
	margin:10 10 10 16;
}
.data .datatext{
	height:30px;
	font-size:0.7em;
	font-weight:bold;
}
.dataringtone{
	width:442;
	height:30;
	float:left;
	margin:0 0 0 0;
}
.dataringtone .datarow{
	width:443px;
	height:30px;
	font-size:0.7em;
	font-weight:bold;
	border-bottom:1px solid #bdbfc1;
	text-align:left;
	
}

.dataringtoneforDataCat{
	width:318;
	height:30;
	float:left;
	margin:0 0 0 0;
}
.dataringtoneforDataCat .datarow{
	float:left;
	width:322px;
	height:30px;
	font-size:0.7em;
	font-weight:bold;
	border-bottom:1px solid #bdbfc1;
	text-align:left;
	
}

.dataringtone .datarowother{
	width:425px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	border-bottom:1px solid #bdbfc1;
	background:#D3D3D3;
	text-align:left;
	
}
.datarow .dataname{
	width:205px;
	height:15px;
	float:left;
	padding:8 0 0 5;
}
.datarow .dataartist{
	width:145px;
	float:left;
	padding:8 0 0 0;
}
.datarow .datakeyword{
	width:40px;
	float:left;
	font-size:1em;
	color:#198dc1;
	padding:8 0 0 0;
}
.data .datamname{
	margin:30 5 10 0;
}
/*datarow for datakategoriler */



/*  ---------kategoriler-------*/
#kategoriler_left{
	width:215px;
	float:left;
	height:810px;
	border:1px solid #bdbfc1;
	margin:35 0 0 0;
	-moz-border-radius: 10px;
}

.titlelong{
	background: url("../img/title_long.png");
	height:22px;
	padding:10 0 0 0;
	margin:2 0 0 12;
	font-size:0.7em;
	width:600;
	float:left;
	font-weight:bold;
}
.kategoriler_left_text{
	background: url("../img/beyazData.png") no-repeat;
	background-position:5px 6px;
	width:auto;
	height:25px;
	border-bottom:1px solid #bdbfc1;
	font-size:0.7em;
	line-height:30px;
	text-align:left;
	padding:0 0 0 30;
	color:#fff;
	font-weight:bold;
	background-color: #0D6FA6;
}
.kategoriler_diger{
	width:auto;
	height:25px;
	border-bottom:1px solid #bdbfc1;
	font-size:0.7em;
	line-height:30px;
	text-align:left;
	padding:0 0 0 30;
	color:#fff;
	font-weight:bold;
	cursor: pointer;
	background-color: #0D6FA6;
}
.gray{
	background-color:#f3f0e7;
}
.blue{
	background-color:#118DC0;
}
.whitetext{
	color:#198dc1;
	background: url("../img/griData.png") no-repeat; 
	background-position:10px 6px;
	background-color:#fff;
	font-size:0.8em;
	text-indent: 5px;
}
#kategoriler_right{
	width:640px;
	height:810px;
	float:left;
	margin:0 0 0 10;
	border:1px solid #bdbfc1;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
}
#song_kategoriler_right{
	width:660px;
	height:810px;
	float:left;;
	margin:0 0 0 10;
}
/*  ---------tips-------*/
.tipContent{
 width: 210px;
}
.data .tip{
	width:221px;
	height:94px;
	position:absolute;
	z-index:1;
	margin-top:-220;
	margin-left:-50;
	padding:10 2 10 2;
	font-size:0.6em;
	background:url(../img/tip.png)no-repeat;
	visibility:hidden;
	opacity:1;
}
.song .tip{
	width:221px;
	height:74px;
	position:absolute;
	z-index:1;
	margin-top:-220;
	margin-left:-50;
	padding:10 2 10 2;
	font-size:0.6em;
	background:url(../img/tip.png)no-repeat;
	visibility:hidden;
	opacity:1;
}

.albumsongrow .tip{
	width:221px;
	height:94px;
	position:absolute;
	z-index:1;
	margin-top:-90;
	margin-left:0;
	padding:10 2 10 2;
	font-size:0.9em;
	background:url(../img/tip.png)no-repeat;
	visibility:hidden;
	text-align:center;
	opacity:1;
}

.dataringtone .tip{
	width:221px;
	height:94px;
	position:absolute;
	z-index:1;
	margin-top:-115;
	margin-left:0;
	padding:10 2 10 2;
	font-size:0.6em;
	background:url(../img/tip.png)no-repeat;
	visibility:hidden;
	opacity:1;
}
.dataringtoneforDataCat .tip{
	width:221px;
	height:94px;
	position:absolute;
	z-index:1;
	margin-top:-90;
	margin-left:0;
	padding:10 2 10 2;
	font-size:0.6em;
	background:url(../img/tip.png)no-repeat;
	visibility:hidden;
	opacity:1;
}
/*  ---------searchresults-------*/
.albumresult{
	clear:both;
	border:1px solid #bdbfc1;
	-moz-border-radius: 10px;
	margin:10 0 0 0;
	z-index: -1;
}
.songresult{
	clear:both;
	border:1px solid #bdbfc1;
	-moz-border-radius: 10px;
	margin:10 0 0 5;
}
.artistresult{
	clear:both;
	border:1px solid #bdbfc1;
	-moz-border-radius: 10px;
	margin:10 0 0 0;
}
.artist{
	width:115;
	height:135;
	float:left;
	margin:15 0 0 8px;
}
.song{
	width:115;
	height:160;
	float:left;
	margin:10 0 0 8px;
}
.artist .artistpicture{
	height:80px; 
	width:80px;
	border:2px solid #198dc1;
	-moz-border-radius: 3px;
	margin:10 10 10 16;
}
.song .songpicture{
	height:80px; 
	width:80px;
	border:2px solid #198dc1;
	-moz-border-radius: 3px;
	margin:10 10 10 16;
}
.artist .artisttext{
	width:100px;
	height:15px;
	font-size:0.7em;
	font-weight:bold;
}
.song .songtext{
	height:30px;
	font-size:0.7em;
	font-weight:bold;
	
}
.artist .artistname{
	margin:5 0 5 0;
	height:25px;
}
.song .songname{
	margin:0 0 5 0;
	height:25px;
	color:#198dc1;
}
.song .artistname{
	margin:3 0 10 0;
	height:10px;
}
.pagenumberartist{
	float:left;
	width:10px;
}
.pagenumberalbum{
	float:left;
	width:10px;
}
.pagenumbersong{
	float:left;
	width:10px;
}
.searchmessage{
	margin-top:30;
	color:#198dc1;
	font-size:0.7em;
	font-weight:bold;
}

/* -------album-----------*/
.album_nav{
	height:160px;
	width:883px;
	border-left:1px solid #bdbfc1;
	border-right:1px solid #bdbfc1;
}
.album_nav_top{
	margin:10 0 0 0;
	height:34px;
	width:885px;
	background:url("../img/album_nav_topv1.png") no-repeat top;
}
.album_nav_bottom{
	clear:both;
	height:37px;
	width:885px;
	background:url("../img/album_nav_bottomv1.png") no-repeat top;
	
}
.album_nav_right{
	margin:30 0 0 0;
	float:left;
	height:100px;
	width:280px;
}
.album_nav_left{
	margin:30 0 0 0;
	float:left;
	height:100px;
	width:280px;
}

.album_nav_right_disabled{
	margin:30 0 0 0;
	float:left;
	height:100px;
	width:280px;
}
.album_nav_left_disabled{
	margin:30 0 0 0;
	float:left;
	height:100px;
	width:280px;
}
.album_nav_picture{
	margin:20 0 0 0; 
	float:left;
	height:100px;
	width:120px;
}
.album_nav_albumdetails{
	margin:35 10 10 10; 
	float:left;
	height:50px;
	width:170px;
	font-weight:bold;
	/*border:2px solid #198dc1;*/
	-moz-border-radius: 3px;
	padding:20 0 0 0;
}

.albumsong{
	width:883;
	float:left;
	margin:0 0 0 0;
	border:1px solid #bdbfc1;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding:10 0 10 0;
}
.album_song_top{
	height:34px;
	background:url("../img/album_nav_topv1.png") no-repeat top;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	margin:0 0 10 0;
	padding:10 0 0 20;
	color:#fff;
	font-weight:bold;
	font-size:0.8em;
}
.albumsong .albumsongrow{
	width:436.5px;
	height:30px;
	font-size:0.7em;
	border-bottom:1px solid #bdbfc1;
	border-right:1px solid #bdbfc1;
	border-top:1px solid #bdbfc1;
	text-align:left;
	float:left;
	margin:0 0 0 0;
	padding-left:5px; 
	
}
.albumsongrow .albumsongname{
	width:310px;
	height:30px;
	float:left;
	padding:5 0 0 5;
	font-weight:bold;
}
.albumsongrow .albumsongkeyword{
	width:40px;
	float:left;
	font-size:1em;
	color:#198dc1;
	padding:5 0 0 0;
	font-weight:bold;
}
.albumsongrow .demominiplayer{
	width:30px;
	height:30px;
	float:left;
	padding:0 0 0 0;
	font-weight:bold;
	margin-left: 15px;
}

.grititle{
	width:208px;
	height:20px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	float:left;
	background: url("../img/acik-mavi_tab.png") no-repeat top;
	font-size:0.8em;
	font-weight:normal;
	padding:13 0 0 0;
	text-align:center;
	margin:5 0 0 13;
	color: #fff;
}


/* ------artist detail  -------*/

.artist_detail_top{
	margin:10 0 0 0;
	color:#fff;
	font-weight:bold;
	font-size:0.8em;
	height:34px;
	width:890px;
	background:url("../img/album_nav_topv1.png") no-repeat top;
	text-align: left;
	text-indent: 25px;
	line-height: 30px;;
}
.artist_detail_bottom{
	clear:both;
	height:37px;
	width:890px;
	background:url("../img/album_nav_bottomv1.png") no-repeat top;
}
.artist_detail{
	height:auto;
	overflow:auto;
	width:887px;
	border-left:1px solid #bdbfc1;
	border-right:1px solid #bdbfc1;
}

/* ------static  -------*/
.showtvrehberi .first{
			font-size:1.4em;
			color : #198dc1;
			margin:20 20 20 20;
			line-height:115%;
		}
		.second{
			text-align:left;
			font-size:0.8em;
			margin:20 20 20 20;
			font-weight:bold;
			line-height:125%;	
		}
.showtvrehberi		.thirth{
			text-align:left;
			align:left;
			margin:0 0 0 0;
		}
		.fourth{
			clear:both;
			font-size:12px;
			margin:20 20 20 20;
			line-height:115%;
			float:left;
			line-height: 15px;
		}
.showtvrehberi	.group{
			width:410px;
			margin:20 10 20 10;
			overflow:hidden;
		}
.showtvrehberi	.row{
			height:20px;
			width:205px;
			border-bottom:1px solid #bdbfc1;
			text-align:left;
			line-height:125%;
			font-size:0.8em;
		}
.showtvrehberi .fl{
			float:left;
		}
.tivichat .first{
			font-size:1.6em;
			color:#198dc1;
			margin:20 20 20 20;
			line-height:115%;
		}
.songNotfound{
  float: left;
  margin: 10 0 0 25;
  color: #198dc1;
  font-size: 12px;
  font-weight: bold;

}

#promosyonContent{
}

.textForPromosyon{
  margin: 10 15 5 10;	
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  text-align: justify;
  text-indent: 10px;
}

.topmenuanasayfa{
   background: url(../img/topmenu.png) no-repeat 0px -5px;
	width: 80px;
	float: left;
	cursor: pointer;
	
}
.topmenumuzik{
   background: url(../img/topmenu.png) no-repeat 0px -33px;
	width: 50px;
	float: left;
	cursor: pointer;
	
}
.topmenuvideo{
   background: url(../img/topmenu.png) no-repeat 0px -61px;
	width: 75px;
	float: left;
	cursor: pointer;
	
}
.topmenuduvar{
   background: url(../img/topmenu.png) no-repeat 0px -89px;
	width: 130px;
	float: left;
	cursor: pointer;
	
}
.topmenuhareket{
   background: url(../img/topmenu.png) no-repeat 0px -117px;
	width: 150px;
	float: left;
	cursor: pointer;
	
}
.topmenuabone{
   background: url(../img/topmenu.png) no-repeat 0px -144px;
	width: 80px;
	float: left;
	cursor: pointer;
	
}
.topmenuservice{
   background: url(../img/topmenu.png) no-repeat 0px -172px;
	width:80px;
	float: left;
	cursor: pointer;
	
}
.topmenukampanya{
   background: url(../img/topmenu.png) no-repeat 0px -100px;
	width: 80px;
	float: left;
	cursor: pointer;
	
}
#searchautocomplate{
	clear: both;
	width: 298px;
	height:260px;
	position: absolute;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	top: 44px;
	left: 65px;
	z-index: 1000;
	cursor: default;
}
#searchautocomplate .searchautocomplatediv{
	padding: 4px 0 4px 0;	
	width: 100%;
	height: 100%;
	z-index: 100;
	position: relative;
}

#searchautocomplate .title{
	height: 15px;
	width: 75px;
	font-weight: bold;
	font-size: 12px;
	color: #198dc1;;
	position: absolute;
	top:5px;
	left:5px;
}
#searchautocomplate .part{
	position: absolute;
	top:7px;
	left:5px;
}

#searchautocomplate .part .item{
	width: 235px;
	height: 15px;
	margin-left: 80px;
	float: left;
	text-align: left;
	font-size:11px;
	font-weight: bold;
}
#searchautocomplate .part .itemArtist{
	width: 235px;
	height: 15px;
	margin-left: 80px;
	float: left;
	text-align: left;
	font-size:11px;
	font-weight: bold;
}
#searchautocomplate .part .itemAlbum{
	width: 235px;
	height: 15px;
	margin-left: 80px;
	float: left;
	text-align: left;
	font-size:11px;
	font-weight: bold;
}
.resultSong .tip{
	width:221px;
	height:74px;
	position:absolute;
	z-index:1;
	margin-left:-30;
	padding:10 2 10 2;
	font-size:0.6em;
	background:url(../img/tip.png)no-repeat;
	visibility:hidden;
	opacity:1;
}
#showHaberContent{
   	margin: 10 15 5 20;	
   	float: left;
}

.generalTextHead{
	clear:both;
	margin:20 20 20 20;
	font-size:1.4em;
 	color:#198dc1;
  	line-height: 25px;
  	text-indent: 10px;

}

.generalTextContent{
	clear:both;
	margin-top:10px;
   	font-size: 12px;
  	line-height: 15px;
  	font-weight: normal;
  	text-align: justify;
}