/*------------------------------------------------------------------------



# JA Antares 1.0 - Nov, 2006



# ------------------------------------------------------------------------



# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.



# @license - Copyrighted Commercial Software



# Author: J.O.O.M Solutions Co., Ltd



# Websites:  http://www.joomlart.com -  http://www.joomlancers.com



-------------------------------------------------------------------------*/











/* COMMON STYLE



--------------------------------------------------------- */



* {



	margin: 0;



	padding: 5;



}







body {



	color: #5A5A5A;



	background: #dadada;



	font-family: Tahoma, Arial, Helvetica, sans-serif;



	line-height: 1.5;



}







body.narrow {



}







body.wide {



}







body.contentpane { /* Printable Page */



	width: auto;



	margin: 1em 2em;



	background: #FFFFFF;



	color: #000000;



	font-size: 12pt;



	font-family: serif;



	line-height: 140%;



}







body.fs1{



	font-size: 9px;



}







body.fs2{



	font-size: 10px;



}







body.fs3{



	font-size: 11px;



}







body.fs4{



	font-size: 12px;



}







body.fs5{



	font-size: 13px;



}







body.fs6{



	font-size: 14px;



}







/* Normal link */



a {



	color: #5A5A5A;



	text-decoration: underline;



}







a:hover, a:active, a:focus {



	color: #5A5A5A;



	text-decoration: underline;



}







/* Small text */



.small, .smalldark, .createdate, .modifydate, .mosimage_caption,



.back_button, .pagenavcounter, .pagenav, .pagenavbar {



}







/* Heading */



h1 {



	font-size: 1.5em;



}







h2 {



	font-size: 1.3em;



}







h3 {



	font-size: 1.2em;



}







h4 {



	font-size: 1em;



	text-transform: uppercase;



}







p {



	margin: 5px 0 10px;



}







ul {



	margin-top: 5px;



	margin-bottom: 15px;



	list-style: none;



}







ul li {



	padding-left: 35px;



	background: url(../images/bullet-list.gif) no-repeat 22px 6px;



}







ol {



	margin-top: 5px;



	margin-bottom: 15px;



}







ol li {



	margin-left: 35px;



}







th {



	padding: 4px;



	font-weight: bold;



	text-align: left;



}







fieldset {



	border: none;



}







fieldset a {



	font-weight: bold;



}







hr {



	border: 0;



	height: 1px;



	background: url(../images/seperator.gif) repeat-x;



}







a img {



	border: none;



}







td, div {



	font-size: 1em;



}







/* Code text */



pre, .code {



	padding: 10px 15px;



	margin: 5px 0 15px;



	border-left: 5px solid #F4A94F;



	background: #F2F2F2;



	font: 1em/1.5 "Courier News", monospace;



}







blockquote {



	padding: 15px 40px;



	background: url(../images/quote.gif) 10px 10px no-repeat;



	font: italic 1em/1.5 Georgia, Times, serif;



}



 



.dropcap {



	float: left;



	padding: 3px 3px 0 0;



	display: block;



	color: #5A5A5A;



	font: 50px/40px Georgia, Times, serif;



}







/* Tips, Error, Message, Hightlight*/



.error {



	padding-left: 22px;



	color: #CC0000;



	background: url(../images/bullet-error.gif) no-repeat top left;



}







.message {



	padding-left: 22px;



	color: #FFFFFF;



	background: url(../images/bullet-info.gif) no-repeat top left;



}







.tips {



	padding-left: 22px;



	color: #D79546;



	background: url(../images/bullet-tips.gif) no-repeat top left;



}







.highlight {



	border-bottom: 1px dotted;



	background: #F2F2F2;



	font-weight: bold;



}







/* FORM



--------------------------------------------------------- */



form {



	margin: 0;



	padding: 0;



}



#form-login p,ul {



	margin:0px;







}



#form-login ul {



	margin:0px;



	padding:0px;



}



#form-login li {



	margin:0px;



	padding:0px;



	background:none;







}	



#form-login li a {



	text-decoration:none;



}











