*, html, body{
	font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px;

}
body{
	margin: 0; 
	background-color: #fee;
}
h1{font-size: 20px;}
h2{font-size: 16px;}
ul#topmenu{
	margin: 0px; padding: 0px;
	display: block; 	
	padding-left: 20%;
}
ul#topmenu li{
	display: block; float: left;
	padding: 0px; margin: 0px;	 
}
ul#topmenu li a{
	display: block;
	background-color: #444;
	/*background-image: url(/img/bmenutop.gif);*/
	padding: 20px; height: 15px;
	padding-top: 2px; padding-bottom: 2px;
	font-weight: bold; font-size: 12px;
	text-decoration: none;
	color: #eee;
}
ul#topmenu li a:hover{
	color: #444;
	background-color: #eee;
/*	background-image: url(/img/bmenutop1.gif);*/
}
div#logo{
	float: left; width: 22%; text-align: center; font-weight: bold;
	background-color: #444; height: 19px;
}
div#logo img{
	border: 0px;
}
div#content-left{
	
	width: 20%; background-color: #fc7;
	float: left;
	min-height: 420px;

}

div#content-left div.menubox{
	padding: 10px;
	padding-top: 20px; padding-bottom: 20px; 
}	

div#content{
	width: 60%;
	float: left;
	
}
/*
div#content-center{
	width: 58%;
	float: left;
	border-right: 1px solid #83aa83;
	min-height: 200px;	
}
*/
div#content-center div{
	padding: 5px;
}

div#content-right{
	float: left;
	width: 20%;
	background-color: #ddd;
	min-height: 420px;
}

div.menubox{
	text-align: right;
}
div.leftbox{
	background-color: #eb6;
	margin: 10px; border: 1px solid black;
}
div.leftbox h2{
	font-size: 14px;
	margin: 4px;
}
div.menubox ul.leftmenu{
	list-style: none;
	padding: 0px; margin: 0px;
}

div.menubox ul.leftmenu li{
	margin-top: 1px;
}

div.menubox ul.leftmenu li a{
	display: block;
	padding: 2px; text-decoration: none;
	background-color: #eb6;
	color: #640;

	font-size: 14px;	
}
div.menubox ul.leftmenu li a:hover{
	color: #fff; background-color: #b93;

}

form#loginform label {
	display: block;
	width: 160px;
	float: left;
	
}
form#loginform div{
	margin-top: 5px;
}


ul.actions{
	margin: 0px; padding: 0px;
	display: block; 	

}
ul.actions li{
	display: block; float: left; height: 19px;
	padding: 0px; margin: 0px;	 
}
ul.actions li a{
	background-color: #777;
	padding: 4px;
	padding-top: 2px; padding-bottom: 2px;
	font-weight: bold; font-size: 12px;
	text-decoration: none;
	color: #eee;
	
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
		
}
ul.actions li a:hover{
	color: #222;
	background-color: #eee;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;	
}

input, select, textarea, button{border: 1px solid #222; padding: 1px;}
table{
	border: 1px solid black; width: 100%; border-left: 0px;
	margin: 3px;
	
}
table th, table th a{background-color: #777; color: black;}
table td, table th{border-left: 1px solid black; padding: 2px;}
table tr.altRow{
	background-color: #ccc;
}



/**************************************************************************************
	htmlDatePicker CSS file
	
	Feel Free to change the fonts, sizes, borders, and colours of any of these elements
***************************************************************************************/
/* The containing DIV element for the Calendar */
#dpCalendar {
	display: none;					/* Important, do not change */
	position: absolute;				/* Important, do not change */
	background-color: #eeeeee;
	color: black;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	top: 12px;
	width: 150px;
}
/* The table of the Calendar */
#dpCalendar table {
	border: 1px solid black;
	background-color: #eeeeee;
	color: black;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
	background-color: #ddddff;
	color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
	background-color: #ddddff;
	color: black;
	text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
	background-color: #ddddff;
	color: black;
	text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
	border: 1px solid red;
	background-color: #ffdddd;
	color: black;
	text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
	background-color: #ddffdd;
	color: black;
	text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
	background-color: transparent;
	color: black;
}
/* The cancel button */
#dpCalendar .cellCancel {
	background-color: #cccccc;
	color: black;
	border: 1px solid black;
	text-align: center;
}
/* The clickable text inside the calendar */
#dpCalendar a {
	text-decoration: none;
	background-color: transparent;
	color: blue;
}

/*
Ajax auto completer
*/
div.auto_complete {
    position         :absolute;
    width            :220px;
    background-color :#aaa;
    border           :1px solid #444;
    margin           :0px;
    padding          :0px;
    

}
ul.ajax_autocompleter{
	padding: 0px; margin: 0px;
	padding-top: 2px; padding-bottom: 2px;
	list-style: none;
}
ul.ajax_autocompleter li.selected { 
	background-color: #fc7;
}