body{
    background:#FFF;
    margin:0px;
    padding:0px;
}

#dfls{
    font-family:arial,verdana,tahoma,helvetica,sans-serif;
    font-size:small;
    color:#000;
    background:#FFF;
    border:1px solid #FFF;
    position:relative;
    width:801px;
    height:601px;
    margin:0px auto 0px auto;
}
#dfls *{
    margin:0px;
    padding:0px;
}

#dfls-header{
    position:relative;
    height:62px;
}
#dfls-header-panel{
    background:#FFF url("../img/header_bg.jpg") repeat-x left top;
    position:absolute;
    left:16px;
    top:8px;
    width:770px;
    height:54px;
}
#dfls-logo{
    position:absolute;
    left:0px;
    top:9px;
}
#dfls-topbuttons{
    list-style:none;
    position:absolute;
    right:0px;
    top:35px;
}
#dfls-topbuttons li{
    float:left;
    margin-left:4px;
}
#dfls-topbuttons li img{
    cursor:pointer;
}

#dfls-main{
    background:#FFF;
    position:relative;
    height:539px;
}

#dfls-main-panel{
    background:#F2F2F2;
    position:absolute;
    left:7px;
    top:0px;
    width:788px;
    height:532px;
}

#tdxcontainer{
    background:#717171;
    width:603px;
    height:353px;
    position:absolute;
    left:8px;
    top:8px;
}
#tdxcontainer-inner{
    background:#E5E5E5 url("../img/livingstyle_splash.jpg") no-repeat center center;
    width:597px;
    height:347px;
    position:absolute;
    left:3px;
    top:3px;
}

#tdxcontrol{
    width:603px;
    height:72px;
    position:absolute;
    left:8px;
    top:363px;
}
#tdxcontrol .btn{
    cursor:pointer;
}

#tdxcontrol #panel-state{
    background:url("../img/txtstate.jpg") no-repeat center 3px;
    width:155px;
    height:72px;
    position:absolute;
    left:0px;
    top:0px;
}
#panel-state #butwalk{
    position:absolute;
    left:0px;
    top:15px;
}
#panel-state #butobject{
    position:absolute;
    right:0px;
    top:15px;
}
#panel-state #butcamera{
    position:absolute;
    left:49px;
    top:28px;
}

#tdxcontrol #panel-edit{
    background:url("../img/txtedit.jpg") no-repeat center 3px;
    width:225px;
    height:72px;
    position:absolute;
    left:200px;
    top:0px;
}
#panel-edit #buthoriz{
    position:absolute;
    left:0px;
    top:17px;
}
#panel-edit #butvert{
    position:absolute;
    left:46px;
    top:17px;
}
#panel-edit #butcw{
    position:absolute;
    left:92px;
    top:17px;
}
#panel-edit #butccw{
    position:absolute;
    left:138px;
    top:17px;
}
#panel-edit #butdelete{
    position:absolute;
    right:0px;
    top:17px;
}

#tdxcontrol #panel-view{
    background:url("../img/txtview.jpg") no-repeat center 3px;
    width:133px;
    height:72px;
    position:absolute;
    right:0px;
    top:0px;
}
#panel-view #buttop{
    position:absolute;
    left:0px;
    top:17px;
}
#panel-view #butfront{
    position:absolute;
    left:46px;
    top:17px;
}
#panel-view #butside{
    position:absolute;
    right:0px;
    top:17px;
}

#tdxcontrol .separator{
    position:absolute;
    width:4px;
    height:55px;
}
#tdxcontrol #septA{
    left:175px;
    top:10px;
}
#tdxcontrol #septB{
    left:445px;
    top:11px;
}

#furniture-list{
    border-left:1px solid #909090;
    border-right:1px solid #909090;
    background:url("../img/furnlist_bg.jpg") repeat-x left top;
    width:603px;
    height:84px;
    position:absolute;
    left:8px;
    top:439px;
}
#furnlist-title{
    position:absolute;
    left:5px;
    top:5px;
    z-index:2;
}
#furniture-list .panel-list{
    position:absolute;
    left:5px;
    top:24px;
    width:620px;
    height:55px;
    z-index:1;
}
#furniture-list .furn-items{
    border:1px solid #CCC;
    float:left;
    margin-right:2px;
    cursor:pointer;
}

