@charset "utf-8";
/* reset styles */
body, html { margin: 0; padding: 0; }
div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ul, li, dl, dt, dd, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* swoosh styles */
body { background-color: #000; }
body.upm #page-content div.content-home { padding: 0; }
body.upm #page-content .clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
body.upm #page-content .wrap { width: 910px; }

.left { float: left; }
.gray { color: #e9e7e2; }
.dark { color: #6d6964; }
.orange { color: #f60; }
.light { color: #e9e6e2; }

a.link, a.link:link, a.link:visited, a.link:hover, a.link:active { text-decoration: none; color: #f60; font-weight: bold; }

#page { display: block; position: relative; background-position: left top no-repeat; min-height: 720px; }

/* swoosh styles */
#login { width: 406px; padding: 90px 40px 0 30px; }
#register, #terms { width: 820px; padding: 90px 60px 0 30px; }
#login .container { padding: 24px 0 0 20px; }
#register .container, #terms .container { padding: 14px 0 0 10px; }
#register .secondary_container, #terms .secondary_container { padding: 14px 0 0 10px; }
#register h3, #terms h3 { text-transform: uppercase; color: #e9e6e2; font-weight: bold;}
#register p.heading { margin-bottom: 18px; font-size: 12px; }
#register p.heading strong { font-weight: bold; }
#register div.infobox { width: 380px; float: right; border: 1px solid #6d6964; padding: 10px 16px; margin-top: 20px; }
#register div.infobox p { font-size: 12px; margin-bottom: 6px; }
#login h2, #register h2, #terms h2 { margin-bottom: 6px; font-size: 1.6em; line-height: 1em; font-weight: normal; text-transform: capitalize; }
#register .divider, #terms .divider { width: 100%; height: 1px; line-height: 0px; font-size: 0px; background-color: #323230; margin: 10px 0; }
#register #secondary_nav, #terms #secondary_nav { margin-bottom: 18px; }
#register #secondary_nav p, #terms #secondary_nav p { font-size: 11px; text-transform: uppercase; font-weight: bold; }
#register #secondary_nav p span.selected, #terms #secondary_nav p span.selected { color: #fff; font-weight: bold; }
#register #secondary_nav p span.separator, #terms #secondary_nav p span.separator { font-weight: bold; margin: 0 44px 0 34px; font-family: Verdana; }

#terms .step { }

#terms .step.on h4 { color: #f60; display: block; }
#terms .step.off h4 { color: #919191; display: block; }
#terms .step h4 span.number { width: 20px; height: 20px; margin-right: 10px; }
#terms .step h4 span.number { background: transparent url('/nikeos/site/profile_v2/global/images/steps.png') 0 0 no-repeat; }
#terms .step h4 span { display: block; float: left; font-size: 17px; font-weight: bold; line-height: 21px; }
#terms #step_01.off h4 span.number { background-position: 0 0; } #terms #step_01.on h4 span.number { background-position: -20px 0; } #terms #step_02.off h4 span.number { background-position: 0 -20px; } #terms #step_02.on h4 span.number { background-position: -20px -20px; } #terms #step_03.off h4 span.number { background-position: 0 -40px; } #terms #step_03.on h4 span.number { background-position: -20px -40px; } #terms #step_04.off h4 span.number { background-position: 0 -60px; } #terms #step_04.on h4 span.number { background-position: -20px -60px; } #terms #step_five.off h4 span.number { background-position: 0 -80px; } #terms #step_five.on h4 span.number { background-position: -20px -80px; }
#terms #step_02 .terms_copy, #terms #step_03 .terms_copy, #terms #step_04 .terms_copy { display: none; }
#terms .terms_copy { margin: 24px 24px 12px 8px; color: #919191; }
#terms .terms_copy p, #terms .terms_copy ul li { font-size: 11px; font-family: Arial, sans-serif; margin-bottom: 6px; line-height: 13px; }
#terms .terms_copy ul { margin-left: 14px; list-style: disc; }
#terms .terms_copy ul li { list-style: disc; }
#terms .terms_copy .accept { float: right; padding: 3px; }
#terms .terms_copy .accept input { margin: 2px 0; }
#terms .terms_copy .accept label { margin: 0 17px 0 8px; color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase; }

#login .title { margin-bottom: 27px; }
#login div.label { margin-bottom: 8px; line-height: .7em; }
#login div label { color: #9f9c94; font-size: 11px; font-weight: bold; }
#login div.field { margin-bottom: 20px; width: 400px; height: 41px; background: url('/nikeos/site/profile_v2/global/images/bg_login_field_small_orange.png') left top no-repeat; }
#login div.field.error { background-position: left -41px; }
#login input.input-field { border: none; font-size: 20px; width: 320px; margin: 7px 0 0 10px; background: transparent; font-family: Arial, Helvetica, sans-serif; }
#login input.input-field.password { font-size: 30px; height: 20px; }
#login input.error { color: #ffffff; }
#login .divider { width: 100%; height: 1px; line-height: 0px; font-size: 0px; background-color: #323230; margin: 20px 0; }
#login .buttons-container { font-size: .7em; line-height: 27px; }
#login .buttons-container a.textlink { color: #919191; text-decoration: none; margin-left: 35px; }
#login .buttons-container a.textlink:hover { text-decoration: underline; }
#login a.forgot_password { color: #919191; text-decoration: none; font-size: .7em; text-transform: uppercase; padding-bottom: 10px; }
#login a.forgot_password:hover { text-decoration: underline; }
	#body-overlay h2.login { color: #919191; }
#login h3 { font-size: 12px; line-height: 1em; font-weight: bold; }
#login h4 { font-size: 17px; line-height: 1em; font-weight: normal; color: #9f9c94; }
#login p.big { font-size: 1.4em; }
#login p, #register p { margin: 0; font-size: .8em; line-height: 1em; }
#login p.disclaimer, #register p.disclaimer { margin: 0; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: bold; }
#register p.disclaimer { font-size: 14px; margin: 30px 0; }
#login #remember_me { float: left; margin: 20px 0; }
	#login #remember_me .checkbox_label { color: #919191; float: left; padding: 3px 0 3px 12px; }
	#login #remember_me input { float: left; }
#login ul.reg_benefits, #register ul.reg_benefits { list-style: none; margin: 8px 0 14px 0; }
#login ul.reg_benefits li, #register ul.reg_benefits li { color: #e9e6e2; list-style: none; font-size: 11px; padding: 4px 0; }
#login #sub_footer { padding-bottom: 20px; }
#login #sub_footer p.light { font-size: 11px; padding: 6px 0; line-height: 16px; }
#login #sub_footer p.questions { padding: 12px 0; }
#login #sub_footer p.mini_disclaimer { font-size: 10px; line-height: 14px; }

/* register styles */
#register div.padded { padding-right: 30px; display: inline; }
#register div.label { margin-bottom: 8px; line-height: .7em; }
#register div label { color: #c6c6c6; font-size: 11px; font-weight: bold; }
#register div.left label { width: 180px; }
#register div label .optional { color: #585858; padding-left: 10px; }
#register div.longfield { margin-bottom: 8px; width: 280px; }
#register.swoosh div.longfield { width: 390px; }
#register div.password { margin-bottom: 8px; width: 180px; }
#register div.dob-day { float: left; margin-bottom: 8px; margin-right: 7px; display: inline; width: 44px; height: 28px; background: url('/nikeos/global/image/bg_register_field_44.jpg') left top no-repeat; }
#register div.dob-year { float: left; margin-bottom: 8px; display: inline; width: 65px; height: 28px; background: url('/nikeos/global/image/bg_register_field_65.jpg') left top no-repeat; }
#register div.zipcode { float: left; margin-bottom: 8px; display: inline; width: 150px; }
#register div.error { background-position: 0px -28px; }
#register input.input-field { font-size: 15px; width: 280px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; border: 1px solid #cccccc; background-color: #dddddd; font-weight: bold; }
#register.swoosh input.input-field { width: 390px; }
#register input.input-field.password { font-size: 15px; width: 178px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; }
#register input.input-field.zipcode { font-size: 15px; width: 150px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; }
#register select.input-field-dropdown { font-size: 15px; width: 390px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; border: 1px solid #cccccc; background-color: #dddddd; font-weight: bold;  }
#register select.input-field-date, #register select.input-field-year { font-size: 15px; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; border: 1px solid #cccccc; background-color: #dddddd; font-weight: bold;  }
#register select.input-field-date { width: 54px; margin-right: 3px; background-color: #c6c6c6; font-weight: bold; }
#register select.input-field-year { width: 58px; background-color: #c6c6c6; font-weight: bold; }
#register input.error, #register select.error { color: #ffffff; }
#register .checkbox-container { margin: 10px 0; }
#register .checkbox-container input { margin-right: 7px; }
#register .checkbox-container * { vertical-align: middle; }
#register .checkbox-container label { display: inline; color: #919191; font-weight: normal; }
#register #newsletter-container { margin-bottom: 30px; display: none; }
#register .radio-container { margin: 0; }
#register .radio-container input { margin-right: 7px; }
#register .radio-container * { vertical-align: middle; }
#register .radio-container label { display: inline; color: #919191; font-weight: normal; }
#register .buttons-container { font-size: 12px; line-height: 27px; color: #919191; }
#register .buttons-container a.textlink { color: #919191; text-decoration: none; margin-left: 35px; }
#register .buttons-container a.textlink:hover { text-decoration: underline; }
#register .buttons-container.padded-top { margin-top: 20px; }

a.btn { height: 27px; display: block; float: left; position: relative; font-size: 11px; line-height: 27px; font-weight: bold; text-decoration: none; color: #ffffff; text-align: center; text-transform: uppercase; }
a.btn, a.btn:link, a.btn:visited { color: #fff; text-decoration: none; }
a.btn:hover, a.btn:active { color: #fff; text-decoration: none; }
.btn .right-side { position: absolute; right: 0px; top: 0px; height: 27px; width: 4px; }
.btn.btn-login { background: url('/nikeos/global/image/bg_btn_brown.gif') left top no-repeat; padding: 0 20px; }
.btn.btn-login:focus { outline: 1px dotted #000; }
.btn.btn-login .right-side { background: url('/nikeos/global/image/bg_btn_brown_right.gif') left top no-repeat; }
.btn.btn-register { background: url('/nikeos/global/image/bg_btn_gray.gif') left top no-repeat; padding: 0 20px; }
.btn.btn-register:focus { outline: 1px dotted #000; }
.btn.btn-register .right-side { background: url('/nikeos/global/image/bg_btn_gray_right.gif') left top no-repeat; }
.btn.btn-goto { background: url('/nikeos/global/image/bg_btn_gray.gif') left top no-repeat; padding: 0 20px; }
.btn.btn-goto .right-side { background: url('/nikeos/global/image/bg_btn_gray_right.gif') left top no-repeat; }

#form-errors-msg, .form-errors-msg{ display: none; font-weight: bold; font-size: .8em; padding-bottom: 10px; }
#debug { border: 1px solid #ffffff; color: #ffffff; }
#loader { margin: 3px 12px; display: none; float: left; width: 16px; height: 16px; }

/* Background images for page */
body { background-color: #6c6964; text-align: center; }
div#page.register, div#page.terms { background: url(/nikeos/site/profile_v2/global/images/swoosh_bg_big.jpg) no-repeat top left; }
div#page.login { background: url(/nikeos/site/profile_v2/global/images/swoosh_bg.jpg) no-repeat top left; }

/* Background images for buttons and error fields */
#login div.field { background-image: url('/nikeos/site/profile_v2/global/images/bg_login_field_small_orange.png'); }
.btn.btn-login { background: url('/nikeos/site/nikestore/global/images/profile/bg_btn_orange.gif') left top no-repeat; padding: 0 20px; }
.btn.btn-login .right-side { background: url('/nikeos/site/nikestore/global/images/profile/bg_btn_orange_right.gif') left top no-repeat; }

/* Brand color - #F60 is Football Orange */
h2, #register div label.error, #login div label.error, #form-errors-msg, .form-errors-msg { color: #F60; }
#register input.error, #register select.error, input.error, select.error { color: #ffffff; background-color: #F60; }
h3 { color: #919191; }
p { color: #919191; }
p.big { color: #919191; }