html, body, ul
{
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: 'Lucida Sans' ,Verdana,Ariel,Helvetica,Sans-Serif;
	font-size: 13px;
}

#container
{
	width: 100%;
}

#top
{
	background: #383d44;
}

#top #topright
{
	background: #383d44;
	height: 15px;
	text-align: right;
	margin: 0 20px 0 0;
	padding-top: 10px;
	color: #999;
}

#top #topright a
{
	color: #999;
	text-decoration: none;
}

#top #topright a:hover
{
	color: #fff;
}

#top ul
{
	background: #383d44;
	margin: 0 0 0 50px;
	list-style: none;
	height: 34px;
}

#top ul li
{
	float: left;
	color: #999;
}

#top ul li.active
{
	background: #5e96b7;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}

#top ul li a
{
	display: block;
	line-height: 34px;
	padding: 0 10px;
	font-size: 14px;
	text-decoration: none;
	color: #999;
}

#top ul li a:hover
{
	color: #fff;
}

#top ul li.active a
{
	color: #fff;
}

#header
{
	background: #5e96b7;
	color: #fff;
}

#header h1
{
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 15px 20px 15px 50px;
}

#main
{
	margin: 30px 50px 10px 50px;
	min-height: 500px;
}

#mainWeekView
{
	margin: 30px 50px 10px 50px;
	min-height: 850px;
}

#main h1
{
	font-size: 20px;
	font-weight: normal;
	padding: 6px 12px;
	border-bottom: 3px solid #a4d08f;
	background: #5e96b7;
	color: #fff;
	margin: 0 0 20px 0;
	letter-spacing: -1px;
}

#main h2
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid Lightgrey;
	padding: 0 0 2px 0;
}

#main a
{
	color: #000;
}

#main a:hover
{
	background: #5e96b7;
	color: #fff;
	text-decoration: none;
}

#main .container
{
	background: #fff;
}

#main .container p
{
	line-height: 20px;
	margin: 0 0 14px 0;
}

#main .weekview
{
	text-align: center;
}

#footer
{
	margin: 0 50px;
	border-top: 1px solid #eee;
	padding: 10px 0;
}

#footer img
{
	float: left;
	margin-right: 20px;
}

#footer p
{
	float: left;
	margin: 0;
	line-height: 20px;
}

#footer a
{
	color: #5e96b7;
}

#footer a:hover
{
	background: #5e96b7;
	color: #fff;
	text-decoration: none;
}

/* WeekView */
#weekview
{
	float: left;
	width: 24%;
	text-align: center;
	padding: 10px 0;
	border-right: 2px solid #fff;
	background-color: #b2e898;
	color: #16270e;
	font-size: 11px;
}

.form
{
	padding: 0 0 14px 0;
	margin: 0 0 10px 0;
}

.form label
{
	color: #555;
	line-height: 20px;
	font-size: 14px;
}

.form select, input[type="text"], textarea, input[type="password"]
{
	border: 1px solid lightgrey;
	font-size: 14px;
}

.form select
{
	padding: 1px;
	height: 25px;
}

.form input[type="text"], .form textarea, .form input[type="password"]
{
	padding: 6px 6px;
}

.form input[type="text"]:focus, .form input[type="password"]:focus, .form select:focus, .form input[type="text"]:hover, .form input[type="password"]:hover, .form select:hover, .form textarea:focus, .form textarea:hover
{
	border: 1px solid #5e96b7;
}

input[type="submit"], input[type="button"]
{
	padding: 4px 8px 4px 8px;
	margin-right: 10px;
}

.gridlines td
{
	border: solid 1px grey;
}

.monthViewTable td
{
	border: solid 1px grey;
}

.weekViewAlternate
{
	background-color: #f5f5dc;
}