/*********** CORE LAYOUT CSS START ***********/
body {
	background-color: #000;
	margin: auto;	
	padding: 15px 0px 25px 0px;
	font-family: arial;
	font-size: 12px;
	color: #fff;
}

#page {
	width: 960px;
	background-color: #000;
	margin: 0px auto;
	position: relative;
	clear: both;
}

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

a:hover {
	text-decoration: underline;
}

a:focus { outline:none; }

#bd {
	position: relative;
	margin-top: 10px;
	background-image: url('/img/hatch_main.gif') !important;
	width:960px; 
}

#sidebar {
	float: left;
	width: 170px;
	margin-right:12px;
	padding:12px;
}


#mainmenu { background: url('/img/menus/menubg.gif') top left repeat-x; margin-top:10px; }
		 

#content {
	float: left;
	position:relative;
	z-index:100;
	width: 730px;
	padding-bottom:20px;
	padding-left:12px;
	padding-right:12px;
}

#sidebar li {
	line-height: 18px;
}

.children {
	font-size: 13px;
	color: #00b9f2;
	line-height: 1.5em;
	margin-top: 10px;
}

.children li {
	font-size: 12px;
	line-height: 1.5em;
}

#ft {
	text-align: center;
	padding: 10px;
	width: 940px;
	background-color: #000;
	background-image: url('/img/hatch.gif') !important;
	margin: 10px auto 10px auto;
}

#ft2 {
	text-align: center;
	padding: 0px 10px;
	width: 940px;
	background-color: #000;
	margin: 0px auto 20px auto;
	font-size: 11px;
}

#ft2 a {
	color: #00b9f2;
}

.freephone {
	color: #00b9f2;
	font-weight: bold;
}

.input {
	display: block;
	clear: both;
	padding: 2px 0px;
	text-align: left;
}

.input label {
	display: block;
	float: left;
	width: 165px;
	clear: both;
	padding: 5px 0px;
	color: #00b9f2;
}
 
.checkbox {
	clear: both;
	display: block;
	padding: 5px 0px;
}

.checkbox input {
	float: none;
	width: 30px !important;
	display: inline;
}

.checkbox label {
	float: none;
	color: #00b9f2;
	display: inline;
	margin-left:5px;
}

.input_checkbox { width: auto !important; display:inline; vertical-align: middle; }

.form-error { border:1px solid #F00 !important; }

form {
	padding: 0px 0px 10px 0px;
}

select {
	font-size: 11px;
}

.form input, .form select, .form textarea {
	width: 270px;
	margin: 0px;
	padding: 2px;
	font-size: 12px;
	background:#333;
	color:#FFF;
	border-top:1px solid #009ECF;
	border-left:1px solid #009ECF;
	border-right:1px solid #00B9F2;
	border-bottom:1px solid #00B9F2;
}

.form select optgroup { background:#666; margin-top:5px; margin-bottom:5px; }
.form select optgroup option { padding-left:10px; background:#333; }

.form select,.siteMachines select {
	width: 276px;
}

.form .disabled { border:1px solid #444; color:#666; }

dl dt {
	display: block;
	float: left;
	width: 165px;
	clear: both;
	margin: 5px 0px;
	color:#0DB9F2;
}

dl dd {
	display: block;
	float: left;
	width: 300px;	
	margin: 5px 0px;
}

.error-message {
	color: #f00;
	margin: 5px 0 10px 0;
}



h1 {
	font-weight: normal;
	font-size: 20px;
	color: #00b9f2;
	padding: 14px 0px 10px 0px;
	border-bottom:2px solid #333;
	margin-bottom:10px;
	
}


h2 {
	font-weight: normal;
	font-size: 16px;
	color: #00b9f2;
	padding: 14px 0px 10px 0px;
	margin-bottom:10px;
}

.calendar td,
.calendar th {
	font-size:12px;
}

.calendar th {
	font-weight: bold;
	text-align: center;
	font-size: 12px !important;
	padding: 5px;
	background:#4F4F4F;
	border-bottom:2px solid #333;
}

.calendar td span {
	display: block;
	width: 30px;
	height: 20px;
	background-color: transparent;
	text-align: center;
	padding: 3px;
	line-height:20px;
	color:#666;
	font-size:12px;
}

.calendar td a {
	display: block;
	width: 30px;
	height: 20px;
	background-color: transparent;
	text-align: center;
	padding: 3px;
	line-height:20px;
}

.calendar td a:hover {
	background-color: #000;
}

.calendar td {
	border: 0px;
	font-size: 10px;
	line-height: 12px;
}

.calendar .leftTD {
	vertical-align: middle;
	padding: 5px !important;
	font-size: 12px !important;
	text-align: right;
	background: #4F4F4F;
}

.calendar-pagination-week {
	position: absolute;
	right: 50px;
	top: 70px;
	text-align: center;
	width: 200px;
}

.calendar-pagination {
	margin: 10px 0px;
}

.lightGrey {
	background-image: url('/img/hatch2.gif') !important;
	border: 1px solid #666 !important;
	padding: 0px !important;
	height: 20px !important;
}

#FaultReportForm {
	line-height: 1.3em;
}

#UserLoginForm {
	padding-top: 0px;
}

.login #content {
	
}

.login h1 {
	font-weight: bold;
	font-size: 1.8em;
	color: #00b9f2;
	margin: 30px 10px 0px 10px;
}

.login #authMessage {
	margin-left: 30px;
}

