/* --------RESET-------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

body {
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-color: #fff;
}
a:link {
	text-decoration: none;
	color:#000000;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color:#000000;
}
a:visited:hover {
	text-decoration: underline;
	color:#000000;
}
a.albumsong:hover{
	text-decoration: underline;
	color:red;
	font-size:12px;
}
.clr { @
	display: inline-block;
}

.clr:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* ---------------FRAMEs-------------- */
#center{
	margin-left:150px;
	margin-right:12%;
	width:955px;
}
#header_column{
	margin-top:0px;
	height:220px;
}
.menu_column{
	float:left;
	z-index:10; 
	height:40px;
	margin-left: -3px;
}

#left_column{
	width:232px;
	height:660px;
	float:left;
}

#main_column{
	z-index:10;
	float: left;
	width: 715px;
	height: 100%;
}

#main_column_footer{
	z-index:10;
	float: right;
	width: 720px;
}
/* ----------- HEADER BLOCK-----------*/
#headerTop{
	margin-top: 10px;
	height: 35px;
}
#headerTopLeft{
	width: 237px;
	float: left;
}
#headerTopRight{
	width: 710px;
	float: left;
}
#headerTopRightRed{
	height: 40px;
}
#headerMenuFrame{
	clear:both; 
	height:40px; 
	width:100%; 
	float:left; 
	background-color:#FFFFFF;
	
	font-size: 13px;
	font-weight: bold;
	color: #14266a;
}
#headerAveaLogo{
	height:40px; 
	width:180px; 
	float:left;
}
#headerBottom{
	/*z-index:-1;*/ 
	margin-top: 10px;
	width:1000px; 
	float:left; 
	top:45px;
	position:absolute; 
	height:170px;
}
#headerBottomRight{
	float:left;
	margin-left: 10px;
	/*z-index:-1;*/ 
}
#headerBottomWhiteBG{
	z-index:-2; 
	position:absolute;
	top:55px; 
	width:954px; 
	height:170px; 
	background:transparent;
}
#playerButtonContainer{
	z-index:10; 
	position:absolute;
	top:55px; 
	width:955px; 
	height:170px;
}
#flashBanner{
	margin-left:10px;
}
/* ----------- PLAYER-----------*/
#playerContainer{
	float:right; 
	z-index:1;
}
#playerButtons{
	position: absolute;z-index:3; left:753px; top:47px; width:80px; height:80px; 
}
#playerButtons a:link {
	text-decoration: none;
	color:#2C4C82;
}
#playerButtons a:hover {
	text-decoration: none;	
	color:0xE8F6FC;
	font-weight: bold;
}
#playerButtons a:visited {
	text-decoration: none;	
	color:#2C4C82;
}
#playerButtonUp{
	position:absolute; left:32px; top:-4px;
}
#playerButtonDown{
	position:absolute; left:30px; top:63px;
}
#playerButtonLeft{
	position:absolute; left:-10px; top:22px;
}
#playerButtonRight{
	position:absolute; left:62px; top:25px;
}
#playerButtonCenter{
	position:absolute; left:27px; top:22px;
}
}
/* ----------- LOGIN BLOCK-----------*/
#login_block{
	margin:20px 0 0 2px;	
}
#loginForm{
	padding-top:5px;
	padding-left:8px;
	height:70px; 
	width:225px;
}
#loginBlock{
	height:99px;
	/*background-image: url(../images/login_window_back.png);*/
}
#loginBlockPart{
	width:12px;
	height:35px;
	float: left;
	position: absolute;
	margin-top: 5px;
	background: url("../images/login_window_part.png?v3");
}
/* ----------- SEARCH BLOCK-----------*/
#search_block{
	margin-top:10px;
}
#searchTitle{
	background-image: url(../images/sol_baslik_arama.jpg);
	height:22px;
	margin-top:-2px;
}
#searchContent{
	height:120px;
	background-color:#FFFFFF;
	
}
#searchCatBlockTitle{
	width:650px;
	margin-top:10px;
	float: left;
}
#srcResultFrame{
	width:200px;
	height:60px;
	float:left;
	margin-left:20px;
}
#srcResultPicture{
	width:50px; 
	height:50px; 
	float:left; 
	margin:5px 5px 5px 5px;
}
#srcResultInfo{
	width:120px; 
	height:40px; 
	float:left; 
	margin:5px 5px 5px 5px;
}
#srcResultName{
	margin-top:5px;
	font-weight:bold;
	color:#666666;
}
#searchResultPage{
	margin-left:10px;
}
/* ----------- TOP40 BLOCK-----------*/
#top40_block{	
	margin-top: 10px;
}
#top40Title{
	background-image: url(../images/sol_baslik_top40.jpg);
	height:22px;
	margin-top:-2px;
}
#top40Content{
	height:133px;
	background-color:#FFFFFF;
}
#top40no{
	width:15px; 
	float:left;
	color:#000;
}
/* ----------- BlueBox-----------*/
#blueBoxRandom{
	margin-top: 10px;
	display: none;
	float:left;
}