input, select {



	font: 12.5px/normal Tahoma, Arial, sans-serif;



	color: #5A5A5A;



}







select, .inputbox {



	padding: 4px;



}







textarea {



	padding-left: 2px;



}







.button {



	color: #5A5A5A;



}







html>body .button {



	padding: 0 5px;



	color: #5A5A5A;



}







.inputbox {



	border: 1px solid #D8D9DB;



	background: #FFFFFF;



}







.inputbox:hover, .inputbox:focus {



	border: 1px solid #C0C0C0;



}







/* MODULE



--------------------------------------------------------- */



div.module h3 {



	margin: 0 0 5px;



	font-size: 1em;



	color: #FFFFFF;



	text-transform: uppercase;



	background: url(../images/title.jpg) top left repeat-x;



	padding:5px;



	color:#FFF;



}







div.module {



	margin-bottom: 4px;



	padding: 0;



	float: left;



	clear: both;



	width: 100%;



	



}







div.module div {



	padding: 0;



	



}







div.module div div {



	padding: 0;







}







div.module div div div {



	padding: 0;



	



}







div.module div div div div,



div.module-blue div div div div,



div.module-green div div div div,



div.module-orange div div div div {



	margin: 0;



	padding: 0;



	background: none;



}







/* MODULE HILITE GREEN



--------------------------------------------------------- */



div.module-blue h3,



div.module-green h3,



div.module-orange h3 {



	text-transform: uppercase;



	font-size: 1em;



	margin: 0 0 5px;



}







div.module-green {



	margin-bottom: 5px;



	padding: 0;



	width: 97.5%;



	background: url(../images/box-br-green.gif) no-repeat bottom right;



	color: #FFFFFF;



}







div.module-green a {



	color: #FFFFFF;



}







div.module-green div {



	padding: 0;



	background: url(../images/box-bl-green.gif) no-repeat bottom left;



}







div.module-green div div {



	padding: 0;



	background: url(../images/box-tr-green.gif) no-repeat top right;



}







div.module-green div div div {



	padding: 9px 15px 15px;



	background: url(../images/box-tl-green.gif) no-repeat top left;



}







/* MODULE HILITE BLUE



--------------------------------------------------------- */



div.module-blue {



	margin-bottom: 5px;



	padding: 0;



	width: 97.5%;



	background: url(../images/box-br-blue.gif) no-repeat bottom right;



	color: #FFFFFF;



}







div.module-blue a {



	color: #FFFFFF;



}







div.module-blue div {



	padding: 0;



	background: url(../images/box-bl-blue.gif) no-repeat bottom left;



}







div.module-blue div div {



	padding: 0;



	background: url(../images/box-tr-blue.gif) no-repeat top right;



}







div.module-blue div div div {



	padding: 9px 15px 15px;



	background: url(../images/box-tl-blue.gif) no-repeat top left;



}







/* MODULE HILITE ORANGE



--------------------------------------------------------- */



div.module-orange {



	margin-bottom: 0px;



	padding: 0;



	width: 97.5%;



	background:  url(../images/box-br-orange.gif) no-repeat bottom right;



	color: #FFFFFF;



}







div.module-orange a {



	color: #FFFFFF;



}







div.module-orange div {



	padding: 0;



	background: url(../images/box-bl-orange.gif) no-repeat bottom left;



}







div.module-orange div div {



	padding: 0;



	background: url(../images/box-tr-orange.gif) no-repeat top right;



}







div.module-orange div div div {



	padding: 9px 15px 10px;



	background: url(../images/box-tl-orange.gif) no-repeat top left;



}







#ja-leftcol div.module-blue,



#ja-leftcol div.module-green,



#ja-leftcol div.module-orange, 



#ja-rightcol div.module-blue,



#ja-rightcol div.module-green,



#ja-rightcol div.module-orange {



	width: 100%;



	float: left;



	clear: both;



}







/* JOOMLA STYLE



--------------------------------------------------------- */



table.blog {



}







table.blog .article_separator {



	display: block;



	height: 20px;



	background: url(../images/seperator.gif) repeat-x center;



}







