/*
* ./isuv_cms_19.css
* Usage: ISUV stylesheet for CMS objects (tikiwiki) - Version 1.8c
*
* Copyright (C)1995-2006 ISUV/VDU e.V. <mailto: info@isuv.de>
*
* Last modification: 2006-07-11 10:00
*******************************************************************************/


/* Main elements
*******************************************************************************/
DIV#tiki-main {
	background-color:       #006060;
	margin:                 0px 0px 0px 0px;
}

DIV#tiki-top {
	font-size:              70%;
	color:                  #cccccc;
}

DIV#tiki-mid {
	margin:                 10px 10px 10px 5px;
}

DIV#tiki-bot {
}

TD#leftcolumn {
	vertical-align:         top;
	padding:                0px 5px 0px 0px;
}

TD#rightcolumn {
	vertical-align:         top;
	padding:                0px 0px 0px 5px;
}

TD#centercolumn {
	vertical-align:         top;
 	width:                  100%; 
	padding:                10px 10px 10px 10px;
 	border:                 1px solid #004040; 
	background-color:       #f0ffff;
}

DIV#tiki-center {
	width:                  100%;
}


/* Debug console
*******************************************************************************/
div#debugconsole {
	background-color:       #e0e0e0;
	position:               absolute;
	top:                    5px;
	left:                   5px;
	right:                  5px;
	height:                 auto;
	width:                  auto;
	z-index:                1;
	padding:                5px;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	border:                 1px solid #004040;
}

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

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


/* Modules and menues
*******************************************************************************/
div.box {
	padding-bottom:         10px;
	width:                  170px;
}
div.box-title {
	background-color:       #008080;
	background-image:       url(../img/isuv/cellpic22.gif);
	background-position:    center;
	border:                 1px solid #004040;
	color:                  white;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              13px;
	font-weight:            bold;
	text-align:             center;
	text-decoration:        none;
	line-height:            16px;
}
div.box-tabletitle {
	background-color:       #008080;
	background-image:       url(../img/isuv/cellpic22.gif);
	background-position:    center;
	color:                  white;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              13px;
	font-weight:            bold;
	text-align:             center;
	text-decoration:        none;
	line-height:            16px;
}
span.box-titletext {
	color:                  white;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              13px;
	font-weight:            bold;
	text-align:             center;
	text-decoration:        none;
	vertical-align:         top;
	overflow:               hidden;
}
div.box-title * a {
	color:                  white;
	text-decoration:        none;
}
div.box-title a {
	color:                  white;
	text-decoration:        none;
}
div.box-title table {
	padding-right:          3px;
	line-height:            16px;
}

div.box-data {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	border:                 1px solid #004040;
	border-top:             1px solid #006060;
	padding:                2px 2px 5px 2px;
}

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

div.separator {
	margin-top:             6px;
	margin-left:            2px;
	margin-right:           2px;
	margin-bottom:          2px;
	padding-left:           2px;
	padding-right:          2px;
	padding-bottom:         1px;
	vertical-align:         middle;
}
div.separator img {
	/* Workaround for Opera */
	background-color:       #006060;
	vertical-align:         middle;
}
.separator a:link, .separator a:visited, .separator a:hover, .separator a:active {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
	font-weight:            bold;
	line-height:            20px;
	white-space:            nowrap;
	border:                 none;
	color:                  #ffffff;
	text-decoration:        none;
 	vertical-align:         middle;
}
.separator a:active {
	color:                  #cc0000;
	background-color:       #e0e0e0;
	text-decoration:        none;
}
.separator a:hover {
	color:                  #cc0000;
	background-color:       #f0ffff;
	text-decoration:        none;
}

div#loadstats, div#copyright, div#hosting, .linkhosting:link {
	color:                  #cccccc;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              8px;
	white-space:            nowrap;
	text-decoration:        none;
}


