@charset "utf-8";

h2{
	font-size: 16pt;
	margin-bottom: 4px;
	margin-top: 25px
}

form.email_results label{
	font-weight: bold;
	font-size: 11px;
	margin-top: 5px;
	line-height: 15px
}

form.email_results input{
	margin-bottom: 5px
}

form.email_results label.validation-error{
	color: red
}

.small{
	font-size: 10px
}

/* Tracking Number Box */
	
.tn-number{
	float: right;
	font-size: 12px;
	margin: 0 5px 0 0
}

.tn-number span{
	color: #C00
}

/* Progress Box */

.progress-box-empty{
	margin: 10px auto 0;
	position: relative;
	height: 40px;
	width: 700px;	
}


.progress-box/* Progress Box - Domestic */{
	margin: 10px auto 0;
	position: relative;
	height: 40px;
	width: 700px;
	/*background: url(../../images/webtrack/progress_bar.png) 0 -3px no-repeat*/
}

.international/* Progress Box - International */{
	margin: 10px auto 0;
	position: relative;
	height: 40px;
	width: 700px;
	/*background: url(../../images/webtrack/progress_bar_intl.png) 0 -3px no-repeat*/
}


	.progress-box small.progress-timestamp{
		position: absolute;
		bottom: -15px;
		right: 5px;
		color: #777;
		font-size: 11px
	}
	
	.progress-box div.notification{
		position: absolute;
		right: 0;
		top: 5px;
		line-height: 13px;
		font-size: 11px;
		width: 190px
	}
	
		.progress-box div.notification small{
			font-size: 9px;
			color: #666
		}
	
	.pickedup		{ background-position: 0 -43px }
	.processed		{ background-position: 0 -83px }
	.us_departure	{ background-position: 0 -123px }
	.in_transit		{ background-position: 0 -123px }
	.en_route		{ background-position: 0 -163px }
	.tendered		{ background-position: 0 -163px }
	.tendered_end	{ background-position: 0 -203px }
	.delivered		{ background-position: 0 -243px }
	.exception		{ background-position: 0 -283px }

/* Tracking Detail */

.tracking-detail{
	padding: 10px 0 0 20px;
	width: 190px;
	font-size: 11px
}

	.tracking-detail .detail-label{
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 2px
	}
	
	.tracking-detail .detail-item{
		margin-bottom: 10px
	}

/* Box */

.box{
	width: 710px;
	background: url(../../images/webtrack/box-bg.png) repeat-y
}

.box-bottom{
	height: 15px;
	background: url(../../images/webtrack/box-bot.png) no-repeat
}

.box-top{
	margin-top: 15px;
	height: 15px;
	background: url(../../images/webtrack/box-top.png) no-repeat
}

.box-hd{
	margin: -4px auto 10px;
	width: 675px;
	font-weight: bold;
	font-size: 16pt;
	color: #333;
	line-height: 36px;
	border-bottom: 1px solid #D9D9D9
}

.box-content{
	margin: 0 auto;
	width: 675px
}

/* Results Table */
table{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
	border: 1px solid #FFD124
}

	table thead tr th{
		padding: 3px 5px;
		font-weight: bold;
		font-size: 12px;
		background: #FAE177;
		border-bottom: 1px solid #FFD124;
		text-align: left;
		color: #846A13
	}
	
	table tr.alt td{
		background: #E9E9E9
	}
	
	td{
		padding: 4px 5px;
		margin: 0;
		border-bottom: 1px solid #AAA
	}
	
	tr.last td{
		border-bottom: none
	}

ul.other{
	margin-top: 10px;
	border-top: 1px solid #D9D9D9
}

	ul.other li{
		padding-left: 15px;
		font-size: 12px;
		line-height: 20px;
		border-bottom: 1px solid #D9D9D9;
		background: url(../../images/webtrack/leftnav-li-sub-closed.gif) 2px 50% no-repeat
	}

	ul.other li.package{
		font-weight: bold
	}

		ul.other li a:link,
		ul.other li a:visited{
			color: #333;
			text-decoration: none
		}
		
		ul.other li a:hover{
			color: #C00;
			text-decoration: underline
		}

/* Results */

.result{
	position: relative
}

.result .loader{
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid #D9D9D9;
	background: #FFF url(../../images/webtrack/ajax-loader.gif) 10% 50% no-repeat
}
	
.results h2{
	font-size: 12pt;
	margin-top: 15px;
	margin-bottom: 0;
	padding-bottom: 5px;
	padding-left: 7px;
	border-bottom: 1px solid #C9C9C9
}

.results .result{
	font-weight: bold;
	border-bottom: 1px solid #D9D9D9
}

.results .result small{
	font-weight: normal
}

.results .result em{
	color: #C00;
	font-style: normal
}

.results .result span{
	font-weight: normal
}

.results .result a:link,
.results .result a:visited{
	display: block;
	text-decoration: none;
	padding: 3px 7px;
	color: #666;
	background: #F2F2F2
}

.results .result a:hover{
	color: #C00;
	background: #FFF
}

.results .result a.on:link,
.results .result a.on:visited,
.results .result a.on:hover,
.results .result a.on:active{
	color: #222;
	background: #FFF;
	cursor: default;
	outline: none
}

.results-hd{
	padding: 5px 7px;
	border-bottom: 1px solid #D9D9D9
}

/* Paging */

.paging{
	padding: 7px;
	text-align: center
}

.paging .next-link,
.paging .disabled-next-link{
	float: right
}

.paging .prev-link,
.paging .disabled-prev-link{
	float: left
}

.paging .disabled-next-link,
.paging .disabled-prev-link{
	color: #777
}

/* E-Mail Updates */

.email-updates{
	line-height: 24px;
}

.email-updates label{
	float: left;
	line-height: 24px;
	font-weight: bold;
	font-size: 11px;
	display: block;
	width: 115px
}

.add-link{
	margin-left: 115px
}

.email-updates .remove-link{
	margin-left: 7px
}