/* CSS Document */

/* CSS Document */
/*------------------------------------------------------------------------

# JA Zibal 1.0 - Sep, 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

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

body {
	margin: 0;
	padding: 0;
	color: #333333;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#4b4b4b;
}
body#bd {
	margin: 0;
	padding: 0;
	background: #E3E3E3;
	text-align: center;
}
body.contentpane {
	width: auto; /* Printable Page */
	margin: 10px;
}
body.fs1 {
/*font-size: 57%;*/
}
body.fs2 {
/*	font-size: 63%;*/
}
body.fs3 {
/*font-size: 69%;*/
}
body.fs4 {
/*font-size: 75%;*/
}
body.fs5 {
/*	font-size: 81%;*/
}
body.fs6 {
/*	font-size: 87%;*/
}
h1 {
	font-size: 1.7em;
}
h2 {
	margin: 10px 0;
	font-size: 1.5em;
}
h3, h4 {
	margin: 10px 0;
	font-size: 1.25em;
}
/* normal text */

#ja-main, #ja-main-f, #ja-footer {
}
/* Title text */

.contentheading, .componentheading, div.moduletable h3, #ja-subnav h3, h1, h2, h3, h4, h5 {
}
/* Normal link */

a {
	color: #4D84A7;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}
p {
	margin: 15px 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	padding-left: 18px;
	/*background: url(../images/arrow-off.gif) no-repeat 3px 6px;*/

	background:url(../images/bullet.gif) no-repeat 1px 6px;
}
 ol{
	
	background:none;
	background-image:none;
	/*background: url(../images/arrow-off.gif) no-repeat 3px 6px;*/
}

li ol{

	background-image:none;
	/*background: url(../images/arrow-off.gif) no-repeat 3px 6px;*/

}
th {
	padding: 4px;
	font-weight: bold;
	text-align: left;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#ja-content fieldset, #ja-content-f fieldset {
	/*	width: 500px;*/
width:100%;
}
fieldset a {
	font-weight: bold;
}
hr {
	border-top: 1px solid #AAAAAA;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}
img {
	border: 0;
}
td, div {
	font-size: 1em;
}
/* FORM

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

form {
	margin: 0;
	padding: 0;
}
input, select {
	font: 11px Tahoma, Arial, sans-serif;
}
select, .inputbox {
	padding: 2px;
}
textarea {
	padding-left: 2px;
}

.button:hover, .button:focus {
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #BABDB6;
}
.inputbox {
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #EDEEEC;
	border-bottom: 1px solid #EDEEEC;
	border-left: 1px solid #BABDB6;
	background: url(../images/shadow.gif) repeat-x top #FFFFFF;
}
.inputbox:hover, .inputbox:focus {
	border: 1px solid #BABDB6;
	background: url(../images/shadow.gif) repeat-x top #FFFFFF;
}
/* MODULE

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

div.modules {
	width: 100%;
}
div.moduletable {
	padding:1px 0px 0 0px;
	width: auto;
	margin-bottom: 0px;
}
div.moduletable h3 {
	margin: 0 -2px 2px 0px;
	padding: 0 18px 0 30px;
	color: #ffffff;
	background:url(../images/blue_background.png) no-repeat left top;
	font-size: 1.0em;
	line-height: 32px;
	text-transform: UPPERCASE;
	height: 32px;
}
/*div.moduletable h3.collapse {

	margin: 0 -12px 10px -13px;

	padding: 0 10px 0 20px;

	color: #666666;

	background: url(../images/h3-bg.gif) no-repeat top #E1E1E1;

	font-size: 1em;

	line-height: 21px;

	text-transform: UPPERCASE;

	height: 22px;

	cursor: pointer;

}

*/

div.moduletable table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:15px 0 10px 0;
}
#main_body_area {
	width:51%;
	float:left;
	margin-top:-20px;
}
/* JOOMLA STYLE

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

table.blog {
}
table.blog .article_seperator {
	display: block;
	height: 7px;
}
table.contentpane {
	border: none;
	width: 100%;
}
table.contentpaneopen {
	border: none;
}
table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
	background-color:#C2D6EB;
	float:right;
}
table.contenttoc td {
	padding: 1px 5px 1px 18px;
	background: url(../images/arrow-off.gif) no-repeat 7px 7px;
}
table.contenttoc th {
	padding: 2px 4px;
	background: #4D84A7;
	color: #FFFFFF;
	text-indent: 5px;
	text-transform: UPPERCASE;
}
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: 400px!important; /*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;
	background: url(../images/bullet.gif) no-repeat center left;
	color: #666666;
	text-transform: uppercase;
}
td.buttonheading {
	padding: 0 3px!important;
	text-align: center;
}
.category {
	font-weight: bold;
}
.clr {
	clear: both;
}
.code, pre {
	border: 1px solid #F0F0C0;
	width: auto;
	padding: 5px;
	background: #FFFFCC;
}
.componentheading {
	margin: -6px -1px 10px 3px;
	padding: 4px 15px 4px;
	color: #666666;
	/*background: #E1E1E1;*/
	font-size: 1.5em;
	/*font-weight: bold;*/
	line-height: normal;
	/*text-transform: UPPERCASE;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.contentdescription {
	padding-bottom: 30px;
}
.contentheading {
	font-size: 1.5em;
	border-bottom:1px solid #999999;
	line-height:20px;
}
table.blog .contentheading {
	color: #4D84A7;
	/*font-size: 1.25em;*/
	font-size:12px;
	font-weight: bold;
}
table.blog a.contentpagetitle {
	color: #4D84A7;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 2px;
}
a.mainlevel {
	padding-left: 10px;
	background: url(../images/arrow-off.gif) no-repeat 0px 5px;
	text-decoration: none;
	color:#000000;
}
a.mainlevel:hover, a.mainlevel:active {
	color:#000000;
	text-decoration: underline;
}
a.sublevel {
	padding-left: 8px;
}
a.readon {
	padding: 1px 3px 1px 12px;
	background: url(../images/arrow-readon-on.gif) no-repeat 4px 5px #4D84A7;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	text-transform: lowercase;
}
a.readon:hover {
	color: #FFFFFF;
	text-decoration: none;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
	padding-left:10px;
}
.createdate {
	color: #AAAAAA;
	font-weight: bold;
	line-height: 10px;
}
.modifydate {
	color: #AAAAAA;
	height: 15px;
}
.error {
	color: #CC0000;
}
.highlight {
	border-bottom: 1px dotted;
	font-weight: bold;
}
.message {
	font-weight: bold;
}
.moduletable {
	padding: 0;
}
.mosimage {
	padding: 0;
	margin: 15px 15px 0 0!important;
	margin: 15px 5px 0 0;
}
.mosimage img {
	padding: 0;
	margin: 0!important;
}
.mosimage_caption {
	margin-top: 2px;
	padding: 1px 2px;
	color: #AAAAAA;
}
.pagenav {
	padding: 2px;/*margin-left:500px;*/
}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
	padding: 1px 4px;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #BABDB6;
	border-right: 1px solid #BABDB6;
	background: url(../images/but-bg.gif) #EFEFEF;
	color: #666666;
	text-decoration: none;
}
a.pagenav:hover, a.pagenav:active, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active, .pagenavbar a:hover, .pagenavbar a:active {
	padding: 1px 4px;
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #BABDB6;
	background: url(../images/but-bg.gif) #EFEFEF;
	color: #666666;
	text-decoration: none;
}
.pagenavbar {
	padding-left: 14px;
	background: url(../images/pages.gif) no-repeat center left;
	color: #666666;
}
.pagenavcounter {
	padding: 8px 14px 0 14px;
	background: url(../images/pages.gif) no-repeat 0 11px;
	color: #666666;
}
.sectiontableheader {
	padding: 1px 4px;
	background: #4D84A7;
	color: #FFFFFF;
	font-weight: bold;
}
.sectiontableheader a, .sectiontableheader a:hover {
	color: #FFFFFF;
}
tr.sectiontableentry1 td {
	padding: 4px;
	background: #F2F2F2;
}
tr.sectiontableentry2 td {
	padding: 4px;
}
.small {
	color: #AAAAAA;
}
.smalldark {
	text-align: left;
}
#banner {
}
/* MAIN LAYOUT DIVS

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

#ja-wrapper {
}
#ja-header-wrap1, #ja-sh-wrap1, #ja-pathway-wrap1, #ja-main-wrap1, #ja-footer-wrap1 {
	text-align: center;
}
#ja-header-wrap2, #ja-sh-wrap2, #ja-pathway-wrap2, #ja-main-wrap2, #ja-footer-wrap2 {
	width: 780px;
	padding-left: 20px;
	margin: auto;
}
#ja-header-wrap3, #ja-sh-wrap3, #ja-pathway-wrap3, #ja-main-wrap3, #ja-footer-wrap3 {
	padding-right: 20px;
}
#ja-header, #ja-sh, #ja-pathway, #ja-main, #ja-footer {
	text-align: left;
}
/* WIDE LAYOUT DIVS WIDTH

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

.wide #ja-header-wrap2, .wide #ja-sh-wrap2, .wide #ja-pathway-wrap2, .wide #ja-main-wrap2, .wide #ja-footer-wrap2 {
	width: 940px;
}
.wide #ja-main {
	background: url(../images/main-wide-bg.gif) repeat-y right #FFFFFF;
}
.wide #ja-main1 {
	background: url(../images/main-wide-bg.gif) repeat-y right #FFFFFF;
}
.wide #ja-content {
	/*width: 688px;*/

	width:460px;
	float: left;/*	background-color:#006699;*/
}
/* 1 column content width */

