/*
# Modified by www.kenh360.com
# Websites:  http://www.joomlaVina.com
-------------------------------------------------------------------------*/

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

body#bd {
	color: #000000;
	background: #FFFFFF;
    background: url("../images/body-bg.gif") repeat-x scroll left -41px  transparent;/*rgb(145,0,0) #CEE2F4  #910000*/
    color: #000000;
}
.external {
	background:transparent url(../images/external_link_gray2.png) no-repeat scroll right top;
	padding:0 16px 0 0;
}
.intro{

	max-width:150px;
	max-height:150px;
	float:left;
}

.left{

	max-width:150px;
	max-height:150px;
	float:left;
}
.right{
	float:right;
	text-align:right;
}
.center{
	text-align:center;
	margin:auto;
}
body.contentpane {
	color: #000000;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	margin: 1em 2em;
	width: auto; /* Printable Page */
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Normal link */
a {
	color: blue;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration:underline;
}

a img {
	border: none;
}

/* Title text */
.contentheading, .componentheading, h1, h2, h3, h4 {
	line-height: 1.5;
}

/* Small text */
  .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-colwrap, #ja-botsl {
	font-size: 92%;
}

.smalldark, small, .small, #ja-footer {

	font-size: 80%;
}

img {
	padding: 0;
	margin-right:5px;
	max-width:500px;
	overflow: hidden;
	max-height: 500px;
}
img.caption {
	margin-top: 5px;
}
.img_caption {
	color: #999999;
}
/* Heading */
h1 {
font-size: 160%;

text-transform: uppercase;
	line-height:30px;

}
h2 {
	font-size: 150%;
	text-transform: uppercase;
	margin: 5px 0 5px 0;
	line-height:25px;
}
h3 {font-size: 135%;

	margin: 3px 0 3px 0;
	line-height:22px;
}
h4 {font-size: 120%;
	line-height:20px;
}

h1, h2, h3, h4
{
	margin: 10px 0;
	padding: 0;

}
/* Heading */
p, pre, blockquote, ul, ol {
	margin: 10px 0;
	padding: 0;
	line-height:18px;
}

ul {
}

ul li {
	background: url(../images/arrow.png) no-repeat 18px 7px;
	line-height: 160%;
	padding-left: 30px;
list-style-position:outside;
list-style-type:none;
}

ol li {
	line-height: 180%;
	margin-left: 20px;
}

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

fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a {
	font-weight: bold;
}

fieldset.input {
	padding: 0;
}

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

td, div {
	font-size: 100%;
}

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

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.inputbox {
	border: 1px solid #D4D4D4;
	padding: 3px 3px;
	color: #333333;
	background: #FFFFFF;
}

.button {
	background: #333333;
	border: 1px solid #040404;
	color: #CCCCCC;
	font-size: 100%;
	font-weight:bold;
	padding: 1px 8px;
}

* html .button { /*IE 6*/
	padding: 2px 3px !important;
}

*+html .button { /*IE 7*/
	padding: 2px 3px !important;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
	clear: both;
	display: block;
	height: 20px;
	background: url(../images/dot.gif) repeat-x center;
}

.article_column {
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
	background: #666666;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 4px 4px 6px;
	border-bottom: 1px solid #CCCCCC;
}

tr.sectiontableentry0:hover td,
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background-color: #E9F4F8;
}

tr.sectiontableentry2 td {
	background-color: #F7F7F7;
}

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

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
	font-size: 92%;
}

table.contenttoc a {
}

table.contenttoc td {
	background: url(../images/bullet.gif) no-repeat 10px 9px;
	padding: 1px 5px 1px 20px;
}

table.contenttoc th {
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 3px;
	text-indent: 5px;
}

table.poll {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}

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

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 4px !important;
	background: none;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #F7F7F7;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

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

table.adminform {}
.adminform .inputbox {}

.blog_more {}

.blog_more strong {
	display: block;
	font-size: 125%;
	margin: 0 0 5px;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 6px 10px;
	margin: 0;
	padding: 0 0 0 17px;
}

.category {
	font-size: 125%;
	font-weight: bold;
}

h1.componentheading, .componentheading {
	margin: 0 0 10px;
	padding: 0 0 5px;
}

