/* 
$Header: /cvsroot/tikiwiki/tiki/styles/sen.css,v 1.0 08/01/2004 11:10:43 sen Exp $
2004
*/

/* START the whole page setting*/
body {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:   #42B8D3;/*#42B8D3 */
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: 0px;
	border-top-width: 0px;
	border-width: 0px;
	border-right-width: 0px;
	border-right: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

table {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-width: 0px;
	border-color: #000000;
}
tr, td {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border: 0px;
	border-color: #000000;
}
/* END whole page setting */

/*
GENERAL LAYOUT 
*/

/* 
This div encloses the whole Tiki application 
*/
DIV#tiki-main {
	background-color:    #ffffff;/*#42B8D3*/
	margin:   0px;
	padding:   0px;
	/*border: 0px; /* ##### SEN to #####*/
	/*border-color: #000000;/* ##### here #####*/
}

/* 
This is the header 
*/
/*#tiki-top {
	background-image: url(sen/topinter_BG.png);*/
/*### Get the correct color ####*/
	/*width: 100%;
	height: 72px;
	margin: 55555*/	/*padding: 0px;*//* background-position: top, left;
	margin-top: 0px;
}
*/ Div#tiki-top2{
	background-color:#ffffff;/*### Get the correct color ####*/
	width: 100%;
	height: 53px;
	border-width: 0px 0px 0px 0px;
	margin: 0px;
	padding: 0px;
	background-position: top, left;
	margin-top: 0px;
}
/* ##### what is this ??? i do not think that I need this ##### */
#tiki-top a.linkh {/*
	color:    #F22FF0; /* ###### ITS A PINK COLOR #####
	text-decoration:   none;*/
	padding-left:   0px;
	padding-right:   0px;
}

#tiki-top .center {
	/*padding-left: 25px;*/
}

#tiki-top .link {	padding-bottom:   0px;*/
}
/*top header text settings ##### SEN #####*/
#tiki-top .link:hover {
/*	text-decoration:   none;
	padding-left:   0px;
	padding-right:   0px;*/
}
/* 
This is the middle 
*/
DIV#tiki-mid {
	height:   auto;
}
DIV#tiki-mid > table {
	width: 100%;
	margin: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: 1px #000000;
}
/* 
And this is the footer 
*/
DIV#tiki-bot {
	padding-top:    10px;
	margin-top:   0px;
	background:   #3E3791;/*##### this is the bottom table drack blue#####*/
	padding-bottom:   10px;
	border: 1px solid #000000; /* ##### DOSE NOT WORK ON IE 5.2 #####*/
}
DIV#tiki-bot > table{
	width:100%;
	margin: 0;
	border-color: #000000;
}
 #tiki-main { vertical-align:top;   background-image: url(sen/SOPACHeadBG.jpg); height: 100px;   width:  100%;}/* 
The three columns 
*/
TD#SOPAC {
	vertical-align:top;
	background-color:#48549f;/*### Get the correct color ###*/
	background-image: url(sen/rightColumn.gif);
	width:  180px;
	height: 73px;
	background-repeat: repeat-y
}

TD#leftcolumn {
	vertical-align:top;
	background-color:#f3efca;/*### Get the correct color ###*/
	background-image: url(sen/rightColumn.gif);
	width:  180px;
	height: 100%;
	background-repeat: repeat-y;
	border: 0;
}

TD#rightcolumn {
	vertical-align:top;
	background: #42B8D3;/*42B8D3*/
	width:   180px;
	height: 100%;
	padding-top: 100px;
	border-bottom: 50px solid #42B8D3;
	border-top: 90px solid #42B8D3;
}

TD#centercolumn {
	background:   #42B8D3;
	vertical-align:top;
	border-top:   0px solid #000000;
	border-left: 0px solid #000000;
	border-right-width: 0px;
	border-left-width: 0px;
	border-width: 0;
	height: 100%;
	width: 100%;
	padding-right: 25px;
	/*padding: 0px;*/
}

/* 
centercolumn 
*/
DIV#tiki-center {
	vertical-align:   top;
	margin-left:    25px;
	margin-top:  25px;
	margin-bottom: 25px;
}

div#debugconsole {/*##### WHAT DOSE THIS DO ????? #####*/
	position: absolute;
	background-color:   #eeddcc;
	color:   #009000;
	top:   0px;
	left:   20px;
	right:   310px;
	height:   auto;
	width:   auto;
	/*z-index:   1;*/
	padding:   5px;
	border:  6px ridge #996600;
	font-size:   12px;
}/*##### END #####*/

span.on-option {
	color: #00C000;
}

span.off-option {
	color: #005000;
}

/*
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) ##### NOTE:SEN  BIG CHANGES HERE ##### 
*/
div.box {
	margin-left: 1px;
	border-top: 2px solid #DFD8B8;
	/*border-bottom: 0px solid #DFD8B8;*/
	padding-bottom:   5px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	overflow:   hidden;
	width:  177px;
}

/* 
Boxes are divided in title and data, this is the title,.. in the left column
*/
div.box-title {
	/*background-color:    #DFD8B8;*/
	font-size:   12px;
	color:   #000000;
	text-align:   left;
	padding: 3px;
	padding-left:    22px;
	/*padding-top:     1px;*/
	/*padding-bottom:  3px;*/
	/*padding-right:   20%;*/
	/*margin-bottom:   10px;*/
	background:   #DFD8B8;
	height: 15px;
	width: 100px;
	/*width:  180px;*/
	background-position:   top;
	/*background-repeat:   repeat-y;*/
}
/*##### NOTE SEN THIS MIGHT NEED CHANGING #####*/
div.box-title table {
    width: 100%;
}
/*##### END OF NOTE ######*/
/* 
And this is the data 
*/
div.box-data { 	/* ##### THIS IS THE BROWN SPACER IN OPERA #####*/
				/* ##### THIS IS THE ALINEMENT & SETTING FOR TEXT IN THE LEFT COLUMN #####*/
	overflow:    hidden;
	color:   #000000;
	margin-left:   28px;
	margin-right:   0px;
	padding-left: 0px;
	font-size:   12px;
	width:   160px;
}

