/*------------------------------------------------------------------------# JA Teline II 1.0 - April, 2008# ------------------------------------------------------------------------# Copyright (C) 2004-2008 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--------------------------------------------------------- */html, body, form, fieldset {	margin: 0;	padding: 0;}body {	background: #FFFFFF;	color: #000000;	font: 12px Verdana, Georgia, Arial, sans-serif;	line-height: 1.5;}body#bd {	color: #333333;	background: #FFFFFF;}body.contentpane {	color: #000000;	font-size: 12px;	line-height: 1.0em;	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: #006699;	text-decoration: none;}a:hover, a:active, a:focus {	color: #CC0000;	text-decoration: underline;}a img {	border: none;}/* Title text for both FP and Content - by default fp next and modules are bold */.contentheading, .componentheading, h1, h2, h3, h4 {	font-family: Verdana, Arial, sans-serif;	line-height: 1.0;}/* Small text */small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,p.site-slogan, a.readon, #ja-pathway, #ja-footer {	font-size: 92%:;}small, .small {	color: #999999;} img {	margin: 0;	padding: 0px; //this is where images can be padded for both the front page and content articles}img.caption {	margin-top: 5px;}.img_caption {	color: #999999;}/* Heading */h1 {font-size: 225%; font-weight: normal;}h2 {font-size: 150%; font-weight: normal;}h3 {font-size: 150%; font-weight: normal;}h4 {font-size: 105%; font-weight: normal;}p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {	margin: 10px 0;	padding: 0;}ul {	list-style: none;}ul li {	background: url(../images/bullet.gif) no-repeat 18px 7px;	line-height: 160%;	padding-left: 30px;}ol li {	line-height: 180%;	margin-left: 35px;}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, sans-serif;	font-size: 100%;}.inputbox {	border: 1px inset #ABABAB;	padding: 3px 3px;	color: #333333;	background: #FFFFFF;}.button {	padding: 2px 8px;	border: 1px outset #ABABAB;	background: #F7F7F7;	font-size: 100%;	font-weight: bold;}* 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: 30px;	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: #EBF2F9;}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: 50px!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: 250%;	font-weight: normal;	border-bottom: 5px solid #ABABAB; }.contentdescription {	display: block;	padding: 10px;	margin: 10px 0;	font-family: Cambria, "Times New Roman", Times, serif;	font-size: 125%;	border-top: 1px solid #CCCCCC;	border-bottom: 1px solid #CCCCCC;	background: #F7F7F7;	font-style: italic;}h2.contentheading, .contentheading {	margin: 0;	padding: 0 8px 0 0;}.contentheading {	font-size: 250%;}table.blog .contentheading {	font-size: 185%;}a.contentpagetitle {	font-size: h3;	}a.contentpagetitle:hover,a.contentpagetitle:active,a.contentpagetitle:focus {}a.readon {	display: block;	float: left;	text-align: center;	clear: both;	padding: 0 5px;	text-transform: lowercase;		color: #999999;}a.readon:hover, a.readon:active, a.readon:focus {	background: #006699;	color: #FFFFFF;	text-decoration: none;}table.contentpaneopen td, table.contentpane td {}table.contentpaneopen, table.contentpane, table.blog {	width: 100%;}.moduletable {	padding: 0;}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: #ABABAB;	position: relative;}.article-meta {	padding: 0;	width: 70%;	float: left;	text-transform: uppercase;}.article-section, .article-category {	color: #999999;	font-size: 92%;	text-transform: uppercase;}.createby {	padding: 3px 5px 3px 5px;	text-transform: uppercase;}.createdate {	padding: 3px 5px 3px 0;	background: url(../images/vline.gif) no-repeat right;}.modifydate {	text-transform: uppercase;	color: #ABABAB;}div.buttonheading {	position: absolute;	top: -25px;	right: 0;	width: 62px;	padding: 3px;}.buttonheading img {	margin: 0 5px 0 0;	border: 0;	float: right;}/* MAIN LAYOUT DIVS--------------------------------------------------------- */#ja-wrapper {	padding: 0;}#ja-header,#ja-mainnav,#ja-subnav,#ja-container,#ja-footer {	width: 970px;	margin: 0 auto;	clear: both;	}.auto #ja-header,.auto #ja-mainnav,.auto #ja-subnav,.auto #ja-container,.auto #ja-footer {	width: 98%;}#ja-container {	background: url(../images/vline.gif) repeat-y 65% 0;}#ja-container-inner {	background: url(../images/vline.gif) repeat-y 83% 0;}/* PRIMARY COLUMN--------------------------------------------------------- */#ja-content {	clear: both;	display: block;	float: left;	width: 65%;}#ja-content div.ja-innerpad {	padding: 0 15px 0 0;}/* COLUMNS--------------------------------------------------------- */#ja-colwrap {	float: right;	overflow: hidden;	width: 34.9%;}#ja-colmass, ja-cols {	clear: both;	width: 100%;} /*masstop*/#ja-colmass  {	background: #FFFFFF;}#ja-colmass div.ja-innerpad {	padding: 0 0 0 10px;	background: #FFFFFF;}/*columns*/#ja-col1 {	float: left;	overflow: hidden;	width: 50%;	clear: both;}#ja-col1 div.ja-innerpad {	padding: 0 8px 0 10px;}#ja-col2 div.ja-innerpad {	padding: 0 0 0 15px;}#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 {}#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 {	margin: 10px 0;	clear: both;}/* full */#ja-containerwrap-f #ja-container , #ja-containerwrap-f #ja-container-inner  {	background: #FFFFFF;	}#ja-containerwrap-f #ja-content {	width: 100%;}/* content + col + mass */#ja-containerwrap-cm #ja-container {	background: url(../images/hline.gif) repeat-y 65% 0;}#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 {	background: url(../images/hline.gif) repeat-y 83% 0;}#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%;}/* content + mass */#ja-containerwrap-m #ja-container {	background: url(../images/hline.gif) repeat-y 65% 0;}#ja-containerwrap-m #ja-container-inner {	background: none;}/* MODULE--------------------------------------------------------- */div.moduletable h3 {	margin: 0 0 5px;	padding: 5px 0;	font-size: 125%;	color:#990000;	border-bottom: 1px solid #CCCCCC;	border-top: 1px solid #CCCCCC;	background: #E9EFFF;}div.moduletable_menu h3,div.moduletable_text h3,div.moduletable_hilite h3 {	margin: 0 0 5px;	padding: 5px 0;	font-size: 125%;}div.moduletable,div.moduletable_menu,div.moduletable_text,div.moduletable_hilite {		margin: 0 0 20px;	padding: 0 1px;}/*colmass module */#ja-colmass div.moduletable  {	border-bottom: 1px solid #CCCCCC;	padding: 0 10px 10px;	background: #E9EFFF;}#ja-colmass div.moduletable h3 {	border-bottom: 1px solid #DDDDDD;	margin: 0 -10px 10px;	padding: 5px 10px;	color: #006699;	background: #FFFFFF;}/*botsl module */#ja-botsl div.moduletable  {	border-right: 1px solid #CCCCCC;	border-left: 1px solid #CCCCCC;	border-bottom: 1px solid #CCCCCC;	padding: 0 10px 10px;	background: #F7F7F7;}#ja-botsl div.moduletable h3 {	border-bottom: 1px solid #DDDDDD;	margin: 0 -10px 10px;	padding: 5px 10px;	color: #006699;	background: #FFFFFF;}/*media module */#ja-colmass div.moduletable_media  {	padding: 0;	margin: 0 0 20px;	border-bottom: 1px solid #ABABAB;}#ja-colmass div.moduletable_media h3 {	border: 1px solid #DDDDDD;	margin: 0;	padding: 5px 10px;	color: #006699;	font-size: 125%;	background: url(../images/icon-video.gif) no-repeat 95% 50%;}/* 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: 16px;}/* HEADER--------------------------------------------------------- */#ja-headerwrap {}#ja-header {	height: 45px;	line-height: normal;	position: relative;}h1.logo, h1.logo-text {	margin: 0;	padding: 0;	font-size: 175%;}h1.logo a {	width: 278px;	display: block;	background: url(../images/logo.gif) no-repeat;	position: absolute;	height: 42px;	top: 2px;	left: 0;}h1.logo a span {	position: absolute;	top: -1000px;}h1.logo-text a {	outline: none;	position: absolute;	top: 15px;	left: 5px;	letter-spacing: 1px;	font-weight: ;}p.site-slogan {	margin: 0;	padding: 1px;	color: #999999;	position: absolute;	top: 45px;	left: 15px;	letter-spacing: 1px;}/*Head Tools*/#ja-headtools {	top: 10px;	right: 0;	position: absolute;	border: 1px solid #FFFFFF;}#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 {	border-bottom: 5px solid #666666;}#ja-mainnav {	border-top: 1px solid #CCCCCC;	border-right: 1px solid #CCCCCC;	border-left: 1px solid #CCCCCC;	background: #FFFFFF;}#ja-mainnav a, #ja-subnav a {	outline: none;}#ja-subnavwrap {	display: block;	border-bottom: 1px solid #CCCCCC;	background: #F7F7F7;}#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: 5px 10px 3px;	background: url(../images/vline.gif) no-repeat left center;	color: #333333;}#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: #006699;}#ja-subnav li a.first-item {	background: none;}/* breadcrumbs */#ja-pathway {	padding: 0 2px;}#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: #004B80;	margin: 0;	padding: 0;}ul.menu li a {	display: block;	outline: none;	padding: 4px 0 6px;	background: url(../images/dot.gif) repeat-x bottom;}ul.menu li a:hover,ul.menu li a:active,ul.menu li a:focus {}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: #333333;}/* 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-botsl {	padding: 1px 0 20px;}#ja-botsl .ja-box-left 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;}#ja-botsl ul li {	margin: 0;	padding: 0 0 0 15px;	background: url(../images/bullet.gif) no-repeat 5px 7px;}/* FOOTER--------------------------------------------------------- */#ja-footerwrap {	background: #FFFFFF;	clear: both;}#ja-footer {	border-top: 2px solid #ABABAB;	color: #666666;	position: relative;	padding: 10px 0;}#ja-footer small {	color: #999999;	font-size: 100%;}#ja-footer ul {	margin: 0;	padding: 0;	line-height: normal;}#ja-footer li {	display: inline;	margin: 0;	padding: 0 10px;	background: url(../images/vline.gif) no-repeat center left;}#ja-footer li a {	display: inline;	line-height: normal;}#ja-footer li.ja-firstitem {	background: none;	padding-left: 0;	color: #999999;}.ja-footurl {	float: none;	clear: both;}.ja-cert {	position: absolute;	right: 0px;	top: 20px;}.ja-cert a {	margin: 0 0 0 5px;	padding: 0;	border: none;	border: none;	text-decoration: none;}.ja-cert a span {	display: none;}.ja-cert a img {	border: none;}/* MISCELLANOUS----------------------------------------------------------- */ul.accessibility {	position: absolute;	top: -100%;}/* Login Form */#ja-login {}#ja-login form {	float: left;}#ja-login form label {	float: left;}label.ja-login-user span,label.ja-login-password span {	display: none;}#ja-login form input.button {	float: left;}#ja-login form #mod_login_username,#ja-login form #mod_login_password {	width: 100px;	margin: 1px 8px 0 0;	font-weight: bold;	padding-left: 20px;}#ja-login form #mod_login_username {	background: url(../images/icon-user.gif) no-repeat 4px 5px #FFFFFF;}#ja-login form #mod_login_password{	background: url(../images/icon-key.gif) no-repeat 4px 5px #FFFFFF;}#ja-login form a {	padding: 0 5px;	text-decoration: none;}#ja-login form a:hover,#ja-login form a:active,#ja-login form a:focus {	text-decoration: underline;}.ja-login-links {	padding: 10px 0 0 0;	clear: both;}/* Register Form */#id_highslide_signup_1 .inputbox {	width: 200px;}/* Search */#ja-search .inputbox {	width: 130px;	background: url(../images/icon-search.gif) no-repeat 4px 5px #FFFFFF;	padding-left: 20px;	font-weight: bold;}#ja-search .button {	margin-left: 5px;	}/*usertool*/#ja-usertools {	float: left;	padding-top: 3px;	color:#999999}#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: 1px 0 0;}#ja-usertools li img:hover {	border: 1px solid #999999;	margin: 0;	background: #FFFFFF;}#ja-usertools img {	padding: 2px;	margin: 1px;}/*others*/.ja-day {	float: left;	padding: 2px 0 0;	color: #999999;}.ja-day span, .ja-day div {	display: block;	float: left;	padding: 0 2px;	}.ja-day span {	padding: 1px 5px;}.ja-day div {	padding: 1px 5px;		color: #999999;}#ja-banner {	margin: 0;	padding-top: 15px;	text-align: center;	overflow: hidden;	width: 100%;	border-top: 1px solid #CCCCCC;}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;	margin: 10px 5px 0 0;}div.ja-innerdiv {	clear: both;	margin-bottom: 10px;	padding-bottom: 10px;	border-bottom: 1px solid #CCCCCC;}div.ja-innerdiv img {	padding: 2px;	border: 1px solid #CCCCCC;	margin: 2px 8px 0 0;}/* JA Highslide */a.highslide-credits em {	font-style: normal;	font-size: 11px !important;	font-weight: bold;}/* Tooltips */.tool-tip {	background: #FFFFFF;	border: 1px solid #F7F7F7;	float: left;	max-width: 200px;	padding: 5px;}.tool-title {	background: url(../../system/images/selector-arrow.png) no-repeat;	font-size: 100%;	font-weight: bold;	margin: 0;	margin-top: -15px;	padding: 0;	padding-bottom: 5px;	padding-top: 15px;}.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%;}#ja-alert {	margin: 0;	padding-top: 15px;	text-align: center;	overflow: hidden;	width: 100%;	border-top: 1px solid #CCCCCC;}