/*

// JoomlaWorks "Monochrome" Template for Joomla! 1.0.x - Version 1.0

// License: http://www.gnu.org/copyleft/gpl.html

// Author: Fotis Evangelou

// Copyright (c) 2006 - 2007 JoomlaWorks.gr - http://www.joomlaworks.gr

// Project page at http://www.joomlaworks.gr - Demos at http://demo.joomlaworks.gr

// Support forum at http://forum.joomlaworks.gr

// ***Last update: August 27th, 2007***

*/

/* ========================================================================== */

/* ========================================================================== */

/* ============================= GLOBAL STYLING ============================= */

/* ========================================================================== */

/* ========================================================================== */

/* * {margin:0;padding:0;} - reset all margins and paddings */

body {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#222;

padding:0px;

margin:0px;

text-align:left;

background:#fff;

}

p, div, table, tr, td, form, input {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#222;

padding:0px;

margin:0px;

font-weight:normal;

text-decoration:none;

}

/* Links */

a {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#222; /* light blue: 4d6486 */

font-weight:bold;

text-decoration:none;

}

a:link {}

a:visited {}

a:active,a:focus {outline:0;}

a:hover {

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:underline;



}

/* Headings */

h1 {

font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;

font-size:18px;

color:#c00;

padding:0px;

margin:0px;

font-weight:normal;

text-decoration:none;

}

h2 {}

h3 {

font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;

font-family:Arial, Helvetica, sans-serif;

padding:0px;

margin:0px;

font-weight:normal;

text-decoration:none;

color:#c00;font-size:16px;font-weight:normal;text-transform:uppercase;margin:12px 0 2px 0;

}

h4 {}

h5 {}

h6 {}

/* Listings */

ul {list-style:none;margin:0;padding:0;}

ul li {margin:1px 4px;}

ol {list-style:none;margin:0;padding:0;}

ol li {margin:1px 4px;}

/* Forms */

select, option {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#222;

font-weight:normal;

text-decoration:none;

}

input {}

textarea {}

label {}

/* ========================================================================== */

/* ========================================================================== */

/* ============================ CONTENT LAYOUT ============================== */

/* ========================================================================== */

/* ========================================================================== */

#header-container {background:#222/* url(../images/header_bg.gif) repeat-x bottom*/;border-bottom:1px solid #fff;height:80px;overflow:hidden;}

#header {width:940px;margin:0px auto;padding:12px 0 0 0;}

#logo {float:left;margin:0px 8px;}

#logo a,

#logo a:hover {font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;font-size:34px;color:#fff;padding:0 2px;font-weight:normal;position:relative;}

#logo a span {display:none;}

#logo a:hover span {visibility:visible;display:inline;white-space:nowrap;margin:0 0 0 0;padding:0 2px;font-size:10px;color:#222;background:#fff;position:absolute;top:35%;left:105%;}

#logo h2 {color:#777;font-size:12px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;margin:-10px 0 0 230px;}

#menu-top {float:right;}

#header-border {background:#202020;line-height:0;padding:1px 0;}

#pathway {width:940px;margin:0px auto;}

a#rss-icon,

a#rss-icon:hover {display:block;float:right;text-align:right;background:url(../images/rss.gif) no-repeat;width:26px;height:14px;padding:0;margin:14px 16px 12px 0;}

#container {width:940px;margin:0px auto;padding:0 0 16px 0;border-bottom:2px solid #222;}

#content {float:left;width:624px;border-top:2px solid #222;padding:12px 0;}

#content-and-sb {float:left;width:774px;border-top:2px solid #222;padding:12px 0;}

#content-full {border-top:2px solid #222;padding:12px 0;}

#content .contentpaneopen {width:auto;padding:0;margin:4px 6px;}

#banner-top {text-align:center;margin:0 0 8px 0;padding:8px;border-bottom:1px dotted #ddd;}

#banner-top a img {border:1px solid #999;}

#mid-col {float:left;width:150px;border-top:2px solid #222;padding:12px 0;margin:0 0 0 8px;}

