/* ----- SHARED ----- */

body {
	margin: 20px;
	background: #7589a1 url("../img/background.gif") repeat-x top left; }

/* ----- GUI ----- */

div.line, div.line_signin {
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	margin: 15px 0px;
	margin-top: 12px;
	background: url("../img/line.gif") repeat-x top left; }

div.line_signin {
	background: url("../img/line_signin.gif") repeat-x top left; }

td.form, td.content {
	background: #d8dde7;
	border: 1px solid #36475f; }

td.content {
	background: #ffffff; }

/* ----- CONTENT ----- */

p.header, p.header_error, p.header_signin { {
	font-family: arial;
	font-size: 34px;
	color: #36475f;
	line-height: 26px;
	text-transform: uppercase; }

p.header_signin {
	color: #36475f; }

p.subheader {
	font-family: arial;
	font-size: 22px;
	color: #c11e1e;
	line-height: 16px;
	text-transform: uppercase; }

p.footer, a.footer {
	font-family: arial;
	font-size: 11px;
	color: #bdc5d3;
	line-height: 15px; }

a.footer {
	color: #d8dde7; }

a.footer:hover {
	color: #ffffff; }

p.menu, p.menu a, p.menu_date {
	font-family: arial;
	font-size: 16px;
	color: #bdc5d3; }

p.menu a {
	font-weight: bold;
	color: #ffffff; }

p.menu a:hover {
	font-weight: bold;
	color: #d8dde7; }

p.menu_date {
	font-size: 14px;
	font-weight: normal; }

p.content, p.content a, li, li a, font.bold {
	font-family: arial;
	font-size: 12px;
	color: #576a82;
	line-height: 18px; }

p.content a, li a, p.header_error {
	color: #c11e1e; }

p.content a:hover, li a:hover {
	color: #d36060; }

font.bold {
	font-size: 14px;
	font-weight: bold; }

/* ----- FORM ----- */

div.form {
	background: #d8dde7;
	padding: 20px;
	padding-bottom: 30px;
	border: 1px solid #36475f; }

p.form, p.error, p.checkbox, p.form_content {
	margin-top: 5px;
	font-family: arial;
	font-size: 14px;
	color: #36475f; }

p.form_content {
	font-size: 12px;
	color: #576a82; }

p.checkbox {
	margin: 0px 2px; }

p.error {
	color: #c11e1e; }

input.text {
	height: 28px;
	font-family: arial;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #36475f;
	padding: 5px 7px;
	margin-top: -1px;
	color: #36475f;
	margin-bottom: 5px; }

div.button {
	padding: 1px;
	background: #8a0f0f; }

input.button, input.button_rollover {
	font-family: arial;
	font-size: 11px;
	text-transform: uppercase;
	border: 0px;
	background: #c11e1e;
	color: #ffffff;
	height: 26px;
	width: 78px;
	cursor: hand; }

input.button_rollover {
	background: #d36060; }

a.form {
	font-family: arial;
	font-size: 12px;
	color: #c11e1e; }

a.form:hover {
	color: #d36060; }

div.dropdown {
	border: 1px solid #36475f;
	background: #ffffff;
	padding: 3px 2px; }

div.dropdown div {
	width: 1px;
	background: #ffffff;
	display: block;
	overflow: hidden;
	margin-bottom: 6px; }

div.dropdown select {
	margin: -2px -1px;
	color: #36475f;
	background: #ffffff;
	font-family: arial;
	font-size: 14px; }

.checkbox {
	margin: -2px -4px; }

/* ----- CALENDAR ----- */

td.calendar_header {
	background: #36475f;
	padding: 5px 10px;
	padding-bottom: 6px; }

td.calendar_header p, td.calendar_header a {
	font-family: arial;
	color: #ffffff;
	font-size: 12px; }

td.calendar_header a {
	font-weight: bold;
	text-decoration: none; }

td.calendar_header a:hover {
	color: #d8dde7; }

td.calendar_subheader {
	width: 14%;
	text-align: center;
	background: #7589a1;
	border: 1px solid #7589a1;
	padding: 5px; }

td.calendar_subheader p {
	font-family: arial;
	color: #d8dde7;
	font-size: 11px;
	font-weight: bold; }

td.calendar_cell, td.calendar_day, td.calendar_event {
	width: 14%;
	text-align: center;
	background: #ffffff;
	border: 1px solid #7589a1;
	padding: 5px; }

td.calendar_cell {
	background: #d8dde7; }

td.calendar_event {
	background: #7589a1; }

td.calendar_day p, td.calendar_event p {
	font-family: arial;
	color: #576a82;
	font-size: 12px; }

td.calendar_event p {
	color: #ffffff; }

/* ----- TOOLTIP ----- */

div.tooltip {
  width: 120px;
	background: #e9edf4;
	border: 1px solid #7589a1;
	padding: 6px 10px;
	display: none; }

div.tooltip, div.tooltip td {
	font-family: arial;
	font-size: 12px;
	color: #576a82; }

