/*//////////////////////////////////////////////////
/@2016 - VuongDZ.Xtgem.Com//
/////////////////////////////////////////////////*/



@import url("/css/font.css");

body {
    background: url("http://vuongdz.xtgem.com/img/url.gif");
    color: #000000;
    font-family: Arial, Tahoma, sans-serif;
    font-size: small;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
	box-shadow: 0px -10px 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
   
}
a:hover, a:focus {
    color: #009cf0;
    
}

.timkiem {
    border-radius: 20px;
    font-style: italic;
    padding: 10px;
    font-size: 11px;
    border: solid 1px #E8E8E8;
}
.phantop {
width: 100%;
margin-bottom: 10px;
  margin-top: 10px;
}

header #vina_link{
background:#ECECEC;
padding: 15px;
}

a:active {
    color: #666600;
}

a:hover {
    color: #FF0000;
    text-decoration: none;
}

a:link, a:visited {
    color: #29588B;
    text-decoration: none;
}

form {
    font-size: small;
    margin: 0;
    padding: 0;
}

h3 {
    margin: 0;
    padding: 0 0 2px 0;
}

hr {
    border: 0;
    border-top: 1px solid gray;
    margin: 0;
}

p {
    margin-bottom: 6px;
    margin-top: 6px;
}

textarea {
    width: 99%;
    max-width: 640px;
    border: 1px solid #ADB7BF;
    padding: 5px;
    margin-bottom: 3px;
    border-radius: 2px;
}

ul {
    margin: 0;
    padding-left: 20px;
}

input, select {
    border: 1px solid #ADB7BF;
    padding: 3px;
    //border-radius: 2px;
}
input.pass {
    background: url("images/input_pass.png") no-repeat right center #FFF;
    padding-right: 17px;
}
input.name {
    background: url("images/input_name.png") no-repeat right center #FFF;
    padding-right: 17px;
}
input[type="submit"] {
    background: #d9534f;
    color: #FFFFFF;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.rmenu {background: #fee5fd;border: 1px solid #ffc6fc;margin: 1px 0;padding: 4px;    border: 2px solid #cc0000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;  }

.icon {
    padding: 3px 6px 3px 1px;
    vertical-align: middle;
}

.icon-inline {
    padding-right: 6px;
    vertical-align: middle;
}

img{
    max-width: 80%;
    border: 0;
}
#submit1 {
    background:#72A290;
    padding:5px 10px;
    color:#FFF;border:0;
    cursor:pointer;
    margin:2px 0;
    border-radius:4px;
}
#submit {padding: 2px 3px;background: #fff;text-align:center;}
#submit span,.#submit a{padding: 4px 8px;background: #72A290;color: #fff;margin: 1px 1px;display:inline-block; border-radius:2px;}
#submit a:hover{background:#FF6702;}
#submit {padding: 4px 8px;background: #FF6702;color: #fff;margin: 1px 1px;display: inline-block;}

