@import url("game.css");
@import url("post.css");
@import url("forum.css");
@import url("menu.css");
@charset "UTF-8";
body {
color: #094c8a;
background-image: url(img/body.png);
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
right: 0px;
max-width: 750px;
margin: 0 auto;
height: 100%;
padding: 0px;
}
a:link, a:visited {
color : #417394;
text-decoration : none;
} 
p, h1, h2, h3, h4, h5, h6 {
font-size: 13px;
display: inline;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
}
table.padded-table td {
padding: 0;
}
select {
background: #fff;
color: #555;
width: 100px;
margin: 0;
padding: 1px;
font-size: 14px;
border: 1px solid #5ac1c7;
}
.select_head {
background: #fff;
color: #555;
width: 100px;
margin: 0;
padding: 1px;
font-size: 14px;
border: 1px solid #5ac1c7;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
textarea {
background: #FDFDFD;
color: #555;
border: 1px solid #5ac1c7;
padding: 4px;
margin: 3px 3px 0px 0px;
width: 98%;
font-size: 14px;
box-shadow: inset 1px 1px 3px #eee;
}
input[type="submit"] {
background: #00a2ab;
font-weight: bold;
padding: 2px 6px;
margin: 3px 2px;
color: #fff;
border: 0px;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
input[type="button"] {
background: #00a2ab;
font-weight: bold;
padding: 2px 6px;
margin: 3px 2px;
color: #fff;
border: 0px;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
input[type="text"], input[type="password"] {
background: #FDFDFD;
color: #555;
border: 1px solid #5ac1c7;
padding: 2px 4px;
margin: 3px 3px 3px 0px;
font-size: 14px;
box-shadow: inset 1px 1px 3px #eee;
}
input[type="checkbox"] {
vertical-align: middle;
}
.body {
border-top: 1px solid #43829c;
border-left: 2px solid #43829c;
border-right: 2px solid #43829c;
border-bottom: 1px solid #43829c;
}
.head {
background: #036D96;
border-top: 1px solid #2e4354;
border-bottom: 1px solid #d1d1d1;
color: #f8f8f8;
margin: 0px 0;
padding: 4px 0px 4px 6px;
font-size: 11px;
}
.head a {
color: #fff;
}
.navbar_top {
background: #498fab;
border-bottom: 2px solid #73b8c7;
}
tr.navbar td, tr.navbar td a {
color: white;
font-weight: none;
text-decoration: none;
text-align: center;
vertical-align: bottom;
padding-left: 0;
padding: 3px 6px 5px 5px;
}
tr.navbar td{
background-color: #498fab;
}
tr.navbar td#left{
border-left: 1px solid #3e7d96;
}
tr.navbar td#center{
border-left: 1px solid #3e7d96;
border-right: 1px solid #5ca7c4;
}
tr.navbar td#right{
border-right: 1px solid #5ca7c4;
}
.main-xmenu {
background-color: #F7F8E1;
border: 1px solid #e0e0e0;
padding: 4px 4px 1px 4px;
margin-bottom: 4px;
}
.main {
background: #e8e8e8;
padding: 4px 4px 5px 4px;
color: #333;
border-left: 2px solid #c9c9c9;
border-right: 2px solid #c9c9c9;
}
.list-top {
border-top: 1px dashed #e3e3e3;
}
.list-bottom {
border-bottom: 1px dashed #e3e3e3;
}
.mainbody {
background-color: #f7f7f9;
padding : 4px; 
margin-bottom: 10px;
overflow: hidden;
}
.top_user {
background-color: #f7f7f9;
border: 1px solid #f0f0f0;
padding : 4px 10px;
color: #555;
margin-bottom: 10px;
overflow: hidden;
}
.top_user_menu {
font-size: 11px;
padding: 2px 0px;
color: #CD853F;
}
.top_user_menu a {
color: #818a1d;
}
.vietbai {
background-color: #EEEEEE;
color: #333;
padding: 3px 6px;
font-size: 12px;
margin-bottom: 2px;
}
.mota {
background-color: #f2f2f2;
margin-top: 2px;
color: #CD853F;
padding: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.topxbit {
padding: 0;
margin: 0;
background-color: whiteSmoke;
color: #393939;
border: 0;
display: block;
border-bottom: 1px solid #ECECEC;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.xmenu {
background-color: #f0f0f0;
overflow: hidden;
color: #333;
padding: 3px 6px;
font-size: 12px;
}
.omenu {
background-color: #e9ffd4;
color: #333;
padding: 3px 6px;
font-size: 12px;
}
.danhmuc {
background: #78b6cf url(img/danhmuc.png) repeat-x bottom;
border-top: 3px solid #65a7bf;
padding: 3px 6px;
color: #fff;
margin: -5px -5px 2px -5px;
font-weight: bold;
}

.danhmuc a {
color:#fff;
}
.footer {
font-weight: bold;
background:#498fab;
border-top: 2px solid #73b8c7;
color: #fff;
padding: 3px 6px;
margin-top: -5px;
}
.footer a{
color: #fff;
}
.list_menu {
background-color: #f3f3f3;
padding: 3px 6px;
font-size: 11px;
color: #d1d1d1;
margin-top: 4px;
}

.navmenu {
background-color: #f7f7f9;
overflow: hidden;
padding: 5px;
margin: 0px 5px 5px 5px;
}
.luuy {
padding: 2px;
margin-bottom: 4px;
color: #e86d66;
}
.thongbao {
background:#faf2e1;
padding : 2px 5px;
margin-bottom: 0px 5px;
color: #555;
}
.menu {
padding : 2px 5px;
margin: 0px -4px;
color: #555;
overflow: hidden;
}
.listmenu {
background-color: #EAF6FC;
border-radius: 5px;
border: 1px solid #bce8f1;
color: #31708f;
margin: 0px 8px 5px 8px;
padding: 5px;
overflow: hidden;
}
.menu_post {
background:#faf2f0;
border: 1px solid #faebe6;
padding : 2px 5px;
margin: 0px -5px;
color: #555;
}
.menu_table {
padding : 0px 5px;
}
.chat {
color: #656565;
margin: 0px -4px;
}
.chat_text {
padding-left: 5px; 
}
.sub {
font-size: 11px;
padding: 2px;
color: #666;
}
.sub a {
color: #666;
}
.thongbaomini {
background-color: #DFF0D8;
padding: 3px;
margin-bottom: 5px;
border: 1px solid #e0e0e0;
}
#hinhanh
{
margin-top: 1px;
margin-bottom: 1px;
padding: 1px;
max-width: 300px;
}
.itempost {
margin-top: 8px;
margin-bottom: 4px;
}
a.itempost_menu {
background-color: #e4f3fd;
font-size: 11px;
color: #333;
padding: 1px 2px 1px 2px;
border: 1px solid #c8e9ff;
}
.notify_no
{
border-radius: 3px;
padding: 1px;
background: #F00;
position: absolute;
font-weight: bold;
color: #fff;
}
.composer_form .no_table .profpic{padding-right:5px;}
.composer .composer_form .composerInputWithPic{padding:1px 0 1px;}
.composerClosed .composerInput{height:auto;}
#composer_form, .composer_form{display:inline;}
.comboInput td{vertical-align:top;padding:0;}
.comboInput .inputCell{max-width: 400px;}
.comboInput{max-width: 400px;width: 100%;}
.comboInput .btnCell{padding-left:4px;}
.comboInput .input{display:block;width:100%;}
.comboInput .inputPic{padding-right:3px;}
.input{padding:3px;}
a.pagenav, .currentpage {
background: #ffc9f5;
padding: 2px 4px;
color: #c957a3;
margin: 2px 0px;
display: inline-block;
border-radius: 4px;
}
.currentpage {
background: #b56ea8;
color: #fff;
}
.quote {
background: #ffdbf8;
border: 1px solid #FFE9C0;
padding: 3px;
margin-bottom: 3px;
display: block;
}
.ma {
background-color: #f0f7fc;
border: 1px solid #d7edfc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 4px;
padding: 0px;
max-width: 100%;
}
.ma .code {
color:#6cb2e4;
background:#d7edfc url('img/menuitem.png') repeat-x top;
margin: 0;
padding: 2px 4px 2px 2px;
border-bottom:1px solid #a5cae4;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.ma .coder {
background-color: #f0f7fc;
margin: 0;
padding: 4px;
font-size: 13px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
max-height: 200px;
overflow: auto;
}
.ma .coder .coderr {
margin: 0;
padding: 2px 0px 2px 0px;
}
.coderr {
font-style:italic;
font-size:9pt;
}
.download {
background: #f4f4f4;
padding: 3px;
margin: 5px;
}
.congdong {
background: #f4faed;
}
.hot {
background: #faf2e1;
}
.forum {
background: #fffdf7;
}
.error {
background: #ffeeed;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align:center;
}
.noidung {
border-top: 1px dashed #ddd;
padding: 4px;
margin: 0px -3px;
}
.menupost {
background-color: #fff1f1;
border-top:1px solid #f0f0f0;
font-size: 11px;
padding: 3px;
margin: 2px -3px -3px -3px;
color: #666;
}
.menupost a {
color: #666;
}
.mitemCount {
margin-left: -10px;
padding:1px 2px;
text-align:center;
background:red;
color:#fff;
font-size:11px;
font-weight:bold;
border-radius:2px;
box-shadow:2px 2px 5px rgba(0,0,0,.25)
}
.postcomment {
margin-left: -7px;
padding:1px 3px 1px 4px;
text-align:center;
background:#2dacba;
color:#fff;
font-size:12px;
font-weight:bold;
border-radius:2px;
box-shadow:2px 2px 5px rgba(0,0,0,.25)
}
img.blog-avatar {
    width: 45px;
    position: relative;
    z-index:0;
}
img.avatar {
    width: 45px;
}
.tintuc {
background-color: #F7F8E1;
border: 1px solid #e0e0e0;
padding: 4px;
margin-bottom: 4px;
font-size: 11px;
color: #333;
}
.online {
text-align: center;
padding: 4px;
margin-bottom: 4px;
font-size: 12px;
color: #555;
}
.chuyenmuc {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
background-color: #F7F8E1;
border: 1px solid #e0e0e0;
text-align: center;
padding: 4px;
margin-bottom: 4px;
color: #e2e2e2;
}
.chuyenmuc a {
color: #7a9127;
}
td.current-post{
border: 1px solid #f2f2f2;
padding:0px 4px 4px 4px;
margin-bottom: 5px;
position: relative;
background-color: #f2f2f2; 
}
td.current-top{
border: 1px solid #f2f2f2;
padding:0px 4px 4px 4px;
position: relative;
background-color: #fff7eb;    
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
td.current-blog{
padding:4px;
position: relative;
background-color: #fff;    
border: 1px solid #f2f2f2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 4px;
}
td.blog-avatar {
vertical-align:top;	
}
div.blog-bg-left{
height: 0;
}
div.blog-bg-left img{
position: relative;
left:-11px;
top:-6px;
}
.baigui {
font-size: 10px;
text-align: center;
color: #333333;
padding-top: 2px;
}
#raucu {
padding: 1px;
}
#thuhoach {
padding: 1px;
border: 1px solid #ff9d00;
}
.hello {
text-align: center;
margin: -1px -5px -3px -5px;
}
.list_post { 
vertical-align:top;
width:50px;	
}
.list_online { 
background: #f4faed;
border-right: 1px dashed #e3e3e3;
padding : 2px 1px 2px 3px; 
vertical-align:top;
width:20px;
}
.list_offline { 
background: #faf2e1;
border-right: 1px dashed #e3e3e3;
padding: 2px 1px 2px 3px; 
vertical-align:top;
width:20px;
}
.mem_online { 
background-color: #f2f5dc;
padding : 3px; 
margin: 0px 5px 5px 5px;
color:#555;
}