#mid-col .moduletable table tr td a.mainlevel {display:block;padding:0 1px;border-bottom:1px solid #ccc;color:#222;}

#mid-col .moduletable table tr td a.mainlevel:hover {display:block;padding:0 1px;border-bottom:1px solid #ccc;background:#222;color:#fff;}

#content-boxes {clear:both;padding:8px 0;border-top:1px dotted #ccc;margin:12px 0 0 0;height:250px;}

.content-box {float:left;width:226px;padding:2px 3px;border-right:1px solid #ccc;margin:0 1px;height:250px;overflow:hidden;}

.last-box {border:none;}

#right-col {float:left;width:150px;border-top:2px solid #222;padding:12px 0;margin:0 0 0 8px;}

#footer {border-top:1px solid #222;margin:1px auto;padding:8px 0 24px 0;width:940px;clear:both;}

#footer div#copyrights {float:left;}

#footer div#copyrights span {font-weight:bold;}

#footer div#credits {float:right;}

#footer div#cms-credits {clear:both;color:#777;/*display:none;*/}

#footer div#cms-credits a {color:#777;}

#footer div#cms-credits a:hover {color:#222;}

/* FPSS site */

.red {color:#c00;}

#fpss_examples {width:100%;}

#fpss_examples tr td {vertical-align:top;text-align:center;border-bottom:1px dotted #ccc;}

.emphasize {font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;font-size:18px;color:#222;padding:0px;margin:0px;font-weight:normal;text-decoration:none;display:block;background:#ffffd0;border-top:1px solid #ccc;border-bottom:1px solid #bbb;padding:8px;margin:4px;text-align:center;}

span.emphasize a {font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;font-size:18px;color:#c00;padding:0px;margin:0px;font-weight:normal;text-decoration:none;background:none;color:#222;}

span.emphasize a:hover {font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;font-size:18px;color:#c00;padding:0px;margin:0px;font-weight:normal;text-decoration:none;background:none;color:#c00;}

span.emphasize span {font-size:12px;color:#555;font-style:italic;}

/* ========================================================================== */

/* ========================================================================== */

/* ============= COMMON ELEMENTS (titles, forms, buttons etc.) ============== */

/* ========================================================================== */

/* ========================================================================== */

/* Global clear */

.clr {clear:both;height:0;line-height:0;}

/* Layout */

fieldset {}

legend {}

pre {font-family:monospace;} /* used for displaying code blocks in content */

/* Images */

img {border:none;}

/* ---target images inside content tables only---

.contentpane img,

.contentpaneopen img {background:#fff;padding:2px;border:1px solid #ddd;}

td.buttonheading a img {border:none;padding:0;background:none;}

*/

#com_content .contentpane img,

/*#com_content .contentpaneopen img {background:#fff;padding:2px;margin:2px 4px;border:1px solid #ddd;}*/

#com_content td.buttonheading a img {border:none;padding:0;margin:0;background:none;}

#com_contact .contentpane td div img {border:1px solid #ddd;padding:4px;margin:0 0 4px 4px;}

/* Form elements */

.inputbox {}

.button {padding:1px 4px;}

/* Horizontal lines */

hr {line-height:0;height:0px;border:none;border-bottom:1px solid #ccc;padding:0;margin:8px 0;}

hr.separator {}

/* Titles - headings */

.componentheading,

div.componentheading {color:#222;font-size:28px;font-family:Georgia, "Times New Roman", Times, serif;margin:0 0 8px 0;padding:0;}

td.contentheading {width:100%;} /* force title to stretch to available space */

.contentheading,

.contentheading a,

a.contentheading,

.contentpagetitle,

.contentpagetitle a,

a.contentpagetitle {color:#222;font-size:22px;font-family:Georgia, "Times New Roman", Times, serif;margin:0;padding:0;}

.contentheading a:hover,

a.contentheading:hover,

.contentpagetitle a:hover,

a.contentpagetitle:hover {color:#c00;font-size:22px;font-family:Georgia, "Times New Roman", Times, serif;margin:0;padding:0;}

/* Content areas (tables) */

table.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms etc) */

.contentpaneopen {width:100%;} /* Table that holds the actual text for an article */

.contentpaneopen a {color:#c00;font-weight:bold;text-decoration:none;}

.contentpaneopen a:hover {color:#fff;font-weight:bold;text-decoration:none;background:#c00;}

/* Section/category description pages */

td.contentdescription {background:#fafafa;padding:4px;}

/* Section listings */

td.sectiontableheader {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;background:#222;color:#fff;padding:4px;} /* This is for styling the section table headers */

td.sectiontablefooter {}

.sectiontableentry1 {}

.sectiontableentry2 {}

tr.sectiontableentry1 {}

tr.sectiontableentry1 td {background:#fff;padding:4px;}

tr.sectiontableentry2 {}

tr.sectiontableentry2 td {background:#eee;padding:4px;}

/* Blog section links */

.blogsection {}

a.blogsection {}

a.blogsection:hover {}

/* "Read More" button */

a.readon {color:#222;background:url(../images/readon.png) no-repeat left;padding:0 0 0 16px;margin:0;}

a.readon:hover {color:#c00;background:url(../images/readon.png) no-repeat left;padding:0 0 0 16px;margin:0;}

/* Back button */

div.back_button {border-top:1px solid #ccc;margin:12px 0px;padding:8px;text-align:center;}

div.back_button a {font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;background:#c00;color:#fff;font-size:14px;line-height:18px;padding:2px 4px;}

div.back_button a:hover {font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;background:#222;color:#fff;font-size:14px;line-height:18px;padding:2px 4px;}

/* Pathway */

span.pathway {display:block;margin:0;padding:12px;font-size:12px;float:left;}

span.pathway img {} /* the arrow */

a.pathway {font-size:12px;background:#c00;color:#fff;font-weight:normal;padding:0 2px;margin:0;}

a.pathway:hover {font-size:12px;background:#222;color:#fff;font-weight:normal;padding:0 2px;margin:0;}

/* Page navigation buttons - e.g. "<< Start < Previous 1 Next > End >>" */

a.pagenav {} /* page nav link */

a.pagenav:hover {}

span.pagenav {} /* page nav item */

/* Content item navigation buttons */

th.pagenav_next {} /* next button */

th.pagenav_next a {}

th.pagenav_prev {} /* previous button */

th.pagenav_prev a {}

/* Toolbar */

table#toolbar {margin-right: 10px;}

table#toolbar a.toolbar {color:#808080;text-decoration:none;display:block;border:1px solid #DDD;width:40px;padding:2px 5px 2px 5px;}

table#toolbar a.toolbar:hover {color:#C64934;cursor:pointer;border:1px solid #c24733;background-color:#f1e8e6;padding:3px 5px 1px 5px;}

table#toolbar a.toolbar:active {color:#FF9900;}

table#toolbar a.toolbar img {}

/* ========================================================================== */

/* ========================================================================== */

/* =============================== COMPONENTS =============================== */

/* ========================================================================== */

/* ========================================================================== */

/* com_banner */

/* com_messages */

/* com_contact

a.category[page class suffix]

div.componentheading[page class suffix]

div.contact_email[page class suffix]

span.small[page class suffix]

table.contentpane[page class suffix]

td.contentdescription[page class suffix]

td.sectiontableheader[page class suffix]

td.contentheading[page class suffix]

*/

div.componentheading {}

table.contentpane {}

td.contentheading {}

td.buttonheading {}

td.contentdescription {}

td.sectiontableheader {}

td.sectiontableentry1 {}

td.sectiontableentry2 {}

a.category {}

span.small {}

form#selectForm {}

/* the form - form#emailForm */

#emailForm {}

#emailForm label {display:block;font-weight:bold;margin-top:4px;}

#emailForm br {display:none;}

#emailForm input {}

#emailForm textarea {display:block;}

#emailForm input.button {padding:2px 20px;}

#emailForm input.inputbox {}

div.contact_email {}

input#contact_name {}

input#contact_email {}

input#contact_subject {}

input#contact_email_copy {}

textarea#contact_text {}

textarea.inputbox {}

/* END com_contact ------------------ */

/* ---------------------- com_content & com_frontpage ----------------------

a.contentpagetitle[page class suffix]

a.readon[page class suffix]

div.blog_more[page class suffix]

div.componentheading[page class suffix]

table.blog[page class suffix]

table.contentpane[page class suffix]

table.contentpaneopen[page class suffix]

td.contentdescription[page class suffix]

td.contentheading[page class suffix]

td.sectiontablefooter[page class suffix]

td.sectiontableheader[page class suffix]

*/

/* blog list */

a.blogsection {}

a.category {}

a.category:hover {}

a.contentpagetitle {}

a.toolbar {} /* Defined in /includes/HTML_toolbar.php */

div.componentheading {}

input.button {}

input.inputbox {}

input.text_area {}

span.article_seperator {}

span.contentheading {}

table.adminform {}

table.blog {}

table.contentpaneopen {}

td.contentdescription {}

td.contentheading {}

div#overDiv {}

input#publish_up {}

input#publish_down {}

table#toolbar {} /* Defined in /includes/HTML_toolbar.php */

/* blog more - article lists (the "more..." list) */

div.blog_more {}

div.blog_more div strong {color:#222;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;margin:0 0 8px 0;font-weight:normal;padding:2px 6px;color:#c00;} /* title */

div.blog_more ul {margin:2px 12px;} /* article list */

div.blog_more ul li {} /* article list item */

/* content item styling */

table.contentpane {}

td.contentheading {} /* article title */

td.buttonheading {padding:0 1px;} /* email/print/pdf buttons */

td.buttonheading a,

td.buttonheading a:hover {background:none;}

table.contentpane {}

span.small {} /* author */

td.createdate {color:#999;background:url(../images/date.gif) no-repeat left;padding-left:16px;} /* creation date */

td.modifydate {color:#999;font-style:italic;} /* modification date */

/* ---------------------- END com_content & com_frontpage ---------------------- */

/* com_registration */

div.componentheading {}

input.inputbox {}

input.button {}

table.contentpane {}

/* com_login

div.componentheading[page class suffix]

table.contentpane[page class suffix]

*/

div.componentheading {}

input.inputbox {}

input.button {}

table.contentpane {}

form#login {}

/* com_newsfeeds

a.category[page class suffix]

div.componentheading[page class suffix]

table.contentpane[page class suffix]

td.componentheading[page class suffix]

td.contentdescription[page class suffix]

td.contentheading[page class suffix]

td.sectiontableheader[page class suffix]

*/

a.category {}

div.componentheading {}

input.inputbox {}

input.button {}

span.small {}

table.contentpane {}

td.componentheading {}

td.contentdescription {}

td.contentheading {}

td.sectiontableentry1 {}

td.sectiontableentry2 {}

td.sectiontableheader {}

/* com_poll

div.componentheading[page class suffix]

select.inputbox

table.contentpane[page class suffix]

table.pollstableborder (Defined in components/com_poll/poll_bars.css)

td.sectiontableheader

td.smalldark

tr.sectiontableentry1

tr.sectiontableentry2

img.polls_color_1, img.polls_color_2, … (Defined in poll_bars.css)

input.button

form#poll

*/

div.componentheading {}

select.inputbox {}

table.contentpane {}

table.pollstableborder {}

td.sectiontableheader {}

td.smalldark {}

tr.sectiontableentry1

tr.sectiontableentry2

img.polls_color_1 {}

img.polls_color_2 {}

img.polls_color_3 {}

img.polls_color_4 {}

input.button {}

form#poll {}

/* com_rss */

/* com_search

div.componentheading[page class suffix]

tr.[page class suffix]

table.searchintro[page class suffix]

table.contentpaneopen[page class suffix]

span.small[page class suffix]

*/

div.componentheading {}

input.inputbox {}

input.button {}

table.contentpaneopen tr td {}

table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box that appears after you have entered a search value. It appears on the mainbody with the search results */

table.contentpaneopen {}

select.inputbox {}

span.highlight {color:#c00;border-bottom:1px dotted #c00;}

/*span.small {}*/

input#search_searchword {}

select#search_ordering {}

input#searchphraseexact {}

input#searchphraseany {}

input#searchphraseall {}

table.contentpaneopen tr td fieldset {border:1px solid #ccc;padding:8px;}

fieldset div a {}

fieldset div a:hover {}

fieldset div span.small {font-weight:bold;}

fieldset div.small {color:#999;font-style:italic;}

/* com_user

a.toolbar (Defined in /includes/HTML_toolbar.php )

table#toolbar (Defined in /includes/HTML_toolbar.php )

*/

a.toolbar {}

div.componentheading {}

input.inputbox {}

table#toolbar {}

/* com_weblinks

a.category[page class suffix]

a.toolbar (Defined in /includes/HTML_toolbar.php )

div.componentheading[page class suffix]

table.contentpane[page class suffix]

td.contentdescription[page class suffix]

td.sectiontableheader[page class suffix]

table#toolbar (Defined in /includes/HTML_toolbar.php )

*/

a.category {}

a.toolbar {}

div.componentheading {}

input.inputbox {}

select.inputbox {}

span.small {}

table.contentpane {}

td.contentdescription {}

td.contentheading {}

td.sectiontableheader {}

textarea.inputbox {}

tr.sectiontableentry1 {}

tr.sectiontableentry2 {}

form#adminForm {}

table#toolbar {}

/* com_wrapper

div.contentpane[page class suffix]

div.componentheading[page suffix]

iframe.wrapper[page class suffix]

*/

div.contentpane {}

div.componentheading {}

iframe.wrapper {}

iframe#blockrandom {}

/* ========================================================================== */

/* ========================================================================== */

/* ================================= MODULES ================================ */

/* ========================================================================== */

/* ========================================================================== */

/* mod_archive.php - uses ul/li structure to display months */

/* mod_banners.php - outputs a or object tags */

/* mod_latestnews.php - [module class suffix] on all elements */

ul.latestnews {}

li.latestnews {}

a.latestnews {}

a.latestnews:hover {}

/* Cleaner version of the above would be:

ul.latestnews {}

ul.latestnews li {}

ul.latestnews li a {}

ul.latestnews li a:hover {}

*/

/* mod_login.php

form labels are targetted like this:

form table tr td label {}

*/

input.button {}

input.inputbox {}

input#mod_login_username {}

input#mod_login_password {}

input#mod_login_remember {}

/* ------------------ mod_mainmenu.php ------------------

a.mainlevel[menu class suffix]

a.sublevel[menu class suffix]

a#active_menu[menu class suffix]

span.mainlevel[menu class suffix]

ul#mainlevel[menu class suffix]

IF we use 'class suffix' on flat list mode then:

ul#mainlevel[menu class suffix] {}

ul#mainlevel[menu class suffix] li {}

ul#mainlevel[menu class suffix] li a:link {}

ul#mainlevel[menu class suffix] li a:visited{}

ul#mainlevel[menu class suffix] li a:hover {}

*/

a.mainlevel {} /* this styling is for the MAIN items in the menu */

a.mainlevel:link {}

a.mainlevel:visited {}

a.mainlevel:hover {}

a.sublevel {} /* this styling is for child menu items */

a.sublevel:link {}

a.sublevel:visited {}

a.sublevel:hover {}

#active_menu {} /* OR a.mainlevel#active_menu {} OR a.sublevel#active_menu {} - this styling is for the menu item when it is active, even in main/sub position */

span.mainlevel {} /* separator on horizontal/vertical mode */

ul#mainlevel {} /* flat list mode */

ul#mainlevel li {}

ul#mainlevel li a:link {}

ul#mainlevel li a:visited{}

ul#mainlevel li a:hover {}

ul#mainlevel-nav {list-style:none;padding:0px;margin:20px 8px 0 0;} /* flat list mode */

ul#mainlevel-nav li {display:inline;padding:0px 4px;margin:0;}

ul#mainlevel-nav li a {color:#fff;line-height:18px;background:#424242;padding:4px;}

ul#mainlevel-nav li a:hover {background:#c00;color:#fff;line-height:18px;padding:4px;}

ul#mainlevel-nav li a#active_menu {color:#222;background:#fff;}

/* ------------------ END mod_mainmenu.php ------------------ */

/* mod_mostread.php - [module class suffix] on all elements */

ul.mostread {}

li.mostread {}

a.mostread {}

/* Cleaner version of the above would be:

ul.mostread {}

ul.mostread li {}

ul.mostread li a {}

ul.mostread li a:hover {}

*/

/* mod_newsflash.php - [module class suffix] on table.moduletable */

table.moduletable {}

table.moduletable tr td {}

/* mod_poll.php

table.poll[module class suffix]

table.pollstableborder[module class suffix]

td.sectiontableentry1[module class suffix]

td.sectiontableentry2[module class suffix]

*/

table.poll {} /* predefined styling: <table width="95%" border="0" cellspacing="0" cellpadding="1" align="center" class="poll"> */

table.poll tr td {padding:1px 2px;text-align:left;}

table.pollstableborder {} /* full path: table.poll tr td table.pollstableborder {} */

table.pollstableborder td.sectiontableentry1 {}

table.pollstableborder td.sectiontableentry2 {}

input#voteid1 {} /* input#voteid[n] - where n=1,2,3,... */

input#voteid2 {}

input#voteid3 {}

input#voteid4 {}

table.poll tr td div input.button {} /* vote buttons */

/* mod_random_image.php - div a img {} */

/* mod_related_items.php - ul li a {} */

/* mod_rssfeed.php - [module class suffix] on div.syndicate AND div.syndicate_text */

div.syndicate {}

div.syndicate div.syndicate_text {}

div.syndicate div a {}

div.syndicate div a img {}

/* mod_search.php

div.search[module class suffix]

input.inputbox[module class suffix]

input.button[module class suffix]

*/

div.search {text-align:center;margin:4px auto;}

div.search input#mod_search_searchword {} /* OR div.search input#mod_search_searchword.inputbox {} */

div.search input.button {}

/* mod_sections.php */

ul li a {}

/* mod_stats.php - pattern: "<strong>OS:</strong> Linux<br />" */

strong {}

/* mod_templatechooser.php */

select#mod_templatechooser_jos_change_template.button {}

input.button {}

/* mod_whosonline.php */

ul li strong {}

/* mod_wrapper.php

iframe#blockrandom[module class suffix]

iframe.wrapper[module class suffix]

*/

iframe#blockrandom.wrapper {}

/* ========================================================================== */

/* ========================================================================== */

/* ================ PLUGINS (formerly known as MAMBOTS or BOTS) ============= */

/* ========================================================================== */

/* ========================================================================== */

/* mosimage.php */

div.mosimage {}

div.mosimage_caption {}

/* mospaging.php - Page break mambot

Usage:

{mospagebreak}</code>

{mospagebreak title=The page title}

or

{mospagebreak heading=The first page}

or

{mospagebreak title=The page title&heading=The first page}

or

{mospagebreak heading=The first page&title=The page title}

*/

div.pagenavcounter {font-weight:bold;margin-top:4px;}

table.contenttoc {display:block;float:right;margin:0 0 4px 4px;border:1px solid #ddd;} /* the article index table */

table.contenttoc tr th {background:#fafafa;padding:1px 2px;text-align:center;border-bottom:1px solid #ddd;} /* article index heading */

table.contenttoc tr td {padding:1px 2px;}

table.contenttoc tr td a.toclink {}

table.contenttoc tr td a.toclink:hover {}

div.pagenavbar {clear:both;text-align:center;}

div.pagenavbar div {padding:4px 0;}

div.pagenavbar div a {color:#222;}

div.pagenavbar div a:hover {color:#c00;background:none;}

/* mosvote.php */

span.content_rating {}

span.content_vote {}

span.content_vote input.button {}

/* ========================================================================== */

/* ========================================================================== */

/* ======================= GENERIC MODULE FORMATTING ======================== */

/* ========================================================================== */

/* ========================================================================== */

/*

Styling explanation:

0 = (default display) Modules are displayed in a column. See example below:

<table cellpadding="0" cellspacing="0" class="moduletable">

<tr>

<th valign="top">Module Title</th>

</tr>

<tr>

<td>Module Output</td>

</tr>

</table>

1 = Modules are displayed horizontally. See example below:

<table cellspacing="1" cellpadding="0" border="0" width="100%">

<tr>

<td align="top"><table cellpadding="0" cellspacing="0" class="moduletable">

<tr>

<th valign="top">Module Title</th>

</tr>

<tr>

<td>Module Output</td>

</tr>

</table></td>

<td align="top"> ...Next module output... </td>

</tr>

</table>

-1 = Modules are displayed as raw output and without titles.

-2 = Modules are displayed in CSS format enclosed by a <div>.

<div class="moduletable">

<h3>Module Title</h3>

Module Output

</div>

-3 = Modules are displayed in a format that allows, for example, stretchable rounded corners. See example below:

<div class="module">

<div>

<div>

<div>

<h3>Module Title</h3>

Module Output

</div>

</div>

</div>

</div>

*/

/* 0 & 1 styling */

table.moduletable {}

table.moduletable tr th {}

table.moduletable tr td {}

/* -2 styling */

div.moduletable {margin:0 0 20px 0;}

div.moduletable h3 {color:#c00;font-size:16px;font-weight:normal;text-transform:uppercase;margin:0 0 4px 0;}

/* -3 styling */

div.module {}

div.module div {}

div.module div div {}

div.module div div div {}

/* Rounded div corners example:

div.module {background:url(../images/topleftofbox.png) 0 0 no-repeat;}

div.module div {background:url(../images/toprightofbox.png) 100% 0 no-repeat;}

div.module div div{background:url(../images/bottomleftofbox.png) 0 100% no-repeat;}

div.module div div div {background:url(../images/bottomrightofbox.png) 100% 100% no-repeat;

width:auto !important;width:100%;

padding:12px;

}

*/

/* ========================================================================== */

/* ========================================================================== */

/* ==================== PRINT/E-MAIL PAGE - index2.php ====================== */

/* ========================================================================== */

/* ========================================================================== */

body.contentpane {padding:16px;margin:0;}

body.contentpane span.article_seperator {display:block;clear:both;margin:8px 0 0 0;border-bottom:1px solid #222;height:2px;line-height:0;}

body.contentpane div span.small {background:#eee;line-height:24px;padding:2px 8px;border:1px solid #ccc;}

body.contentpane form table {border:1px solid #ccc;padding:8px;margin:0;}

body.contentpane form table tr td {padding:1px 2px;margin:0;font-weight:bold;}

body.contentpane form table tr td .inputbox {width:90%;font-weight:normal;}

body.contentpane form table tr td .button {padding:1px 8px;font-weight:bold;}

/* ========================================================================== */

/* ========================================================================== */

/* ================= CSS CODE SNIPPETS - MIGHT COME HANDY =================== */

/* ========================================================================== */

/* ========================================================================== */

/* Hack to force browser scrollbar appear at all times so that the page does not jump when going from short to long pages */

html {height:100%;margin-bottom:1px;}

/* ========================================================================== */

/* ========================================================================== */

/* =========================== MAMBO COMPATIBILITY ========================== */

/* ========================================================================== */

/* ========================================================================== */

div#moduletable {margin:0 0 20px 0;}

div#moduletable h1 {color:#c00;font-size:16px;font-weight:normal;text-transform:uppercase;margin:0 0 4px 0;}

/* ========================================================================== */

/* =========================== END of stylesheet ============================ */

/* ========================================================================== */