/* Kubrick theme for Tiki CMS, adapted by Gary Cunningham-Lee from the GPLed WordPress Kubrick theme, version 1.5, by
Micheal Heilemann. Released under the GPL license. For updates and other information
on this theme, please visit http://zukakakina.com or http://themes.tikiwiki.org. */

/********** HTML Elements (default) **********/ 
a {
	color: #06c;
	font-weight: bold;
}
 
a:hover {
	color: #48a1fa;
	text-decoration: underline;
}

a:visited {
	color: #48a1fa;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px. */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #E7E7E7;
	color: #333;
	text-align: center;
}

/* Caption in tables. Currently in attachments and comments only. */
caption {
	font-weight: bold;
}

/* Prevent forms from generating unwanted padding or margins */
form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 {
	font-family: 'Century Gothic', 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
	text-align: center;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

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

input {
	font-size: 10px;
	color: #112233;
	text-indent: 2px;
	border: thin solid #0896cb;
}
 
input[type=checkbox], input[type=radio] {
	border: 0;
}
input[type=submit] {
	border: 1px solid #0896cb;
	background-color: white;
	font-weight: bold;
}
input[type=submit]:hover {
	background-color: #FFFFFF;
	cursor: pointer;
}

label {
	cursor: pointer;
}

select {
	font-size: 10px;
	color: #112233;
}

small {
	font-size: .8em;
}

textarea {
	font-size: 11px;
	color: #112233;
	width: 100%;
}

td {
	color: #000000;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
}

th {
	color: black;
	background-color: #DEE7EC;
	border: 1px solid #0896cb;
	padding: 0 2px;
}

ul {
	margin-top: 2px;
	margin-bottom: 6px;
}
 
/* 
GENERAL LAYOUT EXPLANATION
The tiki application is enclosed in div.tiki-main. tiki-main contains three divs: tiki-top,
tiki-mid and tiki-bot. These are used for the header, application area and footer.
In the Kubrick theme, tiki-mid contains a two-column table, the columns are td#sidecolumn and td#centercolumn.
td#entercolumn contains div.tiki-center, where the main area of the application is displayed.
*/

/* 
This encloses the whole Tiki application. 
*/
div#tiki-main {
	text-align: center;
	margin: 0 auto;
	width: 77%;

}

/*  This is the header */

/* Contains the horizontally-tiling middle of the header background graphic. */
div#tiki-top {
	background-image: url(kubrick/header_tile.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 200px;
	padding: 0;
}
/* Kubrick-specific (next 7) */
/* Contains the left "cap" of the header background graphic. */
div#headerleft {
	float: left;
	display: block;
	clear: none;
	background-image: url(kubrick/header_left.jpg);
	background-repeat: no-repeat;
	width: 16px;
	height: 200px;
}

/* Contains div#logo, div#tiki-top_bar and div#horiz_menu. */
div#headercenter {
	height: 200px;
}

/* Contains the right "cap" of the header background graphic. */
div#headerright {
	float: right;
	display: block;
	clear: none;
	width: 16px;
	height: 200px;
	background-image: url(kubrick/header_right.jpg);
	background-repeat: no-repeat;
}

/* Its bg image is the site logo. */
div#logo {
	background-image: url(kubrick/header_logo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 162px;
	width: 100%;
	text-align: center;
}
/* Maybe redundant now -- check. */
div#tiki-top a {
	text-decoration: none;
}
 
div#tiki-top a:hover {

}
/* Styles tiki-top_bar.tpl. */
div#tiki-top_bar {
	overflow: hidden;
	height: 18px;
	font-size: 10px;
	color: white;
	text-align: center;
	vertical-align: middle;
}

div#tiki-top_bar a {
	font-weight: normal;
	text-decoration: none;
	color: blue;
}

div#tiki-top_bar a:hover {
	background: transparent;
}
/* Holds the page-bottom divs. */
div#footer {
	height: 90px;
	background-image: url(kubrick/footer_tile.jpg);
	background-repeat: repeat-x;
}


/* The bottom-left corner of the page. */
div#footerleft {
	float: left;
	display: block;
	clear: none;
	height: 90px;
	width: 17px;
	background-image: url(kubrick/footer_left.jpg);
	background-repeat: no-repeat;
}
/* Holds the bottom bar center. */
div#footermid {
	height: 90px;
}

/* The bottom-right corner of the page. */
div#footerright {
	float: right;
	display: block;
	clear: none;
	height: 90px;
	width: 17px;
	background-image: url(kubrick/footer_right.jpg);
	background-repeat: no-repeat;
}


/* =========================================== phplayers menus ================================= */

div#horiz_menu {
	width: 100%;
	padding-top: 4px;
	padding-bottom: 0;
	text-align: center;
} 

.horbar {
	width: 100%;
	margin: auto;
} 

/* Text in the top level (visible by default) of the menu */
.horbaritem a {
	padding: 6px 3px 3px 3px;
	text-decoration: none;
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	text-transform: lowercase;
	color: white;
	margin: 0;
	
} 

.horbaritem a:hover {
	background: #E1E2F7;
	color: #99CCFF;
	text-decoration: none;
	
} 

.horbaritem a:visited {
	color: #E1E2F7;
} 

/* mdkverbar... */
.mdkverbar {
	
} 

/* contains mdksubframe div */
.mdksubmenu {
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	visibility: hidden;
}

.mdksubmenu table {
	width: auto;
} 

.mdksubframe {
	z-index: 1000;
	position: relative;
	display: block;
	border: 1px solid #0896cb;
} 

/* Menu items in drop down frame */
.mdkitem {
	border-top: 1px solid #DEDEDE;
	position: relative;
	text-align: left;
	white-space: nowrap;
} 

.mdkitem .mdkfwdarr {
	position: absolute;
	top: 5px;
	right: 12px;
} 

.mdkitem a {
	padding: 2px 5px;
	position: relative;
	display: block;
	font-weight: normal;
} 

.mdkitem a:link {
	color: #06c;
	font-weight: normal;
	background: #E1E2F7;
	text-decoration: none;
} 

.mdkitem a:visited {
	color: #06c;
	text-decoration: none;
} 

.mdkitem a:hover {
	color: #147;
	text-decoration: underline;
} 

.mdkitem a:active {
	
} 

/* This is the middle  */
div#tiki-mid {
	background: url(kubrick/bg_right.jpg);
	background-repeat: repeat-y;
	background-position: right;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	padding-right: 10px;
}

