
body {
	background-color:    white;
	margin:   0px;
	padding: 0px;
}

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

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

/* This div encloses the whole Tiki application */
#tiki-main {
	background-image : url(basebg.gif);
}
/* This is the header */
#tiki-top {
	background-color:    #009999;
	padding: 3px;
	color:   white;
}
#tiki-top a {
	color:    white;
	text-decoration:   none;
}
/* This is the middle */
#tiki-mid {
border:   1px solid yellow;
}
/* And this is the footer */
#tiki-bot {
	background-color:    #CCFFFF;
	border:   1px solid #336666;
	padding: 3px;
	clear: both;
}
/* The three columns */
#leftcolumn {
	float: left;
}
#centercolumn {
	border: 1px solid red;
	float: left;
	margin: 0px 20px;
	width: auto;
}
#rightcolumn {
	float: right;
}
/* ********************* GENERAL STYLE PROPERTIES ************************** */

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

/* 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;
	color:   white;
	font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   13px;
	font-weight:   bold;
	text-align:   center;
	padding: 5px;
	width: auto;
}
/* And this is the data */
div.box-data {
	background-color:    #EAFFFF;
	color:   black;
	font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   11px;
	margin: 0px;
	padding: 5px;
}
:* ***************************************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;
	color:   black;
	font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   13px;
	font-weight:   bold;
	padding: 5px;
	width: auto;
	overflow:   hidden;
	text-align:   center;
}
/* And this is the data */
div.cbox-data {
  background-color: #EAFFFF;
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px;
	width: auto;
}