#ja-leftcol .article_separator, #ja-rightcol .article_separator {



	display: none;



}







table.contentpane {



	border: none;



	width: 100%;



}







table.contentpaneopen {



	border: none;



}







table.contenttoc {



	margin: 0 0 10px 10px;



	padding: 0;



	width: 35%;



}







table.contenttoc a {



	text-decoration: none;



}







table.contenttoc td {



	padding: 1px 5px 1px 18px;



	background: url(../images/arrow-off.gif) no-repeat 7px 7px;



}







table.contenttoc th {



	padding: 1px 4px;



	background: #FFFFFF;



	color: #FFFFFF;



	text-indent: 5px;



}







table.poll {



	padding: 0;



	width: 100%;



	border-collapse: collapse;



}







table.pollstableborder {



	padding: 0;



	width: 100%;



	border: none;



	text-align: left;



}







table.pollstableborder img {



	vertical-align: baseline;



}







table.pollstableborder td {



	padding: 2px!important;



}







table.searchintro {



	padding: 10px 0;



	width: 100%;



}







table.searchintro td {



	padding: 5px!important;



}







.adminform textarea {



	width: auto; /*Control the Frontend Editor area width*/



}







.adminform textarea.inputbox {



}







.blog_more {



	margin: 10px 0;



}







.blog_more strong {



	margin: 0 0 5px;



	padding-left: 13px;



	display: block;



	text-transform: uppercase;



}







td.buttonheading {



	padding: 0 3px!important;



	text-align: center;



}







.category {



	font-weight: bold;



}







.clr {



	clear: both;



}







.componentheading {



	margin: 0 0 15px;



	font-size: 2em;



	line-height: normal;



	padding: 2px 0 3px;



	background: url(../images/seperator.gif) repeat-x bottom;



	color: #FFFFFF;



}







.contentdescription {



	padding-bottom: 30px;



}







table.blog .contentheading {



	font-size: 1.5em;



}







.contentheading {



	font-size: 1.7em;



	color: #FFFFFF;



}







a.contentpagetitle,



a.contentpagetitle:hover,



a.contentpagetitle:active,



a.contentpagetitle:focus {



	text-decoration: none!important;



	color: #FFFFFF;



}







a.readon {



	text-decoration: none;



	padding-left: 15px;



	background: url(../images/readon-blue.gif) left center no-repeat;



	font-weight: bold;



	color: #FFFFFF;



}







a.readon:hover, a.readon:active, a.readon:focus {



	text-decoration: none!important;



}







table.contentpaneopen td, table.contentpane td {



}







table.contentpaneopen, table.contentpane, table.blog {



	width: 100%;





}







.createdate {



	padding-bottom: 10px;



	line-height: 10px;



}







.modifydate {



	height: 15px;



}







.moduletable {



	padding: 0;



}







.mosimage {



	margin: 8px 15px 0 0!important;



	margin: 8px 5px 0 0;



}







.mosimage img {



	padding: 0;



	margin: 0!important;



}







.mosimage_caption {



	margin-top: 2px;



	padding: 1px 2px;



	color: #8F8F8F;



}







.pagenav,



.pagenav_prev,



.pagenav_next,



.pagenavbar {



	padding: 0 2px;



}







a.pagenav,



.pagenav_prev a,



.pagenav_next a,



.pagenavbar a {



}







a.pagenav:hover, a.pagenav:active, a.pagenav:focus,



.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,



.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,



.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {



}







.pagenavbar {



	padding-left: 14px;



	background: url(../images/pages.gif) no-repeat center left;



}







.pagenavcounter {



	padding: 8px 14px 0 14px;



	background: url(../images/pages.gif) no-repeat 0 11px;



}







.sectiontableheader {



	padding: 5px;



	background: #FFFFFF;



	color: #FFFFFF;



	font-weight: bold;



}







.sectiontableheader a {



	color: #FFFFFF;



}







tr.sectiontableentry1 td {



	padding: 5px;



	background: url(../images/seperator.gif) repeat-x bottom;



}







tr.sectiontableentry2 td {



	padding: 5px;



	background: url(../images/seperator.gif) repeat-x bottom;



}