/* Menue entries and custom modules
*******************************************************************************/
DIV#mod-isuv_Mitglied .linkmodule:link, DIV#mod-isuv_Mitglied .linkmodule:visited,
DIV#mod-isuv_Mitglied .linkmodule:hover, DIV#mod-isuv_Mitglied .linkmodule:active,
DIV#mod-isuv_Veranstaltungen .linkmodule:link, DIV#mod-isuv_Veranstaltungen .linkmodule:visited,
DIV#mod-isuv_Veranstaltungen .linkmodule:hover, DIV#mod-isuv_Veranstaltungen .linkmodule:active,
DIV#mod-last_modif_pages .linkmodule:link, DIV#mod-last_modif_pages .linkmodule:visited,
DIV#mod-last_modif_pages .linkmodule:hover, DIV#mod-last_modif_pages .linkmodule:active,
DIV#mod-articles .linkmodule:link, DIV#mod-articles .linkmodule:visited,
DIV#mod-articles .linkmodule:hover, DIV#mod-articles .linkmodule:active,
DIV#mod-isuv_Feature1 .linkmodule:link, DIV#mod-isuv_Feature1 .linkmodule:visited,
DIV#mod-isuv_Feature1 .linkmodule:hover, DIV#mod-isuv_Feature1 .linkmodule:active,
DIV#mod-isuv_Feature2 .linkmodule:link, DIV#mod-isuv_Feature2 .linkmodule:visited,
DIV#mod-isuv_Feature2 .linkmodule:hover, DIV#mod-isuv_Feature2 .linkmodule:active,
DIV#mod-isuv_Feature3 .linkmodule:link, DIV#mod-isuv_Feature3 .linkmodule:visited,
DIV#mod-isuv_Feature3 .linkmodule:hover, DIV#mod-isuv_Feature3 .linkmodule:active,
DIV#mod-isuv_Feature4 .linkmodule:link, DIV#mod-isuv_Feature4 .linkmodule:visited,
DIV#mod-isuv_Feature4 .linkmodule:hover, DIV#mod-isuv_Feature4 .linkmodule:active,
DIV#mod-who_is_there .link:link, DIV#mod-who_is_there .link:visited,
DIV#mod-who_is_there .link:hover, DIV#mod-who_is_there .link:active,
DIV#loadstats .linkmodule:link, DIV#loadstats .linkmodule:visited,
DIV#loadstats .linkmodule:hover, DIV#loadstats .linkmodule:active,
.linkmenu:link, .linkmenu:visited, .linkmenu:hover, .linkmenu:active, 
.rsslink:link, .rsslink:visited, .rsslink:hover, .rsslink:active, 
table.sql a:link, table.sql a:visited, table.sql a:hover, table.sql a:active,
.linkhosting:link, .linkhosting:visited, .linkhosting:hover, .linkhosting:active {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	border:                 none;
	color:                  #ffffff;
	text-decoration:        none;
}

DIV#mod-isuv_Mitglied .linkmodule:active,
DIV#mod-isuv_Veranstaltungen .linkmodule:active,
DIV#mod-last_modif_pages .linkmodule:active,
DIV#mod-articles .linkmodule:active,
DIV#mod-isuv_Feature1 .linkmodule:active,
DIV#mod-isuv_Feature2 .linkmodule:active,
DIV#mod-isuv_Feature3 .linkmodule:active,
DIV#mod-isuv_Feature4 .linkmodule:active,
DIV#mod-who_is_there .link:active,
DIV#loadstats .linkmodule:active,
.linkmenu:active, .rsslink:active, .linkhosting:active, table.sql a:active {
	color:                  #cc0000;
	background-color:       #e0e0e0;
	text-decoration:        none;
}

