/*----------------------------------------------
   General - Reset Browser Defaults
----------------------------------------------*/

html,body{
	background: #F3F3F3;
	margin: 0;
	padding: 0;
	height: 100%;
	font: 13px/1.4 arial, helvetica, sans-serif
}

a:active,input:active{
	outline: none
}

h1,h2,h3,h4,h5,h6,
form,label{
	margin: 0;
	padding: 0
}

h2{
	font-size: 15px;
	font-weight: bold;
	color: #333
}

img{
	border: 0;
	text-decoration: none
}

table tr td{
	color: #222;
	font-size: 11px;
	border-bottom: 1px solid #B3B3B3
}

table tr.hd th{
	letter-spacing: 1px;
	border-top: 1px solid #FFD124;
	border-bottom: 1px solid #FFD124;
	background: #FAE177;
	font-weight: bold;
	font-size: 12px
}

table tr.alt td{
	background: #E6E6E6
}

table tr td.desc{
	font-size: 11px
}

ul,li{
	margin: 0;
	padding: 0;
	list-style: none
}

/*----------------------------------------------
	Form Elements
----------------------------------------------*/

.checkbox{
	float: left;
	margin-bottom: 15px
}

.checkbox-label{
	float: left;
	margin-left: 5px
}

.field, .focus{
	padding: 5px;
	font-size: 13px;
	border: 2px solid #CCC;
	color: #555
}

.focus{
	border-color: #C00;
}

/*----------------------------------------------
   Custom Classes
----------------------------------------------*/

.border-left-dashed{
	border-left: 1px dashed #D9D9D9
}

.border-right-dashed{
	border-right: 1px dashed #D9D9D9
}

.border-top{
	border-top: 1px solid #D9D9D9
}

.clear{
	clear: both
}

.em{
	font-size: 15px;
	font-weight: bold;
	color: #454545
}

.float-right{
	float: right
}

.pad{
	padding: 10px 15px
}

/*----------------------------------------------
	Links
----------------------------------------------*/

a.track-button:link, a.track-button:visited{
	display: block;
	background: url(../../images/tracking/track.png) no-repeat;
	width: 100px;
	height: 40px;
	outline: none;
	margin-top: 10px;
	text-decoration: none
}

a.track-button:hover{
	background-position: 0 -40px
}

a.track-button:active{
	background-position: 0 -80px
}

.country a:link,
.country a:visited{
	font-size: 14px;
	color: #C00;
	margin-left: 10px;
	font-weight: bold
}

.country a:hover,
.country a:active{
	color: #000
}

.header h1 a:link,
.header h1 a:visited,
.header h1 a:hover{
	display: block;
	height: 35px;
	width: 146px
}

.nav li a:link,
.nav li a:visited{
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	text-decoration: none
}

.nav li a:hover,
.nav li a:active,
.nav li a:link.on,
.nav li a:visited.on{
	color: #FC0
}

.track-button,
.track-button-active,
.track-button-hover{
	height: 40px;
	width: 100px;
	cursor: pointer;
	border: 0;
	background: #FFF url(../../images/tracking/track.png) no-repeat;
}

.track-button-active{
	background-position: 0 -80px
}

.track-button-hover{
	background-position: 0 -40px
}

/*----------------------------------------------
   Layout
----------------------------------------------*/

.col{
	float: left
}

.container{
	position: relative;
	background: #FFF;
	width: 920px;
	min-height: 100%;
	border-right: 1px solid #D9D9D9
}

.country{
	float: left;
	width: 172px;
	line-height: 26px;
	margin-bottom: 10px
}

.other{
	margin-top: 7px
}

.skinny{
	width: 225px
}

.warning{
	float: left;
	width: 500px;
	min-height: 40px;
	background: #FFF4D5 url(../../images/portal/warning-sign.png) 10px 50% no-repeat;
	padding: 10px 10px 10px 70px;
	border-top: 1px solid #FFE27D;
	border-bottom: 1px solid #FFE27D
}