#blueBoxRandomSecond{
	margin-top: 10px;
	display: none;
	float:left;
}

#blueBoxRandomThird{
	margin-top: 10px;
	display: none;
	float:left;
}

#blueBoxLeft{
	height:110px;
	float:left;
	width:103px;
}
#blueBoxRight{
	float:right; 
	width:127px; 
	height:110px;
	padding-left:2px; 
	background-image: url(../images/haber_resim_cercevesi_sol_taraf_back.png); 
}
#blueBoxImage{
	z-index:1; position:absolute;margin-top:3px;
}
#blueBoxImageFrame{
	z-index:2; 
	float:left;
	position:absolute;
}
#blueBoxImageWhiteBG{
	z-index:0; 
	float:left;
	position:absolute;
}
#blueBoxContentTitle{
	margin-top:10px; 
	float:left; 
	width:118px; 
	height:10px; 
	font-weight:bold; 
	color:#FFFF00
}
#blueBoxContent{
	margin-top:5px; 
	float:left; 
	width:118px;
	height:80px;
	color:#FFFFFF;
}
/* ----------- MAIN BLOCK-----------*/
#mainFrame{
	width: 715px;
	position:relative;
	height:100%;
	float: left;
}

#mainFrameLeft{
	position: absolute;
	background: url(../images/orta_sol_kenar.png) repeat-y top left;
	width: 4px;
	left: -3px;
	height: 100%;
}
#mainFrameRight{
	position: absolute;
	background: url(../images/orta_sag_kenar.jpg) repeat-y top left;
	width: 3px;
	right:2px;
	height: 100%;
}
#mainFrameContent{
 	width: 100%;
 	float:left;
 	min-height:380px;
 	height: 100%;
}

#mainFrameContentBottom{
	width: 714px;
	float:left;
	height: 140px;
}

.footersolalt {
height: 18px;float:left;width:16px; margin-left: -2px;
}
.footerortaalt {
height: 18px;float:left;width: 683px; background: #FFF url(../images/orta_alt_kenar.jpg?v1) repeat-x;
}
.footersagalt {
height: 18px;float:left;width:16px;
}
.playerCable{
width:50px; float:right; position:absolute; right:5px; top:178px;
}
#main_content{
	height:100%;
	width:200px;
	margin-top:10px;
	padding-left:30px;
	float:left;
}
#main_bottom{
	float: left;
	height:150px;
	width: 100%;
	background-color:#FFF;
}
#main_bottom_left{
	height:110px;
	width:440px;
	float:left;
	margin-left:10px;
}
#main_bottom_right{
	height:110px;
	width:232px;		
	margin-left:10px;
	position: absolute;
	left:460px;
}
#mainAraShadow{
	clear:both;
	background-image: url(../images/sag_beyaz_zemin_ara_parca.png);
	height:24px;
}
#mainAltShadow{
	background-image: url(../images/sag_beyaz_alt_orta_back.jpg);
}
#mainBottom{
	/*background: url(../images/sag_beyaz_sol_kenar.jpg) repeat-y;*/
}
/* ----------- ALBUM-SONG ------------*/
#asFrame{
	width:200px;
	height:60px;
	float:left;
	margin-left:20px;
}
#asPicture{
	width:50px; 
	height:50px; 
	float:left; 
	margin:5px 5px 5px 5px;
}
#asInfo{
	width:120px; 
	height:40px; 
	float:left; 
	margin:5px 5px 5px 5px;
}
#asName{
	margin-top:5px;
	font-weight:bold;
	color:#666666;
}
.divAlbum {
	width: 700px;
}
#albumContent{
	width: 685px;
	padding-top:20px; 
	padding-left:10px;
	float:left; 
	text-align:left; 
	align:left; 
}
#digerAlbumler{
	margin-bottom:10px;
	font-weight:bold; 
	color:#D01E1E;
	width:660px; 
	border-bottom:1px solid #E6E6E6; 
}