.avatar_vina {
width: 45px;
height: 48px;
float: left;
margin-right: 3px;
} 
.avatar_forum {
width: 45px;
vertical-align:top;
} 
.item {
float: left;
margin-right: 5px;
} 
.box_ndung_bviet {
margin-top: 3px;
}
.qc {
padding: 0px 6px;
margin: 0px 1px 5px 1px;
}
.navtopmenu {
margin-top: 5px;
background-color: #f2f5dc;
padding : 4px 5px;
color: #f0f0f0;
text-align:center;
font-size: 11px;
}
.navtopmenu a {
color: #98a158;
}
.post_btn_menu {
padding-left: 5px;
}
.post_btn {
font-weight: bold;
border-radius: 4px;
color: #fff;
margin: 2px 0px 0px 2px;
padding: 2px 5px 2px 5px;
background: #4388a1;
}
a.post_btn {
color: #fff;
}
.users {
border-bottom: 1px dashed #e3e3e3;
}
.user_header {
background: #fafafa;
padding: 12px 5px 15px 5px;
margin-bottom: 5px;
}
.btn-red {
background: #cc6b68;
border-bottom: 3px solid #bf504b;
font-weight: bold;
color : #fff;
}
.btn-blue {
background: #859920;
border-bottom: 3px solid #667519;
font-weight: bold;
color : #fff;
}
a.btn-red, a.btn-blue {
color : #fff;
padding: 8px;
}

.navbar {
  padding: 2px;
}
 
#navbar {
  padding-left:5px;
  font-size:12px;
}

#navbar a {
  color:#555;
  font-weight:bold;
}

#navbar tr, #navbar td{
  background:#ffc9f5;
  padding:4px
}

#navbar td {
  padding-left:5px;
  padding-right:5px;
  text-align:center
}

#navbar .active {
  background:#498fab;
  transition: background-color 0.10s;
  -moz-transition: background-color 0.10s;
  -webkit-transition: background-color 0.10s;
  -o-transition: background-color 0.10s;
}

#navbar .active a {
  color:#fff
}
#menu_post {
 text-align: center;
 margin: -9px -10px 4px 5px;
}

/*BOX MENU*/
.box_review {
 background: #F7F8E1;
 margin: 14px 14px 0px 0px;
 vertical-align: top;
}
.box_review .cover {
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 height: 100px;
 position: relative;
}

.menu_list {
display: inline-block;
text-align: left;
width: 50%;
max-width: 220px;
vertical-align: top;
}

@media (min-width: 450px) {
.menu_list {
 width: 33.33%;
 max-width: 300px;
}
}
@media (min-width: 700px) {
.menu_list {
 width: 25%;
 max-width: 250px;
}
}