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







# JA Mercury 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







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







/* Import Sun CSS 























@import url("advanced.css");



@import url("exporter.css");



@import url("services.css");







*/















/* COMMON STYLE







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







body {







	color: #333333;







	







}















.clr {







	clear: both;







}















body#bd {







	background:url(../images/bdiBackground.gif);







	margin: 0px auto;







	color: #404040;







	font-size: 11px;







	font: 70%/1.5 Tahoma, Arial, sans-serif;







	text-align: left;







	padding: 0;







}















body.contentpane {







	width: auto;







	margin: 10px;







	line-height: 140%;







}















h1 {







	font-size: 1.7em;







}















h2 {







	margin: 10px 0;







	font-size: 1.45em;







}















h3, h4 {







	margin: 10px 0;







	padding: 0;







	font-size: 1.2em;







}















form {







	margin: 0;







	padding: 0;







}















/* Small text */







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







.blog_more, .pagenavcounter, .pagenav, .pagenavbar, .contenttoc, 







#ja-spotlight-1, #ja-spotlight-2, #ja-rightcol, #ja-footer, #ja-bottomline {







	font-size: 11px;







}















/* Normal link #4F89D2 */







a {







	color: #0b4599;



	font-size: 11px;



	text-decoration:none;







}















a:hover, a:active {







	color: #CC3300;







	text-decoration: underline;	







}















p {







	margin: 10px 0;







}















ul {







	margin: 0;







	padding: 0;







	list-style: none;







}















li {







	/*padding-left: 12px;







	background: url(../images/arrow-readon-on.gif) 3px 6px no-repeat;*/







}















th {







	padding: 4px;







	font-weight: bold;







	font-size: 12px;







	text-align: left;







}















fieldset {







	border: none;







	margin: 0;







	padding: 0;







}















fieldset a {







	font-weight: bold;







}















hr {







	border-top: 1px solid #999999;







	border-right: 0;







	border-left: 0;







	border-bottom: 0;







	height: 1px;







}















img {







	border: 0;







	padding: 0;







	margin-left: 15px;







}















/* JOOMLA! STYLE







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







table.blog {







	width: auto;







}















table.blog .article_seperator {







}















a.readon {







	background: #F1F1F1;







	color: #990000;







	font-size: 10px;







	padding: 1px 5px;







	text-decoration: none;







}















a.readon:hover {







	text-decoration: underline;







}















table.polls {







	width: 100%;







}















table.pollstableborder {







	padding-right: 10px;







	width: 100%;







	border-color: #FFFFFF;







	text-align: left;







}















table.pollstableborder img {







	margin: 4px 4px 4px 0;







}















.syndicate {







	padding: 6px 25px 0px 0px;







	margin-left: 18px;







}















div.syndicate a {







	padding-right: 30px;







	margin: 0;







}















table.contentpaneopen td, table.contentpane td {







	padding: 0;







	margin: 0;







	border: none;







}















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







	width: 100%;







	margin-right: 10px;







}















.createdate {







	color: #999999;







	font-weight: bold;







	line-height: 10px;







}















.modifydate {







	color: #999999;







	height: 15px;







}















.error {







	color: #CC0000;







}















.highlight {







	border-bottom: 1px dotted;







	font-weight: bold;







}















.mosimage {







	padding: 0;







	margin: 15px 10px 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;







}















a.pagenav,







.pagenav_prev a,







.pagenav_next a,







.pagenavbar a {







	padding: 0 5px 1px;







	border: 1px solid #CCCCCC;







	background: #EEEEEE;







	color: #666666;







	text-decoration: none;







}















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 {







	background: #D2D2D2!important;







	border: 1px solid #DDDAB5;







	text-decoration: none!important;







}















.pagenavbar {







	padding-left: 14px;







	color: #666666;







}















.pagenavcounter {







	padding: 8px 14px 0 14px;







	color: #666666;







}















.sectiontableheader {







	padding: 1px 4px;







	background: #990000;







	color: #FFFFFF;







	font-weight: bold;







}















.sectiontableheader a, .sectiontableheader a:hover {







	color: #FFFFFF;







}















tr.sectiontableentry1 td {







	padding: 4px;







	background: #EEEEEE;







}















tr.sectiontableentry2 td {







	padding: 4px;







}















.small {







	color: #999999;







}















.button {







	padding: 1px 2px;







	background: #990000;







	border: none;







	color: #FFFFFF;







	font-size: 10px;







	font-weight: bold; 







}















div.back_button a,







div.back_button a:hover,







div.back_button a:active {







	margin: 10px 0;







	display: block;







	color: #999999;







	text-decoration: none!important;







	background: none!important;







}















.buttonheading {







	padding-right: 15px;







}















.toclink {







	margin-left: 10px;







}















.toclink th {







}















.contentheading {







	color: #B12A2A;







	font-size: 13px;







	font-weight: bold;







	text-transform: uppercase;







}















.componentheading {







	color: #404040;







	font-size: 18px;







	font-weight: bold;







	padding: 5px 0;







}















/* WIDE LAYOUT DIVS WIDTH







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







.wide #ja-wrapper1,







.wide #ja-wrapper2,







.wide #ja-wrapper3,







.wide #ja-wrapper- {







	width: 990px;







	margin: 0px auto;







	padding: 0;







}















.wide #ja-top-modules  {







	width: 990px;







}















.wide #ja-topnav-inner {







	width: 990px;







}















.wide #ja-content {







	width: 554px;







	margin-left: 10px;
	
	margin-right: 10px;







}















.wide #ja-leftcol {







	width: 140px;







}















.wide #ja-rightcol-outer {







	width: 130px;







}















.wide #ja-rightcol {
	width: 136px;
	margin-left: 20px;
	margin-right: 5px;
}



.wide #ja-rightcol-1 {
	width: 98px;
}











.wide #ja-rightcol #ja-newsflash {







	width: 138px;







	height: 156px;







}















.wide #ja-content-full-right {







	width: 762px;







	margin-left: 5px;







	float: left;







}















.wide #ja-content-full-left {







	width: 762px;







	margin-right: 5px;







	float: right;







}















.wide #ja-top-modules-inner {







	position: relative;







	width: 980px;







	margin: 0px auto;







}















.wide #ja-footer-inner {







	width: 980px;







}















/* 1 column content width */