div.box-data li:before {
	content:    "- ";/* ####look at alt*/
	color:   #772200;
	font-weight:   bold;
}

div.box-data li {
	border-bottom: 1px dashed #000000;
}

/* 
When modules display a list of items each item is enclosed 
in a cell with the following style 
*/
TD.module {
	font-size:    10px;
	color:   black;
/*	text-align:   left;*/
/*	width: inherit;*/
}

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

.linkmodule:active {
	font-size:    11px;
	color:   #000000;
	text-decoration:   none;
}

.linkmodule:hover {
	font-size:    11px;
	color:   black;
	text-decoration:   underline;
/*	background:   #eeeeee;*/
}

/* 
Now the boxes for the rest of Tiki (non-modules 
*/
div.cbox {
	background:    #ffffff;/*#####this colour affects the admin feature area#####*/
	margin-left:   40px;
	margin-right:   40px;
	margin-top:   40px;
	margin-bottom:   40px;
	border:   1px solid black;
	padding-bottom:   10px;
	/*border: 40px;*/
	/*padding-top: 10px;*/
	/*overflow:   hidden;*/
}

/* 
Boxes are divided in title and data, this is the title 
*/
div.cbox-title {
	background-color:    #756555;
	color:   #ffffff;
	border-bottom:   1px solid black;
	font-size:   10px;
	overflow:   hidden;
	text-align:   left;
	padding-left:   5px;
	padding-right:   0px;
	margin-bottom:   0px;
}


/* 
When there's a link in a cbox-title 
*/
.cboxtlink, div.cbox-title a {/*this is the text in the top of the text boxs*/
	color:   #ffffff;
	text-decoration:   none;
}

.cboxtlink:active, div.cbox-title a:active {
	color:   #000000;
	text-decoration:   none;
}

.cboxtlink:hover, div.cbox-title a:hover {
	color:   #EFEFEF;
	text-decoration:   none;/*changed from underline*/
}

/* 
And this is the data 
*/
div.cbox-data {
	background-color: #ffffff;
	overflow:    hidden;
	margin-left:   5px;
	margin-right:   5px;
	font-size:   11px;
	color: black;
}

/* 
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 
*/

/* 
Menus
*/

/* 
Separators are used to separate menu areas in the application 
menu and user created menus
*/
div.separator {
	background:   #F3EFCA;/* ##### SEN #####*/
	color:   #000000;
	font-size:   11px;
	margin-top:   2px;
	width:   150px;
}
div.separator:hover {
	background: #dada89;
}
/* 
Links in menus 
*/
.linkmenu, .rsslink {
	font-size:    10px;
	color:   #333333;
	text-decoration:   none;
}

.linkmenu:active, .rsslink:active {
	font-size:    11px;
	color:   black;
	text-decoration:   none;
}

.linkmenu:hover, .rsslink:hover {
	font-size:    12px;
	color:   black;
	text-decoration:   none;
}
/*
Error links
*/
.Error{
	font-size: 11px;
	color: #000000;
	text-decoration: none;

}

.Error:active{
	font-size: 11px;
	color: #666666;
	text-decoration: none;

}

.Error:hover{
	font-size: 11px;
	color: #666666;
	text-decoration: none;

}
/* 
Links to extend/collapse menus 
*/
.separator {
	color:   black;
	text-decoration:   none;
}

.separator:active {
	color:   black;
	text-decoration:   none;
}

.separator:hover {
	color:   black;
	text-decoration:   none;
}

/* 
Links to collapse menus for example the main menu 
can be completely collapsed
*/
.flip {
	font-size:    12px;
	color:   black;
	text-decoration:   none;
	background:   #DFD8B8;
	height: 15px;
	padding: 3px;
	padding-left: 0px;
	/*padding-right: 10px;*/
}

.flip:active {
	font-size:    12px;
	color:   black;
	text-decoration:   none;
}

.flip:hover {
	font-size:    12px;
	color:   black;
	text-decoration:   none;
}

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