#dfls-preset{
    position:absolute;
    left:620px;
    top:8px;
    width:160px;
    height:280px;
}
#dfls-preset .preset-item{
    background:url("../img/butpreset_0.jpg") no-repeat left top;
    position:relative;
    margin-bottom:10px;
    cursor:pointer;
}

#dfls-detail{
    position:absolute;
    left:620px;
    bottom:9px;
    width:161px;
    height:230px;
    visibility:hidden;
}
#dfls-detail #detail-title{
    position:absolute;
    left:0px;
    top:0px;
    z-index:2;
}
#dfls-detail #detail-box{
    background:#646464;
    position:absolute;
    left:0px;
    top:16px;
    width:161px;
    height:214px;
    z-index:1;
}
#dfls-detail #detail-box-panel{
    background:#F8F8F8;
    position:absolute;
    left:2px;
    top:2px;
    width:157px;
    height:210px;
}
#dfls-detail #detail-image{
    border:1px solid #5F5F5F;
    position:absolute;
    left:7px;
    top:7px;
}
#dfls-detail #butcopy{
    position:absolute;
    left:8px;
    top:64px;
    cursor:pointer;
}
#dfls-detail #butdefault{
    position:absolute;
    left:6px;
    top:110px;
    cursor:pointer;
}
#dfls-detail .detail-material{
    border:1px solid #646464;
    background:#FFF;
    position:absolute;
    left:6px;
    bottom:6px;
    width:144px;
    height:72px;
    overflow:auto;
}
#dfls-detail .detail-material table{
    background:#FFF;
    display:none;
}
#dfls-detail .detail-material td{
    text-align:center;
    padding:5px 2px 4px 2px;
}
#dfls-detail .material-item{
    border:1px solid #F2F2F2;
    cursor:pointer;
}
#dfls-detail #collision-panel{
    position:absolute;
    left:8px;
    top:85px;
    width:54px;
    height:16px;
}
#dfls-detail #collision-panel table{
    background:#F8F8F8;
    margin:0px;
    padding:0px;
}
#dfls-detail #collision-panel td{
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:x-small;
    margin:0px;
    padding:0px;
}
#dfls-detail #collision-panel input{
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:x-small;
    margin:0px;
    padding:0px;
}
#dfls-detail #detail-name{
    font-family:arial,verdana,helvetica,sans-serif;
    /*font-size:x-small;*/
    font-size:xx-small;
    font-weight:normal;
    text-indent:24px;
    color:#696969;
    background:url("../img/txtname.jpg") no-repeat left top;
    position:absolute;
    left:64px;
    /*left:65px;*/
    top:6px;
    width:90px;
    /*width:88px;*/
    height:30px;
}
#dfls-detail #size-panel{
    position:absolute;
    left:65px;
    top:55px;
    /*top:34px;*/
}
#dfls-detail #size-panel table{
    background:#F8F8F8;
    margin:0px;
    padding:0px;
}
#dfls-detail #size-panel td{
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:x-small;
    margin:0px;
    padding:0px;
    text-align:left;
}
#dfls-detail #size-panel input{
    background:#FFF;
    border:1px solid #CCC;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:x-small;
    margin:0px;
    padding:0px;
    width:40px;
    height:11px;
}

/* */
#tdxplayer{
    position:absolute;
    width:597px;
    height:347px;
    left:18px;
    top:73px;
    z-index:8;
}

/* */
#dfls #mask-top{
    background:#FFF;
    position:absolute;
    left:500px;
    top:41px;
    width:290px;
    height:21px;
    z-index:10;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    visibility:visible;
}
#dfls #mask-whole{
    background:#FFF;
    position:absolute;
    left:8px;
    top:63px;
    width:785px;
    height:530px;
    z-index:10;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    visibility:visible;
}
#dfls #mask-noscript{
    background:#FFF url("../img/note_noscript.jpg") no-repeat center center;
    position:absolute;
    left:8px;
    top:63px;
    width:785px;
    height:530px;
    z-index:12;
    visibility:visible;
}
#mask-loader{
    position:absolute;
    left:678px;
    top:242px;
    width:64px;
    height:64px;
    z-index:11;
}