.wide #ja-content-f {
}
/* HEADER

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

#ja-header-wrap1 {
	background: url(../images/header-wrap1.gif) top;
}
#ja-header-wrap2 {
	background: url(../images/header-wrap2.gif) repeat-y top left;
}
#ja-header-wrap3 {
	background: url(../images/header-wrap3.gif) repeat-y top right;
	position: relative;
}
#ja-header {
	background: url(../images/header-bg.gif) repeat-x left #4D84A7;
	height: 100px;
	/* you can change the heigth of the header here. Maximum height: 250px. */
	position: relative;
	background-position:left;
	width:920px;
}
#ja-header h1 {
	margin: 0;
	padding: 0;
	font-size: 2.5em;
	position: absolute;
	top: 0;
	left: 0;
}
#ja-header h1 img {
	margin: 0;
	padding: 0;
}
#ja-header a {
	color: #000000;
}
#ja-search {
	width:20%;
	/*	background: url(../images/icon-search.gif) no-repeat right;*/

/*	background-position:81% 90%;*/
position: absolute;
	top: 50px;
	right:0px;
}
#ja-search-tool {
	background: url(../images/icon-search.gif) no-repeat 0px 6px;
}
#ja-search-tool .inputbox {
	border: none;
	margin-top: 3px;
	color: #FFFFFF;
	background: transparent;
}
#ja-search .inputbox {
	border: 1px solid #4D84A7;
	color: #4D84A7;
}
#ja-search .inputbox:hover, #ja-search .inputbox:focus {
	border: 1px solid #4D84A7;
}
#ja-usertoolswrap {
	padding: 0;
	background: url(../images/usertools-bg.gif) repeat-x;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
}
#ja-usertools {
/*	padding: 0 18px 0 30px;
	float: left;
	display: block;
	color: #FFFFFF;
	background: url(../images/usertools-leftbg.gif) no-repeat top left;
	font-size: 11px;
	height: 30px;*/
}
#ja-usertools img {
	padding: 6px 4px 2px;
	display: block;
	cursor: pointer;
}
#ja-usertools a {
	padding: 0;
	float: left;
	display: block;
}
#ja-usertools a:hover, #ja-usertools a:active, #ja-usertools a:focus {
	background: #3B6580;
}
/* TOPNAV

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

#ja-topnav {
	border-top: 1px solid #81ABC6;
	border-bottom: 1px solid #81ABC6;
	font-size: 10px;
	text-transform: UPPERCASE;
}
#ja-topnav a {
	/*color: #D9E7EF;*/
	color:#484848;
	font-weight: bold;
}
/* SUBHEADER + SPOTLIGHT

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

#ja-sh-wrap1 {
	background: url(../images/spotlight-wrap1.gif) repeat-x top left #CCCCCC;
	/*border:1px #FF0000 solid;
	height:220px;*/
	display:block;
}
.ja-sh-wrap1_class { height:203px; }
* html .ja-sh-wrap1_class { height:auto; }
#ja-sh-wrap2 {
	background: url(../images/spotlight-wrap2.gif) no-repeat top left;
}
#ja-sh-wrap3 {
	background: url(../images/spotlight-wrap3.gif) no-repeat top right;
}
#ja-sh {
	color: #FFFFFF;/* you can change the heigth of the sub-header here. Maximum height: 498px. */
	/*border-top:1px #336600 solid;*/
	float:left;
}
/* pradeep */