.bannertext:active {
	font-size:    10px;
	color:   #863210;
	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 {
	margin-left:    5px;
	margin-right:   5px;
	margin-top:   5px;
	margin-bottom:   5px;
	padding-left:   2px;
	padding-top:   2px;
	padding-bottom:   2px;
	padding-right:   2px;
	color:   black;
	border:   1px solid black;
	background:   #EFEFE7;
	font-size:   11px;
}

/* 
Prevent forms from generating unwanted padding or margins 
*/
FORM {
	margin:    0px 0px 0px 0px;
	padding-bottom:   0px;
	padding-left:   0px;
	padding-right:   0px;
	padding-top:   0px;
}

/* 
General form elements 
*/
input, select {
	color:    #000000;
	font:   normal 11px Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	color:    #000000;
	font:   normal 12px fixed, courier, monospace;
}

input {
	text-indent: 2px;
}

/* 
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 where nothing is specified 
*/
TD {
	color:    Black;
	font-size:   12px;
	vertical-align:   top;
}

/* 
Cells in forms without background color 
(inside a div for example) 
*/
TD.form {
	color:    Black;
	font-size:   11px;
	vertical-align:   top;
	text-align:   left;
}

/* 
Cells in forms using a background color 
*/
TD.formcolor, td.galform, td.editblogform, td.editfgalform, TD.comform, td.forumform {
	color:    Black;
	background:   #DED6C6;
	font-size:   11px;
	vertical-align:   top;
	text-align:   left;
}

/* 
The table 
*/
table.listgallery, table.creategalform, table.gallerylisting, table.bloglist, table.editblogform, table.editfgalform,
	table.listfgal, table.listfiles, table.listarticles, table.forumstable, table.forumformtable, table.viewthread {
	border:1px solid #5A4A39;
	width: 100%;
	/*border-spacing: 2px;  ####04-05-04####*/
}

Table.normal {
	border: 1px solid #5A4A39;
	width: 96%;
	/*border-spacing: 2px; ####04-05-04####*/
}

TABLE.normalnoborder {
	width: 100%;
	height: 100%;
}

/* 
Table headings 
*/
TD.heading, td.gallistheading, td.listgalheading, td.bloglistheading, td.listfgalheading, td.listfilesheading, td.listartheading,
	td.forumheading, td.thead {
	color:    white;
	font-size:   11px;
	font-weight:   bold;
	background-color:   #5a4a39;
	padding-left:   2px;
	padding-right:   5px;
}

TD.button {
	color:    white;
	font-size:   11px;
	font-weight:   bold;
	background-color:   #5a4a39;
	padding-left:   2px;
	padding-right:   5px;
	text-align:   center;
	vertical-align:   middle;
}

/* 
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 {
	font-weight:    bold;
	font-size:   12px;
	letter-spacing:   1px;
	color:   black;
	text-decoration:   none;
}

a.tablename:active, a.galname:active, a.imagename:active, a.blogname:active, a.fgalname:active, a.artname:active,
	a.forumname:active {
	text-decoration:    none;
	color:   black;
	text-decoration:   none;
}

a.tablename:hover, a.galname:hover, a.imagename:hover, a.blogname:hover, a.fgalname:hover, a.artname:hover, a.forumname:hover {
	text-decoration: underline;
}

/* 
Links in table headings 
*/
.tableheading, .gallistheading, .listgalheading, .bloglistheading, .llisfgalheading, .llistfileslink, .llistart, .lforumheading {
	color:    white;
	font-size:   11px;
	font-weight:   bold;
	text-decoration:   none;
}

.tableheading:active, .gallistheading:active, .listgalheading:active, .bloglistheading:active, .llisfgalheading:active, .
	llistfileslink:active, .llistart:active, .lforumheading:active {
	color:    white;
	font-size:   11px;
	font-weight:   bold;
	text-decoration:   none;
}

.tableheading:hover, .gallistheading:hover, .listgalheading:hover, .bloglistheading:hover, .llisfgalheading:hover, .
	llistfileslink:hover, .llistart:hover, .lforumheading:hover {
	color:    #CCCCCC;
	font-size:   11px;
	font-weight:   bold;
	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 {
	margin-bottom:    20px;
	padding-bottom:   10px;
	width: 100%;
}

td.findtable {
	font-size: 11px;
}

/* 
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 {
	font-size:    12px;
	color:   Black;
	background-color:   #EFEeE5;
	vertical-align:   top;
	text-align:   left;
}

/* 
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 {
	font-size:    12px;
	background-color:   #fefef5;
	color:   Black;
	vertical-align:   top;/*####04-05-04####*/
	text-align:   left;
}

TD.odddark {
	font-size:    12px;
	color:   Black;
	background-color:   #cecece;
	vertical-align:   top;/*####04-05-04####*/
	text-align:   left;
}

TD.evendark {
	font-size:    12px;
	color:   Black;
	background-color:   #000000;
	vertical-align:   top;/*####04-05-04####*/
	text-align:   left;
}

TD.third {
	font-size:    12px;
	color:   Black;
	background-color:   #CCCCCC;
	vertical-align:   top;/*####04-05-04####*/
	text-align:   left;
}

/* 
Titles 
*/

/* 
When the page title is a link this is the style 
*/
.pagetitle, .forumspagetitle {
	font-weight:    normal;
	font-size:   18px;
	font-family:   Arial, Helvetica, sans-serif;
	color:   #333333;
	background-color:   #42B8D3;
}

a.pagetitle, a.forumspagetitle {/*##### This effects the pages titles i.e. homepage #####*/
	font-weight:    normal;
	font-size:   18px;
	font-family:   Arial, Helvetica, sans-serif;
	text-decoration:   none;
	color:   #333333;
	background-color:   #42B8D3;
}

a.pagetitle:hover, a.forumspagetitle:hover {
	font-weight:    normal;
	font-size:   18px;
	font-family:   Arial, Helvetica, sans-serif;
	text-decoration:   none;
	color:   #333333;
	background-color:   #42B8D3;
}

/* 
Non-linking titles (three levels) 
*/
H1 H2 H3 {
	font-weight:    bold;
	font-family:   Arial, Helvetica, sans-serif;
	color:   black;
	margin:   0;
	margin-top:   7px;
}

H1 {
	font-size: 20px;
}

H2 {
	font-size: 16px;
}

H3 {
	font-size: 14px;
}

/* 
Links where no special link style apply 
(usually with the general application background)
*/
.link, .gallink, .bloglink, .fgallink, .trailer, .opencomlink, .commentslink, .admlink, .forumbutlink {
	font-size:    11px;
	color:   #660000;
	text-decoration:   none;
	background-color:   #F6F4F3;
}

.link:active, .gallink:active, .bloglink:active, .fgallink:active, .trailer:active, .opencomlink:active, .commentslink:active, .admlink:active, .forumbutlink:active {
	font-size:    11px;
	color:   black;
	text-decoration:   none;
}

.link:hover, .gallink:hover, .bloglink:hover, .fgallink:hover,.trailer:hover, .opencomlink:hover, .commentslink:hover, .admlink:hover, .forumbutlink:hover {
	font-size:    11px;
	text-decoration:   underline;
}
.titlealink { font-size:    15px; color: black; text-decoration:   none; } 
.titlealink:hover {  font-size:    15px; color: #660000; }  
.mainslink{  /*###### this is for .links alter css ######*/
	font-size:    11px;
	font-weight: bold;
	color:   black;
	text-decoration:   none;
	background-color:   #42B8D3;
	border:   1px solid #42B8D3;
	padding-left:   1px;
	padding-right:   1px;
}

.mainslink:active {  /*###### this is for .links:active alter css ######*/
	font-size:    11px;
	color:   black;
	text-decoration:   none;
	background-color:   #42B8D3;/*#38A4BD*/
	border:   1px solid white;
	padding-left:   1px;
	padding-right:   1px;
}

.mainslink:hover {   /*###### this is for .links:hover alter css ######*/
	font-size:    11px;
	color:   black;
	text-decoration:   none;
	background-color:   #ffffff;/*#38A4BD*/
	border:   1px solid #666666;
	padding-left:   1px;
	padding-right:   1px;
}

/*bottom bar link setting #####made by sen#####*/
.blink:link {
	font-size:inherit;
	color:#FFFFFF;
	text-decoration: none;
}

.blink:visited {
	font-size:10px;
	color: #333333;
	text-decoration:none;
}

.blink:hover{
	font-size:10px;
	color:#999999;
	text-decoration:none;
}

.blink:active {
	font-size:10px;
	color:#666666;
	text-decoration:none;
}
/* 
Search results display a date using the following style
*/
div.searchdate {
	font-size:    10px;
	color:   #333333;
}

/* 
Pagination for listings 
*/
.mini {
	font-size:    10px;
	color:   Black;
}

/* 
prev & next buttons in pagination 
*/
.prevnext, .galprevnext, .blogprevnext, .fgalprevnext, .artprevnext, .forumprevnext {
	font-size:    12px;
	color:   black;
}

.prevnext:active, .galprevnext:active, .blogprevnext:active, .fgalprevnext:active, .artprevnext:active, .forumprevnext:active {
	font-size:    12px;
	color:   black;
}

.prevnext:hover, .galprevnext:hover, .blogprevnext:hover, .fgalprevnext:hover, .artprevnext:hover, .forumprevnext:hover {
	font-size:    12px;
	color:   black;
	background-color:   #EFEFEF;
}

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

/*
THE WIKI 
*/
div.titlebar {
	width: auto;
	background:    #DFD8B8;/*B5A58C, e1d9b5, DFD8B8, DED9C0*/
	color:   black;
	border-bottom:   1px solid #6A5A49;
	border-left: 1px solid #6A5A49;
	border-right: 1px solid #6A5A49;
	border-top: 1px solid #6A5A49;
	padding:   1px 5px 2px 5px;
	clear:   both;
	font-weight:   bold;
}

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

.wikitopline {
width: 100%;//article
	
}
/* 
Wiki action buttons (the buttons displayed at the 
end of each page to edit/print/remove/etc a page 
*/
.button2 {
	color:   Black;
	font-weight:   bold;
	background:   white;
	border:   1px solid black;
	padding: 1px 0 1px 0;
	margin-left: 2px;
}

/* 
Links in buttons 
*/
.linkbut {
	font-size:    11px;
	padding:  1px 5px 1px 5px;
}

.linkbut:active {
}

.linkbut:hover {
}

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

div.cachedpage {
	border:    1px solid black;
	padding:   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:    8px;
	color:   #003399;
}

.wikicache:active {
}

.wikicache:hover {
	color:   #0000FF;
}

table.wikiplugin-split {
        border: 0px; 
	width: 100%;
}

table.wikitable {
	width: 100%;/*this is the width of tables created with the wiki*/
	border: 1px solid #B5A58C;
	/*border-spacing: 0;####04-05-04####*/
}


table.wikitable tr {
	background-color: #EFEFEF;
}
table.wikitable tr:hover {
	background-color: #dfddd9;/*dfddd9*/
}
	
td.wikicell {
	border-top: 1px solid #ffffff;
	border-left: 1px dashed #cccccc;
	padding: 3px;
}
table.wikitable tr:first-child td.wikicell {
	border-top: 0;
}
td.wikicell:first-child {
	border-left: 0;
}

/*#####################################################################*/

table.newikitable {
	width: 98%;/*this is the width of tables created with the wiki*/
	border: 0px solid #B5A58C;
	background-color:#EFEFEF;
	/*border-spacing: 0;####04-05-04####*/
}


table.newikitable tr {
	background-color: #EFEFEF;
}
table.newikitable tr:hover {
	background-color: #dfddd9;/*dfddd9*/
}

td.newikicell {
	border-top: 1px solid #ffffff;
	border-left: 1px dashed #cccccc;
	padding: 3px;
}
table.newikitable tr:first-child td.newikicell {
	border-top: 0;
}
td.newikicell:first-child {
	border-left: 0;
}

table.form{
	width:98%;
	border:0px;
	background-color:#EFEFEF;
	font-family:Arial, Helvetica, sans-serif;
}
td.form{
	border: 1px solid #ffffff;
	border-left: 1px dashed #cccccc;
	padding: 3px;
}
div.form{
	background:    #f6f4f3;
	font-size:   12px;
	border:   1px solid #B5A58C;
	padding:  3px 10px 3px 10px;
	margin: 1px 0 1px 0;
	clear:   both;
	width: 100%;
}
/*#######################################################################################################*/
/* 
Text in wiki pages is displayed using the following style 
*/
div.wikitext {
	background:    #F6F4F3;
	font-size:   12px;
	border:   1px solid #B5A58C;
	padding:  3px 10px 3px 10px;
	margin: 1px 0 1px 0;
	clear:   both;
//	width: 100%;
}
div.wikitext pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	background-color: #FFFFFF;
	color: #666666;
	border: 1px dashed #cccccc;
	margin: 0;
	width: auto;
}
div.newikitext {
	background:    #f6f4f3;
	font-size:   12px;
	border:   1px solid #B5A58C;
	padding:  3px 10px 3px 10px;
	margin: 1px 0 1px 0;
	clear:   both;
	width: inherit;

}
div.newikitext pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	background-color: #FFFFFF;
	color: #666666;
	border: 1px dashed #cccccc;
	margin: 0;
	width: inherit;
}
/* 
Links to wiki pages 
*/
.wiki {
	text-decoration:	none;
	font-size: 12px;
	color:#660000;/*A8987E 666633*/
	/*background-color:   #efefef;/*eeeecc*/
}

.wiki:hover {
	text-decoration: underline;
	font-size: 12px;
	/*background-color:   #efefef;/*eeeecc*/
}
/*Title Links to Wiki pages <h2>*/
.wikiH2{
font-size:16px;
text-decoration:none;
color:#660000;
}
.wikiH2:hover {
font-size:16px;
text-decoration:underline;
color:#660000;
}
/* 
Date displayed for last modification date of pages 
*/
p.editdate {
	font-size:   smaller;
	font-family:   Helvetica, Arial, sans-serif;
}

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

/*
IMAGE GALLERIES 
*/

/* 
Gallery description 
*/
div.galdesc {
	background:    #EFEFEF;
	border:   1px solid black;
	padding:   0.5em 0.8em 0.5em;
	clear:   both;
}

/* 
Container for the whole gallery 
*/
div.browsegallery {
	background:    #EFEFE7;
	width:   100%;
}

/* 
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: white;
}

TD.eventhumb {
	background: #EFEFEF;
}

/* 
Gallery Title 
*/
div.gallerytitle {
	font-weight:    bold;
	font-size:   26px;
	font-family:   Arial, Helvetica, sans-serif;
	color:   black;
}

div.adminoptions {
	margin-top:    5px;
	margin-bottom:   5px;
	padding-top:   10px;
	padding-bottom:   10px;
}

