.rte_smiley {width: 320px; height: 225px;}
.rte_smiley img {border: 1px solid white; height:18px}

.rte_color {width: 168px; height: 168px;}
.rte_color td {width: 12px; height: 12px; border:1px solid white;}

.rte_font {width: 110px; margin: 2px; font-size: 14px; font-family:"Georgia, Helvetica";}
.rte_font ul {list-style:none; margin:0px; padding:0px;}
.rte_font ul li a {padding-left: 5px; display: block; text-decoration:none; color: black;}
.rte_font ul li a:hover {background-color: #ddd; }

.rte_text {width: 120px; margin: 2px; font:11px Verdana;}
.rte_text ul {list-style:none; margin:0px; padding:0px;}
.rte_text ul li a {padding-left: 5px; display: block; text-decoration:none; color: black;}
.rte_text ul li a:hover {background-color: #ddd; }
.rte_text ul li a img {padding-right: 2px}

.rte_form {width: 290px; margin: 2px; font:11px Verdana; text-align:center; overflow:auto}
.rte_form table {padding: 5px; width:100%;}
.rte_form th {font:11px Verdana; padding: 2px; width: 1%; font-weight: normal;}
.rte_form td {font:11px Verdana; padding: 2px; width: 100%;}
.rte_form .rte_form_input {font:11px Verdana; width: 100%;}
.rte_form .rte_form_btn {font:11px Verdana; margin-top: 8px; z-index: 10; width: 70px;}

.rte_selected {background-color: #7af;}

.rte_container {
    border:#b3b3b3 solid 1px;
    width:100%;
}

.rte_toolbar {
    background:#d7d7d7 url(http://hk.yimg.com/i/icon/16/toolbar_gradient.gif) repeat-x top;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    height: 30px;
    width: 100%;
}


.rte {
    width:100%;
    height:100%;
    clear: both;
}


.rte_editor, .rte_src_editor {
    width:100%;
    height:100%;
    border: 1px solid #999;
    overflow:auto;
}

.rte_src_editor { font-family: Courier, Courier New, mono; }

.rte_btn img {background-image: url(http://hk.yimg.com/i/global/tb_buttons_1.gif); background-repeat: no-repeat; width: 22px; height: 22px; margin:2px; margin-top: 4px; cursor:hand; cursor:pointer}
.rte_btn .rte_btn_fontface {background-position: 0px 100%; }
.rte_btn .rte_btn_fontsize {background-position: -22px 100%; }
.rte_btn .rte_btn_bold {background-position: -44px 100%; }
.rte_btn .rte_btn_italic {background-position: -66px 100%; }
.rte_btn .rte_btn_underline {background-position: -88px 100%; }
.rte_btn .rte_btn_link {background-position: -110px 100%; }
.rte_btn .rte_btn_image {background-position: -132px 100%; }
.rte_btn .rte_btn_smiley {background-position: -154px 100%; }
.rte_btn .rte_btn_textcolor {background-position: -176px 100%; }
.rte_btn .rte_btn_highlightcolor {background-position: -198px 100%; }
.rte_btn .rte_btn_align {background-position: -220px 100%; }
.rte_btn .rte_btn_list {background-position: -240px 100%; }
.rte_btn .rte_btn_outdent {background-position: -264px 100%; }
.rte_btn .rte_btn_indent {background-position: -286px 100%; }
.rte_btn .rte_btn_sep { background-image: none; border-width:1px; border-style:solid; border-color:#bbb #fff #fff #bbb; width:0; height:20px; margin-top:4px; }


/*.rte_btn, .rte_over, .rte_down { display:block; float:left; padding:3px; position:relative; cursor:hand; cursor:pointer}
.rte_btn { padding:2px; *padding:3px; border:1px solid transparent; *border:0;} */
.rte_btn_over { margin:1px !important; margin-top: 0px; *margin-top: 1px !important; border-width:1px; border-style:solid; border-color: #fff #b3b3b3 #b3b3b3 #fff; }
.rte_btn_down { margin:1px !important; margin-top: 0px; *margin-top: 1px !important; border-width:1px; border-style:solid; border-color: #b3b3b3 #fff #fff #b3b3b3; }
.rte_sep { float:left; border-width:1px; border-style:solid; border-color:#bbb #fff #fff #bbb;  height:20px; margin-top:4px; }

.rte_palette {
    background-color: #fff; 
    border:1px solid #737373;
    z-index: 10;
    visibility: hidden;
    display: inline;
    position: absolute;
    left: 0px;
    top: 0px;
}