/* Holds middle of page. */
table#tikimidtbl {
	background: white;

}

/* The three columns */
/* The left column modules are displayed inside the right-column data table,
below it. */

#centercolumn {
	background: url(kubrick/bg_left.jpg) white;
	background-repeat: repeat-y;
	background-position: left;
	margin: 5px;
	padding-left: 10px;
	width: 96%;
}


/* The contents of the centercolumn. */
div#tiki-center {
	padding-top: 20px;
	padding-right: 30px;
	text-align: left;
	width: 96%; /* Added as a "minimum width" to prevent header graphic divs from collapsing. */
}

td#sidecolumn {
	background: white;
	width: 170px;
	padding: 30px 5px 0 5px;
}

/* Generic tables in the div, e.g., user information. */
div#tiki-center table {
	width: 100%;
}

DIV#tiki-mid > table {
	width: 100%;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

/* The debugconsole, which I never use and so is never displayed. */
div#debugconsole {
	position: absolute;
	background-color: #F3F6F9;
	top: 0;
	left: 20px;
	right: 310px;
	height: auto;
	z-index: 1;
	padding: 5px;
	border: 6px ridge #996600;
	font-size: 12px;
}
 
span.on-option {
	
}
 
span.off-option {
	
}

/* The Kubrick footer */
div#footer {
	width: 100%;
}

/* This is the footer. */
div#tiki-bot {
	padding: 0;
	margin: 0 auto;
	clear: both;
}
 
/* GENERAL STYLE PROPERTIES BOXES -- div.box has a title bar and content, and is used to
   display modules. Other boxes -- cbox and rbox are used in the rankings, admin screen, etc. */

/*  For modules primarily in the side column, but also in wiki pages with the module plugin. */
div.box {
	background-color: white;
	overflow: hidden;
	margin: 3px;
	width: 160px;
	padding-bottom: 10px;
}
 
/* DESCRIPTION? */
div.box-title table {
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
}

div.box-title table td {
  text-align: center;
} 
 
/* The box title. */
div.box-title {
	color: #333333;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	display: inline;
	overflow: hidden;
	text-align: left;
	margin: 0;
}

div.box-title a {
	font-weight: bold;
	color: #333333;
}
span.box-titletext {
	font-size: 1.2em;
	font-weight: bold;
}

/* And this is the data section of the box. */
div.box-data {
	overflow: hidden;
	padding: 5px;
	font-size: 10px;
	color: #777777;
}
 
div.box-data li {
	background-image: url(kubrick/li_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	text-indent: 5px;
	list-style-image: none;
}

div.box-data li:before {
	
}

/* To center the thumbnails in the last_images module. */
div.box-last_images_th div#mod-last_images_th.box-data table {
	margin: 3px auto;
}

div.box-top_images_th div#mod-top_images_th.box-data table {
	margin: 3px auto;
}

/* When modules display a list of items, each item is enclosed in a cell with the following style */
td.module {
	text-decoration: none;
	font-size: 10px;
	color: #333;
	text-align: left;
}

.linkmodule {
	font-size: 10px;
	text-decoration: none;
	color: #06c;
	font-weight: normal;
}

/* links in modules */
td.module .linkmodule {
	background: url(kubrick/li_arrow.png) no-repeat;
	background-position: 0 2px;
	font-size: 10px;
	padding-left: 10px;
	text-decoration: none;
	color: #06c;
	font-weight: normal;
}

td.module .linkmodule:hover {
	text-decoration: underline;
	color: #147;/*
	background-color: transparent;*/
}

.linkmodule a img {
	padding: 3px;
	margin: 3px;
}

/* Boxes for the rest of Tiki (non-modules) */
div.cbox {
	background-color: white;
	margin: 3px;
   margin-bottom: 6px;
	border: 1px solid #8CACBB;
	overflow: hidden;
}
 
/* The cbox title */
div.cbox-title {
	color: black;
	font-weight: bold;
	border-bottom: 1px solid #8CACBB;
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin: 0;
}

/* When there's a link in a cbox title. */
.cboxtlink {
	color: #06c;
	text-decoration: none;
}

.cboxtlink:hover {
	color: #147;
	text-decoration: underline;
}

/* And this is the data. */
div.cbox-data {
	overflow: hidden;
	padding: 0 5px;
	font-size: 10px;
	color: black;
	width: 100%;
}

/* rbox: remarks box (note/warning/tip/comment) -- new in Tiki 1.9x. */
.rbox {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
}

.rbox-data {
	padding: 2px;
}

.rbox-title,
.rbox-title[name="warning"] {
	border: 0;
	font-size: 10px;
	padding: 0 10px;   
	position: relative;
	display: inline;
	margin: 0;
	font-weight: bold;
}

.rbox-data,
.rbox-data[name="warning"] {
	background-color: #eeee99;
	border: 1px solid #DDDDCC;
}

.rbox-title[name="note"] {
	background-color: #CCCCDD;
}

.rbox-data[name="note"] {
	background-color: #ECECEF;
	border: 1px solid #CCCCDD;
}

.rbox-title[name="comment"],
.rbox-title[name="tip"] {
	background-color: #ECECEF;
	border: 1px solid #CCCCDD;
}
 
.rbox-data[name="comment"],
.rbox-data[name="tip"] {
	background-color: #ECEFEC;
	border: 1px solid #CCDDCC;
}

/* A simple box is just a div with a border around and some margin. used for example
 on the admin pages. */
