h1
{
	color: #0c81b8;
	text-decoration: none;
	border-radius: 5px;
	padding: 4px 10px 4px 15px;
	margin: 2px;
}
h2
{
	color: #4587a6;
	margin: 3px;
}
h3
{
	color: #608191;
	margin: 2px;
}

div.calendar_panel
{
	width: 250px; 
	padding: 4px; 
	float: right;
	margin: 0px 0px 3px 0px;
	background-color: #dfdfdf;
	clear: both;
}

div.calendar_panel div.training.title
{
	background-color: #696969;
	color: #ffffff;
	font-size: 1.1em;
	padding: 10px 8px 10px 8px;
	border-radius: 0px;
}

div.calendar_panel div.training.text
{
	font-size: 0.8em;
	margin: 4px 2px 4px 2px;
}

div.calendar_panel div.training.courses
{
	padding: 2px;
	border: 1px solid #000000;
	border-radius: 0px;
	background-color: #ffffff;
}

div.calendar_panel div.training.courses div.course
{
	padding: 4px; 
	border-radius: 3px;
	margin: 0px 0px 3px 0px;
	cursor: pointer;
	text-overflow: ellipsis;
}

div.calendar_panel div.training.events
{
	padding: 2px;
	border: 1px solid #000000;
	border-radius: 0px;
	background-color: #ffffff;
}

div.calendar_panel div.training.events div.event
{
	margin: 5px 0px 5px 0px;
}

div.calendar_panel div.training.events div.event div.instructor
{
	margin: 3px 0px;
	font-size: 0.7em;
}

#divClassrooms
{
	width: 250px; 
	padding: 10px 8px 10px 8px;
	border-radius: 0px;
	float: right;
	margin: 0px 0px 3px 3px;
	background-color: #696969;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
}

#divSearch
{
	padding: 5px 8px 5px 8px;
	border-radius: 0px;
	margin: 0px 0px 4px 3px;
	background-color: #696969;
	color: #ffffff;
	overflow: auto;
}

div.bordered
{
	border: 1px solid #000000;
	border-radius: 8px;
	margin: 3px;
	padding: 3px;
}

div.title
{
	background-color: #696969;
	color: #ffffff;
	font-size: 1.1em;
	padding: 10px 8px 10px 8px;
	border-radius: 0px;
}

div.profile_photo_container
{
	float: left;
}

div.profile_photo
{
	border: 1px solid #000000;
	height: 338px;
	width: 242px;
	padding: 0px;
	text-align: center;
	vertical-align: center;
}

div.profile_photo img
{
	width: 100%;
	height: 100%;
	overflow: none;
}

a, a:visited
{
	color: #066cac;
}

a:hover
{
	color: #1b57e0;
}

small
{
	font-size: 0.8em;
	font-style: italic;
}

span.tooltip.help
{
	display: inline-block;
	text-align: center;
	color: #ffffff;
	background-color: #384bff;
	border: 1px solid #131315;
	border-radius: 50%;
	width: 20px;
	cursor: pointer;
}

span.yes
{
	color: #2b8f2b;
	font-weight: bold;
}

span.warn
{
	color: #dccc15;
	font-weight: bold;
}

span.no
{
	color: #c11010;
	font-weight: bold;
}

/* User Fields */
table.userdata
{
	border: 0px;
}

table.userdata tr td.photo_col
{
	width: 243px;
}

label
{
	min-width: 100px; 
	text-align: right;
	display: inline-block;
}

/* UI Elements */
.ui-state-highlight {
	margin: 6px auto;
	padding: 0.7em;
}
.ui-state-highlight p {
	margin: 0px 3px;
}