/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {
   width: 315px;
   height: 115px;
}
/* Font Family Settings */
#ff-solarsentinel,
a.solarsentinel,
#ff-solarsentinel .componentheading {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans serif;
}
#ff-solarsentinel h1 {
   font-family: Georgia, Times, sans-serif;
}
#ff-optima,
a.optima {
   font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}
#ff-geneva,
a.geneva {
   font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}
#ff-helvetica,
a.helvetica {
   font-family: Helvetica, Arial, FreeSans, sans-serif;
}
#ff-lucida,
a.lucida {
   font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
}
#ff-georgia,
a.georgia {
   font-family: Georgia, sans-serif;
}
#ff-trebuchet,
a.trebuchet {
   font-family: "Trebuchet MS", sans-serif;
}
#ff-palatino,
a.palatino {
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}
input {
   font-family:Helvetica, Arial, sans-serif;
}
/* Core Formatting */
html {
   height: 100%;
   margin-bottom: 1px;
}
body {
   margin: 0;
   line-height: 135%;
   background: #b6b6c7 url(../images/header/voices/background.jpg) repeat-x fixed center top;
}
form {
   margin: 0;
   padding: 0;
}
body.f-small,
body#ff-optima.f-small,
body#ff-georgia.f-small {
   font-size: 11px;
}
body,
body.f-default {
   font-size: 12px;
}
body#ff-optima,
body#ff-optima.f-default {
   font-size: 13px;
}
body#ff-georgia,
body#ff-georgia.f-default {
   font-size: 13px;
}
body.f-large,
body#ff-optima.f-large,
body#ff-georgia.f-large {
   font-size: 14px;
}
p {
   margin-top: 10px;
   margin-bottom: 15px;
}
h1,
h2,
h3,
h4,
h5 {
   padding-bottom: 5px;
   margin: 25px 0 10px 0;
   font-weight: normal;
   line-height: 120%;
}
h1 {
   font-size: 250%;
   line-height: 100%;
}
h2 {
   font-size: 200%;
   font-size: 150%;
   line-height: 100%;
}
h3 {
   font-size: 175%;
}
h4 {
   font-size: 120%;
   line-height: 130%;
}
h5 {
   font-size: 120%;
   text-transform: uppercase;
}
a {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
.clr {
   clear: both;
}
.rokradios,
.rokchecks {
   padding: 2px 5px 5px 22px;
   line-height: 120%;
}
/* Backgrounds */
body.bg-white {
   background: #D9D9D9;
}
body.bg-red {
   background: #481515;
}
body.bg-blue {
   background: #0B1D35;
}
body.bg-beige {
   background: #BFBDB0;
}
body.bg-grey {
   background: #999;
}
body.bg-darkgrey {
   background: #1A1A1A;
}
body.bg-black {
   background: #0B0B0B;
}
body.bg-white #page-bg {
   background: #fff url(../images/background/white/page-bg.png) 0 0 repeat-x;
}
body.bg-red #page-bg {
   background: #732222 url(../images/background/red/page-bg.png) 0 0 repeat-x;
}
body.bg-blue #page-bg {
   background: #152B4E url(../images/background/blue/page-bg.png) 0 0 repeat-x;
}
body.bg-beige #page-bg {
   background: #E8E7D7 url(../images/background/beige/page-bg.png) 0 0 repeat-x;
}
body.bg-grey #page-bg {
   background: #ccc url(../images/background/grey/page-bg.png) 0 0 repeat-x;
}
body.bg-darkgrey #page-bg {
   background: #303030 url(../images/background/darkgrey/page-bg.png) 0 0 repeat-x;
}
body.bg-black #page-bg {
   background: #1B1B1B url(../images/background/black/page-bg.png) 0 0 repeat-x;
}
body.bg-voices #page-bg {
   background: none;
}
#body-left {
   margin-left: 0;
   padding-left: 10px;
   height: 100%;
}
#body-right {
   margin-right: 0;
   padding-right: 10px;
   height: 100%;
}
.footer-bottom {
   height: 86px;
}
body.bg-white .footer-bottom {
   background: url(../images/background/white/footer-bg.png) 0 0 repeat-x;
}
body.bg-red .footer-bottom {
   background: url(../images/background/red/footer-bg.png) 0 0 repeat-x;
}
body.bg-blue .footer-bottom {
   background: url(../images/background/blue/footer-bg.png) 0 0 repeat-x;
}
body.bg-beige .footer-bottom {
   background: url(../images/background/beige/footer-bg.png) 0 0 repeat-x;
}
body.bg-grey .footer-bottom {
   background: url(../images/background/grey/footer-bg.png) 0 0 repeat-x;
}
body.bg-darkgrey .footer-bottom {
   background: url(../images/background/darkgrey/footer-bg.png) 0 0 repeat-x;
}
body.bg-black .footer-bottom {
   background: url(../images/background/black/footer-bg.png) 0 0 repeat-x;
}
body.bg-voices .footer-bottom {
   background: url(../images/body-b.png) center top no-repeat;
   font-size:10px;
   text-align:center;
   padding:18px 0 0;
}
/* New CSS structure */
.colmask {
   clear:both;
   float:left;
   overflow:hidden;
   position:relative;
   width:100%;
}
.col1wrap {
   padding-bottom:2em;
}
#maincol2 {
   position: relative;
}
#page-bg {
   overflow:hidden;
}
.wrapper {
   position:relative;
}
/* Top Bar */
#top-bar {
   padding: 6px 15px;
   overflow: hidden;
}
.date-block {
   width: 250px;
   font-weight: bold;
   float: left;
}
#lock-button {
   height: 16px;
   float: right;
   text-align: left;
   line-height: 18px;
}
#lock-button span {
   font-size: 13px;
   padding-left: 20px;
   margin: 0;
   font-weight: bold;
}
#lock-button:hover {
   text-decoration: none;
}
#accessibility {
   height: 16px;
   float: right;
   margin-left: 10px;
   width: 110px;
}
.textsizer-desc {
   display: block;
   float: right;
   text-align: right;
   font-size: 12px;
   margin-right: 6px;
   font-weight: bold;
   line-height: 18px;
}
#accessibility a {
   text-decoration: none;
   cursor: pointer;
}
#accessibility #buttons {
   float: right;
   width: 40px;
   height:18px;
   overflow:hidden;
}
#accessibility .button {
   display: block;
   float: right;
   width: 18px;
   height: 18px;
}
#accessibility a.small .button {
   margin-right: 2px;
}
.topbar-strip {
   overflow: hidden;
   padding-bottom: 2px;
}
.topbar-left-mod {
   float: left;
   width: 48%;
   padding: 15px 0;
}
.topbar-right-mod {
   float: right;
   width: 48%;
   padding: 15px 0;
   text-align: right;
}
.syndicate-module {
   float: right;
}
a.syndicate-link {
   display: block;
   width: 50px;
   height: 17px;
   background: url(../images/rss-top.png) 0 0 no-repeat;
   margin-left: 20px;
}
/* Header */
#header-bar {
   padding: 0 15px;
   overflow: hidden;
}
#logo {
   float: left;
   position: relative;
}
.logo-text {
   position: absolute;
   left: 72px;
   top: 50px;
   font-size: 16px;
}
#logo:hover {
   text-decoration: none;
}
/* RokAjaxSearch */
#searchmod-surround h3 {
   font-size: 12px;
   color: #fff;
   margin: 0;
   padding: 0 0 6px 6px;
}
#searchmod-surround {
   float: right;
   margin-right: 10px;
   padding-top: 5px;
}
#searchmod {
   width: 219px;
}
#searchmod .inputbox {
   background: none;
   border: 0;
   padding: 4px 0 4px 5px;
   font-size: 13px;
   line-height: 20px;
   width: 210px;
   height:18px;
}
#searchmod .search_options {
   padding-top: 6px;
   padding-left: 4px;
}
#roksearch_search_str {
   width: 150px;
}
#roksearch_search_str.loading {
   width: 185px;
   padding-right:22px;
   background: transparent url(../images/spinner.gif) no-repeat scroll 100% 50%
}
#roksearch_results {
   z-index: 10000;
   position: absolute;
   width: 400px;
   float: right;
   margin-top: -1px;
   text-align: left;
   visibility: hidden;
}
#roksearch_results a#roksearch_link {
   float: right;
   padding-right: 5px;
   margin-top: 3px;
   display: block;
   height: 18px;
   width: 18px;
}
#roksearch_results h3 {
   margin-top: 0;
   margin-bottom: 0;
   line-height: 110%;
   font-size: 120%;
   padding-bottom: 0;
}
#roksearch_results span {
   display: block;
   line-height: 130%;
   font-size: 90%;
}
#roksearch_results .container-wrapper {
   overflow: hidden;
}
#roksearch_results .page {
   float: left;
}
#roksearch_results .roksearch_header,
#roksearch_results .roksearch_row_btm {
   padding: 6px 10px;
   line-height: 100%;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 100%;
}
#roksearch_results .roksearch_row_btm {
   overflow: hidden;
   border-bottom: 0;
}
#roksearch_results .roksearch_row_btm span {
   line-height: 140%;
}
#roksearch_results span.small {
   display: block;
   position: absolute;
   bottom: 6px;
   right: 10px;
   text-align: right;
   font-size: 80%;
   font-weight: normal;
}
#roksearch_results span.highlight {
   display: inline;
}
#roksearch_results a.clr {
   font-size: 100%;
}
#roksearch_results a:hover {
   text-decoration: none;
}
#roksearch_results .roksearch_odd {
   padding: 15px;
   position: relative;
}
#roksearch_results .roksearch_even {
   padding: 15px;
   position: relative;
}
#roksearch_results .roksearch_odd-hover h3,
#roksearch_results .roksearch_even-hover h3 {
   padding-left: 10px;
}
.results ol.list {
   padding-left: 30px;
   margin-top: 0;
}
.results ol.list h4 {
   border: 0;
   margin-top: 0;
   margin-bottom: 0;
}
.results ol.list li {
   padding: 10px 5px;
   margin-bottom: 5px;
}
.results ol.list li p {
   margin-top: 0;
}
#roksearch_results .container-arrows {
   height: 16px;
   width: 42px;
   float: left;
   margin-right: 5px;
   position: relative;
}
#roksearch_results .arrow-left {
   width: 18px;
   height: 18px;
   position: absolute;
   top: -1px;
   left: 0;
   cursor: pointer;
}
#roksearch_results .arrow-left-disabled {
   width: 18px;
   height: 18px;
   position: absolute;
   top: -1px;
   left: 0;
}
#roksearch_results .arrow-right {
   width: 18px;
   height: 18px;
   position: absolute;
   top: -1px;
   left: 22px;
   cursor: pointer;
}
#roksearch_results .arrow-right-disabled {
   width: 18px;
   height: 18px;
   position: absolute;
   top: -1px;
   left: 22px;
}
fieldset.phrase,
fieldset.word,
fieldset.only {
   border-bottom: 1px solid #ccc;
}
#roksearch_results .viewall span {
   padding-top: 1px;
}
#roksearch_results a.viewall {
   float: left;
   margin-right: 5px;
}
#roksearch_results .estimated_res,
#roksearch_results .pagination_res {
   font-size: 9px;
   font-style: italic;
   padding-top: 3px;
   text-transform: none;
   float:left;
}
#roksearch_results .pagination_res {
   font-style: normal;
   float: right;
   font-size: 11px;
   padding-top: 1px;
}
#roksearch_results .powered-by-google {
   text-transform: lowercase;
   font-style: italic;
   font-size: 9px;
}
.roksearch_wrapper4.google-search .roksearch_odd,
.roksearch_wrapper4.google-search .roksearch_even {
   height: 110px;
}
form.search_result input.button {
   border: 0;
   background: none;
   cursor: pointer;
   padding-top: 3px;
}
form.search_result fieldset {
   padding: 15px 0;
}
.search-results-full .readon-wrap1 {
   margin-top: 0;
}
form.search_result input#search_searchword.inputbox {
   width: 220px;
   height: 20px;
   border: 0;
   margin-left: 5px;
   padding-left: 5px;
   font-size: 110%;
   padding-top: 4px;
   line-height: 10px;
}
form.search_result fieldset.word {
   margin-top: 0;
}
form.search_result fieldset.word label {
   font-size: 120%;
   display: inline-block;
   height: 26px;
}
.search-results-full h3 {
   margin-top: 10px;
   padding: 0;
   margin-bottom: 0;
   font-size: 130%;
}
form.search_result .display {
   float: left;
   margin-left: 20px;
   height: 20px;
   margin-top: 5px;
}
#roksearch_results .google-search a#roksearch_link {
   margin-top: 5px;
}
/* Top Main Menu */
#horiz-menu {
   padding: 0;
   display: block;
}
ul#horiznav.menutop,
#horiz-menu ul.menutop {
   padding: 0;
   margin: 0;
   position: relative;
   z-index:120;
   float: left;
   cursor:pointer;
}
#horiz-menu li,
#horiz-menu li .link {
   position:relative;
   display: block;
}
#horiz-menu li:hover .link,
#horiz-menu li.sfHover .link {
   z-index: 100;
   cursor: pointer;
   margin: 0;
}
#horiz-menu .link {
   white-space: nowrap;
   display: block;
   float: left;
   font-weight: normal;
   font-size: 14px;
   text-decoration: none;
   z-index: 100;
   cursor: pointer;
   padding: 0;
}
#horiz-menu li:hover .link,
#horiz-menu li.sfHover .link,
#horiz-menu li.active .link {
   z-index: 100;
   cursor: pointer;
   margin: 0;
}
#horiz-menu ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#horiz-menu li {
   display: block;
   float: left;
   margin: 0 1px;
   padding: 0;
   font-weight: bold;
}
#horiz-menu li .link span {
   display: block;
   padding: 0 10px;
}
#horiz-menu li li .link span {
   display: block;
   padding: 0 10px;
   height: 24px;
   line-height: 24px;
}
/* Top Main Menu Dropdowns */
#horiz-menu ul ul {
   margin: 0;
   border: 0;
   padding: 0 10px 15px 10px;
}
#horiz-menu li li {
   margin: 0;
}
#horiz-menu li li .link {
   text-indent:10px;
   font-weight: normal;
   padding: 0;
   margin: 0;
   height: 33px;
   font-size: 12px;
   display: block;
}
#horiz-menu li li .link span {
   display: block;
   padding: 0;
   margin-left: 0;
}
#horiz-menu ul ul li,
#horiz-menu ul ul li.active,
#horiz-menu ul ul li.parent {
   height: 30px;
}
#horiz-menu .sfHover {
   z-index: 700;
}
.menutop li:hover ul,
.menutop li.sfHover ul {
   left: 0;
   top:8px;
}
#horiz-menu ul ul li,
#horiz-menu ul ul li.c0,
#horiz-menu ul ul li.c1,
#horiz-menu ul ul li.c2,
#horiz-menu ul ul li.c3 {
   float: left;
   width: 173px;
   padding: 0;
}
#horiz-menu li ul,
#horiz-menu li ul.columns-1,
#horiz-menu .drop-wrap.columns-1 {
   width: 195px;
}
#horiz-menu li ul.columns-2,
#horiz-menu .drop-wrap.columns-2 {
   width: 370px;
}
#horiz-menu li ul.columns-3,
#horiz-menu .drop-wrap.columns-3 {
   width: 555px;
}
#horiz-menu li ul.columns-4,
#horiz-menu .drop-wrap.columns-4 {
   width: 740px;
}
.menutop .drop-wrap.columns-1 .drop1,
.menutop .drop-wrap.columns-2 .drop1,
.menutop .drop-wrap.columns-3 .drop1,
.menutop .drop-wrap.columns-4 .drop1 {
   height: 8px;
}
.menutop .drop-wrap {
   float:none;
   left:-999em;
   position:absolute;
   z-index:700;
   width: 100%;
}
.menutop li:hover .drop-wrap,
.menutop li.sfHover .drop-wrap {
   left: -4px;
   top:41px;
}
.menutop li:hover li .drop-wrap,
.menutop li.sfHover li .drop-wrap,
.menutop li li:hover li .drop-wrap,
.menutop li li.sfHover li .drop-wrap,
.menutop li li li:hover li .drop-wrap,
.menutop li li li.sfHover li .drop-wrap {
   top:-999em;
}
.menutop li li:hover .drop-wrap,
.menutop li li.sfHover .drop-wrap,
.menutop li li li:hover .drop-wrap,
.menutop li li li.sfHover .drop-wrap,
.menutop li li li li:hover .drop-wrap,
.menutop li li li li.sfHover .drop-wrap {
   left:165px;
   top: -8px;
}
.menutop .submenu-animation-left,
.menutop .submenu-animation-right {
   height: 100%;
}
#horiz-menu li.parent:hover li .link,
#horiz-menu li.parent.sfHover li .link,
#horiz-menu li.active li .link span,
#horiz-menu li:hover li .link span,
#horiz-menu li.sfHover li .link span {
   background: none;
}
#horiz-menu.suckerfish li li:hover li span,
#horiz-menu.suckerfish li li:hover li:hover li span,
#horiz-menu.suckerfish li li:hover li:hover li:hover li span,
#horiz-menu.suckerfish li li.sfHover li span,
#horiz-menu.suckerfish li li.sfHover li.sfHover li span,
#horiz-menu.suckerfish li li.sfHover li.sfHover li.sfHover li span {
   background: none;
}
/* Main Page Structure */
#main-content {
   overflow: hidden;
}
#maincontent-block {
   padding: 0 15px;
}
#inset-block-right {
   float: right;
   z-index: 1;
   position: relative;
   background-position: 0 0;
   background-repeat: repeat-y;
}
#inset-block-right .right-padding {
   padding:0;
}
#inset-block-left {
   float: left;
   z-index: 1;
   position: relative;
   background-position: 100% 0;
   background-repeat: repeat-y;
}
#inset-block-left .left-padding {
   padding: 0;
}
#inset-block-left h3,
#inset-block-right h3 {
   margin-top: 0;
}
table.mainbody,
table.blog {
   width: 100%;
   border: 0;
   padding: 0;
}
.spacer .block {
   float: left;
}
/* Main Body Items */
#breadcrumbs {
   margin: 3px 0;
   display: block;
   position:relative;
   overflow: hidden;
   height: 26px;
}
#breadcrumbs-home {
   width: 37px;
   height: 26px;
   display: block;
   float: left;
}
#breadcrumbs h3 {
   display: none;
}
#breadcrumbs .spinner {
   float:right;
   background:url(../images/spinner.gif) center center no-repeat;
   width: 16px;
   height: 16px;
   right: 10px;
   top: 10px;
   position: absolute;
}
span.breadcrumbs {
   display: block;
   font-size: 100%;
   font-weight: bold;
   overflow: hidden;
}
span.breadcrumbs img {
   width: 12px;
   height: 26px;
   float: left;
}
span.breadcrumbs a,
span.no-link {
   padding: 0 6px;
   float: left;
   display: block;
   height: 26px;
   line-height: 26px;
}
span.breadcrumbs span.no-link {
   font-weight: normal;
}
span.breadcrumbs a:hover {
   text-decoration: none;
}
.contentheading {
   font-size: 190%;
   font-weight: normal;
   line-height: 140%;
   margin: 0 -15px 14px -15px;
   padding: 10px 15px 0 15px;
}
p.buttonheading {
   float: right;
   margin: 0 0 0 15px;
}
.article-info-surround {
   padding: 0 0 9px 0;
   margin: 0 0 10px 0;
}
.article-info-surround2 {
   padding: 10px 14px;
}
p.articleinfo,
p.iteminfo {
   margin: 0;
   font-style: italic;
   font-size: 10px;
   line-height: 130%;
}
span.modifydate,
span.createdby,
span.createdate {
   display: block;
}
p.counter {
   text-indent: 5px;
}
div.pagination {
   height: 22px;
   line-height: 22px;
   margin-top: 10px;
   margin-bottom: 15px;
}
div.pagination div.tab {
   float: left;
   margin-right: 6px;
}
div.pagination div.tab2 {
   padding: 0 8px;
}
div.pagination div.page-block {
   padding: 0 4px;
   float: left;
   margin-right: 6px;
}
.cols1 {
   display: block;
   float: none;
   margin: 0;
}
.cols2 {
   width: 49%;
}
.cols3 {
   width: 30%;
}
.column1,
.column2 {
   margin: 0 5px 0 0;
   position: relative;
}
.column2,
.column1 {
   float: left;
   margin: 0;
}
.column2 {
   float: right;
   margin: 0;
   width: 49%;
}
.article_row {
   margin: 0 -15px;
   padding: 0 15px;
   overflow: hidden;
}
.blog_more {
   padding-top: 15px;
}
#page {
   padding-bottom: 15px;
}
.component-header {
   margin: 0;
}
.componentheading {
   margin: 0 -15px;
   font-size: 110%;
   line-height: 28px;
   text-transform: uppercase;
   padding: 0 0 0 15px;
   height: 43px;
   font-weight: bold;
}
/* Side Column Modules */
.module-header {
   margin-bottom: -14px;
}
.side-mod h3 {
   margin: 0;
   font-size: 110%;
   line-height: 20px;
   text-transform: uppercase;
   padding: 5px 0 20px 15px;
   font-weight: bold;
}
.side-mod {
   margin-bottom: 3px;
}
#inset-block-left .side-mod,
#inset-block-right .side-mod {
   margin-bottom: 0;
}
.side-mod .module {
   padding: 15px;
}
.advertisement .module-header,
.advertisement .module-header2,
.advertisement h3.module-title {
   background: none;
   margin: 0;
}
.advertisement .side-mod h3.module-title {
   text-align: center;
   padding: 2px;
   margin: 0;
   font-size: 10px;
}
#rightcol .advertisement .side-mod .module {
   padding: 0 0 0 5px;
}
#leftcol .advertisement .side-mod .module {
   padding: 0 5px 0 0;
}
/* Main Body Modules */
.moduletable h3 {
   margin-top: 0;
   font-size: 140%;
}
#inset-block-right .mainblock-module,
#inset-block-left .mainblock-module {
   padding-bottom: 10px;
}
#showmodules,
#mainmodules,
#mainmodules2,
#mainmodules3,
#mainmodules4 {
   overflow: hidden;
}
#mainmodules3 {
   padding-top: 15px;
}
#showmodules .moduletable,
#mainmodules3 .moduletable {
   margin-bottom: 15px;
}
#showmodules.spacer .block,
#mainmodules.spacer .block,
#mainmodules2.spacer .block,
#mainmodules3.spacer .block,
#mainmodules4.spacer .block {
   float: left;
}
#showmodules.spacer.w99 .block,
#mainmodules.spacer.w99 .block,
#mainmodules2.spacer.w99 .block,
#mainmodules3.spacer.w99 .block,
#mainmodules4.spacer.w99 .block {
   width: 99.8%;
}
#showmodules.spacer.w49 .block,
#mainmodules.spacer.w49 .block,
#mainmodules2.spacer.w49 .block,
#mainmodules3.spacer.w49 .block,
#mainmodules4.spacer.w49 .block {
   width: 49.8%;
}
#showmodules.spacer.w33 .block,
#mainmodules.spacer.w33 .block,
#mainmodules2.spacer.w33 .block,
#mainmodules3.spacer.w33 .block,
#mainmodules4.spacer.w33 .block {
   width: 33.3%;
}
#mainmodules3 .block.first .moduletable {
   padding: 0 15px 10px 15px;
}
#mainmodules3 .block.middle .moduletable {
   padding: 0 15px 10px 15px;
}
#mainmodules3 .block.last .moduletable {
   padding: 0 15px 10px 15px;
}
#showmodules .moduletable,
#mainmodules4 .moduletable {
   padding: 15px;
}
#main-body #showmodules .block.full .moduletable,
.block.full .moduletable,
#mainmodules .moduletable,
#mainmodules2 .moduletable {
   padding: 15px;
}
#mainmodules3 h3 {
   margin-top: 0;
}
#bottom-main {
   position: relative;
}
h3.main-modules {
   font-size: 110%;
   font-weight: bold;
   margin: 0;
   padding: 3px 10px 9px 10px;
   text-transform: uppercase;
   text-align: center;
   margin-bottom: 10px;
}
/* Extra Joomla Elements */
span.small,
td.createdate,
td.modifydate {
   font-size: 90%;
}
table.blog td.createdate {
   padding-bottom: 5px;
}
table.blog td.modifydate {
   padding-top: 10px;
}
.sectiontableheader {
   font-weight: bold;
   padding: 4px;
   line-height: 25px;
   text-align: left;
}
.sectiontablefooter {
   padding-bottom: 8px;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
   text-align: left;
   padding: 4px 5px 4px 5px;
   border-bottom: 1px solid #ddd;
   vertical-align: middle;
}
tr.sectiontableentry2 td,
td.sectiontableentry2 {
   height: 30px;
}
tr.sectiontableentry1 td,
td.sectiontableentry1 {
   height: 30px;
}
.contentpane,
.contentpaneopen {
   width: 100%;
}
.module fieldset {
   border: 0;
}
.module h4 {
   margin-top: 0;
}
table.contenttoc {
   float: right;
   margin-left: 25px;
}
.weblinks .contentdescription {
   overflow: hidden;
   margin-bottom: 15px;
   padding: 15px 0;
}
.weblinks img {
   margin-right: 12px;
   margin-left: 0;
}
.contact_email input.button {
   border: 0;
   background: none;
}
.contact_email .readon-wrap1 {
   margin-top: 0;
}
.contact_email .inputbox {
   width: 215px;
   height: 20px;
   border: 0;
   padding-left: 5px;
   font-size: 110%;
   padding-top: 4px;
   line-height: 10px;
   margin-bottom: 10px;
}
.contact_email #contact_text.inputbox {
   width: 212px;
   height: 153px;
   border: 0;
   padding: 5px;
   font-size: 110%;
   padding-top: 4px;
   line-height: 140%;
}
.contact-name {
   font-weight: bold;
   font-size: 140%;
   display: block;
   padding: 15px 0 2px 0;
}
.contact-position {
   display: block;
   padding-bottom: 15px;
}
.intro-article-content .article_separator {
   display: none;
}
.contact .icon {
   float: left;
   width: 40px;
}
.contact .misc,
.contact .webpage,
.contact .mobile,
.contact .email,
.contact .telephone,
.contact .fax,
.contact .country,
.contact .state,
.contact .postcode,
.contact .suburb,
.contact .street-address {
   overflow: hidden;
}
.contact .other .surround {
   margin-top: 5px;
}
.contact .vcard {
   margin-top: 15px;
}
/* Side Menus */
#main-body #leftcol ul.menu {
   margin: 0 -5px 0 -10px;
   padding: 0;
}
#main-body #rightcol ul.menu {
   margin: 0 -10px 0 -5px;
   padding: 0;
}
#main-body ul.menu li {
   list-style: none;
   margin: 0 0 3px 0;
   padding: 0;
   float: none;
}
#main-body ul.menu a:hover {
   text-decoration: none;
}
#main-body ul.menu span {
   display: block;
}
#main-body ul.menu ul li a {
   padding-left: 20px;
}
#main-body ul.menu ul li span.separator {
   padding-left: 20px !important;
   background: none !important;
}
#main-body ul.menu ul li ul li a,
#main-body ul.menu ul li ul li .separator {
   padding-left: 36px;
   background: none;
}
#main-body ul.menu ul li ul li ul li a,
#main-body ul.menu ul li ul li ul li .separator {
   padding-left: 56px;
   background: none;
}
#main-body ul.menu li.active.parent li span,
#main-body ul.menu li.parent li span,
#main-body ul.menu li ul li span {
   padding-left: 18px;
   font-size: 110%;
   line-height: 110%;
}
#main-body ul.menu a,
ul.menu .separator {
   display: block;
   text-indent: 0;
   overflow: hidden;
   font-size: 120%;
   float: none;
}
#main-body ul.menu a,
#main-body ul.menu .separator {
   padding: 6px 10px 6px 22px;
}
#main-body ul.menu li.active.parent li span.separator,
#main-body ul.menu li.parent li span.separator {
   background: none;
}
#main-body ul.menu li.active a,
#main-body ul.menu li.active li.active a,
#main-body ul.menu li.active li.active li.active a,
#main-body ul.menu li.active .separator,
#main-body ul.menu li.active li.active .separator {
   font-weight: bold;
}
#main-body ul.menu li.active li a,
#main-body ul.menu li.active li.active li a,
#main-body ul.menu li.active li .separator,
#main-body ul.menu li.active li.active li .separator,
#main-body ul.menu li.active li.active li.active .separator {
   font-weight: normal;
   background: none;
}
#main-body ul.menu ul ul {
   padding: 0;
   margin: 0;
}
#main-body ul.menu li li {
   padding: 0;
   margin: 0;
   background: none;
   font-size: 10px;
}
#main-body ul.menu li li .separator span {
   padding: 0;
}
#main-body ul.menu li.active.parent ul,
#main-body ul.menu li ul {
   margin: 0;
   padding: 14px 0;
}
#main-body ul.menu li.active.parent ul li.active.parent ul {
   padding: 5px 0;
}
#main-body ul.menu li.active li a:hover,
#main-body ul.menu li.active li .separator:hover,
#main-body ul.menu li.active li a,
#main-body ul.menu li.active li .separator {
   background: none;
}
#main-body ul.menu li.active ul span.separator {
   background: none;
}
#main-body ul.menu li.active li li,
#main-body ul.menu li:hover li li {
   background: none !important;
}
/* Extra Content Styles */
a.nounder {
   text-decoration: none;
   border: 0;
   cursor: pointer;
}
a.nounder:hover {
   text-decoration: none;
}
fieldset {
   margin:10px 0 20px 0;
   border-left: 0;
   border-right: 0;
   border-top: 0;
   border-bottom:1px solid #ddd;
}
fieldset.input,
a img,
body .pollstableborder {
   border: 0;
}
legend {
   font-size:120%;
}
form.poll fieldset {
   margin: 0 0 10px 0;
   padding: 0;
}
.side-mod form.poll {
   margin: 0 -15px;
}
.side-mod h4.poll-title {
   margin: 0;
   padding: 0;
   font-size: 120%;
}
.side-mod .poll-line {
   padding: 7px 15px 9px 15px;
   font-size: 110%;
}
.side-mod .poll-buttons {
   padding: 0 15px 0 15px;
   overflow: hidden;
   width: 130px;
   margin: 0 auto;
}
form.poll input.button {
   background: none;
   cursor:pointer;
   border: none;
   text-align: center;
   color: #333;
   line-height: 18px;
   height: 20px;
   margin-bottom: 5px;
   float: left;
}
.vote-button-wrap .readon-wrap1 {
   margin-left: 15px;
}
form.poll a.results:hover {
   text-decoration: none;
}
img.content-left {
   float: left;
   margin-right: 10px;
   padding: 5px;
}
img.content-right {
   float: right;
   margin-left: 10px;
   padding: 5px;
}
.back_button {
   margin-top: 20px;
   margin-bottom: 10px;
}
.tool-tip {
   padding: 4px;
   z-index:5000;
   background:#fbf3ad;
   color:#333;
   border:2px solid #f8e639;
   font-size:90%;
}
.bannergroup .clr {
   clear: none !important;
}
dl.poll dt {
   border-bottom:solid 1px #ccc;
   font-weight: bold;
}
dl.poll dd {
   padding:6px 0;
   margin-left: 0;
}
.polls_color_1 {
   background:#000;
}
.polls_color_2 {
   background:#999;
}
.polls_color_3 {
   background:#93246F;
}
.polls_color_4 {
   background:#000;
}
.polls_color_5 {
   background:#ccc;
}
.polls_color_6 {
   background:#93246F;
}
#main-content .poll {
   padding-top: 15px;
}
.blog_more h2,
.newsfeeds-default .article-info-surround h2 {
   margin: 0;
   padding: 0;
   text-transform: uppercase;
   font-size: 110%;
   font-weight: bold;
}
.newsfeeds-default .article-info-surround {
   margin-top: 10px;
}
ul.latestnews,
ul.mostread,
.blog_more ul,
.block ul#mainlevel-nav {
   margin: 0;
   padding: 0;
}
ul.latestnews li,
ul.mostread li,
.blog_more ul li,
.block ul#mainlevel-nav li {
   list-style: none;
   margin-bottom: 6px;
   padding-bottom: 6px;
   padding-left: 5px;
}
ul.latestnews li a,
ul.mostread li a,
.blog_more ul li a,
.block ul#mainlevel-nav li a {
   font-weight: bold;
   font-size: 110%;
   display: block;
   padding-left: 12px;
}
.bannergroup_text .bannerheader {
   font-size: 120%;
   font-weight: bold;
   margin-bottom: 15px;
}
.bannergroup_text .banneritem_text {
   margin-bottom: 15px;
}
.bannergroup_text .banneritem_text a {
   font-weight: bold;
}
/* Form overrides */
#main-content form.editor {
   padding:0;
   margin:0;
}
#main-content form.editor {
   color:#333;
}
#main-content form.editor input,
#main-content form.editor textarea {
   border:1px solid #ccc;
}
#main-content form.editor fieldset a {
   color: #00c;
}
#main-content form.editor fieldset {
   padding:10px;
   border: 1px solid #ccc;
}
#main-content form.editor legend {
   font-size:120%;
   margin:15px 0;
   padding:0 10px;
   font-weight:bold;
}
#main-content form.editor label {
   display:block;
   width: 120px;
   float:left;
}
#main-content form.editor div.radio label {
   display:inline;
   width:auto;
   float:none;
}
/* Login Styles */
form.form-login p {
   margin: 0;
}
form.form-login .inputbox {
   width: 215px;
   height: 20px;
   border: 0;
   margin: 5px 0;
   padding-left: 5px;
   font-size: 110%;
   padding-top: 4px;
   line-height: 10px;
}
form.form-login .login-links {
   margin-bottom: 8px;
   margin-top: 8px;
}
form.form-login .login-links a {
   padding-left: 10px;
}
form.form-login input.button,
form.log input.button {
   border: 0;
   background: none;
}
form.log .readon-wrap1 {
   margin-top: 5px;
}
input.button {
   font-size: 100%;
   cursor: pointer;
   padding: 3px 5px;
}
form.form-login span.username-label,
form.form-login span.password-label {
   display: block;
   text-transform: uppercase;
   margin-bottom: 1px;
   padding-left: 2px;
}
.register-page .inputbox,
input#email,
input#author,
input#url {
   width: 210px;
   height: 20px;
   border: 0;
   padding: 5px;
   font-size: 110%;
   line-height: 10px;
   margin-bottom: 10px;
}
.register-page input.button,
form.josForm input.validate {
   background: none;
   border: 0;
}
.register-page div.name,
.register-page div.user,
.register-page div.email,
.register-page div.pass,
.register-page div.verify_pass {
   text-align: right;
}
form#josForm.form-validate.user,
.edit-user-form {
   float: left;
   overflow: hidden;
   padding-bottom: 15px;
}
.edit-user-form {
   padding-top: 15px;
}
.register-page fieldset {
   margin-bottom: 15px;
   margin-top: 0;
   padding-bottom: 15px;
}
div.user_name {
   margin-bottom: 10px;
}
div.user_name span {
   font-weight: bold;
   font-size: 110%;
}
.user-params {
   margin-bottom: 20px;
}
.user-params td.paramlist_key {
   width: auto;
}
.edit-user-button {
   margin: 0 auto;
   width: 80px;
}
#login-module {
   display: none;
   padding: 10px;
}
#login-module h3 {
   margin: 0;
   padding: 5px 0 10px 22px;
}
#login-module form.form-login,
#login-module form.log {
   margin: 0;
   background:none;
   border:0;
}
#login-module .sidemod-title {
   border:0;
}
#login-module form.form-login .inputbox {
   border: 0;
}
#login-module input.button {
   background: none;
   border: 0;
   color:#000;
   height: 20px;
}
#login-module .module a:hover {
   color:#000;
}
.remember-me {
   margin-top: 5px;
   margin-bottom: 5px;
}
#login-module .readon-wrap1,
form.form-login .readon-wrap1 {
   margin-top: 5px;
}
a#rokbox-close {
   height: 18px;
   width: 18px;
}
form.josForm label.hasTip {
   display: block;
   float: left;
   height: 25px;
   line-height: 25px;
   margin-right: 5px
}
/* Bottom Section */
#botbar {
   padding: 15px;
   overflow: hidden;
   position: relative;
}
#bottom {
   overflow: hidden;
   padding-bottom: 15px;
}
#bottom-menu {
   overflow: hidden;
   padding: 0;
}
#top-button {
   position: absolute;
   right: 15px;
   top: 13px;
   width: 90px;
   height: 20px;
   text-align: center;
   line-height: 22px;
   font-weight: bold;
   font-size: 12px;
}
#top-button a:hover {
   text-decoration: none;
}
.top-button-spacer {
   height: 15px;
}
.copyright-block {
   width: 500px;
   margin: 0 auto;
   text-align: center;
}
#copyright {
   padding: 15px 0 8px 0;
}
#bottom-menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
#bottom-menu ul li {
   display: inline;
}
#bottom-menu ul li a,
#bottom-menu ul li .separator {
   padding: 0 15px;
   font-size: 120%;
   font-weight: bold;
}
#bottom-menu ul li a:hover,
#bottom-menu ul li .separator:hover {
   text-decoration: none;
}
#rocket {
   width: 111px;
   height: 15px;
   display: block;
   margin: 0 auto;
}
#debug-mod {
   padding: 15px;
}
#bottom ul {
   margin: 0;
   padding-left: 10px;
   list-style: none;
}
#bottom ul li a {
   padding-left: 10px;
   padding-bottom: 5px;
   display: block;
}
#bottom ul li:hover a {
   text-decoration: none;
}
/* RokTabs */
.roktabs-wrapper {
   padding: 0;
   position: relative;
   margin: -15px;
}
.roktabs-wrapper .roktabs-container-inner {
   position:relative;
   overflow: hidden;
}
.roktabs-wrapper .roktabs-container-wrapper {
   clear: both;
   position: relative;
   overflow:hidden;
}
.roktabs-wrapper .roktabs-container-wrapper div {
   float: left;
}
.roktabs-wrapper .roktabs-container-wrapper div.wrapper {
   margin: 0 10px 10px 10px;
   padding: 10px;
   width: auto;
}
.tabs-bottom .roktabs-container-wrapper div.wrapper {
   margin: 10px 10px 0 10px;
   padding: 10px;
   width: auto;
}
.roktabs-wrapper .roktabs-links {
   margin: 0;
   padding: 0;
   height: 55px;
   overflow: hidden;
}
.roktabs-wrapper .active-arrows .roktabs-links {
   margin: 0 50px;
   padding: 0;
   height: 55px;
}
.roktabs-wrapper .roktabs-links ul {
   text-align: left;
   font-weight: bold;
   list-style-type: none;
   overflow:hidden;
   margin: 0;
   height: 55px;
}
.roktabs-wrapper .roktabs-links ul li {
   float: left;
   padding: 0;
   margin: 0;
   text-decoration: none;
   position: relative;
   height: 55px;
   line-height: 36px;
}
.tabs-bottom .roktabs-links ul li {
   line-height: 80px;
}
.roktabs-wrapper .roktabs-links ul li span {
   padding: 7px 11px;
}
.roktabs-wrapper .roktabs-links ul {
   padding: 0;
}
.roktabs-wrapper .roktabs-links ul li.active {
   margin: 0;
}
.roktabs-wrapper .roktabs-scroller {
   position: absolute;
   bottom: 0;
   right: 0;
   height: 29px;
}
.roktabs-wrapper .arrow-next,
.roktabs-wrapper .arrow-prev {
   line-height: 46px;
   text-align: center;
   cursor: pointer;
   z-index: 2;
   position: absolute;
   top: 0;
   height:55px;
   width: 50px;
}
.roktabs-wrapper .arrow-prev span,
.roktabs-wrapper .arrow-next span {
   display: none;
}
.tabs-hidden .roktabs-container-wrapper div.wrapper {
   margin-top: 10px;
}
.clear {
   clear: both;
}
/* RokMicroNews */
#main-body .rokmicronews-surround {
   margin-bottom: 5px;
   padding-bottom: 5px;
}
.micronews {
   margin-bottom: 0;
}
.micronews-drop {
   margin-bottom: 10px;
}
.micronews-headline {
   margin: 0;
   padding: 8px 10px 30px 5px;
   position: relative;
}
.micronews-headline h2 {
   font-size: 110%;
   font-weight: bold;
   margin: 0;
   padding: 3px 10px 9px 10px;
   text-transform: uppercase;
   display: inline;
   text-align: center;
}
.micronews-controls {
   float: right;
   width: 55px;
}
.micronews-controls2 {
   height: 20px;
   padding: 0 8px;
}
#rokmicronews .mover,
#rokmicronews .collapse,
#rokmicronews .expand {
   float: right;
   width: 15px;
   height: 19px;
}
#rokmicronews .collapse,
#rokmicronews .expand {
   margin-right: 6px;
   cursor: pointer;
}
#rokmicronews .mover span,
#rokmicronews .expand span,
#rokmicronews .collapse span {
   display: none;
}
.micronews-headline .counter {
   float: right;
   margin-right: 150px;
   line-height: 180%;
   padding-right: 15px;
}
.micronews-headline .counter span {
   padding-left: 15px;
   display: block;
}
.micronews-headline .counter a {
   font-weight: bold;
   margin: 0 10px;
}
.micronews-headline .counter a.active {
   text-decoration: underline;
   color: red;
}
.micronews-inner {
   overflow: hidden;
}
.micronews-wrapper {
   padding: 0;
   margin: 0 5px 5px 5px;
}
.micronews-articles {
   padding: 15px;
   position: relative;
}
.micronews-right .micronews-articles {
   margin-right: 200px;
}
.micronews-left .micronews-articles {
   margin-left: 200px;
}
.micronews-article-wrapper {
   position: relative;
}
.micronews-titles {
   padding: 5px 0;
   font-weight: bold;
   margin: 0;
   text-transform: uppercase;
   font-size: 90%;
   overflow: hidden;
}
.micronews-titles .top-story {
   width: 180px;
   padding: 0 10px;
}
.micronews-right .top-story {
   float: left;
}
.micronews-left .top-story {
   float: right;
}
.micronews-right .other-stories {
   float: right;
   margin-right: 50px;
}
.micronews-left .other-stories {
   float: left;
   margin-left: 40px;
}
.micronews h4 a {
   font-weight: bold;
}
.micronews-thumb {
   float: left;
   margin-right: 10px;
}
.micronews .entry h4 {
   font-size: 120%;
   line-height: 120%;
   margin: 5px 0 10px;
}
.micronews .micronews-list {
   width: 200px;
   position: absolute;
   top: 0;
}
.micronews-right .micronews-list {
   right: 0;
}
.micronews-left .micronews-list {
   left: 0;
}
.micronews .micronews-list ul {
   margin: 15px 0 0 0;
   padding: 0;
   list-style: none;
}
.micronews .micronews-list ul li {
   padding: 10px 15px;
}
.micronews-list ul li a {
   padding-left: 12px;
   font-weight: bold;
   display: block;
}
/* RokNewsPager */
ul.roknewspager {
   margin: 0;
   padding: 0;
}
ul.roknewspager li {
   list-style: none;
   padding-left: 12px;
   margin-bottom: 12px;
}
ul.roknewspager .roknewspager-title {
   display: block;
   font-size: 120%;
   font-weight: bold;
   cursor: pointer;
}
ul.roknewspager .roknewspager-div {
   display: block;
   padding-bottom: 12px;
}
.roknewspager-wrapper {
   position:relative;
   overflow:hidden;
}
.roknewspager-pages {
   margin: 0 -15px -15px -15px;
   padding: 8px 15px;
   overflow: hidden;
}
.roknewspager-pages2 {
   float: right;
   width: auto;
   height: 18px;
   text-align: center;
   position: relative;
   padding: 0;
}
.roknewspager-spinner {
   width: 16px;
   height: 16px;
   background: transparent url(../images/spinner.gif) no-repeat scroll 100% 50%;
   float: left;
   display: none;
}
ul.roknewspager-numbers {
   margin: 0;
   padding: 0 24px;
   text-align: right;
   overflow: hidden;
   height: 18px;
   text-align: center;
}
ul.roknewspager-numbers li {
   list-style: none;
   display: inline;
   padding: 0 2px;
   cursor: pointer;
}
ul.roknewspager-numbers li.active {
   cursor: default;
}
.roknewspager-prev,
.roknewspager-prev-disabled {
   width: 16px;
   height: 18px;
   position: absolute;
   top: 0;
   left: 0;
   cursor: pointer;
}
.roknewspager-next,
.roknewspager-next-disabled {
   width: 16px;
   height: 18px;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
}
.roknewspager-prev-disabled,
.roknewspager-next-disabled {
   cursor: default;
}
ul.roknewspager-numbers li.active {
   font-weight: bold;
}
/* RSS Feeds */

