Demo : http://trasua4.123.st/
Thanks To : Lasperpen
Css :
Thanks To : Lasperpen
Css :
- Code:
body {
color: #000;
background-color: #1c1c1c;
background-image: url(http://i77.servimg.com/u/f77/16/55/90/36/bg_rep10.jpg);
background-repeat: repeat;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 960px;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#user_navigation #sign_in {
background: #FFA07A;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #FFA07A;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(http://i81.servimg.com/u/f81/17/45/75/97/brandi10.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
.clickable {
cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegaĂ§Ă£o*/
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
color: #c5d5e2;
background: #1c3b5f;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #173455;
color: #fff;
}
#community_app_menu > li.active > a {
background: #fff;
color: #0b5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*module*/
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
background: #DBE2EC;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 90px;
width: 90px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
/*quick reply*/
#pun-qpost {
background: #ebf0f3;
padding: 9px;
padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
border: 1px solid #dbe4ef;
}
.pun .main-content {
border: 1px solid #dbe4ef;
border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*crumbs*/
p.crumbs a {
color: #777!important;
font: normal 13px helvetica, arial, sans-serif;
}
#chatbox_members {
background:#ededed;
border-right:1px solid #ccc;
margin-bottom:-35px;
margin-top:-30px;
font:bold 12px Arial;
overflow:auto;
}
#chatbox_members .member-title {
background:url(http://i80.servimg.com/u/f80/16/18/15/10/196.png)no-repeat left top;
color:#38788c;
padding:10px;
}
#chatbox_footer {
margin-left:181px;
border-top:1px solid #ccc;
background:#f7f7f7;
}
#chatbox {
overflow-x:hidden;
margin-bottom:37px;
margin-right:0px;
margin-left:0px;
overflow-y: scroll;
}
#chatbox_header.main-head {
border:0;
background:#FFF url(http://i80.servimg.com/u/f80/16/18/15/10/122.png)repeat-x -1px 0px;
font-size:0;
}
#chatbox_header.main-head a {
color:#333;
}
#message {
width:360px;
height:16px;
font-size:13px;
border:1px solid #b0b0b0;
background-color:#fff;
margin:5px -60px 15px -180px;
padding:10px 70px 9px 50px;
}
#chatbox img {
max-width:400px;
border:1px solid #d4d4d4;padding:4px;
margin-top:4px;
}
#chatbox img[src*="r12.imgfast.net"]{
border:0px;padding:0px;margin-top:0px;
}
.chatbox_row_1,.chatbox_row_2 {
font:10px Arial;
color:#adadad;
background:#fff;
}
#chatbox_members .away{display:none;}
#chatbox_members .away+.online-users{margin-top:-38px}
#chatbox_members .online+.online-users a{background: url(http://2img.net/i/fa/Online.png)no-repeat left;padding-left:15px;}
.away+.online-users a{background: url(http://2img.net/i/fa/Offline.png)no-repeat left;padding-left:15px;}
.chatbox-options{font-size:0px;margin-top:5px;padding-right:5px}
.chatbox-options a{border:1px solid #9c999c;
background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/117.png)repeat-x;
cursor: pointer;
box-shadow: 0px 1px 0px #dedade;
padding:3px 5px;
color:#000;
font:bold 12px Tahoma;
float:left;
}
.chatbox-options a:active {
background:#dedede;
box-shadow: inset 0 1px 1px #b0b0b0;
}
#chatbox_option_autorefresh{display:none}
#chatbox .msg a{
color:#1e1c59;
background:url(http://i48.servimg.com/u/f48/16/18/15/10/untit361.png)no-repeat 4px center;
padding-left:20px;
}
.pun .postbody {line-height:18px;}
#chatbox .msg a:hover{color:red}
#chatbox .msg{font:normal 13px/18px Tahoma,Helvetica,verdana,arial,sans-serif}
div.fontbutton,div.fontbutton_normal {
margin-top:10px;
width:20px;
height:18px;
background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/117.png)repeat-x;
}
div.fontbutton_selected {
border:1px solid #999!important;
background:#dedede;
}
div.fontbutton_clicked {
background:#dedede;
border:1px solid #999;
}
#submit_button {
margin-right:20px;
}
#divcolor {
border:0;
background:none;
margin-top:-5px;
margin-right:55px;
}
#divsmilies {
margin-left:-65px;
margin-top:13px;
border:0;
background:none;
border-right:1px solid #ccc;
padding-right:8px;
}
img[src="http://2img.net/i/fa/resize.gif"]{display:inline-block;margin-bottom:-20px}
blockquote blockquote,#divcolor img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],img[src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif"],#divsmilies img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],#divunderline{display:none}
div.fontbutton {
cursor:pointer;
height:18px;
border:1px solid #999;
background:#dedede;
}
/*box*/
.main-head {
border: 0 none;
}
.main .main-foot, .main .main-head {
background-image: url(http://i77.servimg.com/u/f77/16/55/90/36/bg_rep10.jpg);
}
.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color: #FF0;
font-size: 16px!important;
font-variant: small-caps;
font-weight: 600!important;
}
.pun .main-content {
background-color: #fbfbfb;
border: 1px solid #ddd;
}
.boxfmvi {
border: 1px solid #3CA5FB!important;
margin-bottom: 20px;
}
/* TÆ°á»ng nhĂ */
#profile-advanced-details ol li{margin-bottom:10px}
#main-content{margin-top:50px}
#profile-advanced-add a[href^='/profile?friend']{background:url(http://i48.servimg.com/u/f48/16/58/89/73/icon710.png) no-repeat scroll right center #FCFEE8}
#profile-advanced-add a[href^='/profile?foe']{background:url(http://i48.servimg.com/u/f48/16/58/89/73/icon810.png) no-repeat scroll right center #FFEDED}
#profile-advanced-add a[href^='/profile?mode=editprofile&page_profil=friendsfoes']{background:url(http://i48.servimg.com/u/f48/16/58/89/73/icon410.png) no-repeat scroll right center #E3FBFF}
#profile-advanced-details .stats-field{margin:4px 4px 15px}
#profile-advanced-details .stats-field{border:1px solid #DDD}
#profile-advanced-details .stats-field legend{background-color:#F4F4F4;border:1px solid #DDD;color:#097BC2;font-size:16px;font-variant:small-caps;font-weight:700;padding:3px 10px 5px}
#profile-advanced-right .main-content.center{color:#FFF}
#profile-advanced-right .main-content.center img{width:150px}
#profile-advanced-layout #new-message{margin-top:25px}
#profile-advanced-details .new-message.bottom{display:none}
#profile-advanced-details{margin-right:0!important}
#profile-advanced-details .pagination{background:url(http://i48.servimg.com/u/f48/16/58/89/73/36054_10.png) no-repeat scroll 10px center #DDFFF5;border:1px solid #666;float:right!important;font-size:0;margin:5px 0 10px!important;color:transparent;padding:3px 10px 0 30px}
.pagination.top a,.pagination.top b{font-family:Georgia;font-size:16px;margin:0 5px}
.pagination b,.pagination a:hover{color:red}
#tabs ul li a{background-color:transparent;border:0 none;color:#373636;padding:0 10px}
#tabs ul li.activetab a,#tabs ul li.activetab a:hover,#tabs ul li a:hover{background-color:#666;color:#DDD;margin-top:-5px;padding-top:5px}
#tabs ul li,#tabs ul{padding:0}
.middleline{margin-bottom:-10px}
.middleline dd img{float:left;margin-top:5px}
#profile-advanced-details dl{line-height:24px;margin:0;padding:0}
#profile-advanced-details div.separator{padding-top:0}
#profile-advanced-details dl dt{text-align:right}
#profile-advanced-right{width:230px}
#profile-advanced-left{margin-right:232px}
#profile-advanced-layout{float:left;margin-right:-232px;width:100%}
#profile-advanced-details .message-block{margin-left:63px;border:1px solid #DDD;padding:5px}
#profile-advanced-details .message-footer{margin-right:-3px;padding-bottom:3px;padding-top:10px;text-align:right}
#profile-advanced-details .message-header{border:1px solid #DDD}
#profile-advanced-details .message-footer li:after{content:""!important}
#profile-advanced-details .message-footer li{background:url(http://i48.servimg.com/u/f48/16/58/89/73/view_d10.png) no-repeat scroll 2px center #FCFEE8;border:1px solid #DDD;padding:2px 3px 2px 20px}
#profile-advanced-details .message-footer li.last{background:url(http://i48.servimg.com/u/f48/16/58/89/73/remove10.png) no-repeat scroll 2px center #FFEDED;border:1px solid #DDD;padding:2px 3px 2px 20px}
.friend-block{border:1px solid #DDD;overflow:hidden;position:relative;text-align:left;width:208px;margin:5px}
.friend-block .avatar{background-color:#666;border:0 none;border-radius:3px 3px 3px 3px;float:left;height:48px;overflow:hidden;width:48px;margin:3px}
.friend-block .avatar img{width:48px}
.friend-block span{left:60px;position:absolute;top:10px}
.friend_list_online_status{left:60px;position:absolute;top:30px}
#profile-advanced-right .mainmenu{background-color:#DDD;border:1px solid #666;display:block;margin:0 5px;padding:5px 0}
#profile-advanced-add a{border:1px solid #DDD!important;line-height:20px;width:203px;margin:0!important;padding:3px 22px 3px 3px !important}
/* Latest topic */
#lastFMvi #google_ads_div_180x150{display:none}
.fmvitk2{background:transparent!important;position:absolute;right:0;width:200px;top:27px}
.fmvitit{top:0;position:absolute;width:210px;right:0}
.fmvitit span{float:right;padding-right:10px;}
#recent_topics ul{list-style-type:decimal-leading-zero}
#recent_topics li{position:relative;width:425px;line-height:17px}
.nTright{position:absolute;right:0}
#recent_topics .nTopics{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;width:255px}
#lastFMvi > .main-content{width:921px;position:relative;margin:2px}
.top-vi,.viewrep{padding:10px!important;min-height:82px}
.leftrecent,.lastcate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute}
.leftrecent{width:255px}.leftrecent.fm2{width:175px}
#lastFMvi .main-content{border:0 none!important}
.imgstatus{background:url(http://i48.servimg.com/u/f48/16/58/89/73/post_o10.png) no-repeat scroll center center #FFF;display:block;height:11px;left:-35px;position:absolute;top:0;width:30px;padding:3px 5px 2px}
.imgstatus.newF{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/post_n10.gif)}
.imgstatus.lockF{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/locked10.png)}
.rightrecent{right:250px;text-align:right;width:115px}
.showpost{font-size:9px;left:-12px;line-height:18px;position:absolute}
.lastcate{right:0;text-align:right;width:120px}
#content-container div#left,#content-container div#right{border:0 none;float:none;width:100%;margin:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
* html #content-container #main-content{overflow:visible;margin-right:0;margin-left:0}
* html #content-container div#main{margin-left:-99%;margin-right:-99%;width:100%;float:none}
.latest_topics{list-style:decimal-leading-zero outside none;text-align:left;margin:0!important;padding:0 5px 0 30px}
.latest_topics li{line-height:16.1px;position:relative}
.toppost_width{float:left; width: 200px}
.recentWidth .main-head{position: relative; height: 1.3em;overflow: hidden;}
.recentWidth h3{marign-left: 10px}
.table .tcl{height:auto!important}
.pun{background-color:#FFF;padding:12px;border:1px solid #DDDDDD;min-width:931px!important;width:931px;margin:0 auto}
.loaddinng{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/black-10.gif);background-position:center center;background-repeat:no-repeat;height:200px;width:100%}
#checktip{position:absolute;right:10px;top:3px;z-index:300}
#numRecent{display:none;position:absolute;right:12px;top:7px}
.codebox dt a{float:right;padding-left:20px}
.main .main-foot,.main .main-head,.main-head.clearfix .h2,.main-head.clearfix .options{height:20px;line-height:20px}
#recent_topics {
width: 456px;
height: 212px;
overflow: auto;
}
/* ThĂ¡Â»â€˜ng kĂª */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;width:846px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#DDD;color:#706969;font-family:Comic Sans MS!important;font-variant:small-caps!important;font-weight:700!important;height:20px;line-height:20px;text-shadow:1px 1px 1px #FFF;padding:5px}
/*Hiện thĂ´ng tin khi rĂª chuá»™t vĂ o***********************************/
.perfilInfo { background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%; float: left; height: 14em; left: -38em; padding: 16px 0px 38px 5px; top: 13px; width: 510px; z-index: 999; }
.linkPrf { -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background: #F6F6F6; border: 1px solid #DBDBDB; border-radius: 0 0 4px 4px; bottom: -14px; border-top:none; box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3); color: #616161; float: left; height: 14px; left: 13.8em; margin: 2px; padding: 5px; text-align: center; text-decoration: none!important; transition: all .2s ease-in-out; width: 8em; }
.linkPrf:hover{color: #4C4C4C;border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil { background: rgba(0, 0, 0, 0.3); display: block; height: 100%; padding: 5px; padding-bottom: 10px; border-radius: 3px; }
.setPerfil > span { background: #f9f9f9; border-radius: 3px; display: block; height: 100%; padding: 3px; border: 1px solid #999; }
.setPerfil .PerfilInfoImg { width: 94px; height: 160px; float: left; display: table; background: #E1E1E1; padding: 3px; box-shadow: 1px 1px 0 #CCC; }
.setPerfil p div{ display: inline; }
.setPerfil h2 { float: left; font: bold 19px "Trebuchet MS"; display: block; background: #E1E1E1; width: 382px; padding: 5px; text-shadow: 1px 1px 0 white; border-radius: 0 10px 0px 0; box-shadow: 1px 1px 0 #CCC; margin-bottom:10px; }
.setPerfil p { margin: 2px 5px; float: right; display: block; background: #F1F1F1; width: 350px; text-align: left; padding: 5px; box-shadow: 1px 1px 0 #CCC; font-weight: normal; border-left: 3px solid #333; border-top: 1px solid #333; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.setPerfil p:hover { box-shadow: 1px 1px 0 #9A9A9A; }
.sceditor-group a { cursor:pointer!important; border:1px solid #999!important; background:#FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left!important; box-shadow:0 1px 0 #dedade!important; margin-left:-1px; border-radius:0; -moz-border-radius:0; padding:1px 3px!important; }
a.sceditor-button-faspoiler div { background:#FFF url(http://i35.servimg.com/u/f35/16/18/15/10/183.png)no-repeat center!important; border:1px solid #ccc!important; height:9px!important; width:9px!important; padding:3px!important; }
.sceditor-container { border:1px solid #bdbdbd!important; border-radius:0!important; -moz-border-radius:0!important; }
.sceditor-toolbar { text-align:left; border-bottom:1px solid #cecfce!important; background:#f2f2f2!important; }
.sceditor-group a:active { background:#dedede!important; box-shadow:inset 0 1px 1px #b0b0b0!important; }
.sceditor-group a.hover,.sceditor-group a.active { background:#dedede!important; box-shadow:inset 0 0 0 #b0b0b0!important; }
.sceditor-toolbar .sceditor-group { background:none!important; border:0!important; }
/*Viewtopic***********************************/
.pun .postmain { background-color: rgb(255, 255, 255); border: 1px solid #b0b0b0; margin-left: 0em; }
ul#cungchuyenmuc { padding-top:25px; }
#cungchuyenmuc li { margin-left:25px; list-style:square; margin-top:2px; width:45%; float:left; padding-bottom:3px; }
#cungchuyenmuc span { position:absolute; display:inline-block; width:342px; height:16px; overflow:hidden; margin-bottom:-3px; }
#cungchuyenmuc a {text-decoration:none!important;color:#333;font:12px Tahoma;}
#cungchuyenmuc a:hover {color:#ba3814;}
.pun .topic { background: #fff; border: 0px solid #ccc; border-style: none solid; }
.thongtintv img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); background: #fff; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0,0,0,0.1); max-height: 22px; padding: 1px; vertical-align: middle; max-width: 22px; }
.thongtintv { background: #FFFAF0;font-weight: bold; font-size: 9pt; color: #000000; font-family: Verdana,Tahoma, Helvetica, Arial, sans-serif; padding: 2px 10px 2px 10px; margin-bottom: 2px; border: 1px dashed #FC4400; }
.khunglas { background: rgba(255, 255, 255, 0.4); font-size: 9pt; color: #000000; font-family: Verdana,Tahoma, Helvetica, Arial, sans-serif; padding: 2px 10px 2px 10px; margin-bottom: 2px; border: 1px dashed #ccc;}
.main-content.frm .frm-set dl dt{width: auto !important;}
div#fixadent1 {width:780px;border:1px solid #d4d4d4;height:20px;overflow:hidden;background-color:#f7f7f7;padding:8px 6px;}
.fixed1 {position: fixed;top: 0;margin-right: 0;z-index: 999;}
.pun a.ola_1 {display:inline-block;margin-top:-2px;margin-left:10px;font:bold 13px Tahoma;color:#333;text-decoration:none!important;}
a.ola_1:hover {color:red;}
.postbody img {max-width:710px;}
.pun .view_topic a[href*="topic?watch=topic"]{font-size:0px;display:inline-block;width:16px;height:16px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/accept10.png)no-repeat;margin-left:5px}
.pun .view_topic a[href*="unwatch"]{font-size:0px;display:inline-block;width:16px;height:16px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/delete11.png)no-repeat;margin-left:5px}
.sig-content img {max-width:700px;max-height:250px;}
.sig-content:hover { max-height:1000px; transition:all 1s; }
.sig-content { clear:both; max-height:180px; overflow:hidden; position:relative; border-top:1px solid #d8d8d8; }
.nen_pt+a[href*="/u"] {display:none;}
.pun .entry-content {overflow: hidden;padding-bottom: .8em;width: 766px;}
.pun .main, .pun .main-category {margin: 0em 0;}
.pun .postmain {background-color: rgb(255, 255, 255);border-left: 1px solid rgb(204, 204, 204);margin-left: 0em;}
.postfoot {border-top: 1px solid #ccc;clear: both;margin-left: 0em;padding: 0px;text-align: right;}
.pun .bai_viet1 {background: rgba(0,0,0,0.04);border: 0px solid #ccc;border-style: none solid;}
.module, .main:nth-child(5) .main-content a:nth-child(10n+1){color:#00A5CD}
.module, .main:nth-child(5) .main-content a:nth-child(10n+6){color:#7CBA2C}
.sceditor-container iframe, .sceditor-container textarea { background-image: url(http://stc.ugc.zdn.vn/qa/v30/images/bgd_note.gif)!important; background-position: center center!important; background-repeat: no-repeat!important; }
#pun-about { background-color: #add1ff; border-color: #fff; border-style: solid; border-width: 1px; line-height: 150%; padding: .6em 1em; text-align: right; }