html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}







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







/* Main Layout */







html {height:100%;margin-bottom:1px;}






/*background: url("../images/biaphai.png") repeat-y right top,url("../images/biatrai.png") repeat-y left top; */
body {background: url("../images/biaphai.png") repeat-y right top,url("../images/biatrai.png") repeat-y left top; font:62.5%/1.2 Georgia,"Times New Roman",Times,serif; color: #474747; background-color: #ECECEC;}





/* edit by khue */
/*background: url("../images/headerbg-blank.jpg") no-repeat scroll center #ffffff; */
.topground {height: 400px; position: absolute; width: 100%;}







.res {padding: 0 18px;}







#sidemenu .res{padding: 0 0 0 18px;}







 #sidemenur .res{padding: 0 18px 0 0;}







h1,h2,h3,h4,.componentheading {font-weight:bold;margin:1em 0 1em;}







h1,.componentheading {font-size:160%;}







h2 {font-size:140%; font-family: 'Droid Serif', serif; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; }







h3 {font-size:120%;}







h4 {font-size:110%;}







a {color:#A62121;text-decoration:none; font-weight:bold;}







a:hover {text-decoration:underline;}







ul {margin:1em;}







p {margin-top:10px; margin-bottom:10px;}







.readmore {text-align:right; font-size:90%; font-style: italic;}







legend {padding-top:10px; padding-bottom:10px; font-weight:bold;}







#main {font-size:1.3em; line-height:140%; position:relative;}







#message, #topsl {z-index:0;}







#main-content {margin:0; background: url("../images/bg.png") repeat-y scroll 0 0 transparent; padding-bottom: 10px; }







.clr {clear:both;font-size:0;}







#colmask {clear:both; overflow:hidden; position:relative; width:100%;}







#maincol, #wrapper {position:relative;}







div.headmenu { box-shadow: 0px 10px 10px rgba(117, 113, 98, 0.52); margin: 0; height:42px; border-bottom:1px solid #a29785; border-top:1px solid #a29785; font-size:85%; background: url("../images/topbg.png") repeat scroll 0 0 transparent;}







div.headmenu ul.menu {margin: 0;}







div.headmenu ul.menu li a {color: #ccc; text-decoration:none;}







div.headmenu ul.menu li a:hover, div.headmenu ul.menu li.active a {color:#fff; text-decoration:none;}







.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}







.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}







.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}







.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}







.s-c-s #col1 {overflow:hidden;width:100%;}







.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}







.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}







.s-c-x #col1wrap {float:right;position:relative;width:50%;}







.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}







.s-c-x #col2 {float:left;position:relative;}







.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}







.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}







.x-c-s #col3 {float:right;position:relative;}







.column1, .column2 {position:relative;float:left;margin:0;}







.colpad {padding:0 10px;position:relative;}







.column2 {float:right;width:49%;}







.error {color:#cc0000;}











/* Header */







/*
#showcase {width:960px; height:270px; background: url("../images/slidebg.png") no-repeat scroll center top transparent;}
*/
/* edit by khue */
showcase {width:960px; height:200px; background: url("../images/slidebg.png") no-repeat scroll center top transparent;}






.showcaseimg {margin: 0 auto; padding-top:10px; text-align:center;}







div.menu {padding-left:180px; height: 108px;}







#header {overflow: hidden; height:98px;}







#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}







#nav {margin-bottom:58px; z-index:100; position:relative; height:60px; background: url("../images/mengbg.png") repeat-x scroll center top transparent;}







#nav ul, #nav ul li  {margin:0;}







.levy {position: absolute; left:-86px; top: -44px;}







.pravy {position: absolute; right: -86px; top: -44px;}







#nav li {list-style:none; float:left; position:relative;}







#nav li a {text-shadow: 0 1px 0 #fff; display:block; padding: 60px 15px 6px; line-height:42px; margin-right:5px; font-weight:bold; text-transform:uppercase; text-decoration:none;}







#nav ul li.active a {color:#404711; font-weight: bold;  background: url("../images/menubg.png") repeat scroll 0 0 transparent;  border-left:1px solid #a29785; border-right:1px solid #a29785; border-bottom: 1px solid #a29785; box-shadow: 6px 6px 6px rgba(117, 113, 98, 0.52); border-radius: 0px 0px 5px 5px;} 







#nav li a:hover, #nav li:hover a {text-shadow:none; text-decoration:underline;}







#nav ul li.active a:hover {text-decoration:none; background: url("../images/menubg.png") repeat scroll 0 0 transparent; border-left:1px solid #a29785; border-right:1px solid #a29785; border-bottom: 1px solid #a29785; box-shadow: 0px 3px 3px rgba(117, 113, 98, 0.52); border-radius: 0px 0px 5px 5px;}







#nav li ul {position:absolute; width:170px; left:-999em; margin-left:-1px; } 







#nav li ul ul {margin:-31px 0 0 170px;}







#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}







#nav li li { padding:0; height:auto; width:170px;}





#nav ul li li a, #nav ul li li a:hover, #nav ul li li a:hover {text-decoration:none !important; border:none !important; border-radius:0px !important; font-weight:normal !important;}





#nav li li a, #nav li li.active a, #nav li li a:hover { margin:0; padding:0 0 0 6px; height:32px; line-height:32px; color:#000; font-weight:normal;    background: url("../images/menubg.png") repeat scroll 0 0 transparent;

    border-bottom: 1px solid #A29785;

    border-left: 1px solid #A29785;

    border-right: 1px solid #A29785;

    box-shadow: 6px 6px 6px rgba(117, 113, 98, 0.52);}





