/******************/
/** common styles */
/******************/

/* remove spaces around body */
	body {
		margin: 0px; /* remove space around content in body */
		padding: 0px; /* in opera6 the space is not margin but padding */
	}
	
/* font */
	body, table, input, textarea, select {
		font-size: 8pt;
		font-family: "Verdana", "Arial", sans-serif;
	}
	
/* form */
	form { margin: 0px; }
	form .label { font-weight: bold; padding-top: 3px; }
	form .accesskey { text-decoration: underline; }
	form .disabled { color: gray; }
	from .invalid { border: 1px solid red; }
	
	.pcodebar, .smiliebar { background-color: #eee; }
	
/* remove border for images */
	img { border: 0px; }
	
/* color of links */
	a, a:visited { color: navy; }
	a:hover { color: red; }
	
/* table */
	th { background-color: #8080ff; }
	th a.ordnone, th a.ordasc, th a.orddesc { background-repeat: no-repeat; background-position: right; }
	th a.ordnone { background-image: url(../icons/sort.gif) }
	th a.ordasc { background-image: url(../icons/sort_asc.gif) }
	th a.orddesc { background-image: url(../icons/sort_desc.gif) }
	th.vert { text-align: left; }
	.tr0 { background-color: #d0d0ff; }
	.tr1 { background-color: #f0f0ff; }
	td { vertical-align: top }
	table.layout, table.layoutnoprint { border: 0px; width: 100%; table-layout: auto; }
	table.text th, table.text td { padding-left: 5px; padding-right: 5px; }
	th a { width: 100%; }
	
/* footer */
	.footer { font-size: 0.8em; }
	
/* generic classes */
	.floatleft { float: left; padding-right: 10px; }
	.floatright { float: right; padding-left: 10px; }
	.clearboth { clear: both; }
	.gray { background-color: #e0e0e0; }
	.nowrap { white-space: nowrap; }
	.center { text-align: center; }
	.right { text-align: right; }
	.top { vertical-align: top; }
	.bottom { vertical-align: bottom; }
	
/* abstract classes */
	.disabled { color: gray; }
	.warning { color: red; font-weight: bold; }

/* dhtml-menu */
	div.menu {
		border: 1px solid black;
		left: 0px;
		padding: 2px 0px 2px 0px;
		position: absolute;
		top: 0px;
		visibility: hidden;
		z-index: 101;
	}
	div.menu a.menuItem {
		padding: 3px 1em;
		text-decoration: none;
		white-space: nowrap;
	}	
	@media screen {
		div.menu a.menuItem {
			display: block;
		}	
	}	
	
/* colors for block-game */
	.blockgame { line-height: 1px; }
	.blockgame img { width: 16px; height: 16px; }
	
	.blockgame .c1 { background-color: blue; border: 2px solid blue; }
	.blockgame .c1hover { background-color: blue; border: 2px solid lime; }
	.blockgame .c2 { background-color: red; border: 2px solid red; }
	.blockgame .c2hover { background-color: red; border: 2px solid yellow; }
	.blockgame .c3 { background-color: yellow; border: 2px solid yellow; }
	.blockgame .c3hover { background-color: yellow; border: 2px solid red; }
	.blockgame .c4 { background-color: lime; border: 2px solid lime; }
	.blockgame .c4hover { background-color: lime; border: 2px solid blue; }
	/*
	.blockgame img { width: 32px; height: 32px; }
	.blockgame .c1 { background-image: url(../images/ball-blue.gif) }
	.blockgame .c2 { background-image: url(../images/ball-red.gif) }
	.blockgame .c3 { background-image: url(../images/ball-yellow.gif) }
	.blockgame .c4 { background-color: lime; border: 0px solid lime; }
	.blockgame .c1hover { background-image: url(../images/ball-blue-hover.gif) }
	.blockgame .c2hover { background-image: url(../images/ball-red-hover.gif) }
	.blockgame .c3hover { background-image: url(../images/ball-yellow-hover.gif) }
	.blockgame .c4hover { background-color: lime; border: 0px solid lime; }
	*/

/* calendar styles */
	.weeknumber { font-style: italic; }
	.day6, .day7 { background-color: green; }
	.today a { color: red; }
	.other { color: #ddd; }
	

/* forum styles */
	
	.boardtitle { font-weight: bold; }
	.lastpost { font-size: 90%; }
	.postingtime { font-size: 90%; padding-bottom: 5px; border-bottom: 1px solid gray; }
	.postingtext { padding-top: 5px; padding-bottom: 5px; }
	.postingfooter { font-size: 90%; padding-top: 5px; border-top: 1px solid gray; }
	
/* debug output */
	.debug, .debug table { color: gray; font-size: 6pt; }
	.debug th { color: white; background-color: #9a9a9a; }
	.debug .tr0 { background-color: #d0d0d0; }
	.debug .tr1 { background-color: #e0e0e0; }
	.debug a { color: gray; }
	
/* overlib */
	.olfg { background-color: #ccccff; }
	.olbg { background-color: #333399; }
	.oltext, .olcaption, .olclose { font-family: "Verdana", "Arial", "Helvetica", sans-serif; font-size: 90%; }
	.oltext { color: #000000; }
	.olcaption { color: #ffffff; font-weight: bold; }
	.olclose { color: #99ffff; }