@import 'fancybox.css';
body
{
    font-family: 'Trebuchet MS';
    font-size: 12px;
    margin: 0px;
    background-image: url('Images/back.png');
    background-repeat: repeat-x;
    background-color: #010101;
}
.begen{width:460px;float:left;background-color:#fff;}
.UstBar
{
    color: #FFFFFF;
    width: 1000px;
    margin:0 auto;
    height:30px;
}
.Footer
{
    width: 1000px;
    margin: 10px auto 0 auto;
    height: 100px;
}
.Footer div{float:left;}
.Orta
{
    background-position: left top;
    width: 1000px;
    margin: 0 auto;
    height: 368px;
    background-image: url('Images/player_back.png');
    background-repeat: no-repeat;
    behavior: url(Scripts/iepngfix.htc);
    z-index: 15000;
}
.PlayerBar
{
    background-image: url('Images/playerbar.png');
    background-repeat: repeat-x;
    height: 76px;
    width: 100%;
}
#park
{
     margin: 0 auto;position: absolute; z-index: -11197; width: 780px; top: 0px;
    }
#Program
{
    width: 303px;
    height: 50px;
    position: absolute;
    background-image: url('Images/onlive.png');
    z-index: 999890;
    top: 10px;
    left: 45%;
    background-repeat: no-repeat;behavior: url(Scripts/iepngfix.htc);
}
#Program p
{
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    color: #999999;
}
#Program .yayin
{
    color: #CC0000;
    font-size: 17px;
    margin-top: -5px;
    font-weight: bold;
    text-align: center;
    font-style: italic;
}
#SongTitle
{
    font-size: 16px;
    font-weight: bold;
    z-index: 15;
    color: #FFFFFF;
    width: 380px;
    height: 29px;
    padding-left: 30px;
    margin-top: 10px;
    text-align: center;
}
form label.error, label.error
{
    
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    cursor: pointer;
    display: block;
    font-style: italic;
    font-size: 10px;
}
form td
{
    text-align: left;
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red;}

#MesajBox
{
    width: 269px;
    
    height:280px;
    position: absolute;
    background-image: url('Images/mesajbox.png');
    
    top: 85px;
    left: 66%;
    _left:64%;
    background-repeat: no-repeat;
 
}
.song-panel
{
    background-position: 48px 9px;
    padding-left: 15px;
    background-image: url('Images/park_song_bg.png');
    background-repeat: no-repeat;
    height: 46px;
}
#play-panel img{cursor:pointer;}
img{ behavior: url(Scripts/iepngfix.htc);}
.Caption
{
    width: 100px;
    float: left;
    height: 30px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
.Panel
{
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    margin: 0 5px 5px 10px;
    _margin: 0 5px 5px 5px;
    width: 238px;
    height: 230px;
}
.Panel p
{
    padding: 0px;
    margin: 0px;
}
#MSG
{
    padding: 5px;
    margin: 5px;
    width: 200px;
    height: 180px;
    float: left;
}
#MSG p {
 padding: 0;
}
/* Scoller Box */
     
/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 0.1em; }
.ui-widget-content
{
    background-position: 50% top;
    border: 1px solid #dddddd;
    background: #eeeeee repeat-x 50% top;
    color: #333333;
}


.ui-widget-header
{
    background-position: 50% 50%;
    border: 1px solid #e78f08;
    background: #CC3300 repeat-x 50% 50%;
    font-size: 5px;height:4em;
    
}
.ui-widget-header a { color: #ffffff; }
.ui-state-default, .ui-widget-content .ui-state-default
{
    background-position: 50% 50%;
    border: 1px solid #cccccc;
    background: #f6f6f6 repeat-x 50% 50%;
    font-weight: bold;
    color: #1c94c4;
    outline: none;
}

/* Slider----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle
{
    position: absolute;
    z-index: 2;
    width: 14px;
    height: 14px;
    cursor: pointer;
    
}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height:4em; }
.ui-slider-horizontal .ui-slider-handle
{
    background-position: center center;
    top: -4px;
    margin-left: -10px;
    background-image: url('Images/vol_top.png');
    background-repeat: no-repeat;
}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }