/* CSS Document */

body{
	background-color:#333333;
	color:#cccccc;
	background-image: url(images/MenuBar.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.clickable{
	cursor:pointer;
}

.clickable:hover{
	color:#eeeeee;
}

#mainmenu{
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#mainmenu ul{
	list-style:none;
	padding:0;
	margin:0;
}

#mainmenu ul li{
	float:left;
	height:24px;
}

#mainmenu ul li a, #mainmenu ul li span.menulink{
	color:#999999;
	text-decoration:none;
	padding:0 5px 0 5px;
	cursor:pointer;
}

#mainmenu ul li:hover{
	background-image: url(images/PanelBarLong.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#mainmenu ul li:hover a, #mainmenu ul li ul.submenu li:hover span.menulink{
	color:#dddddd;
}

#mainmenu ul li a:active{
	color:#ffffff;
}

#mainmenu ul #loginInfo{
	float:right;
	font-size:11px;
	background:none;
	padding-top:3px;
}

#mainmenu ul #loginInfo:hover a{
	color:#999999;
}

#mainmenu ul #loginInfo a:hover{
	color:#dddddd;
}

#mainmenu ul li ul.submenu{
	display:none;
	position:absolute;
	background-color:#2B2B2B;
}

#mainmenu ul li ul.submenu li{
	float:none;
}

#mainmenu ul li ul.submenu li:last-child{
	padding-bottom:2px;
}

#mainmenu ul li ul.submenu li a{
	color:#999999;
	padding:0 5px 0 5px;
}

#mainmenu ul li ul.submenu li:hover a{
	color:#dddddd;
}

#mainmenu ul li:hover ul.submenu{
	display:block;
}

#maincontent{
	min-height:400px;
}

#maincontent h1, #maincontent h2{
	margin:0px;
	padding:0px;
	color:#eeeeee;
}

#mainfooter{
	background-color:#242424;
	border:solid 1px #131313;
	font-size:11px;
	color:#999999;
	background-image: url(images/zorplanner_small.png);
	background-repeat: no-repeat;
	background-position: right -3px;
}

#mainfooter p{
	margin:5px;
}

#mainfooter p a{
	text-decoration:none;
	color:#999999;
}

#mainfooter p a:hover{
	color:#eeeeee;
	font-weight:bold;
}

#monthchooser{
	position:absolute;
	left:50%;
	top:100px;
	margin-left:-248px;
	background-color:#242424;
	border:solid 1px #131313;
	width:496px;
}

#monthchooser h2{
	margin:5px;
	text-align:center;
}

#monthchooser #monthSelector, #monthchooser #monthSelector li.year ul{
	list-style:none;
	margin:0;
	padding:0;
}

#monthchooser #monthSelector li.year{
	float:left;
	width:150px;
	background-color:#464646;
	border:solid 1px #5F5F5F;
	margin:0 0 10px 10px;
}

#monthchooser #monthSelector li.year h3{
	margin:5px;
	padding:0;
}

#monthchooser #monthSelector li.year h3 span.ss_sprite{
	float:left;
	padding-bottom:0px;
	margin-top:2px;
}

#monthchooser #monthSelector li.year ul li{
	margin:0 5px 5px 5px;
}
#monthchooser #monthSelector li.year ul li a{
	text-decoration:none;
	color:#cccccc;
}

#monthchooser #monthSelector li.year ul li a:hover{
	color:#eeeeee;
	text-decoration:underline;
}