body{
    background:#000;
    margin:0px;
    padding:0px;
    font-family:arial,verdana,sans-serif;
    font-size:11px;
    color:#FFF;
}

#header{
    background:#FFF;
    height:43px;
}

#ui{
    width:600px;
    position:absolute;
    left:10px;
    top:53px;
}

#topnav{
    height:20px;
    text-align:right;
}
#topnav p{
    margin:0px;
    padding:0px;
}
#topnav a{
    color:#CCC;
    text-decoration:none;
    margin-left:10px;
}
#topnav a:hover{
    color:#FFF;
    text-decoration:underline;
}

#tdxplayer{
    background:#CCC;
    width:600px;
    height:390px;
    color:#696969;
}

#control{
    width:600px;
    height:70px;
    position:absolute;
    left:10px;
    top:465px;
    z-index:1;
}

#changeables{
    width:300px;
    height:390px;
    position:absolute;
    left:620px;
    top:73px;
}

#changeables h3{
    font-size:16px;
    color:#CCC;
    margin:0px;
    padding:0px;
}

#changeables th{
    font-size:12px;
    font-weight:normal;
    color:#CCC;
}

#changeables th.main{
    background:url("img/th_bg.gif") no-repeat left top;
    height:25px;    
}

#changeables .thumb{
    border:3px solid #88D0DF;
    cursor:pointer;
}
#changeables .thumb2{
    border:3px solid #88D0DF;
}
#changeables .btn{
    margin-right:5px;
    cursor:pointer;
}

#funi_1{
    width:540px;
    height:96px;
    position:absolute;
    left:10px;
    top:540px;
    z-index:2;
    visibility:visible;
}

#funi_2{
    width:540px;
    height:96px;
    position:absolute;
    left:10px;
    top:540px;
    z-index:3;
    visibility:hidden;
}

#funi_3{
    width:540px;
    height:96px;
    position:absolute;
    left:10px;
    top:540px;
    z-index:4;
    visibility:hidden;
}

#fsize{
    position:absolute;
    left:670px;
    top:507px;
    z-index:1;
    visibility:hidden;
    background:#FFF;
    font-size:10px;
    color:#696969;
}
#fsize form{
    margin:0px;
    padding:0px;
}