#ja-spotlight {
	margin-top: 20px;
}
.ja-box {
	float: left;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #FFFFFF;
	background: #EFEFEF;
	width:400px;/*overflow: hidden;*/
}
#ja-spotlight h3 {
	margin: 0 0 5px;
	padding: 5px 0 0 18px;
	background: url(../images/bullet.gif) no-repeat 5px 12px;
}
#ja-spotlight div.moduletable {
	padding: 0 5px;
	margin-bottom: 0;
	background: none!important;
}
#ja-spotlight ul {
	padding: 0;
	margin: 0;
}
#ja-spotlight li {
	padding: 0;
	margin: 0;
	background: none;
	height: 20px;
}
#ja-spotlight li a {
	padding: 0 5px 0 18px;
	display: block;
	background: url(../images/arrow-off.gif) no-repeat 7px 8px;
	line-height: 20px;
}
#ja-spotlight li a:hover {
	background: url(../images/arrow-off.gif) no-repeat 7px 8px #E1E1E1;
	text-decoration: none;
}
#ja-spotlight td {
	padding: 0 5px;
}
/* PATHWAY

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

#ja-pathway-wrap1 {
	background: url(../images/pathway-wrap1.gif) left top #447493 repeat-x;
	
	/*border:1px #FF0000 solid;*/
	float:left;
	width:100%;
}
#ja-pathway-wrap2 {
	background: url(../images/pathway-wrap2.gif) repeat-y top left;
}
#ja-pathway-wrap3 {
	background: url(../images/pathway-wrap3.gif) repeat-y top right;
}
#ja-pathway {
	margin: 0;
	padding: 4px 15px;
	border-top: 1px solid #81ABC6;
	background: #4D84A7;
	color: #FFFFFF;
	line-height: normal;
}
#ja-pathway a {
	color: #FFFFFF;
	text-decoration: none;
}
#ja-pathway img {
	margin: 0 5px;
}
#ja-pathway strong {
	margin-right: 8px;
}
/* CONTENT COLUMN

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

#ja-main-wrap1 {
	background: url(../images/main-wrap1.gif) repeat-x top #EFEFEF;
}
* html .ja-main-wrap1_home { margin-top:-28px !important; }
#ja-main-wrap2 {
	background: url(../images/main-wrap2.gif) repeat-y top left;
}
#ja-main-wrap3 {
	background: url(../images/main-wrap3.gif) repeat-y top right;
}
#ja-main {
}
/* 1 column content wrap */