.componentheading {
	font-size: 180%;
	font-weight: normal;
	border-bottom: 1px solid #D4D4D4;
	margin-bottom: 10px;
}

.contentdescription {
	display: block;
	padding: 10px;
	margin: 10px 0;
	font-size: 125%;
	font-style: italic;
}

h2.contentheading, .contentheading {
	margin: 0;
	padding: 0 8px 0 0;
	font-size: 140%;
}

table.blog .contentheading {
	font-size: 155%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}

a.readon {
	display: block;
	float: left;
	text-align: center;
	clear: both;
	padding: 0 5px;
	background: #8BAB32 url(../images/grad2-2.gif) repeat-x center;
	color: #FFFFFF;
	margin-top: 5px;
	width: 50px;
	text-transform: lowercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
	background:#2C79B3 url(../images/grad2-1.gif) repeat-x center;
	color: #FFFFFF;
	text-decoration: none;
	width: 50px;
}

table.contentpaneopen td, table.contentpane td {
}

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



ul.pagination {
	margin: 15px auto 0;
	padding: 0;
}

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 3px;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
}

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

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

.sectiontableheader {
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px 5px;
}

.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
	display: block;
	margin: 0 0 10px;
	width: 100%;
	clear: both;
	color: #999999;
	position: relative;
	padding-top:5px;
}

.article-meta {
	padding: 0;
	width: 70%;
	float: left;
}

.article-section, .article-category {
	font-size: 92%;
	text-transform: uppercase;
}

.createby {
	padding: 0 5px 0 5px;
}

.createdate {
	padding: 0 5px 0 0;
	background: url(../images/vline.gif) no-repeat right;
}

.modifydate {
	color: #999999;
}

div.buttonheading {
	position: absolute;
	top: 0;
	right: 0;
	width: 82px;
	padding: 3px;
}

.buttonheading img {
	margin: 0 5px 0 0;
	border: 0;
	float: right;
	background:none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-header,
#ja-mainnav,
#ja-subnav,
#ja-container,
#ja-botsl {
	width: 95%;
	margin: 0 auto;
	clear: both;
}

#ja-container {
	padding: 10px 0;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
	clear: both;
	display: block;
	float: left;
	width: 64%;
}

.leftlayout #ja-content {
	float: left;
}

.rightlayout #ja-content {
	float: right;
}

#ja-current-content {
	/*margin-bottom:10px;*/
	width:100%
}

/* content + 3 col */
div.ja-wrap-center {
	background: #FFFFFF url(../images/box-center.gif) repeat-x center top;
}


div.ja-wrap-bot {
	/*background: url(../images/box-bot.gif) no-repeat center bottom;*/
	padding:10px;
}

/* COLUMNS
--------------------------------------------------------- */
#ja-colwrap {
	float: right;
	overflow: hidden;
	width: 34.9%;
}

.leftlayout #ja-colwrap {
	float: right;
}

.rightlayout #ja-colwrap {
	float: left;
}

#ja-colmass, ja-cols {
	clear: both;
	width: 100%;
} 

/*masstop*/
#ja-colmass  {}

#ja-colmass div.module div div div  {
	padding: 0;
}

/*columns*/
#ja-col1 {
	float: left;
	overflow: hidden;
	width: 50%;
	clear: both;
}

#ja-col1 div.ja-innerpad {
	padding: 0 5px 0 0;
}

#ja-col2 div.ja-innerpad {
	padding: 0 0 0 5px;
}

#ja-col2 {
	float: right;
	overflow: hidden;
	width: 49.9%;
}

/*common style for column*/
#ja-colwrap a {}

#ja-colwrap a:hover, #ja-colwrap a:active, #ja-colwrap a:focus {}

#current a:hover, #current a:active, #current a:focus {
	text-decoration: none;
}

#ja-colwrap table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-cm, #ja-containerwrap-f, #ja-containerwrap-m {
	clear: both;
	border-top: 1px solid #FFFFFF;
	background: #EEEEEE;
}

/* full */
#ja-containerwrap-f #ja-container , #ja-containerwrap-f #ja-container-inner  {
}

#ja-containerwrap-f #ja-content {
	width: 100%;
}

