body {font-family: tahoma; color:#FFF; vertical-align:middle; padding:0px; margin:0px; font-size: small;}
b {color:#0f6b99;}
#arka {background:url(../img/uzunbg.png) repeat-x; padding:0px; margin:0px; height: 69px; clear:both;}
#player {background:url(../img/player.png); position: absolute; left: 50%; margin-left: -420px;  top: +0px;  width: 800px; height: 69px; z-index: 1;}
#logo {position: absolute; left: 47%; margin-left: -40px; top: -1px; width: 165px; height: 72px; z-index: 5;}
#eq {position: absolute; left: 27px; top: 40px; width: 59px; height: 13px; z-index: 4;}
#cs {position: absolute; left: 466px; top: 25px; width: 198px; height: 25px; z-index: 6;}
#dj {position: absolute; left: 149px; top: 25px; width: 210px; height: 25px; z-index: 7; text-shadow: #eeeeee 0.1em 0.1em 0.2em;}
#istek {background:#EEEEEE;  border-bottom: 1px solid #bcbcbc; color:black; position: absolute; top: 70px;  padding:0 0 2px 0; margin:0px; height: 20px; width:100%; display:block; z-index: 1; }
#ico_1 {cursor: pointer; background: url(../img/wplayer.png) 0px 0px; position: absolute; left: 703px; top: 19px; width: 33px; height: 44px; z-index: 3;}
#ico_2 {cursor: pointer; background: url(../img/mplayer.png) 0px 0px; position: absolute; left: 744px; top: 22px; width: 36px; height: 35px; z-index: 2;}
#ico_3 {cursor: pointer; background: url(../img/ac.png) 0px 0px; position: absolute; left: 27px; top: 18px; width: 20px; height: 20px; z-index: 4;}
#ico_3x {background: url(../img/ac.png) 0px -20px; position: absolute; left: 27px; top: 18px; width: 20px; height: 20px; z-index: 4;}
#ico_4 {cursor: pointer; background: url(../img/kapat.png) 0px 0px; position: absolute; left: 47px; top: 18px; width: 20px; height: 20px; z-index: 4;}
#ico_4x {background: url(../img/kapat.png) 0px -20px; position: absolute; left: 47px; top: 18px; width: 20px; height: 20px; z-index: 4;}
#ico_5 {cursor: pointer; background: url(../img/yardim.png) 0px 0px; position: absolute; left: 67px; top: 18px; width: 20px; height: 20px; z-index: 4;}
#ico_1:hover {background: url(../img/wplayer.png) 0px -47px;}
#ico_2:hover {background: url(../img/mplayer.png) 0px -35px;}
#ico_3:hover {background: url(../img/ac.png) 0px -20px;}
#ico_4:hover {background: url(../img/kapat.png) 0px -20px;}
#ico_5:hover {background: url(../img/yardim.png) 0px -20px;}
#ses {position: absolute; left: 21px; top: 52px; width: 20px; height: 20px; }
#hucre {background:#EEEEEE; border-top: 1px solid #ffffff; border-bottom: 1px solid #bcbcbc; color:#0f6b99; height: 20px; width:100%; display:block;}
#hucre2 {border-top: 1px solid #ffffff; border-bottom: 1px solid #eeeeee; color:black; width:100%; display:block;}
a {cursor: pointer; outline: none;}
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {color: #F00;}


.tag {
color: #0f6b99; 
font-size: 13px; 
font-weight:bold;
text-shadow:0 -1px 0 rgba(188,188,188,.8);
margin-right: 2px; 
margin-left: 2px; 
padding: 1px 5px; 
clear: both; 
}

.tagdj {
color: #0f6b99; 
font-size: 13px; 
font-weight:none;
text-shadow:0 -1px 0 rgba(188,188,188,.8);
margin-right: 2px; 
margin-left: 2px; 
padding: 1px 5px; 
}


.tagdj span {
color: #0f6b99; 
font-size: 13px; 
font-weight:bold;
text-shadow:0 -1px 0 rgba(188,188,188,.8);
clear: both; 
}


sup {color: #0f6b99; font-weight:none;font-size: 8px;}

#ihtxt {top:0px;display:block;text-shadow:0 -1px 0 rgba(188,188,188,.8);}




.tipsy{padding: 5px; padding-top:10px; font-size: 12px; position: absolute; z-index: 100000;}
.tipsy-inner{padding: 5px 8px 4px 8px; background-color: #0f6b99; color: white; max-width:200px; text-align: center;  font-family:Helvetica, Arial, sans-serif; text-shadow:0 -1px 0 rgba(0,0,0,.8);}
.tipsy-inner{border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:.1em .1em .5em #000; -moz-box-shadow:.1em .1em .5em #000;  -webkit-box-shadow:.1em .1em .5em #000;}
.tipsy-arrow{position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 6px; left: 50%; margin-left: -4px; }
.slider {width: 59px;}

.slider > .dragger {
background: #0f6b99;
background:-webkit-linear-gradient(top, #0f6b99, #bdbdbd);
background:-moz-linear-gradient(top, #0f6b99, #bdbdbd);
background: linear-gradient(top, #0f6b99, #bdbdbd);
-webkit-box-shadow:inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #0f6b99;
width: 8px;
height: 8px;
}

.slider > .dragger:hover{background:-webkit-linear-gradient(top, #0f6b99, #0f6b99);}

.slider > .track, .slider > .highlight-track {
background: #ccc;
background:-webkit-linear-gradient(top, #bbb, #ddd);
background:-moz-linear-gradient(top, #bbb, #ddd);
background:linear-gradient(top, #bbb, #ddd);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius: 6px;
border: 1px solid #0f6b99;
height: 3px;
}

.slider > .highlight-track {background-color: #0f6b99;
background:-webkit-linear-gradient(top, #00aaff, #0f6b99);
background: -moz-linear-gradient(top, #00aaff, #0f6b99);
background: linear-gradient(top, #00aaff, #0f6b99);
border-color: #0f6b99;
}