html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF;
color: #000000;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
line-height: 1.5;
}
body#bd {
color: #333333;
background: #FFFFFF;
}
body.contentpane {
color: #000000;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}
/* Normal link */
a {
color: #009dd7;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #0057b1;
font-weight: normal;
}
a img {
border: none;
}
/* Title text */
.contentheading, .componentheading, h1, h2, h3, h4 {
line-height: 1.1;
}
/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #pathway, #colwrap, #botsl, #footer {
font-size: 92%;
}
small, .small {
color: #999999;
}
img {
margin: 0;
padding: 0;
}
img.caption {
margin-top: 5px;
}
.img_caption {
color: #999999;
}
/* Heading */
h1 {font-size: 225%; font-weight: normal;}
h2 {font-size: 200%; font-weight: normal;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 10px 0;
padding: 0;
line-height:18px;
}
ul {
list-style: none;
}
ul li {
background: url(../images/bullet.gif) no-repeat 18px 7px;
line-height: 160%;
padding-left: 30px;
}
ol li {
line-height: 180%;
margin-left: 20px;
}
th {
font-weight: bold;
padding: 5px;
text-align: left;
}
fieldset {
border: none;
padding: 10px 5px;
}
fieldset a {
font-weight: bold;
}
fieldset.input {
padding: 0;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #CCCCCC;
height: 1px;
}
td, div {
font-size: 100%;
}
/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
}
form label {
cursor: pointer;
}
input, select, textarea, .inputbox {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
.inputbox {
border: 1px solid #D4D4D4;
padding: 3px 3px;
color: #333333;
background: #FFFFFF;
}
.button {
background: #333333;
border: 1px solid #040404;
color: #CCCCCC;
font-size: 100%;
font-weight:bold;
padding: 1px 8px;
}
* html .button { /*IE 6*/
padding: 2px 3px !important;
}
*+html .button { /*IE 7*/
padding: 2px 3px !important;
}
.article_separator {
clear: both;
display: block;
height: 30px;
background: url(../images/dot.gif) repeat-x center;
}
.column_separator {
padding: 0 25px;
}
/* content tables */
td.sectiontableheader {
background: #666666;
border: 1px solid #CCCCCC;
padding: 4px;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px 4px 6px;
border-bottom: 1px solid #CCCCCC;
}
tr.sectiontableentry0:hover td,
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background-color: #E9F4F8;
}
tr.sectiontableentry2 td {
background-color: #F7F7F7;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
font-size: 92%;
}
table.contenttoc td {
background: url(../images/bullet.gif) no-repeat 10px 9px;
padding: 1px 5px 1px 20px;
}
table.contenttoc th {
border-bottom: 1px solid #CCCCCC;
padding: 0 0 3px;
text-indent: 5px;
}
table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 4px !important;
background: none;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #F7F7F7;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
.blog_more strong {
display: block;
font-size: 125%;
margin: 0 0 5px;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 6px 10px;
margin: 0;
padding: 0 0 0 17px;
}
.category {
font-size: 125%;
font-weight: bold;
}
h1.componentheading, .componentheading {
margin: 0 0 10px;
padding: 0 0 5px;
}
.componentheading {
font-size: 250%;
font-weight: normal;
border-bottom: 1px solid #D4D4D4;
margin-bottom: 10px;
}
.contentdescription {
display: block;
padding: 10px;
margin: 10px 0;
font-size: 125%;
font-style: italic;
}
h2.contentheading, .contentheading {
margin: 0;
padding: 0 8px 0 0;
font-size: 250%;
}
table.blog .contentheading {
font-size: 185%;
}
a.readon {
font-weight: bold;
}
a.readon:hover, a.readon:active, a.readon:focus {
text-decoration: none;
}
#bottomwrap .hide span{
background:url(../images/cpanel-bottom-show.gif) no-repeat center right;
}
#bottomwrap .show span{
background:url(../images/cpanel-bottom-hide.gif) no-repeat center right;
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
ul.pagination {
margin: 15px auto 0;
padding: 0;
}
ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
ul.pagination li span{
padding: 2px 5px;
}
ul.pagination a {
padding: 2px 3px;
}
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#header,
#mainnav,
#subnav,
#container,
#botsl,
#footer {
width: 950px;
margin: 0 auto;
clear: both;
}
#container {
padding: 10px 0;
}
/* PRIMARY COLUMN
--------------------------------------------------------- */
#content {
clear: both;
display: block;
float: left;
width: 64%;
}
#current-content {
margin-bottom:10px;
}
/* content + 3 col */
div.wrap-center {
margin: 0;
padding: 0;
background: url(../images/box-center.gif) repeat-y center top #FFFFFF;
clear: both;
display: block;
width: 100%;
}
div.wrap-top {
background: url(../images/box-top.gif) no-repeat center top;
}
div.wrap-bot {
padding: 20px;
background: url(../images/box-bot.gif) no-repeat center bottom;
}
/* COLUMNS
--------------------------------------------------------- */
#colwrap {
float: right;
overflow: hidden;
width: 34.9%;
}
.leftlayout #colwrap {
float: right;
}
.rightlayout #colwrap {
float: left;
}
#colmass, cols {
clear: both;
width: 100%;
}
/*masstop*/
#colmass {}
#colmass div.module div div div {
padding: 0;
}
/*columns*/
#col1 {
float: left;
overflow: hidden;
width: 50%;
clear: both;
}
#col1 div.innerpad {
padding: 0 5px 0 0px;
}
#col2 div.innerpad {
padding: 0 0 0 5px;
}
#col2 {
float: right;
overflow: hidden;
width: 49.9%;
}
/*common style for column*/
#colwrap a {}
#colwrap a:hover, #colwrap a:active, #colwrap a:focus {}
#current a:hover, #current a:active, #current a:focus {
text-decoration: none;
}
#colwrap table {
border-collapse: collapse;
border-spacing: 0;
}
#colwrap .article_separator {
display: none;
}
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#containerwrap, #containerwrap-c, #containerwrap-cm, #containerwrap-f, #containerwrap-m {
clear: both;
border-top: 1px solid #FFFFFF;
background: #EEEEEE;
}
/* full */
#containerwrap-f #container , #containerwrap-f #container-inner {
}
#containerwrap-f #content {
width: 100%;
}
#containerwrap-f div.wrap-center {
background: url(../images/box-center1.gif) repeat-y center top #FFFFFF;
}
#containerwrap-f .wrap-top {
background: url(../images/box-top1.gif) no-repeat center top;
}
#containerwrap-f .wrap-bot {
background: url(../images/box-bot1.gif) no-repeat center bottom;
}
/* content + col + mass */
#containerwrap-cm #container {
}
#containerwrap-cm #container-inner {
background: none;
}
#containerwrap-cm #col1,
#containerwrap-cm #col2 {
width: 100%;
}
/* content + col */
#containerwrap-c #container {
}
#containerwrap-c #container-inner {
background: none;
}
#containerwrap-c #content {
width: 950px;
}
#containerwrap-c #colwrap {
width: 17%;
}
#containerwrap-c #col1,
#containerwrap-c #col2 {
width: 100%;
}
#containerwrap-c div.wrap-center {
background: url(../images/box-center1.gif) repeat-y center top #FFFFFF;
}
#containerwrap-c .wrap-top {
background: url(../images/box-top1.gif) no-repeat center top;
}
#containerwrap-c .wrap-bot {
background: url(../images/box-bot1.gif) no-repeat center bottom;
}
/* content + mass */
#containerwrap-m #container {
}
#containerwrap-m #container-inner {
background: none;
}
/* MODULE
--------------------------------------------------------- */
/* Module Default*/
div.module h3 {
font-size: 100%;
padding: 0;
position: relative;
text-transform: uppercase;
margin: 0 -10px 5px;
height: 30px;
line-height: 32px;
text-indent: 10px;
}
div.module h3 span.mdtool {
display: block;
height: 17px;
width: 17px;
position: absolute;
right: 15px;
top: 8px;
}
div.module,
div.module_blank {
background: url(../images/bor_br.gif) no-repeat right bottom !important;
margin-bottom: 10px;
width: 100%;
float: left;
clear: both;
}
div.module div {
background: url(../images/bor_bl.gif) no-repeat left bottom;
margin: 0;
}
div.module div div {
background: url(../images/bor_tr.gif) no-repeat right top;
}
div.module div div div {
background: url(../images/bor_tl.gif) no-repeat left top;
padding: 0 10px 10px;
overflow: hidden;
display: block;
}
div.module div div div div {
background: none;
padding: 0;
display: block;
clear: both;
width: 100%;
}
/* blank module */
div.module_blank {
background: none !important;
margin-bottom: 0;
padding-bottom: 10px;
}
div.module_blank div {
margin: 0;
padding: 0;
background: none;
}
/* botsl module */
#botsl div.moduletable {
padding: 0 10px 10px;
height: auto !important;
}
#botsl div.moduletable h3 {
margin: 0 0 10px;
padding: 0 0 5px;
font-size: 100%;
text-transform: uppercase;
color: #FFFFFF;
border-bottom: 1px solid #4B4B4B;
}
/* mis */
div.banneritem_text {
padding: 5px 0 !important;
}
div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}
div.moduletable ul,
div.moduletable_text ul,
div.moduletable_menu ul,
div.moduletable_hilte ul {
margin: 0;
padding: 0;
}
div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li {
background: url(../images/bullet.gif) no-repeat 5px 8px;
margin: 0;
padding-left: 16px;
}
/* HEADER
--------------------------------------------------------- */
#headerwrap {
background: url(../images/header.gif) repeat-x left bottom #333333;
position: relative;
z-index: 100;
}
#header {
height: 91px;
line-height: normal;
position: relative;
}
h1.logo, div.logo-text H1 {
margin: 0;
padding: 0;
font-size: 300%;
}
h1.logo a {
width: 367px;
display: block;
background: url(../images/logo.png) no-repeat;
position: absolute;
height: 52px;
top: 20px;
left: 0;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
div.logo-text {
position: absolute;
top: 30px;
left: 5px;
}
div.logo-text h1 a {
outline: none;
letter-spacing: 1px;
font-weight: bold;
color: #FFFFFF;
}
h1.logo-text a:hover,
h1.logo-text a:focus,
h1.logo-text a:active {
text-decoration: none;
}
p.site-slogan {
margin: 5px 0 0;
padding: 1px;
color: #999999;
}
/*Head Tools*/
#headtools:hover,
#headtools.hover {
border: 1px solid #CCCCCC;
background: #F7F7F7;
}
#headtools .innerpad {
position: relative;
padding: 5px;
float: left;
}
#headtools ul {
margin: 0;
padding: 3px 0 0;
float: left;
white-space: nowrap;
}
#headtools li {
margin: 0;
padding: 0 8px;
display: inline;
background: url(../images/vline.gif) no-repeat right center;
line-height: normal;
}
#headtools li a {
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#mainnavwrap {
background: url(../images/mainnav-bg.gif) repeat-x left bottom;
border-bottom: 1px solid #B4B4B4;
}
#mainnav {}
#mainnav a, #subnav a {
outline: none;
}
#subnavwrap {
background: #040404;
margin-top: -1px;
}
#subnav {}
#subnav ul {
margin: 0;
padding: 0;
}
#subnav li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
#subnav li a {
display: block;
float: left;
padding: 7px 15px 5px;
background: url(../images/vline.gif) no-repeat left 13px;
color: #CCCCCC;
}
#subnav li a:hover, #subnav li a:active, #subnav li a:focus {
color: #FFFFFF;
text-decoration: none;
}
#subnav li.active a,
#subnav li.active a:hover,
#subnav li.active a:active,
#subnav li.active a:focus {
font-weight: bold;
color: #FFFFFF;
}
#subnav li a.first-item {
background: none;
}
/* breadcrumbs */
#pathway {
border-bottom: 1px solid #EEEEEE;
margin: 0 auto 10px auto;
padding: 0 0 5px;
}
#pathway strong {
margin-right: 5px;
}
#pathway a {
}
#pathway a:hover, a:active, a:focus {
color: #009dd7;
font-weight: normal;
text-decoration: underline;
}
#pathway img {
margin: 1px 5px;
}
/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li {
background: none;
margin: 0;
padding: 0;
}
ul.menu li a {
display: block;
outline: none;
padding: 4px 0 6px;
background: url(../images/dot.gif) repeat-x bottom;
width: 99%;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
}
ul.menu li.active a {
color: #333333;
font-weight: bold;
}
ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li li a {
background: url(../images/arrow.png) no-repeat 7px 9px !important;
border: none;
font-weight: normal !important;
padding: 2px 0 2px 15px !important;
}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
color: #333333;
}
/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.box-full, .box-left, .box-center, .box-right {
float: left;
overflow: hidden;
}
.box-left, .box-center {
}
/* Top spotlight */
#topsl {
height: 240px;
margin: 0 0 10px;
}
/* Bot spotlight */
#botslwrap {
background: url(../images/botsl-bg.gif) repeat-x left top #333333;
color: #999999;
border-bottom: 1px solid #040404;
}
#botsl {}
#botsl a {
color: #999999;
}
#botsl a:hover, #botsl a:active, #botsl a:focus {
color: #00c6ff;
font-weight: bold;
}
#botsl .box-left div.moduletable,
#botsl .box-center div.moduletable {
margin: 10px 6px 0 0;
}
#botsl .box-right div.moduletable {
margin: 10px 0 0 6px;
}
#botsl ul, #botsl ol {
margin: 0;
padding: 0;
}
#botsl ol li {
margin: 0 0 0 20px;
padding: 0;
background: none;
}
#botsl ul li {
margin: 0;
padding: 0 0 0 15px;
background: url(../images/bullet.gif) no-repeat 5px 7px;
}
/* FOOTER
--------------------------------------------------------- */
#footerwrap {
padding: 5px 0 20px;
clear: both;
background: #040404;
border-top: 1px solid #4B4B48;
}
#footer {
color: #666666;
padding: 10px 0;
margin: 0 auto;
}
#footer small a {
color: #666666;
}
#footer ul {
margin: 0;
padding: 0;
line-height: normal;
float: left;
}
#footer small {
float: right;
font-size: 100%;
color: #666666;
}
#footer li {
display: inline;
margin: 0;
padding: 0 10px;
background: none;
}
#footer li a {
display: inline;
line-height: normal;
color: #666666;
}
#footer a:hover, #footer a:active, #footer a:focus {
color: #00c6ff;
font-weight: normal;
}
#footer li.firstitem {
background: none;
padding-left: 0;
}
.footurl {
float: none;
clear: both;
}
/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
position: absolute;
top: -100%;
}
/* Login Form */
#login-wrap {
}
#login-wrap form {
float: left;
}
#login-wrap form label {
}
#login-wrap form input.button {
float: left;
}
#login-wrap form #mod_login_username,
#login-wrap form #mod_login_password {
width: 90%;
margin: 0px 8px 5px 0;
font-weight: bold;
}
#login-wrap form #mod_login_username {
}
#login-wrap form #mod_login_password{
}
#login-wrap form a {
padding: 0 5px;
text-decoration: none;
}
#login-wrap form a:hover,
#login-wrap form a:active,
#login-wrap form a:focus {
text-decoration: underline;
}
div.login-links {
text-align: left;
}
div.login-links a {
margin: 0;
padding: 0 !important;
}
/* Search */
#search {
top: 45px;
right: -1px;
position: absolute;
width: 200px;
height: 24px;
}
#search .inputbox {
background: none;
border: none;
padding: 0;
margin: 5px 0 0 30px;
}
#search .button {
margin-left: 5px;
}
/*usertool*/
a#cpanel-switcher {
height: 30px;
color: #666666;
background: url(../images/cpanel-switcher.png) no-repeat left bottom;
display: block;
width: 220px;
text-align: center;
}
a#cpanel-switcher:hover, a#cpanel-switcher:active, a#cpanel-switcher:focus {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
a#cpanel-switcher span {
line-height: 30px;
letter-spacing: 0.5px;
font-size: 10px;
padding-right: 20px;
color: #00c6ff;
}
#cpanel-tools {
color: #999999;
display: block;
font-size: 92%;
right: 0;
position: absolute;
width: 220px;
z-index: 100;
}
#cpanel-tools .show span {
background: url(../images/cpanel-hide.gif) no-repeat right center;
cursor: pointer;
}
#cpanel-tools .hide span {
background: url(../images/cpanel-show.gif) no-repeat right center;
cursor: pointer;
}
#cpanel {
background: #151515;
width: 220px;
height: auto;
border-bottom: 1px solid #333333;
}
#usertools {
float: left;
padding: 10px 0;
width: 100%;
}
#usertools span {
border-bottom: 1px solid #333333;
display: block;
padding: 5px 15px;
color: #666666;
}
#usertools strong {
font-weight: normal;
float: left;
padding: 0 5px 2px 8px;
display: block;
}
#usertools ul {
margin: 0;
padding: 0;
float: left;
}
#usertools li {
background: none;
display: block;
float: left;
margin: 0;
padding: 0 5px;
}
#usertools img {}
a#reset-default {
display: block;
margin-left: 15px;
margin-top: 20px;
width: 100px;
}
/*colors*/
#usercolor {
margin-bottom: 5px;
}
#usercolor ul {
margin: 10px;
}
/*layout*/
#userlayout {
margin-bottom: 5px;
}
#userlayout ul {
margin: 10px;
}
/*fonts*/
#userfont {
margin-bottom: 10px;
border-bottom: 1px solid #333333;
}
#userfont span {
border: none;
float: left;
padding-right: 15px;
}
#userfont ul {
margin-top: 3px;
}
/*others*/
#banner,
#banner1 {
margin: 0 0 10px;
padding: 0;
text-align: center;
overflow: hidden;
width: 100%;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
display: block;
margin: 10px 0;
}
.clr {
clear: both;
}
.hasTip img {
border: none;
float: left;
background: none;
margin: 0;
padding: 0;
}
div.innerdiv {
clear: both;
margin-bottom: 5px !important;
padding-bottom: 5px !important;
border-bottom: 1px solid #D4D4D4;
}
div.innerdiv img {
padding: 2px;
border: 1px solid #CCCCCC;
}
/* JA Highslide */
a.highslide-credits em {
font-style: normal;
font-size: 10px !important;
font-weight: bold;
}
/* Tooltips */
.tool-tip {
background: #FFFFFF;
border: 1px solid #F7F7F7;
float: left;
max-width: 200px;
padding: 5px;
}
.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
.banneritem {
text-align: center;
}
.module_media {
width:326px;
}
/* .innerpad { width:332px} */
.readon {
font-weight:bold !important
}
h4.jazin-title a:hover, a:active, a:focus {
color: #009dd7;
font-weight:bold !important;
}
ul.pagination a {
font-weight: normal !important;
}