/* css framework for iLib 
reset css*/
h1,h2,h3,p,blockquote,img,ins,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,thead,tr,th,td,body,html {
border:0;
outline:0;
font-size:13px;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0
}
td {
    vertical-align: top;
}
html,body {
background:url(../images/top-bg.png) 0 0 repeat-x #d5d1cb
}


body {
line-height:1.2;
font-family:Arial, Helvetica, Verdana, Tahoma, "Times New Roman";
font-size:13px
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:none
}

:focus {
outline:0
}

table {
border-collapse:collapse;
border-spacing:0
}

/* clearfix for fluid width */
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}

* html .clearfix {
height:1%
}

/* common element */
a:link,a:visited {
color:#333;
text-decoration:none
}

input[type=text],input[type=password] {
background:url(../images/input-bg.gif) 0 -1px repeat-x;
border:solid #cacaca 1px;
padding:2px 5px;
height: 20px;
margin-bottom: 10px;
}

/* draw main layout */
#wrapper {
text-align:left;
width:100%;
height:100%;
background:url(../images/colshade.png) top center repeat-y;
margin:0;
padding:0
}

#wrapperin {
width:960px;
background:url(../images/top-bg.png) 0 0 repeat-x;
text-align:left;
margin:0 auto;
padding:0 21px;
}

#wrapperin-lcoll {
width:960px;
background:url(../images/top-bg-lcoll.png) 0 0 repeat-x;
text-align:left;
margin:0 auto;
padding:0 21px;
}

#mainbody {
clear:both;
background:#fff;
padding:20px
}

#header {
height:110px
}

#logo-lcoll {
width:427px;
height:79px;
float:left;
background:url(../images/logo_c5csdltv.png) 0 0 no-repeat;
margin:20px 20px 10px
}

#logo {
width:427px;
height:79px;
float:left;
background:url(../images/logo.png) 0 0 no-repeat;
margin:20px 20px 10px
}

.leftcol {
margin-right:2px;
width:224px;
border-right: 1px solid #ccc;
overflow:hidden;
float:left;
min-height:200px
}

.rightcol {
width:305px;
float:left;
overflow:hidden;
font-size:12px;
line-height:16px;
min-height:200px
}

.content {
width:590px;
margin-right:25px;
min-height:200px;
float:left
}

.leftlay .leftcol {
width:224px;
margin-right:15px
}

.leftlay .content {
width:680px;
margin-right:0
}

.content-no-right {
width:685px;
float:left;
background:#fff;
margin:3px 0 0 5px;
padding:10px
}

.content-only {
width:920px;
float:left;
background:#fff;
margin:3px 0 0;
padding:10px
}

/*bottom menu */
.bmenu {
line-height:53px
}

.bmenu li {
line-height:53px;
float:right;
display:block
}

.bmenu li a:link,.bmenu li a:visited {
line-height:18px;
font-size:12px;
text-decoration:none;
display:block;
padding:0 15px
}

.bmenu li.top {
padding-right:0
}

#footer .top a:link,#footer .top a:visited {
color:#fff;
display: block;
width: 20px;
float: right;
padding-right:35px !important;
background:url(../images/gototop2.png) right -9px no-repeat
}

#footer .top a:hover {
background:url(../images/gototop2-on.png) right -12px no-repeat
}

#bottommenu {
margin-top:10px;
width:20%;
float:right;
text-align:left
}

#copyright {
width:80%;
margin-top:10px;
padding-bottom:10px;
float:left
}

#footer {
clear:both;
background:url(../images/bg_pattern.png) #0054d2;
width:920px;
color:#E9E8E4;
font-size:12px;
font-family:arial;
line-height:16px;
margin:0 auto;
padding:10px 20px 0
}

#footer-lcoll {
clear:both;
background:url(../images/bg_pattern.png) #45361E;
width:920px;
color:#E9E8E4;
font-size:12px;
font-family:arial;
line-height:16px;
margin:0 auto;
padding:10px 20px 0
}

#footer a:link,#footer a:visited {
color:#F5F4EC;
font-weight:700
}

#footer a:hover {
color:#DDC8B4;
text-decoration:none
}

option,select,input {
color:#333;
font-size:12px;
font-family:arial, verdana, tahoma
}

/* logo */
.topmenu {
width:493px;
float:left;
border-bottom:none;
height:39px;
margin-top:5px
}

.topmenu .groupItem {
margin-bottom:0
}

.topmenu .itemContent {
background:none;
border:none;
padding:0
}

#sitename {
height:75px;
vertical-align:middle
}

/* banner 
 top menu content */
#topmenuul {
margin-top:35px;
display:block;
float:left;
padding:0
}

#topmenuul li {
position:relative;
float:left
}
#topmenuul li.menuhover
{
background: url(../images/arrow-hover.png) 30px bottom no-repeat !important;
}
#topmenuul li.last {
margin-right:0
}

#topmenuul li a:link,#topmenuul li a:visited {
text-transform:uppercase;
margin-left:23px;
display:block;
color:#F0EFEA;
font-family:arial;
font-weight:700;
text-decoration:none;
height:37px;
line-height:36px
}

#topmenuul li a span {
display:block;
height:37px;
line-height:36px;
font-size:11px
}

#topmenuul li a:hover,#topmenuul li.current a {
border-bottom:3px solid #c43318
}
#topmenuul li.current li a
{
border-bottom: none;
}
#topmenuul li.menuhover.current a,
#topmenuul li.menuhover a:hover
{
border-bottom: none;
}
#topmenuul ul {
display:none;
position:absolute;
top:36px;
left:0px;
border:1px solid #ccc;
background:#fff;
width:180px;
padding:1px
}

#topmenuul ul li {
display:block;
float:none;
border-bottom:1px solid #fff;
margin:0;
padding:0
}

#topmenuul ul li a {
display:block;
height:auto !important;
line-height:25px !important;
margin:0 !important;
padding:0
}

#topmenuul ul li a span {
text-transform:none;
display:block !important;
color:#333 !important;
background:#f2f2f2 !important;
font-size:12px;
height:22px;
line-height:21px;
font-weight:700;
padding:0 5px
}

#topmenuul ul li a:hover {
border-bottom:none;
background:#ccc
}

#topmenuul ul li a:hover span {
color:#bb190e !important;
background:#f2f2f2 !important;
border-bottom:none !important
}

/*end top ul menu */
#divDlViewed
{
    border:1px solid #CCCCCC;
    padding:5px;
    margin:10px 0px;
    background:none repeat scroll 0 0 #F8F8F8;
}
#divListCart
{
    border:1px solid #CCCCCC;
    padding:5px;
    margin:10px 0px;
    background:none repeat scroll 0 0 #FFEFD5;
}
.view-download
{
    background:url(../images/Downloads_folder.png) 0 5px no-repeat;
    text-indent: -9999px;  
    padding-right:5px;
    padding-bottom:8px;
    cursor:pointer;
}
.remove-cart
{
    float:right;
    padding-right:20px;
    padding-bottom:5px;
    background:url(../images/cart_delete.gif) 0 5px no-repeat;
    text-indent: -9999px;  
    cursor:pointer;
}
.view-downloadfile
{
    float:right;
    padding-right:20px;
    padding-bottom:5px;
    background:url(../images/download.png) 0 5px no-repeat;
    text-indent: -9999px;  
    cursor:pointer;
}
.book-price
{
    float:left;
    padding-right:20px;
    color:Maroon;
}
.list-digital-file li
{
    display:block;
    padding:5px 5px 5px 20px;
    text-align:left;
    width:360px;
    color:Navy;
}
.item-cart li {
display:block;
background:url(../images/cart_add.png) 0 5px no-repeat;
padding:5px 5px 5px 20px;
text-align:justify;
width:550px;
}

.item-viewed li {
display:block;
background:url(../images/item-viewed.png) 0 5px no-repeat;
padding:5px 5px 5px 20px;
text-align:justify;
}

.css-newbook li {
display:block;
background:url(../images/new.gif) 0 5px no-repeat;
padding:5px 5px 5px 27px;
}

.cssICollection li {
display:block;
background:url(../images/ilbook.png) 0 5px no-repeat;
padding:5px 5px 5px 20px;
}

.collection li {
display:block;
background:url(../images/dlbook.png) 0 5px no-repeat;
padding:5px 5px 5px 20px;
}

.collection li a:link,.collection li a:visited {
display:block;
color:#58462a;
text-decoration:none;
font-size:12px;
font-weight:700;
line-height:22px
}

.mainmenu li {
display:block;
background:url(../images/brown-bullet.png) 0 11px no-repeat;
padding:3px 0 3px 16px
}

.mainmenu li a:link,.mainmenu li a:visited {
display:block;
color:#58462a;
text-decoration:none;
font-size:12px;
font-weight:700;
line-height:22px
}

.mainmenu li ul li {
border-top:1px dotted #ccc;
border-bottom:none;
line-height:18px;
background:none
}

/* login module */
#userarea {
margin-top:10px;
padding-right:10px;
position:relative;
width:380px;
height:30px;
float:right
}

#userarea a:link,#userarea a:visited {
font-weight:700;
width:86px;
font-size:11px;
color:#378ADF;
line-height:24px;
float:right
}

#userarea a:hover {
color:#f9150a
}

a.changepassword,a.signin:link,a.signin:visited {
display:block;
background:url(../images/sign-in-l.png) 0 0 no-repeat;
padding-left:9px
}

#userarea a.signin:hover {
background:url(../images/sign-in-l-hover.png) 0 0 no-repeat;
color:#f9150a
}

a.changepassword span,a.signin:link span,a.signin:visited span {
font-size:11px;
padding-right:24px;
background:url(../images/sign-in-r.png) top right no-repeat
}

a.signin:hover span {
background:url(../images/sign-in-r-hover.png) top right no-repeat
}

a.changepassword {
width:100px !important
}

a.signout {
margin-left:10px
}

a.changepassword span {
font-size:11px;
font-weight:400
}