.wide #ja-content-f {







	width: 980px;







	margin: 0px auto;







}















/* WRAPPER MODULES */







#ja-wrapper- {







	background: #FFFFFF;







	width: 770px;







	margin: 0px auto;







	padding: 0;







}















#ja-wrapper2 {







	background: #FFFFFF;







	width: 770px;







	margin: 0px auto;







	padding: 0;







}















#ja-wrapper3 {















}















/* HEADER */







#ja-header-outer {







	background: url(../images/header-bg.gif);







	height: 160px;







	border-bottom: 1px solid #990000;







}















#ja-header {







	background: url(../images/image01.jpg) no-repeat center;







	height: 160px;







	margin: 0px auto;







}















#ja-gray-bar {







	background: url(../images/gray-bar.gif) top repeat-x;







	height: 14px;







}















/* TOP MODULES */















#ja-top {







	background: url(../images/header-bg.gif);







	border-bottom: 1px solid #990000;







	/*background: #F1F1F1;*/







}















#ja-top-modules {







	margin: 0px auto;







	width: 770px;







	height: 90px;







	background: url(../images/header-bg.gif);







	border-bottom: 1px solid #990000;







	/*background: #F1F1F1;*/







}















/* LOGO */







#ja-logo {







	float: left;







	width: 190px;







}















#ja-logo img {







	margin: 0px;







}















/* BDI bg */







#bdi-bg {







	float: left;







	width: 550px;







}















#bdi-bg img {







	margin: 0px;







}















/* BDI Search */







.search_outer {float:left;padding:0px;margin-top:0px;width:213px;height:90px;}















.search_inner {text-align:center;padding:0px;margin-top:5px;}















.search_inner .inputbox{background:white;color:#6fbaf0;font-size:10px;font-weight:bold;}















.searchbutton {width:61px;height:20px;padding:0px;margin-top:5px;}















.advsearch {padding-top:12px !important;padding-top:7px;}























/* TOPNAV







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







#ja-topnav {







	clear: left;







	font-size: 11px;







	border-bottom: 4px solid #990000;







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







	margin: 0;







	padding: 0;







}















#ja-topnav-inner {







	width: 770px;







	margin: 0px auto;







}















#ja-topnav a {







	color: #404040;







	font-weight: bold;







	text-decoration: none;







	text-transform: uppercase;







}















#ja-topnav a:hover {







	text-decoration: none;







}















#ja-topnav ul {







	margin: 0;







	padding: 0;







}















#ja-topnav li {







	margin: 0;







	padding: 0;







}















/* LEFTCOL */







#ja-leftcol {







	width: 140px;







	float: left;







	color: #000000;







	font-size: 1em;



	padding-left:5px;







}















#ja-leftcol .moduletable, #ja-leftcol .moduletable_menu {







	margin-bottom: 16px;







	padding-bottom: 6px;







	background: url(../images/top-bg.gif) left top;







	border-bottom: 2px solid #E1E1E1;







	border-left: 1px solid #E1E1E1;







	border-right: 1px solid #E1E1E1;



	



	font-weight:bold;



	







}















