/* CSS Mobile - Copyright 2014 VipPrao.Wap.Sh */

body {
    color: #606060;
    padding: 1px;
     font-family: Time New Roman, Tahoma;
    font-size: 12px;
  background: #f6f6f6 none repeat scroll 0 0;
    margin: auto;
    max-width: 600px;
}

a:link, a:visited, a:active {
    color: #044f8c;
    text-decoration: none;
}
a:hover, a:focus {
    color: #034579;
	text-decoration:none;
    text-shadow:0 0 6px #585858
}
img {
    border-style: none;
    vertical-align: middle;
}

input:focus, textarea:focus {
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82,
	168, 236, 0.6);
	outline: 0 none;
}
input, textarea , select  { 
	color : #000; 
	font-size : 100%; 
	background-color : #fff; 
	border : 1px solid #e1e1e1; 
	border-radius: 4px;
  font-family: "Segoe WPC","Segoe UI",Helvetica,Arial,"Arial Unicode MS",Sans-Serif;
}


h3 {
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
}
.time {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
}
.daik {
    padding-top : 2px;
    background-color: #fff;
    background-position : top;
}
td {line-height:15px}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #434343;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:#434343;background-image: url(/CSS/images/mvp-active.png);
  background-repeat: repeat-x; background-position: 50% top;border-top-left-radius: 6px;border-top-right-radius: 6px;}
#tab .active a {color:#fff}
.top {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
border-style:ridge;border-width:1px;border-color:#434343;
  margin:1px;padding:1px}

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;
}
.bd1 {
    -webkit-box-shadow: -8px 0px 8px #777;
    -moz-box-shadow: -8px 0px 8px #777;
    box-shadow: -8px 0px 8px #777;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.bd2 {
    box-shadow: 8px 8px 8px #777;
    -moz-box-shadow: 8px 8px 8px #777;
    -webkit-box-shadow: 8px 8px 8px #777;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 15px;
}

.header {
    padding: 8px;
    margin: 0px;
  font: 15px Trebuchet MS;
    color:white;text-shadow : -1px 0 gray,0 1px gray,1px 0 gray,0 -1px black;
    background-attachment: scroll;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #3F3F3F;
    background-position: 0 -56px;
    background-repeat: repeat-x;
    }

.phdr, .title { background: #2F2F2F url(/images/tcat.png) no-repeat;
    background-position:left top;
    color: #FFF;
    font-family: Arial;
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
    border-left: 4px solid #3598DC;
  box-shadow: -1px 1px 10px #AAA;
    font-size: 13px;
    margin: 0px;
}
.phdr a, .bmenu a, .title a, .upban a {
    color: #fffaee;
}
.phdr a:hover, .bmenu a:hover, .title a, .upban a:hover {
    color: #dbfaff;
}
.bmenu { background: #2F2F2F url(/images/tcat.png) no-repeat;
    background-position:left top;
    color: #FFF;
    font-family: Arial;
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
    border-left: 4px solid #F39C11;
   box-shadow: -1px 1px 10px #AAA;
    font-size: 13px;
    margin: 0px;
}

#do {
    border-left: 4px solid #FF0000;
}

