/* 
  openspaceforum.net tikiwiki theme
  Subbu Sastry <sastry@cs.wisc.edu> 
*/

* {
	border           : none;
	padding          : 0;
	margin           : 0;
	width            : auto;
}

body {
	font-family      : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size        : 11px;
	color            : white;
	background-color    : #002244;
	text-align       : center;
}

#startwikipage {
	/* Bar with personalized menu (user preferences, favorites etc) */
	background-color    : #dee7ec;
	border-left-color   : #8cacbb;
	border-left-style   : solid;
	border-left-width   : 1px;
	border-right-color  : #8cacbb;
	border-right-style  : solid;
	border-right-width  : 1px;
	border-top-color    : #8cacbb;
	border-top-style    : solid;
	border-top-width    : 1px;
	border-bottom-color : #8cacbb;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	line-height         : 1.3em;
	color               : Black;
	padding             : 0em 3em 0em 3em;
	text-align          : right;
	text-transform      : lowercase;
	list-style          : none;
}

.wikitopline {
	width: 100%;
}

/**** Default styles ****/
a {
	color            : #aa0000;
	background-color : transparent;
	font-weight      : bold;
	text-decoration  : none;
}

a:hover {
	color            : white;
	background-color : #aa0000;
}

img {
	border           : none;
	vertical-align   : middle;
}

p {
	margin           : 0.5em 0em 1em 0em;
	line-height      : 1.5em;
}

p a {
	text-decoration  : underline;
}

p a:visited {
	color            : purple;
	background-color : transparent;
}

p a:active {
	color            : Red;
	background-color : transparent;
}

p img {
	border           : 0;
	margin           : 0;
}

table {
}

form {
	border           : none;
}

td {
	color          : black;  
	vertical-align : top;
	font-size      : 11px;
}

hr {
	height           : 1px;
	color            : white;
	background-color : transparent;
}

h1, h2, h3, h4, h5, h6 {
	color            : white;
	border-bottom    : 1px solid white;
	background-color : transparent;
	font-family      : "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size        : 100%;
	font-weight      : normal;
	padding-bottom   : 0.3em;
	line-height      : 1.2em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color            : #ddaa88; 
}

h1 {
	font-size        : 180%;
}

h2 {
	font-size        : 150%;
}

h3 {
	font-size        : 140%;
	border-bottom    : none;
	font-weight      : bold;
}

h4 {
	font-size        : 120%;
	border-bottom    : none;
	font-weight      : bold;
}

h5 {
	font-size        : 100%;
	border-bottom    : none;
	font-weight      : bold;
}

h6 {
	font-size        : 85%;
	border-bottom    : none;
	font-weight      : bold;
}

ul { 
	line-height      : 1.3em;
	list-style-type  : square;
	margin           : 0.5em 0 0 1.5em;
	list-style-image : url(/gfx/bullet.gif);
}

ol {
	line-height      : 1.3em;
	margin           : 0.5em 0 0 1.5em;
}
ul a, ol a {
	text-decoration  : underline;
}
li {
	margin-bottom    : 1em;
}
dt {
	font-weight      : bold;    
}
dt a {
	text-decoration  : underline;
}

dd {
	line-height      : 1.5em;
	margin-bottom    : 1em;
}
dd a {
	text-decoration  : underline;
}

dd.link a {
	text-decoration  : none;
	color            : Black;
}

fieldset {
	border           : 1px solid #8cacbb;
	margin           : 1em 0em 1em 0em;
	padding          : 0em 1em 1em 1em;
	line-height      : 1.5em;
	width            : auto;
}
legend {
	background       : White;
	padding          : 0.5em;
	font-size        : 90%;
}

label {
	font-size        : 11px;   
}

textarea {
	font             : 100% "Courier New", Courier, monospace; 
	border           : 1px solid #8cacbb;  
	color            : Black;
	background-color : #aaccee;
	width            : 100%;
}

input {
	font-family      : "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	visibility       : visible;
	font-size        : 11px;
	border           : none;
	margin           : 0px 2px 5px 0px;
	color            : Black;
	background-color : #aaccee;
	vertical-align   : middle;
}

.submitbutton {
	background       : #ffffff url(/gfx/button_icon.gif) 9px 1px no-repeat;
	cursor           : pointer;
	font-size        : 85%;
	margin-bottom    : 0em;
	padding          : 1px 1px 1px 15px;
	text-transform   : lowercase;
}
select {
	background-color : #aaccee;
	font-family      : "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	visibility       : visible;
	font-size        : 11px;
	border           : 1px solid #8cacbb;  
	color            : Black;
	vertical-align   : top;
}
abbr, acronym, .explain {
	border-bottom    : 1px dotted Black;
	color            : Black;
	background-color : transparent;
	cursor           : help;
}
q {
	font-family      : Times, "Times New Roman", serif;
	font-style       : italic;
	font-size        : 120%;
}
blockquote {
	font-family      : Times, "Times New Roman", serif;
	font-style       : italic;
	font-size        : 120%;
}
code {
	font-size        : 120%;
	color            : Black;
	background-color : #dee7ec;
	border           : 1px dashed #8cacbb;
	padding          : 0 0.1em;
}
pre {
	font-size        : 120%;
	padding          : 1em;
	border           : 1px dashed #8cacbb;
	color            : Black;
	background-color : #dee7ec;
	overflow         : auto;
}
.pre a {
	text-decoration  : underline;
}

ins {
	color            : green;
	text-decoration  : none;
}

del {
	color            : red;
	text-decoration  : line-through;
}

.netscape4 {
	display: none;
}

/** show_page.tpl **/

form#editpageform div, div#toppagebar { 
	background-color : #ddaa88;
	border-top       : 1px solid #083080;
	border-bottom    : 1px solid #083080;
	padding          : 1px 7px;
}

span.tabbut { }

.tablink {
	height           : auto;
	font-size        : 10px;
	font-weight      : bold;
	color            : black;
	margin           : 0px;
	padding          : 0px 4px;
	text-decoration  : none;
	text-transform   : lowercase;
}

.tablink:hover {
	background-color : black;
	color            : #ddaa88;
}

.tablinkselected {
	background-color    : #dee7ec;
	font-size           : 10px;
	color               : #436976;
	margin-right        : 0.5em;
	padding             : 0em 1.5em;
	text-decoration     : none;
	height              : auto;
	text-transform      : lowercase;
	border-color        : #8cacbb;
	border-width        : 1px; 
	border-style        : solid solid none solid;
	border-bottom-color : #dee7ec;
	border-bottom-style : solid;
	border-bottom-width : 3px;
}

.documentActions {
	margin: -2.9em 0 2em 0;
}
.documentActions ul {
	margin: 0 0 0.3em 0;
	float: right;
	clear: right;
}
.documentActions ul,
.documentActions li {
	display: inline;
	list-style: none;
	list-style-image: none;
}
.documentActions a {
	border: 0;
	text-decoration: none;
}
.documentActions a:hover {
	border: 0;
	 background: transparent;
	text-decoration: none;
}

/* GENERAL LAYOUT EXPLANATION
	*
	* The tiki application is enclosed as a whole in tiki-main tiki-main contains three divs: tiki-top, 
	* tiki-mid and tiki-botthat will be used for the header, application and footer.
	*
	* tiki-mid contains a 3-column table, the columns are called (ids) leftcolumn, centercolumn and rightcolumn
	* Finally centercolumn contains tiki-center where the main area of the application is displayed.
	*
	*/

/********************************************* GENERAL LAYOUT *********************************************************/

/* This div encloses the whole Tiki application */
/*
div#tiki-main { 
	margin           : 0px auto;
	background       : #083080 url(osf/osf.jpg) no-repeat top center;
	padding-top      : 60px;
	height           : auto;
	width            : 786px;
}
*/
div#tiki-main { 
	padding-top : 102px;
	background  : url(osf/peoples.forum.banner.jpg) repeat-x top left;
	margin : 0px auto;
	height : auto;
}

.googleads {  
	background-color: transparent;
	text-align: right;
}

div#topbar {
	background-color : #083080;
	position         : relative;
	font-size        : 9px;
}

div#usermenu {  
	background  : #003366;
	margin      : 1px 0px;
	height      : auto;
	line-height : normal;
}

div#tiki-top-menu {  
	background       : #003366;
	white-space : nowrap;
	list-style  : none;
	margin      : 1px 0px;
	height      : auto;
	line-height : normal;
	position    : absolute;
	top         : 0px;
	right       : 0px;
}

div#tiki-top-menu a {
	color            : #bbbbbb;
	font-weight      : bold;
	margin           : 0px 1px;
	padding          : 0px 2px;
	text-decoration  : none;
	text-transform   : lowercase;
}

div#tiki-top-menu a.selected {
	background-color : #222222;
}

div#tiki-top-menu a:hover {
	background-color : #222222;
	color            : #aaaaaa;
}

/* This is the middle */
div#tiki-mid { }

/* And this is the footer */
div#tiki-bot {  
	background-color : #dee7ec;
	border-top       : 1px solid #8cacbb;
	border-bottom    : 1px solid #8cacbb;
	float            : none;
	margin           : 2em 0em 1em 0em;
	padding          : 0.5em 0em 1em 0em;
	text-align       : center;
}

/* The three columns */
td#leftcolumn {
	vertical-align   : top;  
	width            : 150px;
}

td#rightcolumn {
	vertical-align   : top;  
	width            : 150px;
}

td#centercolumn { 
	width            : 100%;
	vertical-align   : top;
}

/* And this is what lies inside the centercolumn */
div#tiki-center {  
	width      : 100%;
	min-width  : 486px;
	margin-top : 9px;
	text-align : left;  
	color      : white;
}

div#tiki-center a.link {
	color : #99dd99;
}

div#tiki-center h1, div#tiki-center h2 {
	margin        : 8px 0px;
	text-align    : center;
	border        : none;
}

div#tiki-center h1 a {
	color      : white;
}

div#tiki-center h1 a:hover {
	color      : black;
	background : white;
}

div#tiki-center table {
	width : 100%;
}

div#tiki-center td a.link {
	color : #aa0000;
}

div#tiki-center td a.link:hover {
	color            : white;
	background-color : #aa0000;
}

div#tiki-center td a.forumbutlink {
	color : #99dd99;
}

div#tiki-center td a.forumbutlink:hover {
	color            : white;
	background-color : #99dd99;
}

div#tiki-center table.normal td {
	color : black;
}

div#debugconsole {
	position: absolute;
	background-color: #8cacbb;
	top: 0px;
	left: 20px;
	right: 310px;
	height: auto;
	z-index: 1;
	padding: 5px;
	border: 6px ridge #996600;
	font-size: 12px;
}
div#credits{
	border-top  : 1px solid #083080; 
	font-size   : 11px;
	margin      : 5px auto;
	padding     : 5px;
	width       : 96%;
	text-align  : right;
}
div#credits a {
	color       : #cc8844;
	font-weight : bold;
}
div#credits a:hover {
	background-color : #cc8844;
	color            : black;
}

span.on-option { color: #0000C0; }
span.off-option { color: #7B8B44; }

/* #overDiv table {width : auto !important; } */

a.wiki {
	color       : #ddaa88;
	font-weight : bold;
}

a.wiki:hover {
	color            : #083080;
	background-color : #ddaa88;
}

/********************************************* GENERAL STYLE PROPERTIES **********************************************/

/* BOXES boxes are used to present a box with a title bar and content, they are used for modules and they
	are also used in the rankings, admin screen etc. 
	The box class is used for modules while the cbox class is used for other boxes
*/

/* Boxes used for modules (modules are those boxes in the left/right columns) */
div.box {  
	width            : 150px;
	background-color : #184090;
	margin           : 10px 0px 10px 0px;
	padding-top      : 5px;
}

td#leftcolumn div.box {
	text-align   : left; 
	padding-left : 10px;
}

td#rightcolumn div.box {
/*   text-align   : left; */
	text-align   : left; 
	padding-left : 10px;
}

td#rightcolumn input, td#rightcolumn textarea {
	color            : black;
	background-color : #88aacc;
}

td#rightcolumn select {
	color            : white;
	background-color : #083080;
}

div.box-title {
	padding-left     : 2px;
	background-color : transparent;
	color            : #eeeeee;
	font-size        : 13px;
	font-weight      : bold;
	padding-bottom   : 1px;
	margin-bottom    : 1px;
	text-align       : center;
}

div.box-title a.flip {
	background-color : transparent;
	color            : #ddaa88;
	font-size        : 13px;
	font-weight      : bold;
	padding-bottom   : 1px;
	margin-bottom    : 1px;
	text-align       : center;
}

div.box-title table {
	width     : 100%;
}

/* And this is the data */
div.box-data {
	color           : white;
	padding         : 5px 10px 5px 5px;
	line-height     : 1.5em;
}

div.box a {
	font-size       : 11px;
	font-weight     : bold;
	color           : #99dd99;
	text-decoration : none;
/*   text-transform  : lowercase; */
}

div.box a.separator {
	color : #ddaa88;
}

div.box a:hover {
	background-color : #99dd99;
	color            : #083080;
}

div.box a.separator:hover {
	background-color : #ddaa88;
	color            : #083080;
}

/* And this is the data */
div.box-data form   { width: auto; }
div.box-data select { width: 80%; }
div.box-data table  { width: auto; }
div.box-data table td { color: white; }

/** NOW, special case styles for inline modules in wiki pages **/
div.wikitext div.box {
	color       : black;
	width       : 80%;
	background  : transparent;
	margin      : 0px;
	padding     : 0px;
}

div.wikitext div.box a {
	font-size       : 11px;
	font-weight     : bold;
	text-decoration : none;
}

/* HIDE the box title when modules are inlined in a wiki page */
div.wikitext div.box-title {
	display  : none;
}

div.wikitext div.box-data {
	color : black;
}

div.wikitext div.box-data form {
	width : 200px;
}

div.wikitext div.box-data input, div.wikitext div.box-data textarea {
	color      : black;
	background : white;
	border     : 1px solid black; 
}

div.wikitext div.box-data td.module {   
	padding   : 2px;   
	font-size : 11px;
	color     : black;
}

div.wikitext div.cbox-title {
	background-color : #184090;
	color : white;
	font-size : 12px;
}

div.wikitext div.cbox {
	padding-left  : 0px;
}

div.wikitext div.cbox-data {
	padding-left  : 0px;
}


/* Menus */
/* Separators are used to sepparate menu areas in the application menu and user created menus*/
div.separator, div.separatorline { }
div.separator:first-child, div.separatorline:first-child { }
div.separator + div { }
div.separator + div .linkmenu:first-child { }
.separatorline, .optionline { } 

/* Links in menus */
.user_linkmenu, .rsslink { 
	margin: 0 0 0.2em 0;
	border: 1px solid White;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0.1em 0.25em 0.2em 20px;
}
.user_linkmenu:active, .rsslink:active {   
	background-color: #dee7ec;
	color: #436976;
	border: 1px solid #8cacbb;
}

/* For menu items which have no children... */
.user_linkmenu:hover, .rsslink:hover {    
	background-color: #dee7ec;
	color: #436976;
	border: 1px solid #8cacbb;
}

/* nested... */
.user_linkmenu2 { 
	margin: 0 0 0.2em 1.2em;
	border: 1px solid White;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0.1em 0.25em 0.2em 20px;
}
.user_linkmenu2:active {   
	background-color: #dee7ec;
	color: #436976;
	border: 1px solid #8cacbb;
}

/* For menu items which have no children... */
.user_linkmenu2:hover {    
	background-color: #dee7ec;
	color: #436976;
	border: 1px solid #8cacbb;
}

.navIcon {
	position: relative;
	right: 10px;
}
/* style for rss lists in modules or in wiki */
.rsslist {
	background-color: #ffffff;
	margin: 0;
	margin-right: 10px;
	padding: 1px;
	border: 1px solid #dadac9;
}
.rssitem {
	padding: 1px 6px 1px 6px;
	border-top: 1px dashed #dadac9;
}
.rssitem:first-child {
	border-top: 0;
}
.rssdate {
	color: #999999;
	font-style: italic;
}

/* Links to collapse menus for example the main menu can be completely collapsed*/
.flip        { color : black;  text-decoration: none;}
.flip:active { color : black;  text-decoration: none;}
.flip:hover  { color : black;  text-decoration: none;}

span.user-box-text {
	color: black;
}

/* When modules display a list of items each item is enclosed in a cell with the following style */
td.module {   
	color     : white;
	text-align: left;
}

