@charset "UTF-8";
/* PREMIER Gold Card App. Style */

/* ------------------------------------------------------------------ CSS Reset */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

html {
min-height: 100.2%;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------------------------------------------- End CSS Reset */



/* ------------------------------------------------------- General Declarations */

body {
	background:url(images/bckgrnd.gif) repeat-x #e7ebed;
	color:#465054;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* this makes em conversion easy (ex: 1.2em x 10 = 12px) */
	margin-bottom:30px;
	}
	
.clear {
	clear:both;
	}
	
.centered {
	text-align:center;
	}
	
p {
	line-height:18px;
	}
	
a {
	color:#5b8d9f;
	text-decoration:underline;
	}
	
a:hover {
	text-decoration:none;
	}
	
h1 {
	font-size:2.6em;
	}
	
h1 span {
	color:#d9b615;
	}
	
h2 {
	font-size:1.2em;
	}
	
/* --------------------------------------------------- End General Declarations */



/* ------------------------------------------------------------ Layout (header) */

#header {
	margin:10px auto;
	width:940px;
	}
	
#headline {
	float:left;
	padding-top:3px;
	width:680px;
	}
	
#logo {
	float:right;
	text-align:right;
	}
	
#steps {
	background:#90c2d4;
	border-bottom:2px solid #e3e3e4;
	padding:12px 0 9px 0;
	}
	
#steps ul {
	margin:0 auto;
	width:940px;
	}
	
#steps ul li {
	display:inline;
	margin-right:10px;
	}
	
.title {
	margin-left:4px;
	}
	
.margined {
	margin-bottom:3px;
	}
	
/* -------------------------------------------------------- End Layout (header) */



/* ------------------------------------------------------- Layout (application) */
	
#content {
	margin:0 auto;
	width:940px;
	}
	
#app_wrap {
	float:left;
	width:676px;
	}	
	
#app {
	background:#fff;
	border:1px solid #d7dbdd;
	border-top:none;
	padding:0 10px 10px 10px;
	}
	
/* --------------------------------------------------- End Layout (application) */



/* -------------------------------------------------------------- Layout (form) */
	
form {
	background:url(images/app_bckgrnd.gif) repeat-x #f7f7f7;
	}
	
form .firstRow {
	background:url(images/lock_gold.gif) no-repeat top right;
	}
	
form .firstRow span {
	color:#5b8d9f;
	}
	
form fieldset {
	padding:15px 0 0 0;
	}
	
#formTitle {
	background:#d9b615;
	clear:both;
	color:#fff;
	letter-spacing:.03em;
	padding:8px;
	text-transform:capitalize;
	}
	
#formTitle h2 {
	float:left;
	}
	
#formTitle span {
	float:right;
	font-size:.9em;
	padding-top:1px;
	}
	
#formTitle em {
	color:#465054;
	}
	
.divider {
	background:#d7dcdd;
	height:1px;
	font-size:.1em;
	clear:both;
	}
	
/* -------------------- Form List Elements */
	
form ul {
	clear:left;
	font-size:1.1em;
	list-style:none;
	padding:0 8px 0 8px;
	}	
	
form ul li { 
	float:left;
	padding:0 0 15px 0;  
	width:99%;
	}
	
.legalPrep { /* this is generally applied to li tags. It relates to .legal under label elements */
	margin-bottom:-15px;
	}
	
form ul.listed {
	padding:0;
	}
	
form ul.listed li {
	background:url(images/bullet.gif) no-repeat 0px 7px;
	font-size:.9em;
	line-height:18px;
	padding:0 0 0 12px;
	}
	
/* ---------------- End Form List Elements */

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

form ul li label {
	float:left;
	margin:3px 5px 0 0;  
	width:17.5em;
	}
	
form fieldset.confirmed ul li label {
	width:15.5em;
	}
	
form fieldset.confirmed ul li label.first_label {
	font-weight:bold;
	width:12em;
	}
	
form fieldset.experian ul li div#experian_title {
	background:#e0e2e2; 
	font-weight:bold;
	padding:15px 0 15px 0;
	text-align:center; 
	}
	
form fieldset.experian ul li div#experian_app {
	background:#ebecec; 
	padding:15px 110px 0 110px;
	}
	
form fieldset.experian ul li label.first_label {
	font-weight:bold;
	padding-top:2px;
	width:4em;
	}
	
form fieldset.experian ul li input {
	width:105px;
	}
	
	
form fieldset.experian ul li input.experian_email {
	width:309px;
	}
	