DIV#mod-isuv_Mitglied .linkmodule:hover,
DIV#mod-isuv_Veranstaltungen .linkmodule:hover,
DIV#mod-last_modif_pages .linkmodule:hover,
DIV#mod-articles .linkmodule:hover,
DIV#mod-isuv_Feature1 .linkmodule:hover,
DIV#mod-isuv_Feature2 .linkmodule:hover,
DIV#mod-isuv_Feature3 .linkmodule:hover,
DIV#mod-isuv_Feature4 .linkmodule:hover,
DIV#mod-who_is_there .link:hover,
DIV#loadstats .linkmodule:hover,
.linkmenu:hover, .rsslink:hover, .linkhosting:hover, table.sql a:hover {
	color:                  #cc0000;
	background-color:       #f0ffff;
	text-decoration:        none;
}

td.sql, td.module {
	font-family:            arial, helvetica, geneva, sans-serif; 
	font-size:              11px;
}

DIV#mod-last_modif_pages td.module,
DIV#mod-articles td.module,
DIV#mod-isuv_Feature1 td.module,
DIV#mod-isuv_Feature2 td.module,
DIV#mod-isuv_Feature3 td.module,
DIV#mod-isuv_Feature4 td.module,
DIV#mod-who_is_there,
DIV#mod-isuv_Veranstaltungen_sql td.sql {
	color:                  #ffffff;
}



/* RSS lists in modules or in wiki */
.rsslist {
	list-style-type:        none;
	margin:                 0;
	padding-left:           2px;
}
.rssitem {
	padding-left:           0px;
	padding-bottom:         3px;
}
.rssitem:first-child {
	border-top:             0;
}
.rssdate {
	color:                  #cccccc;
	font-style:             italic;
}


/* Page navigation - crumblinks
*******************************************************************************/
div#sitelocbar, a.crumblink {
	font-family:            arial, helvetica, geneva, sans-serif; 
	font-size:              11px;
}


/* Wiki pages
*******************************************************************************/
.wikitopline table {
	width:                  100%;
}

div.wikitext {
	background-color:       #ffffff;
	font-size:              1em;
	border:                 1px solid #006060;
	padding:                10px 10px 10px 10px; 
	clear:                  both;
}

.wiki {
	color:                  black;
}

.wiki:hover {
	font-family:            arial, helvetica, geneva, sans-serif;
	color:                  #cc0000;
	background-color:       white;
	text-decoration:        underline;
}

/* Wiki editpage textarea */
textarea.wikiedit
{
	font-size:              1.3em;
}


/* Wiki page formatting
*******************************************************************************/
div.simplebox {
	margin:			5px, 1px, 5px, 1px;
	padding:		5px, 5px, 5px, 5px;
	color:   		black;
	border:   		1px solid #006060;
	background-color:   	white;
}
div.titlebar {
	background-color:	#008080;
	color:			white;
	border:			1px solid #004040;
	padding:		0px, 0px, 0px, 0px;
	margin:			0px, 0px, 0px, 0px;
	width:			100%;
	font-weight:		bold;
}
.split_border {
	border:   		1px solid #006060;
	padding:		0px, 2px, 0px, 2px;
}


/* Headlines
*******************************************************************************/
h1 {
	font-size:              1.6em;
	font-weight:            bolder;
	color:                  #006060;
}

h2 {
	font-size:              1.4em;
	font-weight:            bold;
	color:                  #006060;
}

h3 {
	font-size:              1.2em;
	font-weight:            bold;
}

.searchdate, .dirsitetrail {
	font-size:              0.8em;
	font-style:             italic;

}


/* 2DO from here now
*******************************************************************************/


/* Links in buttons
*******************************************************************************/
.linkbut {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	color:                  black;
	padding-left:           2px;
	padding-right:          2px;
	background-color:       #f0ffff;
	text-decoration:        none;
}

.linkbut:active {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	background-color:       white;
	color:                  black;
	padding-left:           2px;
	padding-right:          2px;
	text-decoration:        none;
}

.linkbut:hover {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	color:                  #cc0000;
	padding-left:           2px;
	padding-right:          2px;
	background-color:       white;
	text-decoration:        underline;
}



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


/* Form Elements
*******************************************************************************/
FORM {
	margin:                 0px 0px 0px 0px;
	padding:                0px 0px 0px 0px;
}

input, textarea, select {
	color:                  black;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
}

input {
	text-indent:            2px;
}

.form {
	color:                  black;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	text-align:             left;
	vertical-align:         top;
}

.formcolor, 
.galform, 
.editblogform, 
.editfgalform, 
.comform, 
.forumform {
	background-color:       #ffffff;
	color:                  black;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	text-align:             left;
	vertical-align:         top;
}


/* Table Elements in the main
*******************************************************************************/
TABLE.normal, table.listgallery, table.creategalform, table.gallerylisting, table.bloglist, table.editblogform, table.editfgalform,
	table.listfgal, table.listfiles, table.listarticles, table.forumstable, table.forumformtable, table.viewthread, table.jukeboxlist {
	border:                 1px solid #006060;
/* 	width:                  97%; */
}

TABLE.normalnoborder {
	width:                  97%;
}

/* Table headings */
TD.heading, td.gallistheading, td.listgalheading, td.bloglistheading, td.listfgalheading, td.listfilesheading, td.listartheading,
	td.forumheading, td.viewthread, td.jukeboxlistheading {
	background-color:       #008080;
	color:                  white;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	font-weight:            bold;
	padding-left:           2px;
	padding-right:          5px;
}

th, th.gallistheading, th.listgalheading, th.bloglistheading, th.listfgalheading, th.listfilesheading, th.listartheading,
	th.forumheading, th.viewthread, th.jukeboxlistheading {
	background-color:       #008080;
	color:                  white;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	font-weight:            bold;
	padding-left:           2px;
	padding-right:          5px;
}

TD.button {

	background-color:       #ffffff;
	color:                  white;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	font-weight:            bold;
	padding-left:           2px;
	padding-right:          5px;
	text-align:             center;
	vertical-align:         middle;
}




a.gallistheading, a.listgalheading, a.bloglistheading, a.listfgalheading, a.listfilesheading, a.listartheading,
	a.forumheading, a.viewthread, a.jukeboxlistheading, a.tableheading {
	color: white;
}

a.gallistheading:hover, a.listgalheading:hover, a.bloglistheading:hover, a.listfgalheading:hover, a.listfilesheading:hover, a.listartheading,
	a.forumheading:hover, a.viewthread:hover, a.jukeboxlistheading:hover, a.tableheading:hover{
	font-family:            arial, helvetica, geneva, sans-serif;
	color:                  #cc0000;
	background-color:       white;
	text-decoration:        underline;
}

a.gallistheading:active, a.listgalheading:active, a.bloglistheading:active, a.listfgalheading:active, a.listfilesheading:active, a.listartheading, a.forumheading:active, a.viewthread:active, a.jukeboxlistheading:active, a.tableheading:active  {
	font-family:            arial, helvetica, geneva, sans-serif;
	background-color:       white;
	color:                  black;
	text-decoration:        none;
}


/* Links to view an object from a table listing objects can be generalized to this link */
a.tablename, a.galname, a.imagename, a.jukeboxname, a.blogname, a.fgalname, a.artname, a.forumname {
	color:                  black;
	font-weight:            bold;
	font-size:              12px;
	letter-spacing:         1px;
	text-decoration:        none;
}

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

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

a.forumnameread {
	color:                  black;
	font-size:              12px;
	letter-spacing:         1px;
	text-decoration:        none;
}

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