div.simplebox {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
 
/* 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  */
/* links in menus */
.linkmenu {
	color: #06c;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
.linkmenu:hover {
	color: #147;
	text-decoration: underline;
}

.rsslink {
	color: #06c;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}

.rsslink:hover {
	color: #147;
	text-decoration: underline;
}

/* style for rss lists in modules or in wiki */
.rsslist {
	background-color: #FFFFFF;
	margin: 0;
	margin-right: 10px;
	padding: 1px;
	list-style-type: none;
}
 
.rssitem {
	font-weight: normal;
	padding: 2px 6px 1px 0;
	border-top: 1px dashed #DADAC9;
}

.rssitem:first-child {
	border-top: 0;
}

.rssdate {
	color: #999999;
	font-style: italic;
}
/*
div.box ul.rsslist {
	list-style-type: none;
}*/

/* Separators are used to separate menu areas in the application menu and user-created menus. */
div.separator {
	
}

/* links to extend/collapse menus */
.separator {
	font-size: 10px;
	text-decoration: none;
	color: #06c;
	font-weight: normal;
}
 
.separator:hover {
	color: #147;
	text-decoration: underline;
}

/* links to show/hide menus, for example the main menu, which can be completely collapsed */
.flip {
	color: #06c;
	text-decoration: none;
}
 
.flip:hover {
	color: #147;
	text-decoration: underline;
}
 
.flip:active {
	
}
 
/* banners of type text (textadds) are displayed as links using the following style */
.bannertext {
	font-size: 10px;
	color: #424242;
	text-decoration: none;
}
 
.bannertext:hover {
	color: black;
}

/*  Some boxes use thumbnails -- this defines the image style. */
div.imagerank {
	margin: 10px 5px;
}

a.crumblink {
	color: #06c;
	text-decoration: none;
}

a.crumblink:hover {
	color: #147;
	text-decoration: underline;
}


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

/* Cells in forms without background color (inside a div for example) */
td.form {
	
}

/* Cells in forms using a background color */
td.formcolor,
td.galform,
td.editblogform,
td.editfgalform,
td.comform,
td.forumform {
	/*border: 1px solid #8CACBB;*/
	background-color: #DEE7EC;
}

/* The tables */
table.listgallery,
table.creategalform,
table.normal,
table.gallerylisting,
table.bloglist,
table.editblogform,
table.editfgalform,
table.listfgal,
table.listfiles,
table.listarticles,
table.forumstable,
table.forumformtable,
table.viewthread,
table.userlist {
	padding: 0;
	margin: 0;
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 97%;
}

table.normalnoborder {
	
}
 
/* Table headings */
td.heading,
td.gallistheading,
td.listgalheading,
td.bloglistheading,
td.listfgalheading,
td.listfilesheading,
td.listartheading,
td.forumheading,
td.thead,
td.userlistheading {
	color: black;
	background-color: #DEE7EC;
	border: 1px solid #8CACBB;
	border-right: 0;
	border-left: 0;
	padding: 1px 2px;
}

/* Links to view an object from a table listing objects can be generalized to this link */
.tablename 
a.tablename,
a.galname,
a.imagename,
a.blogname,
a.fgalname,
a.artname,
a.forumname {
	font-weight: bold;
	color: #06c;
	text-decoration: none;
}

a.forumnameread {
	letter-spacing: 1px;
	color: #06c;
	text-decoration: none;
}

a.forumnameread:hover {
	letter-spacing: 1px;
	color: #147;
	text-decoration: underline;
}

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

a.adminlink {

}

/* links in table headings */
.tableheading,
.gallistheading, 
.listgalheading, 
.bloglistheading, 
.llisfgalheading,
.llistfileslink,
.llistart,
.lforumheading {
	color: #06c;
	text-decoration: none;
}

.tableheading:hover,
.gallistheading:hover,
.listgalheading:hover, 
.bloglistheading:hover, 
.llisfgalheading:hover,
.llistfileslink:hover, 
.llistart:hover,
.lforumheading:hover {
	text-decoration: underline;
	color: #147;
}


/*  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: 1px;
	padding-bottom: 10px;
}

.findtable td {
	
}
 
/* Table odd and even rows */
tr.odd {
	color: #333333;
	background-color: #E7E7E7;	
}

tr.odd:hover {
	background-color: #FFF7E6;
}

tr.even {
	border: 1px solid #8CACBB;
	background-color: #E7E9EA;
	color: #333333;
}

tr.even:hover {
	background-color: #FFF7E6;
}

/* 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,
td.userlistodd {
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	background-color: White;
	color: #333333;
	padding: 5px;
}
/*
td.odddark {
	
}

td.forumuser {
	
}
 */
/* 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.userlisteven {
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	color: #333333;
	padding: 5px;
	margin: 3px;
}
 /*
td.evendark {
	
}
 */
td.third {
	border: 1px solid #8CACBB;
	color: Black;
	background-color: #8CACBB;
}
 
td.button {
	background-color: #DEE7EC;
	border: 1px solid #8CACBB;
	padding: 0 2px;
	text-align: center;
	vertical-align: middle;
}
 
/*********** Titles ***********/
/* when the page title is a link this is the style */

.pagetitle, 
.forumspagetitle {
	text-align: center;
	font-size: 1.8em;
	color: #333;

}

a.pagetitle,
a.forumspagetitle {
	color: #333;
	text-decoration: none;
}

a.pagetitle:visited,
a.forumspagetitle:visited {
	color: #333;
	text-decoration: none;
}

a.pagetitle:hover,
a.forumspagetitle:hover {
	color: #147;
	text-decoration: underline;
	background-color: transparent;
}

/* links where no special link style apply (usually with the general application background) */
.link,
.gallink,
.bloglink,
.fgallink,
.trailer,
.opencomlink,
.commentslink,
.admlink,
.forumbutlink {
	font-weight: normal;
	padding: 0;
	text-decoration: none;
	color: #06c;
}
 
.link:hover,
.gallink:hover,
.bloglink:hover,
.fgallink:hover,
.trailer:hover,
.opencomlink:hover,
.commentslink:hover,
.admlink:hover,
.forumbutlink:hover {
	text-decoration: underline;
	color: #147;	
}


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

/* Page numbers for list pages */
.mini {
	font-size: 9px;
	color: Black;
}
 
/* prev & next buttons in pagination */
.prevnext,
.galprevnext,
.blogprevnext,
.fgalprevnext,
.artprevnext,
.forumprevnext {
	padding: 1px 6px;
}

/*
.prevnext:hover,
.galprevnext:hover,
.blogprevnext:hover,
.fgalprevnext:hover,
.artprevnext:hover,
.forumprevnext:hover {
	
}
 
.prevnext:active,
.galprevnext:active,
.blogprevnext:active,
.fgalprevnext:active,
.artprevnext:active,
.forumprevnext:active {
}
*/  
  
/* Warning background/color */
span.warn {
	color: red;
}
 
/* Warning background/color */
.attention {
	color: red;
}

/*************************************************** THE WIKI ************************************/
/* An h1 pagetitle (anchor) comes first, then wikitopline, 
	which holds the description and edit, etc., icons: */
div.wikitopline {
	text-align: right;
	padding: 0 30px 0 20px;
	width: 100%;

}
/*	 
.wikitopline table {
voice-family: "\"}\"";
	voice-family: inherit;
}*/
 
/* For formatting the page description text */
div#description {
	font-size: 1em;
	font-style: italic;
	text-align: right;
}
 
/* Text in wiki pages is displayed using the following style */
div.wikitext {
	text-align: left;
	line-height: 1.6em;
	font-size: 1.15em;
	padding-left: 10px;
	clear: both;
	width: 96%;
	color: #333;
}

/* Headings within the wiki page */ 
.wikitext h1, 
.wikitext h2, 
.wikitext h3, 
.wikitext h4 {
	text-align: left;
}
 
/* Titlebars in the wiki text */
div.titlebar {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
}
 
/* Tables in the wiki text */
table.wikitable {
	border-collapse: collapse;
}
 
td.wikicell {
	border-collapse: collapse;
	border: 1px solid #8CACBB;
	background-color: #F7F9FA;
}

.wikitext div.box {
	width: auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* Text about last modification of page ("Created by...", etc.) */
.editdate {
	color: #223344;
	border-top: 1px solid #8CACBB;
	font-size: 9px;
	padding: 0 10px;
}

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

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

}*/

.button3 .linkbut {
	padding-bottom: 2px;
	border-bottom: 0;
}

body .button2 {
	margin-left: 5px;
}
/*
div.button2top {
	
}*/
 
/* Links in buttons */
.linkbut {
	font-size: 10px;
	text-decoration: none;
	color: #06c;
	padding: 1px 4px;
	font-weight: normal;
	text-decoration: none;
}
 
.linkbut:hover {
	color: #147;
	text-decoration: underline;
}
 /*
.linkbuttop {
	
}
 
.linkbuttop:hover {
	
}*/

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

/* The edit-help used to display the wiki syntax when editing a page */
div.wiki-edithelp {
	font-size: 10px;
	border: 1px solid #8CACBB;
	padding: 10px;
	width: 96%;
}

/* styles "wiki plug in help" */
div#wikiphelp-tab {
	width: 96%;
}
 
/* When a cached version of an external link is displayed */
div.cache {
	background-color: #DEE7EC;
	border: 1px solid #8CACBB;
	padding: 10px;
	margin: 4px;
}
 
div.cachedpage {
	border: 1px solid #8CACBB;
	padding: 10px;
	margin: 20px;
}
 
/* when an external link is cached a small link to the cached version (cache) is displayed using this style */
.wikicache {
	font-size: 9px;
	font-weight: normal;
	color: #998833;
	text-decoration: none;
}
 
.wikicache:hover {
	color: #000000;
	background-color: transparent;
}
 
/* Links to wiki pages */
.wiki {
	font-size: 1.0em;
	text-decoration: none;
	color: #06c;
	text-decoration: none;
	font-weight: normal;
}

.wiki:hover {
	text-decoration: underline;
	color: #06c;
	background-color: transparent;
}

/* description? this style only. */
.wikinew {
	color: #CC0000;
}
 
/* description? this style only */
img.externallink {
	margin: 0 2px;
}

/************** Wiki plugin styles **********************/
/**** coloration for code plugin *****/
div.code {
	font-size: 10px;
	padding: 3px;
	border: 1px dashed #8CACBB;
	background-color: #F4F4F4;
	font-family: "Courier New", Courier, monospace;
}	

/* Hmm. The auto-scrolling overflow isn't working in IE.
Maybe need to find updated code for this. */
.codelisting {
	font-family: monospace;
	padding: 10px;
	background-color: #FFFFFF;
	margin: 0;
	border: 1px solid #8CACBB;
   overflow: auto;
 	width: 100%;
}

.codecaption {
	font-size: 10px;
	padding: 0 10px;
	background-color: #FFFFFF;
	position: relative;
	bottom: -5px;
	display: inline;
	border: 1px solid #8CACBB;
	border-bottom: 0;
	margin: 0;
	color: #666666;
	background-color: #E9ECEF;
	font-weight: bold;
}

/* version plugin style */
.versions {
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	min-height: 142px;
}
.versionav,
.versionav:after {
	display: inline;
	float: right;
	border-left: 1px dashed #999999;
}
.versionav .button2 {
	display: block;
	border: 0;
	border-bottom: 1px dashed #8CACBB;
	background-color: transparent;
}

.versionav .button2 .linkbut {
	border: 0;
	background-color: inherit;
	padding: 0 10px;
}

.versionav .highlight {
	background-color: #CCCCCC;
	font-weight: bold;
}

.versiontitle,
.versiontitle:after {
	font-weight: bold;
	border-bottom: 1px dashed #999999;
	border-left: 1px dashed #999999;
	padding: 2px 30px;
	float: right;
}
/**** coloration for quote plugin *****/
.quoteheader {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #A1A1A1;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 8pt;
}

div.quotebody {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 0 0 1px;
	border-style: solid;
	color: #333333;
	font-style: italic;
	background-color: White;
}

/* wiki diff styles. find in source! */
.diff td {
	border: 1px solid #8CACBB;
}
.diff div {
	border-top: 1px solid #A9B8C2;
}
.diffheader {
	background-color: #A9B8C2;
	font-weight: bold;
}
.diffadded {
	background-color: #CCFFCC;
}
.diffdeleted {
	background-color: #FFCCCC;
}
.diffbody {
	background-color: #F2F4F5;
}
.diffchar {
	color: red;
}

/*************************************************** WIKI TOCS ***************************************************/
/* Contains the Structure-related nav links, including the home and triangle pointer images, etc. */
 /* Style for structure-created nav icons at top of wikitext */
div.tocnav {
	font-size: 10px;
	border-top: 1px solid #8CACBB;
	border-bottom: 1px solid #8CACBB;
	padding: 2px 0;
	margin-bottom: 2px;
}

.tocnav {
	background-color: #EEEEEE;
	margin-bottom: 16px;
}
 
.tocnav a {
	font-size: 10px;
	color: #06c;
	text-decoration: none;
}
.tocnav a:hover {
	color: #147;
	text-decoration: underline;
}

.tocnav a:visited {
	color: #06c;
}
/* same as div#tocnavtable? */ 
.tocnav table {
	width: 100%;
	background-color: #FFFFFF;
}
 
.tocnavlink {
	color: black;
}
 
.tocnavlink:hover {
	
}

/* Styles the list formed by the maketoc tag. In structures_toc.tpl: <ul class="toc"> */
/* toc */
.toc {
	
}

.toc li {
	margin-top: 3px;
}
 

/************************************************ CMS (Articles) **********************************************/
/* This div contains the whole article. I think there's an error in the template though
that prevents this from working. */
div.article {

}

/* The optional line above the title. */
div.articletopline {
	text-transform: uppercase;
	color: #666666;
	font-size: 80%;
	font-weight: bold;
	margin: 0 20px;
}

/* The layout of the article title. (Use the titlea and titleb spans to 
	define the text styles.) */
div.articletitle {
	text-align: left;
}
 
/* The article title text itself. */
span.titlea {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0 20px;
	margin: 3px 0 6px 0;
	color: #444;
}
 
/* The subtitle, when specified by the article type definition. */
div.articlesubtitle {
	color: #666666;
	margin: 0 20px;
}
 
/* The author, date and number of reads */
span.titleb,
span.titleb:after {
	font-size: 10px;
	color: #666666;
	margin: 5px 20px;
}
 
/* The intro part of the article, which appears on the Articles page. 
	Should actually be called article lead. */
div.articleheading {
background:    white;
	border:   1px solid black;
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.5em;
	padding-bottom:   0.5em;

	margin: 5px 10px 10px 10px;
	clear: both;
	width: 96%;
}
 
/* Text in the article heading */
div.articleheadingtext {
	text-align: left;
	line-height: 1.5em;
	font-size: 1.0em;
	padding: 0 0 0 5px;
	color: #333;
}
 
/* The article topic image when "use own image" and "float text around image" are chosen. */
img.articleimage {
	padding: 10px 0 0 10px;
}

/* The article topic image when "use own image" and "float text around image" are _not_ chosen. */
div.articleheading img {
	padding: 10px 6px 6px 10px;
}
 
/* The "Read more", "Comments" and icons line for the article,
   includes a wikitopline table, articletrailer table,
	articletrailer td class, and trailer anchor. */
div.articletrailer {
	margin: 0 0 20px 30px;
}

/*
div.articletrailer table.wikitopline {
	float: right;
	clear: both;
	display: block;
	padding-bottom: 10px;
}*/
/* Not sure what the purpose is of the follow trailer-related identifiers.
	The div seems to be able to handle the content pretty well. */ 
table.articletrailer {

}
 
td.articletrailer {
	font-size: 10px;
}
 
 
/* The body of the article; follows the articleheading section on the article's own page. */
div.articlebody {
	text-align: left;
	line-height: 1.5em;
	font-size: 1.0em;
	padding: 10px;
	clear: both;
	width: auto;
	color: #333;
	background:    white;
	border:   1px solid black;
	padding-left:   0.8em;
	padding-right:   0.8em;
	padding-top:   0.5em;
	padding-bottom:   0.5em;
	padding: 10px;
	margin: 10px 10px;
	clear: both;
}

/* links in the articletrailer. */
.trailer {
	padding: 0 8px 0 0;
}
/*
.trailer:active {

}

.trailer:hover {

}*/

/* The trailer.  */
span.trailer {
	
}

/* Style for the source (URL), when specified by the article type definition.
   Comes at the end of the article. */
div.articlesource {
	padding: 0px 20px;
	margin-bottom: 10px;
	font-style: italic;
}
 
/******************************************************* BLOGS **********************************************************/
/* The weblog title */
div.blogtitle {
	color: black;
	font-weight: bold;
	font-size: 26px;
	margin: 0 10px;
}

/* The weblog information (created, last modified by; contains anchor class bloglink ) */
div.bloginfo {
	font-size: 10px;
	color: #424242;
	margin: 10px;
}
 
/* Weblog description */
div.blogdesc {
	clear: both;
	margin: 0 10px;
}
 
/* Contains Find form; Links to post/edit/rss feed for the webelog are contained inside this div */
div.blogtools {
	border-bottom: 1px solid #8CACBB;
	font-size: 10px;
	margin: 10px 0;
	padding: 0 10px;
}
 
/* Contains divs posthead and postbody. */
div.blogpost {
	
}

div.blogpost hr {
display: none;
}

/* ? */ 
div.posthead td[align=right] {
	vertical-align: bottom;
	margin: 0 10px;
} 
 
/* The header of a weblog post */
div.posthead {
	color: black;
	overflow: hidden;
	padding: 0 10px;
	text-align: left;
}

div.posthead h3 {
	font-size: 1.7em;
	font-weight: bold;
}
 
/* To style the "posted by" text in the heading of the blog post. */
/*
span.posthead {

}*/

/*  */
span.posthead small {
	font-size: 9px;
	color: #666666;
	font-weight: normal;
} 
/* Overrides default h3 style. 
div.posthead h3 {
	
}*/ 
 
/* links in the weblog post heading (edit/remove) */
/* when there's a link in a cbox-title */
.blogt {
	
}
 
.blogt:hover {
	
}
 
.blogt:active {
	
}
 
/* The post body */
div.postbody {
	text-align: left;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 10px;
	clear: both;
	width: auto;
	color: #333333;
	text-align: justify;
}
 
/* The table that holds the "Permalink" and print icon, etc. -- this identifier added by gary_c */
table#blogpagebar {

}
/* Fix for IE's too-large rendering of "small" tag, etc. in Permalink bar. */
/*
div.postbody table {
	font-size: 11px;
}*/
 