div.sortoptions {
	margin-top:    5px;
	margin-bottom:   5px;
	padding-top:   10px;
	padding-bottom:   10px;
}

span.sorttitle {
}

span.sortoptions {
}

/* 
Container for thumbnails 
*/
div.thumbnails {
	border:    1px solid Black;
	margin-top:   10px;
	margin-bottom:   10px;
}

/* 
Thumbnails images 
*/
img.athumb {
	border: 1px solid Silver;
}

.caption {
}

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

/* 
Browsing an image 
*/
table.imageinfo {
	width: 100%;
	border-color:    black;
	border-style:   solid;
	border-width:   1px;
}

td.imageinfo {
	font-size:    12px;
	color:   Black;
	background-color:   #DED6C6;
	vertical-align:   top;
	text-align:   left;
}

/* 
The whole container for the browse image screen (may be useful for a fancy background) 
*/
div.browseimage {
	background:    #EFEFE7;
	width:   100%;
}

div.imagetitle {
	font-weight:    bold;
	font-size:   26px;
	font-family:   Arial, Helvetica, sans-serif;
	color:   black;
}

div.gallerylink {
}

div.showimage {
	text-align:    center;
	margin-top:   5px;
	margin-bottom:   5px;
}

div.imageinfo {
	text-align:    center;
	margin-top:   10px;
	margin-bottom:   10px;
}

td.imageinfo {
}

table.tableinfo {
	width: 100%;
	text-align: center;
}

div.linksinfo {
	font-size:    9px;
	color:   Black;
	text-align:   center;
	border:   1px solid black;
	margin-top:   10px;
	margin-bottom:   10px;
}

/******************************************************* WEBLOGS **********************************************************/

/* The header of a weblog post */
div.posthead {
	background-color:    #B5A58C;
	font-size:   13px;
	color:   white;
	font-weight:   bold;
	overflow:   hidden;
	border:   1px solid black;
	border-bottom:   0px;
	text-align:   left;
	padding-left:   0px;
	padding-right:   0px;
	margin-bottom:   0px;
}

/* The font used in the heading of the weblog */
span.posthead {
	font-size:    13px;
	font-weight:   bold;
	color:   white;
}

/* 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 {
	overflow:    hidden;
	background:   white;
	border:   1px solid black;
	font-size:   12px;
	color:   black;
	padding-left:   5px;
	padding-top:   5px;
	padding-bottom:   5px;
	margin-bottom:   10px;
}

/* The weblog title */
div.blogtitle {
	color:    white;
	font-size:   11px;
	font-weight:   bold;
	font-size:   18px;
	background-color:   #5a4a39;
	padding-left:   2px;
	padding-right:   5px;
	margin-top:   10px;
	border:   1px solid black;
	border-bottom:   0px;
}

/* The weblog information */
div.bloginfo {
	background:    white;
	border:   1px solid black;
padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.5em;
	padding-bottom:   0.5em;
	margin-bottom:   10px;
	font-size:   11px;
	clear:   both;
}

/* Weblog description */
div.blogdesc {
	background:    white;
	border:   1px solid black;
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.5em;
	padding-bottom:   0.5em;
	margin-bottom:   10px;
	font-size:   11px;
	clear:   both;
}

/* Links to post/edit/rss feed for the webelog are contained inside this div */
div.blogtools {
	background:    white;
	border:   1px solid black;
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.5em;
	padding-bottom:   0.5em;
	margin-bottom:   10px;
	font-size:   10px;
	clear:   both;
}

/**************************************************** FILE GALLERIES ****************************************************/

/* Listing contents of a file gallery (listing files) */
div.fgaldesc {
	background:    #EFEFEF;
	border:   1px solid black;
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.5em;
	padding-bottom:   0.5em;
	margin:   0.5ex 0px;
	clear:   both;
}

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

/* The article title bar */
div.articletitle {
	color:    black;
	background: #F6F4F3;
	font-size:   11px;
	font-weight:   bold;
	/*background-color:     #DFD8B8;#B5A58C, #756555*/
	border:   0px;
	border-bottom:   0px;
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.1em;
	padding-bottom:   0.1em;
	margin-top:   3px;
	clear:   both;
	width:auto;
}

/* The article heading */
div.articleheading {
	background:    #F6F4F3;
	border:   0px;
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.5em;
	padding-bottom:   0.5em;
	border-bottom:   0px;
	font-size:   11px;
	clear:   both;
	width:auto;
}

