/* -------  CSS Styles by Caroline Clouqueur www.clouqueur.net ------- */

/* ------------ for De-bugging ------------ */
/*
div { border: 1px solid green; }
div div { border: 1px solid blue; }
div div div { border: 1px solid red; }
*/

/* ------------ Basic formatting ------------ */
/* ------------------------------------------ */
body { 
		margin: 0 auto; 
		background-color: white; 
		text-align: left;
		border-style: none;
		border-width: 0px;
}

strong { font-weight: bold; }
em { font-style: italic; }
sup, sub { line-height: 0; }
.center {text-align: center;}
.small {font-size: 85%;}

/* ------------ Default Linking Styles ------------ */
/* ------------------------------------------------ */
a { text-decoration: underline; color: #3366CC; /* blue */ }
a:link, a:visited { color: #3366CC; /* blue */ }
a:hover { color: #E78E00; /* orange */ }
a:active { color: #3366CC; /* blue */ }
	
/* -------------- Positioning Divs ---------------- */
/* ------------------------------------------------ */
/*div { margin: 0 auto; }*/


/* ------------------- Centre Column Rules ------------------- */
/* ----------------------------------------------------------- */

#main p, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main dl { clear:both; padding-right: 30px; padding-left: 17px; }

#main p { padding-bottom: 0.7em;line-height: 1.3em;}
#main p.explanation { font-weight: bold; padding: 0.9em 0.5em 0.5em 4em; color: #1D2D77; /* blue */ }
#main p.error { font-weight: bold; color:#B81B0B; }
#main p.noSpacing {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; line-height: 0.5em;}

/* Widget Styles by Björn Günzel */

#main {
	background-color: white;
	width: 300px;	
	height: 180px;
}

#date, #date a {
	font-size: 30px;
	color: #153a7e;	
	font-weight: bold;
	display: inline;
	line-height: 1em;
	vertical-align: middle;
	float: left;	
	text-decoration: none;
	height:100%
}

#daySigns {
	width: 100%;	
}

#content {
	border-color: #153a7e;	
	border-width: 0px;
	border-style: none;
	padding: 5px;
	margin-top: 2px;
}

#dayProperties {
	padding: 0px;
	vertical-align: middle;	
}

#dayProperties td {
	padding: 0px;
	vertical-align: middle;	
	border-width: 0px;
	border-style: none;
	border-color: white;
}

#dayActivities {
	border-collapse: separate;
}

#dayActivities td {
	border-width: 0px;
	border-style: none;
	border-color: white;
	padding: 0px;
	margin: 0px;
	width: 36px;
	height: 36px;
}

div.hoverText {
	position: absolute;
	display: none;
	visibility: hidden;
	background-color: white;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	top: -30px;
	color: black;
}

div.hoverRight {
	left: 10px;	
}

div.hoverLeft {
	left: -30px;
}

a:hover .hoverText {
	display: inline;
	visibility: visible;
	z-index: 1;
}

td.icon {
	height: 48px;
	width: 48px;	
}

a.icon {
	position: relative;
	display: inline;
}

.icon img {
	z-index: 0;
}