/* CSS Document */
html {
height: 100%;
}
body {
height: 100%;
margin-bottom: 0px;
background: url(../images/allbg.png) repeat-x;
}
.clr {
clear: both;
}
#buttons {
float: left;
margin: 0px;
padding: 0px;
width: auto;
}
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
ul#mainlevel-nav li
{
background-image: none;
padding-left: 12px;
padding-right: 0px;
float: left;
margin-top: 2;
font-size: 12px;
line-height: 26px;
white-space: nowrap;
border-right: 1px solid #D4E2ED;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #ffffff;
/*background: url(../images/menuback.png) no-repeat;*/
}
#buttons>ul#mainlevel-nav li a { width: auto; }
ul#mainlevel-nav li a:hover
{
color: #f28a00;
/*background: #307a3c;*/
}
#content_outer {
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/** border: 1px solid #cccccc; **/
float: left;
width: 490px;
}
#content_inner{
float: none !important;
float: left;
padding: 0;
padding-top: 2px;
margin: 0;
}
table.content_table {
width: 100%;
padding: 0px;
margin: 0px;
}
table.content_table td {
padding: 0px;
margin: 0px;
}
#header {
float: left;
padding: 0px;
/* height: 219px;*/
height: 272px;
width: 948px;
background: url(../images/headerlogo1.jpg) no-repeat;
}
#advert {
float: left;
padding-top: 10px;
padding-left: 3px;
height: 100px;
width: 490px;
/*background: url(../images/top.png) no-repeat;*/
}
#advert2 {
float: left;
padding-top: 10px;
padding-left: 3px;
height: 100px;
width: 490px;
/*background: url(../images/top.png) no-repeat;*/
}
#slogan {
float: left;
padding-top: 10px;
padding-left: 3px;
}
#Mid-Header {
float: left;
padding-top: 10px;
padding-left: 3px;
height: 200px;
width: 490px;
/*background: url(../images/top.png) no-repeat;*/
}
#search {
float: left;
padding-left: 23px;
padding-top: 1px;
height: 41px;
width: 228px;
background: url(../images/search.png) no-repeat;
}
#menue {
float: left;
padding-left: 232px;
padding-top: 5px;
height: 36px;
width: 948px;
background: url(../images/navbg2.png) no-repeat;
}
#left {
float: left;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
/*height: 41px;*/
width: 228px;
/*background: url(../images/search.png) no-repeat;*/
}
#bgleft {
float: left;
width: 228px;
background: url(../images/leftbg.png) repeat-y;
}
#bottomleft {
float: left;
width: 228px;
height: 15px;
background: url(../images/leftbottom.png) no-repeat;
}
#bg2top {
float: left;
width: 228px;
background: url(../images/left2top.png) repeat-y;
}
#bg2left {
float: left;
width: 228px;
background: url(../images/left2bg.png) repeat-y;
}
#bg2bottom {
float: left;
width: 228px;
height: 15px;
background: url(../images/left2bottom.png) no-repeat;
}
/*#maintop {
float: left;
padding: 0px;
height: 36px;
width: 760px;
background: url(../images/maintop.png) no-repeat;
}*/
#inner {
float: left;
padding-left: 10px;
padding-right: 10px;
/*height: 36px;*/
width: 490px;
}
#bodybgx {
float: left;
padding: 0px;
width: 948px;
background: url(../images/bodybg2.png) repeat-y;
}
#bodybottom {
float: left;
padding: 0px;
height: 35px;
width: 948px;
background: url(../images/bodybottom2.png) no-repeat;
}
#mainx {
float: left;
padding-top; 0px;
padding-left: 10px;
padding-right: 10px;
height: 100%;
width: 490px;
}
#sidetop {
float: left;
padding: 0px;
height: 17px;
width: 230px;
background: url(../images/righttop2.png) no-repeat;
}
#sidebody {
float: left;
/* padding: 0px; */
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
/* padding-left: 5px; */
/* padding-right: 26px; */
/* height: 23px; */
/*height: 24px;*/
width: 230px;
background: url(../images/rightbg2.png) repeat-y;
}
#sidebottom {
float: left;
padding: 0px;
height: 15px;
width: 230px;
background: url(../images/rightbottom2.png) no-repeat;
}
/*#logintop {
float: left;
padding: 0px;
height: 24px;
width: 227px;
background: url(../images/logtop.png) no-repeat;
}*/
#loginbg {
float: left;
padding-top: 40px;
padding-left: 20px;
padding-right: 26px;
/*height: 24px;*/
width: 230px;
}
/*#loginbottom {
float: left;
padding: 0px;
height: 34px;
width: 227px;
background: url(../images/logbottom.png) no-repeat;
}*/
.user1_inner {
border: 1px solid #cccccc;
background: url(../images/back.png) repeat-y;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}
.user2_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}
.user3_inner {
/*border: 1px solid #cccccc;*/
float: none !important;
float: left;
background: url(../images/header.jpg) repeat-y;
margin: 0px;
padding: 2px;
}
.maintitle {
color: #333333;
font-size: 40px;
padding-left: 15px;
padding-top: 20px;
}
.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #333333;
font-size: 14px;
font-weight: bold;
}
/** old stuff **/
.back_button {
float: left;
text-align: center;
font-size: 10px;
/*font-weight: bold;*/
/*border: 3px double #cccccc;*/
width: auto;
/*background: url(../images/button_bg.png) repeat-x;*/
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}
.pagenav {
text-align: center;
font-size: 11px;
/*font-weight: bold;*/
/*border: 3px double #cccccc;*/
width: auto;
/*background: url(../images/button_bg.png) repeat-x;*/
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}
.pagenavbar {
margin-right: 10px;
float: right;
}
#footer {
text-align: center;
padding: 3px;
font-size: 10px;
}
ul
{
margin-left: 15px;
margin-top: 3px;
margin-bottom: 3px;
padding: 0;
/*
list-style: none;
*/
}
li
{
line-height: 15px;
padding-left: 2px;
padding-top: 0px;
/*
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
*/
}
td {
text-align: left;
font-size: 12px;
}
body {
margin: 0px;
height: 100%;
padding: 0px;
font-family: Arial, Helvetica, Sans Serif;
line-height: 22px;
font-size: 12px;
color: #000000;
background: url(../images/allbg.png) repeat-x;
}
/* Joomla core stuff */
a:link, a:visited {
color: #307a3c; text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a:hover {
color: #307a3c; text-decoration: none;
font-weight: bold;
font-size: 12px;
}
table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpaneopen td {
padding-right: 5px;
}
table.contentpaneopen td.componentheading {
padding-left: 4px;
}
table.contentpane {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpane td {
margin: 0px;
padding: 0px;
}
table.contentpane td.componentheading {
padding-left: 4px;
}
table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #eee;
}
.button {
color: #333333;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 10px;
/*font-weight: bold;*/
/*border: 1px solid #cccccc;*/
width: auto;
/*background: url(../images/subhead_bg.png) repeat-x;*/
/*background: #737272;*/
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 22px !important;
height: 20px;
margin: 1px;
}
.inputbox {
color: #333333;
padding: 2px;
border:solid 1px;
background-color: #ffffff;
}
.inputbox2 {
color: #333333;
padding: 2px;
border:solid 1px;
background-color: ffffff;
}
.componentheading {
/*background: url(../images/subhead_bg.png) repeat-x;*/
color: #307a3c;
border-bottom: 1px dashed #666666;
text-align: center;
padding-top: 4px;
padding-left: 4px;
height: 24px;
font-weight: bold;
font-size: 16px;
font-family: Cry, Uncial, Times, Times Roman, serif;
text-transform: uppercase;
}
.contentcolumn {
padding-right: 5px;
}
.contentheading {
height: 24px;
color: #307a3c;
font-weight: bold;
font-size: 20px;
text-align: center;
font-family: Cry, Uncial, Times, Times Roman, serif;
white-space: nowrap;
}
.contentpagetitle {
font-size: 18px;
font-weight: bold;
color: #307a3c;
text-align:center;
}
table.searchinto {
width: 100%;
}
table.searchintro td {
font-weight: bold;
}
table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
div.moduletable {
padding: 0;
margin-bottom: 2px;
}
table.moduletable th, div.moduletable h3 {
/*background: url(../images/subhead_bg.png) repeat-x;*/
color: #000000;
border-bottom: 1px dashed #666666;
text-align: left;
padding-left: 4px;
height: 30px;
line-height: 40px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin: 0 0 2px 0;
}
table.moduletable td {
font-size: 12px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
table.pollstableborder td {
padding: 2px;
}
.sectiontableheader {
font-weight: bold;
/*background: #f0f0f0;*/
padding: 4px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
/*background-color : #000000;*/
}
.sectiontableentry2 {
/*background-color : #cccccc;*/
}
.small {
color: #999999;
font-size: 11px;
}
.createdate {
height: 15px;
padding-bottom: 10px;
color: #D1D1D1;
font-size: 11px;
}
.modifydate {
height: 15px;
padding-top: 10px;
color: #D1D1D1;
font-size: 11px;
}
/*table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}*/
table.contenttoc td {
padding: 2px;
}
table.contenttoc th {
/*background: url(../images/subhead_bg.png) repeat-x;*/
border-bottom: 1px dashed #666666;
color: #000000;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 30px;
line-height: 45px;
/*font-weight: bold;*/
font-size: 12px;
text-transform: uppercase;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
/*background: url(../images/menu_bg.gif) no-repeat;*/
vertical-align: middle;
font-size: 12px;
color: #000000;
text-align: left;
padding-top: 6px;
padding-left: 18px;
height: 16px !important;
height: 24px;
width: 100%;
text-decoration: none;
}
a.mainlevel:hover {
/*background-position: 0px -25px;*/
text-decoration: none;
color: #000000;
}
a.mainlevel#active_menu {
color:#000000;
/*font-weight: bold;*/
}
a.mainlevel#active_menu:hover {
color: #000000;
}
a.sublevel:link, a.sublevel:visited {
padding-left: 6px;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
color: #266430;
line-height: 22px;
text-align: left;
}
a.sublevel:hover {
color: #266430;
text-decoration: none;
}
a.sublevel#active_menu {
color: #266430;
}
.highlight {
background-color: Yellow;
color: Blue;
padding: 0;
}
.code {
/*background-color: #ddd;*/
border: 1px solid #bbb;
}
form {
/* removes space below form elements */
margin: 0;
padding: 0;
}
div.mosimage {
border: 1px solid #ccc;
}
.mosimage {
border: 1px solid #cccccc;
margin: 5px
}
.mosimage_caption {
margin-top: 2px;
/*background: #efefef;*/
padding: 1px 2px;
color: #666;
font-size: 10px;
border-top: 1px solid #cccccc;
}
span.article_seperator {
display: block;
height: 1.5em;
}
.circle_li{
list-style:circle;
}
.square_li{
list-style:square;
}
.disc_li{
list-style:disc;
}
.sponsor-title{
color:00b050;
}
/************************************************************************/
/* Embedded Files Here: */
/* SpryValidationTextField.css */
/* SpryValidationSelect.css */
/* SpryValidationRadio.css */
/* SpryValidationCheckbox.css */
/************************************************************************/
@charset "UTF-8";
/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the error messages
* which prevent them from being displayed by default.
*/
.textfieldRequiredMsg,
.textfieldInvalidFormatMsg,
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and color for the error text.
* The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid
* There are two selectors for each state, to cover the two main usecases for the widget:
* - the widget id is placed on the top level container for the INPUT
* - the widget id is placed on the INPUT element itself (there are no error messages)
*/
/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
background-color: #B8F5B1;
}
/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input,
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,
input.textfieldMinValueState, .textfieldMinValueState input,
input.textfieldMaxValueState, .textfieldMaxValueState input,
input.textfieldMinCharsState, .textfieldMinCharsState input,
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
background-color: #FF9F9F;
}
/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
background-color: #FFFFCC;
}
/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
* It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
*/
.textfieldFlashText input, input.textfieldFlashText {
color: red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
/*color: red !important;*/
}
@charset "UTF-8";
/* SpryValidationSelect.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the messages
* (required message and invalid state message)
* which prevent them from being displayed by default.
*/
.selectRequiredMsg, .selectInvalidMsg {
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
* These classes set a default red border and color for the error text.
* The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states:
* focus, required / invalid, valid
* There are two selectors for each state, to cover the two main usecases for the widget:
* - the widget id is placed on the top level container for the SELECT
* - the widget id is placed on the SELECT element itself (there are no error messages)
*/
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
background-color: #B8F5B1;
}
/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
background-color: #FF9F9F;
}
/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
background-color: #FFFFCC;
}
@charset "UTF-8";
/* SpryValidationRadio.css - version 0.1 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the messages
* (required message and invalid value message )
* which prevent them from being displayed by default.
*/
.radioRequiredMsg, .radioInvalidMsg{
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and font color for the error text.
* The state class (e.g. .radioRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
@charset "UTF-8";
/* SpryValidationCheckbox.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the messages
* (required message, minSelections message and maxSelections message)
* which prevent them from being displayed by default.
*/
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and font color for the error text.
* The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}