#ja-containerwrap-f div.ja-wrap-center {
	background: #FFFFFF;/*url(../images/box-center1.gif) repeat-y center top */

}

#ja-containerwrap-f .ja-wrap-top {
	background: url(../images/box-top1.gif) no-repeat center top;
}

#ja-containerwrap-f .ja-wrap-bot {
	background: url(../images/box-bot1.gif) no-repeat center bottom;
}

/* content + col + mass */
#ja-containerwrap-cm #ja-container {
}

#ja-containerwrap-cm #ja-container-inner {
	background: none;
}

#ja-containerwrap-cm #ja-col1,
#ja-containerwrap-cm #ja-col2 {
	width: 100%;
}

/* content + col */
#ja-containerwrap-c #ja-container {
}

#ja-containerwrap-c #ja-container-inner {
	background: none;
}

#ja-containerwrap-c #ja-content {
	width: 82%;
}

#ja-containerwrap-c #ja-colwrap {
	width: 17%;
}

#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
	width: 100%;
}

#ja-containerwrap-c div.ja-wrap-center {
	background: #FFFFFF;/*url(../images/box-center2.gif) repeat-y center top */
}

#ja-containerwrap-c .ja-wrap-top {
	background: url(../images/box-top2.gif) no-repeat center top;
}

#ja-containerwrap-c .ja-wrap-bot {
	background: url(../images/box-bot2.gif) no-repeat center bottom;
}

/* content + mass */
#ja-containerwrap-m #ja-container {
}

#ja-containerwrap-m #ja-container-inner {
	background: none;
}

/* MODULE
--------------------------------------------------------- */
/* Module Default*/
div.module h3 {
	font-size: 100%;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	margin: 0 -10px 5px;
	height: 30px;
	line-height: 32px;
	text-indent: 10px;
	text-align:center;
}

div.module h3 span.ja-mdtool {
	display: block;
	height: 17px;
	width: 17px;
	position: absolute;
	right: 15px;
	top: 8px;
}

div.module,
div.module_blank {
	background: url(../images/bor_br.gif) no-repeat right bottom !important;
	margin-bottom: 10px;
	width: 100%;
	float: left;
	clear: both;
}

div.module div {
	background: url(../images/bor_bl.gif) no-repeat left bottom;
	margin: 0;
}

div.module div div {
	background: url(../images/bor_tr.gif) no-repeat right top;
}

div.module div div div {
	background: url(../images/bor_tl.gif) no-repeat left top;
	padding: 0 10px 10px;
	overflow: hidden;
	display: block;
}

div.module div div div div {
	background: none;
	padding: 0;
}

/* blank module */
div.module_blank {
	background: none !important;
}

div.module_blank div {
	margin: 0;
	padding: 0;
	background: none;
}

/* botsl module */
#ja-botsl div.moduletable  {
	padding: 0 10px 10px;
	height: auto !important;
}

#ja-botsl div.moduletable h3 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	font-size: 100%;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 1px solid #4B4B4B;
}

/* mis */
div.banneritem_text {
	padding: 5px 0 !important;
}

div.advs {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

div.moduletable ul,
div.moduletable_text ul,
div.moduletable_menu ul,
div.moduletable_hilte ul {
	margin: 0;
	padding: 0;
}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li {
	background: url(../images/bullet.gif) no-repeat 5px 8px;
	margin: 0;
	padding-left: 6px;
}
/* Hilite */
div.moduletable_hilite h3 {
	background: url(../images/grad2.gif) repeat-x bottom #2C79B3;
	text-align:center;
	color: #FFFFFF;

}
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	/*background: url(../images/footerbg.png) repeat-x left bottom;*/
	position: relative;
	z-index: 100;
	border-bottom: 1px solid #CCCCCC;
}

#ja-header {
	
	height: 80px;
	line-height: normal;
	position: relative;
	border:1px solid transparent;
}

h1.logo, h1.logo-text {
	margin: 0;
	padding: 0;
	font-size: 200%;
}

h1.logo a {
	width: 200px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	
	height: 60px;
	 margin-top: 15px;
}
h1.logo, div.logo-text H1 {
	margin: 0;
	padding: 0;
	font-size: 200%;
}