/***************************************************** FORUMS *****************************************************/
/* Title for the forums page 
div.forumspagetitle {
	
}*/

div.description {
	font-size: 1.0em;
}
 
div.forumtoolbar {
	background-color: #395AAD;
	margin-bottom: 20px;
	border: 0;
}
 
/* Cells for the threads table */
td.threadsevenl {
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	background-color: #EEEEEE;
}
 
td.threadsevenr {
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	background-color: #EEEEEE;
}
 
td.threadsoddl {
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	background-color: #DDDDDD;
}
 
td.threadsoddr {
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	background-color: #DDDDDD;
}
 /*
td.viewthreadl {
	
}
 
td.viewthreadr {
	
}*/
 
/* Table showign the threads for a topic */
table.threads {
	width: 100%;
}
 
td.threadseparator {
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	background-color: #EEEEEE;
	height: 5px;
}
 
#forumpost {
	display: none;
}
 
#forumpostopen {
	display: block;
}

td.forumtoolbar {
	color: white;
	font-weight: bold;
	text-decoration: none;
	vertical-align: bottom;
}
 
.toolbarlink {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
 
.toolbarlink:hover {
	color: #00FFFF;
}

/* links to vote */
.forumvotelink {
	color: black;
}
 
/*************************************************** Comments **************************************************************/
/* the whole comment area when it is visible and when it is not */

#comzone {
	display: none;
	margin: 5px 0;
	padding: 0;
}
 
