font-size:10px;
padding-bottom:12px;
}
.like-panel {
position:absolute;
right:-10px;
top:0;
width:102px;
height:20px;
display:none;
}
.like-panel a {
display:block;
float:left;
height:20px;
margin-left:3px;
text-indent:-9999px;
}
.like-panel a.like-1 {
width:22px;
background:url(../images/bg-like.png) no-repeat left top;
}
.like-panel a.like-1:hover {
background:url(../images/bg-like-h.png) no-repeat left top;
}
.like-panel a.like-2 {
width:22px;
background:url(../images/bg-dislike.png) no-repeat left top;
}
.like-panel a.like-2:hover {
background:url(../images/bg-dislike-h.png) no-repeat left top;
}
.like-panel a.like-3 {
width:40px;
background:url(../images/bg-replay.png) no-repeat left top;
}
.like-panel a.like-3:hover {
background:url(../images/bg-replay-h.png) no-repeat left top;
}
.comment-list li:hover .like-panel {
display:block;
}
#accordion {
float:left;
width:290px;
padding-bottom:12px;
overflow:hidden;
}
#accordion h3 {
width:290px;
line-height:32px;
height:34px;
font-size:14px;
padding-bottom:0;
float:left;
clear:both;
text-decoration:none;
background:url(../images/bg-heading-accordion-h.gif) no-repeat left top;
}
#accordion h3 a {
width:278px;
line-height:32px;
height:34px;
font-size:14px;
padding-bottom:0;
padding-left:12px;
float:left;
color:#00555a;
text-decoration:none;
clear:both;
background:url(../images/bg-heading-accordion-h.gif) no-repeat left top;
}
#accordion h3.on a{
background:url(../images/bg-heading-accordion.gif) no-repeat left top!important;
}
#accordion .trending-box{
padding-top:15px;
overflow:hidden;
clear:both;
display:inline-block;
}
.video-box a {
text-decoration:none;
}
/*
========
*/
/*
Blog
*/
#blog_content {
width:650px;
float:left;
}
.heading-blog-top ,.heading-cmtusr-top {
float:left;
background:url(../images/bg-hd-news.gif) repeat-x top #ebebeb;
width:632px;
border:1px solid #e4e4e4;
padding:6px 6px 6px 10px;
margin-bottom:7px;
}
.heading-blog-top h1 ,.heading-cmtusr-top h2 {
float:left;
padding-bottom:0;
line-height:18px;
background:url(../images/bg-ico-blog.png) no-repeat left 2px;
padding-left:25px;
width:210px;
margin-top:3px;
}
.heading-cmtusr-top h2 {
background:none;
padding-left:0;
width:350px;
}
.heading-blog-top label , .heading-cmtusr-top label {
display:block;
float:right;
font-weight:bold;
line-height:27px;
width:250px;
text-align:right;
}
.heading-blog-top label span ,.heading-cmtusr-top label span{
display:block;
float:right;
}
.heading-blog-top select ,.heading-cmtusr-top select{
float:right;
width:120px;
padding:5px;
margin-left:6px;
border:1px solid #cecfd0;
font-size:11px;
color:#919292;
}
.blog-box {
width:631px;
float:left;
border:1px solid #e4e4e4;
padding:10px;
padding-left:7px;
margin-bottom:10px;
}
.blog-box-heading {
width:628px;
float:left;
border-bottom:1px solid #e4e4e4;
padding-bottom:8px;
margin-bottom:8px;
}
.blog-box-heading h5 {
float:left;
width:500px;
background:url(../images/img-blog-thb.gif) no-repeat left top;
padding-left:20px;
padding-bottom:3px;
}
.blog-desc-box {
float: right;
line-height: 18px;
width: 502px;
height:83px;
}
.blog-desc-box p {
line-height:17px;
text-align:justify;
}
.blog-img-box {
float:left;
width:107px;
height:95px;
background:url(../images/img-frame-blog.gif) no-repeat left top;
padding:6px;
}
.blog-box-heading .rating-stars em {
display:block;
float:left!important;
width:12px;
height:12px;
background:url(../images/t-star.gif) no-repeat left top;
margin-right:2px;
}
.blog-box-heading .rating-stars em.low-rate {
background:url(../images/l-star.gif) no-repeat left top;
}
.blog-box-heading .rating-stars {
float:right;
width:72px;
}
.btn_createblog {
display:block;
float:right;
font-weight:bold;
font-size:11px;
line-height:21px;
background:#00555a;
color:#fff;
text-decoration:none;
border:1px solid #a8acad;
padding:0 10px;
margin-top:2px;
margin-left:8px;
}
.blog-box-panel {
float:right;
width: 502px;
line-height:17px;
}
.left-panel {
float:left;
width:190px;
}
.left-panel p {
color:#999;
font-style
blique;
}
.right-panel {
float:right;
width:300px;
}
.right-panel a.share-btn {
display:block;
float:right;
width:72px;
height:17px;
background:url(../images/bg-share-social.gif) no-repeat left top;
text-indent:-9999px;
margin-top:1px;
}
.right-panel ul {
float:right;
padding-right:15px;
}
.right-panel li {
float:left;
padding:0 6px 0 8px;
color:#999;
background:url(../images/bg-sep-signin.gif) no-repeat left 4px;
}
.right-panel li:first-child {
background:none;
}
.search-blog {
float:left;
width:280px;
height:35px;
background:url(../images/bg-search-blog.png) no-repeat left top;
padding-top:7px;
padding-left:10px;
margin-bottom:12px;
}
.search-blog label {
display:block;
float:left;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#00555a;
width:92px;
line-height:18px;
padding-top:3px;
}
.search-blog span{
display:block;
float:left;
width:179px;
height:27px;
background:url(../images/bg-input-search-blog.gif) no-repeat left top;
}
.search-blog span input {
float:left;
border:none;
background:none;
height:15px;
padding:6px 10px;
width:126px;
font-size:11px;
font-family:tahoma, arial, sans-serif;
}
.search-blog span a{
display:block;
float:left;
width:27px;
height:27px;
text-indent:-99999px;
margin-left:2px;
}
.recent-post {
width:290px;
float:left;
margin-bottom:8px;
}
.recent-post li {
float:left;
width:290px;
padding-bottom:13px;
}
.video-box-post {
float:left;
width:60px;
padding:6px;
background:url(../images/img-frame-post.gif) no-repeat left top;
height:48px;
}
.text-desc-post {
float:right;
width:212px;
padding-top:3px;
}
.text-desc-post h5 {
padding-bottom:6px;
}
.text-desc-post p {
color:#6a788e;
}
.text-desc-post .rating-stars {
float:left;
width:212px;
padding:0;
padding-bottom:6px;
}
.text-desc-post .rating-stars em {
display:block;
float:left!important;
width:12px;
height:12px;
background:url(../images/t-star.gif) no-repeat left top;
margin-right:2px;
}
.text-desc-post em.low-rate {
background:url(../images/l-star.gif) no-repeat left top;
}
/*
blog detail
*/
#blogdetail {
width:628px;
border:1px solid #ddd;
padding:10px;
float:left;
padding-bottom:0;
margin-bottom:10px;
}
.detailheading {
width:628px;
float:left;
border-bottom:1px solid #ddd;
margin-bottom:8px;
}
.detailheading h5 {
float:left;
width:378px;
}
.info_rating {
float:right;
width:248px;
}
.info_rating p {
float:left;
color:#999;
font-style:italic;
}
.info_rating .rating-stars {
padding:0;
float:right;
width:75px;
}
.info_rating .rating-stars em {
display:block;
float:left!important;
width:12px;
height:12px;
background:url(../images/t-star.gif) no-repeat left top;
margin-right:2px;
}
.info_rating .rating-stars em.low-rate {
background:url(../images/l-star.gif) no-repeat left top;
}
.blogdetail_content {
float:left;
width:628px;
}
.blogdetail_content p {
color:#555;
padding-bottom:12px;
line-height:17px;
text-align:justify;
}
.blogdetail_content img.left_align {
padding:6px;
background:url(../images/frame-blog-detail.jpg) no-repeat left top;
float:left;
margin-right:10px;
margin-bottom:10px;
width:249px;
height:229px;
}
.post_info {
float:right;
width:357px;
padding-bottom:8px;
padding-top:3px;
}
.post_info ul {
float:left;
}
.post_info li {
float:left;
padding:0 6px 0 8px;
line-height:18px;
color:#666;
background:url(../images/bg-sep-tab.gif) no-repeat left 6px;
}
.post_info li:first-child {
background:none;
padding-left:0;
}
.post_info a.btn-share {
background: url(../images/bg-share-social.gif) no-repeat left top ;
display: block;
float: right;
height: 17px;
text-indent: -9999px;
width: 72px;
margin-top:1px;
}
.post_comment {
float:left;
width:648px;
border:1px solid #ddd;
margin-bottom:12px;
}
.heading_comment {
width:628px;
float:left;
padding:10px 10px;
background:url(../images/bg-hd-news.gif) repeat-x left top #ebebeb;
}
.heading_comment h2 {
padding:0;
}
.content_post_comment {
float:left;
width:628px;
padding:10px;
}
.imguser {
float:left;
width:50px;
}
.textarea_field {
float:right;
width:566px;
border:1px solid #ddd;
}
.textarea_field textarea {
width:546px;
background:#fff;
height:80px;
padding:10px;
border:none;
overflow:hidden;
font-family:tahoma, arial, sans-serif;
color:#b7b7b7;
font-size:11px;
}
.submitfield {
float:left;
width:566px;
border-top:1px solid #ddd;
height:31px;
background:#f8f8f8;
}
.submitfield input {
float:left;
height:31px;
border:none;
background:none;
color:#a7a7a7;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
cursor
ointer;
width:83px;
}
.submitfield input.btn_imgupload {
border-right:1px solid #ddd;
}
.submitfield input.btn_postcomment {
border-left:1px solid #ddd;
float:right;
}
.heading-cmtusr-top {
margin-bottom:10px;
}
.user_comment {
float:left;
width:650px;
}
.user_comment_box {
width:628px;
border:1px solid #ddd;
padding:12px 10px;
float:left;
margin-bottom:11px;
clear:both;
min-height:76px;
height:auto!important;
height:76px;
}
.user_comment span.userimg {
display:block;
float:left;
width:36px;
border:2px solid #ddd;
}
.comment_posted_user , .panel_comment {
float:right;
width:577px;
}
.panel_comment .btn_replay {
display:block;
float:right;
line-height:21px;
background:#cbcbcb;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
padding:0 12px;
text-decoration:none;
}
.panel_comment .btn_replay:hover {
background:#00555a;
}
.user_info_panel {
float:left;
width:420px;
padding-bottom:4px;
}
.user_info_panel h5 {
float:left;
width:420px;
padding-bottom:4px;
}
.comment_posted_user .user_info_panel p {
color:#afafaf;
float:left;
line-height:15px;
}
.user_info_panel .rating-stars {
padding:0;
float:left;
width:75px;
padding-left:10px;
}
.user_info_panel .rating-stars em {
display:block;
float:left!important;
width:12px;
height:12px;
background:url(../images/t-star.gif) no-repeat left top;
margin-right:2px;
}
.user_info_panel .rating-stars em.low-rate {
background:url(../images/l-star.gif) no-repeat left top;
}
.comment_posted_user p{
line-height:18px;
color:#777;
text-align:justify;
}
.comment_replay_first, .comment_replay_second{
width:625px;
float:left;
padding-left:25px;
background:url(../images/bg-comment-first.gif) no-repeat left bottom;
}
.comment_replay_second {
padding-left:25px;
width:600px;
margin-left:25px;
float:left;
}
.comment_replay_second .user_comment_box {
width:567px;
border:1px solid #ddd;
padding:12px 10px;
padding-left:21px;
float:left;
margin-bottom:10px;
background:url(../images/bg-comment-firstlvl.gif) repeat-y left top;
}
.comment_replay_first .user_comment_box {
width:592px;
border:1px solid #ddd;
padding:12px 10px;
padding-left:21px;
float:left;
background:url(../images/bg-comment-firstlvl.gif) repeat-y left top;
}
.comment_replay_first .comment_posted_user , .comment_replay_first .panel_comment {
width:540px;
}
.comment_replay_second .comment_posted_user , .comment_replay_second .panel_comment {
width:515px;
}