/*	--------------------------------------------------
	=Footer
	-------------------------------------------------- */
	div#footer { padding: 9px 0 36px 0; clear: left; }
	div#footer p { color: #49638b; margin-bottom: 0; padding-bottom: 0; }
	div#footer ul { margin-left: 0; margin-bottom: 1px; }
	div#footer ul li { display: inline; padding-right: 10px; }
	div#footer a, div#footer a:active { color: #8494ac; text-decoration: none; }
	div#footer a:hover { text-decoration: underline; }


/** HOMEPAGE **/

	div#content { overflow: hidden; position: relative; width: 100%; min-width: 960px; padding-top: 12px; }
	
	div#haloContainer { margin: -12px auto 0; position: relative; width: 960px; }
	div#halo {  width: 1426px; height: 1200px; background: url(/jwed/images/jwed/halo-heavy.jpg) no-repeat; position: absolute; z-index: 1; left: -250px; top: 0px; margin: 0px auto; z-index: 1; }
	
	div#band { display: none; background: #dbdedf; background: rgba(255, 255, 255, 0.35); height: 142px; position: absolute; z-index: 2; top: 381px; left: 0; width: 100%; border-width: 1px 0px; border-color: #fff; }
	
	h1#title { text-indent: -999px; width: 463px; height: 50px; background: url(/jwed/images/jwed/homepage-h1.png) no-repeat; float: left; margin-top: 16px; }
	h1#title-hp { text-indent: -999px; width: 463px; height: 50px; background: url(/jwed/images/jwed/homepage-hp.png) no-repeat; float: left; margin-top: 16px; }

	/** LOGIN FORM **/
	form#loginForm { display: block; height: 40px; text-align: right; padding-top: 12px; }
	body.ie6 form#loginForm { height: 20px; margin-bottom: 9px; }
	form#loginForm table { width: 300px; float: right; margin-bottom: 0; padding-bottom: 0; }
	form#loginForm table td { width: 130px; margin: 0 8px 0 0; }
	form#loginForm table td p { margin-bottom: 0; padding-bottom: 0; }
	form#loginForm table td div { position: relative; }
	form#loginForm input { width: 120px; font-size: 12px; padding: 5px; color: #777; background: none; border: solid 1px #183056; z-index: 20; position: relative; }
	form#loginForm label { position: absolute; z-index: 10; display: block; width: 119px; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 4px 6px 3px; top: 2px; }
	body.ie form#loginForm label { background: #fff; }
	body.ff form#loginForm label { padding-top: 3px; }
	form#loginForm label span { color: #777; font-weight: normal; }
	form#loginForm label.hidden span { color: #caccd0; }
	body.ie form#loginForm label.hidden span { color: #fff; }
	
	form#loginForm input#remember { display: inline; float: left; width: 15px; border-width: 0; }
	form#loginForm label#forRemember { display: inline; background: none; font-weight: normal; color: #647ca4; position: relative; top: 0; bottom: 0; float: left; width: 90px; padding: 0; }
	body.ff form#loginForm label#forRemember { position: relative; top: 1px; left: 1px; float: left; width: 90px; padding: 0; }
	form#loginForm a#forgot, form#loginForm a#forgot:active { color: #647ca4; font-size: 13px; text-decoration: none; }
	form#loginForm a#forgot:hover { text-decoration: underline; }
	
	form#loginForm button { width: 77px; height: 25px; padding: 0 0 0 3px; background: url(/jwed/images/jwed/btn-signup-sprite.gif) no-repeat 0 0; cursor: pointer; font-size: 13px; line-height: 20px; font-weight: bold; color: #fff; text-align: center; text-shadow: 0 -1px 1px rgba(0,0,0,.25);}
	form#loginForm button:hover { background-position: 0 -25px; }
	form#loginForm button:active { background-position: 0 -50px; }
	form#loginForm span { font-size: 12px; color: rgba(0, 0, 0, 0.5); }
	
	body.ff3 form#loginForm button { padding-bottom: 3px; }

	/** JUMBOTRON **/
	div#jumbotron { width: 960px; border: solid 8px #f8f6f3; height: 340px; background: url(/jwed/images/jwed/homepage-splash.jpg) no-repeat; position: relative; left: -18px; -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); z-index: 100; margin-top: 30px; }
	div#jumbotron.alt { background: url(/jwed/images/jwed/homepage-splash2.jpg) no-repeat; }
	
	div#benefits { position: absolute; top: 325px; left: 50px; }
	div#benefits h1 { background: url(/jwed/images/jwed/homepage-h1.png) no-repeat; width: 452px; height: 34px; text-indent: -999px; margin-bottom: 2px; }
	body.ie6 div#benefits h1 { background: url(/jwed/images/jwed/homepage-h1.gif) no-repeat; }
	div#benefits ul { margin-left: 0; }
	div#benefits ul li { list-style: none; font-size: 15px; color: #010202; height: 24px; background: url(/jwed/images/jwed/caret.png) no-repeat; padding-left: 14px; background-position: 0 2px; }
	div#jumbotron h2#tagline { display: block; position: absolute; left: 30px; bottom: 10px; font-family: Georgia, Times, serif; font-size: 30px; width: 520px; color: #fff; text-shadow: 0px 1px 3px rgba(0,0,0,0.45); }
	div#jumbotron h2#tagline2 { display: block; position: absolute; left: 30px; bottom: 10px; font-family: Georgia, Times, serif; font-size: 24px; width: 520px; color: #fff; text-shadow: 0px 1px 3px rgba(0,0,0,0.45); }
	div#jumbotron h2#tagline small { display: block; font-size: 15px; }
	div#jumbotron h2#tagline2 small { display: block; font-size: 15px; }
	
	div#badge { position: absolute; width: 98px; height: 55px; background: url(/jwed/images/jwed/frumster-badge.png) no-repeat; color: #fff; font-size: 11px; font-weight: bold; padding: 13px 20px 12px 15px; line-height: 1.2; }
	body.ie6 div#badge { background: url(/jwed/images/jwed/frumster-badge.gif) no-repeat; }


	
	
	/** SIGNUP FORM **/
	div#signUp { display: block; width: 220px; height: 230px; background: url(/jwed/images/jwed/signupBackground.jpg) no-repeat; position: absolute; left: 680px; bottom: 20px; -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); padding: 12px 20px; }
	div#signUp form { margin-bottom: 0; }
	div#signUp form h2 { font-size: 18px; font-weight: bold; color: #3a4551; margin-bottom: 0; padding-bottom: 6px; }
	div#signUp form div.wrap { margin-bottom: 8px; float: none; }
	div#signUp form div.small { margin: 12px -10px 6px; padding: 8px 18px 9px; font-size: 12px; font-weight: normal; position: relative; line-height: 1.2; color: #777; background: #fefefe; background: rgba(255,255,255,0.75); border: solid 0px #ddd; border-width: 1px 1px; }
	div#signUp form div.small a { font-size: 12px; text-decoration: underline; }
	div#signUp form label#jewishCheckbox input { display: inline; width: auto; margin: 0; }
	div#signUp form input { font-size: 16px; width: 205px; padding: 6px 5px; display: block; margin-bottom: 2px; }
	div#signUp form select { font-size: 16px; width: 213px; margin-bottom: 0px; }
	div#signUp form small, div#signUp form small a { color: #999; font-size: 9px; }
	div#signUp form small a { text-decoration: underline; }
	
	button#registerBtn { width: 220px; height: 42px; background: url(/jwed/images/jwed/btn-register-sprite.gif) no-repeat 0 0; cursor: pointer; display: block; margin: 20px 0 6px 0; font-size: 18px; line-height: 36px; font-weight: bold; color: #fff; text-align: center; text-shadow: 0 -1px 1px rgba(0,0,0,.35); }
	body.ff button#registerBtn { margin-top: 16px; }
	button#registerBtn:hover { background-position: 0 -42px; }
	button#registerBtn:active { background-position: 0 -84px; }
	
	div#signUp form a { color: #56636f; font-size: 12px; text-decoration: none; }
	div#signUp form div#facebook { text-align: right; }
	div#signUp form a#facebookConnect { background: url(/jwed/images/jwed/fbkConnect.gif) no-repeat; padding-left: 18px; display: inline; height: 18px; padding-top: 2px; position: relative; bottom: 12px; }
	div#signUp form.awesome label { font-size: 16px; padding: 8px 6px 7px; }
	body.ff div#signUp form.awesome label { padding: 9px 6px 7px; }

	
	
	/** THUMBNAILS **/
	
	ul.matches { display: block; margin: 30px 0 30px -20px; position: relative; z-index: 2; }
	body.ie ul.matches { display: block; margin: 30px 0 0 -20px; position: relative; z-index: 2; height: 80px; width: 980px; }
	ul.matches li { width: 60px; height: 80px; margin-left: 20px; float: left; list-style: none; font-size: 11px; color: #fff; line-height: 15px; position: relative; }
	ul.matches li img { width: 54px; height: 54px; margin: 0; background: #faf8f4; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); cursor: pointer; border: solid 3px #fff; }
	ul.matches li.last { width: 140px; }
	ul.matches li.last h3 { font-size: 18px; font-weight: bold; padding-top: 28px; color: #fff; }
	ul.matches li.last h3 small { display: block; font-size: 11px; font-weight: normal; }	
	ul.matches li.last h32 { font-size: 18px; font-weight: bold; padding-top: 28px; color: #fff; }
	ul.matches li.last h32 small { display: block; font-size: 13px; font-weight: normal; }	

	/** FLYOUTS **/
	
	div.flyout { position: absolute; left: -10px; top: 71px; z-index: 100; width: 280px; padding: 15px; background: url(/jwed/images/jwed/topBottomGradientBg.jpg) repeat-x #fff; border: solid 5px #fff; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	div.flyout.top { top: auto; bottom: 86px; z-index: 5000; }
	div.flyout span.nub { position: absolute; top: -11px; left: 35px; width: 12px; height: 6px; background: url(/jwed/images/jwed/nub.gif) no-repeat; }
	div.flyout span.nub.onwhite { background: url(/jwed/images/jwed/nub-onwhite.gif) no-repeat; }
	div.flyout.top span.nub { top: auto; bottom: -11px; background-image: url(/jwed/images/jwed/nub-bottom.gif); }
	div.flyout h5 { font-size: 15px; position: relative; margin: 0px -15px 8px; padding: 0px 15px 8px 15px; color: #222; border-bottom: solid 1px #ddd; position: relative; }
	div.flyout h5 small { position: absolute; right: 15px; bottom: 6px; font-size: 13px; line-height: 20px; opacity: 0.5; -moz-opacity: 0.5; }
	div.flyout blockquote { color: #555; font-size: 12px; line-height: 1.3; }

	ul.matches li.open-left div.flyout { left: auto; right: -10px; }
	ul.matches li.open-left div.flyout span.nub { left: auto; right: 35px; }
	
	div.small div.flyout { top: -150px; left: -313px; }
	div.small div.flyout span.nub { height: 12px; width: 6px; background: url(/jwed/images/jwed/side-nub.gif) no-repeat; left: 315px; top: 155px; }
	div.small div.flyout p { margin: 0; padding: 0; }
	div.small div.flyout ul { margin: 8px 0 8px 20px; }
	div.small div.flyout ul li { font-size: 12px; color: #777; }
	div#signUp form div.flyout a { font-size: 12px; }
	
	/** CONTENT FRAMES **/
	
	div.news { margin-top: 30px; color: #fff; font-size: 13px; line-height: 30px; background: #000; padding: 0px 10px; background: url(/jwed/images/jwed/news-bg.jpg) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
	div.news span { background: url(/jwed/images/jwed/news-title.jpg) repeat-x; display: inline-block; height: 30px; margin-left: -10px; padding-left: 10px; padding-right: 10px; margin-right: 10px; font-weight: bold; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; }
	div.news a { color: #fff; text-decoration: underline; }
	
	div.problem { margin-top: 30px; color: #fff; font-size: 13px; line-height: 30px; background: #000; padding: 0px 10px; background: url(/jwed/images/jwed/error-bg.jpg) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
	div.problem span { background: url(/jwed/images/jwed/error-title.jpg) repeat-x; display: inline-block; height: 30px; margin-left: -10px; padding-left: 10px; padding-right: 10px; margin-right: 10px; font-weight: bold; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; }
	div.problem a { color: #fff; text-decoration: underline; }
	
	div.framed { background: url(/jwed/images/jwed/signupBackground.jpg) no-repeat #fff; -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); padding: 20px; position: relative; z-index: 1; }
	.framed.three { width: 120px; }
	.framed.four { width: 180px; }
	.framed.five { width: 240px; }
	.framed.six { width: 300px; }
	.framed.seven { width: 360px; }
	.framed.eight { width: 420px; }
	.framed.nine { width: 480px; }
	.framed.ten { width: 540px; }
	.framed.eleven { width: 600px; }
	.framed.twelve { width: 660px; }
	.framed.thirteen { width: 720px; }
	.framed.fourteen { width: 780px; }
	.framed.fifteen { width: 840px; }
	.framed.sixteen { width: 900px; }
	.framed.one-third { width: 260px; }
	.framed.two-thirds { width: 580px; }
	
	.header-area { height: 60px; background: url(/jwed/images/jwed/header-shadow-onethird.jpg) 0% 100% no-repeat; margin: -20px -20px 10px; }
	.four .header-area { background-image: url(/jwed/images/jwed/header-shadow-four.jpg); }
	.two-thirds .header-area { background-image: url(/jwed/images/jwed/header-shadow-twothird.jpg); }
	.header-area h2 { font-size: 18px; font-weight: bold; color: #3a4551; font-family: Georgia, serif; margin: 0; padding: 0; line-height: 1; background: url(/jwed/images/jwed/header-noise-bg.jpg) 100% 0% no-repeat #fefefe; padding: 26px 20px 8px 20px; }
	.header-area img { position: absolute; z-index: 10; right: 6px; top: 2px; }
	
	ul.large li { font-size: 13px; color: #555; line-height: 21px; margin-bottom: 12px; }
	
	.framed blockquote { font-size: 13px; color: #555; font-style: italic; line-height: 21px; margin-bottom: 12px; }
	.framed blockquote cite { font-size: 12px; color: #777; display: block; line-height: 21px; }
	.framed blockquote cite a { color: #999; text-decoration: underline; }
	
	.light h1, .light h2, .light h3, .light p { color: #fff; }
	
	hr { border-top: solid 1px #ccc ; margin: 40px 0; }
	hr.bottom { border-bottom: solid 1px #1e365f; border-top: solid 1px #0c2145; margin: 40px 0 0 0; }
	
	/*IE6 Z-Index Fix */
	#matchWrapper { position: relative; z-index: 200; }
	#threeColumnWrapper { position: relative; }


/** SECONDARY PAGES **/

div#halo.light { background-image: url(/jwed/images/jwed/halo-heavy.jpg) }
h1#logo { width: 519px; height: 43px; background: url(/jwed/images/jwed/homepage-h1.png) no-repeat; text-indent: -999px; margin-bottom: 16px; }
h1#logo-hp { width: 519px; height: 43px; background: url(/jwed/images/jwed/homepage-hp.png) no-repeat; text-indent: -999px; margin-bottom: 16px; }
h1#title.inside { width: 519px; height: 43px; text-indent: -999px; margin-bottom: 16px; position: relative; float: none; }
body.ie6 h1#logo { background-image: url(/jwed/images/jwed/homepage-h1.gif); }

ul#thermo { height: 40px; width: 820px; background: #ddd; margin: 0; position: relative; left: -1px; }
body#newProfilePage ul#thermo { background: url(/jwed/images/jwed/breadcrumb1.gif) no-repeat; }
body#newProfile2Page ul#thermo { background: url(/jwed/images/jwed/breadcrumb1.gif) no-repeat; }
body#completeProfilePage ul#thermo { background: url(/jwed/images/jwed/breadcrumb2.gif) no-repeat; }
body#completeProfile2Page ul#thermo { background: url(/jwed/images/jwed/breadcrumb2.gif) no-repeat; }
body#upgradeAccountPage ul#thermo { background: url(/jwed/images/jwed/breadcrumb3.gif) no-repeat; }
body#upgradeAccount2Page ul#thermo { background: url(/jwed/images/jwed/breadcrumb3.gif) no-repeat; }

div.step-content { width: 460px; background: #fff; padding: 20px 20px 40px 40px; -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); z-index: 100; float: left; display: inline; }
div.step-content form { margin-top: 10px; }
div.step-content form h5 { margin: 0 0 9px 0; padding-top: 0; font-size: 14px; }
div.step-content.full { padding-left: 40px; width: 740px; }
div.step-content div.wrap input { width: 210px; }
div.step-content div.wrap textarea { width: 210px; height: 48px; }
div.step-content div.wrap input.input-text { bottom: 4px; }
div.step-content div.wrap input.radio { display: inline; width: 18px; }
div.step-content div.wrap input.checkbox { display: inline; width: 18px; }
div.step-content div.wrap select { width: 222px; }
div.step-content div.wrap select#birthMonth { width: 95px; }
div.step-content div.wrap select#birthDate { width: 55px; }
div.step-content div.wrap select#birthYear { width: 62px; }
div.step-content div.wrap select#gender { width: 105px; }
div.step-content div.wrap a { font-size: 12px; padding: 2px 6px; display: block; }

div.wrap div.error input { border-color: red; }
div.wrap div.error small { color: red; }

div.wrap div#imageWell { width: 60px; height: 60px; float: left; background: url(/jwed/images/jwed/imagewell.gif) no-repeat; margin: 0 10px 0 0; }
div.wrap div#imageWell span { color: #999; display: block; width: 40px; height: 40px; margin: 10px; text-align: center; }
div.wrap input#profilePic { float: left; font-size: 12px; width: 180px; padding: 0; }

div.step-content button { height: 42px; cursor: pointer; margin-top: 22px; padding: 0 0 8px; position: relative; left: 127px; font-size: 18px; line-height: 42px; font-weight: bold; color: #fff; text-align: center; text-shadow: 0 -1px 1px rgba(0,0,0,.35); width: 204px; background: #333 url(/jwed/images/jwed/btn-nextprofile-sprite.gif) no-repeat; }
div.step-content.full button { left: 0; }
div.step-content button:hover { background-position: 0 -42px; }
div.step-content button:active { background-position: 0 -84px; }
body.ff3 div.step-content button { padding-top: 5px; }

div.info { padding: 20px 20px 20px 70px; margin: 0px 0px 32px -20px; background: url(/jwed/images/jwed/info-background.gif) no-repeat 20px 22px #f8f8f8; border: solid 1px #ccc; }
div.info h3 { margin: 0; padding: 0; font-weight: bold; color: #3A4551; }
h4.subhead { font-weight: normal; color: #777; }


/** TERMS PAGE **/

body#agreeToTermsPage textarea#cardTerms { width: 720px; height: 120px; font-size: 12px; color: #777; }
body#agreeToTermsPage div.step-content.full span { font-size: 13px; display: block; padding: 2px 0; }
body#agreeToTermsPage div.step-content.full table { width: 600px; margin-bottom: 0; }
body#agreeToTermsPage div.step-content.full table.subtab { width: 300px; margin-bottom: 0; }
body#agreeToTermsPage div.step-content.full td { vertical-align: top; padding-bottom: 2px; }
body#agreeToTermsPage div.step-content.full td span { margin: 0; padding: 0; }
body#agreeToTermsPage div.step-content.full td.labeled { width: 110px; text-align: right; font-weight: normal; vertical-align: top; }
body#agreeToTermsPage div.step-content.full h2 { font-size: 24px; font-weight: bold; color: #3a4551; margin-bottom: 12px; }

body#agreeToTerms2Page textarea#cardTerms { width: 720px; height: 120px; font-size: 12px; color: #777; }
body#agreeToTerms2Page div.step-content.full span { font-size: 13px; display: block; padding: 2px 0; }
body#agreeToTerms2Page div.step-content.full table { width: 600px; margin-bottom: 0; }
body#agreeToTerms2Page div.step-content.full table.subtab { width: 300px; margin-bottom: 0; }
body#agreeToTerms2Page div.step-content.full td { vertical-align: top; padding-bottom: 2px; }
body#agreeToTerms2Page div.step-content.full td span { margin: 0; padding: 0; }
body#agreeToTerms2Page div.step-content.full td.labeled { width: 110px; text-align: right; font-weight: normal; vertical-align: top; }
body#agreeToTerms2Page div.step-content.full h2 { font-size: 24px; font-weight: bold; color: #3a4551; margin-bottom: 12px; }

/** SIDEBAR **/

div.sidebar { width: 258px; float: left; padding: 20px 20px 80px 20px; background-color: #e6e8e8; border: solid 1px #fff; position: relative; right: 1px; z-index: 50; display: inline; }
div.sidebar img#splashImage { position: absolute; bottom: -120px; left:80px; -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); }
div.sidebar h2 { font-size: 24px; font-weight: bold; color: #3a4551; margin-bottom: 0; }
div.sidebar p { color: #3a4551; font-size: 13px; }

div.sidebar div.testimonial p { font-style: italic; opacity: 0.75; padding-bottom: 0; margin-top: 24px; }
body.ie6 div.sidebar div.testimonial p { width: 250px; }
div.sidebar div.testimonial cite { display: block; text-align: right; font-size: 12px; font-weight: bold; color: #3a4551; }


/** CARD PAGE **/
body#upgradeAccountPage div#specialOffer { position: relative; margin-right: 0px; border-bottom: solid 1px #ddd; margin-bottom: 8px; background: #eee; margin-left: -20px; padding-left: 20px; }
body#upgradeAccountPage div#specialOffer h2 { font-size: 24px; font-weight: bold; color: #3a4551; padding: 12px 0 0; }
body#upgradeAccountPage div#specialOffer div#timer { width: 140px; float: right; }
body#upgradeAccountPage div#specialOffer div#timer h3 { text-align: center; font-weight: bold; font-size: 32px; margin: 0; padding: 12px 0 0; color: #a71919; }
body#upgradeAccountPage div#specialOffer div#timer p { text-align: center; font-size: 11px; color: #777; }

body#upgradeAccountPage input#cardCity { width: 157px; display: inline; padding-top: 2px; padding-bottom: 2px; }
body#upgradeAccountPage select#cardState { width: 50px; display: inline; position: relative; bottom: 5px; font-size: 13px; }
 
body#upgradeAccountPage select#cardMonth { width: 149px; display: inline; }
body#upgradeAccountPage select#cardYear { width: 70px; display: inline; }

body#upgradeAccountPage div#specialOfferImage { width: 94px; height: 94px; background: url(/jwed/images/jwed/specialOffer.png) no-repeat; position: absolute; left: -75px; top: 0px; }
body#upgradeAccountPage.ie6 div#specialOfferImage { background: url(/jwed/images/jwed/specialOffer.gif) no-repeat; left: -95px;}
 
body#upgradeAccountPage p#disclaimer { margin-left: 127px; font-size: 11px; color: #777; }
body#upgradeAccountPage div.step-content h4 { margin-left: 127px; clear: left; margin-bottom: 4px; }

body#upgradeAccount2Page div#specialOffer { position: relative; margin-right: 0px; border-bottom: solid 1px #ddd; margin-bottom: 8px; background: #eee; margin-left: -20px; padding-left: 20px; }
body#upgradeAccount2Page div#specialOffer h2 { font-size: 24px; font-weight: bold; color: #3a4551; padding: 12px 0 0; }
body#upgradeAccount2Page div#specialOffer div#timer { width: 140px; float: right; }
body#upgradeAccount2Page div#specialOffer div#timer h3 { text-align: center; font-weight: bold; font-size: 32px; margin: 0; padding: 12px 0 0; color: #a71919; }
body#upgradeAccount2Page div#specialOffer div#timer p { text-align: center; font-size: 11px; color: #777; }

body#upgradeAccount2Page input#cardCity { width: 157px; display: inline; padding-top: 2px; padding-bottom: 2px; }
body#upgradeAccount2Page select#cardState { width: 50px; display: inline; position: relative; bottom: 5px; font-size: 13px; }
 
body#upgradeAccount2Page select#cardMonth { width: 149px; display: inline; }
body#upgradeAccount2Page select#cardYear { width: 70px; display: inline; }

body#upgradeAccount2Page div#specialOfferImage { width: 94px; height: 94px; background: url(/jwed/images/jwed/specialOffer.png) no-repeat; position: absolute; left: -75px; top: 0px; }
body#upgradeAccount2Page.ie6 div#specialOfferImage { background: url(/jwed/images/jwed/specialOffer.gif) no-repeat; left: -95px;}
 
body#upgradeAccount2Page p#disclaimer { margin-left: 127px; font-size: 11px; color: #777; }
body#upgradeAccount2Page div.step-content h4 { margin-left: 127px; clear: left; margin-bottom: 4px; }

p.secure { margin-left: 125px; padding-left: 20px; background: url(/jwed/images/jwed/secure.gif) no-repeat; margin-top: 4px; font-size: 11px; }

div.error-block { clear: left; border: solid 1px #a81919; padding: 10px; margin-right: 10px; margin-bottom: 20px; background: #fbe5e5; }
div.error-block h3 { margin-bottom: 0; padding-bottom: 0; font-weight: bold; color: #87000b; }
div.error-block p { margin-bottom: 0; padding-bottom: 0; color: #87000b; }



/** MODALS **/

div.overlay { position: fixed; width: 100%; height: 100%; background: url(/jwed/images/jwed/pxshader.png); left: 0px; top: 0px; z-index: 999; }
body.ie div.overlay { position: absolute; width: 100%; height: 1300px; background: #000; left: 0px; top: 0px; z-index: 999; filter: alpha(opacity=50); }
div.modal { position: fixed; top: 80px; background: url(/jwed/images/jwed/modal-background.gif) repeat-x #e8e8e8; padding: 40px; z-index: 1000; -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); border: solid 6px #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
body.ie div.modal { position: absolute; }

div.modal a.button { width: 220px; height: 42px; background: url(/jwed/images/jwed/btn-register-sprite.gif) no-repeat 0px 0px; line-height: 42px; color: #fff; font-weight: bold; text-decoration: none; font-size: 13px; display: inline-block; text-align: center; padding: 0; -webkit-transition: opacity 0.15s linear; }
div.modal a.button:hover { background-position: 0px -42px; }
div.modal a.button:active { background-position: 0px -84px; }

div.modal a.button.disabled { opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); cursor: default; }
div.modal a.button.disabled:hover, div.modal a.button.disabled:active { background-position: 0px 0px; }

div.modal h2 { font-weight: bold; margin: 0; padding: 0; color: #3A4551; }
div.modal h3 { color: #3A4551; font-weight: bold; margin-top: -10px; margin-bottom: -6px; }
div.modal h3 small { display: block; font-size: 13px; }
div.modal h4.subhead { margin: 0 0 18px; padding: 0; color: #777; }

div.modal hr { margin: 0 0 20px; }

div.modal p.centered { text-align: center; }
div.modal p.centered label { display: inline; } 

div.modal ul.other-sites { margin: 0; padding: 0; }
div.modal ul.other-sites li { margin: 0 0 20px; padding: 0; list-style: none; height: 90px; }
div.modal ul.other-sites a img { float: left; margin-right: 20px; border: solid 1px #ddd; }
div.modal ul.other-sites a:hover img { border: solid 1px #155688; }

div.modal#eligibility { width: 580px; }
body.ie div#eligibility div.column-row { width: 600px; }
div.modal#rejection { width: 480px; }

a#soundsRight { margin-bottom: 6px; }