.small {



}







.smalldark {



	text-align: left;



}







div.syndicate div {



	border: 1px solid #FFFFFF;



	text-align: center;



}







/* MAIN LAYOUT DIVS



--------------------------------------------------------- */



#ja-header,



#ja-topstory,



#ja-spotlight,



#ja-footer {



	margin: 0 auto;



	width: 750px;



	text-align: left;



}



#ja-container{



	

	margin: 0 auto;



	width: 750px;



	text-align: left;

}



.wide #ja-header{width: 1000px;height:100px ;background: url(../images/bg-header.jpg) top center;}



.wide #ja-topstory,



.wide #ja-spotlight,



.wide #ja-footer {



	width: 1000px;



	background:#FFF;



}

.wide #ja-container {	

    width: 980px;

	background:#FFF;

    padding:10px;

	font-size:13px;}





.auto #ja-header,



.auto #ja-topstory,



.auto #ja-spotlight,



.auto #ja-container,



.auto #ja-footer {



	width: 90%;



}







#ja-containerwrap {



	border: 1px solid;



}







#ja-container {



	padding: 0 0 10px;



}







/* HEADER



--------------------------------------------------------- */



#ja-header {



	text-align: left;



	line-height: normal;



	background: url(../images/top2.jpg) top left no-repeat;



}







#ja-header h1 {



	font-size: 2em;



	height: 70px;







}







#ja-header h1 img {



	margin-top: 20px;



	float: left;



}







#ja-usertoolswrap {



	padding: 0;



	height: 25px;



	line-height: 23px;



	float: right;



	padding-left: 28px;



	



}







#ja-usertools {



	padding: 0 10px 0 4px;



	float: left;



	display: block;



	font-size: 11px;



	height: 25px;







}







#ja-usertools span {



	float: left;



	margin-right: 30px;



	display: block;



}







#ja-usertools img {



	padding: 5px 2px 0;



}







#ja-usertools a {



}







#ja-usertools a:hover, #ja-usertools a:active, #ja-usertools a:focus {



}







#ja-search {



	width: 215px;



	float: left;



	display: block;



	margin-top: -2px;



}



#ja-search b {

    float: left;
    
    width: 70px;

    margin-right: 5px;

}

 

#benphai {

    float: right;

    width: 500px;

    margin-bottom: 5px;

    flex-direction: row-reverse;

    display: flex;

}



#ja-usertools div.search {



	padding-left: 20px;



	background: url(../images/icon-search.gif) no-repeat center left;



}







#ja-usertools .inputbox {



	border: none!important;



	width: 100px;



	background: none;



	color: #8F8F8F;



}







#ja-usertools .inputbox:hover,



#ja-usertools .inputbox:focus {



}







/* TOP NAVIGATION



----------------------------------------------------------- */



#ja-topnav-wrap {



	background: none;



	height: 29px;



	display: block;



	padding-left: 30px; 



}







#ja-topnav {



	background: none;



	float: right;



	text-align: right;



	height: 29px;



	line-height: 29px;



	padding: 0 5px;



	display: block;



}







#ja-topnav ul#mainlevel-nav {



	margin: 0;



	padding: 0;



	list-style: none;



}







#ja-topnav ul#mainlevel-nav li {



	margin: 0;



	padding: 0;



	display: inline;



}







#ja-topnav ul#mainlevel-nav a {



	display: block;



	float: right;



	padding: 0 12px;



	color: #FFFFFF;



	text-decoration: none;



	text-transform: uppercase;



	background: url(../images/bg-menutop.jpg)top left repeat-x #FFFFFF;



	margin:1px;



	font-weight:bold;



}







#ja-topnav ul#mainlevel-nav a:hover {



background: url(../images/act-bg-menutop.jpg)top left repeat-x #FFFFFF;



}







/* MAIN NAVIGATION



--------------------------------------------------------- */



#ja-mainnav {



	width: 20%;



	clear: both;



	float: left;



	height: 210px;



	border-bottom: 5px solid #C0C0C0;



}