.login form {
	margin-left: 10px;
}

.login label {
	font-weight: bold;
	color: #00b9f2;
	width: 100px
}

.login input {
	border: 2px solid #000;
	width: 144px;
	padding: 1px;
}

.submit input {
	border: 1px solid #00b9f2;
	height: 28px;
	line-height: 10px;
	padding: 0px 0px 4px 0px !important;
	background: url('/img/button.gif') #00b9f2;
	font-weight: bold;
	color: #000;
	cursor:pointer;
	font-size: 12px;
	width: 140px;
	margin-left: 0px;
	margin-top: 5px;
}

*+html .submit input { padding-bottom:0px  !important; }
* html .submit input { padding-bottom:0px  !important; }

a.submit {
	border: 1px solid #00b9f2;
	height: 24px;
	line-height: 24px;
	padding: 0px 15px !important;
	background-image: url('/img/button.gif');
	font-weight: bold;
	color: #000 !important;
	font-size: 12px;
	cursor:pointer;
	margin-right: 10px;
	margin-top: 5px;
	text-align:center;
	display:block;
	float:left;
}

#flashMessage {
	font-size: 13px;
	color: #56ab28;
	margin: 10px 0px;
	background: url(/img/icon_done.gif) 0px 4px no-repeat;
	padding: 5px 10px 5px 20px;	
}

.flash_negative, .flash_positive {
	border-style: solid;
	margin: 10px 0px 10px;
	padding: 5px 10px 5px 20px;
}

.flash_negative h2, .flash_positive h2 {
	padding: 0px 0px 4px 0px;
	font-weight: bold;	
}

.flash_negative div,
.flash_positive div { }

.flash_negative { color:#f00; background: url(/img/icon_exclamation.gif) 0px 3px no-repeat;}
.flash_negative h2 { color:#f00; }

.flash_positive { 	font-size: 13px;
	color: #56ab28;
	margin: 10px 0px;
	background: url(/img/icon_done.gif) 0px 4px no-repeat;	
}
.flash_positive h2 { color: #56ab28; }

*+html .resultsTable { margin-top:10px; }
* html .resultsTable { margin-top:10px; }

.resultsTable td,.resultsTable th {
	padding: 4px 4px;
}

.resultsTable th {
	background-color: #00b9f2;
	border: 1px solid black;
	color: #000;
}

.resultsTable th a {
	color: #000;
	text-decoration: underline;
}

.resultsTable th {
	font-weight: bold;
	font-size: 1.1em;
}

.resultsTable td {
	font-size: 0.9em;
}

.resultsInfo td { padding:3px; font-size:12px; }

.altrow {
	background-color: #333;
}

.accordion_content {
	padding: 10px;
}

.paging {
	margin-bottom: 10px;
	color: #fff;
}

.paging div {
	float: left;
	margin-right: 5px;
}

hr {
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	background:#333;
	border:0px;
}

.current {
	font-weight: bold;
	color: #00b9f2;
	margin: 0px;
	display: inline;
}

.assignment {
	position: absolute;
	margin-top: -1px;
	margin-left: -1px;
	padding: 4px;
	width: 113px;
	margin-top:1px;
	margin-left:1px;
	border: solid 2px #FFF;
	background-color: #333;
}

.assignment a {
	padding: 3px;
	border: 1px solid #666 !important;
	margin-bottom: 1px;
}

.alertHR {
	border-top: 1px dotted #00b9f2;
	margin-top: 15px;
	line-height: 1px;
	height: 5px;
}

.alert-title {
	border-top: 1px dotted #00b9f2;
	padding: 5px 0px;
	color: #fff;
	font-size: 12px;
}

.alert-description {
	padding: 0px 0px 5px 0px;
	color: #00b9f2;
}

.alert-time-oldest {
	color: #c00;
	font-weight: bold;
	padding-bottom: 5px;
}

.alert-time-old {
	color: #cc0;
	font-weight: bold;
	padding-bottom: 5px;
}

.alert-time-new {
	color: #0c0;
	font-weight: bold;
	padding-bottom: 5px;
}

.section-title { font-size:14px; margin-bottom:10px; color:#1DBDEF; }

.paging a {
	color: #fff;
}

.disabled {
	color: #666;
}

div .disabled {
	display: inline;
	float: none;
}

#engineers {
	margin-top: 5px;
}

#engineers a {
	color: #0cf;
}

#engineers td {
	padding: 5px;
}

#engineers input {
	width: 40px;
}