h1.logo a span {
	position: absolute;
	top: -1000px;
}

div.logo-text {
	position: absolute;
	top: 30px;
	left: 5px;
}

div.logo-text h1 a {
	outline: none;
	letter-spacing: 1px;
	font-weight: bold;
	color: #FFFFFF;
}

h1.logo-text a:hover,
h1.logo-text a:focus,
h1.logo-text a:active {
	text-decoration: none;
}

p.site-slogan {
	margin: 5px 0 0;
	padding: 1px;
	color: #999999;
}

h1.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 15px;
	left: 15px;
}

/*Head Tools*/
#ja-headtools:hover,
#ja-headtools.hover {
	border: 1px solid #CCCCCC;
	background: #F7F7F7;
}

#ja-headtools .ja-innerpad {
	position: relative;
	padding: 5px;
	float: left;
}

#ja-headtools ul {
	margin: 0;
	padding: 3px 0 0;
	float: left;
	white-space: nowrap;
}

#ja-headtools li {
	margin: 0;
	padding: 0 8px;
	display: inline;
	background: url(../images/vline.gif) no-repeat right center;
	line-height: normal;
}

#ja-headtools li a {
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
	background: url(../images/mainnav-bg.gif) repeat-x left bottom;
	border-bottom: 1px solid #B4B4B4;
}

#ja-mainnav {}

#ja-mainnav a, #ja-subnav a {
	outline: none;
}

#ja-subnavwrap {
	background: #040404;
	margin-top: -1px;
}

#ja-subnav {}

#ja-subnav ul {
	margin: 0;
	padding: 0;
}

#ja-subnav li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#ja-subnav li a {
	display: block;
	float: left;
	padding: 7px 15px 5px;
	background: url(../images/vline.gif) no-repeat left 13px;
	color: #CCCCCC;
}

#ja-subnav li a:hover, #ja-subnav li a:active, #ja-subnav li a:focus  {
	color: #FFFFFF;
	text-decoration: none;
}

#ja-subnav li.active a,
#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
	font-weight: bold;
	color: #FFFFFF;
}

#ja-subnav li a.first-item {
	background: none;
}

/* breadcrumbs */
#ja-pathway {
	border-bottom: 1px solid #EEEEEE;
	margin: 0 auto 10px auto;
	padding: 0 0 5px;
}

#ja-pathway strong {
	margin-right: 5px;
}

#ja-pathway a {
}

#ja-pathway img {
	margin: 1px 5px;
}

/* Default Joomla! Menu */
ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu li {
	background: none;
	margin: 0;
	padding: 0;
}

ul.menu li a {
	display: block;
	outline: none;
	padding: 4px 0 6px;

	width: 99%;
	text-decoration: none;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	text-decoration: none;
}

ul.menu li.active a {
	color: #333333;
	font-weight: bold;
}

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

ul.menu li li a {
	background: url(../images/arrow.png) no-repeat 7px 9px !important;
	border: none;
	font-weight: normal !important;
	padding: 2px 0 2px 15px !important;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	color: green;

}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-left, .ja-box-center {
}

/* Top spotlight */
#ja-topsl {
	height: 240px;
	margin: 0 0 10px;
}

/* Bot spotlight */
#ja-botslwrap {
	background: url(../images/botsl-bg.gif) repeat-x left top #333333;
	color: #999999;
	border-bottom: 1px solid #040404;
}

#ja-botsl {}

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

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

#ja-botsl .ja-box-left div.moduletable,
#ja-botsl .ja-box-center div.moduletable  {
	margin: 10px 6px 0 0;
}

#ja-botsl .ja-box-right div.moduletable {
	margin: 10px 0 0 6px;
}

#ja-botsl ul, #ja-botsl ol {
	margin: 0;
	padding: 0;
}

#ja-botsl ol li {
	margin: 0 0 0 20px;
	padding: 0;
	background: none;
}

#ja-botsl ul li {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/bullet.gif) no-repeat 5px 7px;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
	margin: 0 auto 0 auto;
	clear: both;
	border-top: 1px solid #CCCCCC;
	/*background: url(../images/footerbg.png) repeat bottom;
	height:60px;*/
	width: 100%;
	padding-top:10px;
}
#ja-footer-fix {
	text-align:center;
	/*width:45%;*/
}
#ja-footer small a {

}

