/* 
 * CSS For Nike Store Profile pages
 * @author adam.housman
 */

/* Profile Summary */
#header { width: 880px; height: 130px; margin: 0px 14px; position: relative; background: #4c4b48 url(/nikeos/site/nikestore/global/images/header_bg.gif) repeat-x top left; }
	#header #minifield_h1 { width: 600px; position: absolute; left: 25px; top: 80px; }
#user_summary { margin: 23px 41px; min-height: 81px; }
	#user_summary dl dt { color: #69665f; font-size: 10px; margin-bottom: 4px; }
	#user_summary dl dd { color: #c4c1be; font-size: 10px; margin-bottom: 8px; }
#profile_summary-location_label { display:none; }	
#profile_summary-location { display:none; }

/* Subnavigation Tabs */
#subnavigation { float: left; padding: 0 41px; }
	#subnavigation ul { float: left; }
	#subnavigation ul li { font-size: 12px; text-align: center; margin-right: 4px; background-color: #9e9b94; float: left; display: block; }
	body.personal_info #subnavigation ul li.li_personal_info, body.address_book #subnavigation ul li.li_address_book, body.my_family #subnavigation ul li.li_my_family { background-color: #e9e6e2; }
	#subnavigation ul li a { text-decoration: none; color: #d2cfcb; padding: 6px 12px; font-weight: bold; float: left; }
	body.personal_info #subnavigation ul li.li_personal_info a, body.address_book #subnavigation ul li.li_address_book a, body.my_family #subnavigation ul li.li_my_family a { color: #6d6a63; }



/* Guts */
#guts { width: 826px; margin: 0 14px 14px 14px; padding: 42px 27px 0 27px; background-color: #e9e6e2; border-top: 1px solid #e5e2de; position: relative; }
	body.deregistered #guts { background-color: #2F2E2C; width: 820px; padding: 42px 30px; border-top: 0; min-height: 520px; }
#guts #left, #guts #right { width: 403px; } #guts #left { float: left; min-height:575px; } #guts #right { float: right; }
#guts h3.category_header { padding: 10px 26px; background-color: #3e3f3a; color: #f2f2f0; font-size: 16px; margin-bottom: 17px; font-weight: bold; }
#guts h3.category_subheader { padding: 0 26px; color: #3f3e3a; font-size: 16px; margin-bottom: 17px; font-weight: bold; }
#guts label { color: #666; text-transform: uppercase; font-size: 11px; margin: 0 0 8px 26px; font-weight: bold; display: block; }
#guts label.error { color: #f60; }
#guts h4 { color: #888; text-transform: uppercase; font-size: 11px; margin: 0 0 16px 26px; font-weight: bold; display: block; }
	#guts h4 strong { font-weight: bold; }
