@charset "utf-8";

.wrapper{ width: 570px;_width:575px;margin: 10px auto; zoom:1;position: relative}

.tabbody{height:335px;}

.panel { position: absolute;width:100%; height:100%;background: #fff;}

.panel table td{vertical-align: middle;}

#videoUrl {

    width: 490px;

    height: 21px;

    line-height: 21px;

    margin: 8px 5px;

    background: #FFF;

    border: 1px solid #d7d7d7;

}

#videoSearchTxt{margin-left:15px;background: #FFF;width:200px;height:21px;line-height:21px;border: 1px solid #d7d7d7;}

#searchList{width: 570px;overflow: auto;zoom:1;height: 270px;}

#searchList div{float: left;width: 120px;height: 135px;margin: 5px 15px;}

#searchList img{margin: 2px 8px;cursor: pointer;border: 2px solid #fff} /*不用缩略图*/

#searchList p{margin-left: 10px;}

#videoType{

    width: 65px;

    height: 23px;

    line-height: 22px;

    border: 1px solid #d7d7d7;

}

#videoSearchBtn,#videoSearchReset{

    /*width: 80px;*/

    height: 25px;

    line-height: 25px;

    background: #eee;

    border: 1px solid #d7d7d7;

    cursor: pointer;

    padding: 0 5px;

}







#preview{width: 420px; margin-left: 10px; _margin-left:5px; height: 280px;background-color: #ddd;float: left}

#videoInfo {width: 120px;float: left;margin-left: 10px;_margin-left:7px;}

fieldset{

    border: 1px solid #ddd;

    padding-left: 5px;

    margin-bottom: 20px;

    padding-bottom: 5px;

    width: 115px;

}

fieldset legend{font-weight: bold;}

fieldset p{line-height: 30px;}

fieldset input.txt{

    width: 65px;

    height: 21px;

    line-height: 21px;

    margin: 8px 5px;

    background: #FFF;

    border: 1px solid #d7d7d7;

}

label.url{font-weight: bold;margin-left: 5px;color: #06c;}

#videoFloat div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;}

#videoFloat .focus{opacity: 1;filter: alpha(opacity = 100)}

span.view{display: inline-block;width: 30px;float: right;cursor: pointer;color: blue}







/* upload video */

#fsUploadProgress{float:left;}

#upload_alignment div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;}

#upload_alignment .focus{opacity: 1;filter: alpha(opacity = 100)}

#fsUploadProgress{margin-top:15px;}

#upload_left { width:412px; float:left; padding-left:10px; }

#upload_left .controller { height: 30px; clear: both; }

#uploadVideoInfo{margin-top:20px;float:right;padding-right:8px;}



#divStatus {display:inline-block; width:336px;color: #aaa;font-size: 12px; }

#video_format_advice{font-size: 12px; color:red;line-height: 24px;}

#startUpload{cursor: pointer;display: inline-block; width: 100px;height: 30px;float: right;}

div.fieldset {

    border:  1px solid #afe14c;

    padding: 10px 10px;

    width: 390px;

    height: 250px;

    border-color: #CCCCCC;

    overflow-y: auto;

    margin-bottom: 8px;

}

div.fieldset span.legend{position: relative;top:-20px;}

.progressWrapper { width: 380px; overflow: hidden; }

.progressContainer {

    margin: 0 0px 5px 0;

    margin-bottom:10px;

    border: solid 1px #E8E8E8;

    background-color: #F7F7F7;

    overflow: hidden;

}

.message {

    margin: 1em 0;

    padding: 10px 20px;

    border: solid 1px #FFDD99;

    background-color: #FFFFCC;

    overflow: hidden;

}

.red {

    border: solid 1px #B50000;

    background-color: #FFEBEB;

}

.green {

    border: solid 1px #DDF0DD;

    background-color: #EBFFEB;

}

.blue {

    border: solid 1px #CEE2F2;

    background-color: #F0F5FF;

}

.progressName {

    font-size: 10px;

    color: #555;

    width: 360px;

    height: 14px;

    text-align: left;

    white-space: nowrap;

    overflow: hidden;

}

.progressBarInProgress,

.progressBarComplete,

.progressBarError {

    font-size: 0;

    width: 0%;

    height: 2px;

    background-color: blue;

    margin-top: 2px;

}

.progressBarComplete {

    width: 100%;

    background-color: green;

    visibility: hidden;

}

.progressBarError {

    width: 100%;

    background-color: red;

    visibility: hidden;

}

a.progressCancel {

    font-size: 0;

    display: block;

    height: 14px;

    width: 14px;

    background: url(../../themes/default/images/cancelbutton.gif) -14px 0 no-repeat ;

    float: right;

}

a.progressCancel:hover { background-position: 0 0; }

.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; text-align: left; white-space: nowrap; }

.swfupload { vertical-align: top; }