#ja-footer ul {
	margin: 0;
	padding: 0;
	line-height: normal;
	float: left;
	width:100%;
}

#ja-footer small {

}

#ja-footer li {
	display: inline;
	margin: 0;
	padding: 0 10px;
}

#ja-footer li a {
	display: inline;
	line-height: normal;
	text-decoration:underline;
	background:url("../images/arrow.png") no-repeat scroll 0 4px transparent !important;/* 7px 9px !important;*/
	border: none;
	font-weight: normal !important;
	padding-left: 8px;
}

#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
text-decoration:none;
}

#ja-footer li.ja-firstitem {
	background: none;
	padding-left: 0;
}

.ja-footurl {
	float: none;
	clear: both;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

/* Login Form */
#login-wrap {
}

#login-wrap form {
	float: left;
}

#login-wrap form label {
}

#login-wrap form input.button {
	float: left;
}

#login-wrap form #mod_login_username,
#login-wrap form #mod_login_password {
	width: 78%;
	margin: 0 0 5px 0;
	font-weight: bold;
}

#login-wrap form #mod_login_username {
}

#login-wrap form #mod_login_password{
}

#login-wrap form a {
	padding: 0 5px;
	text-decoration: none;
}

#login-wrap form a:hover,
#login-wrap form a:active,
#login-wrap form a:focus {
	text-decoration: underline;
}

/* Login */
#ja-loginwrap {
	background: url(../images/tool-sep.gif) repeat-y left top;
	float: right;
	padding: 8px 0 10px 10px;
	text-align: right;
}

a.login-switch {
	background: url(../images/icon-user.png) no-repeat left top;
	padding-left: 20px;
	padding-right: 10px;
}

#ja-login {
	padding: 5px 15px 0;
	background: url(../images/trans-bg3.png);
	overflow: hidden;
	position: absolute;
	top: 85px;
	right: 20px;
	display: none;
	z-index: 999;
	height: 50px;
	border: 1px solid #490001;
	text-align: left;
}

#ja-login form {
	float: left;
	margin-top: 5px;
}

#ja-login form label {
	float: left;
}

label.ja-login-user span {
	display: block;
	float: left;
	text-indent: -5000px;
	background: url(../images/icon-user.gif) no-repeat center left;
	width: 20px;
	height: 20px;
}

label.ja-login-password span {
	display: block;
	float: left;
	text-indent: -5000px;
	background: url(../images/icon-key.gif) no-repeat center left;
	width: 20px;
	height: 20px;
}

#ja-login form input.button {
	font-size: 11px !important;
	float: left;
}

#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
	background: #FFFFFF;
	border: 1px solid #490001;
	width: 110px;
	margin: 1px 8px 0 0;
	font-size: 11px !important;
	padding: 2px;
}

#ja-login form a {
	padding: 0 5px 0 10px;
	text-decoration: none;
	background: url(../images/bullet.gif) no-repeat center left;
}

#ja-login form a:hover,
#ja-login form a:active,
#ja-login form a:focus {
	text-decoration: underline;
}

.ja-login-links {
	padding-top: 2px;
	clear: both;
	text-transform: none;
	letter-spacing: normal;
	font-size: 11px;
}

div#login {
	display: inline;
	background: url(../images/vline.gif) no-repeat left center;
	padding-left: 12px;
	padding-right: 8px;
}

div#login .button {
	float: left;
}
.ja-login-links {
	float: right;
}

/* Search */
#ja-search {
	top: 45px;
	right: 0;
	position: absolute;
	background: url(../images/search-form.png) no-repeat left top;
	width: 200px;
	height: 24px;	
}

#ja-search .inputbox {
	border: 1px solid #cccccc;
	padding: 0;
	margin: 5px 0 0 30px;
}

#ja-search .button {
	margin-left: 5px;
}

/*usertool*/
a#ja-cpanel-switcher {
	height: 30px;
	color: #FFFFFF;
	background: url(../images/ja-cpanel-switcher.png) no-repeat left bottom;
	display: block;
	width: 200px;
	text-align: center;
}