#guts .form_off { min-height: 60px; }
#guts .form_off p { color: #aca8a5; font-size: 16px; font-weight: bold; margin: 0 0 12px 26px; padding: 4px 11px; }
#guts .form_on p, #guts .form_off input, #guts .form_off div.editable  { display: none; }
#guts input.full { margin: 0 0 8px 26px; padding: 4px 4px 4px 11px; width: 256px; min-height: 22px; border: 1px solid #d1cdca; color: #3E3F3A; font-size: 16px; font-weight: bold; font-family: Arial, Verdana, sans-serif; }
#guts input.half { margin: 0 0 11px 26px; padding: 4px 4px 4px 11px; width: 110px; min-height: 22px; border: 1px solid #d1cdca; color: #3E3F3A; font-size: 16px; font-weight: bold; font-family: Arial, Verdana, sans-serif; }
#guts select.half { width: 119px; min-height: 27px; color: #3E3F3A; font-family: Arial,Verdana,sans-serif; font-size: 16px; font-weight: bold; }
#guts select.full { width: 272px; min-height: 27px; color: #3E3F3A; font-family: Arial,Verdana,sans-serif; font-size: 16px; font-weight: bold; }
#guts .select_container { margin: 0 0 12px 26px; }
#guts .select_container select { font-size: 16px; color: #3E3F3A; font-weight: bold; }
#guts #display-dobMonth, #guts #display-dobDay, #guts #display-dobYear { font-weight: bold; font-size: 16px; }
#guts .button_container, #delete_address_confirmation .button_container, #deactivate_account_modal .button_container, #reinvite_address_confirmation .button_container { float: left; margin: 6px 0 16px 19px; }
#guts .button_container input, #delete_address_confirmation .button_container input, #deactivate_account_modal .button_container input, #reinvite_address_confirmation .button_container input { float: left; margin-left: 7px; border: 0; background: url(/nikeos/site/profile_v2/global/images/button_left.gif) no-repeat left; padding: 2px 8px 6px 12px; height: 26px; font-family: Arial, Verdana, sans-serif; color: #666; text-transform: uppercase; font-size: 11px; font-weight: bold; cursor: pointer; }
#guts .button_container span, #delete_address_confirmation .button_container span, #deactivate_account_modal .button_container span, #reinvite_address_confirmation .button_container span { float: left; display: block; width: 4px; height: 26px; margin-left: -3px/*TODO*/; background: url(/nikeos/site/profile_v2/global/images/button_right.gif) no-repeat left; }
#delete_address_confirmation .button_container a,#reinvite_address_confirmation .button_container a, #deactivate_account_modal .button_container a { float: left; margin-left: 7px; border: 0; background: url(/nikeos/site/profile_v2/global/images/button_left.gif) no-repeat left; padding: 4px 8px 2px 12px; height: 20px; font-family: Arial, Verdana, sans-serif; color: #666; text-transform: uppercase; font-size: 11px; font-weight: bold; cursor: pointer; text-decoration: none; }
#guts p.disclaimer { color: #aca8a5; font-size: 10px; font-weight: bold; margin: 0 12px 16px 26px; font-style: italic; }
#guts div.radio_container { margin: 0 0 16px 36px; float: left; }
#guts label.radio_label { float: left; margin: 2px 10px 0 6px; }
#guts input.radio { float: left; }
#guts p.editable { position: relative; border: 1px solid #e9e6e2; }
#guts p.editable.hovered { border: 1px solid #f60; cursor: pointer; }
	#guts .clickTextSpan { position: absolute; right: 6px; color: #f60; font-size: 9px; font-weight: bold; text-transform: uppercase; padding-top: 3px; font-family: Verdana, Arial, sans-serif; }
#guts p.success, #guts p.error { font-size: 11px; font-weight: bold; color: #f60; background: url(/nikeos/site/profile_v2/global/images/success_bg.gif) no-repeat left; padding-left: 20px; margin: 0 0 16px 26px; display: none; }
#guts p.error { background-image: url(/nikeos/site/profile_v2/global/images/error_bg.gif); }
#guts .clickToEditSpan {color: #f60; font-size: 9px; font-weight: bold; text-transform: uppercase; padding-top: 3px;padding-right:5px; font-family: Verdana, Arial, sans-serif; float:right;}


/* Security Question */
#guts #questionWrapper{ padding-bottom: 8px; }   
#guts #questionWrapper #default {margin:0;}
#guts #questionWrapper #securityQuestion {display: none;padding: 10px 0 26px 0px;}
#guts #security_question h3.toEdit { background-color:#f60;}
#guts #security_question h3 { margin-bottom: 0px; }
#guts #security_question.toEdit { border:1px solid #f60; cursor: pointer; }
#guts #security_question {border:1px solid #E9E6E2; position: relative; }
#guts .clickTextSpanSec {position: absolute; right: 6px; top:40px; color: #f60; font-size: 9px; font-weight: bold; text-transform: uppercase; padding-top: 3px; font-family:Verdana, Arial, sans-serif; }
	#guts .clickTextSpanSec span {font-weight: bold;}
#guts #questionWrapper p.disclaimerSec{ color: #aca8a5; font-size: 10px; font-weight: bold;font-style:italic; padding:20px 10px 10px 10px;}
#guts #security_question h3.editing { background-color:#f60;}
#guts #security_question.editing {border:1px solid #f60;}