.alarm {
    background-color: #F23439;
    border-bottom: 1px solid #E7FFC1;
    color: #ffffff;
    font-weight: bold;
    padding: 4px;
}
.logo {
    background-color: #66C755;
    background-repeat: repeat-x;
    background-position: 50% top;
    background-image: url(http://vuongdz.xtgem.com/img/images/phdr.png);
    font-size: 18px;
    font-family: verdana;
    border-bottom: 1px solid #86bd2c;
    padding: 0;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}


.logo img {
vertical-align:middle;
}
.logo b,.adv a:hover {
color:#fe83a0
}
.navbar {
    color: #fff;
    border-top: 1px solid #A4DC4C;
    background: #EF8F50;
    padding: 8px;

}
.navbar span.item {
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
    padding: 4px;
}
.navbar .selected {
    background: #ff6702;
    color: #fff;
}
.navbar span.item {
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
    padding: 4px;
}
.navbar a{color:#fff}
.navbar .selected{background:#ff6702;color:#fff}
.navbar span.item:hover{background:#ff6702;color:#fff}

.bblist {
    color: #4A5663;
    background: transparent url(/images/dot.gif) no-repeat left;
    padding: 0px 0px 0px 10px;
}

/*ĐŸĐ°Đ½ĐµĐ»ÑŒ bb*/
.bbpopup {
    margin-top: 3px;
}

/* Đ¡ÑÑ‹Đ»ĐºĐ¸ Đ´Đ»Ñ Đ¿Đ°Đ½ĐµĐ»Đ¸ bb*/
.bbpopup a {
    border: 1px solid #a7a7a7;
    height: 10px;
    display: inline-block;
    margin: 1px;
    vertical-align: middle;
    width: 10px;
}

.bmenu {
    background-color: #D3D8DB;
    border-bottom: 1px solid #bbb;
    margin: 1px 0px;
    padding: 2px 4px 4px 4px;
}

.end {
    text-align: center;
}

.fmenu {
    background-color: #E8E8FF;
    border-top: 1px solid #D6D6F7;
    border-left: 1px solid #D3D8DE;
    border-right: 1px solid #D3D8DE;
    color: #FFFFFF;
    margin-top: 7px;
    padding: 6px;
    border-radius: 5px;
    margin-bottom: 3px;
}

.header {
    background : #b4e8f6 url(http://vuongdz.xtgem.com/img/images/phdr.png) repeat-x 0% top; 
    padding: 6px;
}

.footer1 {
    background: #383838;
    color: #fff;
    margin: 0;
    padding: 10px;
}


.footer{
    background-color: #66C755;
    background-repeat: repeat-x;
    background-position: 50% top;
    background-image: url(http://vuongdz.xtgem.com/img/images/may.png);
    font-size: 18px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;

}

.func {
    border-left: 4px solid #9acd32;
    color: #757575;
    font-size: x-small;
    margin-left: 2px;
    margin-top: 4px;
    padding-left: 4px;
}

.gmenu {
    background-color: #EDF7E8;
    margin: 1px 0px;
    border-bottom: 1px solid #DBEDD3;
    padding: 3px 4px 3px 4px;
}

.gray {
    color: #586776;
}

.greply {
    border-left: 4px solid #009900;
    color: #009900;
    padding: 2px 0 2px 4px;
}

.hdr {
    background-color: #f1f1f1;
    border-bottom: 1px solid #595959;
    font-weight: bold;
    padding-left: 2px;
}

.logo1 {
    background: url('http://vuongdz.xtgem.com/img/images/right.png') right no-repeat #2E2E43;
    padding: 0px;
    position: fixed;
    max-width: 700px;
    z-index: 9999;

}

.header {
    background: #DC315A;
    color: #fff;
    margin: 0;
    padding: 7px;
}



.left {
    float: left;
}
.listvj {
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #000000;
    padding: 10px;
    margin-bottom: 5px;
    border: solid 1px #FFC9D6;
}
.listvj a:hover,.listvj:hover {
    background-color: #FFFFFF;
    border-color: #FFC9D6;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 8px;
    color:#277400;
}


.list1 {
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #FFC9D6;
    color: #000000;
    margin: 5px 0px;
    padding: 8px;
}
.listf {
    background: none repeat scroll 0 0 #DFFBE1;
    font-size: 14px;
    line-height: 24px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    color: #31708f;
    padding: 5px 7px;
    border-radius: 5px;
    margin-top: 3px;
}
.listlike {
    background: none repeat scroll 0 0 #FFE2E2;
    font-size: 14px;
    line-height: 24px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    color: #31708f;
    padding: 5px 7px;
    border-radius: 5px;
    margin-bottom: 3px;
}

.list2 {
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #FFC9D6;
    color: #000000;
    margin: 5px 0px;
    padding: 8px;
}
.list3 {
    background-color: #F7F7F5;
    border-bottom: 1px dashed #D8DEE5;
    text-shadow: 0px 1px #fff;
    margin: 1px 0px;
    padding: 5px;
    color: #222;
}
.list4 {
    text-shadow: 0px 1px #E8E7EA;
    background-color: #FFFFFF;
    border-bottom: 1px  dashed #D8DBE3;
    margin: 1px 0px;
    padding: 5px;
    color: #222;
}

.list1 a:link, .list1 a:visited, 
.list2 a:link, .list2 a:visited,
.list3 a:link, .list3 a:visited,
.list4 a:link, .list4 a:visited
 {
    color: #393698;
    text-decoration: none;
}

.list1 a:hover, .list2 a:hover {
    color: #D15D34;
    text-decoration: none;
}

.spoilerhead {
    background: #E8E8F2;
    color: #211F67;
    padding: 3px;
    border: 1px solid #9898AD;
}

.spoilerbody {
    background: #FAFAFC;
    border: 1px solid #AFAFC4;
    border-top: none;
    padding: 4px;
    color: #333;
    border-radius: 0px 0px 3px 3px;
}
.mainvina {
    background: #FFFFFF;
    //border: 2px solid #f3f3f3;
    margin: 0;
    padding: 4px 4px 4px 4px;
}
.maintxt {
    background: #fff;
    font-weight: normal;
    margin: -6px 0px -6px 0px;
    padding: 0px;
    border-left: 1px solid #D3D8DE;
    border-right: 1px solid #D3D8DE;
}

.maintxt p a:link, .maintxt p a:visited {
    padding-left: 8px;
}
.daik {padding-top : 2px;background-color: #fff;background-position : top;}
td {line-height:15px}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #08A8E8;font-size:12px}
#tab a {color:#494949;font-weight:bold}
#tab tr, #tab td{height:25px;padding-top:4px}
#tab td {padding-left:5px;padding-right:5px;text-align:center}
#tab .active {background:#08A8E8;}
#tab .active a {color:#fff}
.newsx {background-color: #f2f6f8;padding:5px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.revi{font-size: 12px;background: url("img/images/star.png") no-repeat left;padding-left: 18px;display:none;}
.rmenu {background: #fee5fd;border: 1px solid #ffc6fc;margin: 1px 0;padding: 4px;  }
.quote { background-color: #f2f6f8; border-top: 1px dashed #e0e0e0; border-right: 1px dashed #e0e0e0; border-bottom: 1px dashed #e0e0e0; border-left: 3px solid #80abc8; margin: 2px; color: grey; padding: 4px; }
.filelist_paging, .page, .hidden, .xt_pagination, .xt_blog_paging{
    text-align: left;
    padding: 4px 2px 4px 2px;
    background: #d5f3ff;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px solid #a2b5c2;
    font-weight: bold;
    font-size: 14px;
}
.menuvj {
    background-color: #FFFFFF;
    border: solid 1px #d6e9c6;
    color: #3c763d;
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-top: 3px;

}
.menu {
    color: #444;
    background-color: #F7F7FF;
    padding: 8px 8px;
    border-bottom: 1px solid #E4E4E4;
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    margin-bottom: 5px;
}

.menu a:link, .menu a:visited,
.menuvj a:link, .menuvj a:visited {
    color: #273E6A;
    text-decoration: none;
}

.news {
    background-color: #FEFFF2;
    border-radius: 5px;
    border: 1px solid #bce8f1;
    color: #000000;
    margin: 5px 0px;
    padding: 10px;
    font-size: 12px;
}

.phdr {
  background-color: #E74946;
  border-left:7px solid #C9201D;
  padding: 8px;
  color:#ffffff;
  margin-top:4px;
}
.phdr.blue{
  background-color: #4885F6;
  border-left:7px solid #0D5AE9;
}
.phdr.gr{
  background-color: #21B570;
  border-left:7px solid #058E4E;
}
.phdr.orange{
  background-color: #F0B734;
  border-left:7px solid #D79C12;


.phdr a:link, .phdr a:visited, 
.menuvi a:link, .menuvi a:visited,
.header a:link, .header a:visited {
    color: #F9FF00;
    font-weight: bold;
}

.phpcode {
    background-color: #E0E6E9;
    border: 1px dotted #9FAEBB;
    margin-top: 4px;
    padding: 0 2px 0 2px;
    /*overflow: auto;*/
}

.quote {
    border-left: 4px solid #c0c0c0;
    color: #878787;
    font-size: x-small;
    margin-left: 2px;
    padding: 2px 0 2px 4px;
}

.reply {
    border-left: 4px solid #EE0000;
    color: #EE0000;
    padding: 2px 0 2px 4px;
}

.rmenu {
    background-color: #EAC4D3;
    border-bottom: 1px solid #E3B9C9;
    margin: 1px 0px;
    padding: 8px;
    color: #172C34;
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.sitemap {
    background-color: #eeecd9;
    margin: 0;
    padding: 2px 4px 3px 4px;
    font-size: xx-small;
    height: 38px;
    overflow: auto;
}

.status {
    color: #CD853F;
    font-size: x-small;
    font-weight: bold;
    padding-left: 0;
}

.sub {
    border-top: 1px dotted #ccc;
    font-size: x-small;
    margin-top: 4px;
}
.avatarvj {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
    border: 1px solid #E8E8E8;
    padding: 3px;
}
.avatar_head {
float: left;
padding: 1px;
border: 1px solid #ebebeb;
margin-right: 5px;
border-radius: 50%;
}
.avatar_topic {
    vertical-align: -10px;
    padding: 1px;
    border: 1px solid #ebebeb;
    margin-right: 3px;
}

.tmn {
    background-color: #e6eaeb;
    border: 1px #dadada solid;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}

.topmenu {
    background-color: #EAF6FC;
    border-radius: 5px;
    border: 1px solid #bce8f1;
    color: #31708f;
    margin: 5px 0px;
    padding: 10px;
}
.topbv {
    background-color: #FFFFFF;
    padding: 8px 8px;
    font-size: 12px;
    color: #555;
    border-top: 1px solid #D1D1D2;
    border-bottom: 1px solid #D1D1D2;
    border-left: 1px solid #D1D1D2;
    border-right: 1px solid #D1D1D2;
    border-radius: 5px;
}
.topbv a:hover,.topbv:hover {
    background-color: #FFFFFF;
    border-color: #D8DBE3;
    border-width: 1px 1px 1px 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 5px;
    color:#277400;
}

.topmenu input {
    font-size: 13px;
}

.user {
    background-color: #E3E5E8;
    margin: 1px 0px;
    border-bottom: 1px solid #C6CED3;
    padding: 3px 4px 3px 4px;
}

.user .gray {
    color: #2E2E31;
}

.alarm a:link, .alarm a:visited {
    color: #FFFFFF;
    font-size: x-small;
}

.clip a:link, .clip a:visited {
    color: #424e59;
}

.footer a:link, .footer a:visited {
    color: #FF0000;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.green, .green a:link, .green a:visited {
    color: #008000;
}

.greply a:link, .greply a:visited {
    color: #008800;
}

.red, .red a:link, .red a:visited {
    color: #FF0000;
}

.reply a:link, .reply a:visited {
    color: #DD0000;
}

.sub a:link, .sub a:visited {
}

.tmn a:link, .tmn a:visited, .fmenu a:link, .fmenu a:visited {
    color: #444;
    text-decoration: none;
}

.fmenu a:hover, .tmn a:hover, .gmenu a:hover, .bmenu a:hover, .menu a:hover, .tmn a:hover {
    color: #0D1FE0;
    text-decoration: none;
}

.currentpage {
    background-color: #f75d5c;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 15px;
    border: 1px solid transparent;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px;
    margin-right: 4px;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 1.3;
    min-width: 12px;
    text-align: center;
}
.pagenav2 {
    background-color: #FFFFFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 15px;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px;
    margin-right: 4px;
    text-decoration: none;
    border: 1px solid #c9c9c9;
    color: #4d5a77;
    line-height: 1.3;
    min-width: 12px;
    text-align: center;
}
a.pagenav2 {
    border: 1px solid #C1CBD3;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
    border-radius: 2px;
    padding: 0px 5px;
}

a.pagenav:hover {
    background-color: #F5F7F7;
    border: 1px solid #A0AAB4;
}

/*//////////////////////////////////////////////////
/Designed by selemet , special for johncms.com
/////////////////////////////////////////////////*/

table.desc{
    border-top: 1px dotted #c6c17f;
    width: 100%;
    overflow: auto;
    font-size: x-small;
    margin-top: 4px;
}

table.desc td{
    font-size: x-small;
}

table.desc td.caption{
    width: 1%;
    text-align: right;
    color: #6f6f6f;
    white-space: nowrap;
}

h4{
    margin: 6px 0 2px 0;
}


}

.dopro {
    background: #383838;
    color: #fff;
    margin: 0;
    padding: 10px;
}dopro {
    padding: 10px 0;
    color: #000000;
    background-color: #FFFFFF;
    border-top: 1px solid #e5e5e5;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}


.phdr1, .bmenu, .upban, .hdr {
    color: #fffaee;
    font-weight: bold;
    text-shadow: #45cdf5 1px 1px 1px;
    background-color: #08A8E8;
    margin-top: 4px;
    margin-bottom: 1px;
    padding: 4px 6px 4px 6px;
    border-bottom: 2px solid #2060E0;
}
.phdr1 a, .bmenu a, .upban a, .hdr a {
    color: #fffaee;
}
.phdr1 a:hover, .bmenu a:hover, .upban a:hover, .hdr a:hover {
    color: #dbfaff;
}




.phdr2,.tmn,.danhmuc
{
font-size: 11px;
color: #FFFFFF;
background: #8DBF4D;
background-image: url('images/hoavan.png');
padding: 10px 10px;
margin: 3px auto 0;
padding: 6px 6px;
margin: 0;
border-bottom-color: #f9bc6d;
min-height: 6px;

}


.phdr3
{
font-size: 11px;
color: #FFFFFF;
background: #036D96;
padding: 5px 10px;
margin: 3px auto 0;
	
padding: 5px 10px;
margin: 0;
border-bottom-color: #f9bc6d;
min-height: 6px;

}




.phdr4,.tmn,.danhmuc
{
font-size: 11px;
color: #FFFFFF;
background: #85C21F;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
padding: 10px 10px;
margin: 3px auto 0;
padding: 5px 5px;
margin: 0;
border-bottom-color: #f9bc6d;
min-height: 6px;

}





.phdr3, .menuvi4 {
    background: #FF00CC;
    padding: 8px;
    color: #FFF;
    font-weight: bold;
    //border-radius: 5px;
    margin-top:2px;
}


.phdr6, .menuvi {
    background: #53A0C5;
    padding: 8px;
    color: #FFF;
    font-weight: bold;
    //border-radius: 5px;
    margin-top:2px;
}


.phdr6 a:link, .phdr a:visited, 
.menuvi a:link, .menuvi a:visited,
.header a:link, .header a:visited {
    color: #F9FF00;
    font-weight: bold;
}








.phdr9,.tmn,.danhmuc
{

background-color: #6bc135;
    background-image: -moz-linear-gradient(top, #8ad12f, #3caa3e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8ad12f), to(#3caa3e));
    background-image: -webkit-linear-gradient(top, #8ad12f, #3caa3e);
    background-image: -o-linear-gradient(top, #8ad12f, #3caa3e);
    background-image: linear-gradient(to bottom, #8ad12f, #3caa3e);

font-size: 11px;
color: #FFFFFF;

background: #85C21F;
padding: 5px 10px;
margin: 3px auto 0;
	
padding: 5px 10px;
margin: 0;
border-bottom-color: #f9bc6d;
min-height: 6px;

}


.phdr8, .menuvi {
    background: #A3C966;
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    margin-top:2px;
}




a.pagenav {
    border: 1px solid #417394;
    background-color: #f2f6f8;
    padding: 1px 3px 1px 3px;
    text-decoration: none;
}

a.pagenav:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;
}
.filelist_paging, .page, .hidden, .xt_pagination, .xt_blog_paging{
    text-align: left;
    padding: 4px 2px 4px 2px;
    background: #d5f3ff;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px solid #a2b5c2;
    font-weight: bold;
    font-size: 14px;
}
.filelist_paging a, .page a, .xt_pagination a, .xt_blog_paging a{
    border: 1px solid #88beff;
    padding: 0px 4px 0px 4px;
    background-color: #f2f6f8;
    margin: 1px;
}
.filelist_paging a:hover, .page a:hover, .xt_blog_paging a:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;