a#ja-cpanel-switcher:hover, a#ja-cpanel-switcher:active, a#ja-cpanel-switcher:focus {
	color: yellow;
	text-decoration: none;
}

a#ja-cpanel-switcher span {
	line-height: 30px;
	letter-spacing: 1px;
	font-size: 10px;
	padding-right: 20px;
}

#ja-cpanel-tools {
	color: #999999;
	display: block;
	font-size: 92%;
	right: 0;
	position: absolute;
	width: 200px;
	z-index: 100;
}

#ja-cpanel-tools .show span {
	background: url(../images/ja-cpanel-hide.gif) no-repeat right center;
	cursor: pointer;
}

#ja-cpanel-tools .hide span {
	background: url(../images/ja-cpanel-show.gif) no-repeat right center;
	cursor: pointer;
}

#ja-cpanel {
	background: #151515;
	width: 200px;
	height: auto;
	border-bottom: 1px solid #333333;
}
#cpanel-bottom {
	background: white;
	width: 150px;
	height: auto;
	position: fixed;
	bottom:0;
	border:1px solid #CCC;
	right:35px;
}
#ja-bottomwrap .hide span{
	background:url(../images/ja-cpanel-bottom-show.gif) no-repeat center right;
}
#ja-bottomwrap .show span{
	background:url(../images/ja-cpanel-bottom-hide.gif) no-repeat center right;
}
#ja-usertools {
	float: left;
	padding: 10px 0;
	width: 100%;
}

#ja-usertools span {
	border-bottom: 1px solid #333333;
	display: block;
	padding: 5px 15px;
	color: #FFFFFF;
}

#ja-usertools strong {
	font-weight: normal;
	float: left;
	padding: 0 5px 2px 8px;
	display: block;
}

#ja-usertools ul {
	margin: 0;
	padding: 0;
	float: left;
}

#ja-usertools li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0 5px;
}

#ja-usertools img {}

a#reset-default {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 100px;
}

/*colors*/
#ja-usercolor {
	margin-bottom: 5px;
}

#ja-usercolor ul {
	margin: 10px;
}

/*layout*/
#ja-userlayout {
	margin-bottom: 5px;
}

#ja-userlayout ul {
	margin: 10px;
}

/*fonts*/
#ja-userfont {
	margin-bottom: 10px;
	border-bottom: 1px solid #333333;
}

#ja-userfont span {
	border: none;
	float: left;
	padding-right: 15px;
}

#ja-userfont ul {
	margin-top: 3px;
}

/*others*/
#ja-banner,
#ja-banner1 {
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	display: block;
	margin: 10px 0;
}

.clr {
	clear: both;
}

.hasTip img {
	border: none;
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}

div.ja-innerdiv {
	clear: both;
	margin-bottom: 5px !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #D4D4D4;
}

div.ja-innerdiv img {
	padding: 2px;
	border: 1px solid #CCCCCC;
}

/* JA Highslide */
a.highslide-credits em {
	font-style: normal;
	font-size: 10px !important;
	font-weight: bold;
}

/* Tooltips */
.tool-tip {
	background: #FFFFFF;
	border: 1px solid #F7F7F7;
	float: left;
	max-width: 200px;
	padding: 5px;
}

.tool-title {
	
	background:transparent;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
	max-height: 20px;
	color: green
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	margin: 0;
	padding: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #666666;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #CC0000;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #666666;
	border: none;
}

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

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

.banneritem {
	text-align: center;
}
pre{
	margin: 10px 0 10px 0;
	max-width: 100%;/* 550px;*/
	max-height: 350px;
	overflow: auto;
	background:#f8e1a0;
}
img .adsfloat {
	width: 110px;
	max-height: 300px;
}
img .intro {
	width: 150px;
	max-height: 150px;
	float:left;
	margin: 0 5px 5px 0;
}
img .left {
	width: 150px;
	max-height: 150px;
	float:left;
	margin: 0 5px 5px 0;

}
img.resized {
	max-width: 400px;
	max-height: 400px;
	margin: 5px 0 5px 0; 

}
img.icon {
	max-width: 15px;
	max-height: 15px;
}
p{
	text-align:justify;	
}

.bradius{
/*
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
*/
border: 1px solid #CCCCCC; padding: 10px;
}