#comzoneopen {
	display: block;
	margin: 5px 0;
	padding: 0;
}
 
/* Post comment form 
div.commentspost {
	
}*/
 
/* Help box
div.commentsedithelp {
	
}*/
 
/* The toolbar where the ordering number of comments and find box are found 
div.commentstoolbar {
	
}*/
 
/* The text 
div.commenttext {
	
}*/
 
/* The comment title */
span.commentstitle {
	font-weight: bold;
	font-size: 12px;
}

/* find */
.subcomment {
	margin-left: 10px;
}
 
/* The header for a comment 
div.commentheader {
	
}*/
 
/* links in the comment header 
.commentshlink {
	
}
 
.commentshlink:hover {
	
}

.commentshlink:active {
	
}*/
 
/* The comment 
div.commentscomment {
	
}
 
.comments .normal {
	
}*/
 
/********************************************** IMAGE GALLERIES ********************************/
/* Container for the whole gallery 
div.browsegallery {
	
}*/

/* The whole container for the browse image screen (may be useful for a fancy background) 
div.browseimage {
	
}*/
 
table.galtable {
	border-collapse: collapse;
	border: 1px solid #8CACBB;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 97%;
}
 
/* Browsing an image 
div.imageinfo {
	
}
 
table.imageinfo {
	
}
 
td.imageinfo {
	
}
 
table.tableinfo {
	
}*/
 
