/**
 * ------------------------------------------------------------------------
 * JA T3v2 System Plugin for J25 & J31
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
 */

/* Eric Meyer's CSS Tools: Reset CSS (Modified by Hieu Nguyen)
-------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%; -- Keeping the default behavior on font aesthetic*/
	/*font: inherit; -- Keeping the default behavior on font aesthetic*/
	/*vertical-align: baseline;*/
}

ul { list-style: none; }
/*body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }*/

table { border-collapse: collapse; border-spacing: 0; }

:focus { outline: none; }

/* Clearfix
-------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Generic Styles
-------------------------------------------------------------*/
.clear, .divider {clear: both;}

.no-display {display: none !important;}

.nowrap,.nobr {white-space: nowrap !important;}

.no-border {
	border: 0 !important;
}

.no-padding {padding: 0 !important}
.no-margin 	{margin: 0 !important;}

/*Alignment---*/
.v-top 		{vertical-align: top;}
.v-middle	{vertical-align: middle;}
.v-bottom 	{vertical-align: bottom;}

.a-left		{text-align: left;}
.a-center	{text-align: center;}
.a-right		{text-align: right;}

.left		{float: left;}
.right	{float: right;}

.auto-width {width: auto;}





/*
#------------------------------------------------------------------------
  JA Purity II for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { width: 100%; clear: both; }
.main { width: 980px; max-width: 1200px; margin: 0 auto; position: relative;}

.main .main-inner1 {
  margin: 0px; padding: 0px;
}

.column { overflow: hidden; float: left; }

.ja-mass { clear: both; }

/* Gutter ---*/

.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
  padding-left: 10px;
  padding-right: 10px;
}

.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
  margin-left: 10px;
  margin-right: 10px;
}

.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
  margin-right: 0;
  margin-left: 20px;
}

.ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {
  margin-right: 20px;
  margin-left: 0;
}

.article_column .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
  padding-left: 10px;
  padding-right: 10px;
}

.leading { }

.article_row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
  margin-left: -10px;
  margin-right: -10px; 
}

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { float: left; }
#ja-current-content, #ja-main { float: right; }

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap {}
.ja-col {}

/* Left Column ---*/
#ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 50%; }
#ja-left .ja-l1 .ja-col { width: 100%; }

/* Right Column ---*/
#ja-right { float: right; }
#ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 50%; }
#ja-right .ja-r1 .ja-col { width: 100%}
#ja-main{width:76% !important;}
#ja-left{width:24% !important;}

/* HEADER
--------------------------------------------------------- */
#ja-header {}

/* FOOTER
--------------------------------------------------------- */
#ja-footer { clear: both; }

/* CONTENT'S GRIDS
--------------------------------------------------------- */
.article_column { float: left; position: relative; }

.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl {}
#ja-botsl {}

.ja-box { float: left; overflow: hidden; }





/*
 * ------------------------------------------------------------------------
 * JA Purity II template for Joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/

/* COMMON STYLE
--------------------------------------------------------- */
/* Normal links ---*/

a { color: #069; text-decoration: underline; }

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

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }

a.ja-icon-video span { color: #666; }

a.ja-icon-video:hover span { color: #0F85D8; }

a.ja-icon-video:hover,
a.ja-icon-video:focus,
a.ja-icon-video:active { border-color: #ddd; text-decoration: none; }

a.poll-result { font-size: 92%; text-transform: uppercase; }

body {
  background: #fff;
  color: #000;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

body#bd { background: #fff; color: #333; }

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

dd.hits, .hits { line-height:21px; }

dd.create, .createdate {
  background: url(../images/icon-date.gif) no-repeat 0 2px;
  padding: 3px 3px 3px 20px !important;
  line-height: 15px;
}

dd.createdby, .createby {
  background: url(../images/icon-user.gif) no-repeat 0 2px;
  padding: 3px 3px 3px 20px !important;
  line-height: 15px;
}

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

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; padding: 5px 0; }

div.bannergroup_text div.banneritem_text a { font-weight: bold; }

/* Rounded Module --- */
div.ja-module h3, div.module h3 {
  border-bottom: 1px solid #ccc;
  color: #7ba566;
  font-size: 115%;
  font-weight: bold;
  margin: 0 -15px 10px;
  padding: 8px 15px;
  text-transform: uppercase;
}

div.ja-module, div.module {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
  color: #333;
  font-size: 115%;
  margin: 0 0 8px;
  padding: 1px 0 8px;
  text-transform: uppercase;
  overflow: hidden;
}

div.ja-moduletable ul li, div.ja-module ul li { padding-left: 12px; background-position: 2px 8px; }

/* Module list ---*/
div.ja-moduletable ul, div.ja-module ul { margin: 15px 0 0; }

div.ja-moduletable, div.moduletable {
  border-bottom: 1px solid #ccc;
  margin-top: 8px;
  margin-bottom: 15px;
  padding: 0 0 20px;
  position: relative;
}

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

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

div.module_black .inputbox, div.module_green .inputbox, div.module_blue .inputbox, div.module_red .inputbox { color: #333 !important; }

/* text color for high contrast module */
div.module_black, div.module_green, div.module_blue, div.module_red { color: #fff; }

/* blue */
div.module_blue {
  background: url(../images/bb-br.gif) no-repeat bottom right #069;
}

div.module_blue .ja-box-bl {
  background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue .ja-box-tl {
  background: url(../images/bb-tl.gif) no-repeat top left;
}

div.module_blue .ja-box-tr {
  background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue a { color: #7BA566; }

/* green */
div.module_green {
  background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;
}

div.module_green .ja-box-bl {
  background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green .ja-box-tl {
  background: url(../images/bg-tl.gif) no-repeat top left;
}

div.module_green .ja-box-tr {
  background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green div.bannergroup_text div.bannerheader,
div.module_green div.bannergroup_text div.bannerfooter_text a { color: #ccc; }

/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl { background: none; padding: 0; }

/* red */
div.module_red {
  background: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}

div.module_red .ja-box-bl {
  background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red .ja-box-tl {
  background: url(../images/br-tl.gif) no-repeat top left;
}

div.module_red .ja-box-tr {
  background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_text {
  background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;
}

div.module_text .ja-box-bl {
  background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text .ja-box-tl {
  background: url(../images/bt-tl.gif) no-repeat top left;
}

div.module_text .ja-box-tr {
  background: url(../images/bt-tr.gif) no-repeat top right;
}

/* text */
div.module_text h3 {
  clear: both;
  display: block;
  margin: 0 0 10px;
  padding: 0;
  overflow: hidden;
  width: 100%;
  border-bottom: 0;
  background: none;
}

div.module_text span {
  clear: both;
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 3px;
  background: #fff;
}

/* black */
div.module_black {
  background: url(../images/bl-br.gif) no-repeat bottom right #333;
}

div.module_black .ja-box-bl {
  background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black .ja-box-tl {
  background: url(../images/bl-tl.gif) no-repeat top left;
}

div.module_black .ja-box-tr {
  background: url(../images/bl-tr.gif) no-repeat top right;
}

div.moduletable_menu h3 { margin-bottom: 0; }

div.pagination ul a, ul.pagination a {
  background: #f6f6f6;
  border: 1px solid #ccc;
  color: #000;
  line-height: 20px;
  padding: 0 5px;
  text-decoration: none;
}

div.pagination ul a:hover, div.pagination ul a:active, div.pagination ul a:focus {
  background: #069;
  border: 1px solid #069;
  color: #fff;
  text-decoration: none;
}

div.pagination ul li, ul.pagination li {
  background: none;
  display: inline;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div.pagination ul li, ul.pagination li span { padding: 0 5px; line-height: 20px; }

/* Pagination ---*/
div.pagination ul, ul.pagination { float: left; margin: 10px 0; width: 75%; }

/* Poll */
div.poll { padding: 15px 0; }

/* Meta ---*/
dl.article-info { color: #999; width: 85%; }

.blog-featured dl.article-info { width: 70%; }

dl.poll {
  border-bottom: 1px dotted #ccc;
  font-size: 92%;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

dl.poll dd { clear: right; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dt, dl.poll dd { float: left; }

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

fieldset a { font-weight: bold; }

fieldset.input { padding: 0; }

/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }

form#poll {
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
}


/* Headings & Titles ---*/
h1 { font-size: 180%; }

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

/* Logo Image ---*/
h1.logo { height: 110px; width: 570px; }

h1.logo a {
  background: url(../images/logo2.jpg) no-repeat left;
  display: block;
  height: 109px;
  width: 580px;
}

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

h1.logo, div.logo-text { float: left; z-index: 1; position: relative; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; }

h2 { font-size: 150%; }

h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }

h3 { font-size: 125%; }

h3.hide {
  background: url(../images/icon-hide.png) no-repeat 100% 60%;
  cursor: pointer;
}

/* Collapsible h3 ---*/
h3.show {
  background: url(../images/icon-show.png) no-repeat 100% 60%;
  cursor: pointer;
}

h4 { font-size: 100%; text-transform: UPPERCASE; }

/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }

h5 { font-size: 100%; }

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

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

/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; }

p.readmore a { text-transform: uppercase; }

img[hspace='6'] {
  margin-right: 6px;
}

/* Readon links ---*/
p.readmore a, a.readon {
  background: url(../images/arrow.png) no-repeat 5px 48%;
  border: 1px solid #F6F6F6;
  font-weight: bold;
  padding: 1px 5px 1px 14px;
  text-decoration: none;
  text-transform: uppercase;
}

p.readmore a:hover, a.readon:hover, 
p.readmore a:active,a.readon:active, 
p.readmore a:focus, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }

p.site-slogan {
  background: #444;
  color: #999;
  display: block;
  font-size: 85%;
  letter-spacing: 1px;
  margin: 8px 0 0;
  padding: 0 5px;
  text-align: center;
  text-transform: uppercase;
}

small, .small { color: #999; }

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }

span.has-image {
  padding-left: 25px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
}

span.menu-desc {
  display: block;
  font-weight: normal;
  font-size: 92%;
  color: #999;
}

span.menu-title { display: block; }

table.contentpane, table.tablelist { width: 100%; }

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

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

/* Content Toc */
table.contenttoc {
  border: 1px solid #ddd;
  float: right;
  margin: 0 0 10px 12px;
  padding: 0;
  width: 30%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }

table.contenttoc th {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
}

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

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

table.pollstableborder td {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }



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

/* Tables ---*/
thead tr th { background: #333; color: #fff; padding: 5px; }

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

ul.actions { list-style-type: none; margin: 0 !important; }

.article_column { }

.article_row { padding-bottom: 10px; padding-top: 10px; }

.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }

.article-content img { margin: 5px; }

.article-info-term{ display: none !important; }

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

.article-section, .article-category { color: #999; }

.article-tools {
  background: #f6f6f6;
  border: 1px solid #ddd;
  clear: both;
  color: #999;
  display: block;
  line-height: normal;
  margin: 0 0 10px;
  padding: 5px;
  position: relative;
}

/* Badge Module ---*/
.badge {
  height: 46px;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;

  background-repeat: no-repeat;
}

.badge-hot   .badge { background-position: 0 0; }

.badge-new   .badge { background-position: 0 -46px; }

.badge-pick .badge { background-position: 0 -92px; }

.badge-top   .badge { background-position: 0 -138px; }

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog p img { float: left; padding: 0 0 10px; }

.blog_more {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px 0 5px;
}

.blog_more h2 {
  font-size: 115%;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.blog_more ul li {
  background: url(../images/bullet.gif) no-repeat 5px 6px;
  padding-left: 15px;
}

.blog-featured .contentheading { font-size: 125%; }

.button {
  border: 1px solid #333;
  color: #ccc;
  font-size: 85%;
  padding: 3px 5px;
  text-transform: uppercase;
}

.button:hover, .button:focus { background: #333; border: 1px solid #999; color: #fff; }

.buttonheading { float: right; }

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

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


.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }

.cat-list-row1:hover,
.cat-list-row2:hover { background: #ffffcc; }

.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }

.checkbox { }

.column ol li { line-height: 180%; margin-left: 30px; }

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: 15px 0; padding: 0; }

/* List ---*/
.column ul li { }

.column_separator { padding: 0 25px; }

.componentheading { border-bottom: 1px solid #ccc; font-size: 180%; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { margin: 15px 0; }

.contentdescription { border-bottom: 1px solid #ccc; }

.contentdescription {
  border-bottom: 1px solid #ccc;
  display: block;
  margin: 0 -15px;
  padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.contentheading { font-size: 200%; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2;
}

.contentpaneopen_edit img { vertical-align: middle; }

.counter {
  float: right;
  line-height: 1;
  margin: 15px 0 !important;
  text-align: right;
  width: 24%;
}

.counter span {
  background: #069;
  border: 1px solid #069;
  color: #fff;
  padding: 1px 5px;
}

.custom_banner { float: left; display: block; margin-top: 10px; }

.form-register .button { margin-left: 140px; }

.form-register .inputbox { margin-left: 10px; width: 200px; }

/* Register ---*/
.form-register fieldset { padding: 0 0 10px; }

.form-register label {
  font-weight: bold;
  text-align: right;
  display: block;
  float: left;
  width: 130px;
}

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.hasTip img { border: none; margin: 0 5px 0 0; }

.img_caption { color: #999; margin-bottom: 10px; }

.img_caption img { margin: 5px 0 0; padding: 0 0 10px; }

.img_caption p {
  background: #333;
  border-top: 1px solid #fff;
  color: #ccc;
  margin: 0;
  padding: 1px 0;
  text-align: center;
}

.inputbox { border: 1px solid #ccc; background: #fff; }

.inputbox:hover, .inputbox:focus { background: #ffffcc; }

.items-more {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

.items-more h3 { text-transform: uppercase; }

.ja-box { padding-bottom: 10px; padding-top: 10px; }

.ja-box-bl {
  background: url(../images/b-bl.gif) no-repeat bottom left;
}

.ja-box-br {
  background: url(../images/b-br.gif) no-repeat bottom right #fff;
}

.ja-box-right .ja-moduletable, .ja-box-right .moduletable,
.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }

.ja-box-tl {
  background: url(../images/b-tl.gif) no-repeat top left;
  padding: 0 15px 10px;
}

.ja-box-tr {
  background: url(../images/b-tr.gif) no-repeat top right;
}

.ja-breadcrums {
  float: left;
  margin-left: 10px;
  margin-top: 2px;
  width: 80%;
}

.ja-col { }

/* @end */
/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { }

/* Content Bottom ---*/
.ja-content-bottom { }

.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* Content Main ---*/
.ja-content-main { }

/* Content Top ---*/
.ja-content-top { }

.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0; }

.ja-copyright { float: right; text-align: left; width: 75%; }

.ja-footnav li {
  border-left: 1px solid #999;
  display: block;
  float: left;
  padding: 0 10px;
}

.ja-footnav li a {
  color: #666;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.ja-footnav li a:hover, .ja-footnav li a:focus, .ja-footnav li a:active { color: #333; }

.ja-footnav ul { float: left; line-height: normal; }

/* Header mask ---*/
.ja-headermask {
  display: block;
  height: 80px;
  position: absolute;
  right: -1px;
  top: 0;
  width: 602px;
  z-index: 0;
}

/* Extras ---*/
.ja-links { float: right; margin-top: 2px; }

.ja-links li { background: none; padding: 0; display: inline; }

.ja-links li.layout-switcher a { background: #069; color: #fff; text-decoration: none; }

.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }

.ja-links li.top a {
 
  padding-left: 17px !important;
  padding-right: 5px !important;
}

.ja-links li.top a:hover { background-color: #069; color: #fff;  }

.ja-links li.user-reset a {
  background: #bf0000;
  color: #fff;
  text-decoration: none;
}

.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }

.ja-mass-bottom { }

.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* Mass ---*/
.ja-mass-top { }

.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }

.jamod-content p{ margin: 0; }

.jitem-title { font-size: 110%; font-weight: bold; }

.leading {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: solid 1px #ccc;
}

.login_form .button { margin-left: 140px; }

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox { width: 20px; }

/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }

.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
  font-weight: bold;
  text-align: right;
  display: block;
  float: left;
  width: 130px;
}

.main { }

.modifydate { color: #999; display: block; margin: 10px 0; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.pagination a{ font-weight: bold; }

.radio { margin: 0 5px; }

.results h4 { text-transform: none; font-size: 110%; }

.results h4 {
  text-transform: none;
  font-size: 110%;
  margin: 15px 0 0;
}

.results p { margin: 0 0 10px; }


.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
  background: url(../images/dot2.gif) repeat-x bottom;
  padding: 5px 5px 6px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }

.sectiontableentry2 { background-color: #f6f6f6; }

.sectiontableheader {
  background: #333;
  border: 1px solid #ccc;
  color: #fff;
  padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.smalldark { text-align: left; }

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .display { float: right; text-align: right; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

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

/* Tooltips --- */
.tool-tip {
  background: #ffffcc;
  border: 1px solid #D4D5AA;
  float: left;
  max-width: 300px;
  padding: 5px;
  z-index: 1000;
}

.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;
}

/* User ---*/
.user-details { padding: 10px 0; }

.user-details .button { margin-left: 140px; }

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .paramlist .paramlist_key { width: 130px !important; padding: 0 0 5px !important; }

.user-details .paramlist .paramlist_value { padding: 0 0 5px !important; }

.user-details .user_name span { padding-left: 10px; font-weight: bold; }

.user-details label {
  font-weight: bold;
  text-align: right;
  display: block;
  float: left;
  width: 130px;
}

.user-details p { margin: 0 0 5px; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }

/* -- EDITOR STYLES ----------------------------- */
#adminForm fieldset {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}

#adminForm fieldset legend { padding: 0 5px; }

/* Article index */
#article-index {
  border: 1px solid #dedede;
  float: right;
  margin: 0 0 10px 12px;
  padding: 0;
  width: 30%;
}

#article-index li {
  border-bottom: 1px dotted #dedede;
  background: none;
  padding-left: 10px;
}

#article-index li  a{ font-size: 11px; }

#article-index ul { list-style-type: none !important; }

/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc; }

#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }

/* Contact ---*/
#component-contact address { font-style: normal; }

#contact-slider { float: none; border-bottom: 1px solid #e2e2b5; }

#contact-slider .content { border: 1px solid #e2e2b5; padding: 8px 10px; }

#contact-slider .jpane-toggler-down { background: #333333; }

#contact-slider .jpane-toggler-down a { color: #fff; }

#contact-slider .title {
  padding: 8px 10px;
  border-top: 1px solid #e2e2b5;
  border-left: 1px solid #e2e2b5;
  border-right: 1px solid #e2e2b5;
  margin: 0;
}

#contact-slider dt.closed { background: #ffffcc; }

#form-login .button { margin: 10px 0; }

#form-login p { margin: 0 0 5px; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login-remember input { border: none; padding-top: 0px; padding-bottom: 0px; }

#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }

/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
  background-position: 5px center;
  background-repeat: no-repeat;
  font-weight: bold;
}

#ja-absolute .main {
  position: fixed;
  width: auto;
  height: auto;
  z-index: 99999;
  top: 1px;
  left: 1px;
}

#ja-absolute .main a {
  width: 91px;
  height: 99px;
  overflow: hidden;
  display: block;
  background: url(../images/joomla15.png) no-repeat left top #fff;
  text-indent: -9999px;
}

#ja-absolute .main a:hover,
#ja-absolute .main a:focus { background-position: left bottom; }

/* Bot spotlight ---*/
#ja-botsl { background: #444; color: #999; }

#ja-botsl .ja-moduletable, #ja-botsl .moduletable { border-bottom: 0; margin-bottom: 0; }

#ja-botsl .main { padding: 10px 0; }

#ja-botsl h3 {
  margin: 0 0 8px;
  padding: 0;
  color: #fff;
  background: none;
}

#ja-container {
  position: relative;
  z-index: 5;
  border-bottom: 5px solid #ccc;
}

/* Full */
#ja-container { }

#ja-container .main { padding: 20px 0; min-height: 300px; }

#ja-container div.module_black h3,
#ja-container div.module_green h3,
#ja-container div.module_blue h3,
#ja-container div.module_red h3 { color: #fff; }

#ja-container div.module_black ul li a,
#ja-container div.module_green ul li a,
#ja-container div.module_blue ul li a,
#ja-container div.module_red ul li a { color: #fff; }

#ja-container div.module_black ul li a:hover,
#ja-container div.module_black ul li a:active,
#ja-container div.module_black ul li a:focus,
#ja-container div.module_green ul li a:hover,
#ja-container div.module_green ul li a:active,
#ja-container div.module_green ul li a:focus,
#ja-container div.module_blue ul li a:hover,
#ja-container div.module_blue ul li a:active,
#ja-container div.module_blue ul li a:focus,
#ja-container div.module_red ul li a:hover,
#ja-container div.module_red ul li a:active,
#ja-container div.module_red ul li a:focus { color: #069; }

#ja-container div.module_blue #form-login ul li a:hover,
#ja-container div.module_blue #form-login ul li a:active,
#ja-container div.module_blue #form-login ul li a:focus { color: #7BA566; }

#ja-container div.module_blue ul.menu li.active > a,
#ja-container div.module_red ul.menu li.active > a { color: #000 !important; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu { margin: 0; padding: 0; }

#ja-container ul.menu li {
  background: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#ja-container ul.menu li a {
  color: #333;
  display: block;
  outline: none;
  padding: 6px 0;
  text-decoration: none;
  text-indent: 5px;
        border-bottom: 1px dotted #ccc;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { color: #069; background: #f6f6f6; }

#ja-container ul.menu li li {
  background: url(../images/arrow.png) no-repeat left 11px;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { color: #069 !important; background: none; }

#ja-container ul.menu li ul { margin: 0 0 0 10px; }

#ja-container ul.menu li.active > a { color: #069; font-weight: bold; }

#ja-container ul.menu span.separator { display: none; }

/* Full right */
#ja-container.ja-l1 { }

/* 3 Columns - Classic Layout ---*/
#ja-container.ja-l1r1 { }

/* Full left */
#ja-container.ja-r1 { }

#ja-contentwrap { }

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
  background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
  border-top: 1px solid #fff;
  clear: both;
  padding: 20px 0;
}

/* Foot Links ---*/
#ja-footer .ja-footnav {
  float: right;
  font-size: 100%;
  margin: 0 0 10px;
  overflow: hidden;
  position: relative;
  width: 75%;
}

#ja-footer .ja-footnav li:first-child { margin-left: -10px; border-left: none; }

#ja-footer .main {
  color: #666666;
  padding: 0;
  position: relative;
}

#ja-footer small { color: #666; font-size: 100%; }

/* HEADER
--------------------------------------------------------- */
#ja-header { background: #ffffff; position: relative; z-index: 10; }

#ja-header .main {
  background: url(../images/heade.jpg) no-repeat right top #fff;
  height: 79px;
  padding: 0;
}

#ja-header .main .main-inner1{
  background: url(../images/header-ma.png) no-repeat right top;
  margin-left: 0px;
  margin-right: 0px;
        height: 100%;
}

/* Left Columns ---*/
#ja-left .ja-l2 { }

#ja-left ul.menu img, #ja-right ul.menu img { display: none; }

#ja-main .inner { }

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { }

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
  background: url(../images/grad1-mask.png) repeat-x top #444;
  border-top: 1px solid #666;
  line-height: 1;
  position: relative;
  z-index: 11;
}

#ja-mainnav .main { font-size: 12px; }

/* Breadcrumbs ---*/
#ja-navhelper {
  background: #f6f6f6;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}

#ja-navhelper .main { padding: 5px 0; }

#ja-navhelper a { padding: 5px 2px; text-decoration: none; }

#ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus {}

#ja-poweredby {
  position: absolute;
  left: 0px;
  top: 25px;
  display: block;
  margin: 0 0 5px;
}

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

/* Right Columns ---*/
#ja-right .ja-r2 { }


/* Sub Nav ---*/
#ja-subnav {
  border-top: 1px solid #666;
  background: #333;
  position: relative;
  z-index: 9;
}

#ja-subnav .main { line-height: 1; z-index: 10; }

#ja-subnav li {
  background: none;
  border-left: 1px dotted #999;
  display: block;
  float: left;
  padding: 0 10px 0 11px;
  margin: 0;
}

#ja-subnav li.first-item { border-left: 0; }

#ja-subnav ul { background: #333; overflow: hidden; padding: 10px 0; }

#ja-subnav ul li a { color: #ccc; display: block; text-decoration: none; }

#ja-subnav ul li a:hover { color: #fff; }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {
  background: #ddd;
  border: 1px solid #ccc;
  display: block;
  height: auto;
  left: -999em;
  padding: 0;
  position: absolute;
}

#ja-subnav ul li ul li {
  border-bottom: 1px solid #ccc;
  border-left: 0;
  display: block;
  float: none;
  overflow: hidden;
  padding: 5px;
  text-align: left;
}

