﻿* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
margin:5px 0;
padding:0 15px;
}

body {
background:none repeat-x scroll center top #ADADAD;
color:#41484D;
font:12px Arial,Helvetica,sans-serif;
}

ul,ol {
list-style:none;
}

#Link img{
width:200px !important;
height:60px;
}
img {
border:none;
}
div {padding:0; margin:0;}

a {
color:rgba(15, 53, 202, 1);
text-decoration:none;
}

a:hover 
{
	color:Red;
}

input,select,textarea {
border:1px solid #969696;
font-size:12px;
padding:2px;

}

li {
list-style:none outside none;
}

em {
color:#C11209;
font-style:normal;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.clearfix {
clear:both;
}
.bottom15 {
	margin-bottom:15px;
}
.bottom10 {
	margin-bottom:10px;
}
/* ----------- */
#wrapper {
width:1000px;
margin:10px auto;
}

#header-login {
background:url(../images/header-login-bg.png) repeat-x 0 0;
height:45px;
font-size:10px;
float:right;
margin-right:25px;
padding:5px 10px 0;
}

#header-login p {
padding:5px 0;
}

#mainbody {
background:url(../images/body_bg.png) repeat-y 0 0;
padding-right:7px;
margin-top:-5px;
}
#content {
	width:993px;
}

#header {
	height:115px;
}

/* DROPDOWN MENU */
#menu ul {
	background:#0274be url(../images/menu_bg.jpg) repeat;
	list-style:none;
	float:left;
	padding:0; margin:0;
	font-size:12px;
	border:1px solid #0274be;
	border-radius: 5px;
	clear:both;
	text-shadow: #1e6499 1px 1px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 3px 0 rgba(150, 150, 150, 0.1);
	-moz-box-shadow: 2px 3px 0 rgba(150, 150, 150, 0.1);
	box-shadow: 2px 3px 0 rgba(150, 150, 150, 0.1);
	width:100%;
}

#menu > ul > li  {
	position:relative;
	float:left;
}
#menu ul li {
	border-right: 1px solid #0870ae;
	border-left: 1px solid #48b1e1;
}
#menu li a {
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height: 3.5em;
	padding: 0 1.2em;
	z-index:3000;
	white-space: nowrap;
}
#menu li a:hover {
	color:#fff;
	background:#0274be;
}
#menu li ul {
	background:#0274be;
	display:none;
	position:absolute;
	width:20em;
	z-index:2000;
}
#menu li ul li {
	position:relative;
}
#menu li ul li ul {
	position:absolute;
	top:0;
	left:20em;
}
#menu li:hover ul {
	border-radius:0 0 5px 5px;
	display:block;
}
#menu li.parent > a {
	background:#0274be;
}
#menu ul li ul li {
	border:none;
	background:#0274be;
	width:100%;
	z-index:1000;
}
#menu ul li ul li:hover {
	
}
#menu ul li:hover ul li ul {
	display:none;
}
#menu ul li ul li a {
	height:2em;
	line-height:2em;
}
#menu ul li ul li a:hover {
	background:url(../images/menu_bg_hover.jpg) repeat-x 0 0;
	color:#fff;
}
/* ------- */
#top_content{
	margin-top:15px;
	width:973px;
	padding:0 10px;
  background-color: #FFCC66
}
 #main_content {
	margin-top:15px;
	width:973px;
	padding:0 10px;
}
#top_content {
	display:block;
}
#top_content div.notice {
	float:left;
}

#top_content div.TipTin {
    margin-top:85px;
	margin-left:20px;
	width: 265px;
}
.TipTin li
{
	list-style: none inside url(../images/arrow-list.gif);
}

.TipTin li:hover
{
	list-style: none inside url(../images/arrow-list-red.gif);
}
#top_content div.notice p {
	padding: 50px 20px 0;
	text-align:justify;
}
#top_content div.regbook {
	margin-top:7px;
}

