html, body {
	min-height: 100%;
	background: #fff;
	color: #000;
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
}

a {
	color: #ff0000;
}

a:hover {
	background: #ff0000;
	color: #fff;
	text-decoration: none;
}

h1, h2, h3 {
	margin: .4em 0;
	padding: 0;
}

h3 {
	text-align: center;
}

input[type=button], input[type=file], input[type=password], input[type=submit], input[type=text], input[type=number], input[type=date], select, textarea  {
	font-size: 100%;
	padding: 4px 6px;
}

p {
	margin: .4em 0;
	padding: 0;
}

#header {
	width: 100%;
	background: #000;
}

#title {
	background: #eee;
	border-top: 4px solid #fff;
	border-bottom: 1px solid #000;
	clear: both;
	padding: .5% 1%;
	text-align: left;
}

#content {
	clear: both;
	margin-bottom: 50px;
}

footer {
	border-top: 1px solid #000;
	clear: both;
}

/* Login */

form#frmLogin {
	text-align: center;
}

table#tblLogin {
	border-collapse: collapse;
	color: #000;
	margin: 0 auto;
	text-align: left;
}

#tblLogin td, #tblLogin th {
	border: 2px solid #fff;
}

/* Calendar */
table.calendar {
	color: #000;
	table-layout: fixed;
}

table.calendar thead {
	display: none;
}

table.calendar thead th {
	min-width: 100px;
}

table.calendar td, table.calendar th {
	border: 1px solid #666;
}

table.calendar td {
	display: block;
	min-height: 80px;
}

table.calendar ul {
	margin: 2px;
	padding: 0;
	list-style-type: none;
	border-color: #000;
	border-style: solid;
	border-width: 0px;
}

table.calendar li a {
	display: block;
	font-size: 80%;
	font-weight: normal;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	margin: 0;
	background-color: #fff;
	text-decoration: none;
	padding: 2px;
}

table.calendar li div.print-icon {
	display: inline-block;
	float: right;
	top: 0;
	position: relative;
}

table.calendar li a:hover {
	background-color: #eee;
	color: #000;
}

table.calendar div {
	padding: 0 .5em;
}

table.calendar a {
	color: #000000;
}

table.calendar td.cal_none {
	display: none;
	background-color: #bbb;
	padding: 0;
}

table.calendar td.cal_empty {
	display: none;
}

table.calendar .cal_none .cal_date {
	background-color: #999;
}

table.calendar td.cal_past {
	background-color: #ddd;
	padding: 0;
}

table.calendar .cal_past .cal_date {
	background-color: #c0c0c0;
}

table.calendar td.cal_present {
	background-color: #ff7373;
	padding: 0;
}

table.calendar .cal_present .cal_date {
	background-color: #ff4040;
}

table.calendar td.cal_future {
	background-color: #fff;
	padding: 0;
}

table.calendar .cal_future .cal_date {
	background-color: #d0d0d0;
}

@media (min-width: 576px) {
	table.calendar thead {
		display: table-header-group;
	}
		
	table.calendar tbody tr td {
		display: table-cell;
		height: 100px;
	}
	
	table.calendar td {
		display: table-cell;
	}
	
	table.calendar td.cal_empty {
		display: table-cell;
	}
	
	table.calendar td.cal_none {
		display: table-cell !important;
	}
}

td.admin
{
	font-weight: bold;
	color: #25b312;
	background-color: #afafaf;
}

td.user
{
	font-weight: bold;
	color: #ff0000;
}

.dispatch {
	background-color: #fcba03 !important;
	border: 1px solid #000000;
}

.dispatch.dispatch-unassigned {
	background-color: #ff875e !important;
	border: 1px solid #ffffff;
}

.dispatch.dispatch-notified {
	background-color: #95fcbb !important;
}

.job {
	border: 1px solid #000000;
}

.job-completed {
	background-color: #7af47a !important; 
}

.job-pickedup {
	background-color: #ffffff !important; 
}

.job-available {
	background-color: #f4dc7a !important;
}