#nav li:hover ul, #nav li.sfHover ul {left:4px;}





#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}











/* Content styles */







.modifydate, .createdby, .createdate {display:block;}







.createdby {font-weight:bold;}







dt {font-weight:bold;}







dt, dd {display:inline;}







div.actions  {display: block; float: right; overflow: hidden; padding: 0;}







.items-leading .actions span.email-icon, .items-leading .actions span.print-icon, .items-leading .actions span.pdf-icon   {float: right; margin: 3px 0 0; width: 16px;}







.item-page .actions span.email-icon, .item-page .actions span.print-icon, .item-page .actions span.pdf-icon   {float: right; margin: 3px 0 0; width: 16px;}







.actions span.email-icon, .actions span.print-icon, .actions span.pdf-icon   {float: right; margin: 20px 0 0; width: 16px;}







.breadcrumbs-pad {padding: 21px 17px 0 17px;}







.logout {padding:0 0 15px;}







#sidemenu .module-content, #sidemenur .module-content {padding:5px 16px 15px; border-top: 1px solid #ccc; border-left: 1px solid #A29785; border-right: 1px solid #A29785; border-bottom: 1px solid #A29785;}







#sidemenu .module-content {background: url("../images/sidebg.png") repeat-y scroll left transparent;}







#sidemenur .module-content {background: url("../images/sidebgr.png") repeat-y scroll right transparent;}







#sidemenu .module-content { border-radius: 0px 0px 0px 8px;}







#sidemenur .module-content { border-radius: 0px 0px 8px 0px;}







.spac {padding:0 0 5px 10px;}







