body, div, p, form {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
body {
	background: #8e8e8e url(/static/images/bodybg.png) repeat-y top center;
	font-family: "Trebuchet MS", "Lucida Grande", "Verdana", "sans-serif";
	font-size: 14px;
	color: #333333;
}
h1, h2, h3, h4 {
	color: #333333;
	margin: 0px;
	padding: 0px;
}
a {
	color: #0079cb;
}
a:hover {
	color: #033e76;
}
a:visited {
	color: #033e76;
}
#main-container {
	text-align: center;
}
#main-body {
	clear: both;
	text-align: left;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 20px 0px 20px;
	overflow: hidden;
}
#main-footer {
	width: 780px;
	text-align: left;
	margin: 20px auto 20px auto;
	padding: 10px 80px;
	background-color: #ebebeb;
	color: #727272;
	font-size: 0.8em;
}
br.clear { clear: both; }
br.clear-left {	clear: left; }
br.clear-right { clear: right; }
/* generic form */
form .form {
	border: 1px solid #666666;
	padding: 2px;
	background-color: #efefef;
}
form .bttn {
	font-weight: bold;
	color: #ffffff;
	background: #69bac0 url(/static/images/bttn_bg.png) repeat-x center center;
	border-top: 1px outset #69bac0;
	border-left: 1px outset #69bac0;
	border-right: 1px outset #3e8a98;
	border-bottom: 1px outset #3e8a98;
}
form.form label {
	display: block;
	width: 200px;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 16px;
	float: left;
}
form.form br {
	clear: both;
}
form.form .form {
	margin-top: 10px;
	font-size: 16px;
}
form.form #submit {
	margin-top: 10px;
	margin-left: 210px;
}
/* generic pager */
div.pager {
	text-align: center;
	margin: 20px 0px;
}
div.pager span.pager a {
	text-decoration: none;
	padding: 1px 5px 1px 5px;
	margin: 2px;
	color: #0079cb;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
div.pager span.pager a:hover {
	color: #ffffff;
	background-color: #0079cb;
	border: 1px solid #0079cb;
}
div.pager span.inactive {
	text-decoration: none;
	padding: 1px;
	margin: 2px;
	color: #cccccc;
	background-color: #ffffff;
	border: 0px;
}
div.pager span.current {
	text-decoration: none;
	padding: 1px 5px 1px 5px;
	margin: 2px;
	color: #333333;
	background-color: #ffffff;
	border: 0px;
}
/* shared style for topic display */
div.thumbnail {
	width: 150px;
	text-align: center;
	margin: 10px;
	float: left;
	color: #777777;
	overflow: hidden;
}
div.thumbnail a.thumbnail img {
	border: 1px solid #0079cb;
	width: 115px;
	height: 115px;
	margin: 0px 2px;
}
a.thumbnail-censor img {
	width: 115px;
	height: 115px;
	 top: 1px;
	 left: 5px;
	 position: absolute;
}
div.thumbnail span.topic a {
	font-size: 1.1em;
}
div.thumbnail span.topic a:visited, div.thumbnail span.topic a:hover {
	color: #033e76;
}
ul.topic {
	margin-top: 5px;
	margin-bottom: 0px;
}
li.topic {
	color: #777777;
	margin: 5px 0px;
}
li.topic span.topic a {
	font-size: 1.2em;
}
li.topic span.topic a:visited, li.topic span.topic a:hover {
	color: #033e76;
}
li.topic span.nickname, div.thumbnail span.nickname, div.hot-thumbnail span.nickname {
	font-size: 0.95em;
	margin-left: 5px;
}
span.nickname a {
	color: #666666;
}
span.nickname a:hover {
	color: #999999;
}
span.nickname a:visited {
	color: #333333;
}
span.post-time, span.comment, span.viewed, span.tags, span.rec-favorite {
	font-size: 0.85em;
}
img.inline-icon {
	margin: 2px 5px 5px 5px;
	vertical-align: middle;
}
img.play-icon {
	/*margin-left: -24px;*/
	left:97px;
	position:absolute;
	top:94px;
	z-index:1;
}
img.play-icon-all {
	/*margin-left: -24px;*/
	left:100px;
	position:absolute;
	top:70px;
	z-index:1;
}
/* topic entry display */
.topic-entry {
	margin: 10px 0px 15px 10px;
}
.topic-entry div.topic-entry-thumnail{
	float: left;
	position: relative;
}
.topic-entry div.topic-entry-thumnail a img{
	width: 120px; 
	height: 90px;
	border: 2px solid #b0c4de;
}
.topic-entry div.topic-entry-thumnail a.thumbnail-censor img{
	width: 120px; 
	height: 90px;
	border: 2px solid #b0c4de;
	top:0px;
	left:0px;
	position:absolute;
}
.topic-entry div.picture-entry, .topic-entry div.video-entry {
	margin-left: 140px;
}
.topic-entry div.text-entry, .topic-entry div.audio-entry {
	margin-left: 0px;
}
.topic-entry-detail {
	color: #777777;
}
.topic-entry-detail .topic {
	font-size: 1.1em;
}
.topic-entry-detail .nickname {
	font-size: 0.95em;
	margin-bottom: 5px;
}
/* shoutbox */
iframe.shoutbox {
	height: 450px;
}
/* invite & import page */
#page-invite #invite-import form, #page-invite #invite-email form {
	margin: 15px 0px 10px 0px;
}
#page-invite #invite-import form label, #page-invite #invite-email form label {
	display: block;
	text-align: right;
	width: 170px;
	float: left;
	margin-right: 10px;
}
#page-invite #invite-import form p, #page-invite #invite-email form p, #page-import form p {
	padding: 5px 0px 5px 0px;
}
#page-invite .side-option {
	width:220px; 
	margin: 10px;
	padding: 10px;
	border-color: #33acfe;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	background-color: #f2f5fb;
	float: right;
}
#page-invite .side-option a {
	font-size: 1.15em;
}
#page-import #email-list {
	width: 400px; 
	height: 300px; 
	border: 1px solid #cccccc; 
	padding: 5px; 
	overflow: auto;
}
#page-import #toggle-all-none {
	width: 412px;
	background-color: #cccccc;
}
/* generic shared style */
h1.title {
	margin: 20px 0px;
	font-size: 1.6em;
}
h2 {
	margin: 10px 0px;
	color: #454545;
	font-size: 1.3em;
}
div.related-tags {
	padding: 10px;
	margin-top: 30px;
	background-color: #e2f5fb;
	border: 1px solid #33acfe;
}
div.more {
	text-align: right;
}
div.msgbox-ok {
	padding: 10px;
	margin: 10px;
	border: 1px solid #00ff00;
	background-color: #aaffaa;
}
div.msgbox-error {
	padding: 10px;
	margin: 10px;
	border: 1px solid #ff0000;
	background-color: #ffaaaa;
}
div.msgbox-info {
	padding: 10px;
	margin: 10px;
	border: 1px solid #d0d3fb;
	background-color: #f2f5fb;
}
div.msgbox-info ul, div.msgbox-ok ul, div.msgbox-error ul {
	margin: 5px;
}
div.msgbox-comment{
	color: #63b4ca;
	font-size: 16px;
	padding: 10px;
	border-top: 2px solid #63b4ca;
	border-bottom: 2px solid #63b4ca;
	width: 350px;
	margin: 10px 10px 20px 70px;
}
/* shared style for guestbook display */
div.guestbook-entry {
	padding: 5px;
	margin: 10px 5px;
	border-bottom: 1px solid #367d9a;
}
div.guestbook-entry div.sender {
	text-align: center;
	float: left;
}
div.guestbook-entry div.content {
	margin-left: 60px;
}
div.guestbook-entry div.info {
	margin-left: 60px;
	clear: left;
	color: #777777;
}
/* help */
#page-help #step-fwd {
	margin:30px;
	float:right;
}
#question span{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
#question div.question-fwdder{
	width: 400px;
	margin: 50px;
	margin-top: 10px;
	color: #0079CB;
}
#help-answer{
	width: 800px;
	margin:0px 0px 0px 50px;
	color:#000000;
}
#help-answer a.moveup{
	float: right;
	color: #666666;
	font-size: x-small;
	font-weight: bold;
}
#help-answer h4{
	font-size: 16px;
	color: #0079CB;
}
#help-answer p{
	width: 650px;
	color: #000000;
	margin: 20px;
	font-size: 14px;
}
#help-answer img {
	margin: 20px;
	color: #0079cb;
}
/*step-fwdder*/
#page-step-fwdder #how-to-fwdder{
	margin-top:20px;
	width:900px;
}
#page-step-fwdder .how-to-step {
	margin:10px 0px 10px 50px;
	clear:both;
}
#page-step-fwdder .step {
	width:145px;
	float:left;
}
#page-step-fwdder .des-step {
	padding:10px 0px 10px 160px;
}
#page-step-fwdder .des-step li {
	padding:5px;
}
#page-step-fwdder .des-step img{
	margin:5px;
}
#page-step-fwdder .title {
	margin:10px 0px 10px 20px;
}
/* index page */
#page-index #side-panel {
	width: 300px;
	float: right;
	/*overflow: hidden;*/
}
#page-index #side-panel h3 {
	font-family: "Helvetica", "Arial", "Lucida Grande", "Verdana", sans-serif;
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
	margin: 5px 0px;
}
#page-index #tag-box, #page-index #hot-pic-box, #page-index #hot-vid-box, #page-index #recommend-box, #page-index #new-aud-box {
	padding: 5px;
	margin-bottom: 15px;
}
#page-index #tag-box {
	border: 1px solid #33acfe;
	background-color: #f2f5fb;
}
#page-index #hot-pic-box {
	border: 1px solid #bdbd46;
	background-color: #fcfae1;
	text-align: right;
}
#page-index #hot-vid-box {
	border: 1px solid #4cff00;
	background-color: #dfffce;
	text-align: right;
}
#page-index #new-aud-box{
	border: 1px solid #FE92A2;
	background-color: #FFD7DD;
	text-align: center;
}
#page-index #recommend-box {
	border: 1px solid #ffa500;
	background-color: #ffdab9;
	text-align: right;
}
#page-index #recommend-box div.recommend-video {
	text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	width: 250px;
	overflow: hidden;
}
#page-index #recommend-box div.recommend-text {
	text-align: left;
	margin: 10px 0px 0px 10px;
	clear: left;
}
#page-index #recommend-box div.recommend-pic {
	text-align: center;
	margin-top: 10px;
	color: #777777;
	width: 140px;
	float: left;
	overflow:hidden;
}
#page-index #recommend-box div.recommend-pic .thumbnail img {
	width: 115px;
	height: 115px;
	border: 1px solid #0079cb;
}
#page-index #hot-pic-box div.hot-thumbnail, #page-index #hot-vid-box div.hot-thumbnail ,#page-index #recommend-box div.hot-thumbnail{
	text-align: center;
	/*margin-top: 10px;*/
	margin: 10px 8px 0px 8px;
	color: #777777;
	width: 125px;
	float: left;
	overflow: hidden;
	position: relative;
}
#page-index #hot-pic-box div.hot-thumbnail .thumbnail img,
#page-index #hot-vid-box div.hot-thumbnail .thumbnail img ,#page-index #recommend-box div.hot-thumbnail .thumbnail img{
	width: 115px;
	height: 115px;
	border: 1px solid #0079cb;
}
#page-index #hot-pic-box h3, #page-index #hot-vid-box h3,#page-index #recommend-box h3, #page-index #new-aud-box h3{
	float: left;
}
#page-index #tag-box a {
	display: inline;
}
#page-index #main-panel {
	margin-right: 300px;
}
#page-index #announce-box {		
	width: 573px;
	padding: 20px 0px 20px 0px;
	height: 160px;		
}
#page-index #announce-box a {
	text-decoration: none;
}
#page-index #announce-box div{
	float: left;
	width: 150px;
	height: 170px;
	display: inline;
	margin-left: 30px;
	text-align: center;
	background: #099ccf url(/static/images/step_bg.png) repeat-x scroll center top;
	position: relative;
}
#page-index #announce-box div span.step-order{
	float: left;
	margin-left: 15px;
	font-size: 70px;
}
#page-index #announce-box div a{
	color: #ffffff;	
}
#page-index #announce-box div img.step-image{
	position: absolute;
	bottom: 50px;
	right: 10px;
}
#page-index #announce-box .text {
	padding: 5px;
}
#page-index #announce-box .text .backlink {
	text-decoration: none;
	float: left;
}
#page-index #announce-box .text .nextlink {
	text-decoration: none;
	float: right;
}
#page-index #announce-box #wbtopic-list ul {
	margin-top: 5px;
	list-style-position: inside;
}
#page-index #announce-box #newsletter-list ul{
	margin-top: 5px;
}
#page-index #announce-box li a, #page-index #announce-box-news li a {
	font-size: 0.95em;
	color: #666666;
}
#page-index #announce-box .hilight {
	color: #ff8040;
}
#page-index #announce-box .image {
	width: 320px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;
}
#page-index #announce-box p.instruction {
	height: 200px;
}
#page-index #announce-box-base {
	display: block;
}
#page-index #announce-box-login, #page-index #announce-box-email, 
#page-index #announce-box-image, #page-index #announce-box-audio {
	display: none;
}
#page-index #announce-box-login img {
	margin: 40px 0px 120px 0px;
}
#page-index #announce-box h2 {
	font-family: "Helvetica", "Arial", "Lucida Grande", "Verdana", sans-serif;
	font-size: 1.2em;
	color: #033e76;
	padding: 10px 0px;
}
#page-index #content-picture, #page-index #content-video, #page-index #content-audio, #content-text {
	background: #ffffff url(/static/images/gradient_section.png) no-repeat top left;
	min-height: 100px;
	padding: 10px;
	margin-top: 15px;
}
#page-index #content-picture h3, #page-index #content-video h3, 
#page-index #content-audio h3, #content-text h3 {
	color: #ffffff;
	display: inline;
}
#page-index #content-picture h3 {
	background: url(/static/images/icon_images.png) no-repeat top left;
	padding: 0px 10px 0px 20px;
}
#page-index #content-video h3 {
	background: url(/static/images/icon_film.png) no-repeat top left;
	padding: 0px 10px 0px 20px;
}
#page-index #content-audio h3 {
	background: url(/static/images/icon_sound.png) no-repeat top left;
	padding: 0px 10px 0px 20px;
}
#page-index #content-text h3 {
	background: url(/static/images/icon_paper.png) no-repeat top left;
	padding: 0px 10px 0px 20px;
}
#page-index #content-video div.thumbnail, #page-index #content-picture div.thumbnail {
	width: 125px;
	text-align: center;
	float: left;
	margin: 5px;
	overflow: hidden;
	position: relative;
}
#page-index #content-picture .thumbnail-list, #page-index #content-video .thumbnail-list {
	text-align: center;
}
#page-index div.content-head {
	width: 520px; 
	height: 40px;
}
#page-index div.content-head h3 {
	float: left;
}
#page-index p.more-bttn {
	font-size: 1.1em;
	padding: 10px 20px 15px 0px;
	text-align: right;
	clear: left;
}
#page-index #popular-channel{
	border: 1px solid #b0c4de;
	background-color: #e6e6fa;
	width: 570px;
	padding: 5px;
}
#page-index a.channel-label-small {
	font-size: 0.9em;
	padding: 2px 5px 0px 5px;
}
#page-index a.channel-label-medium {
	font-size: 1.1em;
	padding: 2px 5px 0px 5px;
}
#page-index a.channel-label-large {
	font-size: 1.2em;
	padding: 2px 5px 0px 5px;
}
#page-index a.channel-label-extra-large {
	font-size: 1.3em;
	padding: 2px 5px 0px 5px;
}
#page-index #popular-channel p {
	text-align: right;
	padding: 10px;
}
#page-index #banner-blog {
	text-align: center; 
	margin: 10px 0px 10px 0px;
}
#page-index #user-ranking{
	/*border: 2px solid #63b4ca;*/
	border-top: 2px;
	border-right: 2px;
	border-left: 2px;
	border-bottom: 0px;
	border-style: solid;
	border-color: #6ac9fa;
	margin-bottom: 15px;
	color: #777777;
}
#page-index #user-ranking p{
 background-color: #6ac9fa;
 color: #fffaf0;
 padding: 2px;
 font-weight: bold;
}
#page-index #user-ranking #user-all{
	color: #fffaf0;
	font-size: 12px;
	margin: 0px 0px 0px 100px;
}
#page-index div.user-ranking-info{
	border-bottom: 2px solid #6ac9fa;
	height:55px;
	padding-top: 5px;
}
#page-index div.user-ranking-info img{
	float: left;
	margin: 0px 5px 0px 5px;
	width: 48px;
	height: 48px;
	border: 0px none;
}
#page-index div.user-ranking-info img.gauge-ranking {
	height: 9px;
	margin: 3px 0px 0px 0px;
	border: 0px none;
	width: 10px;
}
#page-index #error_report {
	margin-top: 20px; 
	padding: 5px;
	border: 1px solid #C3C8C9; 
	text-align: center; 
	background: #e2e6e7;
}
/* register page */
#page-register #login-panel {
	width: 300px;
	float: right;
	border-left: 2px solid #cccccc;
	margin-top: 20px;
	padding-left: 10px;
	padding-bottom: 50px;
}
#page-register #register-panel {
	margin-top: 20px;
	width: 580px;
}
#page-register #regform label, #page-register #loginform2 label {
	display: block;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 16px;
	float: left;
}
#page-register #regform label {
	width: 160px;
}
#page-register #loginform2 label {
	width: 80px;
}
#page-register #loginform2 #login-email2 {
	width: 180px;
}
#page-register #loginform2 #login-password2 {
	width: 180px;
}
#page-register #regform .form, #page-register #loginform2 .form {
	margin-top: 10px;
	font-size: 16px;
}
#page-register #regform br, #page-register #loginform2 br {
	clear: both;
}
#page-register #login-submit2, #page-register #forget {
	margin-top: 10px;
	margin-left: 90px;
}
#page-register #regform .bttn, #page-register #loginform2 .bttn {
	font-size: 16px;
}
#page-register #regform label.checkbox {
	text-align: left;
	display: inline;
	float: none;
}
#page-register #regform div.captcha {
	margin: 5px 0px 5px 170px;
}
#page-register #regform span.form-note {
	margin-left: 170px;
	color: #666666;
	font-size: 12px;
}
#page-register #accept, #page-register #submit {
	margin-top: 10px;
	margin-left: 170px;
}
#page-register #regform fieldset {
	font-size: 16px;
	padding-bottom: 10px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 0px 0px 1px;
}
#page-register #check-result {
	display: block;
	margin: 10px 0px 2px 170px;
	font-size: 12px;
}
#page-register #show-error {
	color:#FF8539;
	list-style-type:square;
	font-size: 12px;
	margin: 10px 10px 20px 10px;
}
#page-register #agreement {
	width: 500px;
	border: 1px solid #cccccc;
	margin: 10px auto 10px auto;
	padding: 5px;
	display: none;
}
#page-register #agreement p {
	margin: 15px 5px;
}
/*page login */
#page-login #incorrect {
	color:#FF8539;
	list-style-type:square;
	font-size: 12px;
	margin: 10px 10px 20px 10px;
}
/* view topic page */
#page-topic #content-mail {
	width: 600px;
}
#page-topic #content-meta {
	width: 280px; 
	float: right; 
	border: 1px solid #cccccc;
	padding: 5px;
	background-color: #eeeeee;
}
#page-topic #content-mail h1.title {
	margin: 5px 0px;
}
#page-topic #edit-title-text {
	width: 500px;
	font-size: 1.3em;
	font-weight: bold;
	margin: 2px 0px;
}
#page-topic #content-control {
	text-align: right;
	padding: 0px 5px 5px 0px;
}
#page-topic #content-container {
	width: 570px;
	overflow: auto;
}
#page-topic #related-topic, 
#page-topic #user-topic, 
#page-topic #share-tools {
	margin-top: 20px;
}
#page-topic #related-topic ul, 
#page-topic #user-topic ul, 
#page-topic #share-tools ul{
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}
#page-topic #related-topic li div, 
#page-topic #user-topic li div,
#page-topic #share-tools li div {
	padding: 2px;
}
#page-topic #share-tools li {
	margin: 2px 15px 2px 2px;
	float: left;
}
#page-topic #share-tools a {
	padding-left: 20px;
	font-size: 0.9em;
}
#page-topic #share-zickr {
	background: url(/static/images/zickr_icon.png) no-repeat center left;
}
#page-topic #share-duocore {
	background: url(/static/images/duocore_icon.png) no-repeat center left;
}
#page-topic #share-delicious {
	background: url(/static/images/delicious_icon.png) no-repeat center left;
}
#page-topic #related-topic li span.info ,
#page-topic #user-topic li span.info {
	color: #999999;
	font-size: 0.9em;
}
#page-topic img.related-thumbnail {
	float: left;
	margin: 0px 4px 0px 0px
}
#page-topic #content-related {
	margin-top: 20px;
	width: 280px;
}
#page-topic #content-related ul {
	text-align: center;
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}
#page-topic #content-related li {
	margin: 15px 0px;
}
#page-topic #next-prev-link {
	margin-top: 10px;
}
#page-topic .topic {
	margin: 10px 10px 20px 10px;
}
#page-topic .reply {
	margin: 10px 10px 20px 70px;
}
#page-topic .reply {
	padding: 5px;
}
#page-topic .reply-avatar {
	width: 65px;
	float: left;
}
#page-topic .topic-avatar {
	margin: 5px;
}
#page-topic .reply-sender {
	/*margin-left: 60px;*/
	color: #777777;
}
#page-topic .reply-sender a {
	color: #0079cb;
}
#page-topic .reply-sender .nickname {
	font-weight: bold;
	color: #333333;
}
#page-topic .reply-detail {
	padding-top: 10px;
	margin-left: 60px;
}
#page-topic .reply-info {
	color: #777777;
	/*margin-left: 60px;*/
}
#page-topic .reply-sender {
	margin-left: 60px;
}
#page-topic .attachment-info {
	margin: 5px 0px;
}
#page-topic #topic-voted {
	text-align: center;
	background-color: #ffff99;
	border: 2px solid #ffff00;
	padding: 5px 2px;
	margin: 5px;
	float: left;
	width: 70px;
}
#page-topic #topic-voted #voted {
	font-size: 2.0em;
	font-weight: bold;
}
#page-topic #topic-rating {
	margin-left: 90px;
	font-size: 0.9em;
}
#page-topic #topic-rating .forward {
	font-size: 1.25em;
	font-weight: bold;
}
#page-topic #topic-report-panel {
	background-color: #5cabc2;
	margin: 5px 0px;
	padding: 10px;
}
#page-topic #topic-close-panel {
	background-color: #c25c80;
	margin: 5px 0px;
	padding: 10px;
}
#page-topic #topic-report-panel p, #page-topic #topic-close-panel p {
	text-align: right;
}
#page-topic .reply-blocked .blocked-info {
	/*margin-left: 60px;*/
	padding: 10px;
	font-size: 12px;
}
#page-topic .reply-blocked .sender-name {
	font-weight: bold;
}
#page-topic .reply-blocked .reply {
	display: none;
}
#page-topic #replyform {
	margin: 10px 0px 0px 10px;
	width: 580px;
	padding:0px;
}
#page-topic #replyform fieldset {
	/*border: 1px solid #5cabc2;*/
	border:0px;
	background-image : url('../../static/images/fwdder_comment.jpg');
	margin:0px;
}
/*
#page-topic #replyform legend {
	display: none;
}*/
#page-topic #replyform label {
	width: 70px;
	display: block;
	float: left;
	margin: 5px;
	font-weight: bold;
}
#page-topic #replyform input {
	padding: 2px;
}
#page-topic #replyform br {
	clear: left;
}
#page-topic #replyform textarea {
	width: 300px;
	height: 100px;
}
#page-topic #replyform #incorrect {
	color:#FF8539;
	list-style-type:square;
	font-size: 12px;
	margin: 1px 1px 1px 90px
}
#page-topic #replyform #replybttn {
	margin: 10px 0px 0px 80px;
}
#page-topic #replyform fieldset {
	padding: 10px;
	margin:0px;
}
#page-topic #admin-info {
	text-align: right;
	margin: 20px 0px 0px;
	border: 0px;
}
#page-topic #voted {
	cursor: pointer;
}
#page-topic #topic-tag {
	clear: left; 
	margin-top: 10px;
	color: #777777;
}
#page-topic #topic-tag h3 {
	color: #333333;
}
#page-topic #topic-tag #tag-list {
	margin-top: 2px;
	list-style-image: url(/static/images/tag_orange.png);
}
#page-topic #addtag-form {
	margin-left: 5px;
}
#page-topic #addtag-form #tags {
	background-color: #ffffff;
	width: 200px;
}
#page-topic #alerttag{
	font-size: 16px;
	color: red;
	font-weight: bold;
	padding: 5px;
}
#page-topic table.attachments {
	font-size: 14px;
}
#page-topic table.attachments td {
	padding: 2px;
}
#page-topic table.attachments textarea {
	border: 1px solid #cccccc;
	width: 155px;
	height: 75px;
	font-size: 11px;
	background-color: #eeeeee;
}
#page-topic img.thumbnail {
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #0079cb;
}
#page-topic table.attachments .filename {
	font-weight: bold;
}
#page-topic .law-info{
	font-size: 0.9em;
	color: #777777;
	padding: 5px;
	border: 1px solid #aaaaaa;
	margin: 10px 0px;
	clear: left;
}
#page-topic #related-ads {
	font-size: 0.9em;
	color: #222222;
	background-color: #ffeeee;
	padding: 5px;
	border: 2px groove #ff0000;
	margin: 10px 0px;
	text-align: left;
	clear: left;
}
#page-topic #related-ads .url {
	text-align: right;
}
#page-topic #related-ads span.title {
	font-weight: bold;
}
#page-topic #related-ads span.desc {
	color: #666666;
}
#page-topic #topic-nav {
	text-align: center;
	margin: 5px;
	padding: 5px;
	border-bottom: 1px solid #aaaaaa;
}
#page-topic #topic-nav a {
	text-decoration: none;
}
#page-topic #topbanner {
	text-align: center;
	margin: 4px;
}
#page-topic #alertuser{
	padding: 5px; 
	background-color: #ffff99;
	width: 590px;
	color: #f800d0;
	font-size: 16px;
	height: 50px;
}
#page-topic #alertuser img{
	float: left; 
	margin: 0px 0px 0px 70px;
}
#page-topic #alertuser p{
	text-align: center;
	margin: 3px 50px 5px 0px;
}
#page-topic #emoticon{
	width: 300px;
	margin: 3px 0px 0px 80px;
	padding: 3px;
}
/* edit info page */
#page-editinfo #infoform {
	line-height: 2em;
}
#page-editinfo #infoform .form {
	float: left;
	padding: 2px;
	margin-right: 2px;
}
#page-editinfo #infoform .privacy-link {
	float: right;
	text-align: left;
	width: 400px;
	font-size: 0.9em;
}
#page-editinfo #infoform label {
	width: 200px;
	text-align: right;
	display: block;
	padding-right: 10px;
	font-weight: bold;
	float: left;
}
#page-editinfo #infoform p.form-para {
	clear: left;
}
#page-editinfo #infoform .bttn {
	margin: 10px 0px 10px 220px;
}
/* change password page */
#page-changepassword #passwdform {
	line-height: 2em;
}
#page-changepassword #passwdform label {
	width: 200px;
	text-align: right;
	display: block;
	padding-right: 10px;
	font-weight: bold;
	float: left;
}
#page-changepassword #passwdform br {
	clear: both;
}
#page-changepassword #passwdform .bttn {
	margin: 10px 0px 10px 210px;
}
/* Edit avatar page */
#page-edit-avatar #uploadform {
	text-align: center;
}
#page-edit-avatar #uploadform label {
	text-align: center;
	float: none;
	width: 100%;
}
#page-edit-avatar #uploadform #form-avatar {
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
}
#page-edit-avatar h4.message {
	font-size: 1.1em;
	text-align: center;
}
#page-edit-avatar p.message {
	text-align: center;
	margin-bottom: 30px;
}
#page-edit-avatar p.message img {
	margin: 10px;
}
#page-edit-avatar #submit {
	margin: 10px 0px;
	font-size: 1.2em;
}
/* sign guestbook page */
#sign-guestbook form.form #comment{
	width: 300px;
	height: 100px;
}
#sign-guestbook form.form input.bttn {
	margin-left: 210px;
	margin-top: 10px;
}
/* display guestbook page */
#page-guestbook .panel h2 {
	margin: 0px;
	background-color: #367d9a;
	padding: 2px;
	color: #ffffff;
	text-align: left;
	font-size: 1.2em;
}
#page-guestbook .panel {
	border: 2px solid #367d9a;
	margin: 10px;
	padding: 0px;
}
#page-guestbook #guestbook-panel {
	margin: 10px 50px;
}
#page-guestbook .guestbook-entry {
	padding: 5px;
	margin: 10px 5px;
	border-bottom: 1px solid #666666;
}
/*div.search-info div.search-result {
	font-size: 1.2em;
}*/
/* hilight color */
span.hilight0 {	background-color: #ffff00; text-decoration: inherit; }
span.hilight1 {	background-color: #ff6600; text-decoration: inherit; }
span.hilight2 {	background-color: #99ff00; text-decoration: inherit; }
span.hilight3 {	background-color: #99ffff; text-decoration: inherit; }
span.hilight4 {	background-color: #ff99ff; text-decoration: inherit; }
span.hilight5 {	background-color: #0099ff; text-decoration: inherit; }
span.hilight6 {	background-color: #00ff99; text-decoration: inherit; }
span.hilight7 {	background-color: #990099; text-decoration: inherit; }
/* personal page */
#page-personal #forward-info {
	float: right;
	font-size: 1.1em;
	width: 300px;
	padding: 10px;
	margin: 30px 10px;
	border: 1px solid #d0d3fb;
	background-color: #f2f5fb;
}
#page-personal #forward-info .post-email {
	margin: 5px;
	text-align: center;
	font-size: 1.6em;
}
#page-personal .greeting {
	margin: 20px 0px 10px 0px;
	font-size: 1.5em;
}
#page-personal .greeting img {
	vertical-align: middle;
}
#page-personal ul.task li {
	font-size: 1.2em;
}
#page-personal .alert {
	width: 520px;
	padding: 10px;
	border: 1px solid #d0d3fb;
	background-color: #f2f5fb;	
}
/* friend request page */
#page-friend-request textarea.form {
	width: 300px;
	height: 100px;
}
/* manage friend request, pending request page */
#page-manage-friend-request div.request-entry,
#page-manage-pending-request div.request-entry {
	margin: 20px 10px;
}
#page-manage-friend-request div.request-entry div.requester,
#page-manage-pending-request div.request-entry div.requester {
	width: 60px;
	text-align: center;
	float: left;
}
#page-manage-friend-request div.request-entry div.request-info,
#page-manage-pending-request div.request-entry div.request-info {
	color: #999999;
}
#page-manage-friend-request div.request-entry div.reason,
#page-manage-pending-request div.request-entry div.reason {
	margin: 0px 0px 20px 0px;
}
#page-manage-friend-request div.request-entry div.request-detail,
#page-manage-pending-request div.request-entry div.request-detail {
	margin-left: 70px;
	border: 1px solid #d0d3fb;
	background-color: #f2f5fb;	
	padding: 10px;
}
/* manage duplicate email page*/
#page-manage-duplicate-email div.alert{
	margin-left: 70px;
	border: 1px solid #d0d3fb;
	background-color: #f2f5fb;	
	padding: 10px;
}
/* edit upload email page */
#page-edit-upload-email h4 {
	font-size: 1.1em;
	margin: 20px 0px 5px 0px;
}
/*untaggedtopic page*/
#page-untaggedtopic #how-to {
	border:1px solid #33acfe;
	background-color:#e2f5fb;
	padding:10px;
	margin:30px 10px;
	width:300px;
	float:right;
}
#page-untaggedtopic #how-to img {
	margin:10px 15px 10px 15px;
}
#page-untaggedtopic #how-to span {
	color:#ff0000;
}
/* forwarded history, search result page, popular channel */
#page-forwarded .search-info,
#page-search-result .search-info,
#page-channel .search-info,
#page-tag .search-info,
#page-untaggedtopic .search-info,
#page-topicclose .search-info{
	border-left: 1px solid #cccccc; /*#33acfe;*/
	/*background-color: #f2f5fb;*/
	padding: 5px;
	width: 300px;
	float: right;
}
#page-forwarded .search-list div ,
#page-search-result .search-list div,
#page-channel .search-list div,
#page-tag .search-list div,
#page-untaggedtopic .search-list div,
#page-topicclose .search-list div{
	margin: 5px 0px;
}
#page-all-topic .side-panel,
#page-forwarded .side-panel,
#page-search-result .side-panel,
#page-channel .side-panel,
#page-tag .side-panel,
#page-untaggedtopic .side-panel,
#page-topicclose .side-panel{
	float: right;
	width: 300px;
}
#page-forwarded  .side-panel #favorite-widget{
	float: right;
	width: 320px;
	padding: 10px;
	background-color: #aee3de;
	border-top: 2px solid #008080;
	border-bottom: 2px solid #008080;
}
#page-forwarded .side-panel #code-widget{
	background: #d8d8d8 none repeat scroll 0% 50%;
	border: 1px solid #cccccc;
	width: 320px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
}
#page-forwarded .side-panel #link-widget{
	font-size: 12px;
	float: right;
}
#page-forwarded #fav-recommend{
	border: 1px solid #bdb76b;
	float: right;
	margin: 20px 10px;
	padding: 10px;
	width: 300px;
	background-color: #f3fee3;
}
#page-forwarded #fav-recommend ul{
	list-style-type: none;
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
}
#page-forwarded #fav-recommend ul li{
	padding: 2px;
}
#page-forwarded #fav-recommend span.rec-favorite{
	color: #777777;
}
#page-forwarded #fav-recommend img{
	width: 64px;
	height: 64px;
	float: left;
	margin: 0px 4px 0px 0px;
}
#page-search-result .search-result {
	text-align: center;
	font-size: 1.2em;
	margin: 30px 0px 10px 0px;
}
/*show friend */
#all-friend {
	margin: 10px 30px;
	text-align: center;
	font-size: 0.8em;
}
div.friend-info {
	width: 50px;
	height: 70px; 
	float: left;
	margin:10px;
}
div.friend-info img {
	width: 48px;
	height: 48px;
}
/* view tag page */
#page-tag #tag-list span {
	padding: 3px;
	line-height: 1.5em;
}
/*notification box*/
#notification p {
	background-color: #cd5c5c;
	color: #fffaf0;
	font-weight: bold;
	padding: 2px;
}
#notification #notification-detail {
	padding: 5px;
	border: 1px solid #cd5c5c;
	margin-bottom: 15px;
}
/*inline-tag*/
#inline-tag{
	font-weight: bold;
	color: red;
}
/*show ranking page*/
#page-ranking{
	margin:0px 80px;	
}
#right-panel{
	width:350px;
	float:right;
}
#page-ranking #left-panel{
	width:350px;
}
#gift-user{
	border:1px solid #ffff00;
	background-color:#f5deb3;
	padding:5px;
}
#page-ranking #left-panel #ranking-weekly{
	border-right:2px solid #6ac9fa;
	border-left:2px solid #6ac9fa;
}
#page-ranking #left-panel #ranking-weekly p{
	background-color:#6ac9fa;
	color:#fffaf0;
	font-weight:bold;
	padding:2px;
}
#page-ranking #ranking-weekly div.ranking-weekly-info{
	border-bottom:2px solid #6ac9fa;
	height:55px;
	padding-top:5px;
}
#page-ranking #ranking-weekly img.gauge-ranking{
	border:0px none;
	height:9px;
	margin:3px 0px 0px 0px;
	width:10px;
	float:left;
}
#right-panel #ranking-month{
	border-right:2px solid #a7a7a7;
	border-left:2px solid #a7a7a7;
	margin-bottom: 15px;
}
#right-panel #ranking-month p{
	background-color:#a7a7a7;
	color:#fffaf0;
	font-weight:bold;
	padding:2px;
}
#notify {
	border:1px solid #33acfe;
	background-color:#e2f5fb;
	padding:10px;
	margin-bottom:15px;
}
#page-ranking #ranking-month div.ranking-month-info{
	border-bottom:2px solid #a7a7a7;
	height:55px;
	padding-top:5px;
}
#page-ranking #ranking-weekly img.img-avatar, #page-ranking #ranking-month img.img-avatar{
	border:0px none;
	float:left;
	height:48px;
	margin:0px 5px;
	width:48px;
}
/* fwdderSlideShow */
.fwdderSlideShowLink {
	cursor : pointer;
	text-decoration : underline;
}
/* Autocomplete */
.autocompleter {
	border: 1px solid #6FBEFF;
	width: 250px;
	background-color: #EFF8FF;
}
.autocompleter ul li {
	padding: 2px 10px;
	white-space: nowrap;
	font-size: 11px;
}
.selectAutocompleter {
	background-color: #d2fb8f;
}
/* manageduplicatemail page */
#page-manage-duplicate-email .topic-title {
	font-size : 16px;
}
#page-manage-duplicate-email #alert-user {
	padding: 5px; 
	background-color: #ffff99;
	color: #f800d0;
	font-size: 16px;
}
#page-index #topic-list th {
	background-image : url('../../static/images/webboard/tablehead.gif');
	color : #333333;
	padding: 3px;
}
#page-index #newsletter-list {	
	float: right; 
	width: 150px; 
	padding: 50px 25px 0px 0px; 
}
#page-index #wbtopic-list {	
	height: 130px; 
	overflow: hidden; 
	padding: 70px 0px 0px 0px;
	line-height: 1.5;
}
#page-index #upper-body {
	height: 190px;
}
/*page-tagall*/
#page-tagall {
	font-size:16px;
}
#page-tagall .showtag{
	border:2px solid #abcdef;
	padding:5px;
	margin:40px;
}
#page-tagall .tag{
	word-spacing: 10px;
	text-align: center;
}
#page-tagall a.tag-cloud-small {
	font-size: 0.8em;
	padding: 3px;
}
#page-tagall a.tag-cloud-medium {
	font-size: 1.2em;
	padding: 3px;
}
#page-tagall a.tag-cloud-large {
	font-size: 1.35em;
	padding: 3px;
}
#page-tagall a.tag-cloud-xlarge {
	font-size: 1.5em;
	padding: 3px;
}
/*page-activity*/
#page-activity #game {
	border:1px solid #33ACFE;
	background-color:#F2F5FB;
	padding:5px;
	margin-top:15px;
}
#page-activity #rule-game {
	border:1px solid #cccccc;
	background-color:#eeeeee;
	padding:5px;
}
#page-activity #game li {
	clear:both;
	padding: 10px;
}
#page-activity #game li span {
	margin: 0px 5px;
}
#page-activity #game li img.img-game {
	width:120px;
	height:90px;
	float:left;
	border: 1px solid;
}
#page-activity #game #btn {
	width:150px;
	margin-left:auto;
	margin-right:auto;
}
#page-activity #rule-game li img{
	margin: 10px;
}
#page-all-shout .shout a{
		color: #0079CB;
}
#page-all-shout .shout {
	padding: 10px;
}	
#page-all-shout .shout td {
	border-bottom: 1px solid #98B7E5;
	padding: 7px 3px;
}
#page-all-shout .shout .shout-avatar {
	width: 50px;
}
#page-all-shout .shout .nickname {
	font-weight: bold;
}
#page-all-shout table {
	width: 500px;
	border-top: 1px solid #98B7E5;
	margin: 50px 0px 0px 50px;
}
#page-all-shout .shout .post-time {
	color:#999999;
	font-size: 0.85em;
}
/*page-userclass*/
#page-userclass {
	background:#abcdef none repeat scroll 0%;
}
#page-userclass ul{
	list-style-type:none;
	margin:5px 0px;
	padding:0px 0px 0px 10px;
}
#page-userclass div.detail-class {
	 border-bottom:2px solid #ffffff;
	 padding:15px 2px 15px 2px; 
	 margin-top:0px; width:350px;
}
#page-userclass div.detail-class img{
	 float:left;
	 margin:0px 4px 0px 0px;
}
#page-userclass div.detail-class span{
	color:#777777;
	font-size:0.9em;
}
.panel .view_all {
	padding: 10px;
	text-align: right;
}