/*------------KAMPANYALAR ------------*/
#kampanyaAlt{
	background: url(../images/kampanya_alt_alan.png) no-repeat;
	height:70px;
	float:left;
	width:311px;
}
/*------------FOOTER------------*/
#footer{
	float:right;
	width:700px;
	
}
#footerUst{
	color:#FFFFFF; 
	font-size:10px;
}
#footerAlt{
	color:#FFFFFF; 
	font-size:10px; 
	font-weight:bold;
}


/* ----------- CLASSES-----------*/
.bold{
	font-weight:bold;
}
.txtBlack{
	color:#000000;
}
.orangeBorderRight{
	border-right:1px solid #FCA21B;
}
.grayBorderRight{
	border-right:1px solid #E6E6E6;
}
.yellowBG{
	background-color:#FFFF00;
}
.lightBlueBG{
	background-color:#0084EA;
}
.blockTop{
	/*background-image: url(../images/sol_beyaz_pencere_tepe.png);*/
	height:12px;
}
.haber{
	/*background-image: url(../images/haber_resim_cercevesi.png);*/
	height:110px;
	width:105px;
	background-color:#FFFF00;
	float:left;
}
.haberText{
	background-image: url(../images/haber_textcercevesi.png);
	height:110px;
	width:125px;
	float:left;
}
.reklam{
	height:108px;
	width:440px;	
}

.redText{
	color:#D01E1E;
	font-weight: bold;
	font-size:10pt;
}
.orangeText{
	color:#FF9900;
	font-weight: bold;
	font-size:10pt;
}
.formFieldText{
	color:#920403;
	font-weight: bold;
	float:left;
	margin-top:5px; 
	text-align:right;
}

.cl{
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.bluetext{
	color:#0000CC;
}
.grayBG{
	background-color:#E6E6E6;
	height:20px;
}
.dinleindircontainer{
	width:90px; 
	margin-top:3px; 
	float:right; 
}
.horizontalLineGray{
	background-image: url(../images/gri_sepere_yatay.jpg);
}
.verticalLineGray{
	border-right:1px solid #E6E6E6;
}
.backgroundImage{
	/* old
	background: url(../images/notali_background.gif) repeat-y;
	background-color:#D01E1E;
	*/
	background: #fff url(../images/background1.jpg) no-repeat -48px -25px;	
}
input, textarea, select {
	font: 11px Arial;
	margin: 0;
	padding: 0;
}
select option{
	padding:0 0 0 3px
}

/********** Info START **********/
#mainBlokInfo {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

#mainBlokInfoInner {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: helvetica;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	width:700px;
}

#mainBlokInfoInner p {
	margin: 0;
	padding: 5px;
	text-align: left;
	font-family: helvetica;
	font-weight: normal;
	font-size: 12px;
	color: #333
}

#mainBlokInfoInner dt {
	padding: 10px;
	color: #333
}

#mainBlokInfoInner lu {
	margin: 0;
	padding: 0
}

#mainBlokInfoInner li {
	font-family: helvetica;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	margin: 5px 0 0 20px;
	padding: 0
}

#mainBlokInfoInner a {
	color: #333;
	text-decoration: underline
}

#mainBlokInfoInner a:hover {
	color: #333;
	text-decoration: underline;
	cursor: pointer
}