#engineer_day {
	float: right;
	width: 300px;
	margin-top: 0px;
}

#engineer_day td,#engineer_day th {
	padding: 5px;
}

#engineer_day th {
	padding-bottom:5px;
	border-bottom:2px solid #666;
	font-weight:bold;	
}

#engineer_day td {
	border-bottom:1px solid #333;	
}


/* support */


#supports {
    margin-top: 5px;
}

#supports a {
    color: #0cf;
}

#supports td {
    padding: 5px;
}



#support_day {
    float: right;
    width: 300px;
    margin-top: 0px;
}

#support_day td,#engineer_day th {
    padding: 5px;
}

#support_day th {
    padding-bottom:5px;
    border-bottom:2px solid #666;
    font-weight:bold;   
}

#support_day td {
    border-bottom:1px solid #333;   
}

/* end of support */



.weekend {
	background-color: #444;
}

.fully-boooked a {
	color: #f00;
	font-weight: bold;
}

h3 {
	clear: both;
	padding-top: 10px;
	font-weight: bold;
}

.red {
	color: #c00;
	border-color: #c00;
}

.green {
	color: #0c0;
	border-color: #0c0;
}

.amber {
	color: #cc0;
	border-color: #cc0;
}

.date {
	color: #999;
	font-size: 1.2em;
	padding: 2px;
}

.not-this-month {
	background-color: #333 !important;
	background-image: none !important;
}