#ja-mainnav a {



	font-size: 10px;



}







/* Default Joomla! Menu */



a.mainlevel {



	padding: 4px;



	display: inline;



	color: #5A5A5A;



	text-decoration: none;



}







a.mainlevel:hover,



a.mainlevel:active,



a.mainlevel:focus,



a.mainlevel#active_menu {



	color: #c60;



	text-decoration: none;



}







a.sublevel {



	padding: 3px 4px 3px 15px;



	display: block;



	text-decoration: none;



}







a.sublevel:hover,



a.sublevel:active,



a.sublevel:focus {



}







#ja-leftcol #active_menu, #ja-rightcol #active_menu {



	color: #5A5A5A;



	text-decoration: none;



}



/*End: Default Joomla! Menu  */







/* BANNER



--------------------------------------------------------- */



#ja-topstory {



	background: none repeat scroll 0 0 #FFF;



    margin: 1px auto;



    padding: 1px;



}







#ja-banner {



	float: right;



	width: 100%;



	overflow: hidden;



	border-bottom: 5px solid #FFFFFF;



	height: auto;



	background: #FFF;







}







/* SPOTLIGHT



--------------------------------------------------------- */



#ja-botslwrap {



	border-bottom: 1px solid #C0C0C0;



	padding: 20px 0;



	clear: both;



}







#ja-botsl {



}







#ja-botsl .ja-box {



	float: left;



	overflow: hidden;



}







#ja-botsl .ja-box h3 {



	color: #FFFFFF;



	margin-bottom: 5px;



	font-size: 1em;



	text-indent: 3px;



	text-transform: uppercase;



}







#ja-botsl .ja-box div.moduletable {



}







#ja-botsl .ja-box ul {



	padding: 0;



	margin: 0!important;



}







#ja-botsl .ja-box li {



	padding: 0;



	margin: 0;



	background: none;



	width: 100%;



}







#ja-botsl .ja-box a {



	color: #8F8F8F;



}







#ja-botsl .ja-box li a {



	padding: 4px;



	background: url(../images/seperator.gif) left bottom repeat-x;



	width: 90%; /*This is required for IE6*/



	display: block;



	text-decoration: none;



}







#ja-botsl .ja-box li a:hover,



#ja-botsl .ja-box li a:active,



#ja-botsl .ja-box li a:focus {



	color: #5A5A5A;



	text-decoration: none;



}







#ja-botsl .ja-box td {



	padding: 0;



}







#ja-botsl .ja-box  .article_separator {



	display: none;



}







#ja-botsl .box-ended {



	margin-right: 0!important;



	float: right;



}







#ja-spotlight {



	margin: 10px auto 0;



}







#ja-spotlight .ja-box {



	float: left;



	overflow: hidden;



}







#ja-spotlight .ja-box h3 {



	margin-bottom: 5px;



	font-size: 1em;



	text-indent: 3px;



}







#ja-spotlight .ja-box div.moduletable {



}







#ja-spotlight .ja-box ul {



	padding: 0;



	margin: 0!important;



}







#ja-spotlight .ja-box li {



	padding: 0;



	margin: 0;



	background: none;



}







.box-centered {



	text-align: center!important;



}







.box-centered div.moduletable,



.box-centered div.module-orange,



.box-centered div.module-green,



.box-centered div.module-blue {



	margin-left: auto!important;



	margin-right: auto!important;



	text-align: left;



}







#ja-spotlight .box-ended div.moduletable,



#ja-spotlight .box-ended div.module-orange,



#ja-spotlight .box-ended div.module-green,



#ja-spotlight .box-ended div.module-blue {



	margin-right: 0!important;



	float: right;



}







.box-fulled div.moduletable,



.box-fulled div.module-orange,



.box-fulled div.module-green,



.box-fulled div.module-blue {



	width: 100%!important;	



}







/* PATHWAY



---------------------------------------------------------*/



#ja-pathway {



	margin-left: 1px;



}







#ja-pathway img {



	display: none; /* DO NOT SHOW PATHWAY DEFAULT ARROW */



}







