.wysiwyg{
    border-width: 1px;
    border-style: solid;
    border-color: #baa5b3 #c8b7C2 #d3c7cf;
    border-top: none;
}

.wysiwyg textarea,.wysiwyg iframe{
    width: 100%;
    height:200px;
    margin:0;
    padding: 0;
    overflow:auto;
    font-size:12px;
    background: #fff;
    border: none;
}

.wysiwyg{
    width: 550px;
}

.wysiwyg .toolbar{
    padding: 2px;
    height: 20px;
    line-height: 20px;
    background: url(../image/repeat-x.gif) left -264px repeat-x;
    border-top: 1px solid #baa5b3;
    border-bottom: 1px solid #baa5b3;
}

.toolbar a{
    display: inline;
    overflow: hidden;
    margin: 0 2px;
    float: left;
    width: 18px;
    height: 18px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #f5f2f4;
}

.toolbar a:hover{
    background-color: #ffc;
    border: 1px solid #c8b7c2;
}

.toolbar span.spacer{
    display: inline;
    float: left;
    width: 0;
    border-left: 1px solid #c8b7c2;
    border-right: 1px solid #fff;
    height: 20px;
}

.toolbar .strong{
    background: url(../image/toolbar.gif) 1px 1px no-repeat;
}

.toolbar .em{
    background: url(../image/toolbar.gif)  1px -19px no-repeat;
}

.toolbar .u{
    background: url(../image/toolbar.gif)  1px -40px no-repeat;
}

.toolbar .superscript{
    background: url(../image/toolbar.gif)  1px -62px no-repeat;
}

.toolbar .subscript{
    background: url(../image/toolbar.gif)  1px -80px no-repeat;
}

.toolbar .left{
    background: url(../image/toolbar.gif)  1px -101px no-repeat;
}

.toolbar .center{
    background: url(../image/toolbar.gif)  1px -121px no-repeat;
}

.toolbar .right{
    background: url(../image/toolbar.gif)  1px -141px no-repeat;
}

.toolbar .indent{
    background: url(../image/toolbar.gif)  1px -163px no-repeat;
}

.toolbar .outdent{
    background: url(../image/toolbar.gif)  1px -183px no-repeat;
}

.toolbar .ul{
    background: url(../image/toolbar.gif)  1px -206px no-repeat;
}

.toolbar .ol{
    background: url(../image/toolbar.gif)  1px -227px no-repeat;
}

.toolbar .img{
    background: url(../image/toolbar.gif)  1px -248px no-repeat;
}

.toolbar .link{
    background: url(../image/toolbar.gif)  1px -269px no-repeat;
}

.toolbar .unlink{
    background: url(../image/toolbar.gif)  1px -290px no-repeat;
}

.toolbar .clean{
    background: url(../image/toolbar.gif)  1px -311px no-repeat;
}

.toolbar .h1{
    background: url(../image/toolbar.gif)  1px -415px no-repeat;
}

.toolbar .h2{
    background: url(../image/toolbar.gif)  1px -432px no-repeat;
}

.toolbar .h3{
    background: url(../image/toolbar.gif)  1px -449px no-repeat;
}

.toolbar .p{
    background: url(../image/toolbar.gif)  1px -468px no-repeat;
}

.toolbar .face{
    background: url(../image/toolbar.gif)  1px -488px no-repeat;
}

.toolbar .upload{
    background: url(../image/toolbar.gif)  1px -511px no-repeat;
}

.toolbar .vedio{
    background: url(../image/toolbar.gif)  1px -537px no-repeat;
}

.toolbar .toggle{
    background: url(../image/toolbar.gif)  1px -332px no-repeat;
}

.wysiwyg .hidden{
    display: none;
}

.toolbar.disabled *{
    opacity:0.3;
    -moz-opacity:0.3;
    filter:alpha(opacity=30);
}

.toolbar.disabled *:hover{
    background-color:transparent;
    border-color:#eee;
}
.toolbar.disabled .toggle{
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
}