.topic { margin-bottom: 40px; clear:both; position: relative; zoom: 1;}

/* InfoPlash */
.topic.info_plash { background:#f5f5f5; -webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; padding:10px; }
.topic.alert_plash { background:#fde3e3; -webkit-border-radius:10px; -moz-border-radius:10px 10px; border-radius:10px 10px; padding:10px; margin-bottom:20px; }
.info_plash_close { border-bottom:1px solid #666; text-align:right; color:#666; text-decoration:none; cursor:pointer; }

/* Title */
.topic .title { margin-bottom: 5px; font-size: 23px; color:#bbbbbb; line-height:30px }
.topic .title a.topic-blog { color:#bbb; text-decoration:none; border-bottom: 1px dashed #999; }
.topic .title a { color:#ec0b0b; text-decoration:none; border-bottom: 1px solid #EC0B0B; }
.topic .title a:hover { color:#999 }

/* Content */
.topic .content { overflow: hidden; zoom: 1; margin-bottom: 24px; font-size: 14px; font-family: Tahoma, sans-serif; line-height: 20px; color:#303030; text-align:justify; }
.topic .content p { margin-bottom: 18px; }
.topic .content h4 { font-size: 22px; line-height: 1.3em; margin-bottom: 10px; }
.topic .content h5 { font-size: 20px; line-height: 1.3em; margin-bottom: 10px; }
.topic .content h6 { font-size: 18px; line-height: 1.3em; margin-bottom: 10px; }
.topic .content blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; border-left:2px solid #CCCCCC; font-style:italic; }
.topic .content pre, .comment .content pre { overflow: auto; width: 95%; padding: 5px 2%; margin-bottom: 10px; background: #f8f8f8 url(../images/code.gif); border: 1px solid #dce6f0; clear: both; }
.topic .content ul { list-style-type: disc; margin-left: 17px; }
.topic .content ol { list-style-type: decimal; margin-left: 30px; }
.topic .content img[align="right"] { margin: 4px 0 5px 15px; }
.topic .content img[align="left"] { margin: 4px 15px 10px 0; }
.topic .content img.image-center { display: block; margin: 0 auto; }

/* Tags */
.topic .tags { margin: 0 0 6px; padding-left: 13px; background: url(../images/tag.png) no-repeat 0 5px; zoom: 1; }
.topic .tags li { display: inline; color: #777; }
.topic .tags li a { color: #777; text-decoration: none; }
.topic .tags li a:hover { color: #fff; background: #777; }

/* Info */
.topic .info-top { margin-bottom: 20px; font-family:Verdana,Arial; }
.topic .info-top li { display:inline-block; font-family:Verdana,Arial; color:#999; font-size:12px }
.topic .info-top a { color:#EC0B0B; text-decoration:none; font-family:Verdana,Arial; }
.topic .info-top a:hover { text-decoration:underline }

.topic .link-to { overflow: hidden; zoom: 1; background:#ebffda; height:32px; clear:both; padding:0px 5px 0px 6px }
.topic .link-to li { float:left; font-size:12px; background:url(../images/topic-link-icon.png) no-repeat left; padding-left:22px; line-height:32px; line-height:32px }
.topic .link-to li a { color:#3784c7; text-decoration: underline }
.topic .link-to li a:hover { text-decoration:none }

.topic .info { overflow: hidden; zoom: 1; background: url(../images/topic-info-bg.png); border-bottom: 5px solid #e5e5e5; height:40px; clear:both; padding:0px 15px 0px 15px; margin-left: -15px; width: 100%; }
.topic .info li { float:left; font-size:12px; line-height:42px }
.topic .info li a { text-decoration: none; overflow:hidden; }
.topic .info li.avatar { margin-right:10px; margin-top:6px }

.topic .info-top li.username a { text-decoration: none; border-bottom: 1px dashed #999; color: #999999; margin-left: 3px; margin-right: 15px; }
.topic .info-top li.username a:hover { }
.topic .info-top li.username span.icon-user { background: url(../images/icons.gif) no-repeat 0 -106px; padding-right: 10px; }
.topic .info-top li.username .userrating.plus { color:#77d115 }
.topic .info-top li.username .userrating.minus { color:#ef2125 }

.topic .favourite { height: 16px; width: 20px; background: url(../images/icons.gif) no-repeat 0 -40px; }
.topic .favourite:hover { background: url(../images/icons.gif) no-repeat -20px -40px;  }
.topic .favourite.active { background: url(../images/icons.gif) no-repeat -20px -40px;  }

.topic .info li.view { background:url(../images/view-icon.png) no-repeat 0px 13px; padding-left:24px; color:#999; margin-right:15px; text-shadow:0px 1px 0px #fff }

.topic .info li.like { margin-right: 12px; margin-top: 12px; float: right; color:#999; text-shadow:0px 1px 0px #fff }

.topic .info li.comments-link { background:url(../images/comments-icon.png) no-repeat 0px 13px; padding-left:24px; margin-right:20px; }
.topic .info li.comments-link a { color: #ec0b0b; font-size: 12px; text-shadow:0px 1px 0px #fff }
.topic .info li.comments-link a span { color: #00BB2E; }

.topic .info li.share { float:right; margin-right:20px; }
.topic .info li.share a { color:#3784c7; border-bottom:1px dotted; text-shadow:0px 1px 0px #fbfbfb}
.topic .info li.share a:hover { border-bottom:0px }

.topic .info li.voting { float:right; margin-top:8px }

.topic .info li.voting .total { float: left; height:25px; font-size:14px; line-height:25px; padding:0px 7px }
.topic .info li.voting .total a { text-decoration: none; color: #fff; outline: none; text-shadow:1px 0px 0px #468600 !important }

.topic .info li.voting.positive .total { background:#36A616; color:#fff }
.topic .info li.voting.negative .total { background:#f20202; color:#fff }

.topic .info li.voting .bg-plus { background:#e2e2e2; width:21px; display:block; padding-left:6px; padding-top:1px; height:24px; float:left }
.topic .info li.voting .bg-minus { background:#e2e2e2; width:19px; display:block; padding-left:4px; padding-top:1px; height:24px; float:left }

.topic .info li.voting .plus,
.topic .info li.voting .minus 			{ width: 15px; height: 15px; display: block; background: url(../images/topic-voting.png) no-repeat; text-shadow:0px 1px 0px #fff; position: relative; outline: none; }
.topic .info li.voting .plus 			{ background-position: 0 0; }
.topic .info li.voting .minus 			{ background-position: -15px 0px }
.topic .info li.voting .plus:hover 	    { background-position: 0px -15px }
.topic .info li.voting .minus:hover 	{ background-position: -15px -15px }

.topic .info li.voting.voted.plus 	.plus 			{ background-position: 0px -15px !important }
.topic .info li.voting.voted.minus .minus 			{ background-position: -15px -15px !important }
.topic .info li.voting.voted.plus 	.minus:hover 	{ background-position: -15px 0px }
.topic .info li.voting.voted.minus .plus:hover 	{ background-position: 0 0; }

.topic .info li.voting.guest .plus:hover 	{ background-position: 0 0; }
.topic .info li.voting.guest .minus:hover 	{ background-position: -15px 0px }

/* Poll */
.topic .poll { margin-bottom: 15px; font-size: 14px; }

.topic .poll .poll-vote { margin-bottom: 10px; margin-left: 0; list-style-type: none; }
.topic .poll .poll-vote li { margin-bottom: 5px; }
.topic .poll .poll-vote li label { display: inline; }

.topic .poll .poll-result { margin-bottom: 10px; margin-left: 0; list-style-type: none; font-family: Verdana, sans-serif; }
.topic .poll .poll-result li { margin-bottom: 20px; }
.topic .poll .poll-result li dl { overflow: hidden; zoom: 1; }
.topic .poll .poll-result li dl dt { float: left; width: 50px; text-align: right; padding-right: 15px; }
.topic .poll .poll-result li dl dt span { color: #aaa; }
.topic .poll .poll-result li dl dd { float: left; width: 400px; }
.topic .poll .poll-result li dl dd div { height: 5px; margin-top: 5px; background: #ccc; overflow: hidden; border-radius: 3px; box-shadow: 0 1px 0 #939393 inset; }
.topic .poll .poll-result li.most dl dd div { color: #fff; background: #83DC5F; border-color: #83DC5F; box-shadow: 0 1px 0 #75C656 inset; border-radius: 3px; }

.topic .poll .poll-total { color: #aaa; margin-top:5px; }

/* Topic Photo */
.topic.photo {  }
.topic.photo .topic-photo-preview { position: relative; margin-bottom: 15px; cursor: pointer; }
.topic.photo .topic-photo-preview img { vertical-align: top; }
.topic.photo .topic-photo-preview .topic-photo-count { display: none; cursor: pointer; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 4px 7px; background: rgba(0,0,0,.6); }
.topic.photo .topic-photo-preview .topic-photo-desc { display: none; width: 96%; padding: 7px 2%; position: absolute; bottom: 0; left: 0; background: #000; color: #6bd24b; color: #fff; line-height: 16px; background: rgba(0,0,0,.7); }

.topic.photo .topic-photo-images { padding-top: 10px; margin-bottom: 15px; }
.topic.photo .topic-photo-images h2 { border-bottom: 1px solid #ddd; padding-bottom: 4px; margin-bottom: 15px; }
.topic.photo .topic-photo-images ul { overflow: hidden; zoom: 1; }
.topic.photo .topic-photo-images ul li { float: left; margin: 0 9px 9px 0; position: relative; }
.topic.photo .topic-photo-images ul li .image-number { display: none; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 1px 6px; font-size: 11px; background: rgba(0,0,0,.6); }
.topic.photo .topic-photo-images ul li:hover .image-number { display: block; }
.topic.photo .topic-photo-images ul li img { vertical-align: top; }
.topic.photo .topic-photo-images .topic-photo-more { display: block; border-top: 1px solid #dbe6f0; text-align: center; padding: 10px 0; margin-bottom: 15px; text-decoration: none; background: #f3f7fa; color: #7b90a5; }
.topic.photo .topic-photo-images .topic-photo-more:hover { background: #eaf2f8; }

.topic-photo-upload { background: #fafafa; padding: 15px 15px 15px; margin-bottom: 20px; }
.topic-photo-upload h2 { margin-bottom: 15px; }
.topic-photo-upload ul { overflow: hidden; zoom: 1; }
.topic-photo-upload ul li { min-height: 100px; _height: 100px; margin-bottom: 10px; padding-left: 110px; position: relative; }
.topic-photo-upload ul li img { position: absolute; top: 0; left: 0; }
.topic-photo-upload ul li label { color: #aaa; }
.topic-photo-upload ul li textarea { border: 1px solid #ddd; width: 350px; height: 60px; padding: 3px; font-size: 12px; font-family: Arial, sans-serif; color: #333; }
.topic-photo-upload ul li .image-delete { text-decoration: none; margin-right: 15px; }
.topic-photo-upload ul li .image-delete:hover { color: #f00; }
.topic-photo-upload ul li.marked-as-preview .mark-as-preview { display: inline; color: #43c70f; font-weight: bold; }
.topic-photo-upload ul li .mark-as-preview { display: none; text-decoration: none; }
.topic-photo-upload ul li:hover .mark-as-preview { display: inline; }
.topic-photo-upload .topic-photo-upload-rules { color: #888; margin-bottom: 15px; }
.topic-photo-upload .topic-photo-upload-input { margin-bottom: 20px; }
.topic-photo-upload .topic-photo-upload-input input { margin-top: 3px; }

#photoset-upload-form {
	width: 270px; 
	padding: 15px;
	position: absolute;
	top:70%;
	display: none;
	background-color: #fff; 
	border: 1px solid #ccc; 
	-moz-box-shadow: 0 0 10px #ddd;
	-webkit-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd;
}
#photoset-upload-form p { margin-bottom: 10px; }
#photoset-upload-form .input-text { width: 262px; border: 1px solid #ccc; margin: 0; padding: 3px; font-family: Arial, sans-serif; font-size: 12px; }