ul.newsfeed {
   margin: 0;
   padding: 0;
}
a.newsfeed-title {
   text-transform: uppercase;
   font-weight: bold;
}
ul.newsfeed li {
   list-style: none;
   padding-left: 12px;
   margin-bottom: 12px;
}
ul.newsfeed li a {
   font-weight: bold;
   font-size: 120%;
}
ul.newsfeed .newsfeed-div {
   display: block;
   padding-bottom: 1px;
}
/* RokNewsflash */
#newsflash-bar {
   overflow: hidden;
   font-size: 12px;
}
#newsflash {
   position:relative;
   line-height: 26px;
   height: 26px;
}
#newsflash ul {
   margin:0 0 0 95px;
   list-style:none;
   padding:0;
}
#newsflash li {
   padding-bottom:100px;
   font-weight: bold;
}
#newsflash .readon {
   clear:none;
   display:inline;
   float:none;
   height:auto;
   width:auto;
   line-height:100%;
   font-size:100%;
   margin:0;
   padding:0;
   background:none;
}
#newsflash .flashing {
   display:block;
   position:absolute;
   left:0;
   font-weight:bold;
   text-transform: uppercase;
   font-size: 11px;
   height: 26px;
   width: 88px;
   line-height: 26px;
   padding-left: 6px;
}
#newsflash .controls img {
   cursor:pointer;
   height:18px;
   width:18px;
}
#newsflash .control-prev {
   background-position:0 0;
}
#newsflash .control-prev:hover {
   background-position: -36px 0;
}
#newsflash .control-next {
   background-position:-18px 0px;
}
#newsflash .control-next:hover {
   background-position: -54px 0px;
}
#newsflash .controls {
   position:absolute;
   right:10px;
   top: 4px;
}
/* RokWeather */
#rightcol .side-mod #rokweather {
   margin:0 -15px 0 -10px;
}
#leftcol .side-mod #rokweather {
   margin:0 -10px 0 -15px;
}
/* Featured Section */
.feature-block {
   overflow: hidden;
   position: relative;
   padding: 15px;
}
.feature-block .image-container {
   float: left;
   margin-right: 15px;
}
.feature-block .rokstories-spinner {
   background: transparent url(../images/spinner.gif) no-repeat scroll 50% 50%
}
.feature-block .image-container .image-full {
   position:relative;
   overflow: hidden;
}
.feature-block .image-container .image-full img {
   position:absolute;
   top: 0;
   left: 0;
   visibility: hidden;
}
.feature-block .image-container .image-small img {
   cursor: pointer;
}
.feature-block .desc-container {
   overflow: hidden;
   position: relative;
}
.feature-block .desc-container .description {
   position: absolute;
   top: 0;
   left: 0;
   visibility: hidden;
}
.feature-block img.feature-main {
   display: block;
}
.feature-block img.feature-sub {
   margin: 9px 9px 0 0;
}
.feature-block .feature-title {
   display: block;
   font-weight: bold;
   font-size: 160%;
   line-height: 130%;
   margin-bottom: 10px;
}
.feature-block .feature-desc {
   font-size: 120%;
   line-height: 130%;
   color: #333;
}
.feature-block .moduletable h3 {
   font-weight: bold;
   font-size: 180%;
}
.feature-block .readon {
   display: block;
   margin: 15px 0;
   font-weight: bold;
}
/* Typography */
.readon-wrap1 {
   margin-top: 5px;
   position:relative;
   float:left;
}
.readon-wrap1 span {
   display:block;
   height: 24px;
   line-height: 24px;
}
a.readon {
   font-weight: bold;
}
a.readon-main {
   font-size: 12px;
   cursor: pointer;
}
a.readon-main:hover {
   text-decoration: none;
}
.readon1-l {
   position:absolute;
   width: 7px;
   height: 24px;
   left:0;
   top:0;
}
.readon1-m {
   margin-left: 7px;
   text-align: center;
   padding-left:2px;
}
.readon1-r {
   margin-right: -7px;
   padding-right: 10px;
}
/* @group Demo Content */

