@charset "utf-8";
/* CSS Document © Copyright 2010, All rights reserved */
/*------ Default HTML Styles ------*/
* {
margin:0;
padding:0;
}
html {
font-size:100%;
height:100%;
margin:0 0 1px 0;
}
body {
font-size:13px;
font-family:Helvetica, Arial, sans-serif;
line-height:1.4em;
}
body.arial {
font-family:Helvetica, Arial, sans-serif;
}
body.times {
font-family:"Times New Roman", Times, serif;
}
body.courier {
font-family:"Courier New", Courier, monospace;
}
body.georgia {
font-family:Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address, .contentheading, .componentheading, .contentdescription {
margin:0.5em 0;
}
ul, ol {
margin:0 0 0 2em;
}
fieldset {
border:none;
}
legend {
font-weight:bold;
}
table {
border-collapse:collapse;
}
img {
border:none;
}
a {
text-decoration:underline;
outline:none;
}
a:hover {
text-decoration:none;
}
.componentheading{
letter-spacing:-1px;
font-weight:normal;
}
.contentheading, .componentheading, h1, h2, h3, h4, h5, h6 {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
h1, .componentheading {
font-size:32px;
line-height:1.1em;
font-weight:normal;
}
.componentheading {
border-bottom:1px solid #EEE;
padding-bottom:10px;
}
h2, .contentheading, .moduletable-jsmembers h3 {
font-size:23px;
line-height:1.1em
}
h3, .contentdescription {
font-size:18px;
}
h4 {
font-size:16px;
}
h5 {
font-size:14px;
}
h6 {
font-size:14px;
font-weight:bold;
}
body.heading-tahoma h1, body.heading-tahoma h2, body.heading-tahoma .componentheading {
font-family:Tahoma, Verdana, sans-serif;
}
body.heading-arial h1, body.heading-arial h2, body.heading-arial .componentheading {
font-family:Arial, Helvetica, sans-serif;
}
body.heading-times h1, body.heading-times h2, body.heading-times .componentheading {
font-family:"Times New Roman", Times, serif;
}
body.heading-courier h1, body.heading-courier h2, body.heading-courier .componentheading {
font-family:"Courier New", Courier, monospace;
}
body.heading-georgia h1, body.heading-georgia h2, body.heading-georgia .componentheading {
font-family:Georgia, "Times New Roman", Times, serif;
}
hr {
border:0;
}
/*------ Layout Styles ------*/
.inside {
padding:10px 0;
}
.clr {
clear:both;
}
.width {
width:960px;
margin:0 auto;
}
/*--- Header ---*/
#header .inside{
padding:0;
}
#logo {
display:block;
width:270px;
height:40px;
float:left;
text-indent:-9999px;
outline:none;
margin:8px 0;
}
#topmenu {
float:right;
}
#topmenu ul, #topmenu li {
margin:0;
padding:0;
list-style:none;
}
#topmenu ul{
display:block;
height:58px;
padding:0 0 0 2px;
}
#topmenu li {
display:inline;
}
#topmenu li a {
display:block;
float:left;
font-size:18px;
padding:20px 10px 20px 12px;
text-decoration:none;
}
/*--- Inset ---*/
#mainmenu {
float:left;
}
#mainmenu ul.menu, #mainmenu ul.menu li, #mainmenu ul#mainlevel-nav, #mainmenu ul#mainlevel-nav li {
margin:0;
padding:0;
list-style:none;
}
#mainmenu ul.menu li, #mainmenu ul#mainlevel-nav li {
display:inline;
}
#mainmenu ul.menu li a, #mainmenu ul#mainlevel-nav li a {
margin:0 10px 0 0;
padding:0 0 0 20px;
display:block;
float:left;
text-decoration:none;
font-weight:bold;
}
#mainmenu ul.menu li a span, #mainmenu ul#mainlevel-nav li a span{
display:block;
padding:7px 20px 9px 0;
}
#usermenu{
float:right;
}
#usermenu ul.menu, #usermenu ul.menu li, #usermenu ul#mainlevel-nav, #usermenu ul#mainlevel-nav li {
margin:0;
padding:0;
list-style:none;
}
#usermenu ul.menu li, #usermenu ul#mainlevel-nav li {
display:inline;
}
#usermenu ul.menu li a, #usermenu ul#mainlevel-nav li a {
margin:0 10px 0 0;
padding:0 0 0 20px;
display:block;
float:left;
text-decoration:none;
font-weight:bold;
}
#usermenu ul.menu li a span, #usermenu ul#mainlevel-nav li a span{
display:block;
padding:7px 20px 9px 0;
}
#banner .inside{
}
#ribbon-l{
float:left;
margin:0 10px 0 0;
width:380px;
}
#ribbon-r{
float:right;
margin:0 0 0 10px;
width:540px;
}
/*--- Element Table ---*/
#elements .inside{
padding:20px 0 0 0;
}
.elements {
width:100%;
border-collapse:collapse;
border:0;
}
.elements td {
width:300px;
text-align:left;
vertical-align:top;
}
.elements1, .elements4 {
padding:0 10px 0 0;
}
.elements2, .elements5 {
padding:0 10px;
}
.elements3, .elements6 {
padding:0 0 0 10px;
}
#pathway {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0;
margin:0 0 15px 0;
}
#pathway .inside {
padding:0 10px;
}
#pathway a {
padding:3px;
}
#mainbody {
width:720px;
}
#sidebar2 {
width:220px;
}
#sidebar {
width:220px;
}
#content {
width:480px;
letter-spacing:0.03em;
}
/* Left Sidebars */
.sidebar-left #content{float:right;} 
.sidebar-left #mainbody{float:right;} 
.sidebar-left #sidebar2{float:left;} 
.sidebar-left #sidebar{float:left;}
/* Right Sidebars */
.sidebar-right #content{float:left;} 
.sidebar-right #mainbody{float:left;}
.sidebar-right #sidebar2{float:right;} 
.sidebar-right #sidebar{float:right;}
/* Both Sidebars */
.sidebar-both #content{float:right;}
.sidebar-both #mainbody{float:left;}
.sidebar-both #sidebar2{float:right;} 
.sidebar-both #sidebar{float:left;}

