body {
background-color:#E8E8E8;
max-width:800px;
color:#333;
font-family: vn3x;
font-size:13px;
direction:ltr;
margin: 0 auto;
padding-top: 50px;
}
.bbcode_code {
background-color: #E0E6E9;
border: 1px dotted #9FAEBB;
margin-top: 4px;
padding: 0 3px 0 2px;
overflow: auto;
}
.list1, .page, .paging, .xt_pagination, .filelist_paging, .listf {
background-color: #fff;
border-bottom: 1px solid #EBEBEB;
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
padding: 4px;
}
.list2 {
background-color: #D1F7FF;
border-bottom: 1px solid #EBEBEB;
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
padding: 4px;
}
.phdr {
background-color: #0091D1;
border-left: 2px solid green;
margin-top: 1px;
padding: 4px;
color: #fff;
}
.phdr a {
color: #fff !important;
}
#xem {
border: 0 solid #e1e1e1;
background: #fff; 
margin: 0;
padding: 2px 4px 4px; 
}
span.like {
margin-top: 18px;
background-color: #e4f3fd;
font-size: 11px;
color: blue;
border: 1px solid #c8e9ff;
border-radius: 3px;
}
.avatar {
background: #ffffff;
margin: 0px 10px;
padding: 2px;
border: 1px solid #ccc;
border-radius:30px;
}
.avatar:hover {
-moz-box-shadow:0 0 10px #666;
-webkit-box-shadow:0 0 10px #666;
border-radius:5px;
background-color:#ffffff;
transition:all 2s ease;
-webkit-transition:all 2s ease;
-moz-transition:all 2s ease;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
position:relative;
padding: 5px;
}
a.like {
margin-top: 18px;
background-color: #e4f3fd;
font-size: 11px;
color: blue;
padding: 1px 2px 1px 2px;
border: 1px solid #c8e9ff;
}
* {
word-wrap: break-word;
}
a {
color:#035283;
text-decoration:none;
}
a:hover {
color:#417394;
text-shadow:0 0 6px #666;
}
img {
max-width: 90%;
}
video, iframe, object {
max-width: 98%;
}
.edit {
background-color: #ebebeb; 
border-top: 1px solid #fff;
border-bottom: 1px solid #cacaca;
margin: 0;
padding: 4px;
}
.page span, .currentpage, .xt_pagination span.selected, .paging span, .filelist_paging span {
background: #0091D1;
color: #FFF;
margin: 2px 2px;
display: inline-block;
border-radius: 4px;
padding: 2px 6px;
}
.page a, .paging a, .xt_pagination a, .currentpage a, .filelist_paging a {
background: #46A8D1;
color: #FFF;
margin: 2px 2px;
display: inline-block;
border-radius: 4px;
padding: 2px 6px;
}
.page a:hover, .paging a:hover, .xt_pagination a:hover, .currentpage a:hover, .filelist_paging a:hover {
 background: #0091D1;
}
input[type="text"] {
background:#fff;
border:1px solid #d8d8d8;
color:#686868;
margin: 2px;
padding: 3px;
font:12px Arial;
}
input[type="submit"] {
background: #26A2C2 50% top repeat-x;
color:#fff;
padding:2px 4px 2px 4px;
border:1px solid #3FFF7F;
}
input[type="submit"]:hover {
color:#000;
background:#0091D1 0 top repeat-x;
border:1px solid #000;
padding:2px 4px 2px 4px;
}
input[type="text"], select {
max-width: 95%;
}
textarea, input[type="file"] {
width: 95%;
}
/* Prefix CSS */
.label-1 {
background-color:#F89406;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:3px;
}
.label-2 {
background-color:#3A87AD;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:3px;
}
.label-3 {
background-color:#B94A48;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:3px;
}
.label-4 {
background-color:#CD0000;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:3px;
}
.label-5 {
background-color:#093;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:3px;
}
.label-6 {
background-color:#999999;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding: 3px;
}
.label-7 {
background-color:#009933;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding: 3px;
}
.label-0 {
background-color:#FF8C00;
border-radius:3px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding: 3px;
}
.ithumb {
border: 1px solid #ccc;
margin-right: 2px;
border-radius: 50%;
}
.thumb {
max-width: 55px;
max-height: 55px;
width: 55px;
height: 55px;
margin: 1px;
border-radius: 50%;
}
.thumb:hover {
-moz-box-shadow:0 0 10px #666;
-webkit-box-shadow:0 0 10px #666;
border-radius: 5px;
background-color:#ffffff;
transition:all 2s ease;
-webkit-transition:all 2s ease;
-moz-transition:all 2s ease;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
position:relative;
padding: 5px;
}
.sthumb {
border: 1px solid #ccc;
border-radius: 5px;
margin-right: 2px;
}
.zthumb {
max-width: 55px;
max-height: 55px;
width: 55px;
height: 55px;
margin: 1px;
border-radius: 5px;
}