/* Links in modules */
.linkmodule {  
	font-size: 11px;
	color : #436976; 
	text-decoration: none;
}
.linkmodule:active {   color : #436976; text-decoration: none;}
.linkmodule:hover {    color : #436976; text-decoration: none;}

/* Now the boxes for the rest of Tiki (non-modules */
div.cbox {  
	background: #aaccee; 
	overflow  : hidden; 
	font-size : 11px;
	margin    : 0px 2px 8px 2px;
	min-width : 100px;
}

div.cboxerror {  
	background: white; 
	margin-left: 4px;  
	margin-right: 4px;  
	margin-top: 4px;  
	margin-bottom: 0px;
	border: 1px solid #FF6347;  
	padding-bottom: 10px;  
	overflow: hidden; 
	font-size: 11px;
}

/* Boxes are divided in title and data, this is the title */
div.cbox-title {
	background-color : #ddaa88;
	color            : black;
	font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size        : 13px;  
	font-weight      : bold;
	overflow         : hidden;
	text-align       : center;
	padding          : 2px 0px;
	margin-bottom    : 0px;
}
/* Title for error messages */
div.cbox-titleerror {
	background-color: #FF6347;
	color: black;
	border-bottom: 1px solid #8cacbb;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;  
	overflow: hidden;
	text-align: center;
	padding-left: 0px;  padding-right: 0px;
	margin-bottom: 0px;
}

/* When there's a link in a cbox-title */
.cboxtlink {  font-size: 10px; color : black; text-decoration: none;}
.cboxtlink:active {   font-size: 10px; color : black; text-decoration: none;}
.cboxtlink:hover {    font-size: 10px;  color : black; text-decoration: none; }


/* And this is the data */
div.cbox-data {
	overflow   : hidden;
	background : #aaccee;
	padding    : 0px 5px;
	font-size  : 11px;  
	color      : black;
	width      : 100%;  /*xenfasa added to fix IE formating*/
	min-width  : 100px;
}

div.cbox-data input {
	background : white;
	border     : 1px solid #083080;
}

/* Some boxes are identified by an ID, for example the  boxes in the main application menu, we set display to
	none to make the menu appear collapsed initially, change this to 'block' if you want it to be extended fully */

/* Banners of type text (textadds) are displayed as links using the following style */
.bannertext {  font-size: 10px;  color : black;  text-decoration: none;}
.bannertext:active {  font-size: 10px;  color : black;  text-decoration: none;}
.bannertext:hover {   font-size: 10px;  color : black;  text-decoration: none;}

/* Some boxes uses thumbnails this is the image style */
div.imagerank {  margin-left: 5px;  margin-right: 5px;  margin-bottom: 10px;  margin-top: 10px; }

/* A simple box is just a div with a border around and some margin 
	* used for example in the admin screen */
div.simplebox { 
	border-bottom : 1px dotted black;
	margin        : 0px 1px;
	padding       : 2px;
	color         : black;
}

div.simplebox input, div.simplebox select {
	background : transparent;
	border     : 1px solid #083080;
	width      : auto;
}

/* General tables */
/* These styles apply to tables used to display common listings such as the wiki page listing, last changes,
	listings in admin screens, etc. */

/* Cells in forms without background color (inside a div for example) */
td.formbor 
{ border: 1px solid #8cacbb; color: Black;  vertical-align: top; text-align: left;}

/* Cells in forms using a background color */
td.form, td.formcolor, td.galform, td.editblogform, td.editfgalform, td.comform, td.forumform { 
	border        : none;
	color         : black;   
	background    : transparent; 
	vertical-align: top; 
	text-align    : left;
	margin        : 0px;
	padding       : 1px 1px 1px 3px;
}

td.form input, td.formcolor input, td.galform  input, td.editblogform input, td.editfgalform input, td.comform input, td.forumform input { 
	border        : 1px solid #083080;
	color         : black;
	background    : white;
}

td.form select, td.formcolor select, td.galform select, td.editblogform select, td.editfgalform select, td.comform select, td.forumform select { 
	border        : 1px solid #083080;
	background    : white;
	color         : black;   
}

td.form textarea, td.formcolor textarea, td.galform textarea, td.editblogform textarea, td.editfgalform textarea, td.comform textarea, td.forumform textarea { 
	border        : 1px solid #083080;
	background    : white;
	color         : black;   
}

/* The table */
table.listgallery, table.creategalform,table.normal,table.gallerylisting, table.bloglist, table.editblogform,
table.editfgalform, table.listfgal, table.listfiles, table.listarticles,table.forumstable,table.forumformtable,
table.viewthread
{  padding:0px ; margin: 0px; border-collapse: collapse; width: 100%;}


table.normalnoborder {  width: 97%;}

/* Table headings */
td.heading, td.gallistheading, td.listgalheading, td.bloglistheading, td.listfgalheading, 
td.listfilesheading, td.listartheading, td.forumheading, td.thead
{
	color            : black; 
	background-color : #ddaa88;
	border           : 1px solid #083080;
	padding-left     : 2px;
	padding-right    : 5px;
}

td.button
{
	background-color : transparent;
	text-align       : center; 
	vertical-align   : middle;
}

td.button input {
	color      : white;
	background : #083080;
}

/* Links to view an object from a table listing objects can be generalized to this link */
a.tablename, a.galname, a.imagename, a.blogname, a.fgalname, a.artname, a.forumname { }

a.tablename:hover, a.galname:hover, a.imagename:hover, a.blogname:hover, a.fgalname:hover, a.artname:hover, a.forumname:hover { }

a.forumnameread { }

a.forumnameread:hover
{ 
	text-decoration: underline; 
}

/* Links in table headings */
.tableheading,.gallistheading, .listgalheading, .bloglistheading, .llisfgalheading,
.llistfileslink,.llistart,.lforumheading
{ 
/*  font-family: Verdana, Arial, Helvetica, sans-serif;  
*/  color: black;   
	font-size: 10px;  
	font-weight: bold;
	text-decoration: none;
}
.tableheading:hover,gallistheading:hover,.listgalheading:hover, .bloglistheading:hover, .llisfgalheading:hover,
.llistfileslink:hover, .llistart:hover,.lforumheading:hover
{    
	color: black;   
	font-size: 10px; 
	text-decoration: none;
}

/* When a find button is provided for a listing the table form is displayed in a table with the following style */
table.findtable { 
	background-color : #aaccee;
	margin-bottom    : 5px; 
}
td.findtable {   
	padding   : 1px;
	font-size : 11px;
}
table.findtable input {
	background : white;
	border     : 1px solid #083080;
	margin     : 0px;
	padding    : 0px;
}
/* Odd rows in several listings */
td.odd,td.gallistnameodd,td.gallistdescriptionodd,td.gallistcreatedodd,td.gallistlastModifodd, td.gallistuserodd,
td.gallistimagesodd, td.gallisthitsodd, td.gallistactionsodd, td.listgalidodd, td.listgalnameodd, td.listgalcreatedodd,
td.listgalhitsodd, td.listgaluserodd, td.listgalfilesizeodd, td.bloglistnameodd, td.bloglistdescriptionodd,
td.bloglistcreatedodd,td.bloglistlastModifodd,td.bloglistuserodd,td.bloglistpublicodd,td.bloglistpostsodd,
td.bloglistvisitsodd, td.bloglistactivityodd, td.bloglistactionsodd, td.listfgalnameodd, td.listfgaldescriptionodd,
td.listfgalcreatedodd, td.listfgallastModifodd, td.listfgaluserodd, td.listfgalfilesodd, td.listfgalvisitsodd,
td.listfgalactionsodd, td.listfilesnameodd,td.listfilesdescriptionodd,td.listfilesidodd,td.listfilesfilenameodd,
td.listfilesfilesizeodd,td.listfilescreatedodd,td.listfilesdlsodd,td.listfilesnameodd,td.listfilesuserodd,td.listfilesactionsodd,
td.listarttitleodd,td.listarttopicodd,td.listartpublishDateodd,td.listartauthorodd,td.listartreadsodd,td.listarthasimageodd,
td.listartuseimageodd,td.listartactionsodd,td.listartsizeodd,td.forumstableodd,td.forumstableinfoodd,td.topictitleodd,
td.topicrepliesodd,td.topicreadsodd,td.topicscoreodd,td.topiclastpostodd,td.topicauthorodd
{
	border          : 1px solid #083080;
	border-collapse : collapse;  
	font-size       : 11px; 
	background-color: white;
	vertical-align  : top; 
	text-align      : left;
	padding         : 0.4em;
}

/* Even rows in several listings */
td.even,td.gallistnameeven, td.gallistdescriptioneven, td.gallistcreatedeven,td.gallistlastModifeven, td.gallistusereven ,
td.gallistimageseven,td.gallisthitseven, td.gallistactionseven, td.listgalideven, td.listgalnameeven, td.listgalcreatedeven,
td.listgalhitseven, td.listgalusereven,td.listgalfilesizeeven, td.bloglistnameeven, td.bloglistdescriptioneven,
td.bloglistcreatedeven,td.bloglistlastModifeven,td.bloglistusereven,td.bloglistpubliceven,td.bloglistpostseven,
td.bloglistvisitseven, td.bloglistactivityeven, td.bloglistactionseven, td.listfgalnameeven, td.listfgaldescriptioneven,
td.listfgalcreatedeven, td.listfgallastModifeven, td.listfgalusereven, td.listfgalfileseven, td.listfgalvisitseven,
td.listfgalactionseven,td.listfilesnameeven ,td.listfilesdescriptioneven,td.listfilesideven,td.listfilesfilenameeven,
td.listfilesfilesizeeven,td.listfilescreatedeven,td.listfilesdlseven,td.listfilesnameeven,td.listfilesusereven,td.listfilesactionseven,
td.listarttitleeven,td.listarttopiceven,td.listartpublishDateeven,td.listartauthoreven,td.listartreadseven,td.listarthasimageeven,
td.listartuseimageeven,td.listartactionseven,td.listartsizeeven,td.forumstableeven,td.forumstableinfoeven,td.topictitleeven,
td.topicreplieseven,td.topicreadseven,td.topicscoreeven,td.topiclastposteven,td.topicauthoreven
{
	border          : 1px solid #083080;
	font-size       : 11px; 
	background-color: #aaccee;
	vertical-align  : top; 
	text-align      : left;
	padding         : 0.4em;
}

td.oddforumposting {
	border: 1px solid #8cacbb;  
	border-collapse: collapse;  
	font-size: 11px; 
	color : black; 
	background-color: #F7F9FA; 
	vertical-align: top; 
	text-align: left;
	padding: 1em;
}

td.evenforumposting {
	border: 1px solid #8cacbb;
	font-size: 11px; 
	background-color: #E9EEF1; 
	color : black; 
	vertical-align: top; 
	text-align: left;
	padding: 1em;
}


/* These should really be 'forumlisting', used for post listings */
td.evenforumlist {
	border: 1px solid #8cacbb; 
	font-size: 11px; 
	background-color: transparent; 
	color : black; 
	vertical-align: top; 
	text-align: left;
	padding: 0.4em;
}
td.oddforumlist {
	border: 1px solid #8cacbb;  
	font-size: 11px; 
	color : black; 
	background-color: #F7F9FA; 
	vertical-align: top; 
	text-align: left;
	padding: 0.4em;
}
.forumposting{
	font-size: 12px;
}

td.third {border: 1px solid #8cacbb;  font-size: 11px; color : Black; background-color: #8cacbb; vertical-align: top; text-align: left;}

/* Titles */
/* When the page title is a link this is the style */
.pagetitle  { 
	text-align   : center; 
	margin-top   : 10px; 
	color        : white;
	font-size    : 14px;
}

a.pagetitle       
{ 
	margin       : 2px;
	font-size    : 12px;
	color        : white;
}

a.pagetitle:hover { 
	background-color : white; 
	color            : #083080;
}

/*
*/
/* Non-linking titles (three levels) */
/*H1 { font-size: 24px;  color : #436976; margin-bottom: 3px; }
H2 { font-size: 18px;  color : #234956; margin-bottom: 3px; }
H3 { font-size: 14px;  color : #032936; margin-bottom: 3px; }
*/
/* Links where no special link style apply (usually with the general application background) */
.link, .gallink, .bloglink, .fgallink, .trailer, .opencomlink, .commentslink,
.admlink,.forumbutlink
{    
	font-weight     : bold;
	background-color: transparent;
}
.link:hover, .gallink:hover, .bloglink:hover, .fgallink:hover, .trailer:hover, .opencomlink:hover,.commentslink:hover,
.admlink:hover,.forumbutlink:hover
{    
	color            : white;
	background-color : #aa0000;
}

/* Search results display a date using the following style*/
div.searchdate {  color : #333333;}

/* Pagination for listings */
.mini {
	color : white;
}

/* prev & next buttons in pagination */
.prevnext, .galprevnext, .blogprevnext, .fgalprevnext, .artprevnext, .forumprevnext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size  : 12px; 
	color      : #ddaa88; 
}

.prevnext:active, .galprevnext:active, .blogprevnext:active, .fgalprevnext:active, .artprevnext:active, .forumprevnext:active
{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 12px; color : black; text-decoration: none;}

.prevnext:hover, .galprevnext:hover, .blogprevnext:hover, .fgalprevnext:hover, .artprevnext:hover, .forumprevnext:hover {
	color            : #083080; 
	background-color : #ddaa88; 
}


/* Warning background/color */
span.warn {  color: red;}

/***********************************************  THE WIKI ***********************************************************/
div.titlebar {
	background: #dee7ec;
	color: white;
	border: 1px solid #8cacbb;
	padding-left: 1px; 
	padding-right: 1px; 
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 1px 1px;
	clear: both;
}

table.wikibar {
	width: 99%;
	margin-top: 0.7em;
}

/* The bar where the actions for a page are displayed */
div#page-bar {   
	margin-left: 5px;
	margin-top: 5px;
}

/* Wiki action buttons (the buttons displayed at the end of each page to edit/print/remove/etc a page */
.button2 {
	font-size: 10px;
	margin: 0;
}

/* Links in buttons */
form#editpageform .linkbut {
	color          : white;
	background     : red;
}

.linkbut {
	color          : black;
	background     : #aaccee;
	font-weight    : bold;
	padding        : 1px 3px;
	text-decoration: none;
}
.linkbut:hover {   
	color          : #aaccee;
	background     : black;
}

/* When a cached version of an external link is displayed */
div.cache {
	background: #EFEFEF;
	border: 1px solid #083080;
	padding-left: 0.1em; padding-right: 0.1em; padding-top: 0.1em; padding-bottom: 0.1em;
	margin: 0.1ex 0px;
}

div.cachedpage {
	border: 1px solid #083080;
	padding-left: 0.1em; padding-right: 0.1em; padding-top: 0.1em; padding-bottom: 0.1em;
	margin: 0.1ex 0px;
}

/* When an external link is cached a small link to the cached version (cache) is displayed using this style */
.wikicache {   font-size: 9px;   color : #225566; text-decoration: none;}
.wikicache:active {  font-size: 9px; color : #225566; text-decoration: none;}
.wikicache:hover {  font-size: 9px; color : #225566; text-decoration: none;}

table.wikitable {
	border-collapse:collapse;
}

td.wikicell {
	font-size: 11px;
	border-collapse:collapse;
	border: 1px solid #8cacbb;
	background-color: #F7F9FA;
}

/* External wiki links */
.wikiexternal {
	background: transparent url(/gfx/link_icon.gif) 0px 1px no-repeat;
	padding: 1px 0px 1px 16px;
}

/* Text in wiki pages is displayed using the following style */
div.wikitext {
	background-color : #aaccee;
	color            : black;
	font-size        : 12px;
	line-height      : 1.4em;
	padding          : 2px 10px;
	text-align       : justify;
	height           : 100%;
}

div.wikitext h1, div#tiki-center div.wikitext h1, div.wikitext h2, div#tiki-center div.wikitext h2 {
	color         : black;
	padding-top   : 0.5em;
	line-height   : 1.2em;
	border-bottom : 1px solid black;
}

div.wikitext h3, div.wikitext h4, div.wikitext h5, div.wikitext h6 {
	color        : black;
	padding-top  : 0.5em;
	line-height  : 1.2em;
}

div.wikitext a, div.articlebody a {
	color            : #aa0000;
	text-decoration  : none;
}

div.wikitext a:hover, div.articlebody a:hover {
	background-color : #aa0000;
	color            : white;
}

/* Date displayed for last modification date of pages */
p.editdate { 
	font-family : "Lucida Grande", Helvetica, Arial, sans-serif; 
	padding     : 1px 3px;
	color       : white; 
}

p.editdate .link {
	color           : #ddaa88;
	background-color: transparent;
	text-decoration : none;
}

p.editdate a:hover {
	background-color : #ddaa88;
	color            : #083080;
	font-weight      : bold;
	text-decoration  : none;
}

/* The edit-help used to display the wiki syntax when editing a page */
div.wiki-edithelp { background: white; border: 1px solid black; font-size: smaller; padding: 6pt;}

/******************************************************* IMAGE GALLERIES **********************************************/

table.galtable { width:100%; border-collapse:collapse; }

/* You can set a different background color for odd and even rows in the thumbnails table */
/* Thumbnails in odd rows are shown inside oddthumb tds */
td.oddthumb  { background: #aaccee; border: 1px solid #083080; border-collapse:collapse;}
td.eventhumb { background: white; border: 1px solid #083080; border-collapse:collapse;}

/* Container for thumbnails */
div.thumbnails { margin: 10px 0px; }

/* Thumbnails images */
img.athumb { }

.caption { color: black;}

/* No records found text  (displayed in the table when no records */
p.norecords {  font-weight : bold;}

/* Browsing an image */
div.imagetitle {font-weight: bold; font-size: 26px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color : #00287B;}
div.gallerylink {}
div.showimage { text-align: center;  margin-top: 5px;  margin-bottom: 5px;}

/******************************************************* WEBLOGS **********************************************************/
table.bloglist {
	background: #aaccee;
}

table.bloglist td {
	border : 1px solid #083080;
}

/* The weblog title */
div.blogtitle {
	padding          : 2px 0px 0px 2px;
	overflow         : hidden;
	color            : black; 
	font-weight      : bold;
	font-size        : 20px;
	background-color : #ddaa88;
}

/* The weblog information */
div.bloginfo {
	padding   : 10px 2px 5px 2px;
	font-size : 11px;
	color     : black; 
	clear     : both;
}

/* Weblog description */
div.blogdesc {
	padding     : 6px 9px;
	overflow    : hidden;
	background  : #aaccee;
	font-size   : 13px;
	font-family : "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	color       : black; 
	clear       : both;
}

/* Links to post/edit/rss feed for the webelog are contained inside this div */
div.blogtools {
	padding      : 6px 9px;
	margin-bottom: 10px;
	font-size    : 10px;
	clear        : both;
	background   : #aaccee;
}

div.blogtools table { }

div.blogtools table td {
	padding-right: 5px;
}

div.blogtools form {
	text-align : center;
	font-size  : 12px;
}

div.blogtools input {
	 background : white;
	 border     : 1px solid #083080;
}

div.allblogposts {
	background : #083080;
	margin     : 10px 0px 0px 0px;
	padding    : 0px;
	width      : 100%;
}

div.blogpost {
	margin-top : 10px;
}

/* The header of a weblog post */
div.posthead {
	background-color: #ddaa88;
	font-size       : 12px;
	color           : black;  
	overflow        : hidden;
	text-align      : center;
	padding         : 2px 0px 1px 2px;
}

div.posthead td[align=right]
{
	vertical-align : bottom;
	margin-bottom  : 0;
	padding-bottom : 0;
}

/* The font used in the heading of the weblog */
span.posthead       { font-size: 14px; font-weight: bold; }
span.posthead small { font-size: 10px; font-weight: normal; }

/* Links in the weblog post heading (edit/remove) */
/* When there's a link in a cbox-title */
.blogt {  font-size: 11px; color : white; text-decoration: none;}
.blogt:active {   font-size: 11px; color : white; text-decoration: none;}
.blogt:hover {    font-size: 11px;  color : white; text-decoration: underline; }

/* The post body */
div.postbody {
	margin     : 0px;
	padding    : 3px 8px;
	overflow   : hidden;
	background : #aaccee;
	font-size  : 12px;  
	color      : black;
	text-align : justify;
}

/****************************************************** CMS ***************************************************************/

div.article {
	color            : black;
	background-color : #aaccee;
	margin           : 0px 0px 10px 0px;
	width            : auto;
}

/* The article title bar */
div.articletitle {
	background-color : #aaccee;
	font-size        : 11px;
	padding          : 0px 2px 2px 3px;
	clear            : both;
	width            : auto;
}

/* The article title */
span.titlea { font-size: 14px;  font-weight: bold;}

/* The author, date and number of reads */
span.titleb { font-size: 11px; }

/* The trailer */
span.trailer { font-size: 10px; }

/* The article heading */
div.articleheading {
	padding       : 7px 2px 3px 3px;
	font-size     : 10px;
	clear         : both;
	width         : auto;
}

div.articleheading img {
	margin-right: 22px;
	margin-left : 9px;
}

div.articletrailer {
	background-color : #ddaa88;
	font-size        : 9px;
	clear            : both;
}

a.trailer {
	color : #083080;
}

a.trailer:hover {
	color            : #ddaa88;
	background-color : #083080;
}

/* Text in the article heading */
div.articleheadingtext {  
	font-size: 10px; 
	display: inline;
}

/* The body */
div.articlebody {
	text-align       : justify;
	padding          : 2px 10px;
	font-size        : 12px;
	clear            : both;
}

div.articlebody p {
	width: auto;
}

div.articlebody h1, div.articlebody h2, div.articlebody h3, div.articlebody h4 {
	color: black;
}


table.normal {
	border           : none;
	background-color : #aaccee;
	padding          : 2px;
}

/***************************************************** SEARCH RESULS *******************************************************/
div.allsearchresults { }

div.searchresult {
	margin          : 1px 0px 9px 0px;
	color           : black;
	background-color: #aaccee;
}

div.searchtitle {
	background-color: #ddaa88;
	padding         : 1px 3px 1px 3px;
}

div.searchtitle a {
	color       : #083080;
}

div.searchtitle a:hover {
	color            : #ddaa88;
	background-color : #083080;
}

div.searchdesc { 
	padding         : 1px 3px 1px 3px;
}

div.searchdate {
	border-top : 1px solid #083080;
	margin     : 2px 0px;
	padding    : 1px 3px;
}

/******************************************************* CALENDAR **********************************************************/

/* LINKS TO DAYS IN THE CALENDAR */
.day {    font-size: 9px;  text-decoration: none;  color : black;}
.day:hover {   font-size: 9px;  color : black; text-decoration: none; }

/* LINKS FOR TODAY */
.today {    font-size: 9px;  text-decoration: none;  color : black;  font-weight : bold;  text-decoration: none; }
.today:hover {   font-size: 9px;  color : black;  text-decoration: none;   font-weight : bold;}

/* Links to change month, year or go to today */
.nav {    font-size: 9px;  text-decoration: none;  color : black;  font-weight : bold;   text-decoration: none; }
.nav:hover {   font-size: 9px;  color : black;  text-decoration: none;   font-weight : bold; }

.changedate {  font-size: 8px;  color : black;  font-weight : bold;}
.date {  
	font-size: 9px;
	color : black;
	font-weight : bold;
}


/*************************************************** COMMENTS **************************************************************/

/* The whole comment area when it is visible and when it is not */
#comzone {
	display         : none;
	background-color: #aaccee;
	margin          : 1px 1px;
	padding         : 0px 2px;
}

#comzoneopen {
	display         : block;
	color           : black;
	background-color: #aaccee;
	margin          : 1px 1px;
	padding         : 0px 2px;
}

div#comzoneopen table.normal {
	border           : none;
	color            : black;
	background-color : #aaccee;
	padding          : 2px;
}

/* Pagination for listings */
div#comzoneopen .mini {
	color : black;
}


/* The comment title */
span.commentstitle {  font-weight: bold;  font-size: 12px;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  width: 100%;}

/************************************************************ CHAT *********************************************************/

table.chatroom { border-color: #5A4A39;  border-style: solid;  border-width: 2px;  width: 97%;}

td.chatchannels {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  background: #B5C6DE;  font-size: 11px;  color: white;}
td.chatarea {  padding-left: 0px; margin-left: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;  color: black;  background: #FFFFFF;}

table.chatform {  border-color: #00639C;  border-style: solid;  border-width: 2px;  width: 97%; border-top:0px;}
td.tdchatform { color: Black;   background: #EFEFEF; font-size: 11px; vertical-align: top; text-align: left;}

span.chnormal  {  color: black;   font-size: 11px; }
span.chuser { color: black;    font-size: 11px;  font-weight: bold;}

/********************************************************** POLLS ********************************************************/

div.pollresults {
	background: white;
	border: 1px solid #083080;
	margin-top: 5px;
	font-size: 14px;
	padding-left: 5px;
}

table.pollresults {   width: 97%;}
td.pollr {  font-size: 11px;  color: black;}
/* MODULES */

/***************************************************** FORUMS *****************************************************/

/* Title for the forums page */
div.forumspagetitle {  
	margin-top: 11px;  
	margin-bottom: 40px;
}

table.threads { width: 97%;}

td.viewthreadl { border: 1px solid #8cacbb; border-collapse:collapse;  font-size: 11px; background-color: #EFEFEF; height: 10px; vertical-align: top;}
td.viewthreadr { border: 1px solid #8cacbb; border-collapse:collapse;  font-size: 11px; background-color: #EFEFEF; height: 10px; vertical-align: top;}

/* Cells for the threads table */
td.threadsevenl { border: 1px solid #8cacbb; border-collapse:collapse; font-size: 12px; background-color: #EFEFEF; vertical-align: top;}
td.threadsevenr { border: 1px solid #8cacbb; border-collapse:collapse; font-size: 13px; background-color: #EFEFEF; vertical-align: top;}
td.threadsoddl { border: 1px solid #8cacbb; border-collapse:collapse; font-size: 12px; background-color: #DDDDDD; vertical-align: top;}
td.threadsoddr { border: 1px solid #8cacbb; border-collapse:collapse; font-size: 13px; background-color: #DDDDDD; vertical-align: top;}
td.threadseparator { border: 1px solid #8cacbb; border-collapse:collapse;background-color: #EEEEEE; height: 5px;}

#forumpost { display: none;}   
#forumpostopen { display: block;}   


div.forumtoolbar {  background: #395AAD;     margin-bottom: 20px;  border: 0px;}

td.forumtoolbar { color: white;  font-size: 11px;  font-weight : bold; text-decoration: none; vertical-align: bottom;}

.toolbarlink { color: white;  font-size: 11px;  font-weight : bold; text-decoration: none;}
.toolbarlink:active { color: white;  font-size: 11px;  font-weight : bold; text-decoration: none;}
.toolbarlink:hover { color: #00FFFF;  font-size: 11px;  font-weight : bold; text-decoration: none;}

/* Links to vote */
.forumvotelink {font-size: 12px; color : black;}
.forumvotelink:active {font-size: 12px; color : black;}
.forumvotelink:hover {font-size: 12px; color : black;}

/************************************************ CATEGORIES **************************************************************/

table.tcategpath { margin-bottom: 40px; border-color: #99bec6;  border-style: solid;  border-width: 1px;  width: 97%; border-collapse:collapse;}

/* Table containing the category path */
td.tdcategpath { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #225566; font-size: 12px; font-weight : bold;
	background-color: #dee7ec;
	padding-left: 2px;
	margin: 0px;
	border-spacing: 0px;
	padding-right: 5px;}

/* Links to up/top categories */
.categpath {    font-size: 12px;  color : #225566;  text-decoration: none;}
.categpath:active {   font-size: 12px;  color : #225566;  text-decoration: none;}
.categpath:hover {    font-size: 12px;  color : #225566;  text-decoration: none;}

/* Table with the subcategories */
table.subcats { padding-top: 20px; padding-bottom: 20px; width: 97%; border-spacing: 0px;  padding-right: 0px;  margin-bottom: 10px; border-color: #99bec6; border-style: solid; border-width: 1px; background: #dee7ec; border-collapse:collapse;}
td.tdsubcat {width: 25%; background: #dee7ec;}

/* Links to subcategories */
.categlink {   font-size: 11px;  color : #225566; text-decoration: none; font-weight: bold;}
.categlink:active {  font-size: 11px;  color : #225566; text-decoration: none;font-weight: bold;}
.categlink:hover {   font-size: 11px;  color : #225566; text-decoration: underline;font-weight: bold;}

table.catobjects { width: 97%; border-spacing: 0px;  padding-right: 0px;  margin-bottom: 10px; border-color: #8cacbb; border-style: solid; border-width: 1px; border-collapse:collapse;}
td.categobjectsnameeven,td.categobjectsnameodd {
	font-size: 11px;
	color: black;
}
td.categobjectsdataeven,td.categobjectsdataodd {
	font-size: 11px;
	background-color: #F7F9FA;
	color: black;
}

.catname {   font-size: 11px;  color : #436976; text-decoration: none;}
.catname:active {   font-size: 11px;  color : #436976; text-decoration: none;}
.catname:hover {    font-size: 11px;  color : #436976; text-decoration: underline;}

/***************************************************** FAQS **************************************************************/
/* The list of questions */
div.faqlistquestions {
	background: #FFFFFF;
	color: black;
	font-size: 11px;
	border: 1px solid #083080;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.faqqa {
	background: #FFFFFF;
	color: black;
	font-size: 12px;
	border: 1px solid #083080;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div.faqquestion {
	margin-bottom: 5px;
	font-size: 12px;
	background: #dee7ec;
}
div.faqanswer {
	font-size: 12px;
}
/***************************************************** QUIZZES **************************************************************/
div.questionblock {
	border: 1px solid #083080;
	background: white;
	margin-bottom: 10px;
}

div.quizquestion {
	font-size: 12px;
	margin-bottom: 5px;
}
div.quizoptions {
	font-size: 12px;
}
div.quizdescription {
	font-size: 12px;
	border: 1px solid #083080;
	background: white;
	margin-bottom: 10px;
}
div.quizanswer {
	font-size: 12px;
	border: 1px solid #083080;
	background: white;
	margin-bottom: 10px;
}

/***************************************************** SHOUTBOX **************************************************************/
div.shoutboxmsg {
	border: 1px solid #083080;
	background: white;
	margin-bottom: 0px;
	padding-bottom: 1px;
}
div.shoutboxmodmsg {
	font-size: 10px;
	margin-bottom: 4px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 1px;
}
textarea.tshoutbox{
	background-color: white;
	border: #aeaeae 1px solid;
	color: #000000;
	font-size: 10px;
	width: 156px;
}
.wiki-table {
	border-color: gray;
	border-style: solid;  
	border-width: 1px;  
	width: 90%;
}
.wiki-tr-a td {
	 background: #ddd;
	 border: none;
	}
.wiki-tr-b td {
	 background: #efefef;
	 border: none;
	}
	div.code {
	font-size: 90%;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #F4F4F4;
	font-family: "Courier New", monospace;
	}

	hr  {
	width: 100%;
	height: 1px;
	background-color: #AAAAAA;
	border-width: 0px;
	padding: 0px;
	color: #AAAAAA;
	}

	/*************************************************** WIKI TOCS ***************************************************/

div.tocnav {
	font-size: 9px;
	background: #dee7ec;
	border: 1px solid #8cacbb;
	color: black;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
}

.tocnavlink { color:black; text-decoration: underline;
	font-size: 10px; }
.tocnavlink:hover {
	font-size: 10px; color: black; text-decoration:underline;}

/*************************************************** DIRECTORY ***************************************************/
/* The list of categories */
div.dircategs {
	border: 0.5px solid #99bec6;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}

/* Links to categories */
.dirlink {    font-size: 12px;  color : black; text-decoration: underline; font-weight: bold;}
.dirlink:hover {   font-size: 12px;  color : #636363; text-decoration: underline; font-weight: bold;}

/* Links to subcategories */
.dirsublink {   font-size: 10px;  color : black; text-decoration: underline;}
.dirsublink:hover {   font-size: 10px;  color : #636363; text-decoration: underline;}


/* The list of sites in any category */
div.dirlistsites {
	background-color: white;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 0.5px solid #99bec6;
	margin-top: 10px;
}

/* each site in the list of sites */
div.dirsite {
	background-color: #F7F9FA;
	margin-bottom: 10px;
	margin-right: 5px;
}

span.dirsitedesc {}
span.dirsitetrail {font-size: 10px;}
span.dirsitecats {}

/* Links to sites */
.dirsitelink {    font-size: 12px;  color : black; text-decoration: underline;}
.dirsitelink:hover {   font-size: 12px;  color : #636363; text-decoration: underline;}

/* Related categories */
div.dirrelated {
	background-color: White;
	margin-top: 10px;
	border: 0.5px solid #99bec6;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* Footer with stats for the directory */
td.dirfooter {
	font-size: 9px;
}

div.dirfooter {
	margin-top: 10px;
	border: 0.5px solid #99bec6;
}


/*************************************************** MESSAGES ***************************************************/
/* Links for priority colors */
td.prio1 { border: 1px solid #8cacbb;  font-size: 11px; padding-left: 2px; background-color: #F7F9CA;}
td.prio2 { border: 1px solid #8cacbb;  font-size: 11px; padding-left: 2px;background-color: #F7F9EA;}
td.prio3 { border: 1px solid #8cacbb;  font-size: 11px; padding-left: 2px;background-color: #F7F9FA;}
td.prio4 { border: 1px solid #8cacbb;  font-size: 11px; padding-left: 2px;background-color: #F7F9FD;}
td.prio5 { border: 1px solid #8cacbb;  font-size: 11px; padding-left: 2px; background-color: #F7F9FF;}

/* Div containing links to flag/unflag messages when reading a message */
div.messureadflag {
	background-color: #CCCCCC;
	padding-left: 5px;
}

/* Header when reading a message */
div.messureadhead {
	background-color: #DEDEDE;
	margin-top: 2px;
}

/* Message body when reading */
div.messureadbody {
	margin-top: 5px;
	background-color: #DEDEDE;
}

/* Links to read emails (the subject in the mailbox listing) */
.readlink {   font-size: 10px;  color : black; text-decoration: underline;}
.readlink:hover {    font-size: 10px;  color : #636363; text-decoration: underline;}


/* calendar styles */
#caltable
{
	background-color: white;
	width:100%;
}
.Cal0, 
.Cal1, 
.Cal2
{
border-top:1px dashed #cccccc;
color: #425262;
font-size:10px;
padding-right:0px;
}
.Cal0:before
{
content: "? ";
}

.Cal1:before
{
content: "+ ";
background-color: #FFCC77;
}

.Cal2:before
{
content: "X ";
background-color: #eeeeaa;
}
/* misc cal styles */
.caltitle
{
font-weight: bold;
color: #425262;
}
.caltab
{
border: 1px solid #666666;
margin-right: 6px;
color: #000000;
}
a.caltab
{
padding: 0 10px 1px 10px;
text-decoration: none;
font-weight: bold;
font-size: 11px;
background-color: #dedede;
color: #000000;
}
a.caltab:hover
{
padding: 0 10px 0px 10px;
background-color: #efefaf;
border: 1px solid #666666;
border-bottom: 2px solid #dedede;
}
.caltabon
{
background-color: #ffffff;
border: 1px solid #666666;
border-bottom: 2px solid #FFFFFF;
margin-right: 6px; 
color: #000000;
}
a.caltabon
{
padding: 0 10px 1px 10px;
text-decoration: none;
font-weight: bold;
font-size: 11px;
color: #000000;
}
a.caltabon:hover
{
border: 1px solid #666666;
padding: 0 10px 0 10px;
background-color: transparent;
border-bottom: 0;
}
div#tab, div#tabcal, div#tabnav
{
margin-top: 10px;
margin-left: 29px;
}
div#tab
{
margin-bottom: 1px;
}
div.tabcal, div.tabnav
{
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #666666;
	border-bottom: 0;
	font-size: 11px;
}
div.tabrow {
	margin-left: 29px;
	background-color: white;
	border: 1px solid #787878;
	border-bottom: 0;
	font-size: 11px;
}
td.middle {
	vertical-align: middle; 
}
.daterow {
	background-color: #e3d4a8;
	font-weight: bold;
	margin-left: 3px;
	border: 1px outset black;
	padding: 1px 5px 1px 5px;
	font-size: 10px;
	cursor: pointer;
}
.mininotes {
	font-size: 80%;
	color:#666666;
}
/* checkboxes background is required for rollover display */
.calcheckbox
{
background-color: #ffffff;
}
.caltoggle
{
font-size: 9px;
margin-bottom: 7px;
}
.opaque
{
background-color: #ffffff;
width: auto;
border: 1px solid #666666;
padding: 1px; 
max-width: 300px;
}
.opaque .box-title,
.opaque, .box-data 
{
width: auto;
}
.calfocus
{
font-size: 9px;
background-color: #e4e1d9;
}
.calfocus a
{
text-decoration: none;
color: #000000;
}
.calfocuson
{
font-size: 9px;
background-color: #f3e498;
}
.calfocuson a
{
text-decoration: none;
color: #000000;
}
.calcontent {
min-height: 60px;
}

.Calwiki
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
margin-top: 0;
}

.Calwiki a
{
color: #443F39;
}

.Calwiki:before
{
content: "w";
font-family: monospace;
background-color: #ffffff;
}

.Calblog
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calblog a
{
color: #443039;
}

.Calblog:before
{
content: "b";
font-family: monospace;
background-color: #ffffff;
}

.Calgal
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calgal a
{
color: #303F49;
}

.Calgal:before
{
content: "i";
font-family: monospace;
background-color: #ffffff;
}

.Calart
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calart a
{
color: #304F30;
}

.Calart:before
{
content: "a";
font-family: monospace;
background-color: #ffffff;
}

.Calforum
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calforum a
{
color: #304F30;
}

.Calforum:before
{
content: "o";
font-family: monospace;
background-color: #ffffff;
}

.Caldir
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Caldir a
{
color: #304F30;
}

.Caldir:before
{
content: "d";
font-family: monospace;
background-color: #ffffff;
}

.Calfgal
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calfgal a
{
color: #304F30;
}

.Calfgal:before
{
content: "f";
font-family: monospace;
background-color: #ffffff;
}

.Calfaq
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calfaq a
{
color: #304F30;
}

.Calfaq:before
{
content: "q";
font-family: monospace;
background-color: #ffffff;
}

.Calquiz
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calquiz a
{
color: #304F30;
}

.Calquiz:before
{
content: "z";
font-family: monospace;
background-color: #ffffff;
}

.Caltrack
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Caltrack a
{
color: #304F30;
}

.Caltrack:before
{
content: "t";
font-family: monospace;
background-color: #ffffff;
}

.Calsurv
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calsurv a
{
color: #304F30;
}

.Calsurv:before
{
content: "s";
font-family: monospace;
background-color: #ffffff;
}

.Calnl
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calnl a
{
color: #304F30;
}

.Calnl:before
{
content: "n";
font-family: monospace;
background-color: #ffffff;
}

.Caleph
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Caleph a
{
color: #304F30;
}

.Caleph:before
{
content: "e";
font-family: monospace;
background-color: #ffffff;
}

.Calchart
{
border-top:1px dashed #cccccc;
font-size:10px;
padding-left:3px;
padding-right:3px;
}

.Calchart a
{
color: #304F30;
}

.Calchart:before
{
content: "c";
font-family: monospace;
background-color: #ffffff;
}

a.viewmodeon
{
margin: 0;
padding: 0;
}
a.viewmodeoff
{
margin: 0;
padding: 0;
}
a.viewmodeon img {
	margin: 0;
padding: 0;
}
a.viewmodeoff img {
	margin: 0;
padding: 0;
}

.viewmodeoff:hover
{
background-color: #FFFF00;
color: #000000;
}
.calweb
{
font-weight: bold;
font-size: 10px;
text-decoration: none;
padding-left: 3px;
padding-right: 3px;
color: #336699;
}
.calweb:hover
{
color: #996633;
}
#calprio
{
margin-left: 7px;
padding-left: 5px;
padding-right: 5px;
color: black;
}

.calprio1 { background-color: #DAE0E0; }
.calprio2 { background-color: #DADCDC; }
.calprio3 { background-color: #DAD0D0; }
.calprio4 { background-color: #DACACA; }
.calprio5 { background-color: #DAC0D0; }
.calprio6 { background-color: #DABABA; }
.calprio7 { background-color: #DAB0B0; }
.calprio8 { background-color: #DAAAAA; }
.calprio9 { background-color: #DA9A9A; }
.calprio1 a, .calprio2 a, .calprio3 a, .calprio4 a, .calprio5 a, 
.calprio6 a, .calprio7 a, .calprio8 a, .calprio9 a { color: #000000; }
/* style of the popup background in case of transparent styles */
#opaque
{
background-color: #ffffff;
}

div#edithelpzone { display: none;  }
div#attzone      { display: none; margin-top: 10px; }
div#attzoneopen      { display: block; margin-top: 10px; }

.highlight   { 
	color          : white;
	background     : red; 
	font-weight    : bold;
	padding        : 1px;
	text-decoration: none;
}

.pagetop_msg { background-color: #FFFFCC; color: #FF0066; font-weight: bold; }

/*
	* Caption in tables.
	* Currently in Attachments and comments only.
	*/
caption
{
	font-size: 11px;
	font-weight : bold;
	text-align: right;
}

/* trees */
div.tree
{
	text-align: left;
	padding-left: 1.5em;
}
/* Root of tree (outer div) */
div.tree#top
{
	border: 1px solid #8cacbb;
	padding: 10px 1.5em 20px 1.5em;
}

form#editpageform {
	margin: 0px; 
	padding: 0px;
}

/* Wiki editpage textarea */
textarea.wikiedit
{
	background    : #eeeeee;
	width         : 100%;
	margin-bottom : 2px;
}

input.wikitext {
	background    : #eeeeee;
	width         : 100%;
}

/* help links style */
a.tikihelp, a.tikihelp:visited {
	background : #aaccee;
}
a.tikihelp:hover {
color: #224466;
cursor: help;
}


/* TikiIntegrator: By default copy rules dialog not shown */
div#rules-copy-panel {
	display: none;
}

/* format tables on admin pages */
table.admin { 
	width     : 100%; 
	margin    : 0px;
	padding   : 0px;
	background: transparent;
}

/* phplayers style */
.mdkverbar  {
	margin: 0px;
}

.mdksubmenu {
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffff;
	visibility: hidden;
	width: 150px;
}
.mdksubmenu table {
	width: auto;
}

.mdksubframe  {
	z-index: 1000;
	position: relative;
	display: block;
	border: 1px outset #fdfefd;
}

.mdkitem  {
	border-top: 1px solid #dedede;
	position: relative;
	text-align: left;
	white-space: nowrap;
}
.mdkitem:first-child  {
	border-top: 0;
}
.mdkitem a  {
	padding: 2px 5px 2px 5px;
	position: relative;
	display: block;
	text-decoration: none;
	
}
.mdkitem a:hover  {
	padding: 1px 4px 1px 4px;
}
.mdkitem .mdkfwdarr {
	position: absolute;
	top: 6px;
	right: 12px;
}

.toc {
}
.toc li {
	margin-top: 3px;
}
.tocnav {
	background-color: #ededed;
	margin-bottom: 16px;
}
.tocnav table {
/*  width: 100%;*/
	background-color: #ffffff;
}
.tocnav a {
	font-size: 90%;
	color: #424242;
}
/* for jscalendar */
.calendar {
	z-index: 200;
}

div#loadstats{
	font-size: 80%;
}

/*
	 http://www.openspaceforum.net/twiki/lib/jscalendar/calendar-system.css
*/

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(lib/jscalendar/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: smaller;
  padding: 1px;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}