#slideshow {
	-webkit-box-shadow: 5px 5px 0 rgba(150, 150, 150, 0.4);
	-moz-box-shadow: 5px 5px 0 rgba(150, 150, 150, 0.4);
	box-shadow: 5px 5px 0 rgba(150, 150, 150, 0.4);
	width:955px;
	height:210px;
	margin-left:10px;
	position:relative;
	z-index:0;
	float:left;
	float:left;
}
#slideshow img {
	position: absolute;
	left: 0;
	width: 955px;
	height: 210px;
	top: 0;
}
#galprev,
#galnext {position: absolute; z-index:20; top: 90px; cursor: pointer; background: #000; color: #fff; width: 27px; height: 40px; line-height: 40px; text-align: center; display:none;}
#galprev {
	background:url(../images/btp_slide.gif) no-repeat 0 0;
	left: 0;
}
#galnext {
	right: 0;
	background:url(../images/btn_slide.gif) no-repeat 0 0;
}
#slideshow:hover #galprev, #slideshow:hover #galnext {
	display:block;	
}
/* ---------- */
#main_content {
	margin-top:20px;
	width:973px;
	padding:0 10px;
	float:left;
}
#leftContent {
	width:708px;
	float:right;
	margin-left:10px;
}
#one_content {
	width:950px;
	float:left;
	margin-right:10px;
}
#rightContent {
	width:235px;
	float:left;
}
.boxTitle {
	background:url(../images/bgmenuV3.png) repeat-x 0 0;
	border: 1px solid #DADADA;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 9px 10px;
	text-transform:uppercase;
}

.boxContent {
	padding:10px;
	border:1px solid #DADADA;
	border-top:none;
	border-radius:0 0 5px 5px;
	/*text-align:justify; */
    line-height:25px;
	overflow:hidden;
}
.boxContent1 {
	padding:10px;
	border:1px solid #DADADA;
	border-top:none;
	border-radius:0 0 5px 5px;
	text-align:justify;
	overflow:hidden;
}
.boxContent img {
	margin:0 10px 5px 0;
	padding:3px;
	border:none;
	
}

.moreTitle {
	width:100%;
	float:left;
	padding-top:10px;
	border-top:1px dashed #ccc;
}
.titleDate {
	color:#787878;
	font-style:italic;
}
#newaddedBooks li {
	width:140px;
	float:left;
	padding:0px;
}
#newaddedBooks .book_covers {
	height:100px;
	text-align:center;
}
#newaddedBooks .book_covers img {
	width:100px;
	height:100px;
	margin:0;
	padding:0;
	float:none;
}
#newaddedBooks .book_title {
	text-align:center;
	height:32px;
	margin:0;
	padding:5px;
	line-height:18px;
	float:none;
	overflow:hidden;
}
#Categories ul {
	color:#00f;
}
#Categories ul li {
	background:url(../images/folder.gif) no-repeat 0 0;
	padding:0 20px 0 20px;
	width:98%;
	float:left;
	height:20px;
}
/* --------- */

/*------------------------------DHTT-----------------------------------------------------
.R_title {
    background: url("../images/r_title_bg.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 0 0;
    color: #CB0000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 9px 10px;
    text-transform: uppercase;
}
.R_content {
	padding:10px;
	border-radius:0 0 5px 5px;
	border:1px solid #DADADA;
	border-top:none;
}
.R_content .s_number {
	color:rgba(117, 117, 117, 1);
}
.R_content .useronline {
	border-top:1px dotted #787878;
}

--------------------------------------------------------------------------------------*/

/*------------------------------NL-----------------------------------------------------*/
.R_title {
    background: url("../images/BGMENUV3.PNG") repeat-x scroll 0 0 transparent;
    border: 1px solid #DADADA;
    color:#fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 9px 10px;
    text-transform: uppercase;
}
.R_content {
	border:1px solid #DADADA;
	border-top:none;
}
.R_content .s_number {
	color:rgba(117, 117, 117, 1);
}
.R_content .useronline {
	border-top:1px dotted #787878;
}

/*--------------------------------------------------------------------------------------*/
#statitics li {
	padding:3px 0;
	color:#006dab;
}
#stats_books li {
	padding:10px 0 0 0;
}
.stats_books {
	overflow: hidden;
	border-bottom:1px dashed #0096ec;
	padding-bottom:5px;
}
.stats_books img {
	width:50px;
	height:70px;
	float:left;
	margin-right:10px;
	-webkit-box-shadow: 3px 4px 0 rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 3px 4px 0 rgba(50, 50, 50, 0.1);
	box-shadow: 3px 4px 0 rgba(50, 50, 50, 0.1);
}
.details {
	float:left;
	width:152px;
}
.details .book_name {
	font-weight:bold;
	color:#0598ec;
	width:145px;
	height:30px;
	overflow:hidden;
	text-align:justify;
}