#signin_menu {
display:none;
overflow:hidden;
border:3px solid #cfa975;
background:#fff;
position:absolute;
width:220px;
z-index:100;
text-align:left;
top:25px;
right:0;
margin-top:-5px;
margin-right:0;
color:#789;
font-size:11px;
padding:12px
}

#signin_menu input[type=text],#signin_menu input[type=password] {
display:block;
border:1px solid #ACE;
width:203px;
margin:0 0 5px;
padding:3px 5px
}

a.menu-open {
background:#cfa975 !important;
color:#666 !important;
outline:none
}

#resend_password_link {
width:100% !important
}

#register_menu {
display:none;
border:5px solid #cfa975;
background:#fff;
position:absolute;
width:220px;
z-index:100;
text-align:left;
overflow:hidden;
top:24.5px;
right:0;
margin-top:-5px;
margin-right:-1px;
color:#789;
font-size:11px;
padding:12px
}

#register_menu input[type=text],#register_menu input[type=password] {
display:block;
border:1px solid #ACE;
width:203px;
margin:0 0 5px;
padding:5px
}

#register_menu p {
margin:0
}

* html a.menu-open {
background:#cfa975 !important;
color:#666 !important
}

/* hotnews module */
.hotnews {
line-height:19px;
margin-bottom:5px
}

span.date {
color:#666;
font-weight:400
}

.hotnewsimg {
clear:both;
float:right;
border:1px solid #ccc;
background:#fff;
width:260px;
margin:0 0 5px;
padding:3px
}

a.moredetail:link,a.moredetail:visited {
margin-left:10px;
background:url(../images/read-more.png) right bottom no-repeat;
padding-right:17px
}

a.moredetail:hover {
margin-left:10px;
background:url(../images/read-more-on.png) right bottom no-repeat
}

ul.hotlistnews {
clear:both;
border-top:1px solid #fff
}

ul.hotlistnews li {
display:block;
border-bottom:1px dotted #eee;
background:url(../images/bullet-round.png) left 6px no-repeat;
padding-left:13px
}

ul.hotlistnews li.last {
display:block;
border-bottom:none;
background:url(../images/bullet-round.png) left 6px no-repeat;
padding-left:13px
}

ul.hotlistnews li a:link,ul.hotlistnews li a:visited {
display:block;
text-decoration:none;
margin:1px 0;
padding:3px 0
}

ul.list li {
display:block;
border-bottom:1px dotted #eee
}

ul.list li a:link,ul.list li a:visited {
display:block;
text-decoration:none;
margin:1px 0;
padding:3px 0 3px 7px
}

.subhotnews2,.subhotnews1 {
background:#fff;
border:1px solid #999;
width:257px;
float:left
}

.subhotnews1 {
margin-right:6px
}

.subhotnews1 h3,.subhotnews2 h3 {
border-bottom:1px solid #999;
width:95%;
color:#333;
font-size:14px;
line-height:28px;
height:28px;
margin:0 10px
}

.topnews .thumbs img {
display:block;
width:135px;
height:100px;
border:1px solid #ccc;
margin-right:5px;
float:left;
padding:2px
}

.datestrong {
color:#666;
display:block;
font-weight:700;
margin-bottom:5px;
font-size:11px
}

.shorttext {
display:block;
font-size:11px;
color:#888
}

ul.morenews li {
line-height:18px;
font-size:12px;
color:#000;
background:url(../images/bullet-round.png) left 8px no-repeat;
padding:5px 0 5px 12px
}

.seperator {
margin-top:5px;
height:10px;
border-top:1px solid #f2f2f2
}

/* page nav */
.pagenavhome {
padding:7px 7px 0
}

.pagenavhome ul li {
float:right
}

.pagenavhome ul li a:link,.pagenavhome ul li a:visited {
color:#d14c20;
font-weight:700;
padding:3px 5px
}

.pagenavhome ul li.arrow a:link,.pagenavhome ul li.arrow a:visited {
color:#333;
font-size:14px;
font-weight:700;
padding:7px 5px
}

/* bo suu tap */
.images div div {
width:50%;
height:20px;
display:block;
text-align:right;
float:right
}

.CssPreviewBook {
text-align:right;
float:right
}

.collection {
width:100%;

}

.collection th {
background:#5c5c5c;
color:#ccc;
font-size:11px;
font-weight:700;
text-align:center;
padding:5px 3px
}


.collection td.name a {
background:url(../images/folder_horizontal_open.png) left center no-repeat;
padding-left:20px
}

.collection th.name {
border-right:1px solid #fff
}

#divFavoriteCollection {
border-bottom:1px dotted #ccc;
padding-bottom:10px;
padding-top:10px
}

.cssNoData {
border:1px dotted orange;
color:#999;
margin:10px 0;
padding:10px
}

.CssFavoriteList .Title {
font-weight:700;
padding:5px
}

.CssFavoriteList table {
width:100%;
border-collapse:collapse
}

.CssFavoriteList table td {
border:1px solid #f2f2f2;
padding:2px
}

.collection td.name {
width:65%
}

.collection td.Preview {
width:6%;
text-align:right
}

.collection td.TotalFullPreview,.collection td.Download {
width:12% !important;
text-align:right
}

.collection .sl {
width:10%;
text-align:center
}

.collection tr td {
border-bottom:1px solid #ccc;
padding:5px 4px
}

.collection .name a:link,.collection .name a:visited {
color:#58462a
}

.Documents {
border:1px solid #ccc;
border-collapse:collapse;
background:#fff
}

.Documents th {
background:#f2f2f2;
padding:5px 0
}

.Documents td {
border:1px solid #ccc;
padding:5px 4px
}

/* tag cloud */
.tag:hover {
background:#666;
color:#fff
}

/* thu vien anh */
.gallery img {
border:2px solid #333
}

/* detail page news */
.module_noright {
background:#fff;
margin-bottom:10px
}

.detailnews h3.titlenews,.detailnews h3.titlenews a {
color:#333;
font-size:16px;
font-weight:700;
text-decoration:none;
text-align:left
}

.divrelated .itemContent {
border-top:1px solid #ccc;
background:#fff;
padding:10px
}

.divrelated {
border:1px solid #999;
margin:0 0 10px
}

h3.related {
background:url(../images/h3_related_l.png) 0 0 no-repeat;
height:30px;
display:block;
line-height:30px;
padding-left:10px;
font-size:14px;
font-family:tahoma, arial, verdana;
color:#333;
font-weight:700
}

h3.related span {
display:block;
background:#fff url(../images/h3_related_r.png) top right no-repeat;
width:100%;
height:30px;
line-height:30px;
font-size:15px
}

ul.related li {
margin-bottom:3px
}

ul.related li a:link,ul.related li a:visited {
padding-left:10px;
background:url(../images/grey_bullet.png) 0 8px no-repeat;
color:#084f76;
text-decoration:none;
font-family:arial;
font-size:13px
}

ul.related li a:hover {
color:#fa8c13;
background:url(../images/red_bullet.png) 0 8px no-repeat
}

ul.related li span {
font-size:12px;
font-family:arial, verdana, tahoma;
color:#666
}

.infonews {
display:block;
font-size:12px;
font-family:arial, verdana, tahoma;
padding-bottom:10px
}

.infonews .timenews {
width:50%;
float:left;
display:block
}

.infonews .tool .print {
display:block;
float:right;
padding-left:10px;
width:60px;
text-decoration:none;
color:#333
}

.infonews .tool {
float:right;
display:block;
width:50%;
text-align:right
}

/* start photo list */
ul.photolist li {
clear:both;
display:block;
padding-top:7px;
padding-bottom:7px
}

ul.photolist li span.thumb {
display:block;
width:64px;
height:44px;
float:left;
border:1px solid #999;
margin-right:3px
}

ul.photolist li span.thumb img {
display:block;
width:64px;
height:44px
}

ul.photolist li a:link,ul.photolist li a:visited {
color:#000;
font-size:12px;
line-height:18px
}

.CssSeeMore {
clear:both;
padding-top:5px;
padding-bottom:5px;
display:block;
text-align:right
}

.CssSeeMore a {
background:url("../images/read-more.png") no-repeat scroll right bottom transparent;
margin-left:10px;
padding-right:17px;
text-align:right;
color:#666;
margin-right:5px
}

/* end photo list 
thong ke*/
p.stats em {
color:#c30;
font-weight:700;
font-style:normal
}

.rightcol .groupItem,.rightcol .moduleraw,.rightcol .module_yellow {
margin-bottom:20px
}

.moduleraw {
text-align:center
}

.groupItem .itemHeader {
height:28px;
line-height:26px;
font-size:15px;
color:#000;
font-weight:700
}

h3.title {
height:16px;
color:#333;
line-height:19px;
display:block;
font-size:15px;
font-weight:700;
padding-top:5px;
padding-bottom:10px;
}



#bottomzone h3.title {
color:#c13926
}

.itemContent {
min-height:30px;
padding:0 0 5px
}

.rightcol .itemContent {
padding-top:0
}

#divbookstat {
clear:both;
background:#fff;
margin-bottom:15px
}

#divcollection {
clear:both;
background:#f4efdf
}

#divbookstat .groupItem {
width:49.9%;
float:left;
background:none !important
}

#divcollection .groupItem {
float:left;
width:49.9%
}

#divcollection .groupItem div.p1 {
background:none
}

.rightcol .groupItem .p3 {
padding:0
}

.ui-sortable-placeholder,.sortHelper {
border:1px dotted red;
width:auto !important;
background:#bba !important;
visibility:visible !important
}

/*yellow box */
.yellow h3.title {
background:url(../images/mod_title_y_r.png) #fef5cd top right no-repeat;
height:28px;
line-height:26px;
font-size:13px;
color:#d04300;
font-weight:700
}

.yellow .itemHeader h3.title {
background:url(../images/mod_title_y_l.png) top left no-repeat;
height:28px;
line-height:26px;
display:block;
padding-left:10px
}

.yellow .itemContent {
border-left:1px solid #f6da6e;
border-right:1px solid #f6da6e;
background:#fef5cd
}

.yellow .p2 {
background:url(../images/small-box-y-r.png) bottom right no-repeat
}