/* Gallery description 
div.galdesc {
	
}
 
div.gallerylink {
	
}*/
 
div.showimage {
	text-align: center;
	margin: 5px 0;
}

/* Verify that this exists in this style. */ 
div.imgaldescr {
	margin: 10px;
} 

/* Gallery title 
div.gallerytitle {
	
}

div.adminoptions {
	
}

div.sortoptions {
	
}
 
span.sortoptions {
	
}*/
 
span.sorttitle {
	margin-left: 10px;
}
 /*
div.linksinfo {
	
}*/

/* I can't find this identifier in the files. */
div.imagetitle {
	font-weight: bold;
	font-size: 26px;
}
 
/* Container for thumbnails */
div.thumbnails {
	border: 1px solid white;
	margin: 10px;
}
 
/* 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: #E7E9EA;
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	text-align: center;
}
 
td.eventhumb {
	background-color: #F7F9FA;
	border: 1px solid #8CACBB;
	border-collapse: collapse;
	text-align: center;
}
 
/* Thumbnails images */
img.athumb {
	border: 1px solid white;
}

.caption {
	color: black;
} 

/* No records found text (displayed in the table when no records) */
p.norecords {
	font-weight: bold;
}
 
/**************************************************** FILE GALLERIES ****************************************************/
/* Listing contents of a file gallery (listing files). */
/* NOT FOUND IN FILES 
div.fgaldesc {
	
}*/
 
/************************************************ CATEGORIES **************************************************************/


table.tcategpath {
	margin-bottom: 40px;
	border: 1px solid #8CACBB;
	width: 100%;
	border-collapse: collapse;
}
 
/* Table containing the category path */
td.tdcategpath {
	font-weight: bold;
	padding: 0 3px;
	margin: 0;
	border-spacing: 0;
}
 

/* On wiki page tops; links to up/top categories */
.categpath {
	text-decoration: none;
	color: #06c;
}
 
.categpath:hover {
	text-decoration: underline;
}

/* On wiki page bottoms */
/* Table with the subcategories */
table.subcats {
	padding: 20px 0;
	width: 100%;
	border-spacing: 0;
	margin-bottom: 10px;
	border: 1px solid #8CACBB;
	border-collapse: collapse;
}

td.tdsubcat {
	width: 25%;
}
 
/* links to subcategories */
.categlink {
	
}
 
.catname {
	color: #06c;
	text-decoration: none;
}
.catname a:hover {
	color: #147;
	text-decoration: underline;
}
 
table.catobjects {
	width: 100%;
	border-spacing: 0;
	padding-right: 0;
	margin-bottom: 10px;
	border-collapse: collapse;
}
 
td.categobjectsdataeven,
td.categobjectsdataodd {
	color: black;
}
 
td.categobjectsnameeven,
td.categobjectsnameodd {
	background-color: #F7F9FA;
	color: black;
}
 
/* Used at bottom of wiki page (show_page.tpl)
   just above the page-bar, in read_article.tpl and catobjects.tpl., etc. */
   
/* The box that contains the category title(s) and object(s) */
.catblock {
	border: 1px solid #8CACBB;
	color: #333333;
	text-align: left;
}
 
/* Refers collectively to the items listed in a category */
.catlists {
	border-top: 1px solid #FFFFFF;
	padding: 1px 6px 1px 6px;
	background-color: transparent;
	color: #333333;
}
 

div.catblock div.catlists a.link {
	color: #06c;
	text-decoration: none;
} 

/* Don't know why, but had to get this explicit for Opera8. */ 
div.catblock div.catlists a.link:hover {
	color: #147;
	text-decoration: underline;
}
 