#ja-subnav ul li ul li a {
  background-image: none !important;
  border: 0 !important;
  color: #333 !important;
  font-weight: normal !important;
  text-decoration: none !important;
}

#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }

#ja-subnav ul li ul li a.active {
  color: #069;
  font-weight: bold !important;
}

#ja-subnav ul li ul li a:hover {
  background-image: none !important;
  color: #069 !important;
  text-decoration: underline !important;
}

#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#ja-subnav ul li.empty { visibility: hidden; }

#ja-subnav ul li.haschild a {
  background: url(../images/arrow.png) no-repeat right center;
  padding-right: 12px;
}

#ja-subnav ul li.haschild a:hover {
  background: url(../images/arrow3.png) no-repeat right center;
}

#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }

#ja-subnav ul li.hover ul {
  display: block;
  height: auto;
  left: auto;
  position: absolute;
  margin-top: 3px;
  margin-left: 5px;
}

#ja-subnav ul.active { background: #333; }

#ja-subnav ul.active li a { color: #ccc; }

#ja-subnav ul.active li a:hover { color: #fff; }

/* Top spotlight ---*/
#ja-topsl {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background: #444;
  color: #ccc;
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box {
  padding: 0;
  background: url(../images/dot3.gif) repeat-y right;
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full { background: none; }

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
  border-bottom: 0;
  margin-bottom: 8px;
  padding-bottom: 0;
}