#footer {
font-size:12px;
}
#footer ul{
margin-left:0;
list-style:none;
}
.links {
width:100%;
border-collapse:collapse;
border:0;
}
.links td {
text-align:left;
vertical-align:top;
}
.links1 {
padding:0 10px 0 0;
width:140px;
}
.links2, .links3, .links4 {
padding:0 10px;
width:140px;
}
.links5 {
width:300px;
padding:0 0 0 10px;
font-size:11px;
text-align:right !important; 
}
/*------ Content Styles ------*/
.small, .createdate, .modifydate {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type="text"]{
width:170px;
margin-top: 5px;
margin-bottom: 5px;
}
.inputbox, .validate-email {
padding:3px;
margin-top: 5px;
margin-bottom: 5px;
}
.inputbox:focus{
border:1px solid #EFDA77;
}
.poll, .pollstableborder {
width:100%;
}
.poll thead td {
font-weight:normal !important;
font-size:16px;
padding:0 0 10px 0;
}
.poll td {
text-align:left;
vertical-align:middle;
padding:3px;
}
.bannerheader {
font-weight:normal !important;
font-size:16px;
margin:0 0 10px 0;
}
.banneritem_text {
margin:10px 0;
}
.adminform {
width:auto;
margin:10px 0;
}
.adminform td {
padding:5px;
}
.adminform .inputbox {
width:400px;
}
.button, .validate, .adminform button, button, .readon, .readmore {
padding:5px 12px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}
.readon, .readmore {
padding:5px 10px;
margin:10px 0;
display:block;
float:left;
}
.article_column {
padding:0 10px 0 0;
}
.column_separator {
padding:0 0 0 10px;
}
.article_separator {
display:block;
height:20px;
margin:20px 0;
}
.contentpaneopen {
width:100%;
}
.blog {
width:100%;
margin:0 0 20px 0;
}
.blog_more {
padding:20px;
margin:0 0 20px 0;
}
.blog_more strong {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.blog_more ul, .blog_more li {
padding:0;
margin:0;
list-style:none;
}
.blog_more li a {
display:block;
}
.blog_more strong {
display:block;
padding:0 0 5px 0;
font-size:1.4em;
}
.pagination {
margin:10px 0;
display:block;
}
.pagination ul, .pagination li {
margin:0;
padding:0;
list-style:none;
}
.pagination li {
display:inline;
}
.pagination span, .pagination a {
display:inline;
padding:5px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
.contentpane ul, .contentpane li {
margin:0;
padding:0;
list-style:none;
}
.contentpane li {
padding:5px 0;
margin:0 0 5px 0;
}
.contentdescription {
padding:10px 0;
}
td.sectiontableheader {
padding:5px;
text-align:left !important;
font-weight:normal;
}
tr.sectiontableentry1 td {
padding:5px;
text-align:left !important;
}
tr.sectiontableentry2 td {
padding:5px;
text-align:left !important;
}
tr.sectiontableentry0 td {
padding:5px;
text-align:left !important;
}
.contenttoc {
width:220px;
float:right;
margin:0 0 20px 20px;
}
.contenttoc th {
padding:5px 10px;
text-align:left;
font-size:16px;
}
.contenttoc td a {
display:block;
padding:5px 10px;
}
.contenttoc td a:hover {
padding:5px 5px 5px 10px;
text-decoration:none;
}
.pagenavbar {
text-align:left;
margin:20px 0;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.pagenavbar a {
text-decoration:none;
}
.pagenavcounter {
margin:20px 0;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.buttonheading {
white-space:nowrap;
font-size:11px;
}
#search_searchword {
padding:4px;
}
#searchphraseall {
margin:20px 0;
}
#ordering {
margin:0 0 20px 0;
}
.searchintro {
width:100%;
margin:10px 0;
}
.searchintro td {
padding:10px;
}
.searchintro br {
display:none;
}
.searchintro b {
font-size:1.4em;
}
#searchForm #search_searchword {
margin:0 10px;
;
}
.highlight {
font-weight:bold;
}
.contentpaneopen fieldset {
padding:0 0 10px 0;
}
#com-form-login #username, #com-form-login #passwd {
width:70%;
}
#com-form-login ul, #com-form-login li {
margin:0;
padding:0;
list-style:none;
}
#com-form-login a {
padding:5px 5px 5px 5px;
display:block;
width:70%;
}
#com-form-login a:hover {
padding:5px 5px 5px 10px;
text-decoration:none;
}
#name, #email {
margin:0 0 10px 0;
}
#com-form-login img{
display:none;
}
/*------ Default Module Styles ------*/
.module, 
.module_menu, 
.module_text,
.module-ms1,
.module-ms2,
.module-ms3,
.module-ms4 {
margin:0 0 20px 0;
height:1%;
clear:both;
}
.module div div div, 
.module_menu div div div, 
.module_text div div div,
.module-ms1 div div div,
.module-ms2 div div div,
.module-ms3 div div div,
.module-ms4 div div div {
padding:10px 12px 30px 12px;
}
.module div div div div, 
.module_menu div div div div, 
.module_text div div div div,
.module-ms1 div div div div,
.module-ms2 div div div div,
.module-ms3 div div div div,
.module-ms4 div div div div {
padding:0;
background:none;
}
.module h3,
.module_menu h3,
.module_text h3,
.module-ms1 h3,
.module-ms2 h3,
.module-ms3 h3,
.module-ms4 h3{
font-size:22px;
margin:5px 0 30px 5px;
}
/* Menu Module */
.module_menu div div div{
padding:10px 0 15px 0;
}
.module_menu h3{
padding:0 8px;
margin:5px 0 16px 5px;
}
.module_menu ul.menu, .module_menu ul.menu li{
margin:0;
padding:0;
list-style:none;
}
.module_menu ul.menu{
margin:0 1px;
}
.module_menu ul.menu li{
display:inline;
}
.module_menu ul.menu li a{
display:block;
padding:6px 5px 8px 25px;
z-index:20;
}
.module_menu ul.menu ul{
margin:0;
}
.module_menu ul.menu ul a{
padding:3px 5px 3px 35px;
margin:0;
}
/* Element Module Styles */
.elements .module, 
.elements .module_menu, 
.elements .module_text, 
.elements .module-ms1, 
.elements .module-ms2, 
.elements .module-ms3,
.elements .module-ms4 {
margin:0 0 20px 0;
height:1%;
clear:both;
}
.elements .module div div div, 
.elements .module_menu div div div, 
.elements .module_text div div div, 
.elements .module-ms1 div div div, 
.elements .module-ms2 div div div, 
.elements .module-ms3 div div div,
.elements .module-ms4 div div div{
padding:10px 12px 15px 12px;
}
.elements .module div div div div, 
.elements .module_menu div div div div, 
.elements .module_text div div div div, 
.elements .module-ms1 div div div div,
.elements .module-ms2 div div div div,
.elements .module-ms3 div div div div,
.elements .module-ms4 div div div div {
padding:0;
background:none;
}
.elements .module h3, 
.elements .module_menu h3, 
.elements .module_text h3, 
.elements .module-ms1 h3,
.elements .module-ms2 h3,
.elements .module-ms3 h3,
.elements .module-ms4 h3{
font-size:22px;
margin:5px 0 30px 0;
}
.elements .moduletable h3{
font-size:22px;
margin:10px 0 15px 0;
}
.elements .module h3{
font-size:22px;
margin:5px 0 15px 0;
}
/*------ Default Moduletable Styles ------*/
.moduletable, 
.moduletable_menu, 
.moduletable_text {
margin:0 0 20px 0;
}
/* Element Moduletable Styles */
.elements .moduletable, 
.elements .moduletable_menu, 
.elements .moduletable_text,
.elements .moduletable-ms1,
.elements .moduletable-ms2,
.elements .moduletable-ms3 {
margin:0 0 40px 0;
}
/* Banner Moduletable */
#banner .moduletable,
#banner .moduletable-dark,
#banner .moduletable-light {
float:left;
margin:0 40px 0 0;
}
/* Latest News & Popular Modules */
ul.latestnews, ul.mostread {
padding-left: 10px;
margin-left: 0;
}
ul.latestnews li, ul.mostread li {
list-style: none;
margin-left: 0;
padding:0 0 0 30px;
margin-bottom: 5px;
}
/*------ Custom Button Styles ------*/
a.red_button,
a.green_button,
a.blue_button,
a.gray_button {
margin:10px 10px 10px 0;
padding:0 0 0 20px;
display:block;
float:left;
text-decoration:none;
font-weight:bold;
}
a.red_button span,
a.green_button span,
a.blue_button span,
a.gray_button span{
display:block;
padding:7px 20px 8px 0;
}
/* Light or Dark Transparency */
.moduletable-dark{
background:url(../images/dark_trans.png);
padding:10px;
}
.moduletable-light{
background:url(../images/light_trans.png);
padding:10px;
}
/*------ Tooltips ------*/
.tool-tip {
float: left;
border: 1px solid #D4D5AA;
padding: 5px;
background: #FFFFCC;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
}
.tool-text {
margin: 0;
font-size: 100%;
}
/*------ System Messages ------*/
#system-message {
margin-bottom: 0px;
padding: 0;
}
#system-message dt {
font-weight: bold;
}
#system-message dd {
margin: 0;
font-weight: bold;
text-indent: 30px;
}
#system-message dd ul {
list-style: none;
margin: 0px;
padding: 10px;
color: #0055BB;
background: #D8E5F8 url(../images/status-info.png) no-repeat 10px 50%;
border-top: 3px solid #629DE3;
border-bottom: 3px solid #629DE3;
}
#system-message dt.message {
display: none;
}
#system-message dd.message {
}
#system-message dt.error {
display: none;
}
#system-message dd.error ul {
margin: 0px;
list-style: none;
color: #c00;
background: #FFD6D6 url(../images/status-alert.png) no-repeat 10px 50%;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
}
#system-message dt.notice {
display: none;
}
#system-message dd.notice ul {
margin: 0px;
list-style: none;
color: #DCA33C;
background: #FEF6D8 url(../images/status-note.png) no-repeat 10px 50%;
border-top: 3px solid #F0DC7E;
border-bottom: 3px solid #F0DC7E;
}
/*------ Typography ------*/
blockquote {
padding:20px;
margin:10px 0;
font-style:italic;
}
.alert, .info, .download, .note {
display: block;
padding: 10px 10px 10px 50px;
margin: 15px 0;
}
ul.bullet1, ul.bullet2, ul.bullet3, ul.bullet4, ul.bullet5, ul.bullet6, ul.bullet7, ul.male, ul.female, ul.accept, ul.clock, ul.color, ul.cup, ul.date, ul.drink, ul.smile, ul.exclamation, ul.heart, ul.music, ul.rainbow, ul.golf, ul.tennis, ul.star, ul.tick {
padding-left: 10px;
margin-left: 0;
}
ul.bullet1 li, ul.bullet2 li, ul.bullet3 li, ul.bullet4 li, ul.bullet5 li, ul.bullet6 li, ul.bullet7 li, ul.male li, ul.female li, ul.accept li, ul.clock li, ul.color li, ul.cup li, ul.date li, ul.drink li, ul.smile li, ul.exclamation li, ul.heart li, ul.music li, ul.rainbow li, ul.golf li, ul.tennis li, ul.star li, ul.tick li {
list-style: none;
margin-left: 0;
padding:0 0 0 30px;
margin-bottom: 5px;
}
fieldset.highlight {
padding:10px;
font-weight:normal;
}
fieldset.highlight legend {
font-size:1.2em;
}
blockquote {
background:#EEE url(../images/gradient.png) repeat-x 0 0;
border:1px solid #CCC;
}
.alert {
color: #c00;
border-top: 3px solid #fe7b7a;
border-bottom: 3px solid #fe7b7a;
background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}
.info {
color: #0055BB;
border-top: 3px solid #629de3;
border-bottom: 3px solid #629de3;
background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}
.note {
color: #B79000;
border-top: 3px solid #fde179;
border-bottom: 3px solid #fde179;
background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}
.download {
color: #57861A;
border-top: 3px solid #c2df88;
border-bottom: 3px solid #c2df88;
background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}
ul.bullet1 li {
background: url(../images/bullet1.png) 4px 4px no-repeat;
}
ul.bullet2 li {
background: url(../images/bullet2.png) 4px 4px no-repeat;
}
ul.bullet3 li {
background: url(../images/bullet3.png) 4px 4px no-repeat;
}
ul.bullet4 li {
background: url(../images/bullet4.png) 4px 4px no-repeat;
}
ul.bullet5 li {
background: url(../images/bullet_green.png) 4px 4px no-repeat;
}
ul.bullet6 li {
background: url(../images/bullet_pink.png) 4px 4px no-repeat;
}
ul.bullet7 li {
background: url(../images/bullet_red.png) 4px 4px no-repeat;
}
ul.male li {
background: url(../images/user_suit.png) 4px 4px no-repeat;
}
ul.female li {
background: url(../images/user_female.png) 4px 4px no-repeat;
}
ul.accept li {
background: url(../images/accept.png) 4px 4px no-repeat;
}
ul.clock li {
background: url(../images/clock.png) 4px 4px no-repeat;
}
ul.color li {
background: url(../images/color_swatch.png) 4px 4px no-repeat;
}
ul.cup li {
background: url(../images/cup.png) 4px 4px no-repeat;
}
ul.date li {
background: url(../images/date.png) 4px 4px no-repeat;
}
ul.drink li {
background: url(../images/drink.png) 4px 4px no-repeat;
}
ul.smile li {
background: url(../images/emoticon_smile.png) 4px 4px no-repeat;
}
ul.exclamation li {
background: url(../images/exclamation.png) 4px 4px no-repeat;
}
ul.heart li {
background: url(../images/heart.png) 4px 4px no-repeat;
}
ul.music li {
background: url(../images/music.png) 4px 4px no-repeat;
}
ul.rainbow li {
background: url(../images/rainbow.png) 4px 4px no-repeat;
}
ul.golf li {
background: url(../images/sport_golf.png) 4px 4px no-repeat;
}
ul.tennis li {
background: url(../images/sport_tennis.png) 4px 4px no-repeat;
}
ul.star li {
background: url(../images/star.png) 4px 4px no-repeat;
}
ul.tick li {
background: url(../images/tick.png) 4px 4px no-repeat;
}