/* ------------- */
#footer a {
	color: #fff;
}
#copyright {
	float:left;
	width:60%;
}
#right_footer {
	float:left;
	width:39%;
	text-align:right;
}
/* ------------- */

.Question
{
    font-weight:bold;
    }
    .title
    {
       font-weight:bold;
       font-size:14px;
       padding-bottom:5px  
    }
    .option
    {
        clear: both;
    padding-top: 5px;
    text-align: right;
    }
    DIV.option SPAN.back {
    background: url("../images/back.gif") no-repeat scroll 0 0 transparent;
    color: #131313;
    display: inline-block;
    padding-right: 10px;
    width: 100px; 
    }
    DIV.bound-news-detail DIV.option SPAN.print {
    background: url("../images/print.gif") no-repeat scroll 0 0 transparent;
    color: #131313;
    display: inline-block;
    padding-right: 10px;
    width: 60px;
}
.listcatergory
{
   border-bottom: 1px dashed #0096EC;
}
.inputSeachAdv
{
	width:300px;
}
.name-document {
    font-weight: bold;
}
.row_1 {
    display: inline-block;
    padding: 15px 0px 5px;
    width: 100%;
}

.info-document {
    display: inline-block;
    float: left;
    padding: 0px;
    text-align: center;
    width: 170px;
    margin-left: 5px;
}

body a {
    text-decoration: none;
    color: #0065A5;
    font-size: 13px;
}

.normal {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: italic;
    color: #808080;
}

.newstitle {
font-weight: bold;
text-align: center;
font-size: 20px;
margin-bottom: 10px;
margin-top: 10px;
color: rgb(199, 8, 8);
text-transform: uppercase;
line-height: 25px;
}

.brief
{
	font-weight: bold;
	text-align: justify;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: blue;
}

.txt09
{
	font-weight:bold;
	color:rgba(102, 102, 104, 1);
	width:400px;
}

.label
{
	color:rgba(102, 102, 104, 1);
}

.book-title
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.bookdetailimage img {
float:left;
}

.downloadButton img
{
	float: right;
	margin-top: 10px;
	margin-right: 25px;
}

.TopCollect {
    float: left;
    height: 210px;
    margin-left: 15px;
    width: 235px
}

div.TopCollect .R_content {
    height: 165px;
    overflow:auto;
}
.best_document-title h2 {
background: url(../images/bgmenuV3.png) repeat-x 0 0;
border: 1px solid #DADADA;
color: #fff;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 9px 10px;
text-transform: uppercase;
}

.carousel {
    padding: 10px;
    border: 1px solid #DADADA;
    border-top: none;
    border-radius: 0 0 5px 5px;
    text-align: justify;
    overflow: hidden;
}

.detail-content {
    width:690px;
}