.yellow .p3 {
background:url(../images/small-box-y-l.png) bottom left no-repeat;
padding-bottom:5px
}

/* all search service */
#divSimpleSearchServiceKeyword {
width:280px
}

/*sticker module */
#bodyvticker {
overflow:hidden;
float:left;
line-height:25px;
width:560px;
margin-left:5px
}

.vtickertitle {
float:left;
display:block;
font-weight:700;
font-size:13px;
width:75px;
padding-left:20px;
background:url(../images/vticker.png) 0 4px no-repeat
}

/* module slide */
.module_slide {
border:none;
background:url(../images/bottom-bg-slide.png) bottom left no-repeat;
margin-bottom:10px
}

/* slideshow 
 fade slide */
#slidefade {
width:590px;
height:333px;
position:relative
}

ul.slideshow {
z-index:10;
position:absolute
}

div.bigicons {
position:absolute;
z-index:11;
bottom:0
}

div.bigicons a:link,div.bigicons a:visited {
background:url(../images/button-bg.png) 0 0 no-repeat;
display:block;
float:left;
width:190px;
height:43px;
margin:0 0 5px 4px
}

div.bigicons a span {
width:140px;
height:10px;
float:left;
text-transform:uppercase;
font-size:12px;
font-weight:700;
color:#ce3616;
line-height:20px;
display:block;
padding:10px 10px 20px 45px
}
div.bigicons a:hover span {
color:#333 !important
}

div.bigicons a.quyche span {
background:url(../images/quyche-icon.png) 8px 3px no-repeat
}

div.bigicons a.csvc span {
background:url(../images/csvc-icon.png) 8px 3px no-repeat
}

div.bigicons a.thongtin span {
background:url(../images/thongtin-icon.png) 8px 3px no-repeat
}

/* container for slides */
.images {
font-size:11px;
position:relative;
height:145px;
width:485px;
float:left
}

/* single slide */
.images div {
display:none;
position:absolute;
left:0;
height:140px;
font-size:12px;
margin:0 7px 7px;
padding:0 10px 10px
}

/* image cover */
.images div img {
width:85px;
float:left;
border:1px solid #ccc;
margin:0 15px 15px 0;
padding:2px
}

/* header */
.images h3 {
font-weight:700;
font-size:15px;
color:#000;
margin:0 0 10px
}

.images p {
font-size:13px;
line-height:18px
}

/* tabs (those little circles below slides) */
.slidetabs {
padding-top:5px;
clear:both;
margin-left:15px
}

/* single tab */
.slidetabs a {
width:12px;
height:11px;
float:left;
cursor:pointer;
background:url(../images/navi.png) 0 0 no-repeat;
display:block;
font-size:1px;
margin:3px
}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled1 {
visibility:hidden !important
}

/* tool */
.gototop {
color:#fff !important;
float:right;
font-size:10px;
margin-right:10px;
padding-right:12px;
background:url(../images/icon-gototop.png) right center no-repeat
}

.event li a {
display:block;
padding:0 5px
}

.event li a.hightlight:link span,.event li a.hightlight:visited span {
line-height:14px;
height:14px;
color:#fff;
background:url(../images/today-left.png) 0 0 no-repeat;
padding:0 5px
}

.event li a.hightlight:link span em,.event li a.hightlight:visited span em {
color:#fff;
line-height:14px;
height:14px;
background:url(../images/today-right.png) top right no-repeat;
font-style:normal;
padding:0 5px
}

.event li a.hightlight:hover span {
background:url(../images/today-left-on.png) 0 0 no-repeat
}

.event li a.hightlight:hover span em {
background:url(../images/today-right-on.png) right top no-repeat
}

.event li span {
color:#000;
font-weight:700;
font-style:italic
}

.lightTip .content {
width:270px;
border:6px solid #e2e2e2;
background:#fff;
color:#020202;
padding:10px
}

.lightTip .bottom {
height:14px;
background:url(../images/notch-white.png) top center no-repeat
}

.yellowTip .content {
width:270px;
border:6px solid #f9e98e;
background:#fbf7aa;
color:#020202;
padding:10px
}

.yellowTip .bottom {
height:14px;
background:url(../images/notch-yellow.png) top center no-repeat
}

.orangeTip .content {
width:310px;
border:6px solid #f9cd8e;
background:#fbe3aa;
color:#020202;
padding:10px
}

.orangeTip .bottom {
height:14px;
background:url(../images/notch-orange.png) top center no-repeat
}

.redTip .content {
width:310px;
border:6px solid #ce6f6f;
background:#f79992;
color:#020202;
padding:10px
}

.redTip .bottom {
height:14px;
background:url(../images/notch-red.png) top center no-repeat
}

.greenTip .content {
width:270px;
border:6px solid #a9db66;
background:#cae8a2;
color:#020202;
padding:10px
}

.greenTip .bottom {
height:14px;
background:url(../images/notch-green.png) top center no-repeat
}

.blueTip .content {
width:270px;
border:6px solid #36a4d9;
background:#90d8f0;
color:#020202;
padding:10px
}

.blueTip .bottom {
height:14px;
background:url(../images/notch-blue.png) top center no-repeat
}

.purpleTip .content {
width:270px;
border:6px solid #8671de;
background:#a290f0;
color:#020202;
padding:10px
}

.purpleTip .bottom {
height:14px;
background:url(../images/notch-purple.png) top center no-repeat
}

.darkTip .content {
width:270px;
border:6px solid #303030;
background:#505050;
color:#f8f8f8;
padding:10px
}

.darkTip .bottom {
height:14px;
background:url(../images/notch-dark.png) top center no-repeat
}

/* dictonary */
.cssWordToConvert {
width:90%;
margin-bottom:5px
}

/* new books */
.pagenav {
text-align:right;
background:#f2f2f2;
padding:0 5px
}

.booklist li span {
color:#000
}

/* system module 
 notify warning */
.system-notify {
width:90%;
background:#FEF4D1;
border:1px solid #F6D97D;
margin:20px auto 10px;
padding:5px
}

.system-notify h3.title {
color:#CA1406;
font-size:16px;
font-weight:700
}

/*content detail view */
.content-view {
clear:both;
line-height:19px;
font-size:1em;
padding:0 10px
}

.catlink {
line-height:28px;
font-size:18px
}

.catlink a {
padding-left:8px;
margin-right:10px;
font-weight:700;
background:url(../images/bullet-pathway.png) 0 7px no-repeat
}

.titlecontent {
font-size:16px;
margin:10px 0 5px
}

.subtitlecontent {
color:#999;
margin-bottom:10px
}
.bodycontent {padding-top: 10px;}
.bodycontent p {
margin-bottom:15px;
text-align:justify;
font-size:14px
}

.related {
margin-top:30px;
background:#f2f2f2;
padding:10px
}

.related h3 {
font-weight:700;
font-size:16px;
padding-bottom:5px;
border-bottom:1px solid #ccc
}

.related ul {
border-top:1px solid #fff;
padding:15px 0 10px 20px
}

.related ul li {
line-height:14px;
display:block;
background:url(../images/brown-bullet.png) 0 9px no-repeat;
padding:5px 0 5px 10px
}

.related ul li a span {
color:#999;
font-size:12px
}

.viewbiglist li {
margin-bottom:25px;
font-size:13px;
line-height:15px
}

.viewbiglist li a:link,.viewbiglist li a:visited {
font-weight:700;
font-family:verdana
}

.datetophot {
color:#999;
display:block;
font-size:11px;
margin-bottom:5px
}

/* start phan trang */
.phantrang {
clear:both;
margin-top:10px;
padding-top:5px;
border-top:1px dotted #ccc
}

.pagenavi li {
display:block;
font-size:11px;
float:right;
padding:2px 5px
}

.pagenavi li a.first {
background:url(../images/first.gif) left 1px no-repeat;
padding-left:13px
}

.pagenavi li a.last {
background:url(../images/last.gif) right 1px no-repeat;
padding-right:13px
}

.pagenavi li a.next {
background:url(../images/next.gif) right 1px no-repeat;
padding-right:10px
}

.pagenavi li a.prev {
background:url(../images/prev.gif) left 1px no-repeat;
padding-left:10px
}

/* end phan trang 
 search page */
#search_advanced {
background:#fff;
margin:0 auto;
}

#search_advanced h3.title {
font-size:18px;
line-height:22px;
font-weight:400;
color:#333;
width:50%;
float:left;
padding-top: 0px -important;
}

.buttonsearch {
text-align:right;
float:right;
padding-top:10px;
padding-bottom:3px
}
.buttonsearch input {
cursor:pointer;
background:#C43318;
border:none;
color:#fff;
line-height:20px;
height:20px
}

.barsplitter {
clear:both;
background:#ccc;
margin:5px 0;
padding:5px 10px
}

.searchtypecaption {
display:block;
float:left;
width:30%;
line-height:20px;
font-weight:700
}

.searchfieldz3950 {
padding:3px
}

.searchfieldz3950 select.dropdown {
width:30%;
text-align:right
}

.dropdown option {
text-align:right;
padding-right:25px;
border-bottom:1px solid #ccc
}

/*fulltext search */
.textfield {
width:210px
}

.searchlimit {
background:#EBEBE3;
margin-top:10px;
line-height:20px;
padding:10px 10px 20px
}

.tocaption {
color:#666;
padding:0 10px
}

.searchlimit p label {
width:200px;
display:block;
text-align:left;
padding-right:10px;
float:left;
font-size:12px
}

.limitby {
clear:both;
line-height:20px;
padding:5px 0
}

.grey {
display:block;
color:#999;
padding-left:210px
}

.searchoption {
padding:5px 0
}

.searchoption .option3 {
width:40%
}

.searchoption .option1,.searchoption .option2,.searchoption .option3 {
float:left;
display:block
}

.searchlimit p.searchoption .option1 label {
width:200px;
float:left
}

.searchlimit p.searchoption .option3 label {
width:130px
}

/*search result */
#content_noleft {
width:680px;
float:left;
margin-right:20px
}

#contentcol2 {
margin-top:10px;
border:1px solid #ccc
}