/* Links in table headings */
.tableheading, .gallistheading, .listgalheading, .bloglistheading, .llisfgalheading, .llistfileslink, .llistart, .lforumheading {
	font-family:            arial, helvetica, geneva, sans-serif;
	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 {
	font-family:            arial, helvetica, geneva, sans-serif;
	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 {
	font-family:            arial, helvetica, geneva, sans-serif;
	color:                  white;
	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 {
	width:                  97%;
	margin-bottom:          20px;
	padding-bottom:         10px;
}

.findtable td {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
}

/* Odd rows in several listings */
tr.odd {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
	color:                  #004040;
	background-color:       #f0ffff;
	vertical-align:         top;
	text-align:             left;
}
tr.odd:hover {
	background-color:       #cccccc;
	color:                  black;
}
tr.even {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
	color:                  #004040;
	background-color:       #f0ffff;
	vertical-align:         top;
	text-align:             left;
}
tr.even:hover {
	color:                  #cc0000;
	background-color:       white;
	text-decoration:        underline;
}

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, td.jukeboxlistnameodd, td.jukeboxdescriptionodd, td.jukeboxcreatedodd, td.jukeboxlastmodifodd, td.jukeboxlistuserodd, td.jukeboxlisttracksodd, td.jukeboxlistvisitsodd {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
	color:                  Black;
	background-color:       #f0ffff;
	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, td.jukeboxlistnameeven, td.jukeboxdescriptioneven, td.jukeboxcreatedeven, td.jukeboxlastmodifeven, td.jukeboxlistusereven, td.jukeboxlisttrackseven, td.jukeboxlistvisitseven {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
	background-color:       white;
	color:                  Black;
	vertical-align:         top;
	text-align:             left;
}

td.even, td.odd {
	padding-left:           2px;
	padding-right:          2px;
}


TD.third {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
	color:                  Black;
	background-color:       #008080;
	vertical-align:         top;
	text-align:             left;
}


/* Titles */
/* When the page title is a link this is the style */
.pagetitle, .forumspagetitle {
	font-weight:            bold;
	font-size:              26px;
	font-family:            arial, helvetica, geneva, sans-serif;
	color:                  black;
}

a.pagetitle, a.forumspagetitle {
	font-weight:            bold;
	font-size:              26px;
	font-family:            arial, helvetica, geneva, sans-serif;
	text-decoration:        none;
	color:                  black;
}

a.pagetitle:hover, a.forumspagetitle:hover {
	font-weight:            bold;
	font-size:              26px;
	font-family:            arial, helvetica, geneva, sans-serif;
	color:                  #cc0000;
	background-color:       white;
	text-decoration:        underline;
}


/* Date displayed for last modification date of pages */
p.editdate {
	color:                  black;
	font-size:              smaller;
	margin-bottom:          0px;
	font-family:            arial, helvetica, geneva, sans-serif;
}
#description {
	font-size :             10px !important;
	padding-left:           10px;
	color:                  #333300;
}
/* The edit-help used to display the wiki syntax when editing a page */
div.wiki-edithelp {
	background-color:       #ffffff;
	border:                 1px solid #006060;
	font-size:              1em;
	padding:                10px, 10px, 10px, 10px;
	margin:                 10px, 10px, 10px, 10px;
	width:                  100%;
}
div#edithelpzone { 
	display:                none;
}
div#attzone      {
	display:                none;
	margin-top:             10px;
}
div#attzoneopen      {
	display:                block;
	margin-top:             10px;
}
/* The whole comment area when it is visible and when it is not */
#comzone {
	display:                none;
	padding:                0px, 5px, 0px, 5px;
	margin:                 5px, 1px, 5px, 1px;
}
#comzoneopen {
	display:                block;
	padding:                0px, 5px, 0px, 5px;
	margin:                 5px, 1px, 5px, 1px;
}

/* IMAGE GALLERIES
*******************************************************************************/
TABLE.galtable {
	border-collapse:        collapse;
	width:                  100%;
}

/* Gallery description */
div.galdesc {
	background-color:       #EFEFEF;
	border:                 1px solid #006060;
	padding-left:           0.8em;
	padding-right:          0.8em;
	padding-top:            0.5em;
	padding-bottom:         0.5em;
	margin:                 0.5ex 0px;
	width:                  97%;
	clear:                  both;
}

/* Container for the whole gallery */
div.browsegallery {
	background-color:       #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-color:       white;
}