div.articletrailer {
	width: auto;/**/	
	border:   0px;
	background:#F6F4F3;
	border-top:   1px #999999;/*#### 04-05-04  1px dashed #999999 ####*/
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.1em;
	padding-bottom:   0.1em;
	margin-bottom:   0px;
	font-size:   9px;
	text-align:   right;
	clear:   both;
}


/* Text in the article heading */
div.articleheadingtext {
	font-size: 12px;
	width:auto;
	display:inline;/*####04-05-04 OK for now but look into####*/
}

/* The body */
div.articlebody {
	border:   0px;
	background: #F6F4F3;
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.5em;
	padding-bottom:   0.5em;
	margin:   0px;
	font-size:   12px;
	clear:   both;
	width:auto;
}

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

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

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


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

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

.day:active {
	font-size:    9px;
	text-decoration:   none;
	color:   black;
}

.day:hover {
	font-size:    9px;
	color:   black;
	background:   #CCCCCC;
	text-decoration:   none;
}

.day:link {
	font-size:    9px;
	text-decoration:   none;
	color:   black;
}

.day:visited {
	font-size:    9px;
	text-decoration:   none;
	color:   black;
}

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

.today:active {
	font-size:    9px;
	color:   black;
	font-weight:   bold;
	text-decoration:   none;
}

.today:hover {
	font-size:    9px;
	color:   black;
	text-decoration:   none;
	font-weight:   bold;
	background:   #CCCCCC;
}

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

.nav:active {
	font-size:    9px;
	color:   black;
	font-weight:   bold;
	text-decoration:   none;
}

.nav:hover {
	font-size:    9px;
	color:   black;
	text-decoration:   none;
	font-weight:   bold;
	background:   #CCCCCC;
}

.changedate {
	font-size:    8px;
	background:   white;
	color:   black;
	font-weight:   bold;
}

.date {
	font-size:    9px;
	background:   white;
	color:   Black;
	font-weight:   bold;
}

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

/* The whole comment area when it is visible and when it is not */
#comzone {
	display:    none;
	margin-left:   1px;
	margin-right:   1px;
	margin-top:   5px;
	margin-bottom:   5px;
	padding-left:   2px;
	padding-right:   2px;
}

#comzoneopen {
	display:    block;
	margin-left:   1px;
	margin-right:   1px;
	margin-top:   5px;
	margin-bottom:   5px;
	padding-left:   2px;
	padding-right:   2px;
}

/* Post comment form */
div.commentspost {
	display:    inherit;
	border:   1px solid black;
	margin-top:   10px;
	margin-right:   10px;
	padding-right:   0px;
	padding-top:   0px;
	padding-bottom:   0px;
	margin-bottom:   10px;
	width:   99%;
}

/* Help box*/
div.commentsedithelp {
	background:    white;
	border:   1px solid black;
	font-size:   smaller;
	width:   99%;
}

/* The toolbar where the ordering number of comments and find box are found */
div.commentstoolbar {
	background:    #B5A58C;
	color:   black;
	margin-bottom:   20px;
	border:   1px solid black;
	padding-top:   2px;
	padding-left:   2px;
}

/* The comment title */
span.commentstitle {
	font-weight:    bold;
	font-size:   12px;
}

/* The comment */
div.commentscomment {
	font-size:    11px;
	margin-bottom:   20px;
}

/* The header for a comment */
div.commentheader {
	background:    #BBBBBB;
	border:   0px solid blue;
	font-size:   11px;
}

/* The text */
div.commenttext {
	font-size:    11px;
	margin-left:   5px;
}

/* Links in the comment header */
.commentshlink {
	font-size:    11px;
	color:   black;
	text-decoration:   none;
}

.commentshlink:active {
	font-size:    11px;
	color:   black;
	text-decoration:   none;
}

.commentshlink:hover {
	font-size:    11px;
	color:   black;
	text-decoration:   underline;
}

/************************************************************ CHAT *********************************************************/
table.chatroom {
	width: 100%;
	border-color:    #5A4A39;
	border-style:   solid;
	border-width:   2px;
}

td.chatchannels {
	background:    #EFEFEF;
	font-size:   11px;
	color:   black;
}

td.chatarea {
	padding-left:    0px;
	margin-left:   0px;
	font-size:   11px;
	color:   black;
	background:   #FFFFFF;
}

table.chatform {
	width: 100%;
	border-color:    #00639C;
	border-style:   solid;
	border-width:   2px;
	border-top:   0px;
}

td.tdchatform {
	color:    black;
	background:   #F6F4F3;
	font-size:   11px;
	vertical-align:   top;
	text-align:   left;
}

span.chnormal {
	color:    red;
	font-size:   11px;
}

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

/********************************************************** POLLS ********************************************************/
div.pollresults {
	background:    white;
	border:   1px solid black;
	margin-top:   5px;
	font-size:   14px;
	padding-left:   5px;
}

table.pollresults {
	width: 100%;
}

td.pollr {
	font-size:    11px;
	color:   black;
}

/* MODULES */

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

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

table.threads {
	width: 100%;
}

td.viewthreadl {
	font-size:    11px;
	background-color:   #EFEFEF;
	height:   30px;
	vertical-align:   top;
}

td.viewthreadr {
	font-size:    11px;
	background-color:   #EFEFEF;
	height:   30px;
	vertical-align:   top;
}

/* Cells for the threads table */
td.threadsevenl {
	font-size:    12px;
	background-color:   #EFEFEF;
	vertical-align:   top;
}

td.threadsevenr {
	font-size:    13px;
	background-color:   #EFEFEF;
	vertical-align:   top;
}

td.threadsoddl {
	font-size:    12px;
	background-color:   #DDDDDD;
	vertical-align:   top;
}

td.threadsoddr {
	font-size:    13px;
	background-color:   #DDDDDD;
	vertical-align:   top;
}