/* Address Book Section */
#guts div.no_address p, #guts p.explanation { font-size: 12px; line-height: 16px; color: #6d6a63; margin: 0 16px 24px 26px; }
#guts p.explanation { margin-right: 26px; }
#guts div.no_address img { margin: 0 0 12px 26px; }
#guts h4 { color: #000; }
#guts h4 strong { color: #f60; }
#guts .display { padding-left: 26px; }
#guts .leftReset { padding-left: 0px; }
#guts .display p { color: #9e9b93; font-size: 14px; line-height: 24px; }
#guts .display p strong { color: #6d6a63; font-weight: bold; }
#guts span#shipping_address_count {font-weight:bold;}
#guts #home_address, #guts #billing_address, #guts #shipping_address { }
#guts .hovered .display_container.display { border: 1px solid #f60; }
#guts .hovered h3 { background-color: #f60; color: #fff; }

#guts div.no_address .display_container { padding: 10px 0; border: 1px solid #E9E6E2; }
#guts div.no_address .display_container p { margin: 0 16px 16px 26px; }
#guts div.no_address .display_container p strong, #guts div.no_address .display_container p strong span { font-weight: bold; }
#guts .parent_address_container.toEdit h3 { background-color: #f60; color: #fff; }
#guts #shipping_address_container_default, #guts .secondary_shipping_address_container_wrapper { border: 1px solid #f60; padding-top: 12px; }

#guts #family_address_container_default, #guts .family_address_container_wrapper { border: 1px solid #f60; padding-top: 12px; }

#guts #home_address.toEdit .home_address_container_wrapper { border: 1px solid #f60; padding-top: 10px; }
#guts #billing_address.toEdit .billing_address_container_wrapper { border: 1px solid #f60; padding-top: 10px; }

/* Deactivate Account Bar */
#guts #deactivate_bar { background-color: #ACA8A5; width: 826px; padding: 6px 27px; margin-left: -27px; margin-top: 30px; }
	#guts #deactivate_bar a, #guts #deactivate_bar a:link, #guts #deactivate_bar a:visited, #guts #deactivate_bar a:hover, #guts #deactivate_bar a:active { color: #3E3F3A; text-decoration: none; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, sans-serif; text-transform: uppercase; }
	#guts #deactivate_bar a:hover, #guts #deactivate_bar a:active { text-decoration: underline; }

/* Deregistered Page */
body.deregistered #guts p { margin-bottom: 27px; font-size: 14px; color: #b5b4b0; font-family: Arial, Verdana, sans-serif; }
body.deregistered #guts p.sorry { color: #69665F; margin-bottom: 4px; }
body.deregistered #guts ul { list-style-type: disc; margin-left: 18px; margin-bottom: 27px; }
body.deregistered #guts ul li { color: #b5b4b0; font-size: 20px; list-style: disc; font-family: Arial, Verdana, sans-serif; }

/* misc. styles */
.loading { margin: 3px 0 0 8px; display: none; float: left; }
.clear { clear: both; height: 0; line-height: 0; visibility: hidden; }
.uppercase { text-transform: uppercase; }
.sub { font-size: 0.8em; }
.marginTop { margin-top: 28px; }
.left { float: left; }
.hidden { display: none; }