#mainBlokInfoIco {
	margin: 0;
	padding-top: 1px;
	float: right
}


.tablerow2{
background: #FF9;
}

/** button **/
a.button{
	background:url(../images/button/button.gif);
	display:block;
	font-family: tahoma;
	font-size: 11px;
	font-weight: 600;
	color: #696969;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:120px;
}
a:hover.button{
	color:#d7000f;
}
a.button span.save{
	background:url(../images/button/save.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
a.button span.list{
	background:url(../images/button/list.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
a.button span.delete{
	background:url(../images/button/delete.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}

.makeOperationDivs {
	margin-left:5px;	
}

#mainBlokalbumlistcont {	
	clear: both;
	width: 98%;
	display: table;
	margin: 0px;
	padding: 10px 0 20px 10px;	
}

#mainBlokalbumlistcont a {
	color: #666;
	text-decoration: none
}

#mainBlokalbumlistcont a:hover {
	text-decoration: none;
	cursor: pointer
}

.mainBlokalbumlist {
	clear: left;
	width: 400px;
	margin-left:130px;
	display: table;
	background-color:#D1E6E9;
}

.mainBlokalbumlistOdd {
	clear: left;
	margin-left:130px;
	width: 400px;
	display: table;
	background-color:#E0FAFB;
}

#mainBlokalbumlistleft {
	clear: left;
	float: left;
	width: 70%;
	padding-top: 2px;	
}

#mainBlokalbumlistright {
	float: right;
	text-align: right;	
	margin: 0;
	padding: 0;
}

#mainBlokalbumlistright img {
	padding: 0;
	margin: 0
}

#headerSSS {
	font-family: helvetica;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
}

#headerSSS a {
	color:#D01E1E;
	font-weight:bold;
	text-decoration:none;
}
#headerSSS a:hover{
	color:#D01E1E;
	font-weight:bold;
	text-decoration:underline;
}


#infoTitles a{
	text-decoration: none;
	color: #666666;
  	font-weight:bold; 
  	width:180px; 
  	float:left;
}
#infoTitles a:hover{
	text-decoration: underline;
}
.contentSSS {
	display:none;
	padding-left:10px;
}
/************ wmpPlayer *************/
.wmpInterfaceBlock {
    width:320px;
    height:50px;
    /*background: url(../images/wmp_images/player_bg_320x50.png) no-repeat;*/
    background-color: #EBEBEB;
}

.wmpInterfacePlayButton {
	float:left;
    width:50px;
    height:50px;
    margin: 5px;
    cursor:pointer;
}

.wmpInterfacePlayButton img {
    width:40px;
    height:40px;
}

.wmpInterfaceSliderBlock {
	float:left;
	width:200px;
	height: 50px;	
}
.wmpInterfaceVolumeBlock {
	float:left;
	height:50px;
	margin-left:30px
}
#slider {
	margin-top: 12px;
    width: 200px;
    height: 20px;
    cursor:pointer;
    background: url(../images/wmp_images/slider.gif) no-repeat -250px top;
}
#slider-bar {
    width:200px;
    height:20px;
    background: url(../images/wmp_images/track.png) no-repeat;
}
#slider-handle {
    width:20px;
    height:20px;
    cursor:pointer;
    background: url(../images/wmp_images/gripper_20x20.png) no-repeat;
}
#volume-bar {
	width:20px; 
	height:50px; 
	position: relative;
	background: transparent url(../images/wmp_images/volumeslider.png) no-repeat center;
}
div#volume-bar div#volume-handle { 
	width:20px;
	height:20px;  	
	vertical-align: center;
	background: url(../images/wmp_images/gripper_10x10.png) no-repeat center;
	/*background: url(../images/wmp_images/slider-images-handle.png) no-repeat center;*/
	position: absolute;	
	cursor:pointer;
}

table#ringaRule {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: helvetica;
	font-weight: normal;
	font-size: 12px;
	color: #333;	
}
table#ringaRule input  {
	font-family: helvetica;
	font-weight: normal;
	font-size: 12px;
	color: #333;	
}
table#ringaRule select {
	font-family: helvetica;
	font-weight: normal;
	font-size: 12px;
	color: #333;	
}

