/* COMMON STYLE
--------------------------------------------------------- */
body.contentpane { width: auto; margin: 10px; line-height: 140%; }

h1 { font-size: 1.4em; }
h2 { margin: 10px 0; font-size: 1.45em; }
h3, h4 { margin: 10px 0; font-size: 1.2em; }

/* normal text */
td, div { font-size: 1em; }

/* Title text */
.contentheading, .componentheading, div.moduletable h3, 
#ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3,
h1, h2, h3, h4 { font-family: Tahoma, Geneva, sans-serif; }

/* Normal link */
a { color: #004C80; text-decoration: none; }
a:hover, a:active { color: #004C80; text-decoration: underline; }

p { margin: 12px 0; }

ul { margin: 0; padding: 0; list-style: none; }

li {}

th { padding: 4px; font-weight: bold; text-align: left; }

fieldset { border: none; margin: 0; padding: 0; }
fieldset a { font-weight: bold; }

hr { border-top: 1px solid #9AA587; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; }

img { border: 0; }

/* FORM
--------------------------------------------------------- */
form { margin: 0; padding: 0; }

input, select { font: 11px Tahoma, Geneva, sans-serif; }

select, .inputbox { background: #FFFFCC; }

textarea { border: 1px solid #E6E6E6; padding-left: 2px; }

.button { padding: 0 5px; border: 1px solid #808080; background: url(../images/but-bg.gif) no-repeat bottom right; }

.inputbox {
	padding-left: 2px;
	border-top: 1px solid #9AA587;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #9AA587;
}

/* MODULE
--------------------------------------------------------- */
div.modules { width: 100%; }

#ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3 {
	padding: 0 0 5px 0;
	margin: 0 -2px 5px -2px!important;
	color: #02a718;
	background: url(../images/seperator-h3.gif) repeat-x bottom;
	font-size: 1.4em;
}

div.moduletable h3 {
	color: #147609;
	font-size: 12px;
}

#ja-rightcol div.moduletable-green, #ja-rightcol div.moduletable-yellow {
	padding: 3px 5px 10px;
	margin-bottom: 10px;
}

div.moduletable td { padding: 3px 0!important; }

#ja-rightcol div.moduletable {
	border: 1px solid #DEE3E6;
	border-bottom: 2px solid #DEE3E6;
	background: url(../images/grad-blue.gif) repeat-x top left #ECF1F5;
}

#ja-rightcol div.moduletable-green {
	border: 1px solid #E3EBDD;
	border-bottom: 2px solid #E3EBDD;
	background: url(../images/grad-green.gif) repeat-x top left #EEF6E8;
}

#ja-rightcol div.moduletable-yellow {
	border: 1px solid #EEECE1;
	border-bottom: 2px solid #EEECE1;
	background: url(../images/grad-yellow.gif) repeat-x top left #FAF8EC;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog { width: auto; }

table.blog .article_separator { display: none; background: url(../images/seperator.gif) repeat-x bottom; height: 20px; }

table.contentpane { border: none; width: 100%; }

table.contentpaneopen { border: none; }

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0 3px 10px 3px;
	width: 25%;
	border: 1px solid #DEE3E6;
	border-bottom: 2px solid #DEE3E6;
	background: url(../images/grad-blue.gif) repeat-x top left #ECF1F5;
}

table.contenttoc td { padding: 1px 5px 1px 20px; background: url(../images/arrow-off.gif) no-repeat 6px 7px; }

table.contenttoc td:hover { background: url(../images/arrow-on.gif) no-repeat 6px 7px; }

table.contenttoc th { color: #004C80; background: url(../images/seperator-h3.gif) repeat-x bottom; }

table.polls { padding: 0; width: 100%; }

table.pollstableborder { padding: 0; width: 100%; border-color: #FFFFFF; text-align: left; }

table.pollstableborder img { margin: 4px 4px 4px 0; }

table.pollstableborder td { padding: 2px!important; }

table.searchintro { padding: 10px 0; width: 100%; background: url(../images/seperator.gif) repeat-x bottom; }

table.searchintro td { padding: 5px!important; }

#ja-footer ul#mainlevel li, #ja-footer ul#mainlevel-nav li { padding: 0; display: inline; background: none; line-height: normal; }

.adminform textarea { width: 500px!important; /*Control the Frontend Editor area width*/ }
.adminform textarea.inputbox {}

.blog_more { margin: 10px 0; }

.blog_more strong { margin: 0 -5px 5px -5px; padding: 1px 5px; display: block; }

td.buttonheading { padding: 0 3px!important; text-align: center; }

.category { font-weight: bold; font-size: 1.1em; }

.clr { clear: both; }

.code, pre { border: 1px solid #F0F0C0; width: auto; padding: 5px; background: #FFFFCC; }

.componentheading { padding: 0 0 10px; margin: 3px 0 10px; color: #147609; font-weight: bold; font-size: 12px; }

.contentdescription { padding-bottom: 30px; margin-bottom: 10px; background: url(../images/seperator.gif) repeat-x bottom; }

.contentheading { color: #147609; font-size: 12px; }

table.blog .contentheading, .contentpagetitle { font-size: 12px; font-weight: bold; }

a.readon { color: #147609; text-transform: lowercase; float: right; }

a.readon:hover {}

table.contentpaneopen td, table.contentpane td {}

table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

.createdate { color: #9AA587; font-weight: bold; line-height: 10px; }

.modifydate { color: #9AA587; height: 15px; }

.error { color: #CC0000; }

.highlight { border-bottom: 1px dotted; font-weight: bold; }

.message { color: #E97B00; font-weight: bold; }

.moduletable { padding: 0 15px 15px 15px; }

.mosimage {
	padding: 3px!important;
	padding: 3px 0;
	margin: 12px 10px 0 0!important;
	border: 1px solid #E6E6E6;
	border-bottom: 2px solid #E6E6E6;
	background: url(../images/grad-grey.gif) repeat-x top #EFEFEF;
}

.mosimage img { padding: 0; margin: 0!important; }

.mosimage_caption { margin-top: 2px; padding: 1px 2px; color: #9AA587; }

.pagenav { padding: 2px; }

.pagenav_prev a, .pagenav_next a {}

.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active {}

.pagenavbar { padding-left: 16px; background: url(../images/pages.gif) no-repeat center left; font-weight: bold; }

.pagenavcounter { padding: 5px 16px 0 16px; background: url(../images/pages.gif) no-repeat 0 8px; font-weight: bold; }

.sectiontableheader {
	padding: 2px 4px;
	border-right: 1px solid #FFFFFF;
	border-top: 5px solid #F7F7F7;
	background: #474747;
	color: #FFFFFF;
	font-weight: bold;
}

.sectiontableheader a, .sectiontableheader a:hover { color: #FFFFFF; }

tr.sectiontableentry1 td { padding: 4px; background: #F2F2F2; }

tr.sectiontableentry2 td { padding: 4px; border-top: 1px solid #FFFFFF; }

.small { color: #9AA587; }

#banner {}

/* MAIN LAYOUT DIVS WIDTH
--------------------------------------------------------- */
/*#ja-header, #ja-subheader, #ja-topnav, #ja-maincontainer, #ja-footer { width: 765px; margin: 0 auto; text-align: left; }*/

/* SEARCH BAR
--------------------------------------------------------- */
#ja-search-outer { position: absolute; top: 0; right: 0; }
#ja-search-inner { padding-left: 20px; float: left; height: 46px; }
#ja-search { padding-right: 20px; float: left; height: 46px; }

.search-search input {
	font-size: 12px;
	margin: 11px 0 11px 0 !important;
	margin: 10px 0 10px 0;
	width: 168px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	background: url(../images/icon-search.gif) no-repeat center left #FFFFCC;
	border: 1px solid #ccc;
}

/* HEADER
--------------------------------------------------------- */
#ja-header { background: url(../images/header.png) no-repeat; position: relative; height: 180px; }
#ja-header a { color: #FFFFFF; }
#ja-header h1 { margin: 0; padding: 0; position: absolute; top: 24px; left: 0; }
#ja-header h1 img { margin: 0; padding: 0; line-height: normal; }

/* SUB HEADER
--------------------------------------------------------- */
#ja-subheader-outer { background: #ECF1F5; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 0; }
#ja-subheader-outer div.moduletable { margin: 0!important; }

#ja-subheader { background: #ECF1F5; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 10px 0 }

#ja-subheader a { color: #FFFFFF; }

div.paint-decorate, div.paint-electrostatic, div.paints {
	float: left;
	width: 219px;
	height: 200px;
	padding: 0 !important;
	margin: 0 10px;
	position: relative;
}

div.paint-decorate h3, div.paint-electrostatic h3, div.paints h3 {
	position: absolute;
	right: 5px !important;
	right: 15px;
	bottom: 15px !important;
	bottom: 25px;
	color: #fff;
}

/*div.paint-decorate { background: url(../images/trangtri_bg.jpg) no-repeat; }
div.paint-electrostatic { background: url(../images/tinhdien_bg.jpg) no-repeat; }
div.paints { background: url(../images/sonkhac_bg.jpg) no-repeat; }*/

div.paint-decorate div.moduletable h3, div.paint-electrostatic div.moduletable h3, div.paints div.moduletable h3 {
	border: none;
	background: none;
}

/* NEWFLASH
--------------------------------------------------------- */
#ja-newsflash {
	float: right;
	width: 220px;
	margin: 5px 15px 5px 0!important;
	margin: 5px 0;
	color: #333;
	font-size: 11px;
}

#sn_id { width: 170px; height: 200px; margin: 0; padding: 0; text-align: justify; }

#sn_id img {
	width: 80px;
	height: 80px;
}

a.sn_title {
	display: block;
	padding: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #147609 !important;
	text-transform: uppercase;
	text-decoration: none;
}

a.sn_readon {
	color: #147609 !important;
	text-decoration: none;
}

a.sn_title:hover, a.sn_readon:hover { text-decoration: underline; }

#ja-newsflash .article_separator { display: none; }

/* MAIN CONTAINER
--------------------------------------------------------- */
#ja-maincontainer {
	padding: 0 0 30px;
	margin: 0 auto;
	background: url(../images/container-bg.gif) repeat-y top left #FFFFFF;
	text-align: left;
	line-height: 160%;
}

/* 3 columns content width */
#ja-content {
	margin: 0;
	width: 440px;
	padding: 10px 0 0 15px;
	float: left;
	background: url(../images/container-topbg.gif) no-repeat top left;
}

/* 2 column content [on the left] width */
#ja-content-full-left { margin: 0; padding: 10px 15px 0 0; width: 598px; float: left; }

/* 2 column content [on the right] width */
#ja-content-full-right { margin: 0; width: 598px; padding: 10px 0 0 15px; float: right; }

* html #ja-content-full-right { width: 594px; }

/* 1 column content width */
#ja-content-full { margin: 0; width: 730px; padding: 10px 0 0 0; }

/* USER TOOLS
--------------------------------------------------------- */
#ja-usertools { padding: 5px 2px; float: right; color: #9AA587; font-size: 11px; }

#ja-usertools a { padding: 0; color: #9AA587; }

#ja-usertools img { margin-top: 2px; }

/* LEFT COLUMN
--------------------------------------------------------- */
#ja-leftcol { width: 150px; float: left; padding-top: 10px; overflow: hidden; }
#ja-leftcol a.mainlevel { background:none !important ; background: url(../images/arrow-off1.gif) no-repeat 5px 4px; } 

#ja-leftcol ul.mainlevel { padding-left: 20px; background: url(../images/arrow-off.gif) no-repeat 5px 4px; }

#ja-leftcol ul.mainlevel:hover { background: url(../images/arrow-on.gif) no-repeat 5px 4px; }

#ja-leftcol a.sublevel { padding-left: 3px; }

/* RIGHT COLUMN
--------------------------------------------------------- */
#ja-rightcol { width: 150px; float: right; padding: 10px 0 15px 0; overflow: hidden; }

#ja-rightcol a.mainlevel { padding-left: 20px; background: url(../images/arrow-off.gif) no-repeat 5px 4px; }

#ja-rightcol a.mainlevel:hover, a.mainlevel:active { background: url(../images/arrow-on.gif) no-repeat 5px 4px; }

#ja-rightcol a.sublevel { padding-left: 3px; }

/* TOP NAVIGATION
--------------------------------------------------------- */
#ja-topnav-outer { font-size: 11px; background: #474747; }

#ja-topnav { font-size: 11px; border-left: 1px solid #FFFFFF; height: 26px; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-spotlight-1 div.moduletable, #ja-spotlight-2 div.moduletable { border: none; margin: 0; padding: 2px; background: none; }

#ja-spotlight-1 h3, #ja-spotlight-2 h3 { margin: 0 0 10px; }

#ja-spotlight-1 a, #ja-spotlight-2 a { color: #333333; }

/* FOOTER
--------------------------------------------------------- */
#ja-footer-outer { border-top: 3px solid #404040; background: #474747; }

#ja-footer { clear: both; padding: 15px 0; color: #FFFFFF; text-align: left; position: relative; line-height: 180%; }

#ja-footer a { padding-right: 20px; color: #EBF1F5; text-transform: Capitalize; }

#ja-footer a:hover, #ja-footer a:active { color: #FFFFFF; }

#ja-bottomline { padding: 10px 0 10px; margin: 0; }

#ja-bottomline a { padding: 0; }

#ja-cert { position: absolute; top: 17px; right: 0; }

#ja-cert a { padding-right: 5px; }

/* MISCELLANOUS
----------------------------------------------------------- */
div.shadow { margin: 0; padding: 3px 0; clear: both; background: url(../images/shadow.gif) repeat-x; }

div.back_button a { float: right; display: block; color: #9AA587; font-weight: bold; text-decoration: none; height: 18px; }

#modlgn_passwd, #modlgn_username { width: 100px; padding-left: 20px; }

#modlgn_passwd { background: url(../images/icon-authen.gif) no-repeat center left #FFFFCC; }

#modlgn_username { background: url(../images/icon-user.gif) no-repeat center left #FFFFCC; }

#modlgn_remember { border: none; background:none; padding: 0!important; padding: 0px; }

/* Clear fix */
.clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */
/* Firefox Scrollbar Hack - Do not remove */
html { margin-bottom: 1px; height: 100%; }