#ja-topsl .main { padding: 15px 0; }

#ja-topsl a, #ja-botsl a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

#ja-topsl h3 {
  margin: 0 0 8px;
  padding: 0;
  color: #fff;
  background: none;
}

#ja-topsl li, #ja-botsl li {
  background-image: url(../images/bullet2.gif);
  background-position: 1px 8px;
  padding-left: 10px;
  background-repeat:no-repeat;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,
#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }

/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc; }

.contact-form #jform_contact_emailmsg, .contact-form input { width:210px; }

.contact-form #jform_contact_email_copy { width: 13px; }

.jicons-icons img { float: left; padding-right:5px; }

/* Advertisement ---*/
.bannergroup_text {  
  color: #999999;
    font-size: 92%;
}

.bannergroup_text .banneritem {
    border-bottom: 1px dotted #CCCCCC;
    padding: 5px 0;
}

.bannergroup_text .banneritem a {
    font-weight: bold;
}

.img_caption.left { margin-top: 0; }























/*
 * ------------------------------------------------------------------------
 * JA Purity II template for Joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/

/* COMMON STYLE
--------------------------------------------------------- */
/* BUTTONS
--------------------------------------------------*/
/* Common Buttons Style ---*/
a.ja-typo-btn {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid #ccc;
	color: #333;
	background: url(../images/typo/grad-l1-trans.png) repeat-x bottom;
}