td.threadseparator {
	background-color:    #EEEEEE;
	height:   5px;
}

#forumpost {
	display: none;
}

#forumpostopen {
	display: block;
}

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

td.forumtoolbar {
	color:    black;
	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:    #CCCCCC;
	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 {
	background-color: #DFD8B8;
	width: 90%;
	margin-bottom:    10px;
	border-color:   #424242;
	border-style:   solid;
	border-width:   1px;
}

/* Table containing the category path */
td.tdcategpath {
	color:    #000000;
	font-size:   13px;
	font-weight:   bold;
	padding-left:   2px;
	margin:   0px;
	/*border-spacing:   0px;####04-05-04 ####*/
	padding-right:   5px;
}

/* Links to up/top categories */
.categpath {
	color:   #424242;/*424242*/
	text-decoration:   none;
}

.categpath:active {
	color:   #000000;/*424242*/
	text-decoration:   none;
}

.categpath:hover {
	color:   #625242;/*625242*/
	text-decoration:   none;
}

/* Table with the subcategories */
table.subcats {
	width: 100%;
	padding-top:    20px;
	padding-bottom:   20px;
	/*border-spacing:   0px;####04-05-04####*/
	padding-right:   0px;
	margin-bottom:   10px;
	border-color:   black;
	border-style:   solid;
	border-width:   1px;
}

td.tdsubcat {
	width: 25%;
}

/* Links to subcategories */
.categlink {
	font-size:    11px;
	color:   black;
	text-decoration:   none;
	font-weight:   bold;
}

.categlink:active {
	font-size:    11px;
	color:   black;
	text-decoration:   none;
	font-weight:   bold;
}

.categlink:hover {
	font-size:    11px;
	color:   black;
	text-decoration:   underline;
	font-weight:   bold;
}

table.catobjects {
	width: 100%;
	/*border-spacing:    0px;####04-05-04#####*/
	padding-right:   0px;
	margin-bottom:   10px;
	border-color:   black;
	border-style:   solid;
	border-width:   0px;
}

td.categobjectsnameeven, td.categobjectsnameodd {
	font-size:    11px;
	background-color:   #DED6C6;
}

td.categobjectsdataeven, td.categobjectsdataodd {
	font-size:    11px;
	background-color:   #DED6C6;
}

.catname {
	font-size:    11px;
	color:   black;
	text-decoration:   none;
}

.catname:active {
	font-size:    11px;
	color:   black;
	text-decoration:   none;
}

.catname:hover {
	font-size:    11px;
	color:   black;
	text-decoration:   underline;
}

/***************************************************** FAQS **************************************************************/
/* The list of questions */
div.faqlistquestions {
	background:    #FFFFFF;
	color:   black;
	font-size:   11px;
	border:   1px solid black;
	padding-top:   5px;
	padding-bottom:   5px;
}

/* Container for question-answer block */
div.faqqa {
	background:    #DED6C6;
	color:   black;
	font-size:   12px;
	border:   1px solid black;
	margin-bottom:   20px;
	padding-top:   5px;
	padding-bottom:   5px;
	padding-left:   5px;
}

/* The question */
div.faqquestion {
	margin-bottom:    5px;
	font-size:   12px;
}

/* The answer */
div.faqanswer {
	font-size: 12px;
}

/***************************************************** QUIZZES **************************************************************/
div.questionblock {
	border:    1px solid black;
	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 black;
	background:   white;
	margin-bottom:   10px;
}

div.quizanswer {
	font-size:    12px;
	border:   1px solid black;
	background:   white;
	margin-bottom:   10px;
}

/***************************************************** SHOUTBOX **************************************************************/
div.shoutboxmsg {
	font-size:    12px;
	border:   1px solid black;
	background:   white;
	margin-bottom:   0px;
	padding-left:   2px;
	padding-right:   2px;
	padding-top:   1px;
	padding-bottom:   1px;
}

div.shoutboxmodmsg {
	font-size:    10px;
	margin-bottom:   4px;
	padding-left:   2px;
	padding-right:   2px;
	padding-top:   1px;
	padding-bottom:   1px;
}

textarea.tshoutbox {
	background-color:    white;
	border-bottom:   #5e5d63 1px solid;
	border-left:   #5e5d63 1px solid;
	border-right:   #5e5d63 1px solid;
	border-top:   #5e5d63 1px solid;
	color:   #000000;
	font-size:   10px;
	width:   95%;
}

/*************************************************** WIKI TOCS ***************************************************/
div.tocnav {
	font-size:    10px;
	background:   #EFEFEF;
	padding-bottom:   5px;
	padding-top:   5px;
	margin-bottom:   2px;
}

.tocnavlink {
	color:    black;
	text-decoration:   none;
}

.tocnavlink:hover {
	color:    black;
	background-color:   #EFEFEF;
	text-decoration:   none;
}

/*************************************************** DIRECTORY ***************************************************/
/* The list of categories */
div.dircategs {
	border:    0.5px solid black;
	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 black;
	margin-top:   10px;
	width:   100%;
}

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

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 black;
	padding-top:   5px;
	padding-bottom:   5px;
	padding-left:   5px;
	margin-left:   5px;
}

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

div.dirfooter {
	margin-top:    10px;
	border:   1px solid black;
}

/*************************************************** MESSAGES ***************************************************/
/* Links for priority colors */
td.prio1 {
	font-size:    11px;
	padding-left:   2px;
	background-color:   #DAD0D0;
}

td.prio2 {
	font-size:    11px;
	padding-left:   2px;
	background-color:   #DAC0C0;
}

td.prio3 {
	font-size:    11px;
	padding-left:   2px;
	background-color:   #DABABA;
}

td.prio4 {
	font-size:    11px;
	padding-left:   2px;
	background-color:   #DAAAAA;
}

td.prio5 {
	font-size:    11px;
	padding-left:   2px;
	background-color:   #DA8A8A;
}