#ja-pathway a {



	padding-right: 22px;



	background: url(../images/slash.gif) no-repeat center right;



}







#ja-pathway a:hover, #ja-pathway a:active {



}







/* CONTENT COLUMN



--------------------------------------------------------- */



#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {



	margin: 5px 0;



}







#ja-mainbody {



	float: left;



	width: 86%;



}







#ja-mainbody #ja-content {



	float: right;



	width: 82.5%;



	padding-right: 1%;



	border: 1px solid #c6c6c6;



}







#ja-mainbody-fl {



	float: left;



	width: 80%;



}







#ja-mainbody-fl #ja-content {



	float: left;



	width: 97.5%;



}







#ja-mainbody-fr{



	float: left;



	width: 100%;



}







#ja-mainbody-fr #ja-content {



	float: right;



	width: 77.5%;



}







#ja-mainbody-fr #ja-leftcol {



	width: 20%;



}







#ja-mainbody-f {



	float: left;



	width: 100%;



}







/* LEFT COLUMN



--------------------------------------------------------- */



#ja-leftcol {



	float: left;



	width: 15%;



	border:1px solid #A0BAD3;



	margin-left:5px;



}







/* RIGHT COLUMN



--------------------------------------------------------- */



#ja-rightcol {



	float: right;



	width: 13%;



	margin-right: 5px;



	margin-top:5px;



	border:1px solid #A0BAD3;



}







/* FOOTER



--------------------------------------------------------- */



#ja-footer {



	clear: both;



	border-top: 5px solid #D8D9DB;



}







#ja-bottomline {



	float: left;



	padding: 10px 5px 30px;



	color: #8F8F8F;



}







#ja-bottomline a {



	color: #8F8F8F;



}











#ja-cert {



	padding: 10px 5px;



	float: left;



	background: #1E891B;



	width:99%;



}







#ja-cert a {



	padding-left: 5px;



	



}



#ja-cert a:hover {



	padding-left: 5px;



	color: red;



}







/* MISCELLANOUS



----------------------------------------------------------- */



div.back_button a,



div.back_button a:hover,



div.back_button a:active {



	margin: 10px 0;



	display: block;



}







#modlgn_password, #modlgn_password {



	width: 90%;



}







#modlgn_password {



}







#modlgn_username {



}







#modlgn_remember {



	border: none;



	background: none;



}







/* Clearfix */



.clearfix:after {



	clear: both;



	display: block;



	content: ".";



	height: 0;



	visibility: hidden;



}







* html > body .clearfix {



	width: 100%;



	display: block;



}







* html .clearfix {



	height: 1%;



}







/* Firefox Scrollbar Hack - Do not remove */



html {



	margin-bottom: 1px;



	height: 100%!important;



	height: auto;



}







/* JA CoolAds Module */



#ja-coolads {



	height: 0;



	overflow: hidden;



	position: relative;



}







#ja-coolads-container {



	overflow: hidden;



	margin-right: 5%;



}







#ja-coolads-container div.moduletable {



	overflow: hidden;



}



#quangcao{width:500px; float:left ;margin-top:-55px;padding-left:10px;}



#ja-leftcol div.module div div div table tr td {background:url(../images/muiten.jpg) top right no-repeat #FFF;padding-bottom:2px;}



#ja-leftcol div.module div div div table tr td:hover{background:url(../images/muitenvang.jpg) top right no-repeat #fff8a9; color:#c60 !important;}







/* Dropdown Button */

.dropbtn {

  background-color: #8ac222;

    color: white;

    padding: 6px;

    font-size: 13px;

    font-weight: bold;

    border: 1px solid;

    border-radius: 5px;

	display: flex;

    align-items: flex-end;

}



/* The container <div> - needed to position the dropdown content */

.dropdown {

  position: relative;

  display: inline-block;

  float: right;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f1f1f1;

  min-width: 150px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

}



/* Links inside the dropdown */

.dropdown-content a {

  color: black;

  padding: 6px 6px;

  text-decoration: none;

  display: block;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #ddd;}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {display: block;}



/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {background-color: #3e8e41;}