
body {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CDCDCD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px #343434;
    color: #606060;
    font-family: arial,sans-serif;
    font-size: 13px;
    margin: auto;
    max-width: 675px;
    padding: 1px;
    word-wrap: break-word;
}
.qc {
    background: none repeat scroll 0 0 #FFFFC0;
    border-color: #FF4E3B;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
}
.hot {
    background: none repeat scroll 0 0 #FF3300;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin-right: 5px;
    padding: 2px 5px;
}
.lk {
    background-image: url("http://giaitri321.pro/files/css/xanh/copy.gif");
    background-position: 50% top;
    background-repeat: repeat-x;
    border: 1px solid #88BEFF;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 2px;
    text-shadow: 1px 1px 1px #45CDF5;
}
.lk a {
    border-bottom: 1px dotted #74C3EC;
    color: #FFFFFF;
}
.hdr a {
    
    color: #FFFFFF;
    font-weight: bold;
}
.header {
    background: none repeat scroll 0 0 #FFFFCC;
    border: 1px solid #88BEFF;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 20px 5px;
    text-align: center;
    text-indent: 0;
}
.xt_pagination a, .xt_pagination span a, .xt_blog_paging a, .trang a, .filelist_paging a {
    border: 1px solid #E0E0E0;
    color: #11BCE0;
    margin-right: 5px;
    padding: 0 5px;
    text-decoration: none;
}
.xt_pagination span.selected span {
    background-color: #EAEAEA;
    border: 1px solid #74CDDD;
    color: #11BCE0;
    margin-right: 5px;
    padding: 0 5px;
    text-decoration: none;
}
.dau {
    background: none repeat scroll 0 0 #CCF7FF;
    border: 1px solid #88BEFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #000000;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 4px;
    text-align: center;
    text-indent: 0;
}
.cool, .list1, .list2, .menu, .row_easy, .blog, .row_hard {
    background-color: #F7F7F7;
    border-bottom: 1px solid #E0E0E0;
    border-radius: 6px 6px 6px 6px;
    border-top: 1px solid #FFFFFF;
    color: #000000;
    
    padding: 4px 5px;
}
.footer {
    background: url("http://giaitri321.pro/images/end.png") repeat-x scroll 50% top #99FFFF;
    border: 1px solid #88BEFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #000000;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 4px;
    text-align: left;
    text-indent: 0;
}
.blue {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 3px;
}
.foot {
    background-color: #84E2F8;
    background-position: 50% top;
    background-repeat: repeat-x;
    border: 1px solid #68E1FF;
    color: #FFFFFF;
    font-size: 10px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #45CDF5;
}
.foot a {
    border-bottom: 1px dotted #6ED7F0;
    color: #FFFFFF;
}
.foot a:hover {
    border-bottom: 1px dotted #EDF9FD;
    color: #DBFAFF;
}
.main {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 3px;
}
table.topnav {
    background-color: #FDFDFF;
    background-image: url("http://giaitri321.pro/icon/top.gif");
    border-bottom: 2px solid #0000DD;
    border-collapse: collapse;
    margin: 5px 0 -3px;
    padding: 5px 4px 3px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
td.sekat {
    width: 1px;
}
td.khung {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #00CCFF #00CCFF -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    padding-top: 5px;
}
td.khung a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #00CCDD;
    border-color: green green -moz-use-text-color;
    border-image: none;
    border-style: dotted dotted none;
    border-width: 1px 1px 0;
    padding-top: 5px;
}
.tim {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: blue blue red;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}
.loi {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFEBD9;
    border-color: blue blue #FF800D;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #000033;
    font-size: 15px;
    padding: 3px;
}
.ok {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E1FFFE;
    border-color: blue blue #01FCEF;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #000033;
    font-size: 15px;
    padding: 3px;
}
.baiviet {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 3px;
}
.comment {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #00CCFF #00CCDD -moz-use-text-color;
    border-image: none;
    border-style: solid dotted none;
    border-width: 1px 2px 0;
    color: #330066;
    padding-top: 5px;
}
.phpcode {
    background-color: #E0E6E9;
    border: 1px dotted #9FAEBB;
    margin-top: 4px;
    overflow: auto;
    padding: 0 2px;
}
.quote {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FCFEEB;
    border-color: #E9EBEC #E9EBEC #E9EBEC #8394B2;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: #878787;
    display: block;
    font-size: 10px;
    margin-top: 5px;
    padding: 3px;
}
.code {
    border-bottom: 1px solid #C2C2C2;
    border-top: 1px solid #C2C2C2;
    color: #3F5864;
    margin: 1px 0;
    padding: 3px 1px 1px;
    text-align: center;
}
h1 {
    color: #FFFFFF;
    margin: 0;
    padding: 0 0 2px;
    text-align: center;
}
.tag {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    margin: 1px 0;
    padding: 3px 1px 4px 4px;
}
.logo {
    background-color: #CCF7FF;
    background-image: url("http://giaitri321.pro/files/css/xanh/23.gif");
    background-position: 50% top;
    background-repeat: repeat-x;
    border: 1px solid #88BEFF;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 2px;
}
.cool {
    background-image: url("http://giaitri321.pro/files/css/xanh/tmn.gif");
    background-position: 50% top;
    background-repeat: repeat-x;
    border: 1px solid #E1E1E1;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 2px;
}
.box {
    background-image: url("http://giaitri321.pro/files/css/xanh/tmn.gif");
    background-position: 50% top;
    background-repeat: repeat-x;
    border: 1px solid #E1E1E1;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 2px;
}
a:link, a:active, a:visited {
    color: #0066FF;
    text-decoration: none;
}
a:hover, a:focus {
    
    border: 1px solid;
    font-weight:bold;
    color:Red;
}
.xt_blog_title_link {
}
.xt_blog_title_link:before {
    content: url("http://yenhung.xtgem.com/images/text.png");
    padding-right: 2px;
}
.xt_blog_comments_number {
    color: #AAAAAA;
    float: right;
}
.xt_blog_comments_number:before {
    content: url("http://yenhung.xtgem.com/images/block_edit.png");
}
.xt_blog_title_content {
    border-top: 1px dotted #AACCAA;
    clear: both;
    margin: 4px 2px;
    padding: 2px;
}
.xt_blog_title_content:after {
    content: url("http://yenhung.xtgem.com/images/line.gif");
    display: block;
    margin: -0.7em auto 0;
    width: 150px;
}
.xt_blog_paging {
    padding: 1px;
    text-align: left;
}
.xt_blog_paging:before {
    content: url("http://yenhung.xtgem.com/images/buzz.png");
    padding-right: 2px;
}
.xt_blog_paging a {
    border: 1px dotted #888888;
    padding: 0 1px;
}
h1.xt_blog_title {
    color: #00AA00;
}
.xt_blog_title:after, .xt_blog_subtitle:after, .xt_blog_content:after {
    content: url("http://yenhung.xtgem.com/images/line.gif");
    display: block;
    margin: -0.7em auto 0;
    width: 150px;
}
.xt_blog_subtitle {
    color: #880000;
    margin: -1em 2em 0;
}
.xt_blog_content {
    border: 1px solid #AACCAA;
    margin: 0 0.5em 0.25em;
    padding: 0.5em;
    text-align: justify;
}
.xt_blog_back_to_posts {
}
.xt_blog_back_to_posts:before, .xt_blog_back_to_posts:after {
    content: url("http://yenhung.xtgem.com/images/list.png");
    padding: 0 0.5em;
}
.xt_blog_comments {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #AACCAA;
    margin: 0.25em 0.5em;
    padding: 0.25em;
}
.xt_blog_comments_title {
    color: #880000;
}
.xt_blog_comments_title:before, .xt_blog_comments_title:after {
    content: url("http://yenhung.xtgem.com/images/list.png");
    padding: 0 0.5em;
}
.xt_blog_comment {
    background: none repeat scroll 0 0 #E0F1E0;
    border: 1px solid #AACCAA;
    margin-bottom: 2px;
    padding: 0.25em;
}
.xt_blog_comment_date {
    color: #888888;
    float: left;
}
.xt_blog_comment_author {
    color: #004400;
    float: right;
}
.xt_blog_comment_author:before {
    content: url("http://yenhung.xtgem.com/images/contact.png");
}
.xt_blog_comment_content {
    background: none repeat scroll 0 0 #F8FFF8;
    border: 1px solid #AACCAA;
    clear: both;
    display: block;
    padding: 0.25em;
    text-align: justify;
}
.xt_blog_comment_content img {
    max-width: 100%;
}
.xt_blog_write_a_comment {
    border: 1px solid #AACCAA;
    padding: 0.25em;
}
.xt_blog_write_a_comment_title {
    color: #880000;
}
#xt_blog_comment_form {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #AACCAA;
    padding: 0.25em;
}
.xt_blog_write_a_comment label {
    display: block;
}
.xt_blog input, .xt_blog textarea {
    background: url("http://yenhung.xtgem.com/images/search_gradient.gif") repeat-x scroll center top #FFFFFF;
}
.xt_blog_write_a_comment input[type="text"] {
    width: 80%;
}
.xt_blog_write_a_comment textarea {
    height: 3em;
    margin-bottom: 0.25em;
    width: 90%;
}
.xt_blog_write_a_comment input[type="submit"] {
    background: none repeat scroll 0 0 #AABBAA;
}
.xt_blog_write_a_comment input[type="submit"]:focus, .xt_blog_write_a_comment input[type="submit"]:hover {
    color: #FF0000;
}
.xt_blog {
    background: url("http://yenhung.xtgem.com/images/bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #FF00FF;
    color: #000000;
    margin: 0;
    padding: 3px;
    text-align: left;
}
input {
    background: url("http://yenhung.xtgem.com/images/bg_input.jpg") repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #FF00FF;
    color: #000000;
    margin: 2px;
}
.xt_blog_content {
    background-color: #FFFFFF;
    margin: 1px;
    padding: 3px 4px;
    text-align: left;
    text-indent: 0;
}
.xt_blog_title_link:before {
    content: url("http://yenhung.xtgem.com/images/tiep.png");
}
#xtblog_comment_msg {
    background: url("http://yenhung.xtgem.com/images/bg_input.jpg") repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #FF00FF;
    color: #000000;
    margin: 2px;
}
.xt_blog_title {
    text-align: center;
}
.xt_blog_subtitle {
    margin: 0 0 4px;
    text-align: center;
}
.xt_blog_back_to_posts {
    margin-left: 10px;
    margin-right: auto;
}
.xt_blog_comnents {
    text-align: center;
}
#xt_blog_comments {
    text-align: center;
}
.xt_blog_comments_title {
    font-weight: bold;
    padding: 2px 2px 4px;
    text-align: center;
}
.xt_blog_comment {
    background: url("http://yenhung.xtgem.com/images/bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #FF00FF;
    color: #000000;
    margin: 4px 2px;
    padding: 4px;
    text-align: left;
    text-indent: 0;
}
.xt_blog_comment_date {
    color: #1E96FF;
}
.xt_blog_comment_author {
    font-weight: bold;
}
.xt_blog_comment_content {
    margin: 2px;
    padding: 4px;
}
.xt_blog_write_a_comment_title {
    font-weight: bold;
    padding: 2px 2px 4px;
    text-align: left;
}
.xt_blog_paging {
    margin: 2px;
    padding: 2px;
    text-align: center;
}
.xt_blog_write_a_comment_title:before {
    content: url("http://yenhung.xtgem.com/images/binhluan.png");
}
.xt_blog_write_a_comment {
    margin: 2px 2px 4px;
    padding: 4px;
}
.xt_blog_comments_number {
    color: #000000;
}
.daik {
    background-color: #FFFFFF;
    background-position: center top;
    padding-top: 2px;
}
.header, .head {
   background-color: #FF7704;
    background-image: url("http://hocsinh.pro/images/tb.gif");
    background-position: 50% top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding: 3px;
    text-shadow: 1px 1px 0 #F17909;
    font-weight: bold;
}
.bmenu a {
    color: #FFFFFF;
    font-weight: bold;
}
.hdr, .phdr, .upban, .bmenu {
    background-color: #FF7704;
    background-image: url("http://hocsinh.pro/images/tb.gif");
    background-position: 50% top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding: 3px;
    text-shadow: 1px 1px 0 #F17909;
    font-weight: bold;
}
input, textarea, select {
    background: url("/blog/images/bg_input.jpg") repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #88BEFF;
    color: #000000;
    margin: 1px;
    padding: 2px;
}
input:hover, textarea:hover, select:hover {
    background-color: #F4F4F4;
    border: 1px solid #D7D7D7;
    color: #8F8F8F;
}
input:focus, textarea:focus, select:focus {
    background-color: #EDF9FD;
    border: 1px solid #C2E3EC;
    color: #00BAE8;
}
input[type="submit"] {
    background-image: url("http://giaitri321.pro/files/css/xanh/copy.gif");
    border: 1px solid #8FDCFF;
    color: #FFFFFF;
    padding: 2px 4px;
}
input[type="submit"]:hover {
    background-image: url("http://giaitri321.pro/files/css/xanh/copy.gif");
    border: 1px solid #000000;
    color: #000000;
    padding: 2px 4px;
}
#tab {
    border-bottom: 5px solid #FF7704;
    font-size: 13px;
    padding: 2px 5px 0;
    font-weight:bold;
}
#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-color: #FF7704;
    background-image: url("http://hocsinh.pro/images/tb.gif");
    background-position: 50% top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding: 3px;
    text-shadow: 1px 1px 0 #F17909;
    font-weight: bold;
}
#tab .active a {
    color: #FFFFFF;
}
.time {
    background-color: #FFFFFF;
    color: #0000FF;
    text-align: center;
}
.download {
    background: none repeat scroll 0 0 #FFA633;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 3px 8px;
    text-align: center;
    width: 70%;
}