TD.eventhumb {
	background-color:       #EFEFEF;
}

/* Gallery Title */
div.gallerytitle {
	font-weight:            bold;
	font-size:              26px;
	font-family:            arial, helvetica, geneva, 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 #006060;
	margin-top:             10px;
	margin-bottom:          10px;
}

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

.caption {
}

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

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

td.imageinfo {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
	color:                  Black;
	background-color:       #CAD2D5;
	vertical-align:         top;
	text-align:             left;
}

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

div.imagetitle {
	font-weight:            bold;
	font-size:              26px;
	font-family:            arial, helvetica, geneva, 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 {
	text-align:             center;
}

div.linksinfo {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	color:                  Black;
	text-align:             center;
	border:                 1px solid #006060;
	margin-top:             10px;
	margin-bottom:          10px;
}



/* Now the boxes for the rest of Tiki (non-modules)
*******************************************************************************/
div.cbox { 
	background-color:       white;
	border:                 1px solid #006060; 
	margin-top:             4px;
	margin-left:            4px;
	margin-right:           8px;
	margin-bottom:          0px;
	padding-bottom:         10px;
}

/* Boxes are divided in title and data, this is the title */
div.cbox-title {
	background-color:       #008080;
	border-bottom:          1px solid #006060;
	color:                  white;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              13px;
	font-weight:            bold;
	margin-bottom:          0px;
	margin-top:             0px;
	overflow:               hidden;
	padding-left:           0px;
	padding-right:          0px;
	text-align:             center;
}

/* When there's a link in a cbox-title */
.cboxtlink {
	background-color:       #9cba00;
	color:                  black;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              13px;
	font-weight:            bold;
	text-align:             center;
}

.cboxtlink:active {
	background-color:       #f0ffff;
	color:                  red;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              13px;
	font-weight:            bold;
	text-align:             center;
}

.cboxtlink:hover {
	background-color:       #f0ffff;
	color:                  #cc0000;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              13px;
	font-weight:            bold;
	text-align:             center;
	text-decoration:        underline;
}

/* And this is the data */
div.cbox-data {
	background-color:       white;
	color:                  black;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	margin-left:            5px;
	margin-right:           5px;
	padding-bottom:         1px;
}
div.cbox-data a:link, div.cbox-data a:visited, div.cbox-data a:hover, div.cbox-data a:active {
	color:                  #006060;
	text-decoration:        underline;
}
div.cbox-data a:active {
	color:                  #cc0000;
}
div.cbox-data a:hover {
	color:                  #cc0000;
}


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

/* The header of a weblog post */
div.posthead {
	background-color:       #008080;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              13px;
	color:                  white;
	font-weight:            bold;
	overflow:               hidden;
	border:                 1px solid #006060;
	border-bottom:          0px #006060;
	text-align:             left;
	padding-left:           5px;
	padding-right:          5px;
	margin-bottom:          0px;
/* 	width:                  98%; */
}

/* The font used in the heading of the weblog */
span.posthead {
	font-family:            arial, helvetica, geneva, sans-serif;
	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-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	color:                  white;
	text-decoration:        none;
}

.blogt:active {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	color:                  white;
	text-decoration:        none;
}

.blogt:hover {
	background-color:       #f0ffff;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	color:                  #cc0000;
	text-decoration:        underline;
}

/* The weblog title */
div.blogtitle {
	background-color:       #008080;
	border:                 1px solid #006060;
	padding-left:           5px;
	padding-right:          5px;
	padding-top:            0.5em;
	padding-bottom:         0.5em;
	margin-top:             10px;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              18px;
/* 	width:                  98%; */
	clear:                  both;
	color:                  white;
}

/* The post body */
div.postbody {
	overflow:               hidden;
	background-color:       white;
	border:                 1px solid #006060;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	color:                  Black;
/* 	width:                  98%; */
	padding-left:           5px;
	padding-top:            5px;
	padding-bottom:         5px;
	margin-bottom:          10px;
}

/* The weblog information */
div.bloginfo, div.blogdesc, div.blogtools, postbody {
	background-color:       white;
	border:                 1px solid #006060;
	color:                  Black;
	padding-left:           5px;
	padding-right:          5px;
	padding-top:            0.5em;
	padding-bottom:         0.5em;
	margin-bottom:          10px;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
/* 	width:                  98%; */
	clear:                  both;
}


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

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

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

/* The article title bar */
div.articletitle {
	font-family:            arial, helvetica, geneva, sans-serif;
	color:                  white;
	font-size:              11px;
	font-weight:            bold;
	background-color:       #008080;
	border:                 1px solid #006060;
	border-bottom:          0px #006060;
	padding-left:           0.8em;
	padding-right:          0.8em;
	padding-top:            0.0em;
	padding-bottom:         0.4em;
	margin-top:             5px;
/* 	width:                  98%; */
	clear:                  both;
}

/* The article heading */
div.articleheading {
	background-color:       white;
	border:                 1px solid #006060;
	padding-left:           0.8em;
	padding-right:          0.8em;
	padding-top:            0.5em;
	padding-bottom:         0.5em;
	border-bottom:          0px #006060;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
/* 	width:                  98%; */
	clear:                  both;
}

div.articletrailer {
	background-color:       #f0ffff;
	border:                 1px solid #006060;
	border-bottom:          1px solid #006060;
	border-top:             1px solid #006060;
	margin-bottom:          20px;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
/*	width:                  98%;*/
	clear:                  both;
	padding-left:           0.8em;
	padding-right:          0.8em;
}

td.articletrailer {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
}

/* Text in the article heading */
div.articleheadingtext {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
	display:                inline;
}

/* The body */
div.articlebody {
	background-color:       white;
	border:                 1px solid #006060;
	padding-left:           0.8em;
	padding-right:          0.8em;
	padding-top:            0.5em;
	padding-bottom:         0.5em;
	margin:                 10px 0px;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              12px;
/*	width:                  98%;*/
	clear:                  both;
}

/* The article title */
span.titlea {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              18px;
	font-weight:            bold;
}

/* The author, date and number of reads */
span.titleb {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              10px;
}

/* The trailer */
span.trailer {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              10px;
	font-weight:            bold;
}




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

/* LINKS TO DAYS IN THE CALENDAR */
.day {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	text-decoration:        none;
	color:                  black;
}

.day:active {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	text-decoration:        none;
	color:                  black;
}

.day:hover {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	color:                  black;
	background-color:       #cccccc;
	text-decoration: none;
}

.day:link {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	text-decoration:        none;
	color:                  black;
}

.day:visited {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	text-decoration:        none;
	color:                  black;
}

/* LINKS FOR TODAY */
.today {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	text-decoration:        none;
	color:                  black;
	font-weight:            bold;
	text-decoration:        none;
}

.today:active {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	text-decoration:        none;
	color:                  black;
	font-weight:            bold;
	text-decoration:        none;
}

.today:hover {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	color:                  black;
	text-decoration:        none;
	font-weight:            bold;
	background-color:       #cccccc;
}

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

.nav:active {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	text-decoration:        none;
	color:                  black;
	font-weight:            bold;
	text-decoration:        none;
}

.nav:hover {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	color:                  black;
	text-decoration:        none;
	font-weight:            bold;
	background-color:       #CCCCCC;
}

.changedate {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              8px;
	background-color:       white;
	color:                  black;
	font-weight:            bold;
}

.date {
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              9px;
	background-color:       white;
	color:                  Black;
	font-weight:            bold;
}

#caltable {
	width:                  100%;
	background-color:       white;
	color:                  black;
	font-family:            arial, helvetica, geneva, sans-serif;
	font-size:              11px;
	margin-left:            5px;
	margin-right:           5px;
	padding-bottom:         1px;
}

.red {
	color: red;
}