.list1, .cool, .row_easy, .b, .blog {
    background: #fefefe;
    border: 1px solid #e1e1e1;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;  
    padding: 3px;
}
.list2, .row_hard, .c {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;  
    padding: 3px;
}
.admin-say {
	color: #f00;
	padding: 2px;
	margin: 2px 2px 4px 2px;
	background-color: #fff7eb;
	border: 1px solid #f9bc6d;
  	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(/images/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(/images/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;
}

.hdr {
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 1;
    margin-top: 6px;
    margin-bottom: -14px;
    margin-left: 6px;
    padding: 2px 6px 2px 6px;
    border: 2px solid #8fdcff;
    border-style: groove ridge ridge groove;
    display: table;
    background: #1895d4 url() repeat-x 50% top;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.hdr a {
    color: #fff;
    border-bottom: 1px dotted #ace6ff;
}
.hdr + .table {
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 14px;
}
.hdr + form .table {
    margin-top: 1px;
    padding-top: 14px;
}
.table {
    background-color: lightyellow;
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 2px;
    border: 2px solid #1895d4;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.menu {
  background: #f6f6f6;
    background-image: url(/CSS/images/mvp-menu.png);
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    border: 1px solid #e1e1e1;
}
.rmenu {
    color: #fd4646;
    background-color: #fff0f0;
    background-image: url(/images/rmenu.gif);
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #ffd0d0;
}
.sangmenu {
margin: -1px -1px 0px -1px;
padding: 3px;
background-image : url(/CSS/images/mvp-sangmenu.png);
background-repeat : repeat-x;
background-position : 60% bottom;
background-color: #5d5d5d;
border: 1px solid #434343;
color: #ffffff;
font-family: Arial;
  font-weight: bold;
text-shadow: #666666 4px 4px 4px 4px;
}
.sangmenu a {
	color: #FFFFFF;
	text-decoration:none;
}
.listsang {
background: #ffffff;
border-bottom: 1px solid #d5d5d5;
margin: 1px;
padding: 2px 4px 2px 4px;
}
.listsang2 {
background: #F8F8F8;
border-bottom: 1px solid #d5d5d5;
margin: 1px;
padding: 2px 4px 2px 4px;
}
.mainblok {
    border: 1px solid #434343;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.mainblok img {
max-width: 100%;
height: auto;
}
.ads {
    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;
}
.vmenu{color:#ed8400;background-color:#fff0dd;}
.quote {
    display: block;
    background-color: #fcfeeb;
    border: 1px solid #e9ebec;
    border-left: 4px solid #8394b2;
    color: #878787;
    font-size: 10px;
    padding-left: 6px;
    margin-top: 5px;
    padding: 3px;
}
.phpcode {
color : #5f8086;
background-color : #f1f7f8;
border : 1px dotted;
margin-top : 1px;
padding : 0 2px;
}
.tt {

    background-color: #fefefe;
    border: 1px solid #e9ebec;
    border-right: 2px solid #60759a;
    padding: 3px;
  }
.gt {

    background-color: #fefefe;
    border: 1px solid #e9ebec;
    border-left: 2px solid #60759a;
    padding: 3px;
  }
.upban{color:#fffaee;font-weight:bold;text-shadow:#45cdf5 1px 1px1px;background-color:#777678;background-repeat:repeat-x;background-position:50% top;margin-top:1px;margin-bottom:1px;padding:3px;border:1px solid #EEE}

.info {
    background: #fefefe;
    background-image: url(/CSS/images/giay.png);
    background-repeat: repeat;
    border: 1px solid #e1e1e1;
    margin-top: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;  
    padding: 2px;
}
.bv {
    background-color: #f1f1f1;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    border: 1px solid #d5d5d5;
}

.mod-quote {
  background-color: #f5fafd;
  border: 1px solid #d7edfc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 6px 2px 2px 3px;
  padding: 0;
  max-width: 640px;
}

.mod-quote .author {
  background: #dbeffc url(images/bg-quote.png) repeat-x top left;
  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;
}
.mod-quote .content {
  background-color: #f5fafd;
  margin: 0;
  padding: 4px;
  font-style: italic;
  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;
}


#VP {background-color:#fff;margin-top:10px;padding:2px;box-shadow:0 0 5px #999;-moz-box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transition-duration:0.2s;-webkit-transition-duration:0.2s;-ms-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;position:relative;opacity:1;width: 220px;}
#VP:hover{cursor:url(/images/view-img.cur), pointer;box-shadow:0 0 55px #999;-moz-box-shadow:0 0 55px #999;-webkit-box-shadow:0 0 55px #999;transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);z-index:1;opacity:1;width: 700px;}
.tags {
    padding: 1px;
}

.tags a {
    color: #3E6D8E;
    background-color: #E0EAF1;
    border: 1px solid #B3CEE1;
    margin: 1px;
    padding: 2px;
    text-decoration: none;
    font-size: 90%;
    border-radius: 3px;
}

.tags a:hover {
    background-color: #C4DAE9;
    border: 1px solid #C4DAE9;
    text-decoration: none;
    border-radius: 3px;
}
/*------Filelist page-----------*/

.filelist_paging, .page, .xt_pagination {
    background-color: #D0D7DD;
	border: 1px solid #ddd;
	padding: 2px 3px;
 }
.currentpage, .page span, .filelist_paging span, .xt_pagination .selected {
	color:#FFFFFF;
    background-color: #8cafc6;
    border: 1px solid #417394;
    padding: 0px 2px 0px 2px;
}

.filelist_paging a, .page a, .xt_pagination a, .currentpage a {
    border: 1px solid #417394;
	background-color: #f2f6f8;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
	margin: 1px;
}
.filelist_paging a:hover, .page a:hover, .currentpage a:hover {
 	border: 1px solid #88beff;
    padding: 0px 4px 0px 4px;
    background-color: #f2f6f8;
    margin: 1px;
}