/* ********************* GENERAL LAYOUT ************************************ */
/* Use only div, no tables */

body {
	background-color: white;
	margin: 0px;
	padding: 0px;
}
/* This div encloses the whole Tiki application */
#tiki-main {
	background-image : url(basebg.gif);
}
/* This is the header */
#tiki-top {
	background-color: #009999;
	padding: 3px;

	color: white;
}
/* This is the middle */
#tiki-mid {
	border:   1px solid yellow;
	position: relative;
}
/* And this is the footer */
#tiki-bot {
	background-color: #CCFFFF;
	border:   1px solid #336666;
	padding: 3px;
}
/* The three columns */
/* ********************** careful:  to work on a lot of browser, see www.glish.com  ***** */
#leftcolumn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;
	z-index: 2;
}
#centercolumn {
	border: 1px solid red;
	margin: 0px 200px;
}
#rightcolumn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 180px;
	z-index: 1;
}
/* ********************* BOX ************************** */

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

/* Modules (modules are those boxes in the left/right columns) */
div.box {
	background-color: red;
	border: 1px solid #336666;
	margin: 5px;
	width: 175px;
}
/* Boxes are divided in title and data, this is the title */
div.box-title {
	background-color: #009999;
	border-bottom: 1px solid #336666;
	padding: 5px;
	width: auto;

	color:   white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
/* And this is the data */
div.box-data {
	background-color: #EAFFFF;
	margin: 0px;
	padding: 5px;

	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* ********************* CBOX ************************** */
.cbox {
	margin: 5px;
	border: 1px solid #009999;
}
/* Boxes are divided in title and data, this is the title */
div.cbox-title {
	background-color: #CCFFFF;
	border-bottom: 1px solid #009999;
	padding: 5px;
	width: auto;

	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
/* And this is the data */
div.cbox-data {
	background-color: #EAFFFF;
	padding: 5px;
	width: auto;

	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 11px;
}