/* basic stuff */

* {
	margin: 0px ;
	padding: 0px ;
}

html, body {
	background-color: #ffffff ;
	font-family: Arial, Helvetica, sans-serif ;
	border: 0px ;
	margin: 0px ;
	color: #000000 ;
	font-size: 14px ;
	text-align: center ;
	height: 100%
}

a, a:visited, a:active {
	color: #0000ff ;
	text-decoration: underline
}

td {
	margin: 0px ;
	vertical-align: top ;
	text-align: left
}

table {
	width: 100%
}

img {
	border: 0px
}

.alignc {
	text-align: center
}

.alignr {
	text-align: right
}

.title {
	font-weight: bold ;
	font-size: 16px
}

.highlight {
	color: #dd0000
}

p {
	margin-bottom: 10px ;
	margin-top: 10px
}

ul {
	margin-left: 25px ;
	padding-bottom: 20px
}

/* page info */

div.main {
	width: 700px ;
	height: 500px ;
	text-align: left ;
	background-color: #ffffff ;
	padding: 8px 16px 2px 16px
}

div.main div.toolbar {
	height: 36px ;
	float: right ;
	margin: 8px 0px 8px 0px ;
	font-size: 12px ;
	font-weight: bold ;
	color: #cfcfcf
}

div.main div.toolbar a {
	color: #8f8f8c ;
	text-decoration: none
}

div.main div.toolbar a:hover {
	color: #000000
}

p.error {
	color: #bb0000 ;
	font-weight: bold
}

p.heading {
	font-size: 18px ;
	margin: 0px ;
	font-weight: bold
}

div.main div.mainbody {
	min-height: 500px ;
	margin-top: 15px
}

div.main div.footer {
	width: 100% ;
	text-align: center
}

/* preregister offers */

div.offers {
	padding-top: 20px ;
	padding-left: 60px ;
	padding-right: 60px
}

div.offers table {
	border: 1px solid #484848
}

div.offers table td {
	padding: 3px
}

div.offers table td a {
	color: #0000ff ;
	text-decoration: none
}

div.offers table td a:hover, div.offers table td a:active {
	text-decoration: underline
}

div.offers table td.header {
	font-weight: bold ;
	background-color: #484848 ;
	color: #f2f2f2
}

.columneven {
	background-color: #f2f2f2
}

.columnodd {
	background-color: #ffffff
}

/* offer detail */

div.productlist {
	padding-left: 15px ;
	padding-bottom: 20px
}

div.productlist table {
	width: auto
}

div.productlist table td {
	padding: 2px 10px 2px 10px
}

div.productlist table td.header {
	font-weight: bold
}

input.directionbutton {
	font-weight: bold ;
	font-size: 16px ;
	padding: 2px 10px 2px 10px
}

/* query page */

table.status {
	width: 310px
}

table.status td.statushead {
	height: 55px ;
	vertical-align: middle ;
	font-weight: bold ;
	font-size: 16px
}

table.status td.statusbody {
	height: 160px ;
	padding: 5px 40px 5px 0px
}

table.status td.statusbutton {
	padding: 5px 40px 5px 0px
}

table.status td.statusbutton input {
	font-weight: bold ;
	width: 150px
}

table.status td.statusbody table {
	width: auto
}

table.status td.statusbody table.dataentry td.caption {
	font-size: 12px ;
	padding-bottom: 5px
}

table.status td.statusbody table.dataentry input.de {
	background-color: #cccccc ;
	border: 1px solid #999999
}

/* results page */

table.statuslist {
	width: auto ;
	border: 1px solid #333333
}

table.statuslist td {
	padding: 2px 15px 2px 15px
}

table.statuslist a {
	color: #444444 ;
	text-decoration: underline
}

table.statuslist td.itemtitle {
	padding-top: 4px ;
	font-weight: bold ;
	background-color: #333333 ;
	color: white
}

table.statuslist td.columneven {
	background-color: #f2f2f2
}

table.statuslist td.columnodd {
	background-color: #ffffff
}

/* status detail page */

table.detail {
	width: 650px
}

table.phases {
	width: auto
}

table.phases td {
	padding: 15px
}

table.phases td.on {
	border: 2px solid #CD341A
}

table.detail td.dhead {
	background-color: #333333 ;
	padding: 8px ;
	text-align: center ;
	font-weight: bold ;
	font-size: 16px ;
	color: #ffffff
}

table.detail td.dbody {
	padding: 8px ;
	text-align: center
}

table.detail td.dbody p {
	font-size: 16px
}

table.detail td.dbody p.status {
	margin-top: 10px ;
	color: #444444 ;
	font-weight: bold
}

/* contact us page */

div.contactform {
	padding: 15px
}
	
div.contactform p {
	margin-top: 6px ;
	margin-left: 20px ;
	margin-bottom: 10px
}

div.contactform p.noindent {
	margin-left: 0px
}

div.contactform table.contactform {
	width: auto ;
	background-color: #cccccc ;
	border: 1px solid #999999
}

div.contactform table.contactform td {
	padding: 4px
}

div.contactform table.contactform td.capture1 {
	text-align: right ;
	font-size: 11px ;
	font-weight: bold
}

div.contactform table.contactform td.capture2 {
	font-size: 12px
}

div.contactform table.contactform select {
	font-family: Lucida Console, Courier, Monoco, monospace
}

div.contactform .required {
	color: #dd0000
}

div.contactform table.contactform td.captureerror {
	padding-top: 0px ;
	font-size: 11px ;
	color: #dd0000
}

/* miscellaneous */

.transition {
	margin: 25px ;
	font-size: 11px ;
	padding: 5px ;
	border: 1px solid #999999 ;
	background-color: #cccccc
}

/* preregister steps */

table.trackingtable {
	width: 550px ;
	background-color: #f2f2f2 ;
	border: 6px solid #f2f2f2
}

table.trackingtable td {
	padding: 3px ;
	font-size: 18px ;
	vertical-align: bottom
}

table.trackingtable td.trackingcaption {
	text-align: right
}

table.trackingtable td.trackinginput {
	font-weight: bold ;
	width: 350px
}

table.trackingtable input, table.trackingtable select {
	width: 100% ;
	font-size: 18px
}

table.trackingtable td.trackingerror {
	vertical-align: top ;
	padding-top: 0px ;
	font-size: 14px ;
	color: #bb0000
}

table.statuspage {
	width: auto
}