#rightcol2 {
float:left;
width:260px
}

.pagi {
background:#f4f4f4;
padding:10px;
margin-bottom:1px;
}

#contentcol2 .tool {
display: none;
background:none repeat scroll 0 0 #F2F2F2;
clear:both;
padding:10px
}

.resultrow {
border-top:1px solid #CCC
}

.resultrowul {
border-bottom:1px solid #CCC
}

.resultrowul li {
margin-bottom:5px;
padding:10px
}

.resultrowul li span {
float:left;
display:block;
width:50px;
color:#888
}

.resultrowul dl {
float:left;
width:600px
}

.itemname {
font-size:15px
}

.module_revise {
margin-top:25px
}

.module_revise .mbody {
background:#F9FCF0;
border:1px solid #f5da6e;
padding:10px
}

.module_revise h3.title {
background:#fef4cd;
border:1px solid #e6cb61;
border-bottom:none;
line-height:18px;
color:#c51900;
font-weight:700;
padding:5px 5px 5px 10px
}

.otherlist li {
line-height:1.5
}

.submbody {
padding-left:15px
}

li.more {
text-align:right !important
}

dl.dlib {
width:430px;
float:left
}
#contentcol2 dl.dlib
{
width: 430px;
}
.CssUserInfo {
color:#333;
padding-top:5px;
font-size:12px
}

.boxHeadNews {
margin-top:20px
}

.titleHeadNewsDetail {
font-weight:700;
font-size:130%;
margin-top:5px
}

.dateHeadNews {
font-size:90%;
color:#666
}

.dateHeadNews span {
color:#b72a21
}

.infoHeadNews {
padding-top:3px
}

.infoHeadNewsS {
padding-top:3px;
font-weight:700
}

.infoHeadNewsD {
padding-top:10px
}

.infoHeadNewsDetail {
padding-top:3px;
font-family:"Times New Roman", Times, serif
}

.infoHeadNewsDetail a:hover {
color:#9f9d9d;
text-decoration:underline
}

.subHeadNews span {
position:absolute;
padding-left:5px
}

.subHeadNews {
padding-top:10px;
padding-left:5px
}

.subHeadNews li {
font-weight:700;
background:url(../assets/icon_headnews.gif) left 12px no-repeat;
padding:5px 0 5px 10px
}

.subHeadNews a:hover {
color:#10357c;
text-decoration:underline
}

.tableNews {
clear:both;
margin-top:10px
}

.otherNews {
color:#b72a21;
padding-right:5px;
font-size:120%;
float:left;
font-weight:700
}

.linenews {
padding-top:14px
}

.subNewsDetail {
margin:20px 0 0 20px
}

.subNewsDetail li {
background:url(assets/iconnews.gif) left 10px no-repeat;
color:#acabab;
padding:3px 0 0 10px
}

.subNewsDetail li a:hover {
color:#000;
text-decoration:underline
}

.otherNewsMore {
font-weight:700;
padding:10px 0
}

.toolDetail {
display: none;
float:right;
padding-left:10px;
margin-right:5px
}

.DownloadAttachedFile {
float:right;
padding-left:10px;
margin-right:5px;
margin-top:5px
}

news1Detail {
float:left;
margin-top:10px;
width:100%
}

.infoNewsDetail {
line-height:16px;
padding-top:5px
}

.titleNews {
font-weight:700;
padding-bottom:5px;
line-height:15px
}

.name a,.titleNews a {
display:block;
background:url(../images/bullet-round.png) 0 5px no-repeat;
padding-left:15px;
font-weight:400
}

.textNumber {
font-style:italic;
font-weight:400;
color:#5b5a5a;
font-size:90%;
padding-bottom:5px;
margin-top:8px
}

.numberPt {
font-size:90%;
float:left;
background-color:#f8f8f8;
border:1px #fff solid;
padding-left:5px;
padding-right:5px;
margin-left:2px;
margin-right:2px
}

.numberPt a:visited {
color:red;
text-decoration:none;
font-weight:700
}

.numberPt a {
color:#5392d1;
text-decoration:none
}

.numberPt a:hover {
color:red;
background:#fff;
text-decoration:underline
}

.imgNewsDetail {
width:110px;
float:left
}

.CssTopPage {
border:solid 1px silver;
margin-right:10px;
padding:4px
}

.CssTopPage li {
float:left
}

.CssListCommentHeader {
margin-top:10px;
background-color:#F5F5F5;
font-weight:700;
color:#b72a21;
font-size:120%;
padding:4px
}

.WriteCommentButton {
text-align:right;
margin-top:5px;
padding:4px
}

.CssTableWriteComment {
border:solid 1px silver;
width:100%
}

.CssTdWriteComment1 {
vertical-align:top
}

#txtWriteCommentFullName,#txtWriteCommentEmail,#txtWriteCommentSubject,#txtCommentContent {
width:400px
}

.infoSourceNews {
text-align:right;
color:Maroon
}

.CssCommentZone ul {
padding-left:10px
}

.CssCommentZone ul li {
list-style-position:inside;
list-style-type:square;
padding:4px
}

.CssSearchField {
width:370px
}

.CssSearchAdvProcessing {
padding-left: 53px;
color: #ca2825;
background: url(../images/loading.gif) 0 0 no-repeat;
}

.CssNoImage {
    height: 95px;
    width: 75px;
}

.divprocessing {
background:url(../images/ajax-loader.gif) 0 0 no-repeat
}

#divResultSearch table td {
vertical-align:text-top
}

#SearchFieldContent table td {
vertical-align:top;
padding:4px
}

.CssSimpleSearchField {
width:450px;
border-left:none;
border-right:none;
border-top:none;
border-bottom:1px solid gray;
margin-right:15px
}

.itemname:link,.itemname:visited {
color:#39D
}

.CssLookUpField {
width:430px;
border-left:none;
border-right:none;
border-top:none;
border-bottom:1px solid gray
}

.CssTdSimpleSearch1 {
margin-left:20px;
text-align:right;
padding-right:4px;
vertical-align:text-top
}

.detaildoc {
border:1px solid #ccc;
padding:20px
}

.shortdetail h3.title {
line-height:22px;
font-size:16px;
font-family:tahoma, arial, verdana;
font-weight:400;
margin-bottom:10px
}

.overview .cover {
float:left;
margin-right:20px
}

.overview .cover img {
border:1px solid #ccc;
width:100px
}

.overview .shortdetail {
float:left;
width:500px
}

.overview .shortdetail ul li {
line-height:20px
}

.fulltextlist {
list-style:decimal;
margin-left:30px
}

.fulltextlist li {
list-style:decimal;
padding-bottom:5px
}

.fulltextlist li a:hover {
color:#C13926 !important;
}

.fulldetail .toolbar {
border:1px solid #ccc;
background:#F8F8F8;
margin:10px 0;
padding:3px
}
.changeview select
{
    width:100px;
    margin-bottom:1px !important;
    margin-left:5px;
}
a.addfavorite {
margin-right:10px;
padding-left:18px;
height:16px;
line-height:16px;
color:#333 !important;
font-weight:700;
font-size:11px;
background:url(../images/favicon.png) 0 0 no-repeat
}

a.addcomment {
display: none;
color:#333 !important;
font-size:11px;
font-weight:700;
padding-left:18px;
height:16px;
margin-right:10px;
line-height:16px;
background:url(../images/addcomment.png) left center no-repeat
}

a.share:link,a.share:visited {
position:relative;
overflow:hidden;
height:16px;
line-height:16px;
margin-right:10px;
background:url(../images/share.gif) left center no-repeat;
padding-left:17px
}

a.share:link .abc,a.share:visited .abc {
display:none;
width:250px;
height:190px;
position:relative
}

.changeview {
width:300px;
float:right;
text-align:right
}

.moredetail p {
display:block;
padding-bottom:10px
}

#comment h3 {
display: none;
margin-bottom:10px;
font-size:16px;
font-weight:400;
padding-bottom:5px;
border-bottom:1px dashed #ccc
}

#comment {
display: none;
border:1px solid #dddbdb;
margin-top:10px;
background:#f2f2f2;
line-height:19px;
padding:10px
}

.usercom {
background:url(../images/usercomment.gif) 10px bottom no-repeat #f2f2f2;
padding-left:45px
}

.comcontent {
background:#fff;
padding:10px
}

/*app icon */
.appicon {
display:block;
text-align:center
}

/*thong ke*/
.stats {
line-height:22px
}

.stats span {
display:block;
width:90px;
float:left
}

.z3950server .col2 {
width:70%;
border:1px solid #DEDFDE;
background:#f2f2f2 !important;
vertical-align:top
}

.z3950server .col1 {
width:28%;
background:#dedfde;
border:1px solid #DEDFDE;
color:#666;
font-size:12px;
line-height:20px;
padding:1%
}

.z3950server .col1 .titlelimit {
font-weight:700;
font-size:16px;
color:#333
}

table.servelist {
width:100%;
border:1px solid #f2f2f2
}

.servelist th {
background:#ccc;
font-weight:700;
padding:3px 5px
}

.servelist td {
border-bottom:1px solid #fff;
padding:3px 5px
}

.servelist .select {
width:5%
}

.servelist .dbname input {
min-width:200px;
padding:3px 5px !important
}

.servelist .ipaddress input,.servelist .orgname input {
min-width:150px;
padding:3px 5px !important
}

.addmore {
color:#000;
font-weight:700
}

.addmore:hover {
color:red
}

.cssHeadingResult {
font-size:medium;
color:Maroon;
font-weight:700
}

.CssResultZ3950Service {
border:1px solid gray;
margin-bottom:10px;
padding:3px
}

.CssResultZ3950Service table th {
background-color:#BFD9FF
}

.CssResultZ3950Service table td {
padding:2px
}

#drpSelectView {
width:112px;
text-align:right
}

.CssDivRecordEvent {
font-family:Courier New;
padding:5px
}

.CssDivRecordOdd {
font-family:Courier New;
background-color:#F5F5F5;
padding:5px
}