a.ja-typo-btn:hover,
a.ja-typo-btn:active,
a.ja-typo-btn:focus {
	border: 1px solid #aaa;
	background-position: bottom;
	color: #333;
	text-decoration: none;
}

/* Big Buttons ----*/
a.ja-typo-btn-big {
	text-align: center;
	border: 1px solid #ccc;
	font-size: 125%;
	line-height: normal;
	font-weight: bold;
}

a.ja-typo-btn-big span {
	padding: 8px 15px;
	border: 1px solid #fff;
	display: block;
}

/* Icon Buttons ---*/
a.ja-typo-btn-icn { height: 30px; color: #333; display: block; }

a.ja-typo-btn-icn span {
	padding: 0 15px 0 33px;
	display: block;
	background-repeat: no-repeat;
	background-position: 10px 7px;
	border: 1px solid #fff;
}

a.ja-typo-btn-icn span span {
	height: auto;
	line-height: 28px;
	padding: 0;
	display: inline;
	background: none;
	border: none;
}

/* Small Buttons --- */
a.ja-typo-btn-sm {
	text-align: center;
	border: 1px solid #ccc;
	font-size: 100%;
	line-height: normal;
}

a.ja-typo-btn-sm span {
	padding: 5px 10px;
	border: 1px solid #fff;
	display: block;
}

/* Button Black*/
a.btn-black { background-color: #666; border-color: #666; }

a.btn-black span { border-color: #999; }

a.btn-black:hover,
a.btn-black:active,
a.btn-black:focus { border-color: #333; }

/* Button Blue*/
a.btn-blue { background-color: #08c; border-color: #08c; }

a.btn-blue span { border-color: #6ab9e1; }

/* Common style for Dark Buttons --- */
a.btn-blue,
a.btn-red,
a.btn-green,
a.btn-orange,
a.btn-black {
	background-image: url(../images/typo/grad-d1-trans.png);
	color: #fff;
	border: 1px solid #ccc;
}

a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus,
a.btn-red:hover, a.btn-red:active, a.btn-red:focus,
a.btn-green:hover, a.btn-green:active, a.btn-green:focus,
a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus,
a.btn-black:hover, a.btn-black:active, a.btn-black:focus {
	background-image: url(../images/typo/grad-d1-trans.png);
	background-position: bottom;
	border-color: #aaa;
	color: #fff;
}

a.btn-blue:hover,
a.btn-blue:active,
a.btn-blue:focus { border-color: #006ea6; }

/* Button green*/
a.btn-green { background-color: #669900; border-color: #669900; }

a.btn-green span { border-color: #b1cb7d; }

a.btn-green:hover,
a.btn-green:active,
a.btn-green:focus { border-color: #4d7300; }

a.btn-icn-info span 	{ background-image: url(../images/typo/information.png); }

a.btn-icn-ok span 		{ background-image: url(../images/typo/tick.png); }

a.btn-icn-save span 	{ background-image: url(../images/typo/disk.png); }

a.btn-icn-tip span 		{ background-image: url(../images/typo/lightbulb.png); }

a.btn-icn-warning span 	{ background-image: url(../images/typo/exclamation.png); }

/* Button orange*/
a.btn-orange { background-color: #e58c00; border-color: #e58c00; }

a.btn-orange span { border-color: #f1c073; }

a.btn-orange:hover,
a.btn-orange:active,
a.btn-orange:focus { border-color: #a96700; }

/* Button red*/
a.btn-red { background-color: #cc0000; border-color: #cc0000; }

a.btn-red span { border-color: #e47878; }

a.btn-red:hover,
a.btn-red:active,
a.btn-red:focus { border-color: #9a0000; }

/* Blockquote ---*/
blockquote { font-family: Georgia, Times, serif; font-size: 100%; }

blockquote span.close {
	background: url(../images/typo/sc-q.gif) no-repeat bottom right;
	display: inline-block;
	padding: 0 20px 0 0;
}

blockquote span.open {
	background: url(../images/typo/so-q.gif) no-repeat left top;
	display: inline-block;
	padding: 0 0 0 20px;
}

/* Style 2 */
fieldset.fieldset-2 { border: 1px solid #08c; }

fieldset.fieldset-2 legend { color: #08c; }

/* FORM
--------------------------------------------------*/
/* Fieldset ----*/
/* Common Style + Style 1 */
fieldset.ja-typo-fieldset { border: 1px solid #ddd; padding: 10px; }

fieldset.ja-typo-fieldset legend { padding: 0 10px; }

/* MESSAGE BOXES AND LEGENDS STYLE
-----------------------------------------------------------------*/
/* Box style ---*/
p.ja-typo-box { border: 1px solid #ddd; padding: 10px 10px 10px 50px !important; }

/* Big Number ---*/
p.blocknumber {
	position: relative;
	padding: 5px 0 5px 55px !important;
	min-height: 44px;
}

p.box-download { background-image: url(../images/typo/download-big.png); }

/* Box with icons */
p.box-download, p.box-sticky {
	background-repeat: no-repeat;
	background-position: 10px 15px;
}

p.box-grey-1 { background: #f7f7f7; border-color: #dddddd; }

/* Box without icons - Style 1*/
p.box-grey-1, p.box-hilite-1 { padding: 10px 15px !important; }

p.box-grey-2 {
	background: #f7f7f7;
	border-color: #dddddd;
	border-style: dotted;
}

/* Box without icons - Style 2*/
p.box-grey-2, p.box-hilite-2 { padding: 10px 15px !important; }

p.box-hilite-1 { background: #ffffdd; border-color: #d2d2b6; }

p.box-hilite-2 {
	background: #ffffdd;
	border-color: #d2d2b6;
	border-style: dotted;
}

p.box-sticky { background-image: url(../images/typo/sticky-big.png); }

p.icon-cart 	span.icon { background-position: right -54px; }

p.icon-doc 		span.icon { background-position: right -72px; }

p.icon-error	{ color: #CC0000; }

p.icon-error	span.icon { background-position: left -54px; }

p.icon-key 		span.icon { background-position: left -108px; }

p.icon-message	{ color: #2C79B3; }

p.icon-message	span.icon { background-position: left -72px; }

p.icon-mobi 	span.icon { background-position: right -126px; }

p.icon-note 	span.icon { background-position: right -90px; }

p.icon-photo 	span.icon { background-position: right -108px; }

p.icon-tag 		span.icon { background-position: left -126px; }

p.icon-tips		{ color: #E58C00; }

p.icon-tips 	span.icon { background-position: left -90px; }


/* ICON STYLE
-----------------------------------------------------------------*/
/* Tips, Error, Message, Hightlight ---*/
p.ja-typo-icon { padding-left: 25px !important; position: relative; }

p.ja-typo-icon span.icon {
	background-image: url(../images/typo/icons-sprites-silk.png);
	/*background-image: url(../images/typo/icons/icons-sprites-tango.png);*/
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}

/* PREFORMATTED TEXT
-------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code {
	background-color: #ffffdd !important;
	border: 1px solid #ccc !important;
	border-left-width: 5px !important;
	font: 1em/1.5 Monaco, Consolas, "Courier News", monospace !important;
	padding: 10px 15px !important;
}

/* TAGS
--------------------------------------------------*/
span.ja-typo-tag {
	padding: 3px 12px;
	margin: 0 2px;
	display: inline-block;
	line-height: normal;
	white-space: nowrap;
	background: #666;
	color: #fff;
}

span.tag-blue 	{ background: #08c; }

span.tag-green 	{ background: #669900; }

span.tag-grey { background: #ccc; color: #333; }

span.tag-orange { background: #e58c00; }

span.tag-red 	{ background: #cc0000; }

/* sub & sup tags ---*/ 
sub, sup { color: #CC0000; font-size: 11px; font-weight: bold; }

ul#ja-typo-nav { margin: 0; padding: 0; }

ul#ja-typo-nav li {
	margin: 0 5px 0 0;
	padding: 0;
	display: block;
	float: left;
}

ul#ja-typo-nav li a {
	display: block;
	padding: 30px 10px 10px;
	color: #666;
	text-transform: uppercase;
	font-family: "Arial Narrow", Arial, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
}

ul#ja-typo-nav li a:hover,
ul#ja-typo-nav li a:active,
ul#ja-typo-nav li a:focus { color: #333; }

ul#ja-typo-nav li.active a { background: #333; color: #fff; }

/* LIST STYLES
-----------------------------------------------------------------*/
/* Special list style ---*/
ul.ja-typo-list li {
	background: none;
	margin-left: 8px;
	padding: 0 0 0 25px;
	position: relative;
	overflow: hidden;
}

ul.ja-typo-list span.icon {
	background-image: url(../images/typo/icons-sprites-silk.png);
	/*background-image: url(../images/typo/icons/icons-sprites-tango.png);*/
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

ul.list-arrow 	span.icon { background-position: left top; }

ul.list-check	span.icon { background-position: left -36px; }

ul.list-star 	span.icon { background-position: left -18px; }

/* SPECIAL MODULE STYLE
--------------------------------------------------*/
/* Badge ---*/
.badge {
	background-repeat: no-repeat;
	height: 46px;
	position: absolute;
	right: 0;
	width: 45px;
}

.badge-hot 	.badge { background-position: 0 0; }

.badge-new 	.badge { background-position: 0 -46px; }

.badge-pick .badge { background-position: 0 -92px; }

.badge-top 	.badge { background-position: 0 -138px; }

.blocknumber .bignumber {
	background-image: url(../images/typo/blocknumber-bg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	width: 44px;
	height: 44px;
	line-height: 44px !important;
	position: absolute;
	top: 0;
	left: 0;
	font: bold 20px/normal Arial, sans-serif;
	text-align: center;
}

.blocknumber-1 .bignumber { background-position: left top; }

.blocknumber-2 .bignumber { background-position: left -44px; }

.blocknumber-3 .bignumber { background-position: left -88px; }



/* Dropcap ---*/
.dropcap {
	display: block;
	float: left;
	font: 60px/40px Georgia, Times, serif;
	padding: 7px 8px 0 0;
}

/* Inline Words Hilite ---*/
.highlight {
	background: #ffffdd;
	font-weight: bold;
	padding: 1px 5px;
}

.ja-typo-block { float: left; padding-top: 20px; }

.ja-typo-blockct { padding: 0 10px; }

.ja-typo-blockct .inputbox { color: #999; font-style: italic; }

.ja-typo-blockrow { border-bottom: 1px dotted #ddd; padding: 0 0 20px; }

.ja-typo-blockrow > h2.ja-typo-title { margin-bottom: -20px; margin-top: 20px !important; }

/* Blockswrap Actions ---*/
.ja-typo-blocks-actions {
	font-size: 85%;
	position: absolute;
	right: 5px;
	top: 5px;
	color: #999;
}

.ja-typo-blocks-actions a {
	font-size: 85%;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #c00;
	text-decoration: none;
}

/* TYPO PAGE LAYOUT
-------------------------------------------------------------*/
.ja-typo-blockswrap { margin: 15px 0; }

.ja-typo-blockswrap .cols-1 .ja-typo-block { width: 100%; float: none; }

.ja-typo-blockswrap .cols-2 .ja-typo-block { width: 49.5%; float: left; }

.ja-typo-blockswrap .cols-3 .ja-typo-block { width: 33%; float: left; }

.ja-typo-blockswrap .cols-4 .ja-typo-block { width: 24.9%; float: left; }

.ja-typo-blockswrap .ja-typo-block.last { float: right; }

.ja-typo-blockswrap h1.ja-typo-title {
	font-size: 175%;
	border-bottom: 5px solid #ddd !important;
	padding: 5px 5px 5px 0px;
	margin: 0;
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	color: #666;
}

.ja-typo-blockswrap h2.ja-typo-title {
	font-size: 115%;
	margin: 0;
	padding: 0 10px;
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.ja-typo-blockswrap h2.ja-typo-title span {
	background: #f2f2f2;
	color: #666;
	padding: 3px 10px;
	display: inline-block;
}

.ja-typo-blockswrap:hover h1.ja-typo-title { border-bottom: 5px solid #333 !important; color: #333; }

.ja-typo-blockswrap:hover h2.ja-typo-title span { background: #ddd; color: #333; }

/* BUBBLES
-----------------------------------------------------------------*/
/* Common Style + Style 1 */
.ja-typo-bubble { margin: 20px 0; position: relative; }

.ja-typo-bubble .ja-typo-bubblect { border: 1px solid #d5d5d5; padding: 10px 15px; }

.ja-typo-bubble p.ja-typo-bubble-meta { margin: -1px 0 0; height: 25px; padding-left: 65px; }

.ja-typo-bubble span.ja-typo-bubble-arrow {
	display: block;
	position: absolute;
	bottom: 0;
	left: 28px;
	width: 25px;
	height: 25px;
	background: url(../images/typo/bubble-arrow.png) 0 0;
}

.ja-typo-bubble span.ja-typo-bubble-author { font-weight: bold; display: block; padding-top: 5px; }

/* Style 2 --- */
.bubble-2 .ja-typo-bubblect { border: 0 !important; background: #ddd; }

.bubble-2 span.ja-typo-bubble-arrow { background-position: -25px 0; }

/* Style 3 --- */
.bubble-3 .ja-typo-bubblect { border: 1px solid #08c; }

.bubble-3 span.ja-typo-bubble-arrow { background-position: 0 -25px; }

/* Style 4 --- */
.bubble-4 .ja-typo-bubblect { border: 0 !important; background: #08c; color: #fff; }

.bubble-4 span.ja-typo-bubble-arrow { background-position: -25px -25px; }

/* Style 5 --- */
.bubble-5 .ja-typo-bubblect { border: 1px solid #333; }

.bubble-5 span.ja-typo-bubble-arrow { background-position: -50px -50px; }


/* Style 6 --- */
.bubble-6 .ja-typo-bubblect { border: none !important; background: #333; color: #fff; }

.bubble-6 span.ja-typo-bubble-arrow { background-position: -25px -50px; }

/* Legend ---*/
.ja-typo-legend {
	border: 1px solid #ddd;
	margin: 20px 0;
	padding: 20px 15px 15px;
	position: relative;
}

.ja-typo-legend .legend-title {
	background: #fff;
	display: block;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 125%;
	font-weight: bold;
	left: 10px;
	line-height: normal;
	margin: 0 !important;
	padding: 5px !important;
	position: absolute;
	top: -17px;
}

/* Legend Style 2 */
.legend-2 { border: 1px solid #08c; }

.legend-2 .legend-title { color: #08c; }

#ja-typo { background: #fff; padding: 20px 0 0 !important; }

#ja-typo .ja-content-main { width: 100%; }

/*Use for Demo Page Only*/
#ja-typo .moduletable_badge { margin: 0; padding: 0; min-height: 40px; border-bottom: none; }

#ja-typo .moduletable_badge .ja-box-ct {
	border: 1px solid #ddd;
	padding: 20px;
	background: #f7f7f7;
}

/* Block Actions ---*/
#ja-typo .typo-wrap { }

#ja-typo .typo-wrap a.typo-view-details {
	background: #333;
	border: 1px solid #1f1f1f;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	padding: 2px 8px 1px;
}

/*Use for Demo Page Only*/
#ja-typo a.ja-typo-btn { margin: 20px 30px 10px 0; float: left; }

/*Use for Demo Page Only*/
#ja-typo fieldset { margin-top: 20px; }

/* TYPO HEAD
-------------------------------------------------------------*/
#ja-typo-head { background: #fff; padding: 0; }













/* JA Rave
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/
/*
# ------------------------------------------------------------------------
# JA Rave template for Joomla 1.5.x
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 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
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------
*/

/* COMMON STYLE
--------------------------------------------------------- */
span.tag-rounded, .btn-rounded-sm, .btn-rounded-sm span,
.btn-rounded-icn, .btn-rounded-big, .btn-rounded-sm, .btn-rounded-icn span, .btn-rounded-big span, .btn-rounded-sm span,
.legend-rounded, p.ja-typo-box.box-rounded, .ja-typo-bubble.bubble-rounded .ja-typo-bubblect {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ja-slide-buttons {
	box-shadow: -1px 0 3px #fff;
	-moz-box-shadow: -1px 0 3px #fff;
	-webkit-box-shadow: -1px 0 3px #fff;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

.ja-slidewrap_highlight .maskDesc{
	opacity: 1 !important;
}

.ja-slidewrap_highlight .ja-slide-buttons {
	opacity: 1 !important;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

fieldset.fieldset-2 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}

div.latestItemTagsBlock ul li a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.userItemViewUnpublished {
	opacity: 0.5;
}

/* TYPO Big Number ---*/
p.blocknumber {
	position: relative;
	padding: 5px 0 5px 55px !important;
	min-height: 44px;
	word-wrap: break-word;
}






#ja-cssmenu {
	margin: 0; /* all lists */
	padding: 0;
	border-right: 1px solid #666;
	float: left;
}

#ja-cssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#ja-cssmenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
}

#ja-cssmenu li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 15.9em;
}

#ja-cssmenu li ul ul {
	margin: -2em 0 0 14em; /* third-and-above-level lists */
}

#ja-cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#ja-cssmenu ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li a {
	margin: 0;
	padding: 8px 15px;
	border-left: 1px solid #666;
	border-right: 1px solid #333;
	display: block;
	color: #72b5cc;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus,
#ja-cssmenu li a.sfhover {
	color: #fff;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover {
	background: url(../../images/grad1-mask.png) repeat-x top #666;
	color: #fff;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	background: url(../../images/grad1-mask.png) repeat-x top #006699;
	color: #fff;
}

/* 2nd level and above */
#ja-cssmenu li ul {
	border: 1px solid #666;
	border-top: 0;
	background: #333;
}

#ja-cssmenu li ul ul {
	border-top: 1px solid #666;
}

#ja-cssmenu li ul li {
	border-top: 1px solid #444;
	background: none;
}

#ja-cssmenu li ul a {
	border-right: 0;
	border-left: 0;
	margin: 0;
	padding: 7px 15px;
	background: none;
	color: #ccc;
	font-weight: normal;
	line-height: normal;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #444;
	color: #fff;
}

#ja-cssmenu ul li a.active,
#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
	background: none !important;
	color: #fff;
	font-weight: bold;
}