div.hr { height: 1px; border-top: 1px solid #d1cdca; margin-bottom: 13px; } div.hr hr { display: none; }
div.hr.thick { border-top: 2px solid #3E3F3A; margin-top: 10px;}

/* block UI confirmation */
#delete_address_confirmation, #deactivate_account_modal, #reinvite_address_confirmation { background-color: #E9E6E2; color: #6D6A63; border: 1px solid: #6D6A63; }
#delete_address_confirmation h1, #deactivate_account_modal h1, #reinvite_address_confirmation h1 { font-size: 15px; background-color: #3E3F3A; color: #F2F2F0; padding: 8px; text-align: left; }
#delete_address_confirmation p, #reinvite_address_confirmation p { font-size: 13px; padding: 20px 12px; color: #6D6A63; }

#deactivate_account_modal { padding-bottom: 1px; }
#deactivate_account_modal .left { width: 240px; }
#deactivate_account_modal p { font-size: 11px; padding: 2px 0; color: #6D6A63; }
#deactivate_account_modal h2 { color: #3E3F3A; font-size: 14px; font-weight: bold; padding: 0 20px 10px 0; }
#deactivate_account_modal .deactivate_modal_content_container { text-align: left; margin: 20px 30px 20px 30px; padding-bottom: 50px; background: url(/nikeos/site/profile_v2/global/images/modal_divider_bg.gif) 48% 50% repeat-y; text-transform: uppercase; position: relative; }
#deactivate_account_modal .button_container { margin-left: 0; margin-bottom: 0; position: absolute; bottom: 0; text-align: center; margin: 0 auto; }

/* warning bubble */
div.warning { margin: 0 0 8px 22px; background: transparent url(/nikeos/site/profile_v2/global/images/warning_bg_middle.png) top left repeat-y; }
	div.warning_top { background: transparent url(/nikeos/site/profile_v2/global/images/warning_bg_top.png) top left no-repeat; padding-top: 6px; }
	div.warning_bottom { background: transparent url(/nikeos/site/profile_v2/global/images/warning_bg_bottom.png) bottom left no-repeat; padding-bottom: 16px; }
		div.warning_bottom p { color: #9e9b93; font-size: 11px; line-height: 15px; background: transparent url(/nikeos/site/profile_v2/global/images/warning_icon.png) 12px 3px no-repeat; padding: 0 22px 0 32px; }

div#passwordStrengthWrapper{position:relative;width:290px;}
div#passwordStrength { margin: 0px;width:290px;}
div.passwordStrength_top { background: transparent url(/nikeos/site/profile_v2/global/images/indicator_top.gif) top left no-repeat; padding-top: 3px; }
div.passwordStrength_bottom { background: transparent url(/nikeos/site/profile_v2/global/images/indicator_bottom.gif) bottom center no-repeat; padding-bottom: 5px; }
div.passwordStrength_bottom p#result { color: #9e9b93; font-size: 11px; line-height: 15px; padding: 0 22px 0 2px;}
#passwordContent.weak p#result{color:red;text-transform:uppercase;background: transparent url(/nikeos/site/profile_v2/global/images/password_strength_weak.gif) no-repeat center right;}
#passwordContent.good p#result{color:green;text-transform:uppercase;background: transparent url(/nikeos/site/profile_v2/global/images/password_strength_good.gif) no-repeat center right;}
#passwordContent.strong p#result{color:green;text-transform:uppercase;background: transparent url(/nikeos/site/profile_v2/global/images/password_strength_strong.gif) no-repeat center right; }
#passwordContent{background-color:#ffffff;height:40px;text-align:left;padding:5px;font-size:10px;}
#passwordContent.weak #weakText, #passwordContent.good #goodText, #passwordContent.strong #strongText { display:block;}
#passwordContent.weak #goodText, #passwordContent.weak #strongText, #passwordContent.good #strongText, #passwordContent.strong #weakText, #passwordContent.good #weakText, #passwordContent.strong #goodText { display:none; }

div#validationTooltip { margin: 0px;width:411px;}
div.validationTooltip_top { background: transparent url(/nikeos/site/profile_v2/global/images/error_bg_top.png) top left no-repeat; padding-top: 3px; }
div.validationTooltip_bottom { background: transparent url(/nikeos/site/profile_v2/global/images/error_bg_bottom.png) bottom center no-repeat; padding-bottom: 5px; }
div.validationTooltip_content p{color: #DDDDDD; font-size: 11px; line-height: 15px; padding: 10 22px 10 2px;text-transform: uppercase;}
div.validationTooltip_content {background: transparent url(/nikeos/site/profile_v2/global/images/error_bg_middle.png);padding:10px 0px;}