#ja-main-f {
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF;
	text-align: left;
}
/* 2 columns content width */

#ja-content {
	/*	width: 538px;*/
float: left;/*width:40%;*/
}
#ja-mainbody {
	/*padding: 2px 2px 20px 2px;*/

	padding: 15px 2px 20px 2px;
	font-size:110%;
}
/* 1 column content width */

#ja-content-f {
}
/* LEFT COLUMN

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

#ja-sidecol {
	/*	width: 190px;
	float: right;*/
	margin-bottom: 10px;
}
#ja-sidecol table {
	border-collapse: collapse;
}
#ja-sidecol a.mainlevel {
}
#ja-sidecol ul.mainlevel {
	padding-left: 20px;
	background: url(../images/arrow-off.gif) no-repeat 5px 10px;
}
#ja-sidecol ul.mainlevel:hover {
	background: url(../images/arrow-on.gif) no-repeat 5px 4px;
}
#ja-sidecol a.sublevel {
	padding-left: 3px;
}
#ja-sidecol .article_seperator {
	display: none;
}
/* FOOTER

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

#ja-footer-wrap1 {
	clear: both;
	background: url(../images/footer-wrap1.jpg) top #CCCCCC;
	height: 100%;
}
#ja-footer-wrap2 {
	background: url(../images/footer-wrap2.jpg) repeat-y top left;
}
#ja-footer-wrap3 {
	background: url(../images/footer-wrap3.jpg) repeat-y top right;
}
#ja-footer {
	padding: 15px 0;
	border-top: 1px solid #FFFFFF;
	background: url(../images/footer-bg.jpg) no-repeat top left #4D84A7;
	color: #D9E7EF;
	position: relative;
	height: 100%;
}
#ja-footer p {
	padding-right: 15px;
	padding-left: 15px;
}
#ja-footer ul#mainlevel-nav, #ja-footer ul#mainlevel {
	padding-left: 5px;
}
#ja-footer ul#mainlevel li, #ja-footer ul#mainlevel-nav li {
	padding: 0;
	display: inline;
	background: none;
}
#ja-footer a {
	color: #FFFFFF;
}
#ja-footer ul a {
	padding: 2px 10px;
	color: #FFFFFF;
}
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
	background: #447493;
	text-decoration: none;
}
#ja-bottomline {
	padding: 0;
 padding-left:
 margin: 10px 0 0;
}
#ja-bottomline a {
	padding: 0;
}
#ja-cert {
	position: absolute;
	top: 30px;
	right: 10px;
}
#ja-cert a:hover, #ja-cert a:active, #ja-cert a:focus {
	background: none;
}
/* MISCELLANOUS

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

div.back_button a, div.back_button a:hover, div.back_button a:active {
	margin: 10px 0;
	display: block;
	color: #AAAAAA;
	text-decoration: none;
}
#mod_login_password, #mod_login_username {
	width: 140px;
}
#mod_login_password {
}
#mod_login_username {
}
#mod_login_remember {
	border: none;
	background: none;
}
#mod_search_searchword {
	width: 140px;
}
/* Text Shadow */

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	width: 100%;
	display: block;
}
* html .clearfix {
	height: 1%; /* End hide from IE-mac */
}
/* Firefox Scrollbar Hack - Do not remove */

