html {
	background: #111 url("../images/bg.png") repeat-y center top;
}
body { 
	color: #f1f1f1;
	background: #000;
}
div#top {
	background: #111;
}
div#body {
	background: #000;
	border-top: 2px solid #2b2b2b;
}
div#footer {
	color: #333; 
}
div#footer a{
	color: #555; 
}

/***** TABLE *****/

th, label {
	color: #ddd;
}
.list {
	background: #0c0c0c;
	color: #f1f1f1;
}
.list td {
	border-bottom: 1px solid #111;
}
.list th {
	border-bottom: 1px solid #333;
	background: #111 url("../images/th.png") repeat-x top;
}

.vertical th {
	color: #aaa;
}
.vertical td {
	padding: 5px;
}
/**** FORMS ****/

form.button-to {
	background:transparent;
}

label, .label {
	color: #ddd;
	font-size: 12px;
}

form {
	border: 1px solid #222;
	background: #0A0A0A;
}

form h3, form h2 {
	border-bottom: 1px solid #444;
}

/**** SUB MENU ****/
ul.sub_menu {
	background: url("../images/sub_menu.png") no-repeat top;
}
ul.sub_menu a {
	color: #7e8fff;
}
ul#menu {
	border-top: 3px solid blue;
}
ul#menu li a {
	color: #7e8fff;
}
ul#menu li a:hover {
	color: #fff;
}
ul#top_menu a{
	color: #999;
}

ul#menu li.menu_list_spacer {
	border-left: 2px solid #666;
}
/**** STANDARD ****/
h1 {
	border-bottom: 2px solid #333;
	color: #ccc;
}
h2 {
	color: #ccc;	
}
h3 {
	color: #ccc;
	font-size: 12px;
	background: #111 url("../images/th.png") repeat-x top;
	border-bottom: 1px solid #222;
	padding: 3px;
}
p {
	color: #ccc;
}
a {
	color:#4449ff;
}
a:visited {
	color:#535483;
}
hr {
	border-color:#666;
}
pre {
  background-color: #eee;
}

/**** OTHER ****/
td.arrow {
	background: url('../images/status_arrow_dark.png') right center no-repeat;
}
table.personnel_request th {
	background: #111;
	border-bottom: 2px solid #333;
}
.success {
	color: green;
	background: url('../images/ok.png') left center no-repeat;
}
.red td {
	background: #3B0000;
}
.list tr:hover {
	background: #111;
}
.list .even {
	background: #151515;
}
div.alert {
	background: url('../images/alert_top.png') top center no-repeat;
	color: #E9EAFA;
}
div.alert div {
	background: url('../images/alert_bottom.png') bottom center no-repeat;
}
div.alert h3 {
	color: #E9EAFA;
}
div.alert td {
	background: transparent;
}
div.red_alert {
	background: url('../images/alert_top_red.png') top center no-repeat;
	color: #E9EAFA;
}
div.red_alert div {
	background: url('../images/alert_bottom_red.png') bottom center no-repeat;
}
div.red_alert h3 {
	color: #E9EAFA;
}

.todo {
	color: red;
}
span.instructional {
	color: #555;
}
.fieldWithErrors {
  background-color: red;
}
#search_results {
	border: 1px solid #1b1b1b; 
	background-color: #0d0d0d;
}

.notice {
	color: #ddd; 
	border: 1px solid green; 
	background: #275E2C url('../images/ok.png') left center no-repeat;
}
.error {
	color: #ddd; 
	background: #5e0000 url('../images/not_ok.png') left center no-repeat;
	border: 1px solid #2B0101; 
}
.warning {
	color: #ddd; 
	background: #5e0000 url('../images/not_ok.png') left center no-repeat;
	border: 1px solid #2B0101; 
}
#errorExplanation {
  border: 2px solid #5e0000;
  background-color:#2B0101;
}

#errorExplanation h2 {
  background-color: #5e0000;
  color: #fff;
}

#errorExplanation p {
  color: #999;
}

/*  CALENDAR STYLES
******************/
.calendar {
	margin: 8px auto;
}

.calendar td {
	padding: 10px;
	border-right: 1px solid #333;
	color: #888;
}
.calendar td a {
	background: transparent;
}
th.monthName {
	text-align: center;
	font-size: 16px;
	font-style: normal;
}

.dayName th {
	background: #222;
	padding: 6px;
	border-bottom: 2px solid blue;
}

.otherMonth, .day, .specialDay {
	background: #666;
}

.day, .specialDay {
	background:#222;
}

.specialDay {
}

.specialDay a, .specialDay a:visited, .specialDay a:hover {
}

.specialDay a:hover {
}

.weekendDay {
	background: #333;
}

.otherMonth {
}

.today{
	background: #002397;
}

/* day view
*****************/

.week_calendar {
	width: 100%;
	border-collapse: collapse;
}

.week_calendar .header {
	text-align: center;
	background: transparent;
	font-size: 16px;
}

.week_calendar .top th {
	border-bottom: 2px solid blue;
	background: #222;
	padding: 5px;
}

.week_calendar th {
	background: #222;
	padding: 5px 9px;
}

.week_calendar td {
	width: 215px;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
	background:#333;
	height: 30px;
}
.week_calendar td a {
	padding: 4px;
	color: #AAACF5;
}
.week_calendar td.appointment {
}

.visit {
	color: #FFDDB1;
	background: #AC6906;
	padding: 2px 4px;
}
.appointment {
	color:#FFB1F8;
	background: #690061;
	padding: 2px 4px;
}