/*------------------------------------------------------------------------
# JA Rutile for Joomla 1.5 - Version 1.0 - Licence Owner JA134194
# ------------------------------------------------------------------------
# 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
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {margin: 0;padding: 0;}
body {background: #FFFFFF;color: #000000;font-family: Arial, Helvetica, sans-serif;line-height: 1.5;}
body#bd {color: #000000;margin-top: 0px;background: #F1F1F1;}
body.contentpane {color: #000000;font-size: 12px;line-height: 1.3em;margin: 0;margin: 1em 2em;width: auto; /* Printable Page */}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Normal link */
a, .noHrefLink  {color: #CC0000;text-decoration: none;}
a:hover, a:active, a:focus, .noHrefLink:hover {color: #CC0000;text-decoration: underline;}
a img {border: none;}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {line-height: normal;color: #000000;}
/* Small text */
small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan,
#ja-topnav, #ja-pathway, #ja-subnav, #ja-footer, #ja-col1, #ja-col2, #ja-botsl {font-size: 92%;}
img {margin: 0;padding: 0;}
.img_caption p {text-align: center;}
.img_caption.left, .img_caption.right {margin-top: 3px;}
/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {margin: 1em 0;padding: 0;}
ul {list-style: none;}
ul li {background: url(../images/bullet.gif) no-repeat 20px 8px;padding-left: 30px;}
ol li {margin-left: 35px;}
th {font-weight: bold;padding: 8px;text-align: left;}
fieldset {border: none;padding: 10px 5px;background: url(../images/dot.gif) repeat-x top;}
fieldset a {font-weight: bold;}
fieldset.input {padding: 0;background: none;}
hr {border-bottom: 0;border-left: 0;border-right: 0;border-top: 1px solid #EEEEEE;height: 1px;}
br {height: 1px;font-size: 1px;}
td, th, div {font-size: 100%;}

/* FORM
--------------------------------------------------------- */
form {margin: 0;padding: 0;}
form label {cursor: pointer;}
input, select, textarea, .inputbox, .button {font-family: Arial, Helvetica, sans-serif;font-size: 100%;}
.inputbox {padding: 2px;border: 1px solid #CCCCCC;background: #FFFFFF;color: #000000;font-size: 100%;}
.button {padding: 1px 8px;border: 1px solid #333333;background: #333333;color: #FFFFFF;text-transform: uppercase;font-size: 92%;}
* html .button { /*IE 6*/padding: 0 5px !important;}
*+html .button { /*IE 7*/padding: 0 5px !important;}

/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator, .article_seperator {clear: both;display: block;height: 30px;margin: 0;background: url(../images/dot.gif) repeat-x center;}
.column_separator {padding: 0 25px;}
/* content tables */
.sectiontableheader {background: #333333;padding: 4px 8px;color: #FFFFFF;font-weight: bold;}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {color: #FFFFFF;}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {padding: 8px;background: url(../images/dot.gif) repeat-x bottom;}
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: 30%;float: right;}
table.contenttoc td {background: url(../images/bullet.gif) no-repeat 12px 8px;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;text-align: left;}
table.pollstableborder tr.sectiontableentry1 td {background: #E6E6E6;}
table.searchintro {padding: 10px 0;width: 100%;}
table.searchintro td {padding: 5px!important;}
.blog_more {margin: 20px 0 0;padding: 25px 0 20px;background: url(../images/dot.gif) repeat-x top;}
.blog_more strong {display: block;margin: 0 0 5px;text-transform: uppercase;}
.homepage .linksTitle {font-size:1.6em;font-weight:normal;font-family:'Droid Serif', serif;}
.homepage .featuredTitle {font-size:1.7em;font-weight:normal;font-family:'Droid Serif', serif;}
.homepage .previousArticles {margin:4px 0 0 26px; font-size:1.1em;}
.previousArticles a {text-decoration:none;}
.blog_more ul {margin: 13px 0 0 10px;padding: 0;}
.blog_more ul li {background: url(../images/bullet.gif) no-repeat 4px 7px;margin: 0;padding: 0 0 0 16px;}
.homepage .blog_more li {background:none;margin:0;padding:0 0 0 16px;font-size:1.4em;}
.category {font-weight: bold;}
h1.componentheading, .componentheading {font-size: 250%;border-bottom: 1px solid #EEEEEE; margin: .75em 0 15px;padding: 5px 0;}
.contentdescription {padding-bottom: 30px;}
h2.contentheading, .contentheading {margin: 1em 0 .25em 0;padding: 0;font-size: 250%;}
table.blog .contentheading {font-size: 175%;}
table.blog .contentheading.homepage {font-size: 150%;}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {}
a.readon {text-align: center;color: #FFFFFF;background: url(../images/readon-bg.gif) no-repeat center left #CC0000;width: 90px;height: 20px;line-height: 20px;display: block;text-transform: uppercase;font-size: 10px;}
a.readon:hover, a.readon:focus, a.readon:active {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: 10px 0 0;background: url(../images/dot.gif) repeat-x top;color: #999999;}
ul.pagination li {background: none;display: inline;margin: 0;padding: 0;}
ul.pagination li span{padding: 2px 5px;}
ul.pagination a {padding: 2px 3px;text-decoration: none;background: #EEEEEE;color: #000000;border: 1px solid #DDDDDD;}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {background: #CC0000;color: #FFFFFF;}
.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;}
.smalldark {text-align: left;}
div.syndicate div {text-align: center;}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {background: none;}
ul.latestnews a, ul.mostread a {/*color: #666666;*/font-size:.9em;}
/* META
--------------------------------------------------------- */
.article-toolswrap {display: block;margin: 0 0 10px;padding: 0;position: relative;}
.article-tools {display: block;padding: 0 10px 0 0;}
.article-meta {width: 70%;float: left;color: #999999;}
.createby {}
.createdate {padding-right: 6px;margin-right: 5px;background: url(../images/vline.gif) no-repeat right;}
.modifydate {width: 100%;display: block;color: #CC0000;margin: 15px 0;}
.article-section {padding-left: 6px;margin-left: 5px;background: url(../images/vline.gif) no-repeat left center;}
.article-section a {color: #999999;}
.article-category a {color: #999999;}
div.buttonheading {position: absolute;top: 0;right: 10px;}
.buttonheading img {margin: 0 0 0 5px;border: 0;float: right;}
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {width: 970px;margin: 0 auto;}
.narrow #ja-wrapper {width: 760px;margin: 0 auto;}
#ja-container {}
/*#ja-mainbody {width: 78%;float: left;}*/
#ja-mainbody {width:655px;float:left;}
/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {clear: both;display: block;float: right;width: 72%;background: url(../images/content-center.gif) repeat-y center;}
#ja-content-top {background: url(../images/content-top.gif) no-repeat center top;}
#ja-content-bot {background: url(../images/content-bot.gif) no-repeat center bottom;}
.narrow #ja-content {background: url(../images/content-center-n.gif) repeat-y center;}
.narrow #ja-content-top {background: url(../images/content-top-n.gif) no-repeat top center;}
.narrow #ja-content-bot {background: url(../images/content-bot-n.gif) no-repeat bottom center;}
#ja-current-content {padding: 20px 20px 10px;}
/* COLUMNS
--------------------------------------------------------- */
#ja-col1 {float: left;overflow: hidden;width: 28%;}
#ja-col1 div.ja-innerpad {}
/*#ja-col2 {float: right;overflow: hidden;width: 22%;}*/
#ja-col2 {float: right;overflow: hidden;width: 308px;}
#ja-col2 div.ja-innerpad {}
/*common style for column*/
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-fr,
#ja-containerwrap-fl,
#ja-containerwrap-f {padding: 0;margin: 0;clear: both;}
/*content + left*/
#ja-containerwrap-fr #ja-mainbody {width: 100%;}
#ja-containerwrap-fr #ja-col1 {width: 22%;}
#ja-containerwrap-fr #ja-content {width: 78%;background: url(../images/content-center2.gif) repeat-y center;}
#ja-containerwrap-fr #ja-content-top {background: url(../images/content-top2.gif) no-repeat center top;}
#ja-containerwrap-fr #ja-content-bot {background: url(../images/content-bot2.gif) no-repeat center bottom;}
.narrow #ja-containerwrap-fr #ja-content {background: url(../images/content-center2-n.gif) repeat-y center;}
.narrow #ja-containerwrap-fr #ja-content-top {background: url(../images/content-top2-n.gif) no-repeat center top;}
.narrow #ja-containerwrap-fr #ja-content-bot {background: url(../images/content-bot2-n.gif) no-repeat center bottom;}
/*content + right*/
/*#ja-containerwrap-fl #ja-content {width: 100%;background: url(../images/content-center2.gif) repeat-y center;}
#ja-containerwrap-fl #ja-content-top {background: url(../images/content-top2.gif) no-repeat center top;}
#ja-containerwrap-fl #ja-content-bot {background: url(../images/content-bot2.gif) no-repeat center bottom;}*/
#ja-containerwrap-fl #ja-content {width: 100%;background: url(../images/content-center22.gif) repeat-y center;}
#ja-containerwrap-fl #ja-content-top {background: url(../images/content-top22.gif) no-repeat center top;}
#ja-containerwrap-fl #ja-content-bot {background: url(../images/content-bot22.gif) no-repeat center bottom;}

.narrow #ja-containerwrap-fl #ja-content {background: url(../images/content-center2-n.gif) repeat-y center;}
.narrow #ja-containerwrap-fl #ja-content-top {background: url(../images/content-top2-n.gif) no-repeat center top;}
.narrow #ja-containerwrap-fl #ja-content-bot {background: url(../images/content-bot2-n.gif) no-repeat center bottom;}
/*full*/
#ja-containerwrap-f #ja-mainbody {width: 100%;}
#ja-containerwrap-f #ja-content {width: 100%;background: url(../images/content-center1.gif) repeat-y center;}
#ja-containerwrap-f #ja-content-top {background: url(../images/content-top1.gif) no-repeat center top;}
#ja-containerwrap-f #ja-content-bot {background: url(../images/content-bot1.gif) no-repeat center bottom;}
#ja-containerwrap-f #ja-current-content {padding-left: 20px;padding-right: 20px;}
.narrow #ja-containerwrap-f #ja-content {background: url(../images/content-center1-n.gif) repeat-y center;}
.narrow #ja-containerwrap-f #ja-content-top {background: url(../images/content-top1-n.gif) no-repeat center top;}
.narrow #ja-containerwrap-f #ja-content-bot {background: url(../images/content-bot1-n.gif) no-repeat center bottom;}
/* MODULE
--------------------------------------------------------- */
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.ja-box-br h3 {margin: 0 0 5px;padding: 8px 0 2px 15px;font-size: 175%;}
div.ja-box-br-sm {padding: 0;float: left;clear: both;width: 100%;background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;overflow: hidden;}
div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {padding: 0;float: left;clear: both;width: 100%;background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;overflow: hidden;}
div.module-33 {padding: 0;float: left;clear: both;width: 200px;background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;overflow: hidden;}
div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.ja-box-bl {padding: 0;background: url(../images/box-bl.gif) no-repeat bottom left;}
div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.ja-box-tr {padding: 0;background: url(../images/box-tr.gif) no-repeat top right;}
div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,
div.ja-box-tl {padding: 4px 3px 4px 4px;background: url(../images/box-tl.gif) no-repeat top left;}
div.ja-box-tl-sm {padding: 4px 3px 4px 4px;background: url(../images/box-tl.gif) no-repeat top left;}
div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_hilite div div div div {margin: 0;padding: 0;background: none;}
div.ja-box-ct {background: url(../images/box-bg.gif) repeat-x top left !important;padding: 10px 15px !important;}
div.ja-box-ct-sm {background: url(../images/box-bg.gif) repeat-x top left !important;padding: 0px 0px 0px 0px !important;}
div.module_menu div.ja-box-ct {padding: 2px 0 0 !important;}
div.ja-box-user1 {width:661px;}
div.ja-box-user2 {width: 307px; float:right; margin:0; padding:0;}
/* misc */
div.banneritem_text {padding: 5px 0 !important;}
div.advs {clear: both;display: block;float: left;width: 100%;}
div.moduletable li,
div.moduletable_menu li,
div.moduletable_text li {padding-left: 13px;background-position: 5px 7px;}
/* HEADER
--------------------------------------------------------- */
#ja-header {line-height: normal;position: relative;padding: 5px 0 0;z-index: 999;}
h1.logo, div.logo-text {margin: 0 5px 5px;padding: 0;}
h1.logo a {width: 220px;height: 90px;display: block;background: url(../images/logo.jpg) no-repeat center;}
h1.logo a span {position: absolute;top: -1000px;}
div.logo-text {outline: none;}
div.logo-text h1 {font-size: 250%;font-weight: bold;letter-spacing: 2px;margin: 0;padding: 0;}
div.logo-text h1 a {color: #333333;text-transform: uppercase;}
.site-slogan {color: #999999;margin: 0 0 -2px 10px;padding: 0;letter-spacing: 1px;}
#ja-topnav {position: absolute;top: 5px;right: 5px;}
#ja-topnav ul {margin: 0;padding: 2px 0;}
#ja-topnav li {display: inline;margin: 0;padding: 0;line-height: 1.6;background: url(../images/vline.gif) no-repeat center left;}
#ja-topnav li a {display: inline;padding: 0 10px;}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {padding: 0;background: url(../images/grad-2.gif) repeat-x top #333333;width: 100%;position: relative;}
#ja-mainnav a, #ja-subnav a {outline: none;line-height: normal;}
#ja-subnav {background: #FFFFFF;clear: both;}
#ja-subnav ul {list-style: none;margin: 0;padding: 0;}
#ja-subnav li {background: none;margin: 0;padding: 0;display: inline;}
#ja-subnav a {display: block;float: left;outline: none;padding: 7px 15px 5px;margin: 0;text-decoration: none;background: url(../images/vline.gif) no-repeat left 9px;}
#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {text-decoration: underline;}
#ja-subnav li.active a {color: #000000;font-weight: bold;text-decoration: underline;}

/* breadcrumbs */
#ja-pathway {color: #999999;}
#ja-pathway strong {margin-right: 5px;}
#ja-pathway img {margin: 1px 5px;}

/* Default Joomla! Menu */
ul.menu {list-style: none;margin: 0;padding: 0;display: block;}
ul.menu li {display: block;background: none;margin: 0;padding: 0;line-height: normal;border-bottom: 1px solid #F1F1F1;}
ul.menu li a {display: block;outline: none;padding: 8px 25px;margin: 0;text-decoration: none;color: #333333;background: url(../images/arrow.png) no-repeat 16px 12px;}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {color: #CC0000;text-decoration: none;background: url(../images/arrow.gif) no-repeat 16px 12px #F7F7F7;}
ul.menu li.active a {font-weight: bold;background: url(../images/arrow.gif) no-repeat 16px 12px #F7F7F7;color: #CC0000;}
ul.menu li ul {list-style: none;margin: 0;padding: 0;}
ul.menu li li {border: none;background: none;padding: 0;}
ul.menu li li a {border: none;padding: 5px 5px 5px 35px !important;text-transform: none;font-weight: normal !important;background: url(../images/arrow.gif) no-repeat 25px 10px #F7F7F7 !important;}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {color: #CC0000;text-decoration: underline;}
ul.menu li li.active a {color: #CC0000;font-weight: bold;}
ul.menu li li li a {color: #000000 !important;font-weight: normal !important;padding-left: 45px !important;background: url(../images/bullet.gif) no-repeat 35px 10px !important;}
ul.menu li li li.active a {font-weight: bold !important;}
/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {float: left;overflow: hidden;}
/* Bottom spotlight */
#ja-bots2 {clear: both;margin: 0;padding: 0;}
#ja-bots2 .ja-box-tl {padding: 0 15px;}
#ja-bots2 div.module h3 {margin: 0 -14px;padding: 0 0 7px 15px;font-size: 150%;border-bottom: 1px solid #DDDDDD;}
#ja-bots2 div.module {margin: 20px 5px;padding: 0;float: none;width: auto;background: url(../images/box-r-br.gif) no-repeat bottom right #FFFFFF;overflow: hidden;}
#ja-bots2 div.module div {background: url(../images/box-r-bl.gif) no-repeat bottom left;}
#ja-bots2 div.module div div {background: url(../images/box-r-tr.gif) no-repeat top right;}
#ja-bots2 div.module div div div {padding: 10px 15px;background: url(../images/box-r-tl.gif) no-repeat top left;}
#ja-bots2 div.module div div div div {padding: 0;background: none;}
#ja-bots2 div.height-350,
#ja-bots2 div.height-350 div,
#ja-bots2 div.height-350 div div,
#ja-bots2 div.height-350 div div div,
#ja-bots2 div.height-350 div div div div {height:300px;}
#ja-bots2 div.height-350 div div div div div {height:auto;}
#ja-bots2 div.height-350 div div div {overflow:hidden;}
/* Bottom spotlight */
#ja-botsl {clear: both;margin: 0;padding: 0;}
#ja-botsl .ja-box-tl {padding: 0 5px;}
#ja-botsl div.module h3 {margin: 0 -14px;padding: 0 0 7px 15px;font-size: 150%;border-bottom: 1px solid #DDDDDD;}
#ja-botsl div.module {margin: 20px 5px;padding: 0;float: none;width: auto;background: url(../images/box-r-br.gif) no-repeat bottom right #FFFFFF;overflow: hidden;}
#ja-botsl div.module div {background: url(../images/box-r-bl.gif) no-repeat bottom left;}
#ja-botsl div.module div div {background: url(../images/box-r-tr.gif) no-repeat top right;}
#ja-botsl div.module div div div {padding: 10px 15px;background: url(../images/box-r-tl.gif) no-repeat top left;}
#ja-botsl div.module div div div div {padding: 0;background: none;}
/* FOOTER
--------------------------------------------------------- */
#ja-footer {clear: both;position: relative;padding: 15px 20px;color: #999999;text-align: center;}
#ja-footer small {font-size: 100%;}
/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {position: absolute;top: -100%;}
li.ja-firstitem, #ja-subnav li.first-item a, #ja-subnav a.first-item {background: none !important;}
/* Login */
#form-login p {margin: 0 0 5px;}
#form-login ul {margin: 5px 0 0;}
#modlgn_username, #modlgn_passwd {width: 90%;}
/*usertools*/
#ja-usertools {position: absolute;right: 10px;top: 8px;width:90px;}
#ja-usertools ul {margin: 0;padding: 0 10px 0 0;display: inline;}
#ja-usertools ul li {margin: 0;padding: 0 2px;float: right;background: none;}
/* Search */
#ja-search {background: url(../images/search-bg.gif) no-repeat;position: absolute;right: 50px;top: 35px;height: 24px;width: 276px;font-size: 12px;}
#ja-search .inputbox {margin: 2px 3px 0 5px;border: none;background: none;width: 198px;}
*+html #ja-search .inputbox { /*IE 7*/width: 193px;}
*+html #ja-search .button { /*IE 7*/padding: 1px 0px 1px 8px!important;}
#ja-search .button {border: none;background: none;font-size: 11px;}
* html #ja-search .button {width: 66px;height: 22px;}
/*others*/
#ja-banner {padding: 20px 0 0;text-align: center;overflow: hidden;width: 100%;clear: both;}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {background: none!important;display: block;margin: 10px 0;text-decoration: none!important;}
.clr {clear: both;}
.hasTip img {border: none;}
div.ja-innerdiv {padding: 10px 0 12px !important;background: url(../images/dot.gif) repeat-x bottom !important;}
div.ja-innerdiv img.border {padding: 2px;border: 1px solid #CCCCCC;margin-right: 10px;}
/* Tooltips */
.tool-tip {background: #FFFFFF;border: 1px solid #CCCCCC;float: left;max-width: 200px;padding: 5px;z-index: 999;color: #333333;}
.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;*/background: url('http://www.charismamag.com/images/site_images/redbutton.png') 10px 9px no-repeat;font-size:1.2em;color: #FF0000;margin: 0;padding: 10px;}
/* System Standard Messages */
#system-message dd.message ul {background:#FFFFCC;/*border: none;*/border: dashed 3px #f00;}
/* System Error Messages */
#system-message dd.error ul {background:#FFFFCC;/*border: none;*/border: dashed 3px #f00;}
/* System Notice Messages */
#system-message dd.notice ul {background:#FFFFCC;/*border: none;*/border: dashed 3px #f00;}
/* Clearfix */
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
* html > body .clearfix {display: block;width: 100%;}
* html .clearfix {height: 1%;}

.sectiontableentry1,
.sectiontableentry2 {font-size:12px;}
td.mod_poll_button {width:10%;}
td.mod_poll_option_text {width:90%;}
div#plg_subscribe_wrapper {clear:both;text-align:center; font-weight:bold;margin:1em 0 .5em 0;}
div#plg_subscribe_wrapper div#plg_subscribe_cust_border{width:50%;border-top:solid 1px #cde0f1;line-height:1px;font-size:1px;height:1px;margin:0 auto 10px auto;}
div#plg_subscribe_wrapper div#plg_subscribe_mag {margin-bottom:.5em;}

/* BEGIN GET SATISFACTION */
#special_widget {width:96px;height:41px;margin:0;padding:0;overflow:hidden;bottom:0 !important; left:3%;z-index:100000;position:fixed;text-indent:-100000px;}
#special_widget a.feedback_btn {display:block;height:41px;width:96px;background:url(http://www.charismamag.com/images/assets/getsatisfaction_button2.gif) no-repeat; margin-top:20px !important;}
#special_widget a.feedback_btn:hover {margin-top:5px !important;}
/* END GET SATISFACTION */

/* INLINE-BLOCK TOOLS */
.in-block { display:inline-block; }
.vtop { vertical-align:top; }
/* END INLINE-BLOCK TOOLS */

/* GENERAL BOX STYLE 1 */
.general-box1 { background:url('/images/assets/content-box-style1-br.gif') no-repeat bottom right white; }
.general-box1 div { background:url('/images/assets/content-box-style1-bl.gif') no-repeat bottom left; }
.general-box1 div div { background:url('/images/assets/content-box-style1-tr.gif') no-repeat top right; }
.general-box1 div div div { background:url('/images/assets/content-box-style1-tl.gif') no-repeat top left; }
.general-box1 div div div div { background:none; }

.general-box1 div div div div.general-box1-gen-content { padding:15px 20px; }
/* END GENERAL BOX STYLE 1 */


/* mod_custom: newsletterSignupForm1(and 2) */
.newsletterSignupForm1 {margin:0 auto; width:300px; height:115px; background:url('/images/assets/mt-report_quick-form_bg2.png') left top no-repeat #ebe9e9; font-size:12px;}
.newsletterSignupForm1 form {display:block; width:231px; position:relative; top:86px; left:34px;}
.newsletterSignupForm1 .formLeft {position:absolute; top:0; left:0;}
.newsletterSignupForm1 .formLeft input {height:16px; width:162px; margin:0; padding:0 1px 0 3px; border:1px solid #000; font-size:12px;}
.newsletterSignupForm1 .formRight {position:absolute; top:0; right:0;}
.newsletterSignupForm1 .formRight input {margin:0; padding:0; border:0;}

.newsletterSignupForm2 {margin:0 auto; width:298px; height:43px; background:#ebe9e9; border:1px solid #000; font-size:12px;}
.newsletterSignupForm2 .description {padding:3px 0 0 0; text-align:center; font-size:15px; line-height:15px; font-weight:bold; text-transform:uppercase; color:#333333;}
.newsletterSignupForm2 form {display:block; width:227px; position:relative; margin:2px auto 0 auto;}
.newsletterSignupForm2 .formLeft {position:absolute; top:0; left:0;}
.newsletterSignupForm2 .formLeft input {height:19px; width:152px; margin:0; padding:0 1px 0 3px; border:0; background:url('/images/assets/NewsletterSignupForm1_input.png') left top no-repeat transparent; font-size:12px;}
.newsletterSignupForm2 .formRight {position:absolute; top:0; right:0;}
.newsletterSignupForm2 .formRight input {margin:0; padding:0; border:0;}
.ie6 .newsletterSignupForm1 .formRight input,
.ie7 .newsletterSignupForm1 .formRight input,
.ie6 .newsletterSignupForm2 .formRight input,
.ie7 .newsletterSignupForm2 .formRight input {margin:0; padding:1px 0 0 0; border:0;}

/*This is used in stoplight area to format 300x250 ads (by removing the chrome and changing the header area) */
#ja-bots2 div.module.boxlessSpotlight,
#ja-bots2 div.module.boxlessSpotlight div,
#ja-bots2 div.module.boxlessSpotlight div div,
#ja-bots2 div.module.boxlessSpotlight div div div {background:0}
#ja-bots2 div.module.boxlessSpotlight div div div {padding:0;}
#ja-bots2 div.module.boxlessSpotlight div div div {padding:0;}
#ja-bots2 div.module.boxlessSpotlight h3 {border:0 none;margin:0;padding:10px 0 7px;text-align:center;}

.advertisementNote {font-size:10px; color:#aaa; text-align:center;}

.mtVideoRotator .videoHeader {font-weight:bold; margin:.5em 0;}

.module.height-350 .poll {margin-top:.5em;}

.nonHomepage .featuredTitle {display:none;}
.homepage .readmore-link,
.homepage .comment-link {font-size:1.2em;}

/*
	plg: jcomments
*/
#commentGuidelinesLink {margin:0;display:block;font-size: 0.85em;}
#commentGuidelines {display:none; border:1px solid #aaa; border-radius:10px; padding:10px; width:95%; background-color:#fff; font-size:1em;}
#commentGuidelinesCloseLink {display:block;margin:0 auto;border:1px solid #aaa;border-radius:5px;padding:5px 0;width:75px;text-align:center;}
#commentGuidelinesCloseLink:hover {background-color:#39C;}

/* Digital Edition Archives and Spotlight */
.digital-archs-box { float:left; padding:10px 5px 0px 5px; width:234px; height:238px; background-image:url('/images/digital_version_images/digital-archive-bg.jpg'); margin:5px 0 0 2px; }
.digital-archs-header { text-align:center; color: #c36062; font-weight:bold; }
.digital-archs-header-year { font-size: 24px; line-height:1em;}
.digital-archs-header-month { font-size: 20px; line-height:1em; }
.digital-archs-img { width:130px; margin: 5px auto 0px auto; }
.digital_horz-archs-img { width:200px; margin:15px 16px 0px auto; }

div.digital-spotlight {text-align:center; height: 250px;}
h4.spotlight-month {font-size: 20px; margin:0; padding-top:30px; line-height:1em; color: #c36062;}
a.spotlight-img {margin:12px 0 0 0; display:block; font-size:11px;}
a.spotlight-read-btn{display:block; width:100px; margin:5px auto 0; background-color:#00508E; color:#fff; border-radius:5px; border:1px outset #003050; }
a.spotlight-read-btn:hover{color:#fff; background-color:#2787d2}
.centerH3 h3 {text-align:center; padding-left:0;}