/* 2012 ZINGVN.ORG */
@import url("http://spaly.hexat.com/blog/1.css");
body {
    color: #606060;
    margin: 0;
    padding: 1px;
    font-size: 13px Arial;
    background: #fff none repeat scroll 0 0;
    margin: auto;
    max-width: 675px;
    border : 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:0px 0px 10px  #343434;
    scrollbar-face-color: #336699;
  scrollbar-shadow-color: #4E4E4E;
  scrollbar-highlight-color: #4E4E4E; 
  scrollbar-3dlight-color: #4E4E4E; 
  scrollbar-darkshadow-color: #1F1F1F; 
  scrollbar-track-color: #0C1B33; 
  scrollbar-arrow-color: red; 
}
.header {
  background-color : #white;
    background-image : url(/web/img/header.jpg);
    border: 1px solid #white;
    background-repeat : repeat-x;
    background-position : 50% top;
    margin-top : 1px;
    margin-bottom : 1px;
    padding : 2px;
    text-align : center;
    font-weight: bold;
}
a:link, a:active, a:visited {
	color: #0565B2;
	text-decoration: none;
}
a:hover, a:focus {
	color: #009cf0;
}
img {
    border-style: none;
    vertical-align: middle;
}
input, textarea, select {
    background: #fff;
    border: 1px solid #d0d0d0;
    color: #454545;
    padding: 2px 4px 2px 4px;
    margin: 1px;
}
input[type="submit"] {
    background: #5050A0;
	color: #f0f0f0;
	border: 2px solid #202070;
    padding: 2px 4px 2px 4px;
}
input[type="submit"]:hover {
    color: #202070;
    background: #fefefe;
    border: 2px solid #202070;
    padding: 2px 4px 2px 4px;
}
#splay {
    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;
}
#splay:hover {
    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;
}
a:hover, a.link:hover, a.navbar:hover {background-image:url(http://spaly.hexat.com/web/css/phao.gif);color: red;text-decoration:none;}
.userMenu, .title {
background: url(http://spaly.hexat.com/css/images/styte/userMenu.gif) repeat-x top left #79b8d3; 
border-top: 1px solid #a6d1e3;
border-bottom: 1px solid #a6d1e3;
text-align: left;
padding: 8px 2px;
margin: 6px 0;
}
.head {background: url(http://spaly.hexat.com/css/images/styte/head.gif) repeat-x bottom right #317895;}
h3 {
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
}
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;
}
p {
    margin-top: 6px;
    margin-bottom: 6px;
}
ul {
    margin: 0;
    padding-left: 20px;
}
.tai {
    
    background-color: #f2f6f8;
        border-top: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        border-bottom:1px solid #e0e0e0;
        border-left: 3px solid #80abc8;
    margin: 2px;
    color: grey;
    padding: 4px;
}

.than {
  background-color: #d5f3ff;
  border: 1px solid white;
  margin: 0px;
  padding: 4px 4px 4px 4px;
}
.dau {background-color:#0566de;
     color:#FFF;
     text-decoration:none;
     font-weight:bold;
     font-size:1em;padding:3px;margin-left:auto;margin-right:auto;margin-top:1px;border:1px solid #0566de;-moz-border-radius-topleft:1px;-webkit-border-top-left-radius:1px;-moz-border-radius-topright:1px;-webkit-border-top-right-radius:1px;}
.dau a,footer a{color:#18ac00;}
.nhock {
    text-shadow: #e6daac 1px 1px;
    color: #444;
    font-size: 18px;
    font-weight: bold;
    padding: 3px;
    border-bottom: 1px solid #00f;
    background: #ddf6dd;
}
.daik {
    padding-top : 2px;
    background-color: #fff;
    background-position : top;
}
td {line-height:15px}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #ff5f0f;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:#ff5f0f;}
#tab .active a {color:#fff}
.time {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
}
.main {
    border: 0px solid #e1e1e1;
    background: #ffffff;
    color: #555;
    margin: 0px;
    padding: 4px;
}
.main img {
    max-width: 80%;
}

.phdr, .bmenu, .upban, .hdr, .bmenu {
    color: #fffaee;
    font-weight: bold;
    text-shadow: #45cdf5 1px 1px 1px;
    background-color: #e8781c;
    background-image : url(/images/cam.gif);
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    border: 1px solid #88beff;
    
}
.phdr a, .bmenu a, .upban a, .hdr a {
    color: #fffaee;
}
.phdr a:hover, .bmenu a:hover, .upban a:hover, .hdr a:hover {
    color: #dbfaff;
}
.tabl, .foot {
    padding: 2px;
    border: 1px solid #cecece;
}
.list1, .list2, .menu, .news, .bjm {background-image : url(/images/tmn.gif);background-repeat : repeat-x;background-position : 50% top;margin-top : 1px;margin-bottom : 1px;padding : 2px;border : 1px solid #e1e1e1;}
.demo1{
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.demo1:hover{
moz-transform: scale(1.3) rotate(0deg);
-webkit-transform: scale(1.3) rotate(0deg);
position: relative;}
.rmenu {
background: #e8fce6;
border: 1px solid #a5e0a2;
margin: 1px 0;
padding: 4px;
}
.rmenu input, .rmenu textarea, .rmenu select {
  border: 1px solid #E2C0C7;
}
.rmenu input:focus, .rmenu textarea:focus {
  border: 1px solid #DBB0B9;
  background: #FDFBFB;
}
.quote {
    font-size: 10px;
    background-color: #f2f6f8;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	border-left: 3px solid #80abc8;
    margin: 2px;
    color: grey;
    padding: 4px;
}
.footer, .coklat  {
color: white;
background: #ff6600;
font-weight: bold;
padding: 3px;
}
.ads {
    background: #ffc48a url(http://spaly.hexat.com/css/images/ads.png) repeat-x 50% bottom;
    border: 1px solid #fad2ac;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    text-align: left;
    text-indent: 0px;
    color: #000;
}
.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;
}
.raduga, .moon {
background: url(http://spaly.hexat.com/css/images/styte/raduga.gif) no-repeat bottom right;
height: 39px;
padding: 0 0 0 5px;
margin: 0 0 4px 0;
}
.moon { background: url(http://spaly.hexat.com/css/images/styte/moon.gif) no-repeat bottom right; }

.headNight {
background: url(/css/images/styte/headNight.gif) repeat-x bottom right #184051;
}
.tk {
  background: #F5E9EB;
  border: 1px solid #E2C0C7;
  margin: 1px 0;
  padding: 4px;
}
.bmenu a, .phdr a {
  color: #fff;
}
.topmenu {
background: #e0ffff;
border: 1px solid #57effa;
font-size: small;
font: 11px Arial;
margin: 1px 0;
padding: 4px;
}
.topmenu a{padding:5px 8px 7px 8px;color:#fff;text-shadow:#000000 0px 2px 2px;font-weight:bold;display:block;float:left;margin-right:8px;font-size:14px;}
.nav_link {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}
.nav {
  background: #333;
}
.nav_focus {
 padding: 3px 5px 3px 5px;
 background: #ffa633;
 color: #fff;
 text-align: center;
 font-size:small;
}
.nav_normal {
 padding: 3px 5px 3px 5px;
 color: #fff;
 text-align: center;
 cursor: pointer;
 font-size:small;
}
.anh{
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.anh:hover{
moz-transform: scale(1.5) rotate(0deg);
-webkit-transform: scale(1.5) rotate(0deg);
position: relative;}
#bottom {
 background: url(http://spaly.hexat.com/web/img/imgcss/zen-bgBottom.png) no-repeat center 100%;
min-height: 880px;
padding-bottom:200px;
}
#top-head {
max-width:1006px;
line-height: 1.4;
width: 100%;
padding: 0px;
margin:auto;
color:#444;
}
#top {
background: url(http://spaly.hexat.com/web/img/imgcss/zen-bgTop.png) center 0 no-repeat;
}
.filelist_paging, .page {
    text-align: center;
    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:before, .page:before {
    content: url(/images/tool.gif);
    padding-right: 2px;
}
.filelist_paging a, .page a {
    border: 1px solid #88beff;
    padding: 0px 4px 0px 4px;
    background-color: #f2f6f8;
    margin: 1px;
}
.filelist_paging a:hover, .page a:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;
}
a.pagenav {
    border: 1px solid #88beff;
    background-color: #f2f6f8;
    padding: 0px 4px 0px 4px;
    text-decoration: none;
    margin: 0px;
}

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

/* The chinh */
.noidung { border: 1px solid #d3d3d3;
background: #fff;
margin-bottom: 1px;
margin-left: 1px; margin-right: 1px;
padding: 1px 2px 1px 2px;
}
.tieude { color : #ffffff;
background: #363636 ; background-position : top; border : 1px solid #b2b2b2;  
padding: 1px 2px 1px 2px;
margin: 0px 1px 1px 1px; font-weight: bold; }
/* The phu */

.gioithieu {
background-color: #efefef;
margin: 0px 1px 1px 1px;
padding: 2px 4px 2px 4px;  border: 1px solid #d3d3d3; }
.sub { border-top: 1px dotted #056BAD; }
/* 2012 ZINGVN.ORG */