/* the specific style rules used to suggest rendering */
/* for the css table design example, starts here */

div.base-layer {
  background: none; border: solid #333333 1px;
  margin: 0.5em 12px 0.5em 12px; width: auto;
}

div.table-row {
  background: none; 
border: 1px solid #000000 ; 
  margin: 0 auto 0 auto;
  padding: 0; text-align: center; width: 100%;
}

/* style rules for the 3 x 2 table example */

div.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;height:100%;
}

div.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;height:100%;
}

/* rules in detail that is used to suggest rendering for the */
/* nobel price winner table example. i still use some of the */
/* generic rules as found above and below, but still..       */

div.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 20%;height:100%;
}

div.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 35%;height:100%;
}

div.right-container13 {
  border: none; float: right; margin: 0; padding: 0; width: 45%;height:100%;
}

/* rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. i still use some of the generic rules as found   */
/* above and below, but still..                                            */

div.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 9%;height:100%;
}

div.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 10%;height:100%;
}
div.left-layer {
  border: none; float: left; margin: 0; padding: 0; width: 15%;height:100%;
}

div.right-layer {
  border: none; float: right; margin: 0; padding: 0; width: 15%;
}
/* watch out for this div... rule, it appears every now and then */

div.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* some rules for captions, headers and running text */

h4.table-caption {
  background: transparent; color: #3333cc; font-family: sans-serif;
  font-size: 1em; font-style: italic; font-weight: bold; margin: 0;
  padding: 0.3em; text-align: center; width: auto;
}

h5.colhdr {
  background: none #ffffcc; border: solid #3333cc 1px; color: #993333;
  font-family: sans-serif; font-size: 1em; font-style: italic;
  font-weight: normal; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  text-align: center; width: auto;
}

p.text {
  border: solid #3333cc 1px; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  font-style: normal; font-size: 1em; text-align: center; text-indent: 0;
  width: auto;
}

/* end of layer specific style rule set */

ul.ja-bulletin {
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.ja-bulletin li {
	margin: 0 0 0 3px;
	padding: 8px 0;
	border-bottom: 1px solid #E6E6E6;
	background: none;
	position: relative;
	width: 100%;
	line-height: normal;
	 
	 clear:both;
}

ul.ja-bulletin img {
	left: 0;
	top: 8px;
	float:left;
	width:70px;
	height: 70px;
}

ul.ja-bulletin div {
	line-height: 1.2;
	display: block;
}

ul.ja-bulletin span {
	font-size: 85%;
	color: red;
}
ul.ja-bulletin small {
	font-size: 70%;

}



#AdsLeft{
	z-index: 999;
	position: absolute; 
	width: 9%; 
}
#AdsRight{

	z-index: 999;

	position: absolute; 

	width: 9%;
}

#syndicate{

 	float:right;

	right: 0;

	top:5px;
}
.article-content{
	text-align: justify;
}

#page-rank {
	 border: 1px solid #CCCCCC;
}
#alexa-rank{
}
.pagenav {
	margin-top:15px;
	width:95%;
}
.pagenav_next
 {
	text-align: right;

	color: blue;

	border:1px solid #cccccc;

	padding:2px 5px;
}
.pagenav_prev
 {

	text-align: left;

	border:1px solid #cccccc;

	padding:2px 5px;

	color: blue;
}

.pagenav_next a:hover,

.pagenav_prev a:hover 
{
	
	text-decoration:none;

}

.pagenav_next a,

.pagenav_prev a {

	color:blue;

}

.pagenavcounter {
	background: url(../images/icon-pages.gif) no-repeat 0 11px;
	font-weight: bold;
	padding: 8px 14px 0 14px;

	font-weight:bold;
}

a.pagenav, a.pagenav:visited {

	color:red;
	margin-top:10px;

}

a.pagenav:hover {

	text-decoration:none;

}

#top-mid{

	position:absolute;

	top: 5px;

	left: 200px;

	float:left;

	height: 70px;

	width: auto;

}

div.crop {

  height: 300px;

  width: 350px;

  overflow: hidden;

}

div.crop img {

  margin: -300px -200px 0 0;


}