.form-info { margin:25px 0px 0px; padding:10px; background:#333; border-left:2px solid #666; }

#login-frm { background:url('/img/ice_header_login.gif') top left no-repeat; border:1px solid #393939; padding-top:105px; width:368px; position: absolute; top:30%; left:50%; margin-top:-100px; margin-left:-184px; }
.login-frm-content { padding:0 15px 15px; }
.login-frm-content h1 { margin-bottom:20px; font-size:20px; font-weight: normal; }
.login-frm-content label { width:80px; font-size:14px; }
.login-frm-content div.input input { width:220px; background-color:#eee; border:1px solid #333; padding:3px; }
.login-frm-content div.submit { padding-left:80px; }

.spacer { height:0px; clear:both; overflow:hidden; }

#MB_content a { color:#00b9f2; }

#overview { 
	padding-bottom: 30px; 
	min-height:100px; 
	width: 935px; 
	background-image: url('/img/hatch.gif');
}

.overview_engineers { font-size:11px; width:158px; float:left; margin-right:3px; }
.overview_engineers h3 { font-size:12px; margin-bottom:2px; padding:10px 5px; background: #333; text-align: right; }
.overview_engineers h3 span { display:block; font-size: 14px; font-weight: bold; text-align: right; }
.overview_engineers ul { padding:0px; margin:0px; list-style: none; font-size:11px; }
.overview_engineers li { display:block; text-align: right; border-bottom:1px solid #000; padding:3px 3px 3px 0px; }
.overview_engineers ul.odd {  background: #4F4F4F; }
.overview_engineers ul.even { background: #666; }

#overview_panel {
	overflow: hidden; /* changed to hidden via JavaScript */
	position: relative;
	height:500px;
	width:774px;
	float:left;	
}

#overview_slide {
	position: absolute;
	top:0px; 
	left:0px;
	width:775px;
	height: auto;
}

.overview_filter { float:right; margin-right:30px; margin-top:12px; }
.overview_filter div.input { width:auto; float:left; clear:none; }
.overview_filter label { width:auto; padding: 5px 5px 0 10px; }
.overview_filter select { width:160px; padding-top:1px; padding-bottom:1px; margin-left:5px; }
.overview_filter input { width:80px !important; }

.overview_day { width:256px; float:left; margin-right:2px; }
.overview_day h3 { padding:6px 10px; background: #4F4F4F; font-size:14px; font-weight: normal; text-align: center; }
.overview_day h3 span { font-weight: bold; }
.overview_day ul { padding:0; margin: 0; display:block; width:256px; height:22px; list-style: none;  }
.overview_day li { float:left; margin:1px 1px 0 0;  font-size:9px; display:block; background: #4F4F4F; width:15px; padding:5px 0px; text-align: center; }

.overview_day_container { width:256px; display:block; float:right; }

.schedule_hour { height:17px; border-bottom:1px solid #000; position:relative; background:url('/img/bg_overview_day.gif') top left repeat-x;  }

.overview_job { position:absolute; top:1px; left:0; display:block; width:15px; height:15px; float:left; font-size:8px; }
.overview_job a { display:block; height:15px; width: 100%; cursor:pointer; }

.job_Scheduled { background: #ed2125 !important; }
.job_InProgress, .job_InProgress_Standard, .job_InProgress_PAT { background: #fec20e !important; }
.job_AwaitingParts,
.job_CriticalPartsRequired { background: #0099CF !important; }
.job_Complete, .job_Complete_Standard, .job_Complete_PAT { background: #38b54a !important; }


.rollout_Planned { background: #ed2125 !important; }
.rollout_InProgress, .job_InProgress_Standard, .job_InProgress_PAT { background: #fec20e !important; }
.rollout_AwaitingPlanning { background: #0099CF !important; }
.rollout_Live, .rollout_Closed, .job_Complete_PAT { background: #38b54a !important; }

.job_Scheduled_Standard  { background: #EF59B4 } 
.job_Scheduled_PAT { background: #DF1B91 }

.event_Holiday { background:#1ffff9; }

.overview_navigation { display:block; height:20px; margin-left:160px; padding:4px; }
.calendar_navigation { display:block; height:20px; padding:4px; }

.overview_prev, .calendar_prev { float:left; font-weight:bold; }
.overview_next, .calendar_next { float:right; font-weight:bold;  }

.overview_legend,
.calendar_legend { width:490px; margin:auto; font-size:11px; }
.overview_legend table,
.calendar_legend table { margin:auto; }
.overview_legend td,
.calendar_legend td { padding-right:12px; }
.overview_legend span,
.calendar_legend span { display:block; margin-right:3px; float:left; height:12px; width:12px; white-space: normal; }

.job_details { position: absolute; display:none; color:#F00; background: #FFF; width:150px; padding:5px; height: 200px; }

#poptool { position:absolute; font-size:11px; color:#000; z-Index:1000; width:160px; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;  }
.poptop { height:5px; background: url('/img/bg_tooltip.png') top left no-repeat; overflow: hidden; display: block; }
.popcontent { background: url('/img/bg_tooltip.png') bottom left no-repeat; display: block; min-height: 50px; padding:0px 4px 15px 5px }
.popcontent td { padding:2px 3px; }


.message_error { border:1px solid #F00; padding:10px; margin-top:10px; }
.message_error h2 { font-size:14px; color:#f00; margin:0px 0px 5px; padding-top:0px; }
.message_error ul { padding-left:25px; }
.message_error li { list-style:circle;  }
.message_error a { color:#f00; }

.cake-sql-log td { padding: 8px 8px; text-align: left; }

table.engineer-overview { border:1px solid #333; }
table.engineer-overview th { width:130px; background:#333; font-weight:bold; padding:7px 5px; font-size:14px; }
table.engineer-overview td { padding:5px 5px 0; border:1px solid #333; height:130px;  }
table.engineer-overview td span.day { display:block; padding-bottom:3px; font-size:16px; font-weight:nornal; border-bottom:2px solid #777; text-align:right; }
table.engineer-overview div.item { margin:5px 0; background:#333; padding:3px; }
table.engineer-overview div.item a { display:block; margin:5px 0;}
table.engineer-overview .item-hour { font-size:10px; }
table.engineer-overview .item-machine { display:block; font-size:11px; margin-bottom:3px; }
table.engineer-overview .item-status { display:block; font-size:11px; font-style:italic; color:#ccc; }