div.breadcrumbs {border-bottom: 1px solid #C2BDA9; font-size:85%; font-weight:bold; margin:0; padding:0; color:#000;}







div.breadcrumbs .sep {padding:0 5px;}







.component {padding:0 25px 25px;}







.banneritem_text {margin-bottom:10px;}







div.login {margin-top:25px;}







div.component input, select, textarea {margin-bottom:15px;  padding: 5px; border:1px solid #ccc; box-shadow:  1px 1px 0px #efefef; background: -moz-linear-gradient(top,  #f1f1f1,  #fff);}







#modlgn_username, #modlgn_passwd {border:1px solid #ccc; padding:3px;}







#colmask ul li {list-style:circle;}  







#colmask ul ul {margin-top:0;}







#colmask ul ul li {list-style:square;}







#col1 ul ul li,#col1 ul li {list-style-type: none;}







.mod-languages ul li {list-style-type: none ! important;}







#col1 .component ul ul li{list-style:square;} 







#col1 .component ul li {list-style:circle;}







.cols-1 {display: block;float: none !important;margin: 0 !important;}







.cols-2 .column-1 {width:46%;float:left;}







.cols-2 .column-2 {width:46%;float:right;margin:0;}







.cols-3 .column-1 {float:left;width:29%;padding:0px 5px; margin-right:4%;}







.cols-3 .column-2 {float:left;width:29%;margin-left:0;padding:0px 5px;}







.cols-3 .column-3 {float:right;width:29%;padding:0px 5px;}







.column-1,.column-2,.column-3 {padding:0px 5px;}







.column-2 {width:55%;margin-left:40%;}







.column-3 {width:30%;}







.blog-more {padding:10px 5px;}







.items-row {overflow:hidden;margin-bottom:5px !important;}







.colpad h2.contentheading {padding-right:65px;}







.article-info {font-size:85%; color:#676767;}







ul.weblinks li p {font-size:90%; margin-bottom:5px; margin-top:5px;}







.categorylist {padding: 0 5px;}  







.weblink-category tr {border-bottom : 1px solid #888;}







#main .cat-children ul dl dt, #main .cat-children ul dl dd, #main dl.article-count dt, #main dl.article-count dd {display: inline;}







table.weblinks, table.category {font-size: 1em;margin: 10px 10px 15px 0;width: 99%; text-align:left;}







table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {background: none repeat scroll 0 0 #888;}







table.weblinks th, table.category th {padding: 7px;text-align: left;}







table.category td {padding: 7px; border-bottom : 1px solid #888888;}







table.category th, table.category th a {color:#fff;}







.item {display: block;padding: 0 5px 10px;}







.items-row {margin-bottom: 10px !important;}







.search legend {font-weight: bold;}







div.search {padding-top: 8px; float:right;}







div.component .search {padding:0; float:none;}






/* edit by khue */
div.logo {position:absolute; top: 1px; left: 1px;}







div.search input#mod-search-searchword{  margin:0; height:10px; width:210px;  border:1px solid #fff; background-color:#ECECEC; float:left; display:block;}







div.search .inputbox { margin-right:0;padding:5px;}







.required, #jform_contact_email_copy {display:block;}







.highlight {border-bottom : 1px dashed #888;background: #ccff00;} 







.article-count  {font-size: 85%; color:#888;}







.cat-list-row0, tr.even {background-color: #dedede;}







.cat-list-row1, tr.odd {}







span.attention {display:block; margin:15px 0; padding:8px 10px 8px 10px; background:#fff3a3; border:1px solid #e7bd72; color:#b79000;}











/* Modules */







.sidemenuror {left: 191px;position: relative;top: 15px;width: 49px;}







#sidemenur {margin-left: 50px; width: 240px;}







.elev { height:1px; position:absolute; }







#sidemenu {width:240px;}







.sidemenuroh{ position: relative; top: 15px;}







#sidemenu h3, #sidemenur h3, #col3 h3, #col2 h3 { font-size:110%;font-weight:bold;margin:0 !important; color: #5A4A4A; text-shadow: 0 1px 0 #fff;  line-height:42px; height:42px; background:#ccc; text-transform:uppercase;}







#sidemenu  .moduletable_menu, #sidemenur  .moduletable_menu { margin-top:15px; padding:0;}







#sidemenu h3 {padding-left:20px; border-left: 1px solid #A29785; border-top: 1px solid #A29785; border-bottom: 1px solid #A29785;}







#sidemenur h3 {padding-left:20px; border-right: 1px solid #A29785; border-top: 1px solid #A29785; border-bottom: 1px solid #A29785;}







#sidemenu .moduletable, #sidemenur .moduletable  { margin-top:15px; padding: 0;}







#sidemenur  ul.menu li a:focus, #sidemenur ul.menu li a:active, #sidemenur ul.menu li a:hover, #sidemenu  ul.menu li a:focus, #sidemenu ul.menu li a:active, #sidemenu ul.menu li a:hover, #col2 ul.menu li a:hover, #col2 ul.menu li a:active,#col2 ul.menu li a:focus, #col3 ul.menu li a:hover,#col3 ul.menu li a:active,#col3 ul.menu li a:focus { color:#A29785; text-decoration: none;}







#sidemenur ul.menu li a, #sidemenu ul.menu li a, #col2 ul.menu li a, #col3 ul.menu li a {border-bottom: 1px solid #c2bda9; display: block; outline: medium none; padding: 7px 0; text-decoration: none; }







#sidemenur ul.menu li li a, #sidemenu ul.menu li li a, #col2 ul.menu li li a, #col3 ul.menu li li a {background: url("../images/arrow.png") no-repeat scroll left center transparent !important; border-bottom:1px dashed #6b2121; font-size: 95%; font-weight: normal; padding-left: 10px !important;}







li.active a {color:#000;} 







.moduletable, .custom {padding:0 15px 25px;}







.spacer2 .moduletable, .spacer2 .custom {padding:0 8px;}







#main2, #main3 {overflow:hidden;padding:15px;}



#main1 {position: relative;}



.spacer1.x49 { left: -49px; width: 1008px;}



.spacer1.x99  {width: 960px;}



.spacer1.x33  {left: -49px; width: 1058px;}







.spacer.x99 .moduletable {width: 100%;}







.spacer.x49 .moduletable {width: 46.2%;}







.spacer.x33 .moduletable {width: 30.2%;}







.spacer2.x33 .moduletable  {width: 28.5%;}







.spacer2.x49 .moduletable {width: 45.2%;}







.spacer2.x99 .moduletable {width: 100%;}







.centerbox {clear: both; margin: 0 auto; width: 960px;}







#login-form a, ul.whosonline li {font-size:85%;}







.spacer .moduletable, .spacer2 .moduletable  {float: left;}







.spacer2 .moduletable h3 { margin: 0 0 15px 15px;}







.spacer .moduletable h3 { font-family: 'Special Elite', serif; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; margin: 5px; font-size:150%; padding: 15px 0 10px; color: #999999; }







#main2 {font-size:95%; background: #E0DACA; border: 1px solid #ccc; margin-top: 15px; border-radius: 3px 3px 3px 3px;}







#main3 {font-size:90%; background: url("../images/bgf.png") repeat-x scroll left top #e0daca; color:#575757; }







#header .moduletable {float:right; padding: 0;}   







#main-content li .active a {font-weight: normal;}







.module-content label{float: left; width:8em;}







#form-login-remember label {float: none;}







.moduletable_menu ul.menu, .moduletable ul.menu  {margin: 0;padding: 0; font-size: 90%;}







.moduletable_menu ul.menu ul  {width:92%; margin-bottom:0;}







.moduletable_menu ul.menu li {list-style: none outside none !important;}







.moduletable ul.menu  {margin: 0;padding: 0;}







.moduletable ul.menu ul  {width:92%; margin-bottom:0;}







.moduletable ul.menu li {list-style: none outside none !important;}











/* Page navigation*/







ul.pagenav, div.pagination {width:100%;display:block;text-align:center;font-size: 90%; margin: 10px 0;padding: 10px 0 10px 0;}







ul.pagenav li, div.pagination ul li {display:block;float:left;text-align:center;background:none;padding:0;margin:0 5px 0 0;}







ul.pagenav li.pagenav-prev {float: left;}







.pagination span, .pagination a {margin-right:5px;}







ul.pagenav li.pagenav-next {float: right;}











/* Buttons */  







.button, .validate, button {background: none repeat scroll 0 0 rgba(109, 131, 118, 0.8); border: 0 none; border-radius: 3px 3px 3px 3px; color: #fff; font-size: 12px; margin: 10px 0; padding: 11px 10px 9px; text-decoration: none; text-transform: uppercase;}







div.search input.button {background: none repeat scroll 0 0 #888; border:0; color:#fff; padding: 2px 7px; float:left; margin: 1px 4px;}







.button:hover, .button:focus, .validate:hover, .validate:focus, .formelm-buttons button:hover, button:hover {background: none repeat scroll 0 0 rgba(109, 131, 118, 0.5);}







div.search input.button:hover, div.search input.button:focus {background: none repeat scroll 0 0 rgba(109, 131, 118, 0.5); color: #fff;}







.star, .red {color: #CC0000;}







.button2-left a {float: right; padding: 5px;}







label#jform_alias-lbl, label#jform_metadesc-lbl, label#jform_metakey-lbl, .formelm label {display: block;}







.formelm-buttons {padding:10px 0;}







input#mod-search-searchword {background-color:#ECECEC;}







.inputbox {margin-right:5px; padding: 3px; }







.inputbox, #userreminder .required {background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; border-radius: 3px 3px 3px 3px; background: -moz-linear-gradient(top,  #f1f1f1,  #fff); }















/* Footer */   



 



.footercenter  {text-align:center; margin-top: -15px;}







.centertop  {text-align:center;}







#main3 a, #footer a {color:#A62121;}         







#footer {font-size:85%; padding-top:10px; float:left; background: url("../images/bgf.png") repeat-x scroll left top #E0DACA; width:100%;}







.footer1 {float:left; display:block; padding-left:20px;}







.footer2 {float:left; display:block;}







.copy  {float:left; display:block;}







.scroll {float:right; padding-right:20px;}