@charset "utf-8";
/* CSS Document Copyright © ********************/
/* ***************************************************************************************************** */
/* TEMPLATE SPECIFIC CSS CODE */
.container_12 .flexgrid_2 {
width:47.4%;
}
.container_12 .flexgrid_3 {
width:30.9%;
}
.container_12 .flexgrid_4 {
width:22.4%;
}
.container_12 .flexgrid_5 {
width:17.5%;
}
.container_12 .flexgrid_6 {
width:14.3%;
}
body{
line-height:1.7em;
}
a{
font-weight:bold;
}
.inside {
padding:10px 0;
}
.clr {
clear:both;
}
#header-inner {
padding:30px 0;
}
#logo{
margin:5px 10px;
}
#logo a.image h2 {
margin:0;
font-family:Arial, Helvetica, sans-serif;
display:none;
}
#logo-text h1 a {
text-decoration:none;
}
#logo-graphic h1 {
margin: 0;
}
#logo-graphic h1 a {
display:block;
padding:0;
text-indent:-8000em;
text-decoration:none;
height:72px;
}
#logo-graphic h2 {
display: none;
}
#topmenu {
font-size:12px;
position:relative;
z-index:9000;
float:right;
margin:10px 0 0 0;
}
#topmenu-inner {
padding:0;
}
#topmenu ul, #topmenu ul li, #topmenu ul ul {
list-style: none;
margin: 0;
padding: 0;
}
#topmenu ul {
position: relative;
z-index: 597;
float: right;
text-transform:uppercase;
}
#topmenu ul li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
margin:0 20px 0 0;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
#topmenu ul li a {
display:block;
text-decoration:none;
position:relative;
font-weight:bold;
padding:0 0 20px 0;
}
#topmenu ul li.hover, #topmenu ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
#topmenu ul ul {
visibility: hidden;
position: absolute;
min-width:200px;
top: 100%;
left: 0;
z-index: 598;
width: auto;
text-transform:capitalize;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
#topmenu ul ul li{
float: none;
white-space:nowrap;
margin:0;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
#topmenu ul ul li a{
padding:10px 15px;
height:16px;
border-radius:0;
}
#topmenu ul ul ul {
top: -5px;
left: 100%;
}
#topmenu ul li:hover > ul {
visibility: visible;
}
#stage-inner {
padding:20px 0;
}
#pathway {
font-size:12px;
}
#pathway-inner{
padding:20px 0;
}
.elements{}
.elements-inner{
padding:20px 0;
}
#container-inner{
padding:20px 0;
}
#pathway {
font-size:12px;
}
#pathway-inner{
padding:20px 0;
}
#pathway a{
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
}
#inset {
margin-bottom:20px;
}
#bottom {
font-size:12px;
}
#bottom-inner {
padding:20px 0;
}
#footer {
font-size:12px;
}
#footer-inner {
padding:20px 0;
}
#copy {
float:left;
text-align:left;
}
#link {
float:right;
text-align:right;
}
#link ul, #link li {
margin:0;
padding:0;
list-style:none;
}
#link li {
display:inline;
}
#link li a {
margin:0 0 0 15px;
}
/* ***************************************************************************************************** */
/* JOOMLA SPECIFIC CSS CODE */
/* ***************************************************************************************************** */
/* CONTENT COMPONENT STYLES */
.button{
font-size:12px;
padding:5px 20px;
margin:10px 0;
text-decoration:none;
cursor:pointer;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
border:0;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.inputbox{
padding:5px 10px;
font-size:12px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#page{
position:relative;
overflow:hidden;
}
.buttonheading{
position:absolute;
top:5px;
right:0;
}
.buttonheading a{
margin-left:5px;
font-size:0.8em;
text-decoration:none;
}
.buttonheading a:hover{
text-decoration:none;
}
h2.contentheading{
font-size:20px;
}
.iteminfo,
.pageinfo{
padding:5px 10px;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.createdate,
.createdby,
.modifydate,
.hits,
.publishdate{
display:inline-block;
padding: 3px 3px 3px 18px;
margin:0 5px 0 0;
font-size:11px;
}
.content_rating{
margin:0 0 -15px 0 !important;
font-size:0.8em;
}
.content_vote{
margin:0 0 20px 0;
font-size:0.8em;
padding:0 0 20px 0;
}
.content_vote input {
margin:0 3px;
}
.content_vote .button {
margin:0 0 0 10px;
font-size:1em;
padding:3px 10px;
}
.readmore,
.readon{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
padding:5px 10px;
text-decoration:none;
text-transform:capitalize;
display:inline-block;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.readmore:hover,
.readon:hover{
text-decoration:none;
}
.pagenav a{
display:inline-block;
font-size:0.8em;
padding:5px;
text-decoration:none;
}
/* ***************************************************************************************************** */
/* FRONTPAGE COMPONENT */
.blog{
margin:0 0 20px 0;
}
.leading{
margin:0 0 40px 0;
position:relative;
}
.leading h2{
font-size:1.3em;
margin-right:60px;
}
.leading_separator{
display:block;
height:1px;
}
.article_row{
clear:both;
margin:0 0 40px 0;
}
.article_row h2{
font-size:1em;
margin-right:60px;
}
.article_separator{
display:block;
height:1px;
}
.row_separator{
display:block;
height:1px;
clear:both;
}
.article_body{
clear:both;
}
/* 1 COLUMN LAYOUT */
.article_column.column1.cols1{
position:relative;
}
/* 2 COLUMN LAYOUT */
.article_column.column1.cols2{
float:left;
width:48%;
position:relative;
}
.article_column.column2.cols2{
float:right;
width:48%;
position:relative;
}
/* 3 COLUMN LAYOUT */
.article_column.column1.cols3{
margin-right:2%;
float:left;
width:30%;
position:relative;
}
.article_column.column2.cols3{
float:left;
width:30%;
position:relative;
}
.article_column.column3.cols3{
float:right;
width:30%;
position:relative;
}
/* 4 COLUMN LAYOUT */
.article_column.column1.cols4{
margin-right:2%;
float:left;
width:23%;
position:relative;
}
.article_column.column2.cols4{
margin-right:2%;
float:left;
width:23%;
position:relative;
}
.article_column.column3.cols4{
float:left;
width:23%;
position:relative;
}
.article_column.column4.cols4{
float:right;
width:23%;
position:relative;
}
/* 5 COLUMN LAYOUT */
.article_column.column1.cols5{
margin-right:2%;
float:left;
width:18%;
position:relative;
}
.article_column.column2.cols5{
margin-right:2%;
float:left;
width:18%;
position:relative;
}
.article_column.column3.cols5{
margin-right:2%;
float:left;
width:18%;
position:relative;
}
.article_column.column4.cols5{
float:left;
width:18%;
position:relative;
}
.article_column.column5.cols5{
float:right;
width:18%;
position:relative;
}
/* 6 COLUMN LAYOUT */
.article_column.column1.cols6{
margin-right:2%;
float:left;
width:14%;
position:relative;
}
.article_column.column2.cols6{
margin-right:2%;
float:left;
width:14%;
position:relative;
}
.article_column.column3.cols6{
margin-right:2%;
float:left;
width:14%;
position:relative;
}
.article_column.column4.cols6{
margin-right:2%;
float:left;
width:14%;
position:relative;
}
.article_column.column5.cols6{
float:left;
width:14%;
position:relative;
}
.article_column.column6.cols6{
float:right;
width:14%;
position:relative;
}
.blog_more{
margin:0 0 30px 0;
font-size:12px;
display:block;
clear:both;
}
.blog_more h2{
display:block !important;
padding:10px !important;
margin:0 !important;
font-size:12px !important;
}
.blog_more ul,
.blog_more li{
margin:0;
padding:0;
list-style:none;
}
.blog_more li{
padding:5px 10px 5px 25px;
}
.blog_more li a{
text-decoration:none;
}
.counter{
display:inline-block;
margin:0 20px 0 0 !important;
}
.pagination{
margin:10px 0;
padding:5px 0;
display:inline-block;
}
span.pagination span{
margin:5px;
}
span.pagination a{
text-decoration:none;
}
span.pagination a:hover{
text-decoration:underline;
}
/* ***************************************************************************************************** */
/* ARTICLE VIEW */
h2.contentheading{
font-size:1.3em;
margin-right:60px;
}
/* ***************************************************************************************************** */
/* TABLE OF CONTENTS VIEW */
.contenttoc{
width:35%;
float:right;
margin:0 0 20px 20px !important;
font-size:0.8em;
}
.contenttoc th{
text-align:left;
padding:10px;
}
.contenttoc a{
display:block;
padding:3px 3px 3px 20px;
}
.pagenavcounter{
display:inline-block;
padding:5px;
margin:0 0 20px 0;
font-size:0.8em;
}
.pagenavbar{
display:inline-block;
padding:5px;
margin:0 0 20px 0;
font-size:0.8em;
}
/* ***************************************************************************************************** */
/* SEARCH COMPONENT */
.word{
padding:10px;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.phrase{
float:none;
display:inline-block;
padding:10px;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.only{
width:48%;
padding:10px;
float:right;
display:inline-block;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.searchintro{
font-size:0.8em;
padding:10px;
margin:0 0 20px 0;
}
.searchintro a{
padding:5px;
text-decoration:none;
display:inline-block;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.results .list li{
font-size:0.8em;
padding:10px;
margin:0 0 20px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.results .list li h4{
margin:0;
}
.results .highlight{
font-size:1.1em;
display:inline-block;
padding:0 5px;
}
/* ***************************************************************************************************** */
/* SECTION TABLE */
ul.contentpane,
ul.contentpane li{
margin:0;
padding:0;
list-style:none;
font-size:0.9em;
}
ul.contentpane li{
display:block;
margin:0 0 20px 0;
padding:0 0 0 40px;
}
/* ***************************************************************************************************** */
/* CATEGORY TABLE */
table.category{
font-size:12px;
width:100%;
}
.contentdescription img{
display:inline-block;
margin:0 20px 0 0;
padding:10px;
}
.sectiontableheader{
text-align:left;
padding:5px;
}
.sectiontableheader a{
text-decoration:none;
}
.sectiontableheader a img{
margin:0 0 0 10px;
}
.contentpane .sectiontableheader{
white-space:nowrap;
}
.sectiontableentry0 td,
.sectiontableentry1 td,
.sectiontableentry2 td{
padding:5px;
}
.filter{
display:inline-block;
}
.display{
display:inline-block;
}
/* ***************************************************************************************************** */
/* POLLS COMPONENT */
table.pollstableborder{
width:100%;
}
table.pollstableborder th{
text-align:left;
padding:10px 5px;
}
#poll table.pollstableborder th img {
display:none;
}
#poll .smalldark{
width:50%;
font-size:12px;
line-height:1.5em;
}
.polls_color_1, .polls_color_2, .polls_color_3, .polls_color_4, .polls_color_5 {
border:0;
height:20px !important;
}
/* ***************************************************************************************************** */
/* WEBLINKS COMPONENT */
table.weblinks{
width:100%;
font-size:12px;
}
table.weblinks td img{
margin:0 10px 0 0;
}
/* ***************************************************************************************************** */
/* CONTACT COMPONENT */
.contact-category td.sectiontableentry{
padding:5px;
}
.contact-category td.sectiontableentry0{
padding:5px;
}
#component-contact br{
display:none;
}
#emailForm{
padding:10px;
margin:0 0 20px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.contact_email input{
display:block;
}
#contact_text{
width:98%;
clear:both;
}
#contact_email_copy{
display:inline-block;
}
#emailForm .button{
display:block;
margin:20px 0 0 0;
}
#emailForm label{
font-weight:bold;
}
#emailForm #contact_name,
#emailForm #contact_email,
#emailForm #contact_subject,
#emailForm #contact_text{
width:300px;
display:block;
margin:5px 0;
}
#emailForm #contact_text{
margin:0 0 20px 0;
}
#emailForm #contact_email_copy{
padding:0;
}
/* ***************************************************************************************************** */
/* PASSWORD/USERNAME REMINDER */
.josForm{
padding:10px;
margin:20px 0;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
label.hasTip{
cursor:pointer;
}
#email{
padding:5px;
font-size:12px;
margin:0 10px 0 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.validate{
font-size:12px;
padding:5px;
margin:10px 0;
text-decoration:none;
cursor:pointer;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
border:0;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
/* ***************************************************************************************************** */
/* REGISTER FORM */
#josForm{
margin:20px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#josForm .contentpane input{
width:250px;
}
/* ***************************************************************************************************** */
/* LOGIN COMPONENT */
#com-form-login{
padding:20px;
margin:20px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#com-form-login fieldset{
margin:0;
}
#com-form-login .name,
#com-form-login .pass,
#com-form-login .remember{
margin:0 0 20px 0;
}
#com-form-login #com-form-login-username #username,
#com-form-login #com-form-login-password #passwd{
width:350px;
}
table.contentpane img{
display:inline-block;
margin:0 20px 0 0;
padding:10px;
}
fieldset.input{
font-size:0.8em;
}
#com-form-login ul,
#com-form-login li{
margin:0;
padding:0;
list-style:none;
}
#com-form-login li{
font-size:0.8em;
display:block;
padding:3px 3px 3px 20px;
}
/* ***************************************************************************************************** */
/* ADMINISTRATIVE ELEMENTS */
.contentpaneopen_edit{
margin:0 10px 0 0;
padding:5px 0 0 0;
}
/* ***************************************************************************************************** */
/* MY ACCOUNT PAGE */
.form-validate table td {
padding:5px;
}
/* ***************************************************************************************************** */
/* NEWSFEEDS */
table.newsfeeds{
width:100%;
font-size:12px;
}
table.newsfeeds th{
text-align:left;
}
/* ***************************************************************************************************** */
/* TOOLTIPS */
.tool-tip {
float: left;
padding: 5px;
background:#40474F;
border:1px solid #16171B;
color:#FFF;
max-width: 200px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.tool-title {
padding: 0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
font-size: 100%;
font-weight: bold;
}
.tool-text {
margin: 0;
font-size: 100%;
}
#search .readon {
font-size:14px;
font-weight:bold;
display:inline;
float:none;
padding:4px 26px;
margin:0 0 0 20px;
}
/* ***************************************************************************************************** */
/* SYSTEM MESSAGES */
#system-message {
margin-bottom: 10px !important;
padding: 0 !important;
}
#system-message dt {
font-weight: bold !important;
}
#system-message dd {
margin: 0 !important;
font-weight: bold !important;
text-indent: 30px !important;
}
#system-message dd ul {
list-style: none !important;
margin: 0px !important;
padding: 10px !important;
color: #0055BB !important;
background: #D8E5F8 url(../images/status-info.png) no-repeat 10px 50% !important;
border-top: 3px solid #629DE3 !important;
border-bottom: 3px solid #629DE3 !important;
}
#system-message dt.message {
display: none !important;
}
#system-message dd.message {
}
#system-message dt.error {
display: none !important;
}
#system-message dd.error ul {
margin: 0px !important;
list-style: none !important;
color: #c00 !important;
background: #FFD6D6 url(../images/status-alert.png) no-repeat 10px 50% !important;
border-top: 3px solid #DE7A7B !important;
border-bottom: 3px solid #DE7A7B !important;
}
#system-message dt.notice {
display: none !important;
}
#system-message dd.notice ul {
margin: 0px !important;
list-style: none !important;
color: #DCA33C !important;
background: #FEF6D8 url(../images/status-note.png) no-repeat 10px 50% !important;
border-top: 3px solid #F0DC7E !important;
border-bottom: 3px solid #F0DC7E !important;
}
/* ***************************************************************************************************** */
/* DEFAULT MODULES */
.moduletable, 
.moduletable_menu, 
.moduletable_text{
margin-bottom:20px;
font-size:12px;
padding:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.moduletable h3,  
.moduletable_menu h3, 
.moduletable_text h3,
.module h3, 
.module_menu h3, 
.module_text h3{
margin:-10px -10px 10px -10px;
font-weight:bold;
font-size:16px;
padding:10px;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-khtml-border-radius:5px 5px 0 0;
}
/* ***************************************************************************************************** */
/* GRID MODULES */
.module, 
.module_menu, 
.module_text{
margin-bottom:20px;
font-size:12px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.module .pad, 
.module_menu .pad, 
.module_text .pad{
padding:10px;
}
.module h3, 
.module_menu h3, 
.module_text h3{
margin:-10px -10px 10px -10px;
font-weight:bold;
font-size:16px;
padding:10px;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-khtml-border-radius:5px 5px 0 0;
}
/* ***************************************************************************************************** */
/* SEARCH MODULE */
.search-module{
text-align:right;
}
.search-module .button{
margin:0 10px;
}
/* ***************************************************************************************************** */
/* STATS MODULE */
ul.stats-module,
ul.stats-module li{
margin:0;
padding:0;
list-style:none;
}
ul.stats-module li{
display:block;
padding:3px 3px 3px 20px;
}
/* ***************************************************************************************************** */
/* POPULAR MODULE */
ul.mostread,
ul.mostread li{
margin:0;
padding:0;
list-style:none;
}
ul.mostread li{
display:block;
padding:3px 3px 3px 20px;
}
/* ***************************************************************************************************** */
/* LATEST NEWS MODULE */
ul.latestnews,
ul.latestnews li{
margin:0;
padding:0;
list-style:none;
}
ul.latestnews li{
display:block;
padding:3px 3px 3px 20px;
}
/* ***************************************************************************************************** */
/* ARCHIVE MODULE */
ul.archive-module,
ul.archive-module li{
margin:0;
padding:0;
list-style:none;
}
ul.archive-module li{
display:block;
padding:3px 3px 3px 20px;
}
/* ***************************************************************************************************** */
/* SECTIONS MODULE */
ul.sections-module,
ul.sections-module li{
margin:0;
padding:0;
list-style:none;
}
ul.sections-module li{
display:block;
padding:3px 3px 3px 20px;
}
/* ***************************************************************************************************** */
/* FEED DISPLAY MODULE */
.feed{}
.feed h4{}
.feed ul.newsfeed,
.feed ul.newsfeed li{
margin:0;
padding:0;
list-style:none;
}
.feed ul.newsfeed{
margin:20px 0 0 0;
padding:20px 0 0 0;
}
.feed ul.newsfeed li.newsfeed-item{
margin-bottom:20px;
}
.feed h5.feed-link{
display:block;
padding:3px 20px 3px 3px;
}
/* ***************************************************************************************************** */
/* POLLS MODULE */
ul.polls-options,
.polls-options li{
margin:0;
padding:0;
list-style:none;
}
ul.polls-options{
margin:0 0 20px 0;
}
/* ***************************************************************************************************** */
/* LOGIN MODULE */
#form-login ul,
#form-login li{
margin:0;
padding:0;
list-style:none;
}
#form-login li{
display:block;
padding:3px 3px 3px 20px;
}
#form-login-username{
margin:0;
}
#form-login-password{
margin:0;
}
#form-login-remember{
margin:0 0 10px 0;
}
#modlgn_remember{
padding:0 !important;
margin:0 0 0 5px !important;
}
/* ***************************************************************************************************** */
/* TEXT ADS BANNER */
.bannerheader{
font-weight:bold;
padding:3px 0;
}
.banneritem{
padding:5px 0;
}
.bannerfooter{
padding:5px 0;
}
/* ***************************************************************************************************** */
/* MENU MODULE */
.moduletable_menu ul,
.moduletable_menu ul li{
margin:0;
padding:0;
list-style:none;
}
.moduletable_menu ul li a{
display:block;
padding:3px 5px 3px 20px;
}
.moduletable_menu ul ul li a{
padding:3px 5px 3px 40px;
}
.moduletable_menu ul ul ul li a{
padding:3px 5px 3px 40px;
}
.moduletable_menu ul ul ul ul li a{
padding:3px 5px 3px 60px;
}
.module_menu ul,
.module_menu ul li{
margin:0;
padding:0;
list-style:none;
}
.module_menu ul li a{
display:block;
padding:3px 5px 3px 20px;
}
.module_menu ul ul li a{
padding:3px 5px 3px 40px;
}
.module_menu ul ul ul li a{
padding:3px 5px 3px 40px;
}
.module_menu ul ul ul ul li a{
padding:3px 5px 3px 60px;
}
/* ***************************************************************************************************** */
/* CUSTOM MODULE STYLES */
.moduletable-blue,
.moduletable-green,
.moduletable-orange,
.moduletable-yellow,
.moduletable-red,
.moduletable-brown,
.moduletable-cyan,
.moduletable-purple,
.moduletable-pink,
.moduletable-olive,
.moduletable-light,
.moduletable-dark{
padding:10px;
margin-bottom:20px;
font-size:12px;
background:#40474F;
border:1px solid #16171B;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.module-blue,
.module-green,
.module-orange,
.module-yellow,
.module-red,
.module-brown,
.module-cyan,
.module-purple,
.module-pink,
.module-olive,
.module-light,
.module-dark{
margin-bottom:20px;
background:#40474F;
border:1px solid #16171B;
font-size:12px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.module-blue .pad, 
.module-green .pad, 
.module-yellow .pad,
.module-orange .pad,
.module-red .pad,
.module-brown .pad,
.module-cyan .pad,
.module-purple .pad,
.module-pink .pad,
.module-olive .pad,
.module-light .pad,
.module-dark .pad{
padding:10px;
}
.moduletable-blue h3,
.moduletable-green h3,
.moduletable-orange h3,
.moduletable-yellow h3,
.moduletable-red h3,
.moduletable-brown h3,
.moduletable-cyan h3,
.moduletable-purple h3,
.moduletable-pink h3,
.moduletable-olive h3,
.moduletable-light h3,
.moduletable-dark h3,
.module-blue h3,
.module-green h3,
.module-orange h3,
.module-yellow h3,
.module-red h3,
.module-brown h3,
.module-cyan h3,
.module-purple h3,
.module-pink h3,
.module-olive h3,
.module-light h3,
.module-dark h3{
margin:-10px -10px 5px -10px;
font-weight:bold;
font-size:16px;
padding:10px;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-khtml-border-radius:5px 5px 0 0;
background:url(../images/blueButton.png) repeat-x 0 0;
border-bottom:1px solid #22375B;
color:#FFF !important;
text-shadow:1px 1px 1px #333;
-moz-text-shadow:1px 1px 1px #333;
-webkit-text-shadow:1px 1px 1px #333;
-khtml-text-shadow:1px 1px 1px #333;
}
.moduletable-blue h3,
.module-blue h3{
background:url(../images/blueButton.png) repeat-x 0 0;
border-bottom:1px solid #22375B;
color:#FFF !important;
}
.moduletable-green h3,
.module-green h3{
background:url(../images/greenButton.png) repeat-x 0 0;
border-bottom:1px solid #4D8245;
color:#FFF !important;
}
.moduletable-orange h3,
.module-orange h3{
background:url(../images/orangeButton.png) repeat-x 0 0;
border-bottom:1px solid #D98724;
color:#FFF !important;
}
.moduletable-yellow h3,
.module-yellow h3{
background:url(../images/yellowButton.png) repeat-x 0 0;
border-bottom:1px solid #D9C224;
color:#FFF !important;
}
.moduletable-red h3,
.module-red h3{
background:url(../images/redButton.png) repeat-x 0 0;
border-bottom:1px solid #DA4A25;
color:#FFF !important;
}
.moduletable-brown h3,
.module-brown h3{
background:url(../images/brownButton.png) repeat-x 0 0;
border-bottom:1px solid #C2903B;
color:#FFF !important;
}
.moduletable-cyan h3,
.module-cyan h3{
background:url(../images/cyanButton.png) repeat-x 0 0;
border-bottom:1px solid #295F7A;
color:#FFF !important;
}
.moduletable-purple h3,
.module-purple h3{
background:url(../images/purpleButton.png) repeat-x 0 0;
border-bottom:1px solid #B324D8;
color:#FFF !important;
}
.moduletable-pink h3,
.module-pink h3{
background:url(../images/pinkButton.png) repeat-x 0 0;
border-bottom:1px solid #D824B7;
color:#FFF !important;
}
.moduletable-olive h3,
.module-olive h3{
background:url(../images/oliveButton.png) repeat-x 0 0;
border-bottom:1px solid #A4BE3F;
color:#FFF !important;
}
.moduletable-light h3,
.module-light h3{
background:url(../images/lightButton.png) repeat-x 0 0;
border-bottom:1px solid #3E4C5D;
color:#FFF !important;
}
.moduletable-dark h3,
.module-dark h3{
background:url(../images/darkButton.png) repeat-x 0 0;
border-bottom:1px solid #16171B;
color:#FFF !important;
}
/* ***************************************************************************************************** */
/* CUSTOM TYPOGRAPHY */
/* ***************************************************************************************************** */
/* BLOCKQUOTE */
blockquote, blockquote.left, blockquote.right {
padding:20px;
margin:10px 0;
font-size:20px;
line-height:25px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border:1px solid #16171B;
background:#40474F;
}
blockquote.left {
float:left;
margin:0 10px 10px 0;
width:50%;
}
blockquote.right {
float:right;
margin:0 0 10px 10px;
width:50%;
}
/* ***************************************************************************************************** */
/* HORIZONTAL RULE */
hr{
border:1px solid #16171B;
}
/* ***************************************************************************************************** */
/* PRE/CODE */
pre,
.code{
padding:20px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border:1px solid #16171B;
background:#40474F;
}
/* ***************************************************************************************************** */
/* ALERT STYLES */
.alert, .info, .download, .note{
display: block !important;
padding: 10px 10px 10px 50px !important;
margin: 15px 0 !important;
}
.alert {
color: #c00 !important;
border-top: 3px solid #fe7b7a !important;
border-bottom: 3px solid #fe7b7a !important;
background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat !important;
}
.info {
color: #0055BB !important;
border-top: 3px solid #629de3 !important;
border-bottom: 3px solid #629de3 !important;
background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat !important;
}
.note {
color: #B79000 !important;
border-top: 3px solid #fde179 !important;
border-bottom: 3px solid #fde179 !important;
background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat !important;
}
.download {
color: #57861A !important;
border-top: 3px solid #c2df88 !important;
border-bottom: 3px solid #c2df88 !important;
background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat !important;
}
.callout {
display: block !important;
padding:20px !important;
margin:0 0 10px 0 !important;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
background:#E5E5E5 url(../images/callout.png) repeat-x 0 0 !important;
border:1px solid #D2D2D2 !important;
}
/* ***************************************************************************************************** */
/* LIST STYLES */
ul.bullet1, 
ul.bullet2, 
ul.bullet3, 
ul.bullet4, 
ul.bullet5, 
ul.bullet6, 
ul.bullet7,
ul.bullet8,
ul.bullet9,
ul.bullet10,
ul.bullet11,
ul.bullet12,
ul.bullet13,
ul.bullet14,
ul.bullet15,
ul.bullet16,
ul.bullet17,
ul.bullet18,
ul.bullet19,
ul.bullet20{
padding-left: 0;
margin-left: 0;
list-style: none;
}
ul.bullet1 li, 
ul.bullet2 li, 
ul.bullet3 li, 
ul.bullet4 li, 
ul.bullet5 li, 
ul.bullet6 li, 
ul.bullet7 li,
ul.bullet8 li,
ul.bullet9 li,
ul.bullet10 li,
ul.bullet11 li,
ul.bullet12 li,
ul.bullet13 li,
ul.bullet14 li,
ul.bullet15 li,
ul.bullet16 li,
ul.bullet17 li,
ul.bullet18 li,
ul.bullet19 li,
ul.bullet20 li{
margin: 0 0 5px 0;
padding:0 0 0 30px;
list-style: none;
}
ul.bullet1 li {
background: url(../images/bullet_black.png) 4px 4px no-repeat;
}
ul.bullet2 li {
background: url(../images/bullet_blue.png) 4px 4px no-repeat;
}
ul.bullet3 li {
background: url(../images/bullet_green.png) 4px 4px no-repeat;
}
ul.bullet4 li {
background: url(../images/bullet_yellow.png) 4px 4px no-repeat;
}
ul.bullet5 li {
background: url(../images/bullet_orange.png) 4px 4px no-repeat;
}
ul.bullet6 li {
background: url(../images/bullet_red.png) 4px 4px no-repeat;
}
ul.bullet7 li {
background: url(../images/bullet_purple.png) 4px 4px no-repeat;
}
ul.bullet8 li {
background: url(../images/bullet_pink.png) 4px 4px no-repeat;
}
ul.bullet9 li {
background: url(../images/bullet_go.png) 4px 4px no-repeat;
}
ul.bullet10 li {
background: url(../images/star.png) 4px 4px no-repeat;
}
ul.bullet11 li {
background: url(../images/error.png) 4px 4px no-repeat;
}
ul.bullet12 li {
background: url(../images/accept.png) 4px 4px no-repeat;
}
ul.bullet13 li {
background: url(../images/tick.png) 4px 4px no-repeat;
}
ul.bullet14 li {
background: url(../images/add.png) 4px 4px no-repeat;
}
ul.bullet15 li {
background: url(../images/asterisk_orange.png) 4px 4px no-repeat;
}
ul.bullet16 li {
background: url(../images/arrow_right.png) 4px 4px no-repeat;
}
ul.bullet17 li {
background: url(../images/resultset_next.png) 4px 4px no-repeat;
}
ul.bullet18 li {
background: url(../images/control_play.png) 4px 4px no-repeat;
}
ul.bullet19 li {
background: url(../images/attach.png) 4px 4px no-repeat;
}
ul.bullet20 li {
background: url(../images/weather_sun.png) 4px 4px no-repeat;
}
/* ***************************************************************************************************** */
/* BUTTON STYLES */
.blueButton, 
.greenButton,
.orangeButton,
.yellowButton,
.redButton,
.brownButton,
.cyanButton,
.purpleButton,
.pinkButton,
.oliveButton,
.lightButton,
.darkButton{
white-space:nowrap;
height:25px;
padding:10px 30px 15px 30px;
display:inline-block;
text-decoration:none;
font-size:20px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.blueButton:hover, 
.greenButton:hover,
.orangeButton:hover,
.yellowButton:hover,
.redButton:hover,
.brownButton:hover,
.cyanButton:hover,
.purpleButton:hover,
.pinkButton:hover,
.oliveButton:hover,
.lightButton:hover,
.darkButton:hover{
text-decoration:none;
}
/* ***************************************************************************************************** */
/* IMAGE STYLES */
.img_border{
padding:4px;
}
/* ***************************************************************************************************** */
/* CUSTOM BUTTON STYLES */
a.blueButton{
background:url(../images/blueButton.png) repeat-x 0 0;
border:1px solid #22375B;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.blueButton:hover{
background:url(../images/blueButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.greenButton{
background:url(../images/greenButton.png) repeat-x 0 0;
border:1px solid #4D8245;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.greenButton:hover{
background:url(../images/greenButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.orangeButton{
background:url(../images/orangeButton.png) repeat-x 0 0;
border:1px solid #D98724;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.orangeButton:hover{
background:url(../images/orangeButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.yellowButton{
background:url(../images/yellowButton.png) repeat-x 0 0;
border:1px solid #D9C224;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.yellowButton:hover{
background:url(../images/yellowButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.redButton{
background:url(../images/redButton.png) repeat-x 0 0;
border:1px solid #DA4A25;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.redButton:hover{
background:url(../images/redButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.brownButton{
background:url(../images/brownButton.png) repeat-x 0 0;
border:1px solid #C2903B;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.brownButton:hover{
background:url(../images/brownButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.cyanButton{
background:url(../images/cyanButton.png) repeat-x 0 0;
border:1px solid #295F7A;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.cyanButton:hover{
background:url(../images/cyanButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.purpleButton{
background:url(../images/purpleButton.png) repeat-x 0 0;
border:1px solid #B324D8;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.purpleButton:hover{
background:url(../images/purpleButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.pinkButton{
background:url(../images/pinkButton.png) repeat-x 0 0;
border:1px solid #D824B7;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.pinkButton:hover{
background:url(../images/pinkButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.oliveButton{
background:url(../images/oliveButton.png) repeat-x 0 0;
border:1px solid #A4BE3F;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.oliveButton:hover{
background:url(../images/oliveButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.lightButton{
background:url(../images/lightButton.png) repeat-x 0 0;
border:1px solid #3E4C5D;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.lightButton:hover{
background:url(../images/oliveButton.png) repeat-x 0 -75px;
color:#FFF;
}
a.darkButton{
background:url(../images/darkButton.png) repeat-x 0 0;
border:1px solid #16171B;
color:#FFF !important;
text-shadow:1px 1px 3px #333;
-moz-text-shadow:1px 1px 3px #333;
-webkit-text-shadow:1px 1px 3px #333;
-khtml-text-shadow:1px 1px 3px #333;
box-shadow:0 1px 3px #000;
-moz-box-shadow:0 1px 3px #000;
-webkit-box-shadow:0 1px 3px #000;
-khtml-box-shadow:0 1px 3px #000;
}
a.darkButton:hover{
background:url(../images/darkButton.png) repeat-x 0 -75px;
color:#FFF;
}
/* ***************************************************************************************************** */
/* JOOMLA 1.6 CSS CODE */
/* ***************************************************************************************************** */
/* FRONTPAGE COMPONENT */
.readmore a,
.readon a{
text-decoration:none;
}
.readmore a:hover,
.readon a:hover{
text-decoration:none;
}
/* ***************************************************************************************************** */
/* CONTENT COMPONENT STYLES */
.publishdate,
.hits,
.parent-category-name,
.category-name,
.article-count{
display:inline-block;
padding: 3px 3px 3px 18px;
margin:0 5px 0 0;
font-size:0.85em;
}
ul.pagenav,
ul.pagenav li{
margin:0;
padding:0;
list-style:none;
}
ul.pagenav li{
display:inline;
}
/* ***************************************************************************************************** */
/* ARTICLE CATEGORIES */
.categories-list ul,
.categories-list li{
margin:0;
padding:0;
list-style:none;
}
.categories-list li{
margin:10px 0;
padding:10px 10px 10px 25px;
overflow:hidden;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.categories-list li li{
padding:10px;
margin:20px 0;
}
.categories-list .item-title{
display:block;
font-size:18px;
margin:0 0 10px 0;
}
.image-left{
float:left;
margin:0 20px 20px 0;
}
.categories-list li li li{
display:blcok;
margin:0;
clear:both;
}
/* ***************************************************************************************************** */
/* ARTICLE CATEGORY LIST */
.jcat-children ul,
.jcat-children li{
margin:0;
padding:0;
list-style:none;
}
.jcat-children li{
margin:10px 0;
padding:10px 10px 10px 25px;
overflow:hidden;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.jcat-children li li{
padding:10px 10px 10px 10px;
margin:20px 0;
}
.jcat-children dl{
padding: 3px 3px 3px 18px;
}
.jcat-children dl dt,
.jcat-children dl dd{
display:inline;
font-size:0.85em;
}
.jcat-children .jitem-title{
display:block;
font-size:18px;
margin:0 0 10px 0;
}
.filters .hidelabeltxt,
.filters .filter-search,
.filters .display-limit{
display:inline-block;
margin:0 10px 0 0;
}
.category thead th{
padding:5px;
text-align:left;
}
.category thead a{
text-decoration:none;
}
.category thead img{
margin:0 0 0 10px;
}
.cat-list-row0 td{
padding:5px;
}
.cat-list-row1 td{
padding:5px;
}

/* ***************************************************************************************************** */
/* ARCHIVE LIST */
ul#archive-list,
ul#archive-list li{
margin:0;
padding:0;
list-style:none;
}
ul#archive-list li{
padding:10px;
margin:0 0 20px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
ul#archive-list li h4{
font-size:18px;
}
ul#archive-list li h5.metadata{
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
ul#archive-list li h5.metadata span{
display:inline-block;
padding: 3px 3px 3px 18px;
margin:0 5px 0 0;
font-size:11px;
font-weight:normal;
}
/* ***************************************************************************************************** */
/* CONTACT COMPONENT */
#contact-slider br{
display:none;
}
#contact-slider .panel{
padding:10px;
margin:0 0 10px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#contact-slider .panel h3{
font-size:18px;
margin:0;
}
#contact-slider .panel h3 a{
text-decoration:none;
}
#emailForm{
font-size:0.8em;
}
/* ***************************************************************************************************** */
/* WEBLINKS COMPONENT */
table.weblinks{
width:100%;
}
table.weblinks p{
margin:0;
}
.weblinks ul,
.weblinks li{
margin:0;
padding:0;
list-style:none;
}
.weblinks li{
margin:10px 0;
padding:10px 10px 10px 25px;
overflow:hidden;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.weblinks li li{
padding:10px;
margin:20px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.weblinks .item-title{
display:block;
font-size:18px;
margin:0 0 10px 0;
}
.weblinks .jitem-title{
display:block;
font-size:18px;
margin:0 0 10px 0;
}
.image-left{
float:left;
margin:0 20px 20px 0;
}
/* ***************************************************************************************************** */
/* NEWSFEEDS COMPONENT */
table.newsfeeds{
font-size:0.8em;
}
table.newsfeeds th{
text-align:left;
padding:5px;
}
/* ***************************************************************************************************** */
/* LOGIN FORM */
.login{
padding:10px;
margin:0 0 20px 0;
font-size:0.8em;
}
.login label{
display:block;
}
.login #username,
.login #password{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:4px 5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
/* ***************************************************************************************************** */
/* REGISTRATION FORM */
#member-registration{
padding:10px;
margin:0 0 20px 0;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#member-registration label{
display:block;
}
/* ***************************************************************************************************** */
/* REMIND FORM */
.remind{
padding:10px;
margin:0 0 20px 0;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.remind button{
font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
/* ***************************************************************************************************** */
/* RESET FORM */
.reset{
padding:10px;
margin:0 0 20px 0;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.reset button{
font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
/* ***************************************************************************************************** */
/* USER PROFILE */
.profile{
padding:10px;
margin:0 0 20px 0;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.profile a{
font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
cursor:pointer;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.profile-edit{
padding:10px;
margin:0 0 20px 0;
font-size:0.8em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.profile-edit button{
font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
cursor:pointer;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.profile-edit input,
.profile-edit select{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:4px 5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
/* ***************************************************************************************************** */
/* FRONTEND EDITOR */
#adminForm{
padding:10px;
margin:0 0 20px 0;
font-size:0.8em;
}
#adminForm label{
display:block;
}
#adminForm input,
#adminForm select{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:4px 5px;
}
#editor-xtd-buttons{
display:inline-block;
float:left;
}
.toggle-editor{
display:inline-block;
float:left;
padding:5px;
}
.button2-left a{
font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
cursor:pointer;
text-decoration:none;
font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.button2-left .readmore{
padding:0;
border:0;
}
.mceEditor{
margin:10px 0;
}
.formelm_buttons{
text-align:right;
}
.formelm_buttons button{
font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
cursor:pointer;
}
/* ***************************************************************************************************** */
/* SEARCH COMPONENT */
.phrases{
display:block;
font-size:0.8em;
padding:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.phrases-box input{
display:inline-block;
margin:0 0 5px 0;
}
.phrases-box .phrase{
padding:0;
font-size:1em;
display:inline-block;
}
.search .only{
display:block;
padding:10px;
margin:0 0 20px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.search .form_limit{
display:inline-block;
}
ol.search_results,
ol.search_results li{
margin:0;
padding:0;
list-style:none;
clear:both;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
ol.search_results li.result-title{
margin:10px 0;
padding:10px;
font-size:0.8em;
}
ol.search_results li.result-title h4{
display:inline-block;
margin:0;
}
ol.search_results li.result-title h4 a{
text-decoration:none;
}
.result-category br{
display:none;
}
ol.search_results li.result-title .highlight{
font-size:1.1em;
display:inline-block;
padding:0 5px;
}
/* ***************************************************************************************************** */
/* TABLE OF CONTENTS */
#article-index{
width:35%;
float:right;
margin:0 0 20px 20px !important;
font-size:0.8em;
}
#article-index ul,
#article-index li{
margin:0;
padding:0;
list-style:none;
}
#article-index li a{
display:block;
padding:3px 3px 3px 20px;
}
.pagination ul,
.pagination li{
margin:0;
padding:0;
list-style:none;
}
.pagination ul{
display:inline-block;
padding:5px;
margin:0 0 20px 0;
}
.pagination li{
display:inline-block;
margin:0 5px;
}
/* ***************************************************************************************************** */
/* RELATED ITEMS MODULE */
ul.relateditems,
ul.relateditems li{
margin:0;
padding:0;
list-style:none;
}
ul.relateditems li{
display:block;
padding:3px 3px 3px 20px;
}
/* ***************************************************************************************************** */
/* ARTICLE CATEGORIES MODULE */
ul.categories-module,
ul.categories-module li{
margin:0;
padding:0;
list-style:none;
}
ul.categories-module li{
display:block;
padding:10px;
margin:0 0 10px 0;
}
/* ***************************************************************************************************** */
/* ARTICLES CATEGORY MODULE */
ul.category-module,
ul.category-module li{
margin:0;
padding:0;
list-style:none;
}
ul.category-module li{
display:block;
padding:3px 3px 3px 20px;
margin:0 0 10px 0;
}
/* ***************************************************************************************************** */
/* LATEST USERS MODULE */
ul.latestusers,
ul.latestusers li{
margin:0;
padding:0;
list-style:none;
}
ul.latestusers li{
display:block;
padding:3px 3px 3px 20px;
margin:0 0 10px 0;
}
/* ***************************************************************************************************** */
/* WHOS ONLINE MODULE */
ul.whosonline,
ul.whosonline li{
margin:0;
padding:0;
list-style:none;
}
ul.whosonline li{
display:block;
padding:3px 3px 3px 20px;
margin:0 0 10px 0;
}
/* ***************************************************************************************************** */
/* LOGIN MODULE */
#form-login #modlgn_passwd,
#form-login #modlgn_username{
display:block;
}
/* ***************************************************************************************************** */
/* LANGUAGE MODULE */
.languages-module ul,
.languages-module li{
margin:0;
padding:0;
list-style:none;
}
.languages-module li{
display:inline-block;
margin:0 5px;
}
/* ***************************************************************************************************** */
/* JOMSOCIAL STYLES */
body #community-wrap div.greybox{
font-size:12px !important;
border:0 !important;
margin:0 0 20px 0 !important;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
}
body #community-wrap div.greybox div{
border:0 !important;
}
body #community-wrap div.greybox div div{
background:transparent !important;
}
body #community-wrap div.greybox table {
margin:0 !important;
}
body #community-wrap div.greybox div div div.introduction {
padding:50px 0 0 70px !important;
}
body #community-wrap div.greybox a#joinButton{
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
}
body #community-wrap div.greybox div div div.loginform {
background:transparent !important;
}
body #community-wrap div.greybox div div div h2 {
font-size:18px !important;
}
body #community-wrap div.greybox div div div.loginform {
height:auto !important;
}
#community-wrap .app-box {
font-size:12px !important;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
}
#community-wrap .app-box-content {
padding:0 10px 10px 10px !important;
}
#community-wrap .app-box-footer {
padding:0 10px !important;
}
#community-wrap .app-box-header {
margin-bottom:0 !important;
border-radius:5px 5px 0 0 !important;
-moz-border-radius:5px 5px 0 0 !important;
-webkit-border-radius:5px 5px 0 0 !important;
-khtml-border-radius:5px 5px 0 0 !important;
}
#community-wrap .filterlink {
height:30px !important;
margin:0 -10px 10px -10px !important;
padding:3px 10px !important;
}
#community-wrap .cModule {
font-size:12px !important;
border:0 !important;
padding:10px !important;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
}
#community-wrap .cModule .app-box-content {
padding:0 !important;
}
#community-wrap .cModule h3 {
margin:-10px -10px 10px -10px !important;
padding:10px !important;
border:0 !important;
border-radius:5px 5px 0 0 !important;
-moz-border-radius:5px 5px 0 0 !important;
-webkit-border-radius:5px 5px 0 0 !important;
-khtml-border-radius:5px 5px 0 0 !important;
}
#community-wrap .inputbox, #community-wrap textarea, #community-wrap select {
font-family:Arial, Helvetica, sans-serif !important;
}
#community-wrap .cModule.searchbox .input_wrap .inputbox {
margin:0 !important;
padding:0 !important;
}
#community-wrap .edit-this {
top:17px !important;
}
body #community-wrap div.profile-box {
font-size:12px !important;
border:0 !important;
border-radius:5px 5px 0 0 !important;
-moz-border-radius:5px 5px 0 0 !important;
-webkit-border-radius:5px 5px 0 0 !important;
-khtml-border-radius:5px 5px 0 0 !important;
}
body #community-wrap div.profile-info .contentheading {
font-size:18px !important;
}
#uploadForm{
margin:0 !important;
}
#cWindowContent .info{
margin:0 !important;
}
#community-wrap div.profile-toolbox-bl,
#community-wrap div.profile-toolbox-br,
#community-wrap div.profile-toolbox-tl{
background:transparent !important;
}
#community-wrap div.profile-toolbox-bl{
margin-bottom:0 !important;
}
#community-wrap #activity-stream-nav{
margin:0 !important;
font-size:12px !important;
}
#community-wrap #profile-header ul.actions a, #community-wrap #profile-header ul.actions a:hover{
font-size:10px !important;
white-space:nowrap !important;
}
body #community-wrap .activity-admin-echo {
background:transparent !important;
border:0 !important;
}
div.joms-newsfeed-item {
border:0 !important;
}
#community-wrap .joms-newsfeed-item .newsfeed-content {
font-size:12px !important;
}
body #community-wrap .small, body #community-wrap small {
font-size:10px !important;
color:#CCC !important;
}
#community-wrap .cDetailList .detailWrap {
color:#CCC !important;
}
#community-wrap .cToolbar {
font-size:12px !important;
border-radius:5px 5px 0 0 !important;
-moz-border-radius:5px 5px 0 0 !important;
-webkit-border-radius:5px 5px 0 0 !important;
-khtml-border-radius:5px 5px 0 0 !important;
}
#community-wrap #cToolbarNav.cToolbar ul#cToolbarNavList li,
#community-wrap #cToolbarNav.cToolbar ul#cToolbarNavList li a {
border-radius:5px 5px 0 0 !important;
-moz-border-radius:5px 5px 0 0 !important;
-webkit-border-radius:5px 5px 0 0 !important;
-khtml-border-radius:5px 5px 0 0 !important;
}
#community-wrap #cToolbarNav.cToolbar ul#cToolbarNavList li div a {
border-radius:0 !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
-khtml-border-radius:0 !important;
}
#community-wrap .cSubmenu {
padding:5px 0 !important;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
}
body #community-admin-wrapper a{
padding:5px 10px !important;
}
#community-wrap .componentheading{
font-size:20px !important;
margin:20px 0 !important;
}
#writeMessageForm td {
padding-top:20px !important;
}
body #community-wrap #cFilterBar {
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
}
body #community-wrap .video-actions.small,
body #community-wrap .album-actions.small {
margin:10px 0 0 0 !important;
padding:5px 10px !important;
border-radius:0 0 5px 5px !important;
-moz-border-radius:0 0 5px 5px !important;
-webkit-border-radius:0 0 5px 5px !important;
-khtml-border-radius:0 0 5px 5px !important;
}
.community-events-results-item, .community-groups-results-item,
#cWindowContentWrap {
font-size:12px !important;
}
#cWindowAction .button {
height:auto !important;
}
.denied-box {
font-size:12px !important;
border:0 !important;
background:transparent !important;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
}
#cGallery .photoTagInstructionsAction {
height:auto !important;
}
#cGallery .photoTagInstructions {
height:60px !important;
border:0 !important;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
-khtml-border-radius:5px !important;
}
body #community-wrap .video-actions.small{
margin:10px -10px 0 -10px !important;
}
#community-wrap div.ccontent-avatar .date .createdate {
padding:5px 20px 0 20px !important;
background-position:3px 5px !important;
}
#community-wrap div.ccontent-avatar .content {
line-height:1.3em !important;
margin:20px 0 !important;
}
#community-wrap #wallForm, #community-wrap #community-photo-walls {
padding-top:20px !important;
}
body #community-wrap .cModule.latest-groups li.featured h3.title {
background:transparent !important;
}
body #community-wrap div.profile-toolbox-bl ul.small-button {
font-size:10px !important;
}
div.joms-newsfeed-item .newsfeed-content-top {
display:block !important;
}
div.joms-newsfeed-item {
margin:0 0 20px 0 !important;
}
div.joms-newsfeed-item .newsfeed-date {
bottom:0 !important;
margin:0 !important;
padding:0 !important;
}
div.joms-newsfeed-item .newsfeed-favicon {
bottom:0 !important;
}
#community-wrap .cModule.latest-groups li.featured {
text-align:left !important;
}
#community-wrap div.mini-profile {
font-size:12px !important;
}
body #community-wrap .video-permalink .video-label {
font-size:12px !important;
}
#community-wrap div.ccontent-avatar .date .createdate {
background-position: 3px 12px !important;
padding: 5px 20px 0 20px !important;
}
body #community-wrap .album-summary {
font-size:12px !important;
}
body #community-wrap div.empty-message {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#community-wrap .cModule.latest-groups li.featured .desc-details {
text-align:left !important;
}
body #community-wrap div.featured-items {
font-size:12px !important;
text-align:left !important;
}
#community-wrap #miniheader div.profile-toolbox-tl {
font-size:12px !important;
}
.community-events-results-right h3, 
.community-groups-results-right h3 {
font-size:14px !important;
}
/* ***************************************************************************************************** */
/* JOMSOCIAL MODULES */
.mod_activegroups,
.mod_activegroups li{
margin:0 !important;
padding:0 !important;
list-style:none !important;
border:0 !important;
}
ul.latest-discussions-items,
ul.latest-discussions-items li{
margin:0 !important;
padding:0 !important;
list-style:none !important;
border:0 !important;
}
ul.latestevents,
ul.latestevents li{
margin:0 !important;
padding:0 !important;
list-style:none !important;
border:0 !important;
}
ul.mod_latestgroupwalls,
ul.mod_latestgroupwalls li{
margin:0 !important;
padding:0 !important;
list-style:none !important;
border:0 !important;
}
.photocomments ul,
.photocomments li{
margin:0 !important;
padding:0 !important;
list-style:none !important;
border:0 !important;
}
ul.mod_topmembers,
ul.mod_topmembers li{
margin:0 !important;
padding:0 !important;
list-style:none !important;
border:0 !important;
}
.videocomments ul,
.videocomments li{
margin:0 !important;
padding:0 !important;
list-style:none !important;
border:0 !important;
}
div.joms-newsfeed-more a {
color:#000 !important;
}
/* ***************************************************************************************************** */
/* Jan Jomsocial Promo */
.jomsocial-module, .jomsocial-full {
margin:0 0 40px 0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
background:#494637 url(../images/js_fpbg.jpg) no-repeat 50% 50%;
border:5px solid #9F9A7C;
color:#FFF;
}
.jomsocial-full {
padding:25px;
background:#494637 url(../images/js_fpbg.jpg) no-repeat 50% 0;
}
.jomsocial-module .inside {
padding:10px 5px !important;
text-align:center;
}
.jomsocial-module h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:25px;
}
.jomsocial-module h3 {
color:#FFF;
}
.jomsocial-module .small {
color:#FFF;
}
.jomsocial-module a {
color:#FFF;
}
.jomsocial-full .promocode {
font-size:20px;
font-weight:bold;
}
.jomsocial-full h2 {
font-size:20px;
font-weight:bold;
line-height:28px;
margin-bottom:20px !important;
}
.jomsocial-full h3 {
font-size:20px;
margin-bottom:20px !important;
}
.jomsocial-full a {
color:#FFF;
text-decoration:underline;
}
.jomsocial-full a:hover {
text-decoration:none;
}
.jomsocial-full .shadow {
margin:0 20px 20px 0;
}
.jomsocial-full p {
margin-bottom:20px !important;
}
.jomsocial-full .jomsocial-intro {
padding:0 0 20px 0;
margin:0 0 20px 0;
border-bottom:1px solid #9F9A7C;
}