.transparent {

	  /*filter:alpha(opacity=0.5);

	  -moz-opacity:0.5;

	  -khtml-opacity: 0.5;

	  opacity: 0.5;
*/
}

.justify{

	text-align:justify;
}
.ja-mod-inner{
	height:auto;
}
.fixtop{
	position:fixed;
	right:0;
	top:0;
	float: right;
}
.fixbot {
	position:fixed;
	right:0;
	bottom:0;
	float: right;
}
.latestnews{
	border-bottom:1px dotted #CCC;
	text-align:justify;
	margin:10px !important;
}

 a.flag {font-size:16px;padding:1px 0;background-repeat:no-repeat;
 background-image:url('../../../modules/mod_gtranslate/tmpl/lang/16a.png');}
a.flag:hover {background-image:url('../../../modules/mod_gtranslate/tmpl/lang/16.png');
}
a.flag img {border:0;}
a.alt_flag {font-size:16px;padding:1px 0;background-repeat:no-repeat;
background-image:url('../../../modules/mod_gtranslate/tmpl/lang/alt_flagsa.png' );
}
a.alt_flag:hover {background-image:url('../../../modules/mod_gtranslate/tmpl/lang/alt_flags.png');}
a.alt_flag img {border:0;}
#jazin-col1,#jazin-col0{width:49%;}
.introHomepage{width:100px;height:100px;}

#ja-containerwrap-m,#ja-containerwrap {
    background: none repeat scroll 0 0 #EEEEEE;
}
#ja-mainnavwrap {
    background: url("../images/header_bg_transparent.png") repeat-x scroll left bottom transparent;
    border-bottom: 1px solid #B4B4B4;
  
}
#ja-header, #ja-mainnav, #ja-subnav, #ja-container, #ja-botsl {
    clear: both;
    margin: 0 auto;
    width: 980px;
}

.column_separator {
    padding: 0;
}
.vaTop{vertical-align: top;}
#ja-current-content {
    border:none;/* 1px solid #CCCCCC; */
}
#ja-footer ul li{background: none;}
#ja-footer {
    background: url("../images/body-bg.gif") repeat-x scroll left -41px;/*url("../images/header_bg_transparent.png")   repeat-x scroll 0 0 transparent;  */
   padding-bottom:10px;
   color:#fff;
}
#ja-footer li a {
color:#CEE2F4;
}
.jazin-content img {
    height: 80px !important;
    margin-right: 10px;
    margin-top: 10px;
    width: 80px !important;
}
.jazin-box {   
    height: 270px;
	}
div.jazin-content { 
    height: 140px; 
    line-height: 16px;
    overflow: hidden; text-align: justify;
}
ul.jazin-links li{line-height:15px;}
#footer-left {
/*float:left;width:25%;*/
	margin-left:10px;
    margin-top: 20px;text-align: center;
}

#footer-right {
	/*float: right;
	text-align:right;*/
}
#footer-right  a span{display:none;}
#cpanel-bottom {
    
    right: 25px;
	}
	#ja-colmass div.module div div div {
    line-height: 16px;
	}
	#cse-search-results iframe{width:100%}
.article-meta {
	width: 100%;
}
.contentpaneopen {
    width: 100%;
}
.ja-wrap-bot table tr td table{width:100%!important;}
.article-section{
   
    padding-left: 5px;  
}
blockquote,pre {
    background: none repeat scroll 0 0 #E6E6E6;
    border: 1px solid #DCDCDC;
    color: #666666;
    font-style: italic;
    margin: 1.5em;
    padding: 1em;
}
/*tet style*/
body#bd {
    background: url("http://static.gox.vn/media/portal/images/backgrounds/bg_content_tet_2.jpg") no-repeat fixed center top transparent;
    
}
#ja-containerwrap-m, #ja-containerwrap {
    background: none repeat scroll 0 0 transparent;
}
#ja-header {
    background: url("http://static.gox.vn/media/portal/images/backgrounds/bg_tet.jpg") repeat-x scroll left top transparent !important;
   
}
#ja-footer {
    background: url("http://static.gox.vn/media/portal/images/backgrounds/bg_tet.jpg") repeat-x scroll left top transparent !important;
    color: #000000;
    padding-bottom: 10px;
}
/*tet style*/