.warning h2{
	margin: 0;
	padding: 0;
	color: #C00;
	font-size: 14px
}

.warning strong{
	color: #C00
}

.warning small{
	color: #121212
}

.wide{
	width: 664px
}

/*   Header   */

.header{
	min-height: 75px;
	background: #FC0;
	padding: 0 15px
}

.header h1{
	padding-top: 30px;
	height: 35px;
	width: 146px;
	background: url(../../images/tracking/logo.png) bottom no-repeat;
	text-indent: -9000px
}

/*   Navigation   */

.nav-bar{
	background: #C00 url(../../images/tracking/nav-bg.png) repeat-x
}

.nav li{
	float: left;
	margin: 0 15px;
	padding: 4px 7px
}

/*   Content   */

.content{
	padding: 15px;
}

/*   Footer   */

.footer-info-bar{
	padding: 10px 0;
	margin: 0 40px;
	border-top: 1px solid #CCC;
	text-align: center
}

.footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 45px;
	background: #FFCC00
}

.footer .company{
	float: left;
	margin-top: 14px;
	margin-left: 10px;
	height: 14px;
	width: 125px;
	text-indent: -9000px;
	background: url(../../images/tracking/footer-company.png) no-repeat
}

.footer .copyright{
	float: right;
	margin-right: 10px;
	line-height: 45px;
	font-size: 10px
}

.footer .message{
	float: left;
	background: #FFF;
	padding: 0 10px 25px;
	margin: 0;
	font-size: 12px
}

.footer .message .footer-info-bar{
	text-align: left;
	border-top: 1px solid #FFE27D;
	border-bottom: 1px solid #FFE27D;
	padding: 10px;
	background: #FFF4D5;
	margin: 0
}

/*----------------------------------------------
   Page Specific
----------------------------------------------*/

.details-box{
	padding: 7px
}

.events-table{
	margin-top: 0 !important; margin-top: -128px
}

.package-status{
	text-align: left;
	background: #FFF;
	padding: 5px 10px;
	border: 1px solid #FEB47B
}

.package-status h3{
	font-weight: normal;
	font-size: 14pt;
	margin: 0;
	padding: 0;
	color: #C00
}

.package-status-info{
	font-size: 11px
}

.results-box{
	text-align: left;
	margin-right: 210px;
	border: 1px solid #FFD124;
	background: #FFF2AC;
	padding: 5px;
	margin-top: 0
}

.results{
	float: right;
	width: 200px
}

.tracking-box{
	margin-top: 10px;
	background: #FFF;
	border: 1px solid #FEB47B
}

.tracking-box h3{
	margin: 0;
	padding: 0;
	line-height: 35px;
	color: #333;
	padding-left: 7px;
	background: url(../../images/tracking/hd-bg.gif) bottom repeat-x
}

.tracking-details-col{
	float: left;
	width: 160px
}

/*----------------------------------------------
   Form Validator
----------------------------------------------*/

form.validate label{
	position: relative
}

form.validate .validation-error{
	color: #C00;
	font-weight: bold
}

form.validate .validation-error-box{
	position: absolute;
	width: 298px;
	height: 58px;
	background: url(../../images/portal/validation-error-box-bg.png) !important; background: url(../../images/portal/validation-error-box-bg.gif);
	font: 12px arial, verdana, helvetica, sans-serif
}

form.validate .validation-error-box .validation-error-box-padding{
	position: relative;
	padding: 20px 20px 20px 25px;
	color: #333;
	line-height: 12px;
	font-size: 11px
}

form.validate .validation-error-box .validation-error-box-padding a:link,
form.validate .validation-error-box .validation-error-box-padding a:visited{
	position: absolute;
	top: 8px;
	right: 10px;
	width: 45px;
	height: 15px;
	background: url(../../images/portal/validation-error-box-close.png);
	text-indent: -9000px
}

form.validate .validation-error-box .validation-error-box-padding a:hover,
form.validate .validation-error-box .validation-error-box-padding a:active{
	background-position: 0 -15px;
	outline: none
}