html { height:100%; background: #73787e;}
body { min-height:100%; height:100%; padding-top:0; }
.content-wrapper { position:relative; min-height:100%; padding-top:18px; background: #82878f; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #73787e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#73787e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#73787e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#73787e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#73787e 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#73787e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#73787e',GradientType=0 ); /* IE6-9 */
}

.content-spacer { height:84px; }
#content-container { margin:0 auto 18px; width:705px;}
.content {padding:24px !important; background: #e8e8e8;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); background: linear-gradient(to bottom, #e8e8e8 0%,#cccccc 100%);
	border: 1px solid #bbb !important; border-top: none !important; box-shadow:0px 2px 2px rgba(0, 0, 0, .1);
border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; }
.divider { width:100%; display: block; margin:0 0 18px 0; border-top:1px dotted #AAAAAA;}
.offscreen { left:-100000px !important; }
label {display: none;}

#globalheader { height:150px; width:100%;}
#globalheader h1 a { position: relative; left: -12px; width:182px; height:144px; margin:0 auto; display: block; background: no-repeat center center scroll url("../img/logo_big4.png"); }
#globalheader #gh-nav, #globalheader #gh-search { display:none; }

#globalfooter { position:absolute; bottom:0; width:100%; margin:0; padding:0; }
#globalfooter .gf-buy,
#globalfooter .gf-links { display:none; }
#globalfooter .gf-sosumi { margin:0 auto 30px auto; border-top:0; font-size:11px; color:#ccc; text-align: center; }
#globalfooter .gf-sosumi p { display: inline-block; float: none; vertical-align: top; margin-bottom:0; }
#globalfooter .gf-sosumi ul.piped {display: inline-block;}
#globalfooter .gf-sosumi ul.piped a { padding-left:10px !important; color:#ccc !important; }
#globalfooter #localization-links  { display:none; }

.maintenance .header_content { height:400px; width:700px; margin:0 auto; }
.maintenance .header_content img { top:157px; left:138px; text-align:center; position:relative; }
.maintenance .header_content p { padding-top:168px; font-size:21px; line-height:28px; text-align:center; color:#CCC; text-shadow:1px 1px #000; }

/* set a small content size */
#content-container { width:400px;}
.centralized {position: absolute;top: 50%;left: 50%;}

/* style the predefined form */
input[type=image] {display: none;}
input[type="text"], input[type="password"], input[type="search"]{font-size: 14px; padding: 6px 10px; border: none; border-radius: 6px; -webkit-border-radius: 6px; height: 36px; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4); box-shadow: inset 0px 1px 2px rgba(0,0,0,.4); -webkit-appearance:none;}

/* style the new content */
header.hero, .divider{display: none;} 
.hero h1 {text-align: left; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,.25); font-weight: normal;}
.hero p.intro { text-align: left; font-size:14px; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,.25);}
a.button.large.register-button { position:relative; left:70px; }
a.button.large.signin-button { position:relative; left:115px; }
a.button.large.update-info { display:none; }
a.button.large.password-update { display:none; }
a.forgot-button {font-size:14px; color:#fff !important; text-shadow:0px 1px 0px rgba(0,0,0,.25); cursor:pointer; display: block;position: relative; top: 18px; clear: both; height: 0px; text-align: center;}

#ds_container .dslabel { font-size:14px; color:#333; text-shadow: 1px 1px white;}
#ds_container #accountname, #ds_container #accountpassword, #ds_container #customQuestion1, #ds_container #answer1Field { float:left; width:326px; padding:0 12px 0 12px; font-size:14px; }
#ds_container table { width:100%; }
#ds_container table table input { display:none; }
#ds_container table:last-of-type .G10 {display: none;}
br {display:none;margin-top:0px; margin-bottom:0px;} 

/* Buttons */
.button, .large {padding: 0px !important; height: auto !important;}
.button.large{background: #ebebeb; background: -webkit-gradient(linear,left top,left bottom,from(white),to(#ebebeb)); background: -moz-linear-gradient(top,white,#ebebeb); background-image: linear-gradient(to bottom,#fff 0,#ebebeb 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #0085cc; border: 1px solid #aaa; display: inline-block; }
.button.large span, .button.large input {padding: 2px 24px 2px 24px !important; display:block; font-weight:normal;}
.button.large:hover input, .button.large:hover span { color: #0085cc; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; background: -webkit-gradient(linear,left top,left bottom,from(white),to(#ddd)); background: -moz-linear-gradient(top,white,#ddd); background-image: linear-gradient(to bottom,#fff 0,#ddd 100%);}
.blue:hover input, .blue:hover span { color: #fff !important;}
.button.large.blue {color: #ffffff !important; border-top-color: #1992da; border-left-color: #0c75bb; border-right-color: #0c75bb; border-bottom-color: #00589c; -webkit-box-shadow: inset 0 1px 1px 0 #6fc5f5; box-shadow: inset 0 1px 1px 0 #6fc5f5; background: #117ed2; background: -webkit-gradient(linear,left top,left bottom,from(#37aaea),to(#117ed2)); background: -moz-linear-gradient(top,#37aaea,#117ed2); background-image: -o-linear-gradient(top,#37aaea 0,#117ed2 100%); background-image: linear-gradient(to bottom,#37aaea 0,#117ed2 100%);}
.button.large.blue:hover input, .button.large.blue:hover span { color: #fff; -webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, left top, left bottom, from(#37aaea), to(#0e63b0)) #37aaea !important;
	background: -moz-linear-gradient(top, #37aaea 0%, #0e63b0 100%) #37aaea !important;
	background: linear-gradient(to bottom, #37aaea 0%, #0e63b0 100%) #37aaea !important;
	 -webkit-box-shadow: inset 0 1px 1px 0 #6fc5f5; box-shadow: inset 0 1px 1px 0 #6fc5f5;
}

select {font-size: 14px; padding: 10px 42px 10px 23px; display: block; float: left; margin: 6px 7px 6px 0; -webkit-appearance: none; -moz-appearance:none; text-indent: 0.01px; text-overflow: ''; appearance: none; background: #ebebeb; background: -webkit-gradient(linear,left top,left bottom,from(white),to(#ebebeb)); background: -moz-linear-gradient(top,white,#ebebeb); background-image: linear-gradient(to bottom,#fff 0,#ebebeb 100%); -webkit-border-radius: 4px; border-radius: 4px; color: #0085cc; border: 1px solid #aaa; cursor: pointer; -moz-padding-start: 0px; text-align: center;}
select:last-of-type {margin: 6px 0px 6px 0; }
select ~ img {display: none;}

.arrow {display: inline-block; position: relative; height: 37px; width: 30px; background-image: url('../images/blue-down-arrow.png'), url('../images/button-divider.png'); background-repeat: no-repeat, no-repeat; background-size: 7px 5px, 1px 100%; background-position: 9px 15px, 0 0px; float: left; right: 32px; top: 7px; margin-right: -30px; cursor: pointer; pointer-events: none;}
.arrow:last-of-type {right: 25px !important;}

/* password expired */
.password-expired header.hero, .password-expired .divider{display: block;} 
.password-expired #ds_container h1, .password-expired #ds_container p, .password-expired #ds_container .dsrules {display: none;}
.password-expired a.forgot-button,
.password-expired a.register-button,
.password-expired a.signin-button { display:none; }
.password-expired .dsform #ds_container h1 { margin-bottom:0; overflow:hidden; height:38px; }
.password-expired td {padding: 0;}
.password-expired form {margin-bottom: 16px;}
.password-expired .dstext { display:block; overflow:hidden; font-size:14px; color:#333; }
.password-expired .dsform #ds_container p { margin-bottom:0; }
.password-expired .dsrules { display:block; font-size:12px; margin-bottom:10px; margin-top:-10px; }
.password-expired .dsrules ul { margin-left:1px; }
.password-expired .dsrules ul li { list-style-type:disc; list-style-position:inside; }
.password-expired .dserror { font-size:12px; text-shadow: 0px 1px 0px rgba(255,255,255,.5); text-align: center; display: block; margin-bottom: 8px;}
.password-expired input { width:326px; padding:0 12px 0 12px; font-size:14px; margin-bottom: 8px; }
.password-expired input[name='2.ChangePassword'] { display:none ;}
.password-expired a.button.large.password-update {display: block; position:relative; left:128px;}

/* password requirements */
#password-requirements {width: 235px; font-size: 12px; color: #777983; padding: 24px; background: rgba(238,238,238,.92); box-shadow: 0px 0px 3px rgba(0,0,0,.4);position: absolute;-webkit-border-radius: 4px; border-radius: 4px; left: 57px; bottom: -110px; display: none; z-index: 9;}
#password-requirements span {font-weight: bold;}
#password-requirements li{list-style-type: disc; list-style-position: outside; margin-left: 14px;}
.arrow-up {width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid rgba(238,238,238,.92); position: absolute; top: -25px; left: 110px;}


/* password wrong */
.password-wrong table td img { visibility:hidden; }
.password-wrong span.dserror { display: block; padding: 0 0 12px 0; text-align:center; font-size:12px; text-shadow: 0px 1px 0px rgba(255,255,255,.5);}
.password-wrong form { margin-top:-24px; }
.password-wrong tr:nth-of-type(2) { display:none; }


/* update info */
.update-info header.hero, .update-info .divider{display: block;} 
.update-info #ds_container h1, .update-info #ds_container table:nth-of-type(1) {display: none;}
.update-info a.forgot-button, .update-info a.button.large.register-button, .update-info a.button.large.signin-button { display:none; }
.update-info .dslabel {display: block; margin-bottom: 6px; color: #333 !important;}
.update-info .dstext { display:block; overflow:hidden; font-size:14px; color:#333; }
.update-info label { text-shadow:1px 1px white; }
.update-info .questionLabel {display: block; margin-bottom: 8px;}
.update-info #ds_container table .G10:first-of-type {display: block;}
.update-info input { width:384px; padding:0 4px 0 4px; font-size:14px; }
.update-info input[name='8.Continue'] { display:none ;}
.update-info a.button.large.update-info {display: block; position:relative; left:128px;}

@media only screen and (max-device-width:480px) {
	#globalheader h1 a { background-image:url(https://devimages.apple.com.edgekey.net/assets/elements/header/developer-logo-white_2x.png); background-size: 182px 40px;}
	/* set mobile content size */
	#content-container {width: 300px;}
	
	.hero h1 {font-size: 20px; line-height: 1.5em;}
	.content-spacer { height:100px; }
	#ds_container table { width:100%; }
	.content {width: 280px; padding: 10px 10px !important;}
	
	/* CTA Buttons */
	a.button.large.register-button {left:0px; width: 134px; }
	a.button.large.signin-button {left:7px; width: 134px;}
	a.button.large.password-update {left:100px !important;}
	a.button.large.update-info {left:100px !important; margin-top: -8px !important;}
	
	/* Form Layout and Fixes */
	tbody tr:nth-child(3), tbody tr:nth-child(5), tbody tr:nth-child(7), input[type=image] {display: none;}
	.password-expired tbody tr:nth-child(3), .update-info tbody tr:nth-child(3) {display: block !important;}
	input[type=text],form {margin-bottom:10px;}
	
	.password-wrong span.dserror {padding: 6px 0 12px 0; }
	.password-expired span.dserror {margin-bottom: 0; text-align: center;}
	.password-expired form, .update-info form {margin-bottom: 0; }
	
	#ds_container #accountname, #ds_container #accountpassword {width:256px;}
	#customQuestion1, #answer1Field {width: 256px !important; margin-bottom: 0px;}
	#oldpasswordfield, #newpasswordfield, #newpasswordagainfield {width: 256px !important; margin-bottom: 8px;}
	#password-requirements {left: 8px; bottom: -145px;}
	
	.update-info .dslabel {margin-left: 12px;}
	
	select {font-size: 12px; padding: 10px 35px 10px 15px; margin: 0px 4px 0px 0; -moz-padding-start: 0px;}
	select:last-of-type {margin: 0;}
	.arrow {top: 1px; right: 30px; height: 34px;}
}

@media (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5) {
	#globalheader h1 a { background-image:url(https://devimages.apple.com.edgekey.net/assets/elements/header/developer-logo-white_2x.png); background-size: 182px 40px;}
}