/* The name of a category */
.cattitle {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.cattitle a {
	color: #06c;
	text-decoration: none;
}

.cattitle a:hover {
	color: #147;
	text-decoration: underline;
}
 
.catlists a.link {
	color: #06c;
	text-decoration: none;
}

.catlists a.link:hover {
	color: #147;
	text-decoration: underline;
}

 
/*************************************************** DIRECTORY ***************************************************/
/* The list of categories */
div.dircategs {
	padding: 5px;
}
 

/* links to categories */
.dirlink {
	color: #06c;
	text-decoration: none;
}
 
.dirlink:hover {
	color: #147;
	text-decoration: underline;
}

/* links to subcategories */
.dirsublink {
	font-size: 10px;
	color: #06c;
	text-decoration: none;
}
 
.dirsublink:hover {
	font-size: 10px;
	color: #147;
	text-decoration: underline;
}

/* The list of sites in any category */
div.dirlistsites {
	background-color: white;
	padding: 5px 0 10px 5px;
	margin-top: 10px;
}
 
/* each site in the list of sites */
div.dirsite {
	background-color: #E7E7E7;
	padding: 4px;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
 
span.dirsitetrail {
	font-size: 10px;
}
 
span.dirsitecats {
	
}
 

/* links to sites */
.dirsitelink {
	color: #06c;
	text-decoration: none;
}
 
.dirsitelink:hover {
	color: #147;
	text-decoration: underline;
}

/* Related categories */
div.dirrelated {
	background-color: White;
	margin-top: 10px;
	border: 1px solid #8CACBB;
	padding: 5px;
}
 
span.dirsitedesc {
	
}
 
/* Footer with stats for the directory */
td.dirfooter {
	font-size: 9px;
}
 
div.dirfooter {
	margin-top: 10px;
	border: 1px solid #8CACBB;
}
 
/******************************************************* Calendar **********************************************************/
/* links to days in the calendar */
.day {
	font-size: 10px;
	font-weight: normal;
	color: #06C;
	text-decoration: none;
}
 
.day:link {
	
}
 
.day:hover {
	color: #147;
	text-decoration: underline;
}

/* Links for today */
.today {
	font-size: 10px;
	font-weight: bold;
	color: #06C;
	text-decoration: none;
}
 
.today:hover {
	color: #147;
	text-decoration: underline;
}
 
.today:active {
	
}
 
/* links to change month, year or go to today */
.nav {
	font-size: 10px;
	font-weight: bold;
	color: #06C;
	text-decoration: none;
}
 
.nav:hover {
	color: #147;
	text-decoration: underline;
}
 
.changedate {
	font-size: 9px;
	color: black;
}
 
.date {
	font-size: 10px;
	font-weight: bold;
	color: #06C;
	text-decoration: none;
}
 
/************************************************************ CHAT *********************************************************/
table.chatroom {
	border: 2px solid #334455;
	width: 100%;
}
 
td.chatarea {
	padding-left: 0;
	margin-left: 0;
	color: black;
	background-color: #FFFFFF;
}
 
td.chatchannels {
	background-color: #C7D0D9;
}
 
table.chatform {
	border: 1px solid #8CACBB;
	width: 100%;
	border-top: 0;
}
 
td.tdchatform {
	color: Black;
	background-color: #EEEEEE;
}
 
span.chnormal {
	color: black;
}

span.chuser {
	color: black;
	font-weight: bold;
}
 
/********************************************************** RSS MODULES *****************************************************/
/* (Currently defined with other links.) */

/********************************************************** POLLS ********************************************************/
div.pollresults {
	margin-top: 5px;
	font-size: 12px;
	padding: 0 5px;
}
 
table.pollresults {
	width: 100%;
}

td.pollr {
	color: black;
}

/* the next four specific to this style? find! */
#pollopen {
	display: block;
}

#pollzone {
	display: none;
}

#polledit {
	display: none;
}
/*
.pollnav {
}
 */
/***************************************************** FAQS **************************************************************/
/* The list of questions */
div.faqlistquestions {
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #8CACBB;
	margin-bottom: 20px;
}
 
/* Container for question-answer block */
div.faqqa {
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #8CACBB;
	margin-bottom: 20px;
}
 
/* The question */
div.faqquestion {
	font-weight: bold;
	padding: 2px 12px;
	padding-bottom: 0;
	background-color: #DEE7EC;
}
 
/* The answer */
div.faqanswer {
	padding: 4px 12px;
	padding-top: 0;
}
 
/***************************************************** QUIZZES **************************************************************/
div.questionblock {
	border: 1px solid #8CACBB;
	background-color: white;
	padding: 4px;
	margin-bottom: 10px;
}
 
div.quizquestion {
	margin-bottom: 5px;
}
 
div.quizanswer {
	border: 1px solid #8CACBB;
	background-color: white;
	margin-bottom: 10px;
}
 
div.quizdescription {
	border: 1px solid #8CACBB;
	background-color: white;
	margin-bottom: 10px;
}
 
div.quizoptions {
	
}
 
/***************************************************** SHOUTBOX **************************************************************/
div.shoutboxmsg {
	border: 1px solid #8CACBB;
	border-bottom: 0;
	background-color: white;
	margin-bottom: 0;
	padding: 4px;
	padding-bottom: 1px;
}

/* this theme only? check */
div.shoutboxmsg:last {
	border-bottom: 1px solid #8CACBB;
}
 
div.shoutboxmodmsg {
	font-size: 10px;
	margin: 0 5px 4px 5px;
	padding-top: 5px;
	padding-bottom: 1px;
}
 
textarea.tshoutbox {
	background-color: white;
	border: 1px solid #8CACBB;
	color: #000000;
	font-size: 10px;
	width: 162px;
}

/*************************************************** MESSAGES ***************************************************/
/* Links for priority colors */

td.prio1, td.prio2, td.prio3, td.prio4, td.prio5 {
	border: 1px solid #8CACBB;
	padding-left: 2px;
}

td.prio1 {
	background-color: #F7F9CA;
}
 
td.prio2 {
	background-color: #F7F9EA;
}
 
td.prio3 {
	background-color: #F7F9FA;
}
 
td.prio4 {
	background-color: #F7F9FD;
}
 
td.prio5 {
	background-color: #F7F9FF;
}
 
/* Div containing links to flag/unflag messages when reading a message */
div.messureadflag {
	background-color: #CCCCCC;
	padding-left: 5px;
}
 
/* Header when reading a message */
div.messureadhead {
	background-color: #DEDEDE;
	margin-top: 2px;
}
 
/* Message body when reading */
div.messureadbody {
	margin-top: 5px;
	background-color: #DEDEDE;
}
 
/* links to read emails (the subject in the mailbox listing) */
.readlink {
	font-size: 10px;
	color: black;
}
 
.readlink:hover {
	
}

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

.calwiki,
.calblog,
.calgal,
.calart,
.calforum,
.caldir,
.calfgal,
.calfaq,
.calquiz,
.caltrack,
.calsurv,
.calnl,
.caleph,
.calchart {
	border-top: 1px dashed #CCCCCC;
	font-size: 10px;
	padding: 0 3px;
	margin-top: 0;
}

#calendar {
	width: 100%;
}
 
.cal0, 
.cal1, 
.cal2 {
	color: #425262;
	font-size: 10px;
	padding-right: 0;
}
 
.cal0:before {
	content: "? ";	
}

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

.cal2:before {
	content: "X ";
	background-color: #EEEEAA;
} 


.calart {
	
}

.calart a {
	color: #304F30;
	font-weight: normal;
} 

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

.calblog {
	
} 

.calblog a {
	color: #443F39;
	font-weight: normal;
} 

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

.calchart {
	
}

.calchart a {
	color: #304F30;
	font-weight: normal;
} 

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

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

.calcontent {
	
} 

.caldir {
	
} 