.CssSpanRecordIndex {
color:Maroon;
font-weight:700;
font-family:Courier New
}

.CssTab {
padding-left:50px
}

.breadcrum {
border-bottom:1px dotted #ccc;
background:url(../images/view-breadcrum.gif) 10px 23px no-repeat #f2f2f2;
padding:23px 5px 5px 35px
}

.bookview {
width:630px !important
}

.overview .shortdetail ul li div em {
padding-left:20px;
font-weight:700
}

a.addcomment:hover,a.addfavorite:hover {
color:#666 !important
}

.moredetail p span {
display:block;
padding-left:20px
}

.moredetail p span em {
font-style:normal;
font-weight:700;
font-size:14px;
color:#666
}

.formcontact td.title {
width:90px;
vertical-align:top;
padding:5px
}

.formcontact label {
font-weight:700;
font-size:12px;
color:#888
}

.formcontact .inputtext {
border:1px solid #ccc;
width:230px;
background:url(../images/input_text.png) 0 0 repeat-x;
margin-bottom:10px;
padding:5px
}

.formcontact .messagecontact {
border:1px solid #ccc;
background:url(../images/input_text.png) 0 0 repeat-x;
margin-bottom:10px;
padding:5px
}

.formcontact .inputtext:hover,.formcontact .inputtext:active,.formcontact .inputtext:focus,.formcontact .messagecontact:hover,.formcontact .messagecontact:active,.formcontact .messagecontact:focus {
background:url(../images/input_text-hover.png) 0 0 repeat-x;
color:#000;
border:1px solid #aacdea
}

.formcontact td.button {
padding-left:90px;
padding-bottom:50px
}

.formcontact td.button .cbutton {
color:#fff;
font-size:11px;
text-transform:uppercase;
cursor:pointer;
background:#17a6d5;
margin-left:15px;
border:none;
padding:3px 7px
}

.formcontact td.button .cbutton:hover {
background:#666
}

.CssRegister td {
border:solid 1px gray;
padding:5px
}

.cal {
padding-top:10px;
background:url(../images/calendar-bg.png) 0 0 repeat-x;
width:310px
}

.cal .customStyleSelectBox {
margin-left:50px;
width:220px;
height: 16px;
background:#fff;
padding:5px 0 5px 10px
}

.CssSelectSchedule option 
{
width: 210px;
}
.CssSelectSchedule {
margin-left:50px;
width:240px
}

.cal .itemContent {
height:112px
}

.support {
height:112px;
background:#faf2e0;
border:1px solid #f3e7d2;
padding:22px 0px 0px 5px;
}

.support a img {
margin-right:5px
}

.support .itemHeader h3.title em {
text-transform:uppercase;
font-size:12px;
font-weight:700;
color:#76654c
}

.hdsdlink:link,.hdsdlink:visited {
border-top:1px solid #eae6dc;
line-height:50px;
background:url(../images/help-icon.png) 0 15px no-repeat;
display:block;
height:50px;
font-size:13px;
font-weight:700;
color:#235c85;
padding-left:30px
}

#Porlet_4579b857-7d65-4254-8dd1-61af09307a53 {
margin-bottom:0 !important
}

.CssTdDigitalFile1,.CssTdDigitalFile2,.CssTdDigitalFile3 {
font-weight:400;
width:65px;
padding:0 !important
}

.CssDownloadItem {
font-weight:400;
font-size:9px;
color:Maroon
}

.CssResultFullTextSearchService table {
width:100%;
border:1px solid #ccc;
margin-bottom:10px
}

.CssResultFullTextSearchService table th {
background:#f2f2f2;
border:1px solid #ccc;
padding:3px 5px
}

.CssResultFullTextSearchService table td {
border:1px solid #ccc;
padding:3px 5px
}

.CssFunc a:link,.CssFunc a:visited {
background:#39D;
color:#fff
}

.CssFavoriteName {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:10px
}

.CssTitleFavoriteGroup {
font-size:16px;
font-weight:700;
padding:20px
}

.CssNotLogin {
margin-bottom:15px;
font-size:11px;
color:#8B0000;
border:1px solid #fabca1;
background:#f8f7e6;
padding:15px
}

.CssAddFavoriteGroup:link,.CssAddFavoriteGroup:visited {
clear:both;
background:#ea3f00;
color:#fff;
display:block;
font-size:10px;
width:70px;
float:right;
text-transform:uppercase;
text-align:center;
padding:4px 5px
}

.CssAddFavoriteGroup span {
width:100%;
text-align:center
}

div.CssPublicCollection {
width:350px;
background:url(../images/folder-share.png) center left no-repeat;
float:left;
display:block;
font-weight:700;
text-align:left;
padding-left:20px
}

.CssAddFavoriteGroup:hover {
background:#39D
}

.DivPathFavoriteCollection {
font-size:16px;
font-weight:700;
margin-bottom:10px
}

.CssFormEdit {
border:1px solid #f98d5e;
background:#fbf1d9;
margin-bottom:10px;
padding:10px
}

.CssFormEdit div.Title {
color:#c74802;
font-weight:700;
margin-bottom:5px
}

.ListFavorites .CssTdButton {
width:110px
}

.ListFavorites a {
color:#378ADF;
background:url(../images/folder-favorite.png) 0 0 no-repeat;
padding-left:20px
}

.ListFavorites .CssTdButton a {
color:#999;
background:none;
padding-left:0;
line-height:22px;
width:50px;
display:block;
float:left
}

.ListFavorites a:hover {
color:#ea3f00
}

.CssFavoriteTd3 {
width:450px
}

.CssFavoriteTd0,.CssFavoriteTd1,.CssFavoriteTd2,.CssFavoriteTd3 {
border-bottom:1px solid #f2f2f2;
padding-bottom:5px;
padding-top:5px
}

/* TMTB Sach moi */
.CssBookNewHeading {
height:28px;
padding-top:10px;
font-size:26px
}

#subtitle {
color:#666;
padding:10px
}

.listnewbook {
padding:10px
}

.classtitle {
text-align:left;
margin-top:20px;
font-weight:700;
padding-bottom:10px;
font-size:16px;
text-transform:uppercase;
color:#1391e2
}

.stt {
width:40px;
text-align:right;
padding-right:10px
}

.isbdnew {
padding-bottom:15px
}

.CssRecordType05 {
background:url(../images/lvan_database.png) 0 0 no-repeat;
padding-left:20px
}

.CssRecordType04 {
background:url(../images/kluan_database.png) 0 0 no-repeat;
padding-left:20px
}

.CssRecordType03 {
background:url(../images/detai_database.png) 0 0 no-repeat;
padding-left:20px
}

.CssRecordType02 {
background:url(../images/lan_database.png) 0 0 no-repeat;
padding-left:20px
}

.CssRecordType01 {
background:url(../images/book_database.png) 0 0 no-repeat;
padding-left:20px
}

.CssRecordType_dl {
background:url(../images/book_dl.png) 0 0 no-repeat;
padding-left:20px;
line-height:19px;
}
.CssRecordType_il {
background:url(../images/book_il.png) 0 0 no-repeat;
padding-left:20px;
line-height:19px;
}
.daily {
margin-left:15px;
text-decoration:underline
}

.CssReturnTitle,.CssBorrowTitle {
color:#003663;
padding-top:15px;
padding-bottom:5px;
font-weight:700;
font-size:16px
}

.CssDivReturn table,.CssDivBorrow table {
width:100%;
border:1px solid #ccc
}

.CssDivReturn table td,.CssDivBorrow table td {
border:1px solid #ccc;
padding:5px
}

.CssTdReg,.CssTdReturnReg,.CssThRetReturnDate,.CssTdDate,.CssTdDueDate,.CssTdReturnDate,.CssTdReturnDueDate {
width:15%
}

.overdue .CssTdReg {
background:url(../images/icon_overdue.gif) 3px center no-repeat;
padding-left:21px
}

#buttoncontact {
height:76px;
position:fixed;
top:55%;
width:29px;
display:block;
background:url(../images/gop-y.png) 0 0 no-repeat
}

#feedbackform {
display:none;
padding:10px
}

#feedbackform label {
display:block;
color:#666;
font-weight:700
}

#feedbackform p {
padding-bottom:5px
}

#feedbackform input[type=text] {
width:210px;
padding:4px 3px
}

#feedbackform input[type=submit] {
color:#fff;
background:#0cb1ee;
border:none;
cursor:pointer;
font-size:10px;
text-transform:uppercase;
padding:3px 10px
}

#feedbackform input[type=submit]:hover {
background:#c60909
}

.CssThisWeekTitle,.CssTotalTitle {
font-weight:700;
padding:4px 0
}

.Col1 {
padding-left:20px
}

.CssPs {
color:Maroon;
font-style:italic
}

.cssFormLogin {
background-color:#FFF;
width:380px;
padding:4px
}

.CssLoginGuide {
font-size:xx-small;
color:Maroon;
font-style:italic
}

.box_title_380 {
background:#C6D2DB url('img/box/title380.gif') no-repeat left top;
font-weight:700;
font-size:0.9em;
color:#505E69;
padding:6px 10px 5px
}

.box_body_380 {
background:#DAE3E9 url('img/box/body.gif') repeat-x left top;
font-size:0.9em;
padding:8px 10px 1px
}

.box_bottom_380 {
background:url('img/box/bottom380.gif') no-repeat left top;
display:block;
height:5px;
font-size:0;
line-height:0
}

.box_380 ul {
margin-left:0;
border-bottom:1px solid #E2ECF2
}

.box_380 li:first-child {
border-top:none
}

.box_380 ul li {
list-style:none;
border-top:1px solid #E2ECF2;
border-bottom:1px solid #D0D8DE;
padding:4px
}

.cssDivLogin {
width:380px;
top:100px;
position:absolute;
left:200px
}

.searchcloud {
line-height:21px;
color:#888;
text-align:justify;
}

a.Tag:link,a.Tag:visited {
color:#056297;
padding:2px 0 2px 7px
}

a.Tag:hover {
color:#fff;
background:#178bce
}

.IlibStatitics td {
border-bottom:1px solid #ccc;
padding:10px 0
}

