/*
Theme Name: Up7s
Author: JinBi, edit by Up7s
Site: Http://Up7s.Mobie.In
Description: Giao dien cho wapsiter
*/
@charset "utf-8";

a:link, a:active, a:visited {
    color: #054077;
    text-decoration: none;
}
a:hover, a:focus {
    color: #009cf0;
  }
body {
  display: block;
  background-color: #F6F6F6;
background-image: url(/css/img/pattern5.png);
    margin: auto;
    padding: 1px;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 14px;
font-style: normal;
color: #3C3C3C;
line-height: 16px;
position: relative;
 border : 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:0px 0px 10px  #343434;
max-width:750px;
text-decoration: none;
  overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{padding:0;margin:0}
h1{font-size:18px;font-weight:700;font-size:small}
h2{font-size:16px;font-weight:700;font-size:small}
h3{font-size:14px}
h4{font-size:14px;line-height:normal}
h5{font-size:14px}
h6{font-size:14px}
form {}

form, input, textarea, select {font: 14px Arial;margin: 0;}
hr {
	margin-top: 2px;
	margin-bottom: 2px;
	border-top: 1px solid #e3e3e3;
	border-right-style: none;
	border-right-width: 0;
	border-bottom-style: none;
	border-bottom-width: 0;
	border-left-style: none;
	border-left-width: 0;
}

input, textarea, select {
	background: #fff;
	border: 1px solid #d0d0d0;
	color: #454545;
	padding: 2px 4px 2px 4px;
	margin: 1px;
}
input[type='submit'], input[type='button'] {
color: #fff;
margin: 1px;
padding: 3px 4px;
border: 1px solid #e3e3e3;
background: #13a89e;
cursor: pointer;
border-radius: 3px;
font-weight; bold;
}
input[type="submit"]:hover, .button a:hover {
    background: #5387bc;}

input[type="text1"] {
	max-width: 50px;
	width: 50%;
}
textarea {
	max-width: 635px;
	width: 90%;
}
input[type="text"]:hover, textarea:hover, input[type="text"]:focus, textarea:focus {
	box-shadow: 0px 0px 3px #0000ff;
	-moz-box-shadow: 0px 0 3px #0000ff;
	-webkit-box-shadow: 0px 0px 3px #0000ff;
}
ul {
  margin: 0;
  padding-left: 20px;
}


.qc {
    background: none repeat scroll 0 0 #FFFFC0;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 2px;
    font-weight: normal;
    border: 1px solid #DDBC6B;
    padding: 3px;
}
.img40 {

	border:1px #ddd solid;  
	border-radius: 5px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.img40:hover {

	margin-center: -50px;
	border-radius: 5px;
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
}

.ads {
    color: #333333;
    border: 1px solid #e6b868;
    background-color: #fff5bc;
    margin: 4px 0px 0px 0px;
    padding: 2px 4px 2px 4px;
}

.dkdn {
    color: #333333;
    border: 1px solid #d02868;
    background-color: #ffdae8;
    margin: 1px 0px 0px 0px;
    padding: 2px 4px 2px 4px;
}

.homelist {
    background: #ffffff;
    border-bottom: 1px solid #d5d5d5;
    margin: 1px;
    padding: 4px;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
}

{
background-color: #246896;
padding: 6px 2px 3px 6px;
margin: 0;
}
div.up7s a {
color: #fff;
font-weight: bold;
}
.up7s {background: #00bde2;
position: relative;
  padding: 6px 2px 3px 6px;
margin: 0;
}
.up7s span.item {display: inline-block;text-transform: uppercase;font-size: 14px;color: #00829b;padding: 4px;}
.up7s .selected {background: #00bde2;}
.up7s span.item:hover {background: #fff;}
.up7s span.item {padding: 4px 4px;transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
-o-transition: background-color 0.2s;}

div.up7s a {
color: #fff;
font-weight: bold;
}
.up7s a.active, .up7s a:hover, .up7s a:focus {
background: #fff;
padding: 4px;
margin: 0;
color: #246896;
font-weight: bold;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
}





.trang {
  background-color: #D0D7DD;
  border: 1px solid white;
  font-size: x-small;
  margin: 0px;
  padding: 4px 4px 4px 4px;
}


.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:14px}
#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}



.bmenu a, .phdr a {
  color: #fff;
}
.bmenu2 a, .phdr2 a {
  color: #fff;
}

.copy {
  border-top: 1px solid #c2c2c2;
  text-align: center;
  color: #3f5864;
  padding: 3px 1px 1px 1px;
  margin: 1px 0;
}

.copy a {
  color: #2688B3;
}



.fmenu {
color : #000;
background-color : #f1f1f1;
background-image : url(/css/img/tmn.gif);
background-repeat : repeat-x;
background-position : 50% bottom;
margin-top : 1px;
margin-bottom : 1px;
padding : 4px;
border : 1px solid #e1e1e1;
}



.func {
  border-left: 4px solid #2FB0D0;
  color: #757575;
  font-size: 10px;
  padding: 0 0 0 4px;
}


.gmenu {
  background: #ebf9ff;
  margin: 1px;
  color: #264564;
  padding: 3px 4px 3px 4px;
}

.gray {
  color: gray;
}

.green {
  color: green;
}


.header {
    color: #222;
}

.header a {
    font-size: 13px;
}

    .footer, .coklat {
    background: none repeat scroll 0 0 #2a2f31;
  color: #faf8f8;
}

.footer a {
    color: #fff !important;
    font-weight: bold;
}

#logo {
    display: block;
background: #222;
position: relative;
text-align: center;
padding: 10px 0 10px 10px;
color: #fff;
}

.left {
  float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

.list1, .online_content, .online_back {
    padding: 5px;
    border: 1px solid #ddd;
    border-top:none;
}
.list1:nth-child(even) {
    background: #fff;
}
.list1:nth-child(2n+1) {
    background: #f9f9f9;
}

.list1:hover, .online_content:hover {
    background: #F0F0F0;
    border-bottom: 1px solid #ddd;
}


.list2 {
    background-color: #fff;
    border-bottom: 1px dashed #DDD;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
}

.list3  {
	background-image : url(/css/img/tmn.gif);
	background-repeat : repeat-x;
	background-position : 50% top;
	margin-top : 1px;
        margin-bottom : 1px;
	padding : 2px;
	border : 1px solid #e1e1e1;
}

.list3 img {
max-width: 96%;
border-radius: 1px;
}
.list3 a:link {
	color: #FF0000;
}

.list4  {
	background-image : url(/css/img/tmn.gif);
	background-repeat : repeat-x;
	background-position : 50% top;
	margin-top : 1px;
        margin-bottom : 1px;
	padding : 2px;
	border : 1px solid #e1e1e1;
        font-weight: bold;
}

.list4 img {
max-width: 96%;
border-radius: 1px;
}
.list4 a:link {
	color: #0565B2;
}

.logo {
background: url(/css/img/bgDer.png) #99d6f9 top left repeat-x;
position: relative;
text-align: center;
padding: 10px 0 10px 10px;
color: #fff;
}
.logo a {
	color:#ffffff;
}

.maintxt {
    
    background-color: #ffffff;
    color: #606060;
    
}

.menu {
    background: #ffffff;
    border-bottom: 1px solid #d5d5d5;
    margin: 1px;
    padding: 2px;
}

.menub {
    background: #ffffff;
    border-bottom: 1px solid #e9e9e9;
    margin: 2px 4px -1px 4px;
    padding: 3px 2px 2px 2px;
}

.menub a {
    color: #544E4F;
}

.menub a:hover {
    color: #007ed2;
    text-decoration: none;
}
.none {
    background-color: #ffffff;
	border-top: 1px solid #E1E1E1;
    margin: 0px 0px 0px 0px;
    padding: 4px;
}

.news {
  background-color: #EEEEEE;
  border: 1px solid white;
  color: #333333;
  font-size: x-small;
  padding: 3px 4px 4px 4px;
}
.newsx {
    background-color: #f2f6f8;
    border-bottom: 1px solid #eaeae9;
    color: #34617e;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}

.taitro {
    background-color: #EEEEEE;
    border-top: 1px solid #d5d5d5;
    color: #CC3333;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}

.newsx input[type="text"], .newsx input[type="checkbox"], .newsx textarea, .newsx input[type="submit"] {
font-size: small;
border-top: 1px solid #c6c6c6;
border-bottom: 1px solid #808080;
border-left: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;
background: #f0f0f0;
font-weight: bold;
}

.orangex {
    color: #333333;
    border: 1px solid #7997aa;
    background-color: #d4e3ed;
    margin: 4px 0px 0px 0px;
    padding: 2px 4px 2px 4px;
}
.omenu {
    color: #333333;
    border: 1px solid #eaeae9;
    background-color: #f2f6f8;
    margin: 0px 0px 0px 0px;
    padding: 2px;
}



.hdr, .phdr, .bmenu, .spec-heading {
	font-weight: 700;
color: #fff;
text-shadow: 0px 1px 1px #118052;
background: #25B37A;
padding: 8px;
cursor: default;
display: block;
}


.phdr2, .bmenu2 {
	background: #444;
	padding: 3px;
	color: #eee;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;		
}

.phdrblack {
border-bottom : 1px solid #8fdef3;
background : #b4e8f6 url(/css/img/head.gif) repeat-x 0% top;
padding: 6px;
}
.phdrblack a {
    color:blue;
    text-decoration:none;
}

.phpcode {
    background-color:#E0E6E9;
    color:#000000;
    font-size:0.9em;
    font-family: tahoma, verdana, geneva, lucida, arial, helvetica, sans-serif;
    margin:0px;
    padding:2px;
    border:1px inset;
    max-width:96%;
    text-align:left;overflow:auto;
}
.code {
    max-width:89%;
    background-color:#f3f6fb;
    border:1px inset #c3d3dc;
    text-align:left;
    color:#111111;
    padding:3px;
}


.quote {
    
    background-color: #f2f6f8;
        border-top: 1px dashed #e0e0e0;
        border-right: 1px dashed #e0e0e0;
        border-bottom:1px dashed #e0e0e0;
        border-left: 3px solid #3598DC;
    margin: 1px;
    color: grey;
    padding: 1px;
}
.qc {
    background: none repeat scroll 0 0 #FFFFC0;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 2px;
    font-weight: normal;
    border: 1px solid #DDBC6B;
    padding: 3px;
}
.red, .red a {
  color: #f00;
}


.rmenu {
  background: #fee5fd;
  border: 1px solid #ffc6fc;
  margin: 1px 0;
  padding: 4px;
}

.rmenu input, .rmenu textarea, .rmenu select {
  border: 1px solid #E2C0C7;
}


.sub {
    border-top: 1px dotted #417394;
    font-size: x-small;
    margin: 3px 2px 2px 2px;
    padding: 3px 0px 0px 0px;
}

.tmn {
  background: #c0efff repeat top left;
  border-top: 1px solid #01aeea;
  border-bottom: 1px solid #01aeea;
  color: #333;
  margin: 0px;
  padding: 4px;
}

.fmenu a {
  color: #f8f8f8;
  text-decoration:none;
}

.topmenu {
  background-color: #e1e9ea;
    border: 1px solid white;
        color: #34617E;
  font-size: 13px;
    margin: 0;
    padding: 4px;
}

  

.bmenu a:hover, .phdr a:hover {
  color: #fff !important;
  text-decoration: none;
    font-weight: bold;
}
.bmenu2 a:hover, .phdr2 a:hover {
  color: #fff !important;
  text-decoration: none;
    font-weight: bold;
}

.rmenu input:focus, .rmenu textarea:focus {
  border: 1px solid #DBB0B9;
  background: #FDFBFB;
}



.tmn a:hover, .fmenu a:hover {
	color:#666666;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

input:focus, textarea:focus {
  background: #F4F4F4;
  border: 1px solid #BCBCBC;
}


.mainblok {
border: 1px solid #97a4c4;

}
.mainsub {
    border: 1px solid #cecece;
    margin: 0px 0px 2px 0px;
    border-radius: 3px;
}
.morecat {
    text-align: right;
    font-size: 10px;
    margin-top: 2px;
}
.thumb {
    padding: 1px 1px 2px 5px;
    border-right: 1px solid #eaeae9;
    text-align: center;
}

.textx {
    background-color: #ffffff;
    border-bottom: 1px solid #ededed;
    color: #333333;
    padding: 2px 2px 4px 2px;
    margin: 2px 4px 2px 4px;
}
.forumtxt {
    background-color: #ffffff;
    color: #333333;
    padding: 5px 3px 5px 3px;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
}
.subcontent {
    background-color: #ffffff;
    color: #333333;
    padding: 4px 2px;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
}


.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.alt2, .alt2Active
{
	background: #FDFDFE;
	color: #000000;
}

.file-attach {
	background-color: #fff7eb;
	border: 1px solid #f9d9b0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 4px;
	padding: 0;
	max-width: 480px;
}

.file-attach .attach {
	background: #fadeba url(/css/img/bg-att.png) repeat-x top left;
	font-weight: bold;
	margin: 0;
	padding: 2px 4px 2px 2px;
	border-bottom: 1px solid #f9bc6d;
	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;
}

.file-attach .attach img {
	width: 16px;
	height: 16px;
	margin-right: 2px;
	vertical-align: - 2px;
}

.file-attach .file {
	background-color: #fff7eb;
	margin: 0;
	padding: 4px;
	font-size: 11px;
	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;
}

.file-attach .file .f {
	margin: 0;
	padding: 2px 0px 2px 0px;
}


/** title and sub_
 bar css **/
h1.zing, h2.zing, h3.zing, h4.zing, h5.zing, h6.zing, .zing,h1.spec-heading, h2.spec-heading, h3.spec-heading, h4.spec-heading, h5.spec-heading, h6.spec-heading, .spec-heading {
    font-weight: 700;
color: #fff;
text-shadow: 0px 1px 1px #118052;
background: #25B37A;
padding: 8px;
cursor: default;
display: block;
 } 

h1.zing a, h2.zing a, h3.zing a, h4.zing a, h5.zing a, h6.zing a {
    color: #fff !important;
    font-weight: bold;
}

h1.sub_title, h2.sub_title, h3.sub_title, h4.sub_title, h5.sub_title, h6.sub_title, .sub_title {
    background: #3598DC;
    color: #FFF;
    padding: 4px;
    border-radius: 4px;
    box-shadow: -1px 1px 10px #AAA;
    font-size: 14px;
    margin: 0px;
    font-weight: bold;
}

.sub_title a {
    color: #fff !important;
    font-weight: bold;
}

h1.sub_title a, h2.sub_title a, h3.sub_title a, h4.sub_title a, h4.sub_title a, h6.sub_title a {
    color: #fff !important;
    font-weight: bold;
}

/** end title and sub_title bar css **/
/**********************/
.boxMnufter{background: rgb(9, 133, 83);position:relative}
table.Mnufter{border-spacing:0;margin:0;padding:0}
table.Mnufter td{font-weight:700;vertical-align:middle;border:none;border-left:1px solid rgb(9, 133, 83);text-align:center;margin:0;background:#25B37A;padding:0}
.boxMnufter a,.boxMnufter a:hover,.boxMnufter a.actedMnu,.boxMnufter a.iconHome{color:#FFF;display:block;padding:8px}
.actedTdMnu{background:#46ad5b!important}
.boxMnufter a:hover,.boxMnufter a.actedMnu,.boxMnufter a.iconHome:hover,.boxMnufter a.iconHomed{background:#46ad5b;text-decoration:none}
.boxMnufter a.iconHome{background:url(/css/img/iconhome.png) 10px center no-repeat;padding-left:30px;padding:10px}
.boxMnufter a.iconHome:hover,.boxMnufter a.iconHomed{background:url(/css/img/iconhome.png) 10px center no-repeat;width:20px;display:block}
.boxSearch{width: 180px; height: 22px;border-radius: 4px;border: 1px solid #E4E4E4;padding: 2px}

.mainblok
{
background-color: rgb(252, 252, 255);
padding: 4px;
margin: 5px auto;
border: 1px solid #a5cae4;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;
}

.admin-say {
	color: #f00;
	padding: 2px;
	margin: 2px 2px 4px 2px;
	background-color: #fff7eb;
	border: 1px solid #f9bc6d;
  max-width: 310px;
  	font-size: 12px;
	font-style: italic;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.admin-say div.here {
	background: transparent url(/css/img/admin-say.png) no-repeat bottom left;
	width: 15px;
	height: 12px;
	position: absolute;
	left: 106px;
	bottom: -12px;
	z-index: 1;
}
.mod-vote {
	background: #fadeba url(/css/img/bg-att.png) repeat-x top left;
	padding: 2px;
	margin: 2px;
	text-align: center;
	color: #333;
	max-width: 160px;
	border: 1px solid #f9bc6d;
	border-radius: 3px;
}
.noidung { 
background-color : #FFFFFF; 
background-image : url(/css/img/bg.png); 
margin-top : 1px; 
margin-bottom : 1px; 
margin-right : 1px; 
margin-left : 1px; 
padding : 3px; 
border : 1px solid #e1e1e1; 
} 
.code {
 background: #E5EAF5;
 margin-left :3px;
 margin-right :3px;
 margin-bottom : 1px;
 padding : 4px;
 color:#004D80;
 border: 1px solid #468264;
  border-radius: 3px;
}
#QDK {
    padding: 1px;
    margin: 4px 4px 0 0;
    border: 1px solid #d5d5d5;
    transition: all 15s ease;
    -webkit-transition: all 15s ease;
    -moz-transition: all 15s ease;
    transition-delay: 5s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    width: 120px;
}
#QDK:hover {
    box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    -webkit-box-shadow: 0px 0px 10px #666;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 5px;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    position: relative;
    width: 365px;
} 

div.tabhead a {
color: #fff;
font-weight: bold;
}
.tabhead {
background-color: #246896;
padding: 6px 2px 3px 6px;
margin: 0;
}
div.tabhead a {
color: #fff;
font-weight: bold;
}
.tabhead a.active, .tabhead a:hover, .tabhead a:focus {
background: #fff;
padding: 4px;
margin: 0;
color: #246896;
font-weight: bold;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
}
.tags {
    padding: 5px;
    font-weight: bold;
}

.tags a {
    color: #3E6D8E;
    background-color: #E0EAF1;
    border-bottom: 1px solid #B3CEE1;
    border-right: 1px solid #B3CEE1;
    padding: 3px 4px 3px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-size: 90%;
    line-height: 2.4;
    white-space: nowrap;
    border-radius: 4px;
}

.tags a:hover {
    background-color: #C4DAE9;
    border-bottom: 1px solid #C4DAE9;
    border-right: 1px solid #C4DAE9;
    text-decoration: none;
    border-radius: 4px;
}
.but {
background: url(/css/img/btnsent.png) no-repeat;
color: #fff;
padding: 10px 0px;
width: 194px;
display: inline-block;
text-shadow: 1px 1px #9C6F3A;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
  text-align:center;
}
.but a{ color:#fff;
  font-size:14px;}

/** menu bar css **/
ul {
    list-style-type: square;
    padding-left: 15px;
    padding-top: 0px;
    margin: 1px;
}
/** end menu bar css **/
.photo {
  max-width: auto;
  margin-right: 3px;
  margin-left: 3px;
  padding: 4px;
  color: #f00;
  font-weight: bold;
  text-align: center;
  border: 1px solid #c4cde0;
  border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
  box-shadow: 0px 0px 5px #ccc;
 -moz-box-shadow: 0px 0px 5px #ccc;
 -webkit-box-shadow: 0px 0px 5px #ccc;
}
.photo:hover {
border: 1px solid #97a4c4;
}
.adv {
padding: 4px;
border: 1px solid #dfdfdf;
background: #ffd url(/css/img/adv.gif) repeat-x 50% top;
}
.dl {
max-width: 350px;
line-height: 28px;
color: #FFF;
display: block;
background: url(/css/img/icon_download.png) no-repeat left center rgb(93, 153, 11);
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
border-radius: 4px;}
.dl a:link {color: #FFF;}
.dl:hover {
 background:url(/css/img/icon_download.png) no-repeat left center #46ad5b;text-decoration:none;color: #FFF;}