.detail-content img{
	display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.other-news{
	list-style: disc inside url("/images/list.jpg");
}

.news-other{
	margin-bottom:15px;
}


   #SachMoi .newinfoPanel
    {
    	float: left;
    	padding-top:0px;
    	margin:0px 3px 0px -20px;
    	list-style:none;
    	width:730px;
    	height:360px;
    	background-color:#fff;
    	position:relative;
        font-family: arial;
        font-size: 10pt;
        color:#000;
        background: #fff
    }
    /*Màu nền của Panel*/
    #SachMoi .newinfoPanel li
    {
    	width:50px;
    	float:left;
    	clear:left;
    	height:auto;
    	color:#000;
    	margin:0px;
	}
    /*Màu nền của Bản tin bên phải, Font tiêu đề các bản tin bên phải*/
    #SachMoi .newinfoPanel li a.infoLink
    {
    	float:left;
    	display:block;
    	width:255px;
    	height:69px;
    	margin: 0px;
        overflow:hidden;
        text-decoration:none;
        border:0;
        font-size:9.5pt;
        font-weight:bold;
        text-align: justify;
        border-bottom: 1px solid #e2e2e2;
        background:#fbfbfb;
        line-height:18px;
        /*background-image: url("IMG/SachMoi_Gradient123.gif");
        background-repeat:repeat-x; background-position:bottom;*/
    }
    #SachMoi .newinfoPanel li a.current
    {
    	display:block;
    	background:#fff
	}
    #SachMoi .newinfoPanel li a.infoLink img
    {
    	display:block;
    	width:55px;
    	height: 62px;
    	float:left;
    	margin: 4px 5px 7px 0px;
    	border:0px solid #888;
	}
    #SachMoi .newinfoPanel li a.infoLink span
    {
    	display:block;
    	padding:5px 0px 5px 5px;
    }
    #SachMoi .newinfoPanel li a.current span
    {
    	color:#FFA03A;
	}
    #SachMoi .newinfoPanel li div
    {
    	position:absolute;
    	margin:0px;
    	left:0;
    	top:0;
    	width:390px;
    	height:auto;
    	background:#fff;
    	display:none;
    	overflow:hidden;
	}
    #SachMoi .newinfoPanel li div img
    {
    	float: left;
    	margin:3px 0px 0px 0px;
    	width: 255px;
    	height: 320px;
    	border:1px solid #e2e2e2
	}
    #SachMoi .newinfoPanel li div h3
    {
    	float: left;
    	width: 420px;
    	margin: 3px 0px 3px 0px;
    	font-family: Arial;
    	font-weight: Bold;
    	font-size:11pt;
    	color:#0274AD;
    	text-align: justify;
    	line-height:20px;
    	overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-transform:uppercase;
	}
    #SachMoi .newbook-choice
    {
        float: right;

        padding-right: 10px
}
    #SachMoi .newinfoPanel li div h4
    {

    	margin: 3px 0px 3px 0px;
    	font-weight:normal;
    	font-size:10pt;
    	color:#7A7A7A;
    	text-align: justify;
    	line-height:18px;
    	overflow-wrap: break-word;
    	height:0px;
  padding-left: 210px
}
    #SachMoi .newinfoPanel li div a
    {
    	margin-left:0px;
    	color:#6cf;
    	text-decoration:none;
    	font-size:13px;
	}
    #SachMoi .newinfoPanel li div a:hover
    {
    	text-decoration:none;
	}
    #SachMoi .newinfoPanel li div h3:hover
    {
    	text-decoration:underline;
	}

    #SachMoi .newinfoPanel li div h4:hover
    {
    	text-decoration: none;
    	font-weight:normal;
    	font-size:10pt;
    	color:#000;
    	text-align: justify;
	}

	.carousel-newBooks
	{
	    border-color:#DADADA;
	    border-radius:0 0 5px 5px;
	    border-style:none solid solid;
	    border-width:medium 2px 2px;
	    overflow:hidden;
	    text-align:justify;
	    margin-bottom:5px;
	}

	#new_document
	{
        line-height: 25px;
	}
	
	
	#Chitiet
	{
		width:560px !important;
	}

.boxTitleNLv3 {
   background: url("../images/BGMENUV3.PNG") repeat-x scroll 0 0 transparent;
    background-size:cover;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 9px 10px;
    text-transform: uppercase;
}

.toptinV3 {
    text-align: left;
    width: 49%;
	height: 230px;
}

.boxContentNLv3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #dadada #dadada;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    overflow: hidden;
    padding: 10px;
    text-align: justify;
}

.floatleft {
    float:left;
}

.floatright {
    float:right;
}

    #HeaderNews
    {
        width:728px;
	}
	
    .SubHeaderNews
    {
        float: left;
        margin-right: 2%;
        text-align: left;
        width: 48%;
	}
	
    .HeadCat
    {
    	border-bottom: 1px solid #D0D0D0;
        color: #F00 !important;
        display: block;
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 5px;
        padding-bottom: 3px;
        text-transform: uppercase;
    }
    
    .TopNewImg
    {
    	border: 1px solid #D0D0D0;
        display: block;
        float: left;
        height: 84px;
        margin-bottom: 3px;
        margin-right: 3px;
        padding: 2px;
        width: 120px;
    }
    
    .TopNewsHeader
    {
    	font-size: 12px;
        font-weight: bold;
    }
    
    .nfmore
    {
    	clear: both;
        display: block;
        font-size: 11px;
        font-style: italic;
        text-align: right;
    }
    
    .nfnew
    {
    	clear: both;
        margin-bottom: 0;
        margin-top: 5px;
        padding-left: 0px;
    }
    
    .nfnew li 
    {
        list-style: disc inside url("/images/list.gif");
        overflow:hidden;
    	text-overflow: ellipsis;
    	white-space:nowrap;
    }
    .dotted
    {
    	border-left: 1px dotted #D0D0D0;
        float: left;
        height: 180px;
        margin-left: -8px;
    }

    
