.skinItem{width:200px; height:200px; float:left; padding-left:10px; padding-top:10px;text-align:center;}
.skinItem .thumbnail{width:180px; height:180px;border:1px solid #DDDDDD; cursor:pointer}
.skinItem .thumbnail_selected{width:180px; height:180px;border:1px solid red; cursor:pointer}
.skinItem .title{width:180px; height:19px;text-align:center}

.layoutItem{width:190px; height:120px; float:left; padding:10px 5px 10px 5px;}
.layoutItem .thumbnail{height:90px;border:0px solid #DDDDDD; cursor:pointer}
.layoutItem .thumbnail_selected{height:92px;border:1px solid red; cursor:pointer}
.layoutItem .title{height:20px;text-align:center; padding-top:2px;}

.panel{position:absolute; z-index:9999999; border:1px solid black; background-color:white;}
.panel_head{height:20px;background-color:white;border-bottom:1px solid black;padding-top:2px;cursor:pointer;}
.panel_text{height:20px; width:auto; padding-left:10px; font-weight:bold;overflow:hidden;}
.panel_more{float:right;cursor:pointer;width:auto;height:16px;}
.panel_body{background-color:white;padding:2px 2px 2px 2px;overflow-y:auto;}

.block{background-color:white;}
.block_head{height:18px;border-bottom:1px solid #DDDDDD;padding-top:2px;font-weight:bold;cursor:pointer;}
.block_body{background-color:white;width:auto;height:auto;padding:10px 2px 10px 20px;}

.tab_container{padding:5px 5px 5px 5px;}
.tab_head{height:20px;width:100%;}
.tab_body{height:auto; border:1px solid #DDDDDD;}
.sheet_head{width:80px; height:17px; text-align:center; float:left; margin-right:5px;  padding-top:3px; cursor:pointer;}
.sheet_head_selected{width:90px; height:17px; text-align:center;  padding-top:3px; border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; font-weight:bold;float:left; margin-right:5px;cursor:pointer;}
.sheet_body{padding:5px 5px 5px 5px}

.no_border{border:1px solid red;}
.no_header{backgournd-color:5px solid blue;}

.message{color:green; text-align:center;}
.info{color:blue; text-align:center;}
.tips{padding:5px 5px 5px 5px; color:green;}
.warn{color:red; text-align:center;}
.intro{padding-left:20px;}
.title{font-size:13px;}
.hidden{display:none;}

.body{overflow:hidden;text-overflow:clip;}
.icon{width:auto; float:left;}

.sortArea1{position:relative;background-color:#DDDDDD;}
.sortArea1 .itemContainer{width:90px;float:left;margin:5px 5px 5px 5px;text-align:center;border:1px solid green;padding:2px 2px 2px 2px;overflow:hidden;}
.sortArea1 .itemContainer .item{text-align:center;}
.sortArea1 .itemContainer .ctrlBar{text-align:center;}
.sortArea1 .itemContainer .ctrlBar .ctrlItem{cursor:pointer;}

.sortArea2{position:relative;}
.sortArea2 .itemContainer{margin:5px 5px 5px 5px;border:0px solid green;padding:2px 2px 2px 2px;position:relative;vertical-align:middle; overflow:hidden;}
.sortArea2 .itemContainer .item{}
.sortArea2 .itemContainer .ctrlBar{text-align:right;position:absolute;right:0px;top:2px;}
.sortArea2 .itemContainer .ctrlBar .ctrlItem{cursor:pointer;}

.icon_close{background:url(../images/close.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_close_hover{background:url(../images/close_hover.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_show{background:url(../images/expand.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_show_hover{background:url(../images/expand_hover.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_hide{background:url(../images/collapse.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_hide_hover{background:url(../images/collapse_hover.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_appearance{background:url(../images/edit.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_appearance_hover{background:url(../images/edit_hover.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_setting{background:url(../images/setting.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}
.icon_setting_hover{background:url(../images/setting_hover.gif) no-repeat left; width:9px;height:11px;margin-left:2px;padding:5px 5px 5px 5px;cursor:pointer;}

.imagePlayer{border:1px solid black;margin:2px 2px 2px 2px;}
.imagePlayer .imageArea{text-align:center; vertical-align:bottom;overflow:hidden;}
.imagePlayer .textArea{display:none; text-align:center; background-color:black; color:white;height:20px; overflow:hidden;}
.imagePlayer .navArea{text-align:right; background-color:black;height:20px;}
.imagePlayer .navArea .navItem{color:white;margin:3px 3px 3px 3px;text-align:center;cursor:pointer;padding:0px 2px 0px 2px;}
.imagePlayer .navArea .navItemSel{color:white;margin:3px 3px 3px 3px;text-align:center;cursor:pointer;padding:0px 2px 0px 2px;background-color:red;}

.navrow{height:18px; padding:5px 10px 5px 10px; font-size:13px; margin-top:5px; margin-bottom:5px;}
.autoHiddenTitle{width:300px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}

.alt{padding-left:10px;}
ol{padding:10px 10px 10px 10px;}
ol li{padding-left:10px;}
ol li .selected a{color:red; font-weight:bold;}

table.rows{width:100%;}
table thead {}

#adminmenu{padding:0;}
#adminmenu .parent{font-weight:bold; padding:5px 5px 5px 5px; font-size:15px;}
#adminmenu .child{padding:2px 2px 2px 15px; font-size:14px;}
#adminmenu .selected{color:red; font-weight:bold}
#adminmenu .selected a{color:red; font-weight:bold}

pre{
  white-space:pre-wrap; /* css-3 */
  white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
  white-space:-pre-wrap; /* Opera 4-6 */
  white-space:-o-pre-wrap; /* Opera 7 */
  word-wrap:break-word; /* Internet Explorer 5.5+ */
  -moz-binding: url('./wordwrap.xml#wordwrap'); /* ÔÙ¶àÕâÐÐ */
  *white-space:normal; /*only for IE*/
}

ol, ul, li{list-style:none;}