.IlibStatitics td.Preview {
font-size:11px;
text-align:right;
color:#666;
padding:0
}

#search {
background:url(../images/qsearch-bg.png) 0 0 repeat-x;
height:45px;
line-height:44px;
padding:0 0 0 15px
}

.allquicksearch {
width:370px;
float:left;
position:relative
}

.qsearchkeyword {
position:absolute;
top:0;
left:0
}

input#qsearchkeyinput {
width:300px;
color:#999;
background:url(../images/search-icon.png) 6px 6px no-repeat #fff;
border:none;
font-size:12px;
margin-top:7px;
padding:7px 7px 6px 25px;
height: 14px;
}

.qsearchbutton {
position:absolute;
top:7px;
right:5px;
width:62px
}

.qsearchbutton a {
padding-left:18px;
line-height:27px;
overflow:hidden;
width:45px !important;
height:28px;
color:#c43318;
font-weight:700;
text-transform:uppercase;
display:block;
background:url(../images/search-butt.png) 0 0 no-repeat
}

#dropdown {
float:right;
border-left:1px solid #72634a;
width:185px;
color:#fff;
padding-left:15px;
height:45px;
}
#divHomeCollection
{
    width:33%;
    float:left;
}
#divHomeICollection
{
    width:22%;
    float:left;
}
#divHomeCollection .tablelist .collection th {
display:none;
height:1px
}

#divHomeCollection .tablelist .collection tr.even td,#divHomeCollection .tablelist .collection tr.odd td {
background:none;
border:none
}

#divHomeCollection .tablelist .collection {
border:none
}

.customStyleSelectBox {
font-size:11px;
height: 44px;
text-transform:uppercase
}

.cselect {
width:185px;
cursor:pointer
}

.customStyleSelectBoxInner {
background:url(../images/arrow-drop.png) 192px center no-repeat
}
#search .customStyleSelectBoxInner
{
background:url(../images/arrow-drop.png) 148px center no-repeat
}
/* gioi thieu sach */
#gioithieusachzone {
height:285px
}

#gioithieusach {
height:50px;
background:url(../images/gts-header.png) 0 0 no-repeat
}

#gioithieusach .likeheader {
height:35px
}

#gioithieusach h3 {
line-height:32px;
margin-left:2%;
width:30%;
float:left
}

#gioithieusach .jcarousel-control {
width:400px;
margin-right:20px;
float:right;
text-align:center
}

#gioithieusach .jcarousel-control a {
display:inline-block;
background:#fff;
color:#ccc;
float:right;
width:16px;
height:16px;
line-height:16px;
margin-top:8px;
overflow:hidden;
margin-left:4px
}

#gioithieusach .jcarousel-control a:hover {
color:#000;
background:#999
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:835px;
padding:20px 20px 0
}

.jcarousel-skin-tango .jcarousel-clip {
overflow:hidden
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:835px;
height:220px
}

.jcarousel-skin-tango .jcarousel-item {
height:205px
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left:0;
margin-right:10px;
text-align:center;
line-height:16px
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
background:#fff;
color:#000
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
position:absolute;
top:65px;
right:5px;
width:25px;
height:50px;
cursor:pointer;
background:transparent url(../images/next-horizontal.png) no-repeat 0 0
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
left:5px;
right:auto;
background-image:url(../images/prev-horizontal.png)
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
position:absolute;
top:65px;
left:5px;
width:25px;
height:50px;
cursor:pointer;
background:transparent url(../images/prev-horizontal.png) no-repeat 0 0
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left:auto;
right:5px;
background-image:url(../images/next-horizontal.png)
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
position:absolute;
bottom:5px;
left:43px;
width:50px;
height:25px;
cursor:pointer;
background:transparent url(next-vertical.png) no-repeat 0 0
}

.jcarousel-item span {
display:block;
color:#0c4071;
font-size:11px;
font-weight:700;
text-align:center
}

.jcarousel-item img {
width: 110px;
height: 140px;
}

#newzone {
margin-top:15px;
padding-top:15px;
border-top:1px solid #ccc;
line-height:18px
}

#tinhoatdong .itemHeader {
font-weight:700;
font-size:16px
}

#tinhoatdong {
display:table-cell;
width:285px;
padding-right:20px;
border-right:1px solid #ccc;
float:left
}

#tinhoatdong img {
width:285px;
max-height:330px;
margin-bottom:5px
}

#tinhoatdong .datetime {
display:block;
color:#999;
font-family:Arial;
font-weight:700
}

#tinhoatdong .bignew a.title, .lib a.title {
font-weight:700;
font-size:13px
}

.barcodelist
{
    padding-top:10px;
    padding-bottom:5px;
}
.barcodelist table
{
    border:1px solid  #F8F8F8;
}
.lib span.CssRecordType {
text-transform:uppercase;
color:#0088CC;
font-weight:bold;

}
.lib dd, .dlib dd
{
    padding-top:3px;
}
.lib a.kw, a.kw
{
    padding-left:3px;
    color:#0088CC;
}
#tinhoatdong .bignew .desc {
color:#666;
display: block;
font-size:11px;
text-align:justify;
}

.morenews1 h3 {
margin-bottom:10px;
background:url(../images/morenews1h3.png) center right no-repeat
}

#tinhoatdong .morenews1 .datetime {
width:75px;
float:left
}

#tinhoatdong .morenews1 a {
display:block;
float:left;
width:205px;
margin-bottom:10px;
text-align:justify;
}

#tinhoatdong .morenews1 li {
clear:both;
padding-bottom:10px

}

/**
 *  580px 312px
 */
#tinnghiepvu 
{
width:580px;
padding-left:20px;
float:left
}
#tinbaitrich 
{

width:260px;
padding-left:20px;
float:left
}
.col1News {
width:290px;
float:left;
margin-right:45px
}

.col2News {
width:245px;
float:left
}

.col2News ul li {
text-align:justify;
color:#333;
list-style:outside disc;
margin-bottom:10px
}

.col1News li {
clear:both;
padding-bottom:10px
}

.col1News li .datetime {
display:block;
color:#999;
font-size:11px
}

.col1News li a img {
width:95px;
height:65px;
float:left;
margin-right:10px;
margin-bottom:20px
}

.col1News li a .title
{
	display:block;
	text-align:justify;
}

#bottomzone {
clear:both;
background:url(../images/bottom-bg.png) 0 0 repeat-x #d4d0ca;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}

#collection {
width:430px;
float:left
}

#collection .groupItem {
margin-bottom:0;
width:50%;
float:left
}

#tagcloud1 {
width:455px;
float:left;
margin-left:25px
}

.clrfix,ul.list,ul.morenews,.contentdetails,#content-view,#contentcore,.itemFooter,.clear,#divResultSearch,.colfix {
clear:both
}

html[xmlns] .clearfix,.groupItem:hover .config img,.groupItem:hover .closeEl img,a.share:hover .abc,.VisibleZone {
display:block
}

a:hover,.mainmenu li a:hover,.collection li a:hover {
color:#C13926
}

.legend,.otherlist li a span {
color:#888
}

.bmenu li a:hover,.box_380 ul a {
text-decoration:none
}

a.signin:hover,ul.list li a span,.groupItem .itemHeader h3.title a:link,.groupItem .itemHeader h3.title a:visited,.isbdnew a:link,.isbdnew a:visited,input#qsearchkeyinput:active,input#qsearchkeyinput:focus {
color:#333
}

#userarea a,#userarea a span {
display:block;
float:right
}

#signin_menu p,.sub-box h3,.page_no,.appicon img,.box_380 {
margin-bottom:5px
}

#signin_menu a,#register_menu a {
color:#6AC
}

a.signin.menu-open span,a.register.menu-open span {
background:url("../images/sign-in-close.png") right top no-repeat #fadeb8
}

#signin_menu label,#register_menu label {
font-weight:400
}

#signin_menu p.remember,#register_menu p.remember,.CssFunc {
padding:10px 0
}

#signin_menu p.forgot,#signin_menu p.complete,#register_menu p.forgot,#register_menu p.complete {
clear:both;
margin:5px 0
}

#signin_menu p a:link,#signin_menu p a:visited,#register_menu p a:link,#register_menu p a:visited {
color:#27B !important
}

#signin_menu p a:hover,#register_menu p a:hover {
color:#C72B07
}

#signin_submit,#register_submit {
background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
border:1px solid #39D;
color:#fff;
font-size:11px;
font-weight:700;
margin:0 5px 0 0;
padding:4px 10px 5px
}


#signin_submit:hover,#signin_submit:focus,#register_submit:hover,#register_submit:focus {
background-position:0 -5px;
cursor:pointer
}

.quicklink,.CssCollection table,#divResultSearch table,.z3950server,.formcontact,.CssRegister,.cssTableDigitalFile,.ListFavorites,.CssSiteStaticsContent table {
width:100%
}

.topnews .title,.fulltextlist li a:visited {
font-weight:700;
display:block
}

.fulltextlist li a:link
{
    color:#0088CC;
}
.pagenavhome ul li.arrow a:hover,.pagenavhome ul li a:hover,.pagenavi li a:link,.pagenavi li a:visited,.box_380 ul a:hover {
text-decoration:underline
}

.CssFavoriteList table td a,.titlelimit,.topiclevel1,.overview .shortdetail span {
font-weight:700
}

.CssCollection table a,.overview a:link,.overview a:visited {
color:#378ADF
}

.collection th.func,.collection td.func,.servelist .dbname {
width:35%
}

.collection tr.odd td,.event li.even {
background:#f2f2f2
}

.collection tr.even td,.content div.p1 {
background:#fff
}

.collection .name a:hover,.CssSeeMore a:hover,.itemname:hover,.overview a:hover,.isbdnew a:hover {
color:#ff8613
}

.detailnews,ul.related,.moredetail {
line-height:19px
}

.detailnews p,.groupItem,.moduleraw,.module_yellow {
margin-bottom:10px
}
#tinhoatdong .groupItem
{
margin-bottom:0;
}
ul.photolist li a:hover,#ketquatim {
color:#666
}

