html {
height: 100%;
margin-bottom: 0px;
}
form {
margin: 0;
padding: 0;
}
img,table {
border: none;
}
body {
background: #fff;
font-family: Tahoma, Verdana, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 12px;
color: #000000;
}
body.contentpane {
background: #f8f8f8;
}
ul {
margin-top: 5px;
margin-bottom: 15px;
list-style: none;
}
ul li { padding-left: 32px; line-height: 160%; background-color: transparent; }
h1 {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #333;
/* text-align: left; */
width: 100%;
}
h2, .contentheading {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
vertical-align: middle;
color: #69c;
text-align: left;
font-weight: bold;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
h4 {
font-family: Tahoma, Arial, sans-serif;
color: #333;
}
h3, .componentheading, table.moduletable th, legend {
margin: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
text-align: left;
color: #C5EFFD;
padding: 0;
}
/* a links */
a:link, a:visited {
outline: none;
text-decoration: none;
font-weight: normal;
color: #cc3333;
}
a:hover {
text-decoration: underline;
font-weight: normal;
color: #666;
}
p {
margin-top: 0;
margin-bottom: 5px;
text-align: justify;
}
form {
margin: 0;
padding: 0;
}
input, select {
font: 11px/normal Tahoma, Arial, Helvetica, sans-serif;
}
select, .inputbox {
padding: 2px;
}
textarea {
padding-left: 2px;
}
textarea.inputbox {
width:95%;
}
.button, .button:hover { padding: 1px 10px!important; padding: 1px 5px; color: #f3f5f8; background-color: #4b535b; border-color: #dfe5ec #8e9cae #8e9cae #dfe5ec; border-style: solid; border-width: 1px; }
.button:active, .button:focus { color: #f3f5f8; background-color: #cc3333; border-color: #8e9cae #dfe5ec #dfe5ec #8e9cae; border-style: solid; border-width: 1px; }
.inputbox {
border: solid 1px #bfc2c5;
background: #f5f6f8;
}
.inputbox:hover, .inputbox:focus { background-color: #e9ebed; border: solid 1px #9198a0; }
#modlgn_remember {
border:0;
}
.body_bg {
background-attachment: fixed;
background-color: #d6dee2;
background-image: url(../images/bg_MLK_Obama2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#ol-flashheaderpng { background: url(../images/header.png) no-repeat left center; position: absolute; top: 0px; right: 0px; z-index: 2; border: 0;height: 150px; width: 940px; }
#ol-flashheader { position: absolute; top: 0px; right: 0px; z-index: 1; border: 0;height: 150px; width: 700px; }
#logo, img#logo { background-repeat: no-repeat; position: absolute; top: 60px; left: 10px; z-index: 9; border: 0; }
#tophead {
background-color: #dde3e6;
clear: both;
text-align: left;
line-height: normal;
position: relative;
height: 150px;
}
#ol-newflash { color: #fff; line-height: 16px; background-color: #9dabb1; padding: 5px; z-index: 1; margin: 0 5px 8px; }
#ol-newflash a { text-decoration: underline; }
#bgr {
padding: 0;
margin: 0;/* background: transparent url(../images/bgr.png) top center repeat-y; */
}
div#wrapper {
padding: 0;
width: 940px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border: 1px solid #6699FF;
background-attachment: scroll;
background-image: url(../images/bg_sidebar.png);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #FFF;
min-height: 1000px;
}
#content {
width: 940px;
overflow: hidden;
margin-top: 0;
/* [disabled]margin-right: auto; */
margin-bottom: 0;
/* [disabled]margin-left: auto; */
/* [disabled]padding-top: 10px; */
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#topcol {
background: transparent url(../images/moomenu.png) top center repeat-x;
height: 25px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 10px;
}
/* Search */
#search { position: absolute; top: 0px; left: 10px; width: 180px; z-index: 3; margin: 0; padding: 0; }
#search div.search { background: url(../images/icon-search.gif) no-repeat left center; height: 25px; padding-top: 5px; padding-right: 2px; padding-left: 28px; }
#search .inputbox { color: #333; background-color: #efefef; width: 90%; padding-left: 5px; border: solid 1px #999; }
#wrapper_2 {
/* [disabled]background: transparent url(../images/wrapper_2_bg.png) top center repeat-y; */
}
#holder {
/* background-color: transparent; */
/* [disabled]background-image: url(../images/bg_sidebar.png); */
background-repeat: no-repeat;
background-position: left -100pt;
}
#left ,#right {
margin: 0;
width: 200px;
float: left;
padding: 0 0 10px 0;
text-align: left;
}
div#main {
float: left;
width: 500px;
padding: 0 10px;
margin: 0;
}
div#main_full {
float: left;
width: 740px;
margin: 0 0px 6px 0;
}
div.nopad {
overflow: hidden;
padding: 0;
}
div.nopad form#jForm p, div.nopad form#jForm div#navigation {
padding: 5px 0 0 10px;
}
div.nopad ul {
clear: both;
}
td.middle_pad {
width: 20px;
}
#banner_l {
text-align: left;
padding: 0 0 0 24px;
}
#footer {
margin: 0 auto;
text-align: center;
height: 50px;
line-height: 20px;
color: #999999;
font-size: 11px;
/* background: #d6dee2 url(../images/footer_bg.png) top center repeat-x; */
}
#footer p {
text-align: right;
padding: 10px 30px 0 0;
}
#footer a {
color: #6699CC;
text-decoration: none;
}
div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}
div.componentheading {
height: 22px;
padding: 8px 0 0 10px;
}
/* small text */
.small {
font-size: 10px;
color: #C0C0C0;
font-weight: normal;
text-align: left;
}
#date-format { color: #dfdfdf; background-color: #cc3333; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 7; padding: 6px 10px; }
.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #C0C0C0;
font-weight: normal;
text-align: right;
}
.createdate {
height: 20px;
vertical-align: top;
font-size: 10px;
color: #C0C0C0;
font-weight: normal;
vertical-align: top;
padding-top: 0px;
}
a.readon {
display: block;
float: right;
text-decoration: none;
line-height: 14px;
font-size: 10px;
text-decoration: underline;
color: #666;
}
a.readon:hover {
color: #999999;
text-decoration: none;
}
/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/** overlib **/
.ol-foreground {
background-color: #f1f1f1;
color: #333;
}
.ol-background {
background-color: #f1f1f1;
color: #333;
}
.ol-textfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
}
.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}
.ol-closefont {}
/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
margin: 0;
line-height: 18px;
text-decoration: none;
color: #2EB6F4;
font-weight: bold;
font-size: 11px;
}
a.mainlevel:hover {
}
/* spacers */
span.article_separator {
display: block;
height: 20px;
}
.article_column {
}
.column_separator {
}
td.buttonheading {
text-align: right;
width: 0;
}
.clr {
clear: both;
}
table.blog span.article_separator {
display: block;
height: 20px;
}
/* table of contents */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* content tables */
td.sectiontableheader {
color: #333;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid #666;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
color: #333;
font-size: 10px;
}
/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: 720px;
}
table.contentpane td{
/* text-align: left; */
}
table.contentpane td.contentdescription {
width: 100%;
}
table.contentpane {
/* text-align: left; */
float: left;
width: 100%;
margin: 8px;
}
table.contentpane ul li a .category {
color: #FF8800;
}
table.contentpane ul li {
color: #333;
}
table.contentpaneopen {
margin: 2px 8px;
}
table.contentpaneopen li {
margin-bottom: 5px;
}
table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
table.contentpaneopen h4 {
font-family: Tahoma, Arial, sans-serif;
color: #669933;
}
.highlight {
background-color: #fffebb;
}
/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}
div.moduletable, div.module {
margin-bottom: 25px;
}
div.module_menu, div.module {
margin: 0;
padding: 0;
}
div.module_menu div, div.module {
}
div.module_menu div div, div.module div div, div.module_text div div {
margin: 0 0 15px 0;
padding: 1px;
/* [disabled]background: #dddddd; */
}
div.module_menu div div div, div.module div div div, div.module_text div div div {
margin: 0;
background: #fff;
padding: 1px 5px 5px;
}
div.module_menu div div div, div.module div div div{
margin: 0;
/* [disabled]background: #f8f8f8; */
padding: 1px 5px 5px;
}
#right div.module table.poll div {
background: none;
}
div.module_menu div div div div, div.module div div div div {
background: none;
padding: 4px 8px;
text-align: left;
}
div.module div div div form {
padding: 4px 0 5px 4px;
width: 180px;
margin: 0 auto;
text-align: left;
}
#right div.module div div div form {
padding: 4px 0;
width: 170px;
margin: 0 auto;
text-align: left;
}
div.module div div div form table td {
text-align: left;
}
div.module div div div form ul{
margin: 10px 0 0;
padding: 0;
list-style: none;
}
div.module_menu ul {
list-style: none;
text-align: left;
padding: 0;
}
div.module_menu ul li{
margin: 0;
padding: 0;
}
div.module_menu ul li a:link, div.module_menu ul li a:visited {
padding: 2px 0 2px 20px;
/* [disabled]line-height: 24px; */
text-decoration: none;
color: #333333;
font-size: 11px;
}
div.module_menu ul li a:hover {
color: #0000FF;
text-decoration: underline;
}
div.module_text div div div {
text-align: left;
}
div.module_text div div div div {
margin:0 auto;
}
div.bannergroup_text {
display:block;
background: #fff;
padding: 1px;
}
.bannerheader {
padding: 0 0 0 6px;
}
#lr-padd { padding: 0; width: 100%; clear: both; }
#lr-padd div.moduletable, #lr-padd2 div.moduletable, #lr-padd1 div.moduletable { margin: 0; padding-top: 0; padding-bottom: 2px; border-right-width: 10px; }
table.lr-padd { width: 100%; padding: 0; }
#lr-padd ul {
padding: 0;
margin: 0!important;
}
#lr-padd li {
padding: 0;
margin: 0;
background: none;
line-height: 170%;
}
#lr-padd li a { padding-left: 17px; background: url(../images/bullet-list3.gif) no-repeat 5px 50%; text-decoration: underline; }
#lr-padd li a:hover, #lr-padd li a:active, #lr-padd li a:focus { background-image: url(../images/arrow_hover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 3px 50%; text-decoration: none; }
table.lr-padd a:hover { color: #868686; text-decoration: none; }
table.lr-padd td.lr-padd { border:solid 1px #ececec; color:#000; background-color: #f5f4f2; width: 50%; }
table.lr-padd td.lr-padd:hover { background-color:#fff; border:solid 1px #c5c5c5; background-repeat:no-repeat; background-position:left top; color:#666; }
table.lr-padd h3 { padding: 4px 0; margin: 0 0 5px; color: #012731; font-size: 1em; background-color: #faf9f7; background-image: url(../images/mmenu.gif); background-repeat: repeat-x; background-position: center; text-indent: 10px; border-bottom: 1px solid #e0ddcd; }
.path { color: #333; padding-top: 7px; padding-bottom: 3px; padding-left: 8px; line-height: 10px; }
#left div.module table.poll td {
text-align: left;
}
/* LEFT COL H3 */
#left h3, #right h3{
font-family: Tahoma, Verdana, Arial, sans-serif;
width: 177px;
color: #000000;
font-size: 11px;
height: 28px;
text-decoration: none;
text-align: left;
padding: 0 10px;
background: url(../images/h3.png) repeat-x left top;
font-weight: bold;
line-height: 26px;
margin: 0 0 0 -5px;
}
#left .moduletable_menu, #left .moduletable, #left .moduletable_text, #left .c,
#right .moduletable_menu, #right .moduletable, #right .moduletable_text, #right .c {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}
#right ul.menu {
margin: 0 auto;
padding: 3px 0 0 4px;
list-style: none;
width: 180px;
}
#right ul.menu li {
margin: 0;
padding: 0;
}
/*LEFT COL LINK*/
#right ul.menu li a, #right ul.menu li a:link {
line-height: 18px;
padding: 0 0 0 10px;
text-decoration: none;
font-size: 11px;
background: url(../images/menu_row.png) center left no-repeat;
margin: 0;
height: 18px;
color: #999999;
}
#right ul.menu li a:hover {
color: #6699CC;
text-decoration: underline;
}
/*LEFT COL CURRENT LINK*/
#right ul.menu li#current a, #right ul.menu li#current a:link {
line-height: 18px;
padding: 0 0 0 10px;
text-decoration: underline;
color: #6699CC;
font-size: 11px;
background: url(../images/menu_row.png) center left no-repeat;
margin: 0;
height: 18px;
}
#right ul.menu li#current a:hover {
color: #6699CC;
text-decoration: underline;
}
/*LEFT COL SUB LINK*/
#right ul.menu li#current ul li a, #right ul.menu li#current ul li a:link {
text-decoration: none;
color: #666;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.png) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 14px;
border: none;
height: 18px;
}
#right ul.menu li ul li#current a, #right ul.menu li ul li#current a:link, #right ul.menu li ul li#current a:visited, #right ul.menu li ul li#current a:hover {
font-size: 11px;
margin: 0 0 0 6px;
padding: 0 0 0 14px;
text-decoration: none;
border: none;
color: #333;
background: url(../images/submenu_row.png) center left no-repeat;
height: 18px;
line-height: 18px;
}
/*SUBMENU POSITION*/
#right ul.menu li#current ul {
margin: 0;
padding: 0;
}
#right ul.menu li#current ul li {
margin: 0;
padding: 0;
}
/*CURRENT SUBMENU POSITION*/
#right ul.menu li ul {
margin: 0;
padding: 0;
}
#right ul.menu li#current ul li a:hover {
color: #333;
}
#right ul.menu li ul {
list-style: none;
}
/* forms */
#left .moduletable ul, #right .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}
#left .moduletable ul li, #right .moduletable ul li {
margin: 0;
padding: 0 2px;
}
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
form#form-login fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
form#form-login ul li{
padding: 0;
}
form#form-login ul li a {
text-align: left;
padding: 0;
font-size: 10px;
}
/* Parameter Table */
table.paramlist {
margin-top: 5px;
}
table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}
table.paramlist td.paramlist_value {
}
div.message {
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
font-size : 14px;
color : #6699cc;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}
/* Text advert style */
.banneritem_text {
padding: 4px 8px;
font-size: 11px;
}
.bannerfooter_text {
padding: 8px 20px;
font-size: 11px;
text-align: right;
}
.pagination span { padding: 2px; }
.pagination a { padding: 2px; }
/* Polls */
.pollstableborder td {
text-align: left;
}
/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}
legend {
margin: 0;
padding: 0 10px;
}
td.key {
border-bottom:1px solid #eee;
color: #333;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/* System Standard Messages */
#system-message dd.message ul {
background: transparent;
padding: 3px;
margin: 0;
}
/* System Error Messages */
#system-message dd.error ul {
color: #999;
background: none;
border-top: 1px solid #829300;
border-bottom: 1px solid #829300;
padding: 0;
margin: 0;
}
/* System Notice Messages */
#system-message dd.notice ul {
color: #ECA5A7;
background: none;
border-top: 1px solid #829300;
border-bottom: 1px solid #829300;
padding: 3px;
margin: 0 0 5px 0;
}
#system-message dd {
text-indent: 0;
}
#system-message dd ul {
list-style-type: none;
color: #444;
background: #F2FBEC;
border: solid 1px #9CDD6C;
}
#system-message {
margin: 5px auto;
text-align: center;
width: 98%;
}
input, button {
font-family: Tahoma, Verdana, Arial, sans-serif;
}
input[type="checkbox"], input[type="radio"]{
background: transparent;
border: none;
}
/* Moo Menus */
#moo_sk_menu {padding:0px;margin:0px;}
#moo_sk_menu a { float:left; text-decoration:none; display:block; font-size:12px; cursor:pointer; height: 35px; line-height:35px; padding:0 15px; overflow: hidden; border-right: 1px solid #182a3c; }
#moo_sk_menu li li a {font-weight: normal;padding: 0;}
#moo_sk_menu ul {height: 35px;float: left;list-style: none;margin: 0;}
#moo_sk_menu { background: #263a51 url(../images/moomenu.png) repeat-x 50% top; height: 35px; float: left; list-style: none; margin: 0; padding: 0; }
#moo_sk_menu li li {padding: 0;background: none;}
#moo_sk_menu ul ul a {color:#000000;display: block;text-decoration: none;width: 150px;text-transform: none;}
#moo_sk_menu li {float: left;padding-left: 0px;height: 35px;background:transparent;}
#moo_sk_menu ul li {position: relative;}
#moo_sk_menu li ul {z-index: 99;top: 35px;position: absolute;left: -999em;height: auto;font-weight: normal;margin: 0;border: 0px solid #dddddd;padding: 0;}
#moo_sk_menu ul {padding: 0;margin-top: 0px;}
#moo_sk_menu li li {float: left;padding: 0;margin: 0;height: 35px;width: 172px;}
#moo_sk_menu li ul ul {margin: -25px 0 0 172px;}
#moo_sk_menu li:hover ul ul,#moo_sk_menu li:hover ul ul ul,#moo_sk_menu li:hover ul ul ul ul,#moo_sk_menu li.sfhover ul ul,#moo_sk_menu li.sfhover ul ul ul,#moo_sk_menu li.sfhover ul ul ul ul {position:absolute;left: -999em;}
#moo_sk_menu li:hover ul,#moo_sk_menu li li:hover ul,#moo_sk_menu li li li:hover ul,#moo_sk_menu li li li li:hover ul,#moo_sk_menu li.sfhover ul,#moo_sk_menu li li.sfhover ul,#moo_sk_menu li li li.sfhover ul,#moo_sk_menu li li li li.sfhover ul {position:absolute;left: 0;}
#moo_sk_menu ul ul {width: 172px;background:#263a51;}
#moo_sk_menu ul ul ul{width:172px;padding-bottom:0px;}
#moo_sk_menu ul ul li li{border-right:0px solid #000000;}
#moo_sk_menu a {color: #eeeeee;}
#moo_sk_menu a:hover{color: #6699cc;}
#moo_sk_menu li.active a {color: #6699cc;}
#moo_sk_menu li li a {color:#eee;}
#moo_sk_menu li li a:hover {color:#eeeeee;}
#moo_sk_menu li li a:active {color:#eeeeee;}
#moo_sk_menu ul ul li a {padding: 0 10px;}
#moo_sk_menu ul ul li.active {}
#moo_sk_menu li.active {background: url(../images/moomenu1.png) repeat-x top #303030;}
#moo_sk_menu li a:hover,#moo_sk_menu li a:active {color: #6699cc;}
#moo_sk_menup {height:20px;border: solid 1px #333333;background: #263a51;}
#moo_sk_menup ul {margin:0px;padding:0px;list-style:none;}
#moo_sk_menup li {float: left;margin:0;margin-top:0px;padding-left:0px;list-style:none;}
#moo_sk_menup li a {display:block;font-size:11px; text-decoration:none;color:#eeeeee;padding:0 10px 0 10px;line-height: 20px;}
#moo_sk_menup li a:hover{ color: #6699cc;}
#moo_sk_menup li.active a {color: #6699cc;}
#moo_sk_menup ul ul,#moo_sk_menup ul ul ul {display:none;}
/* Sub and Side Menus */
ul.menu { text-align: left; margin: 0 0 10px; padding: 0; }
ul.menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu ul {
margin: 4px 0;
}
ul.menu ul li a {
text-indent: 7px;
}
ul.menu ul a {
background: none;
text-indent: 0;
}
ul.menu ul {
margin-left: 5px;
padding: 0;
}
ul.menu ul ul {
padding: 0;
margin-left: 10px;
}
ul.menu li li {
padding: 0;
margin: 0;
}
ul.menu ul a {
text-indent: 0;
}
ul.menu li a { padding: 3px 3px 5px 15px; text-decoration: none; }
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu li a:hover {
background-color: transparent;
text-decoration: none;
}
ul.menu li.active li a,
ul.menu li.active li a:hover { background: transparent; }
#left ul.menu a { background: url(../images/menu_row.png) no-repeat left center; outline: none medium; width: 90%; display: block; text-decoration: none; text-align: left; border-bottom: 1px dotted #cacaca; }
#left ul.menu a:hover { }
#left ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 5px;}
#left ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 10px;}
/* @end */