#voteUserInfo .title {
	font-size: 25px;
	color: red;
	text-indent: 20px;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-weight: bold;
	margin-left: 0px;
}

#voteUserInfo .form {
	border: 1px solid #c0c0c0;
	width: 540px;
	float: left;
	margin: 10px 20px 0 0;
	padding: 20px;
	font-size: 12px;
}

#voteUserInfo #errmsg {
	width: 100%;
	height: 20px;
	border: 1px solid red;
	color: red;
	font-weight: bold;
	margin: 5px 10px 5px 0;
	text-align: left;
	padding: 5px 2px 2px 5px;
}

#voteUserInfo .form .hide {
	display: none;
}


#voteUserInfo .textbox {
	width: 190px;
	height: 20px;
	border: 1px solid #000000;
	background-color: #ececec;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 0 10px;
}

#voteUserInfo .textboxlabel {
	font-size: 11px;
}

#voteUserInfo .height30 {
	float:left;
	height: 25px;
	width: 200px;
}

#voteUserInfo .height15 {
	clear:both;
	margin-top:10px;
	height: 25px;
	width: 100px;
}

#voteUserInfo .signuplabel {
	font-size: 12px;
	color: #000;
}

#voteUserInfo .hide {
	display: block;
}


#voteUserInfo .button {
	text-align: center;
	margin: 0;
}

#voteUserInfo .txtt {
	text-align: left;
	margin-left: 20px;
}
#voteUserInfo .radios {
	clear: both;
	width: 500;
}

#voteUserInfo .radiotitle {
	font-weight: bold;
	font-size: 12px;
	height: 25px;
	width: 250px;
	float: left;
}

#voteUserInfo .radiobutton {
	clear:both;
	float: left;
	width: 25px;
	height: 25px;
}

#voteUserInfo .radiobuttonlabel {
	float: left;
	width: 200px;
	height: 25px;
	padding-top: 5px;
	margin-left: 10px;
}

#tabs{
	position:absolute;
	margin-left: 13px;
}
#tabs  .tab{
	position:absolute;
	float:left;
	height: 40px; 
	width: 105px;
	cursor: pointer;
}
#tabs  .tab1{
    background: url(../images/tabs_images/tab1.png) no-repeat 0px 4px;
}
#tabs .tab1mavi{
    background: url(../images/tabs_images/tab1_mavi.png) no-repeat;
}
#tabs  .tab2{
    background: url(../images/tabs_images/tab2.png) no-repeat 0px 4px;
}
#tabs .tab2mavi{
    background: url(../images/tabs_images/tab2_mavi.png) no-repeat;
}
#tabs  .tab3{
    background: url(../images/tabs_images/tab3.png) no-repeat 0px 4px;
}
#tabs .tab3mavi{
    background: url(../images/tabs_images/tab3_mavi.png) no-repeat;
}
#tabs  .tab4{
    background: url(../images/tabs_images/tab4.png) no-repeat 0px 4px;
}
#tabs .tab4mavi{
    background: url(../images/tabs_images/tab4_mavi.png) no-repeat;
}
#tabs  .tab5{
    background: url(../images/tabs_images/tab5.png) no-repeat 0px 4px;
}
#tabs .tab5mavi{
    background: url(../images/tabs_images/tab5_mavi.png) no-repeat;
}
#tabs  .tab6{
    background: url(../images/tabs_images/tab6.png) no-repeat 0px 4px;
}
#tabs .tab6mavi{
    background: url(../images/tabs_images/tab6_mavi.png) no-repeat;
}
#tabs  .tab7{
    background: url(../images/tabs_images/tab7.png) no-repeat 0px 4px;
}
#tabs .tab7mavi{
    background: url(../images/tabs_images/tab7_mavi.png) no-repeat;
}

#semanticContainer p {
	margin:0px;
	padding:0px;
}

#semanticContainer h1 {
	padding: 10px 0 10px 0; 
}

#semanticContainer h2 {
	padding: 10px 0 0 0; 
}