body{ font-size:12px; color:#333; background-color:#FFF; font-family:Verdana,Arial,sans-serif; cursor:default; text-align:justify; }
h1,h1 a{ text-decoration:none; font-size: 22px; color: #666; font-family: Georgia, "Times New Roman", Times, serif; margin:11px 0; }
h2 { font-size:13px; text-decoration:none; color:#009; padding-left: 5px; border-left:#ccc 10px solid; margin-bottom:11px; }
h2 a{ text-decoration: none; color:#009; }
h2 a:hover{ text-decoration:underline;  }
h3{ padding-bottom:6px; font-size: 13px; }
h4{ margin-bottom:3px; color:#999; font-size: 12px; }
p{ margin:8px 0;  line-height: 1.3;}
table{ width:100%; border:0; border-collapse:collapse;}
form{ padding:0; margin: 0;}
address{ font-style:normal; font-size:10px; color:#666; text-align:center; margin:10px 0; }

#topBar{background-color:#eee; padding:4px; color: #666; font-size:11px; text-align: center; }
#topBar li{ display:inline;}
#topBar a{ padding:3px 8px; text-decoration: none; color:#333; }
#topBar a:hover{ background-color: #ddd; color:black; }

.by{ color:#666; font-size:11px; padding: 7px; float: right;}
.v{ font-size:11px; }
.comment{ font-size: 11px; color: #666; text-decoration: none;}
.alert{ border:#e66f6f solid 1px; background-color: #ffecec;  color: #b50000; padding:5px; margin-bottom:10px; }
.message{border:#aaa solid 1px;  padding:0 10px; background-color:#FFFFEC; margin-bottom:10px;}
.separater{margin-bottom:17px; clear:both; }
.clear{ clear:both; }

.bullet{ margin:8px 0; }

.pane{ border: #ccc 0px solid; padding: 6px; }
.pane li, .bullet li{ padding-bottom:3px; margin-left:15px; list-style-type: disc; line-height:1.3;  }
.pane h3{ font-size:12px; color: #8e8e8e; margin: 0; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.pane h3{ margin-bottom: 6px; font-weight: bold;}
.pane a,.pageIndex a,.list a{ text-decoration: none; color: #333;}
.pane a:hover,.pageIndex a:hover{ text-decoration:underline; }

.paneLayout, .simpleLayout{ margin:10px auto; background-color:#FFF; }  

.paneLayout{ width:780px;  }
.paneLayout #content,.paneLayout #content{ float:left; }
.paneLayout #side{ width: 160px; float: right; }
.paneLayout #content{ width: 600px;}

.simpleLayout{ width:666px; }

.data th,.data td{ padding: 5px 8px; overflow: hidden;}
.data th,.data .th{  font-size: 11px; padding-top:0; border-bottom: 2px solid #AAA; color: #999; text-align: left;}
.data .th a{ font-weight: bold; color: #999;}
.data .noHeader{ padding:0; }
.data td{ border-bottom: 1px dashed #ccc ; }
.data .odd{ background-color: #f3f3f3;}
.data .title{  text-decoration: none; font-weight: bold; color:#333;}
.data .bottom{ border-top:2px solid #aaa; height:0; border-bottom:0; padding:0 0 10px 0; }
.data .pageIndex{ float:right; padding: 0px 6px;}
.data .content{ border: 0; padding-bottom: 15px; }

.link:hover{ text-decoration: underline; color: #009;}

.thumbList h3{ color:#999; border-bottom:2px solid #aaa; margin-bottom:8px; margin-right:175px; padding:3px;}
.thumbList .thumbnail{ width:150px; height:120px; border:2px solid #CCC; padding:3px; margin:6px 0 6px 15px; float:right;}

.iconButton{ padding:3px 10px 3px 25px; color: #333; text-decoration: none; position:relative;}
.iconButton .ui-icon{ position:absolute; top:3px; left:5px; }
.icon{ padding:1px; }
.iconButton,.button,.icon{ cursor:pointer; }

.quote{ border:dashed #ccc 1px; margin-left:15px; margin-top:5px; margin-right:3px; padding:3px;}
.code{ border:solid 1px #aaa; padding:3px; background-color:#F5F5F5; overflow: auto; width: 550px;}

.hoverer{ color:#999; cursor:pointer;}
.hoverer:hover{ color:#333;}

.new{ color:#b50000; font-size:11px;  font-weight: bold; }

.script,.dialog{ display:none; }