form fieldset.experian ul li.experian_bttn_row {
	font-size:10px;
	text-align:right;
	}
	
form fieldset.experian ul li.experian_bttn_row input {
	margin-right:19px;
	}
	
form ul li label.double { /* this is for left column labels that take up 2 lines */
	line-height:18px; 
	margin-top:-1px;
	}

form ul li label em {
	color:#5b8d9f; 
	font-size:1.1em;
	}

form ul li label.nofloat {
	float:none; 
	clear:none;
	}
	
form ul li label.legal { 
	font-size:.9em; 
	line-height:1.2em;
	width:411px; 
	}
	
.enroll {
	padding-top:15px;
	}
	
.no_enroll {
	padding-top:15px;
	padding-left:12px;
	}
	
/* --------------- End Form Label Elements */

form ul li .long { /* This is being used on both labels and inputs */
	width:411px;
	}

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

form ul li input { 
	border:1px solid #a3a8aa;
	color:#465054;
	font-size:1.0em;
	margin:0 8px 0 0; 
	padding:4px;
	width:125px;
	}
	
form ul li input.watermarked { /* use this color for watermarked text */
	color:#b4b7b9;
	}
	
form ul li input.check {
	border:0px; 
	float:left; 
	width:auto;
	}

form ul li input.short {
	width:25px;
	}
	
.half {
	font-size:1.1em; 
	line-height:1.2em;
	width:205px;
	}
	
.state {
	width:50px;
	}
	
.zip {
	width:75px;
	}
	
.radiocheck {
	width:auto;
	border:0px;
	}
	
form ul li select {
	border:1px solid #a3a8aa; 
	color:#465054;
	font-size:1.0em;
	margin:0 8px 0 0; 
	padding:4px; 
	width:135px;
	}

form ul li textarea {
	border:1px solid #a3a8aa; 
	width:634px;
	}
	
input.button {
	background:#8ec0d2;
	border:0px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	height:26px;
	padding:0 18px 0 18px;
	}
	
/* --------------- End Form Input Elements */

	
.button_row {
	background:#ebebeb;
	margin-top:10px;
	padding:10px;
	}
	
.goBack {
	float:left;
	width:50%;
	}
	
.continue {
	float:left;
	text-align:right;
	width:50%;
	}
	
/* ---------------------------------------------------------- End Layout (form) */



/* ----------------------------------------------------------- Layout (sidebar) */
	
#sidebar {
	float:left;
	padding:15px 0 0 15px;
	_padding:15px 0 0 13px; /* That's right, I had to trick IE6 because it is lame */
	}
	
#advert {
	background:#fff;
	border:1px solid #d7dcdd;
	margin-bottom:15px;
	padding:15px 0 15px 0;
	text-align:center;
	}
	
#sidebar ul.accordian {
	margin-top:12px;
	}
	
#sidebar ul.accordian li {
	background:#a7b2b6;
	margin-bottom:2px;
	padding:0 0 0 34px;
	}
	
#sidebar ul.accordian li.fees {
	background:url(images/rates.gif) no-repeat 6px 3px #a7b2b6;
	}
	
#sidebar ul.accordian li.questions {
	background:url(images/questions.gif) no-repeat 6px 3px #a7b2b6;
	}
	
#sidebar ul.accordian li.about {
	background:url(images/employee.gif) no-repeat 10px 3px #a7b2b6;
	}
	
#sidebar ul.accordian li.privacy {
	background:url(images/lock.gif) no-repeat 9px 3px #a7b2b6;
	}

#sidebar ul.accordian li a {
	background:#bdc1c3;
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	padding:6px 0 7px 10px;
	text-decoration:none;
	width:203px;
	}
	
#sidebar ul.accordian li a:hover {
	background:#a7b2b6;
	}
	
.copyright_wrap {
	font-size:.9em;
	margin-top:15px;
	}

.copyright_wrap a {
	color:#465054;
	}
	
.copyright_wrap li {
	margin-bottom:10px;
	}
	
#subscribe {
	background:url(images/unsubscribe.gif) no-repeat;
	padding:5px 10px 8px 30px;
	}
	
#thawte {
	background:url(images/thawte.gif) no-repeat;
	padding:5px 0 8px 80px;
	}
	
#secured {
	background:url(images/lock_grey.gif) no-repeat 3px;
	padding:7px 5px 3px 24px;
	}
	
#copyright {
	padding:0 0 0 2px;
	}
	
/* ------------------------------------------------------- End Layout (sidebar) */