p.stats span,#divSearchForm .searchoption select {
width:90px
}

.config,.closeEl,.searchlimit p,#user_comment,.HiddenZone,.allquicksearch label,.qsearchlink,.col2News ul li .datetime {
display:none
}

.slidetabs a:hover,.slidetabs a.current {
background-position:0 -13px
}

.event li,.booklist li {
display:block;
margin-bottom:5px
}

.lightTip,.yellowTip,.greenTip,.blueTip,.purpleTip,.darkTip {
width:302px
}

.orangeTip,.redTip {
width:342px
}

#contentcore p,.sub-box,#comment ul {
margin-bottom:15px
}

.sapo,.source {
font-weight:700;
font-style:italic
}

.viewbiglist,.support .itemHeader h3.title,#divScheduleContent,.morenews1 {
margin-top:10px
}

.headersearch,.CssThRetNote,.CssThNote {
text-align:right
}

.buttonsearch input:hover,.CssFunc a:hover {
background:#ea3f00
}

.yearfrom,.yearto,.CssFavoriteTd0 {
width:40px
}

.searchoption .option1,.searchoption .option2 {
width:25%
}

.searchlimit p.searchoption .option2 label,.searchlimit p.searchoption .option3 select {
width:50px
}

.searchlimit p.searchoption select,.resultrowul li span.cover,.content span.cover {
display:block;
float:left;
width:80px
}

.pagi .leftarea,.pagi .rightarea {
width:50%;
float:left
}

.resultrowul li dl span,.cssLoginName,.cssPassword {
width:200px
}

.resultrowul li span.cover img,.CssResultFullTextSearchService table td.CssOrg,.CssResultFullTextSearchService table td.CssPreview,.CssResultFullTextSearchService table td.CssFullPreview {
width:70px
}

.boxHotNews,.CssMarcTableRecord tr td {
padding:5px
}

.titleHeadNewsDetail a:visited,.titleHeadNewsDetail a:link,.otherNewsMore a:visited,.otherNewsMore a:link {
color:#b72a21;
text-decoration:none
}

.titleHeadNewsDetail a:hover,.otherNewsMore a:hover {
color:#b72a21;
text-decoration:underline
}

.infoHeadNewsDetail a:visited,.infoHeadNewsDetail a:link {
color:#9f9d9d;
text-decoration:none
}

.subHeadNews a:visited,.subHeadNews a:link {
color:#10357c;
text-decoration:none
}

.subNewsDetail li a:visited,.subNewsDetail li a:link {
color:#000;
text-decoration:none
}

.ImgNewsCategoryHome,.CssFavoriteTd2,.cssLoginTd1 {
width:100px
}

.CssTableWriteComment td,#SearchFieldContent table,.cssTableDigitalFile td,.CssSiteStaticsContent table td {
padding:4px
}

.CssSimpleSearchFieldMulti,.CssLookUpDate {
width:540px;
border-left:none;
border-right:none;
border-top:none;
border-bottom:1px solid gray
}

#comment .formcomment h3,.CssTotalDownload {
color:#999
}

.servelist .ipaddress,.servelist .orgname,#divSearchForm .searchoption .option1 {
width:30%
}

.cal #divScheduleContent,.subtitle {
padding: 10px 20px 0px 20px
}

.hdsdlink:hover,.jcarousel-item:hover span {
color:#d70a0a
}

.CssFavoriteTd1,#divSearchForm .searchoption .option1 label {
width:80px
}

.CssDivReturn table th,.CssDivBorrow table th,.IlibStatitics th {
background:#f2f2f2;
padding:5px
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor:default
}

#footer .FreeHtml {width: 620px;float: left}
#footer select
{
width: 230px;
float: right;
margin-right: 20px;
}

.lienket {
        height: 85px;
        width: 916px;
        padding: 10px 0 10px 3px;
        background: url(../images/lkbg.png) 0 0 repeat-x;
        }
.lienket a {
float: left;
        display: block;
        padding-left: 7px;
        width: 143px
        }
#tagcloud
{
    float:left;
    padding:2px;
    width: 35%;
}

#collection
{
    float:left;
    padding:2px;
    width:38%
}

#link-library
{
    float:left;
    padding:2px;
    width:30%
}

#link-newbook
{
    float:left;
    padding:2px;
    width:28%
}

#searchcloud
{
}
#PorletSupport .title
{
    padding-top:10px;
}
#PorletImageAdv
{
    margin-bottom:6px;
}

/* News list page */
.news_list .sthumb{
float:left;
margin-right:10px;
width:80px;
height:100px;
}
.news_list li {
padding:10px 0;
border-bottom: 1px solid #eee;
}
.news_list span {
color:#006DCC;
}
.paging{
float: right;
border: 1px solid #ccc;
padding: 1px;
margin-top: 10px;
}
.paging ul{
margin-left:0 !important;
overflow:hidden;
}
.paging li {
float: left;
list-style-type:none;
margin-right:1px;
}
.paging li:last-child {
margin-right:0;
}
.paging li  a {
padding: 3px 6px;
background:#ddd;
color:#000;
font-size: 11px;
display: block;
}
a.currentPaging:hover {
color:#000;
}
a.activePaging {
background: #666!important;
color: #fff !important;
cursor: text;
}
a.activePaging:hover{
color:#000;
}
.small{font-size: 11px;line-height: 1.35}
.base{font-size: 12px;line-height: 1.35}
.medium{font-size: 14px;line-height: 1.35}
.large{font-size: 16px;line-height: 1.35}
.bold{font-weight: 700}
.db{display:block}
.mabottom5{margin-bottom: 5px;}


/* New paging */
.cssPageSelected {
color: #ff0000 !important;
text-decoration: underline;
font-weight:bold;
}
.numberPt.disabled a {
color: #ccc;
}
.numberPt.disabled a:hover {
text-decoration:none;
cursor:default;
}

.patop5
{
    color:#3399FF;
}


input.input-xlarge 
{
    margin-top: 2px;
    width: 330px;
    height:20px;
    box-shadow:0 2px 2px 0 #EFEFEF inset;
    border-radius:3px 3px 3px 3px;
}

input.input-xlarge.hasAnd {
    width: 251px;
    height:20px;
    margin-top: 2px;
    box-shadow:0 2px 2px 0 #EFEFEF inset;
    border-radius:3px 3px 3px 3px;
}

select.and {
    width: 75px;
    height:26px;
    text-align:center;
}

select.inField {
    width: 132px;
    height:26px;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

#btnShowMore0
{
    margin-top:10px;
    margin-bottom:10px;
    width:3px;
    height:12px;
    
}
h4 {
    font-size: 17.5px;
}

.modresult
{
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 0px solid #CCCCCC;
    border-left: 0px solid #CC0000;
    margin-top:20px;
    font-size: 110% !important;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 4px 5px 4px 7px;
    position: relative;
}
.modheader {
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    border-left: 0px solid #CC0000;
}
.modheader {
    font-size: 110% !important;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 4px 5px 4px 7px;
    position: relative;
}

#divResultSearch
{
    margin-top:20px;
}

.labelSearch {
    width: 130px;
    vertical-align: middle;
}
label {
    color: #333333;
    display: block;
    margin-bottom: 5px;
}
label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    height: 26px;
    margin-bottom: 4px;
}
#cboSearchCond3
{
    display:none;
}
#cboSearchValue1, #cboSearchValue2, #cboSearchValue3, #cboSearchCond1, #cboSearchCond2, #cboSearchCond3 {
    margin-left: 3px;
    margin-right: 3px;
    
}

.span-lib12 {
    margin-left: 5px;
    width: 120px;
}
.span-lib28 {
    margin-left: 5px;
    width: 280px;
}
.span-lib40 {
    margin-left: 5px;
    width: 400px;
}
.span-lib40combo {
    margin-left: 5px;
    width: 412px;
}
titlelimit {
    color: #333333;
    font-weight: bold;
}
.searchlimit {
    color: #800000;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
}
.searchtype {
    margin-top: 15px;
    width: 750px;
}
.searchtype ul {
    list-style-type: none;
}
.searchtype label {
    color: #006DCC;
    display: block;
    float: left;
    margin-left: 50px;
    margin-right: 10px;
}
.searchtype li {
    display: block;
    float: left;
}
.titlesearchtype {
    color: #006DCC;
    display: block;
    float: left;
    font-weight: bold;
    margin-left: 10px;
}
.searchlimit ul {
    list-style-type: none;
}
.searchlimit li {
    display: block;
    float: left;
    margin-right: 10px;
}
.ul-searchlimit {
    margin-left: 0;
}
.searchlimit label {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 5px;
}

#btnSearchBibAdv {
    margin-left: 262px;
    margin-top:15px;
    margin-bottom:15px;
}


#divResult-AdvanceSearch{
    border: 1px solid #99CCFF;
}
.pagination {
  height: 36px;
  margin: 18px 0;
  
}

.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover, .pagination .active a {
  background-color: #f5f5f5;
}
.pagination .active a {
  color: #999999;
  cursor: default;
}
.pagination .disabled a, .pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}

/*Bootstrap button*/
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #0033999;
}

.bookinfor
{
    padding-top:3px;
    padding-bottom:5px;
}

.flt
{
    float:left;
}
.frt
{
    float:right;
}
.cssDigitalfilename {
    width: 55%;
}
.cssDownload {
    color: #0088cc !important;
    padding-left: 5px;
    width: 14%;
}
.cssPreview {
    color: #0088cc !important;
    padding-left: 5px;
    width: 14%;
}