/* 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;
}

/* 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 */
#calendar
{
width: 90%;
}


/* Cal$x is the status of the event */
.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 {
	padding-left:    10px;
	padding-right:   10px;
	border:   1px solid #666666;
	border-bottom:   2px solid #aeaeae;
	margin-right:   6px;
}

a.caltab {
	text-decoration:    none;
	font-weight:   bold;
	font-size:   11px;
	background-color:   #dedede;
	color:   #000000;
}

a.caltab:hover {
	background-color:    #efefaf;
	border-bottom:   2px solid #dedede;
}

.caltabon {
	padding-left:    10px;
	padding-right:   10px;
	background-color:   #ffffff;
	border:   1px solid #666666;
	border-bottom:   2px solid #FFFFFF;
	margin-right:   6px;
}

a.caltabon {
	text-decoration:    none;
	font-weight:   bold;
	font-size:   11px;
	color:   #000000;
}

a.caltabon:hover {
	background-color: transparent;
}

div#tab, div#tabcal, div#tabnav {
	margin-top:    10px;
	margin-left:   30px;
}

div#tab {
	margin-bottom: 1px;
}

div.tabcal, div.tabnav {
	padding:    10px;
	background-color:   #ffffff;
	border:   1px solid #666666;
	border-bottom:   1px solid #aeaeae;
	font-size:   11px;
}

/* checkboxes background is required for rollover display */
.calcheckbox {
	background-color: #ffffff;
}

.caltoggle {
	font-size:    9px;
	margin-bottom:   7px;
}

/* style of the popup background in case of transparent styles */
#opaque {
	background-color: #ffffff;
}

.calfocus {
	font-size:    9px;
	background-color:   transparent;
}

.calfocus a {
	text-decoration:    none;
	color:   #000000;
}

.calfocuson {
	font-size:    9px;
	background-color:   #f3e498;
}

.calfocuson a {
	text-decoration:    none;
	color:   #000000;
}

/* Style for wiki item */
.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;
}

/* Style for blog item */
.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;
}

/* Style for imagegal item */
.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;
}

/* Style for CMS item */
.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;
}

/* Style for forum item */
.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;
}

/* Style for directory item */
.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;
}

/* Style for filegal item */
.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;
}

/* Style for faq item */
.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;
}

/* Style for quiz item */
.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;
}

/* Style for tracker item */
.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;
}

/* Style for survey item */
.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;
}

/* Style for newsletter item */
.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;
}

/* Style for ephemeride item */
.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;
}

/* Style for chart item */
.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;
}


/* that style for the little mark on events with url */
.calweb {
	font-weight:    bold;
	font-size:   10px;
	text-decoration:   none;
	padding-left:   3px;
	padding-right:   3px;
	color:   #336699;
}

.calweb:hover {
	color: #996633;
}

/* set of priorities */
#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;
}
div.tabrow {
	margin-left: 30px;
	background-color: #efefef;
	border: 1px solid #787878;
	border-bottom: 0;
	font-size: 11px;
}
td.middle {
	vertical-align: middle; 
}
.daterow {
	margin-left: 10px;
}
.mininotes {
	font-size: 80%;
	color:#666666;
}
.opaque
{
	background-color: #ffffff;
	width: auto;
	border: 1px solid #666666;
	padding: 1px; 
}
.opaque .box-title,
.opaque, .box-data 
{
	width: auto;
}
.calcontent {
	min-height: 60px;
}
.viewmodeon {
	padding-left:   0px;
	padding-right:   0px;
}
.viewmodeoff {
	padding-left:   0px;
	padding-right:   0px;
}
a.viewmodeon img {
	margin: 0;
padding: 0;
}
a.viewmodeoff img {
	margin: 0;
padding: 0;
}
#caltable {
	width: 100%;
}

/*
 * help zone
 */

div#edithelpzone {
	display: none;
}

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

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

.highlight {
	background-color:    #FFAAAA;
	color:   #000000;
}

/*
 * Caption in tables.
 * Currently in Attachments and comments only.
 */
caption {
	font-family:    Verdana, Arial, Helvetica, sans-serif;
	font-size:   11px;
	font-weight:   bold;
	text-align:   right;
}

/* trees */
div.tree {
	background-color: #f6f4f3;
	text-align:    left;
	padding-left:   1.5em;
}
/* Root of tree (outer div) */
div.tree#top {
	border:    1px outset #00E000;
	padding:   10px 1.5em 20px 1.5em;
}

/* Wiki editpage textarea */
textarea.wikiedit {
	width: 96%;
}
/* help links style */
a.tikihelp, a.tikihelp:visited {
	color:    inherit;
	border:   inherit;
	background-color:   inherit;
	font-size:   inherit;
	font-weight:   inherit;
	margin:   inherit;
	padding:   inherit;
	text-decoration:   inherit;
}

a.tikihelp:hover {
	color:    #224466;
	border:   inherit;
	background-color:   inherit;
	font-size:   inherit;
	font-weight:   inherit;
	margin:   inherit;
	padding:   inherit;
	cursor:   help;
	text-decoration:   inherit;
}

div.catlists {
	background-color:#FFFFFF;
	margin-top: 15px;
	border: 1px solid #424242;
}

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

/*###################################Main Table settings#################################*/
maintable {
width: 100%;
height: 100%;
border: 0;
margin: 0;
}

/*#################################### New Text #########################################*/
.wiki3 {
	font-size: 10px;
	color: #666666;/*A8987E 666633*/
	/*background-color:   #efefef;/*eeeecc*/
}
/*#################################### Francks Maps######################################*/


/*##################################Country Names########################################*/
/*Div#tiki-top2 {
	background-image: url(american-samoa/BlackLine.gif);
	width: 100%;
	height: 53px;
	border-width: 0px 0px 0px 0px;
	margin: 0px;
	padding: 0px;
	background-position: top, left;
	margin-top: 0px;
}*/