#mainmodules .article_separator {
   display: none;
}
/* Frontpage Main Article */
.fp-leading {
   margin-top: 10px;
   margin-bottom: 25px;
   overflow: hidden;
}
.fp-caption {
   float: left;
   margin-right: 15px;
   width: 181px;
   margin-bottom: 10px;
}
.fp-main {
   margin-bottom: 5px;
}
.fp-video {
   margin-left: 5px;
   margin-right: 2px;
}
.fp-leading h3,
.fp-sub h4 {
   margin-top: 0px;
   margin-bottom: 0pt;
   font-weight: bold;
}
.fp-subheader {
   display: block;
   margin-bottom: 3px;
}
.fp-sub {
   border-bottom: 1px solid #ddd;
   margin-top: 15px;
   padding-bottom: 0px;
}
.fp-sub1 {
   float: left;
   margin-right: 10px;
}
.fp-leading span,
.fp-sub span {
   font-weight: bold;
}
/* Frontpage Inset2 */

.fp-inset-surround {
   margin-top: 10px;
}
.fp-inset {
   padding-top: 30px;
   padding-bottom: 3px;
}
.fp-inset .icon-surround {
   margin-top:  -19px;
   margin-left: 5px;
   position: absolute;
}
.fp-inset .icon-video {
   background: url(../images/video-icon.png) no-repeat 0 3px;
   color: #333;
}
.fp-inset .icon-photo {
   background: url(../images/photo-icon.png) no-repeat 0 4px;
   color: #333;
}
.fp-inset .icon-podcast {
   background: url(../images/podcast-icon.png) no-repeat 0 3px;
   color: #333;
}
.red .fp-inset .icon-video,
.blue .fp-inset .icon-video,
.green .fp-inset .icon-video,
.orange .fp-inset .icon-video,
.black .fp-inset .icon-video,
.darkbeige .fp-inset .icon-video,
.darkgrey .fp-inset .icon-video {
   background: url(../images/video-icon-w.png) no-repeat 0 3px;
   color: #fff;
}
.red .fp-inset .icon-photo,
.blue .fp-inset .icon-photo,
.green .fp-inset .icon-photo,
.orange .fp-inset .icon-photo,
.black .fp-inset .icon-photo,
.darkbeige .fp-inset .icon-photo,
.darkgrey .fp-inset .icon-photo {
   background: url(../images/photo-icon-w.png) no-repeat 0 4px;
   color: #fff;
}
.red .fp-inset .icon-podcast,
.blue .fp-inset .icon-podcast,
.green .fp-inset .icon-podcast,
.orange .fp-inset .icon-podcast,
.black .fp-inset .icon-podcast,
.darkbeige .fp-inset .icon-podcast,
.darkgrey .fp-inset .icon-podcast {
   background: url(../images/podcast-icon-w.png) no-repeat 0 3px;
   color: #fff;
}
.fp-inset .icon-title {
   text-transform: uppercase;
   margin-left: 15px;
   display: block;
   margin-top: -3px;
   font-weight: bold;
}
.fp-inset .image {
   margin-bottom: 5px;
   display: block;
}
.fp-inset a {
   font-weight: bold;
   margin-left: 5px;
}
/* Custom Modules Tutorial */
.rokmod-demo-block .parameters div {
   border-right:1px dotted #666;
   padding-right:12px;
}
.rokmod-demo-block .options div {
   border-right:1px dotted #666;
   padding-right: 12px;
}
.rokmod-demo-block .demo div {
   border-right:1px dotted #666;
   padding-right: 12px;
}
.rokmod-demo-block .parameters,
.rokmod-demo-block .options,
.rokmod-demo-block .demo,
.rokmod-demo-block .description {
   float:left;
   margin-right:12px;
}
.rokmod-demo-block .parameters span,
.rokmod-demo-block .options span,
.rokmod-demo-block .demo span,
.rokmod-demo-block .description span {
   display:block;
   font-size:11px;
   line-height:22px;
}
.rokmod-demo-block .demo-span1 {
   font-weight: bold;
}
/* Tutorials */
.tut-block {
   height: 100px;
   display: block;
}
.tut-img {
   float: left;
   margin-right: 10px;
}
.tut-title {
   font-size: 130%;
   font-weight: bold;
   margin-bottom: 15px;
   padding-top: 3px;
}
pre {
   overflow: auto;
}
.tut-tool-tip {
   color: #fff;
   width: 139px;
   z-index: 13000;
}
.tut-tool-title {
   display: none;
}
.tut-tool-text {
   font-size: 11px;
   padding: 4px 8px 8px;
   background: url(../images/bubble.png) bottom right;
}
.tut-tool-text span {
   overflow: auto;
   display: block;
}
/* Variation Chooser */
.variation-chooser {
   margin-top:15px;
   position:relative;
   margin-left: 15px;
   overflow:hidden;
}
.variation-chooser .controls {
   height:25px;
   position:absolute;
}
.variation-chooser .control-prev,
.variation-chooser .control-next {
   cursor:pointer;
   float:left;
   height:16px;
   margin-right:3px;
   margin-top:1px;
   width:16px;
}
.variation-chooser .control-prev {
   background-position:0 0;
   margin-right:0.4em;
}
.variation-chooser .control-prev:hover {
   background-position:0 -16px;
}
.variation-chooser .control-next {
   background-position:0 -32px;
   margin-left:0.4em;
}
.variation-chooser .control-next:hover {
   background-position:0 -48px;
}
.variation-chooser input {
   background: #fff;
   border: 1px solid #ddd;
   width: 50px;
   text-align: center;
   margin-left: 125px;
   color:#333;
}
/* Some Demo Content */

.tutorial_listing_wrapper {
   width: 95%;
   margin: 0 auto;
}
.tutorial_listing {
   float: left;
   width: 22%;
   padding-right: 10px;
   padding-left: 10px;
   margin-bottom: 20px;
   background: url(../images/typo/bullet-5.png) 0 4px no-repeat !important;
}
.rokbox-example img {
   border:5px solid #EEEEEE;
   padding:5px;
}
.rokbox-example div.center {
   text-align:center;
}

/* @end */