#ja-leftcol .moduletable td {







	padding-left: 5px;







}















#ja-leftcol .moduletable h3, #ja-leftcol .moduletable_menu h3 {







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







	padding-left: 24px;







	padding-top: 4px;







	height: 27px;







	color: #595959;







	font-size: 13px;







	font-weight: bold;







	text-transform: uppercase;







	border: none;







}















#ja-leftcol .moduletable ul li {







	background: none;







}















#ja-leftcol .moduletable ul li a, #ja-leftcol .moduletable_menu ul li a {







	padding-left: 15px;







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







	color: #404040;







	font-size: 11px;







	font-weight: bold;







	text-decoration: none;







	line-height: 2.2em;







}















#ja-leftcol .moduletable ul li a:hover, #ja-leftcol .moduletable_menu ul li a:hover {







	color: #000000;







}















/* LOGIN */







#mod_login_password, #mod_login_username {







	width: 110px;







	padding-left: 7px;







	border: 1px solid #7D7D7D;







}















#mod_login_password {







}















#mod_login_username {















}















#mod_login_remember {







	border: none;







	padding: 0!important;







}















/* SEARCH */







#ja-search {







	float: right;







	padding-top: 55px;







}















#ja-search .inputbox {







	background: #FFFFFF;







	border: 1px solid #7D7D7D;







	padding-left: 6px;







	width: 150px;







	font-size: 10px;







}























/* PATHWAY */















#ja-pathway-outer {







	height: 20px;







	width: 770px;







	margin: 0px auto;







	margin-bottom: 4px;







}















.wide #ja-pathway-outer {







	width: 990px;







}















.wide #ja-usertools img {







	margin: 4px 4px 0px 14px;







}















.wide #ja-usertools {







	width: 196px;







}















#ja-pathway {







	float: left;







	padding-left: 10px;







}















.pathway img {







	padding: 0px 6px;







	margin: 0;







}















#ja-usertools {







	float: right;







	width: 158px;







	margin: 0px auto;







}















#ja-usertools img {







	cursor: pointer;







	margin: 6px 5px 0px 6px;







}















#ja-usertools a {







}















/* CONTENT */







#ja-content {







	width: 400px;







	float: left;







	margin-left: 5px;







	margin-right: 15px; 







}















/* 2 column content [on the left] width */







#ja-content-full-left {







	margin-right: 20px;







	width: 580px;







	float: left;







}















/* 2 column content [on the right] width */







#ja-content-full-right {







	margin-left: 20px;







	width: 580px;







	float: left;







}















/* 1 column content width */







#ja-content-full {







	margin: 0 15px 0;







}























/* RIGHTCOL */







#ja-rightcol {


	float: left;


	margin-left: 25px;

	margin-right: 10px;




	width: 128px;







	font-size: 1em;







	clear: right;
	







}


#ja-rightcol-1 {
	float: right;


	margin-left: 10px;

	
	width: 98px;
	font-size: 1em;

	clear: right;
}












#ja-rightcol .moduletable {







	padding: 6px 8px 8px 6px;







	margin-bottom: 16px;







	border-top: 2px solid #990000;







	border-left: 1px solid #E8E8E8;







	border-right: 1px solid #E8E8E8;







	border-bottom: 2px solid #E8E8E8;







}















#ja-rightcol .moduletable h3 {







	background: none;







	color: #404040;







	font-size: 11px;







	font-weight: bold;







	text-transform: uppercase;







}















#ja-rightcol .moduletable ul li a {







	padding-left: 13px;







	color: #888888;







	font-size: 11px;







	font-weight: bold;







	text-decoration: none;







	line-height: 1.8em;







}















#ja-rightcol #ja-newsflash {







	height: 158px;







	overflow: hidden;







	margin-bottom: 16px;







	border-bottom: 2px solid #E8E8E8;







}















#ja-newsflash table {







	border-collapse: collapse; 







	margin: 0;







	padding: 0;







}















#ja-newsflash .moduletable h3 {







	background: none;







	color: #404040;







	padding: 0;







	margin: 0;







	







}















/* FOOTER */







#ja-footer {







	border-top: 4px solid #990000;







	background: #F1F1F1;







	height: 60px;







	clear: both;







}















#ja-footer-inner {







	width: 770px;







	margin: 0px auto;







	padding: 0;







}















#ja-footer-inner img {







	margin: 0;







	padding: 0;







	border: none;







}















#but-css {







	float: right;







	margin-top: 15px;







}















#but-xhtml {







	float: right;







	margin-right: 20px;







	margin-top: 15px;







}















#copyright {







	float: left;







	font-size: 11px;







	color: #8D8C90;







	margin-top: 12px;







}















/* 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 {







}















#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;







}