#menuV3 ul {
	background:#48b1e1;
	list-style:none;
	float:left;
	padding:0; margin:0;
	font-size:12px;
	clear:both;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 3px 0 rgba(150, 150, 150, 0.1);
	-moz-box-shadow: 2px 3px 0 rgba(150, 150, 150, 0.1);
	width:100%;
}

#menuV3 > ul > li  {
	position:relative;
	float:left;
}
#menuV3 ul li {
	border-right: 1px solid #0870ae;
	border-left: 1px solid #48b1e1;
}
#menuV3 li a {
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height: 2em;
	padding: 0 1.2em;
	z-index:3000;
	white-space: nowrap;
}
#menuV3 li a:hover {
	color:#fff;
	background:#0274be;
}
#menuV3 li ul {
	background:#0274be;
	display:none;
	position:absolute;
	width:20em;
	z-index:2000;
}
#menuV3 li ul li {
	position:relative;
}
#menuV3 li ul li ul {
	position:absolute;
	top:0;
	left:20em;
}
#menuV3 li:hover ul {
	border-radius:0 0 5px 5px;
	display:block;
}
#menuV3 li.parent > a {
	background:#0274be;
}
#menuV3 ul li ul li {
	border:none;
	background:#0274be;
	width:100%;
	z-index:1000;
}
#menuV3 ul li ul li:hover {
	
}
#menuV3 ul li:hover ul li ul {
	display:none;
}
#menuV3 ul li ul li a {
	height:2em;
	line-height:2em;
}
#menuV3 ul li ul li a:hover {
	background:url(../images/menu_bg_hover.jpg) repeat-x 0 0;
	color:#fff;
}

#footer {
    background:#00bdff;
    overflow:hidden;
    padding:10px 20px;
    color:#fff;
    width:999px;
}

.brief, .content {
    text-indent: 25px;
}
.fl {
    float: left;
    width: 20%;
}
#pagination .aspNetDisabled {
     background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/Admin/skins/web24/images/folder_title_bg_md.gif");
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-color: #419cd5;
    border-left-color: #419cd5;
    border-right-color: #419cd5;
    border-top-color: #419cd5;
    color: #ffffff;
}
.pager a.pageNumberView, .pager a.pageNumberSelected, .pager-link a, .ui-button { padding: 0 .5em; height: 24px; border: 1px solid #ccc; color: #000; background: #f6f6f6; background-image: -moz-linear-gradient(top,#blue,#efefef); background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; vertical-align: middle; cursor: pointer; overflow: visible; }
.ui-button-text, .ui-button-text span { font-size: 12px; line-height: 25px; padding: 3px 10px; color: #000; }
.pager a.pageNumberView:hover, .pager a.pageNumberSelected:focus, .pager-link a:hover, .pager-link a:focus, .ui-button:hover { border-color: #999; background: #f3f3f3; background-image: -moz-linear-gradient(top,#ffffff,#ebebeb); background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb); outline: 0; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; }
.pager a.pageNumberView:active, .pager a.pageNumberSelected:active, .pager-link a:active, .ui-button:active { border-color: #999; background: #ddd; background-image: -moz-linear-gradient(top,#cccccc,#ffffff); background-image: -webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#ffffff)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#ffffff); }

.pager a.pageNumberSelected { background: none repeat scroll 0 0 #DDDDDD; border-color: #CCCCCC; color: #000000; cursor: default; font-weight: bold; }

.ui-button-no-radius { -moz-border-radius: 0px; -webkit-border-radius: 0px; }

.pager { font-size: 12px; }
.pager a, .pager-link a { display: inline-block; margin: 0 2px; padding: 1px 0; height: 24px; line-height: 24px; font-size: 12px; }
.pager a span, .pager-link a span { font-size: 16px; }
.pager-link a { padding: 0 5px; }