.cssExt_JPG
{
    
    
}
.cssxemtailieu
{
    color:#0088CC !important;
    padding-left: 5px;
    cursor:pointer;
}
.morem21
{
    display:none;
}
.cssField
{
    width:24px;
    margin-right:2px;
    padding-top:5px;
    text-align:center;
}
.cssI1, .cssI2, .cssSubField
{
    width:12px;
    margin-right:2px;
    padding-top:5px;
    text-align:center;
}
.cssValueData
{
    width:495px;
    padding-top:5px;
    padding-left:5px;
}
.cssDCSubField
{
    width:25%;
    margin-right:2px;
    padding-top:5px;
    text-align:left;
}
.cssDCValueData
{
    width:73%;
    padding-top:5px;
    padding-left:5px;
}
.grid-row1 {
    background-color: #FFFAFA;
    float: left;
    height: auto;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:3px;
    padding-right:3px;
    vertical-align: middle;
    width:100%;
    line-height:15px;
}
.grid-row2
{
    background-color: #F8F8F8;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:3px;
    padding-right:3px;
    width:100%;
    line-height:15px;
}
#divmorem21
{
    border: 1px solid #99CCFF;
}
#divmorem21 .grid-row2 span
{
    background: #F8F8F8;
}
.viewmarc21
{
    margin:10px;
}

#txtKeywordSearch
{
    margin-left:10px;
    width:345px;
    margin-bottom:2px !important;
}
#divKeywordSearch
{
    margin-top:20px;
    margin-left:58px;
}
.search-radio-selectors input
{
    margin-left:15px;
}
.search-radio-selectors label
{
    margin-left:5px;
    margin-top:5px;
    
}
#guidedFieldSelectors
{
    margin-left:100px;
}

#divSearchType li
{
    float:left;
    list-style-type: none;
    padding-left: 20px;
    padding-right: 20px;
    border-right:groove 1px #CCCCCC;
    background: #49AFCD;
    color:#FFFFFF;
}

#divSearchType li:hover
{
    background: #006DCC;
}

#divSearchType li a
{
    font-size:24px;
    text-decoration:none;
    color:#FFFFFF;
}

#divSearchType li a:hover
{
    color:#000000;
}
#SearchType li{cursor:pointer}
#SearchType li.active
{
  background:darkblue;
}
.CssSearchAdvProcessing1 {
    background: url("../images/loading.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #CA2825;
    padding-left: 53px;
}

#date_time
{
    padding-top:13px;
    padding-bottom:5px;
    padding-left:15px;
    font-style:italic;
    float:left;
    width:280px;
    color:Blue;
}

.treeviewWrapp {
    background: none repeat scroll 0 0 #F9F9F9;
    padding: 2px;
}
.well {
    background-color: #F9F9F9;
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    
}

.ListBibCollection
{
    border: 1px solid #99CCFF;
}
#divCollection h3.title
{
    padding-top:0px;
}
#divPortalChangePassword
{
    width:400px;
    margin:50px auto;
    padding-top:20px;
    padding-left:10px;
    border: 1px solid #99CCFF;
}
#divLoginPortal {
    width:400px;
    margin:50px auto;
    padding-top:20px;
    padding-left:10px;
    border: 1px solid #99CCFF;
}

#btnLoginPortal
{
    margin-top:20px;
    margin-bottom:20px;
    margin-left:30px;
    width:80px;
}
#btnPortalDoChangePass
{
    margin-top:20px;
    margin-bottom:20px;
    margin-left:170px;
    width:80px;
}
#btnRefreshLoginPortal
{
    margin-top:20px;
    margin-bottom:20px;
    width:80px;
}
#divPortalChangePassword
{
    display:none;
}
#txtLoginName, #txtPassword, #txtChangeLoginName, #txtChangePassword, #txtNewPassword1, #txtNewPassword2
{
    
    margin-left:10PX;
    width:180PX;
}
#divLoginPortal .title
{
    margin-bottom:20px;
}

#divLoginPortalInfo
{
    margin-left:30px;
    margin-top:30px;
    color:Blue;
}

#TableLoginPortal
{
    width:100%;
}
.CurrentLogin
{
    color:Yellow;
}

.caption_reader
{
    display: block;
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 20%;
    
}
.info_reader_detail {
    float: left;
    width: 78%;
    
}
.photo_reader {
    float: left;
    width: 20%;
    
}
.img-photo-borrow
{
    margin:10px;
    padding:5px;
    border:2px solid red;
    height:108px;
    width:92px;
    
}

#divCaptionLoginInfo
{
    margin-top:20px;
    font-size:larger;
    color:Blue;
    text-transform:uppercase;
}
.CaptionReader
{
    margin-top:20px;
    margin-bottom:5px;
    color:Maroon;
    text-transform:uppercase;
}
#divInfoReader, #divBorrowInfo, #divViewDigitalInfo, #divListCartInfo
{
    border: 1px solid #99CCFF;
    padding:5px;
}
.row_reader_detail
{
    margin-top:10px;
}
.info_reader
{
    font-weight: bold;
}
.span-lib02-important {
  width: 20px;
  margin-left:5px !important;
}

.span-lib02 {
  width: 20px;
  margin-left:5px;
}
.span-lib04 {
  width: 40px;
  margin-left:5px;
}
.span-lib08 {
  width: 80px;
  margin-left:5px;
}

.span-lib07 {
  width: 70px;
  margin-left:5px;
}
.span-lib12 {
  width: 120px;
  margin-left:5px;
}
.grid-caption-main
{
    padding-top:10px;
    background-color:#006DCC;
    border-color:#0044CC #0044CC #002A80;
    color:#FFF;
    vertical-align:middle;
    font-weight:bold;
    height:20px;
    margin-bottom:1px;
    float:left;
    border-left:2px solid #00CC00;
    width:99%;
    margin-left:2px;
    margin-top:1px;
}

.span-lib-searchborrow
{
    width:200px;
}

.span-lib-digitalinfo
{
       width:290px;
}


.CssColorSafe
{
    color:#339900;
}

.CssColorWarning3
{
    color:red;
}

.CssColorWarning2
{
    color:Orange;
}

.CssColorWarning1
{
    color:Blue;
}

.CssFontWarning1
{
    font-weight:bold;
    font-size:medium;
}

.CssFontWarning2
{
    font-weight:bold;
    font-size:large;
}

.CssFontWarning3
{
    font-weight:bold;
    font-size:larger;
}

#divViewFlv
{
width:960px;
margin:0 auto;
padding-left:388px;
padding-top:60px;
}
.cssPermissionFlv
{
    color:Red;
    font-size:larger;
    font-weight:bold;
    padding-top:200px;
    margin-left:400px;
}

#cart-book
{
    float:right;
    margin-top:15px;
    padding:3px 8px;
    background:none repeat scroll 0 0 #FA8072;
    color:#FFFFFF;
    border:1px groove #CCCCCC;
    cursor:pointer;
}
#payment-cart
{
    float:right;
    margin-top:15px;
    margin-left:5px;
    padding:3px 20px;
    background:none repeat scroll 0 0 #EE7600;
    color:#FFFFFF;
    border:1px groove #CCCCCC;
    cursor:pointer;
}
#dopayment-cart
{
    float:right;
    margin:3px 3px 15px 0;
    padding:3px;
    background:none repeat scroll 0 0 #FA8072;
    color:#FFFFFF;
    border:1px groove #CCCCCC;
    cursor:pointer;
}
#divpayment-info
{
    float:right;
    margin-top:15px;
    margin-left:5px;
    padding:3px 20px;
    background:none repeat scroll 0 0 #FAFAD2;
    color:#FFFFFF;
    border:1px groove #CCCCCC;
    display:none;
    width:93%;
}
#preview-cart
{
    float:right;
    margin-top:15px;
    padding:3px 8px;
    background:none repeat scroll 0 0 #EE7600;
    color:#FFFFFF;
    border:1px groove #CCCCCC;
    cursor:pointer;
}
.cart-info
{
    float:right;
    margin-top:15px;
    padding:3px 8px;
    color:Blue;
}
.payment-user-info
{
    width:435px;
    margin-left:34px;
}

.fckimage
{
    margin:5px;
}

#divKeywordBibColl
{
    padding-top:10px;
    padding-left:11px;
    background-color:#F4F4F4;
    border-top: 1px solid #99CCFF;
    border-left: 1px solid #99CCFF;
    border-right: 1px solid #99CCFF;
}
#divKeywordCollSearch
{
    margin-left:10px;
    margin-right:10px;
    width:322px;
    background:#FFFFFF;
}
#divCollName
{
    width:200px;
    
}

#cart-book
{
display:none;
}


.body-lcoll
{
    background:url(../images/top-bg-lcoll.png) 0 0 repeat-x #d5d1cb
}

#btnSearchBibColl, #btnLoginPortal
{
    color:Blue;
}
#divListBibCollection
{
    margin-top:10px;
}


/* bookgroup */
#bookgroupzone {
height:230px
}

/* gioi thieu sach */
#bookgroup {
height:235px
}

#bookgroup {
height:50px;
background:url(../images/gts-header.png) 0 0 no-repeat
}

#bookgroup .likeheader {
height:35px
}

#bookgroup h3 {
line-height:32px;
margin-left:2%;
width:30%;
float:left
}

#bookgroup .jcarousel-control {
width:200px;
margin-right:20px;
float:right;
text-align:center
}

#bookgroup .jcarousel-control a {
display:inline-block;
background:#fff;
color:#ccc;
float:right;
width:16px;
height:16px;
line-height:16px;
margin-top:8px;
overflow:hidden;
margin-left:4px
}

#bookgroup .jcarousel-control a:hover {
color:#000;
background:#999
}

.jcarousel-skin-tango-bookgroup .jcarousel-container-horizontal-bookgroup {
width:500px;
padding:20px 20px 0
}

.jcarousel-skin-tango-bookgroup .jcarousel-clip {
overflow:hidden
}

.jcarousel-skin-tango-bookgroup .jcarousel-clip-horizontal-bookgroup {
width:500px;
height:220px
}

.jcarousel-skin-tango-bookgroup .jcarousel-item {
height:205px
}

.jcarousel-skin-tango-bookgroup .jcarousel-item-horizontal {
margin-left:0;
margin-right:10px;
text-align:center;
line-height:16px
}

.jcarousel-skin-tango-bookgroup .jcarousel-item-placeholder {
background:#fff;
color:#000
}
#drpSelectReport, #otpCheckPrintAll, #btnExportExcel
{
display: none;
}

.mnucurrent {
    color: #ffff66;
}