.caldir a {
	color: #304F30;
	font-weight: normal;
} 

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

/* for jscalendar */
.calendar {
	z-index: 200;
} 

.caleph {
	
} 

.caleph a {
	color: #304F30;
	font-weight: normal;
} 

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

.calfaq {
	
} 

.calfaq a {
	color: #304F30;
	font-weight: normal;
} 

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

.calfgal {
	font-weight: normal;
	color: #303F49;
} 

.calfgal a {
	color: #304F30;
	font-weight: normal;
} 

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

.calfocus {
	
} 

.calfocus a {
	
} 

.calfocuson {
	
} 

.calfocuson a {
	
} 

.calforum {
	
} 

.calforum a {
	color: #304F30;
	font-weight: normal;
} 

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

.calgal {
	
} 

.calgal a {
	
} 

.calgal:before {
	/* content: "i" */	
} 

td.calnavigation {
	
} 

.calnl {
	
} 

.calnl a {
	color: #304F30;
	font-weight: normal;
} 

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

#calprio {
	margin-left: 7px;
	padding: 0 5px;
	color: black;
}

.calprio1 {
	background-color: #DAE0E0;
} 

.calprio2 {
	background-color: #DADCDC;
} 

.calprio3 {
	background-color: #DAD0D0;
} 

.calprio4 {
	background-color: #DACACA;
} 

.calprio5 {
	background-color: #DAC0D0;
} 

.calprio6 {
	background-color: #DABABA;
} 

.calprio7 {
	background-color: #DAB0B0;
} 

.calprio8 {
	background-color: #DAAAAA;
} 

.calprio9 {
	background-color: #DA9A9A;
} 

.calprio1 a,
.calprio2 a,
.calprio3 a,
.calprio4 a,
.calprio5 a,
.calprio6 a,
.calprio7 a,
.calprio8 a,
.calprio9 a {
	color: #000000;
	font-weight: normal;
}

.calquiz {
	
} 

.calquiz a {
	color: #304F30;
	font-weight: normal;
} 

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

.calsurv {
	
} 

.calsurv a {
	color: #304F30;
	font-weight: normal;
} 

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

.caltab {
	
} 

.caltabon {
	
} 

div#tab {
	
} 

div#tab,
div#tabcal,
div#tabnav {
	
} 

/* misc cal styles */
.caltitle {
	font-weight: bold;
	color: #425262;
} 
/*
a.caltab {
	
} 

a.caltab:hover {
	
} 

a.caltabon {
	
} 

a.caltabon:hover {
	
} 

.caltoggle {
	
} 
*/
.opaque {
	background-color: #FFFFFF;
	width: auto;
	border: 1px solid #666666;
	padding: 5px;
} 

 #opaque {
	
} 

.opaque .box-title,
.opaque .box-data {
	width: auto;
} 

.calcontent {
	min-height: 60px;
}
/*
.caltrack {
	
} */

.caltrack a {
	color: #304F30;
	font-weight: normal;
}

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

.calweb {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	color: #336699;
} 

.calweb:hover {
	color: #996633;
} 

.calwiki {
	
} 

.calwiki a {
	color: #443F39;
	font-weight: normal;
} 

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

div.tabcal, div.tabnav {
	
} 

div.tabrow {
	margin-left: 29px;
	background-color: #EEEEEE;
	border: 1px solid #787878;
	border-bottom: 0;
	font-size: 11px;
} 

td.middle {
	vertical-align: middle;
} 

.daterow {
	margin-left: 10px;
} 

.mininotes {
	font-size: 9px;
	color: #666666;
} 

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

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

.viewmodeoff {
	padding-left: 0;
} 

.viewmodeon {
	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: #eeee99 !important;
	color: #000000;
} 

/* JsCalendar wrapper */

#datrigger {
	border: 1px outset #666666;
	padding: 1px 3px 1px 5px;
	margin: 2px;
	cursor: pointer;
	font-weight: bold;
} 
/* In forum ("on: date....")*/
table.commentinfo {
	border-left: 1px solid #A9B8C2;
	color: #333333;
	padding: 2px;
	margin: 1px;
} 

table.commentinfo td {
	color: #333333;
	font-style: italic;
	padding: 2px;
} 

div#loadstats {
	color: #666666;
	padding: 5px;
} 

/* Help links */
a.tikihelp,
a.tikihelp:visited {
	color: #06c;
	text-decoration: none;
	border: 0;
	vertical-align: text-top;
	font-weight: normal;
} 

a.tikihelp:hover {
	color: #147;
	cursor: help;
	vertical-align: text-top;
	text-decoration: underline;
	font-weight: normal;
} 

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

/* admin area tables */
table.admin {
	
} 

/***************** tiki tabs ***************/
.tabs {
	padding: 1px 5px;
} 

.tabcontent {
	z-index: 200;
	position: relative;
	border: 1px solid #999999;
	padding: 6px 2px 2px 2px;
	margin: 5px;
	margin-top: 0;
	background-color: #EEEEEE;
} 

.tabmark {
	display: inline;
	font-size: 10px;
	background-color: #DDDDDD;
	border: 1px solid #666666;
	margin: 0;
	margin-right: 5px;
	padding: 2px 0;
} 

.tabmark a {
	border-bottom: 0;
	color: #666666;
	font-weight: bold;
	padding: 1px 5px;
}

.tabmark a:hover {
	color: black;
	background-color: #CCCCCC;
}

.tabmark a:active {
	background-color: white;
	color: red;
}

/* trackers specific style */
.statuson {
	padding: 1px;
	margin: 1px;
	border: 1px inset #666666;
	vertical-align: middle;
	background-color: #BBAA99;
}

.statusoff {
	padding: 1px;
	margin: 2px;
	vertical-align: middle;
}

/****************************************** Assorted  ****************************************/

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

#clear {
	clear: both;
} 

.fancytoclevel {
	list-style-image: url(../img/icons/footprint.gif);
} 

/* Category tree on tiki-browse_categories.
	These override phplayers css file. */
div.tree {
	font-size: 12px;
	padding: 3px;
	margin: 3px;
}
div.tree a.phplm {
	color: #06c;
	font-size: 11px;
	text-decoration: none;
}

div.tree a.phplm:visited {
	color: #06c;
	font-size: 11px;
}

div.tree a.phplm:hover {
	color: #147;
	font-size: 11px;
	text-decoration: underline;
}
/* end category tree */
/***************** CUSTOM **********/
/* browse_categories page */
td.phplmnormal {
	
}