﻿@charset "utf-8";
/* CSS Reset */
@media screen{
* { margin: 0; padding:0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, span,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style:  inherit;
    font-size: 13px;
    font-family: inherit;
    vertical-align: baseline;
} 

ul, ol{
    list-style: none;
}

article, aside, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4, h5{}

}    /*    end style-screen */
/* CSS Default */
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, li, center,
dir, hr, menu, pre { margin: 0; padding: 0;}

ul li {
    list-style: none outside none;    
}

/* CSS Content */

body{
    margin: 0 auto;
    padding: 0;
	color:#808080;
     background: -moz-linear-gradient(center top , #daf3fd 0%, #80cbe8 100%) no-repeat scroll 0 0 transparent;
    /* For Internet Explorer 5.5 - 7 */
    background: -moz-linear-gradient(center top , #daf3fd 0%, #80cbe8 100%) no-repeat scroll 0 0 transparent;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#daf3fd), to(#80cbe8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#daf3fd, endColorstr=#80cbe8);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#daf3fd, endColorstr=#80cbe8)";
}
a{
	text-decoration:none;
	color:#808080;
}
.clear {
    clear: both;
}
.body{
    width: 1100px;
	overflow-x:hidden;
    margin: 0 auto;
    padding: 0;

	font-family:Tahoma, Arial, "Times New Roman";
	position:relative;
  background-color: #F9F9F9
}
.banner{

	width: 1100px; 
	height: 131px;
}
.header .menu{
    background: url("../images/menu-bg.jpg") repeat-x 0 0 transparent;

}
.menu{
	height:46px; width:1100px;
	font-weight:bold;
	font-size:13px;
    color:#FFFFFF;  
	background-color:#F17500;
}
 .menu ul li{
	float:left;
	padding: 0 7px;
	border-left: #808080 solid 1px;
}
 .menu ul li a{
    color:#FFFFFF;
}
.header .search{
	height:38px;
	padding-top:3px;
	border-bottom: #95B3D7 1px solid;
}
.search-char a{
	padding:0 7px; 
}
.box-content{
	border: 1px soild #4BACC6;
	font-size:12px;	
	/*background-image: -moz-linear-gradient(center bottom , #F2FEBF 100%, #FFFFFF 58%);*/
}

.title{
	color:#C00000;
}
.one-row{
	clear:both;
/*	width:140px; */
	font-weight:bold;
}
.one-row .title{
	text-align:right;
	display: block; float:right;
	padding: 0px;
	margin:0px;
}
.statistic-box{
	border: #0000FF 1px dashed;
	float:right;
	background-color:#FFFFFF;
	bottom:30px; right:20px;
	padding: 10px;
	z-index:3;
	position:absolute;
	line-height: 30px;
	width:180px;
}
.left-column{
	float:left;
	width:235px;
	margin: 0 10px;
}
.right-column{
	float:left;
	width:815px;
	margin: 0 10px;
}
.box-title{
	text-transform:uppercase;
	text-align:center;
}
.box-content
{
    border: 1px solid #DADADA;
	
}
.search-char a{
	color:#0000FF; text-decoration:underline
}

.title{
   padding: 0;   
    font-weight: bold;
    font-size: 13px;    
    margin:10px 0px;
   /* background: url("../images/cat-bg.jpg") repeat-x scroll 0 0 transparent; */
   background: -moz-linear-gradient(center top , #FFFFFF 0%, #EAEAEA 100%) no-repeat scroll 0 0 transparent;
    border: 1px solid #DADADA;
   /* border: 1px solid #DADADA; */
    border-radius: 5px 5px 0 0;
    color: #C00000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 9px 10px;
    
}
.li-title{
   padding: 0;   
    font-weight: bold;
    font-size: 13px;    
    margin:10px 0px;
   
    color: #C00000;
    font-size: 12px;
    font-weight: bold;
   
    
}


.category-books{
	border: #4F81BD solid 4px;
}
.each-book{
	text-align:center;
	margin: 5px;
	float:left;
	width:110px;
}
.book-title{
	/*color:#DF9D5C; */
	color:#0274AD;
}
.book-title a{
	color:#0274AD;
}
.column{
    margin-top: 0px;
}
.book-detail
{
    line-height:25px;
}
.column ul{
    margin: 0 5px;
    font-size: 20px;
    clear: both;
    color: #000000;
    height: 100%;
    line-height: 25px;
    overflow: hidden;
}
.column ul li{
background: url("../images/bullet-arrow.png") no-repeat 0 8px transparent;
    border-bottom: 1px dashed #DD9292;    
    padding: 2px 0 4px 20px;
    position: relative;
    overflow: hidden;
font-weight: bold;
}

.column ul li .xem-them{
    background: url('../images/xem-them.png') top right no-repeat;
    bottom: 0;
    display: block;
    float: right;
    margin-bottom: 3px;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    width: 60px;
}
.column ul li a:hover{
    color: #f32837;
    text-decoration: underline;
    
}
.column ul li img{
    border: 1px solid #CCCCCC;
    padding: 1px;
    margin-right: 5px;
}
.column ul li .show-info{
    margin-top: 10px;
}
.column ul li .show-info p{
    text-align: justify;
    color: #dd9292;
    font-size: 12px;
}
.column ul li p{
    text-align: justify;
    color: #dd9292;
    font-size: 12px;
}

.column h6{
    font-size:15px;
}


#footer{   
    font-size: 13px;
	width: 1100px; 
	float:  left;	
	font-weight:bold;
    line-height: 20px;
	border-top: #3694BA solid 8px;
}
.footer{   
    font-size: 13px;
	width: 1100px; 
	float:  left;	
	font-weight:bold;
    line-height: 20px;
	
}



.image_carousel {
	padding: 15px 25px;
}
.image_carousel img {
	margin: 3px;
	display: block;
	float: left;
}
.clearfix {
	float: none;
	clear: both;
	text-align:left;
}
.category-group .title{
background: url("/skin/images/cat-bg.jpg") repeat-x 0 0 transparent;
height:38px;
margin-top:10px; 
margin-bottom:-2px;
}
.category-group .title a{ 
font-size:13px;
color:#C00000;
margin:10px;
display:inline-block;
}
.category-group
{
    width:765px;
    overflow-x:hidden;
}

.tblSkinFooter{}
.tblSkinFooter td{background-color:#00a0dc;font-weight:bold;padding:4px;white-space:nowrap;}
.tblSkinHeaderColumn{background-color:#00a0dc;border:0px;color:#fff;font-weight:bold;padding:4px !important;text-align:center;}
.tblSkinRow{}
.tblSkinRow td, .pager-link td{border:#0173B9 1px solid;}
.pager-link td{padding:0;}
.pager-link td table td{border:none;}
.tblSkinRow td table td{padding:0;margin:0;border:0;}
.tblSkinRowSelected td{background-color:#ffffcc;border:#cccccc 1px solid;}
.tbl{margin:0px;background-color:#cccccc;color:#62625C;font-size:12px;}
.tbl th{background-color:#eeeeee;font-weight:bold;padding:4px !important;text-align:center;}
.tbl td{padding:3px;background-color:#FFFFFF;}