/* *********************** GENERAL SETTINGS
*********************** */
html, body{
font-family: "Trebuchet MS", "Times New Roman", Times, Roman, serif;
font-size: 13px;
/*text-align: justify;*/
color: #666666;
background: #ffffff;
margin: 0px;
padding: 0px 0px 10px 0px;
}
/* CSS global reset for all browsers */
* { padding: 0px; margin: 0px; }
/*
Global Formatting */
h1 {font-weight: bold; font-size: 24px; color: #1f1f1f; letter-spacing: -2px; line-height: 24px; }
h2 {font-weight: bold; font-size: 18px; color: #1f1f1f; letter-spacing: -1px; line-height: 18px; text-transform: none;}
h3 {font-weight: normal; font-size: 18px; color: #336699; letter-spacing: -1px; line-height: 22px; text-transform: none;}
h4 {font-weight: bold; font-size: 13px; color: #333333; line-height: 14px; text-transform: none; }
h5 {font-weight: bold; font-size: 12px; color: #333333; line-height: 13px; text-transform: none; }
h6 {font-weight: bold; font-size: 11px; color: #333333; line-height: 12px; text-transform: none;}
a {color: #214263; font-weight: none; text-decoration: none;}
a:hover {color: #214263; font-weight: none; /*text-decoration: underline;*/}
a.image, a.image:hover
{border:0;}
fieldset {
width: 100%;
padding: 5px;
border: 1px solid #eee;
}
.both {
clear: both;
}
/* *********************** END GENERAL SETTINGS *********************** */
#content {
margin: 0px auto;
width: 827px;
background: #ffffff;
padding: 0px;
}
#top {
padding: 0px;
margin: 0px;
background: #ffffff;
height: 90px;
width: 827px;
position: relative;
clear: both;
}
#top h1 {
font: bold 24px "Trebuchet MS", "Times New Roman", Times, Roman, serif;
color: #000000;
letter-spacing: -1px;
text-transform: none;
position: absolute;
top: 36px;
left: 72px;
text-align: left;
}
#top h1 span {
color: #5d7789;
}
#top h2 {
font: normal 12px "Trebuchet MS", "Times New Roman", Times, Roman, serif;
color: #999999;
text-transform: none;
letter-spacing: 0px;
position: absolute;
text-align: left;
top: 60px;
left: 72px;
}
#top #logo {
position: absolute;
top: 22px;
left: 9px;
}
#cfs {
width: 47px;
height: 318px;
float: left;
position: relative;
background: #ffffff url(../images/cfs_bg.jpg) no-repeat top left;
}
#cfs #ct {
position: absolute;
top: 88px;
left: 21px;
}
#cfs #plus {
position: absolute;
top: 178px;
left: 20px;
}
#cfs #minus {
position: absolute;
top: 198px;
left: 20px;
}
#cfs #revert {
position: absolute;
top: 218px;
left: 20px;
}
#cfs #searchform {
padding: 0px;
margin: 0px;
text-align: right;
float: right;
background: transparent;
position: absolute;
width: 250px;
height: 35px;
top: 0px;
right: 0px;
}
#main {
padding: 0px;
margin: 2px 0px 0px 0px;
width: 850px;
background: #ffffff;
clear: both;
}
#main #left_col {
float: left;
width: 240px;
}
#main #left_col div.moduletable {
color: #cccccc;
}
#main #right_col {
float: left;
width: 540px;
}
#right_col #welcome {
width: 540px;
height: 318px;
/*
background: #5c7687 url(../images/top_bg.jpg) no-repeat top center; */
position: relative;
}
#welcome p {
width: 250px;
color: #ffffff;
position: absolute;
top: 220px;
left: 230px;
line-height: 16px;
}
#welcome p a {
color: #ffd42a;
text-decoration: none;
font-weight: bold;
}
#welcome p a:hover {
/*text-decoration: underline;*/
}
#contact_us {
width: 180px;
background: #ffffff url(../images/phone.jpg) no-repeat top right;
margin: 0px 25px 0px 35px;
}
#contact_us p {
margin-top: 20px;
font-size: 11px;
line-height: 14px;
}
/********************/
#menu {
padding: 0px;
width: 240px;
height: 318px;
background: #ffffff url(../images/top_menu_bg.jpg) no-repeat top right;
}
#menu #uls {
text-align: left;
width: 175px;
padding-left: 35px;
padding-top: 55px;
}
#menu table.moduletable {
margin: 0px;
padding: 0px;
}
#menu #uls table.moduletable td {
background: none;
}
#menu #uls ul {
list-style: none;
text-align: left;
padding-top: 0px;
}
#mainlevel-nav li
{
padding: 0px;
background: transparent url(../images/li_a_bg.gif) no-repeat bottom left;
display: block;
height: 25px;
white-space: nowrap;
list-style-type: none;
margin: 0px;
}
#mainlevel-nav li a
{
display: block;
text-decoration: none;
text-align: left;
color: #e5e5e5;
font: bold 15px "Trebuchet MS", "Times New Roman", Times, Roman, serif;
text-transform: none;
background: transparent;
padding: 0px 0px;
}
#mainlevel-nav li a:hover {
color: #ffcc00;
text-decoration: none;
}
/********************/
#top_modules {
width: 526px;
clear: both;
margin: 0px;
padding: 0px 0px 10px 13px;
}
#top_modules .mod_user1 {
float: left;
width: 255px;
padding-right: 16px;
background: #ffffff;
}
#top_modules .mod_user1 h3, #top_modules .mod_user2 h3 {
padding: 0px;
margin: 0px 0px 5px 0px;
font-weight: normal;
font-size: 18px;
letter-spacing: -1px;
color: #5c7586;
text-transform: none;
background: #ffffff;
}
#top_modules .mod_user2 {
float: left;
width: 255px;
padding: 0px;
background: #ffffff;
}
#top_modules a {
/*text-decoration: underline;*/
}
#top_modules a:hover {
text-decoration: none;
}
#newsflash {
margin: 0px;
padding: 0px;
width: 412px;
background: transparent;
position: absolute;
right: 10px;
top: 180px;
}
#newsflash h3 {
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
color: #ffffff;
line-height: 18px;
padding: 0px 0px 4px 2px;
margin: 0px;
text-transform: none;
background: transparent;
text-align: left;
height: 18px;
}
#newsflash table.moduletable td, #newsflash .contentpaneopen td {
padding: 0px;
margin: 0px;
color: #ffffff;
line-height: 14px;
background: transparent;
text-align: left;
font-size: 11px;
}
#newsflash .article_seperator {
background-color : none;
font-size: 1px;
}
#main_content {
width: 526px;
padding: 4px 7px;
margin-top: 20px;
border-top: 5px solid #e3e3e3;
}
/******/
.white_space {
height: 20px;
display: block;
}
.sep {
display: block;
height: 10px;
clear: both;
}
#footer {
margin: 0px;
width: 780px;
height: 77px;
padding-right: 47px;
background: #ffffff;
clear: both;
color: #999999;
}
#footer p {
font-size: 11px;
color: #999999;
float: right;
text-align: right;
padding-top: 10px;
margin-top: 20px;
border-top: 5px solid #e3e3e3;
width: 540px;
}
#footer p a {
/*text-decoration: underline;*/
color: #999999;
font-weight: normal;
}
#footer p a:hover {
text-decoration: none;
}
/* *********************** END LAYOUT SETTINGS
*********************** */
/* *********************** NAVIGATION SECTION
*********************** */
/* Pathway Breadcrumbs */
.pathway {font-size: 10px;color:#ccc; font-weight: bold;}
a.pathway {color: #6699ff;text-decoration: none;}
a.pathway:hover {color:#6699ff;/*text-decoration: underline;*/}
/* Mainlevel menu */
.mainlevel {
height: 25px;
width: 168px;
}
a.mainlevel {
background: #474747 url(../images/arrow.gif) no-repeat left;
color: #cccccc;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
line-height: 20px;
text-transform: none;
padding: 1px 0px 1px 20px;
margin-left: 6px;
text-decoration: none;
display: block;
text-align: left;
}
a.mainlevel:hover {
color: #FFCC00;
}
#active_menu, #active_menu:hover {
background: #474747 url(../images/arrow.gif) no-repeat left;
color: #ffffff;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
line-height: 25px;
text-transform: none;
padding: 1px 0px 1px 20px;
margin-left: 22px;
text-decoration: none;
display: block;
text-align: left;
}
/* End Mainlevel menu */
/* Sub Menu */
.sublevel { height: 18px; width: 180px;
}
a.sublevel {
background: transparent;
color: #cccccc;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
text-transform: none;
text-decoration: none;
text-align: left;
float: left;
display: block;
padding: 1px 0px 1px 30px;
}
a.sublevel:hover {
color: #ffb400;
text-decoration: none;
}
table.moduletable td table div {
padding: 0px;
margin-left: 18px;
height: 20px;
}
/*
a.sublevel {
background: transparent;
color: #666666;
font-size: 11px;
font-weight: normal;
padding: 3px 0px 4px 15px;
margin: 0px;
text-decoration: none;
}
a.sublevel:hover {
color: #cc0000;
background: transparent;
text-decoration: underline;
}
/* End Sub Menu */
/* Add Custom Menus */
/* Add Custom Menus */
/* *********************** END NAVIGATION SECTION ********************* */
/* *********************** STANDARD MODULE TABLE
********************* */
table.moduletable {
width: 100%;
padding: 0px;
margin: 0px 0px 5px 0px;
}
#left_col table.moduletable th, #left_col .moduletable h3 {
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
line-height: 32px;
height: 35px;
text-transform: none;
color: #ffffff;
text-align: left;
background: #ffffff url(../images/mod_h_bg.gif) no-repeat top center;
width: 201px;
padding-left: 29px;
padding-bottom: 2px;
}
#left_col div.moduletable {
text-align: center;
padding: 0px 0px 2px 0px;
margin-bottom: 2px;
background: #474747;
}
table.moduletable td {height: 18px; text-align: left; }
/*text-align: center;*/
table.moduletable p {
text-align: left;
}
<!--
/*box*/
-->
.module-box {
background: url(../images/boxright.png) top right no-repeat;
padding:0;
width: 94%;
margin-bottom: 20px;
}
/*.module-box h3 {
margin:0;
padding:0 0 4px 0;
border-bottom:#ccc 1px solid;
color: #666;
font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
text-align:center;
}*/
.module-box div {
background: url(../images/boxleft.png) top left no-repeat;
margin:0;
padding:10px 0 0 0;
}
.module-box div div{
background: url(../images/boxleft.png) bottom left no-repeat;
padding:0 0 0 10px;
}
.module-box div div div{
background: url(../images/boxright.png) bottom right no-repeat;
padding:0 5px 5px 0;
height:auto !important;
height:1%;
}
.module-ancho {
padding:0;
width: 180px;
margin: 0px 25px 0px 35px;
margin-bottom: 20px;
}
/* Custom Modules */
.latestnews, .mostread {
list-style: none;
display: block;
padding: 0px;
margin: 0px;
text-align: left;
}
li.latestnews. li.mostread {
margin: 0px 0px;
display: block;
padding: 0px 0px 0px 0px;
width: 168px;
list-style: none;
}
li.latestnews a, li.mostread a {
background: #474747 url(../images/arrow.gif) no-repeat left;
color: #cccccc;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
line-height: 20px;
text-transform: none;
padding: 2px 0px 2px 20px;
margin-left: 22px;
text-decoration: none;
display: block;
text-align: left;
}
li.latestnews a:hover, li.mostread a:hover {
color: #ffffff;
text-decoration: none;
}
.search {
padding: 5px;
margin: 0px;
height: 21px;
}
.search .button {
background: none;
border: none;
color: #ffffff;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
line-height: 19px;
height: 19px;
letter-spacing: 0px;
vertical-align: middle;
text-transform: none;
padding: 0px;
margin: 0px;
width: 75px;
}
.search .button:hover {
color: #2c5a8b;
}
.search .inputbox {
margin: 0px;
padding: 0px 3px;
height: 19px;
line-height: 19px;
width: 146px;
background: #ffffff;
border: 1px solid #660000;
color: #333333;
vertical-align: middle;
}
.search .inputbox:hover {
border: 1px solid #999999;
}
/* End Custom Modules */
/* *********************** END STANDARD MODULE TABLE ********************* */
/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */
td.contentheading {
padding: 0px;
margin: 0px;
line-height: 32px;
font-weight: normal;
font-size: 18px;
letter-spacing: -1px;
color: #214263;
height: 32px;
text-transform: none;
background: #ffffff;
}
.contentheading table td {
letter-spacing: 0px;
font-weight: bold;
}
/* content title and links */
.contentpagetitle {background-color : transparent; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited
{text-decoration: none;font-weight: normal; color: #333333; }
a.contentpagetitle:hover { color: #666666; text-decoration: none;}
/* top box like a category description */
.contentdescription {
background-color : transparent;
padding: 10px 0px;
}
/* Main Body Text */
.contentpane {background: transparent;}
.contentpaneopen { background-color: transparent; line-height: 16px; }
/* Main Body Text */
/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}
/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}
/* Dates */
.createdate {color: #666666; font-size: 11px; font-weight: bold; text-transform: none; }
.modifydate {color: #ccc; font-size: 10px; font-style: normal; text-transform: uppercase;}
.newsfeeddate {font-size: 11px; color: #999; font-weight: normal;}
/* Dates */
/* Writen by Authors name */
.small {
color: #cccccc;
font-size: 10px;
line-height: 17px;
margin: 0px; padding: 0px;
text-transform: uppercase;
}
/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav {
font-size: 11px;
color: #999;
}
.pagebar{font-size: 11px; font-weight: bold;}
.pagenav_prev{font-size: 11px; color: #999; }
.pagenav_next{font-size: 11px; color: #999; }
a.pagenav {color: #990000; /*text-decoration: underline;*/ font-weight: normal; }
a.pagenav:hover {color: #990000; text-decoration: none; font-weight: normal; }
.pagenavcounter{
height: 15px;
}
.back_button{font-size: 11px; letter-spacing: 1px; height: 15px; clear: both;
margin: 5px 0px; text-transform: uppercase; font-weight: bold; }
/* Read more link */
.readon {
font-weight: bold !important;
text-decoration: none;
}
.readon:hover {
/*text-decoration: underline;*/
}
/* Article index
*/
table.contenttoc {
padding: 0px;
margin: 2px;
font-size: 11px;
}
table.contenttoc th {
background: transparent;
color: #06c;
}
table.contenttoc td {padding: 2px;}
/* Links article index */
a.toclink:hover, a.toclink:visited, a.toclink:link {
height: 18px; }
/* End Article index
*/
/*
component heading */
.componentheading {
text-align: right;
margin-top: 5px;
background-color: #ffffff;
line-height: 48px;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
color: #cccccc;
text-transform: uppercase;
letter-spacing: 0px;
}
/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color : #eeeeee;
color : #666666;
border-collapse: collapse;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
}
/* Table odd and Even Rows */
.sectiontableentry1 {
background-color: #585858;
color: #cccccc;
font-size: 11px;
padding: 2px 0px !important;
text-align: left;
}
.sectiontableentry2 {
background-color: #474747;
color: #ffffff;
font-size: 11px;
padding: 2px 0px !important;
text-align: left;
}
#right_col .sectiontableentry1 {
background: #ffffff;
color: #666666;
}
#right_col .sectiontableentry2 {
background: #f0f0f0;
color: #333333;
}
.sectiontableentry1 td, .sectiontableentry2 td {
padding: 2px !important;
}
.sectiontableentry1 input, .sectiontableentry2 input {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background: none;
vertical-align: middle;
}
#left_col .sectiontableentry1 label, #left_col .sectiontableentry2 label {
margin: 0px;
padding: 0px;
width: 195px;
display: block;
}
.sectiontablefooter {
height: 18px;
}
table.poll {
border: none;
margin: 0px;
padding: 0px 5px;
}
table.poll thead td {
text-align: left;
margin: 0px;
padding: 0px;
width: 200px;
}
table.pollstableborder {
margin: 0px;
padding: 0px;
border: none;
}
table.pollstableborder td {
text-align: left;
margin: 0px;
padding: 0px;
width: 130px;
}
/* End Sectiontable */
/* Category */
.category {color:#ccc;}
a.category:link, a.category:visited { height: 15px; color: #990000; /*text-decoration: underline;*/
}
a.category:hover
{
height: 15px; color: #990000; /*text-decoration: underline;*/ }
/* End category */
/* blogsection */
.blog {background-color: transparent;}
.blogsection{
height: 18px;
}
.blog_more{
clear: both; display: block; width: 430px; padding: 10px 0px; }
.blog_heading {
height: 18px;
}
/* space from bottom of article */
.article_seperator{background-color : none;}
/* End blogsection */
/* Search Form Module*/
.search {height: 18px;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
background: #f0f0f0;
padding: 0px 4px 0px 4px;
color: #333333;
font-weight: bold;
}
/* End Search Form */
/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* *********************** END CONTENT - SECTIONS & CATEGORIES *********************** */
/* *********************** FORM SECTION
*********************** */
form {
font-size: 11px;
margin: 0px;
}
input {
background-color: #f2f2f2;
font-size: 11px;
color: #2C5A8B;
font-weight: bold;
font-family: Verdana, sans-serif;
border-left: #ffcc00 2px solid;
border-right: #ffcc00 2px solid;
border-top: #ffcc00 2px solid;
border-bottom: #ffcc00 2px solid;
padding: 1px;
}
/*
.boton {
border-top: #666666 1px solid;
font-weight: bold;
font-size: 10px;
border-left: #666666 1px solid;
border-bottom: #666666 1px solid;
font-family: Verdana, sans-serif;
background-color: #f2f2f2;
border-right: #666666 1px solid;
}
*/
#mod_login_username, #mod_login_password {
background: #fff;
font-size: 11px;
padding: 2px;
margin: 3px 0px;
width: 150px;
border: 1px solid #000000;
color: #666;
}
#mod_login_remember {
background: none;
border: none;
height: 15px;
vertical-align: middle;
}
.inputbox { background: #fff; border: 1px solid #ccc; margin: 2px 0px; color: #333; }
.text_area, textarea {background: #fff; border: 1px solid #ccc; width: 100%; color: #333; }
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {
margin: 0px;
text-transform: none;
vertical-align: middle;
outline: none;
width: 65px;
height: 19px;
background-color: #f2f2f2;
font-size: 11px;
color: #2c5a8b;
font-weight: bold;
font-family: Verdana,sans-serif;
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #ffcc00;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-right-width-value: 2px;
border-right-style-value: solid;
border-right-color-value: #ffcc00;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #ffcc00;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #ffcc00;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
}
.button:hover {
color: #2c5a8b;
}
#main_content .button {
margin: 0px;
text-transform: none;
vertical-align: middle;
outline: none;
width: 120px;
height: 19px;
background-color: #f2f2f2;
font-size: 11px;
color: #2c5a8b;
font-weight: bold;
font-family: Verdana,sans-serif;
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #ffcc00;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-right-width-value: 2px;
border-right-style-value: solid;
border-right-color-value: #ffcc00;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #ffcc00;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #ffcc00;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
}
#main_content .button:hover {
color: #2c5a8b;
border: none;
}
#left_col select, #left_col #mod_templatechooser_jos_change_template, #left_col option {
font-weight: normal;
background: #fff;
color: #666;
border: 1px solid #000000;
width: 150px;
}
/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}
#searchphraseany, #searchphraseall, #searchphraseexact {
background: none;
}
/* *********************** END FORM SECTION *********************** */
/* *********************** TABBED EDITING *********************** */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.
Don't set the colour! */
.moscode {
background-color: #f0f0f0;
}
.code {
font-family: courier, serif;
font-size: 1.2em;
padding: 2px;
background-color: #f0f0f0;
color: blue;
border: 1px solid #d5d5d5;
margin: 0px;
width: 90%;
}
/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1em;
color : #666;
text-align: center;
}
/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #666666;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: bold;
color: #FFFFFF;
padding: .2em;
}
.offtab {
background-color : #cccccc;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: normal;
padding: .2em;
}
.edit-tabs {
padding: 1em;
background: none;
}
.tabpadding {padding:1px;}
.tabheading {
background-color: #FF6600;
text-align: left;
}
.pagetext {
visibility: hidden;
display: none;
}
/*Body of the form*/
.adminform{background-color : #FFFFFF;}
/* *********************** End TABBED EDITING *********************** */