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

html,body{
	margin: 0;
	padding: 0;
	height: 100%;
	font: 13px/1.4 arial, helvetica, sans-serif;
	background: url(../../images/webtrack/body-bg.png) repeat-x
}

a:link,a:visited{color:#C00}
a:hover{color:#2D2D2D}

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{
	border-width: 0px;
	border-collapse: collapse;
	width: 100%
}

table td,th{
	padding: 5px
}

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

ul.dots li{
	list-style: circle inside
}

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

textarea{
	font: 13px/1.4 arial, helvetica, sans-serif
}

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

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

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

.focus{
	border-color: #C00;
}

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

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

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

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

.bold{
	font-weight: bold
}

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

.clear{
	clear: both
}

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

.gray{
	font-weight: normal;
	color: #777
}

.green{
	color: green
}

.pad{
	padding: 10px 15px
}

.red{
	color: #C00
}

.warning{
	margin-bottom: 15px;
	padding: 10px 20px;
	border: 1px solid #FFCC33;
	background: #FFF4D5
}

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

.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
}

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

.col{
	float: left
}

.container{
	position: relative;
	width: 960px;
	min-height: 100%
}

.sep{
	width: 20px
}

.skinny{
	width: 186px
}

.wide{
	width: 710px
}

/*   Header   */

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

.header h1{
	padding-top: 30px;
	height: 35px
}

.header-shadow{
	position: absolute;
	right: -25px;
	top: 0;
	background: url(../../images/webtrack/header-shadow.png) no-repeat;
	height: 450px;
	width: 25px
}

/*   Navigation   */

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

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

/*   Content   */

.content{
	margin: 20px
}

/*   Footer   */

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

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

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

.footer-shadow{
	position: absolute;
	bottom: 0;
	right: -25px;
	height: 130px;
	background: url(../../images/webtrack/footer-shadow.png) bottom no-repeat;
	width: 25px
}

/*----------------------------------------------
   Co Brand
----------------------------------------------*/

.cobrand{
	position: absolute;
	top: 10px;
	right: 15px;
	background: url(../../images/tracking/right-gate.png) right no-repeat;
	padding-right: 25px;
	height: 90px;
	line-height: 90px
}

	.cobrand span{
		display: block;
		float: left;
		width: 25px;
		height: 90px;
		margin-left: -10px !important; margin-left: -5px;
		background: url(../../images/tracking/left-gate.png) no-repeat
	}
	
.cobrand img{vertical-align:middle;margin-top:0 !important;margin-top:18px}

body.with_cobrand .header{
	height: 119px
}

body.with_cobrand{
	background: url(../../images/webtrack/body-bg_cobrand.png) repeat-x
}

body.with_cobrand .header-shadow{
	top: 44px
}

.content-footer{
	border-top: 1px solid #D9D9D9;
	padding: 10px;
	margin: 10px 40px;
	color: #343434
}