/* Main elements */
body {
	color:#1e4d7e;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;;	
}

a, a:visited {
	color:#1e4d7e;
	text-decoration:none;
}

/* Main Container */
#container {
	margin:30px auto;
	width:980px;	
}

/* Need Help? */
#help {
	width:210px;
	float:right;
	clear:both;
}

#help * { float:left }

#help a.text {
	display:block;
	margin-right:0.6em;
}


/* Repair Tracker Box */
#repair_tracker {
	background:url('../images/mid-gradient.png') no-repeat 0px 76px;
	clear:both;
}

#repair_tracker > div { padding-left: 35px }

#repair_tracker #heading {
	background:url('../images/heading.png') top left no-repeat;
	color:#fff;
	height:76px;
}

#repair_tracker #heading #right {
	overflow:auto;
	width:240px;
	float:right;
}
#repair_tracker #heading h1 {
	margin-top:30px;
	float:left;
	font-size:1.6em;
}

#repair_tracker #heading h2 { /* Today's date */
	float:left;
	margin-top:25px;
}

#repair_tracker #heading h3 { /* Job number */
	float:left;
	clear:left;
	margin-top:3px;
	font-size:13px;
}

/* One line explanation */
#repair_tracker #explanation h3 {
	color:#0070b8;
	line-height:2.8em;
	font-weight:bold;
}

#repair_tracker #progress {
	overflow:auto;
}

/* Details */
#repair_tracker #detail {
	background:url('../images/mid-gradient.png') bottom right no-repeat;
	padding-bottom:10px;
}

#repair_tracker #detail.transparent { background:none; }

#repair_tracker #detail h3, h4 {
	color:#0070b8;
	font-weight:bold;
	padding-top:10px;
	line-height:160%;
}

#repair_tracker #detail h4 {
	font-size:13px;
	padding-top:0px;
}

#repair_tracker #detail p {
	font-size:13px;
	line-height:175%;
	width:900px;
}

#repair_tracker #detail p span.strong {
	font-size:14px;
	font-weight:bold;
}

#repair_tracker .state {
	float:left;
	width:121px;
	height:112px;
	background-position:top left no-repeat;
}

#repair_tracker .arrow {
	float:left;
}

/* Bottom boxes */
#repair_tracker #more,
#repair_tracker #collect {
	background:url('../images/bottom-gradient.png') top left no-repeat;
	height:142px;
}

#repair_tracker #collect {
  padding:15px 35px 0 35px;
  background:url('../images/bottom-gradient-plain.png') top left no-repeat;
}

#repair_tracker #collect h3 {
  font-weight:bold;
  font-size:80%;
}

#repair_tracker #collect p {
  font-size:80%;
  margin-bottom:10px;
}

#repair_tracker #more h4 {
	margin-bottom:10px;
	padding-top:8px;
	color:#fff
}

#repair_tracker #more p { font-size:12px }

#repair_tracker #more p.info {font-weight:bold;}

#repair_tracker #more #repair_history {
	float:left;
	width:550px;
}

#repair_tracker #more #repair_history .history {
	font-size:13px;
	line-height:130%;
}

.history.h1 {color:#175c87;}
.history.h2 {color:#4a88af;}
.history.h3 {color:#769eb8;}

#repair_tracker #more #repair_history .history strong { font-weight:bold; }

#repair_tracker #more #what_happens_next {
	float:left;
	margin-left:30px;
	width:325px;
}

/* Debugging stuff */
#debug {
	margin-top:5px;
	border:1px solid red;
}