html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
#right {
	width:22%;
	margin-left:20px;
*margin-left:2px;
}
#home {
	width:50%;
	float:left;
	margin: 0 10px 0 10px;
}
.top {
	float:right;
}
.green_heading {
	color:#769B2F;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.background_right {
	background-image:url(../../../images/about_us/background.jpg);
	width:200px;
	height:136px;
}
.home_latest_news {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#474747;
}
.center_panel_height {
	/*padding-bottom:20px;*/
	float:left;
	height:221px;
	*padding-bottom:0px;
}
#rss {
	width:700px;
	padding-left:10px;
	height:20px;
	background-position:center;
}
.copy {
	padding-left:10px;
}
#user2_home {
	margin-top:10px;
	padding:5px;
}
.menu_gradient {
	background-image:url(../images/opaque.png);
}
.left {
	float:left;
	width:215px;
}
.maindiv {
	width:100%;
}
.center_content {
	width:670px;
	float:left;
	padding-left:2px;
}
.right_panel {
	width:220px;
	float:left;
	padding-left:0px;
	background-color:#EFEFEF;
}
.float_right {
	margin:2px 0 0 8px;
	float:right;
}
/* - for image right side padding---*/

.float_left {
	margin:2px 8px 0 0;
	float:left;
}
.front_color a {
	color:#000066;
	font-weight:bold;
}
.dn-whole{
padding: 10px 2px 10px 2px;
}
#search-inside { position:absolute;top:320px; right:100px; }
.search-inside_search table {float:left; }
#tmenu204  .havechild-mainlevel-trans-last li li{
float:left;
margin-left:-4000px;
}

#ja-mainnav { /*float:left !important;*/ height:30px !important; background-color:#F1A856; width:920px; float:left; }
#ja-mainnav.clearfix { /*float:left !important;*/ height:30px !important; background-color:#F1A856; width:920px; float:left; }
* html #ja-topnav { /*margin-bottom:-227px !important;*/ margin-bottom:-227px !important; height:30px !important; }
* html #ja-sh .jamod-content { position:absolute; }
* html #ja-pathway-wrap1 { margin-top:170px; }
* html #ja-pathway-wrap1.home_path { margin-top:-37px !important; }
#ja-pathway-wrap1.home_path { margin-bottom:19px !important; }
/** html #ja-sh-wrap1 { height:220px !important; }
* html .ja-topnav_home { margin-bottom:-247px !important; }*/