@import url(overlay.css);
a { cursor:pointer; outline: none; }
a.block,
a.block:hover { display: block; color: #000; text-decoration: none; }
a.block em.more { color: #08c; font-style: normal; background: transparent url(../images/morearrow_08c.gif) no-repeat scroll 100% .4em; padding-right: 10px; white-space: nowrap; }
a.block:hover em.more { text-decoration: underline; }
a.block:hover h2 { color: #08c !important; }

h2.intro { font-size:23px; margin-bottom:23px; margin-top:-1em; }

.bottom-callout { width: 980px; height: 49px; line-height: 49px; border-top: 1px solid #d8d8d8; padding: 0; margin: 0 -48px -17px; text-align: center; background: #e9e9e9 url(../images/bottom-callout-bg.png) repeat-x; }

#overview #content { padding: 65px 40px 20px !important; padding-right: 40px; }

h2.header { height: 66px; line-height: 81px; padding: 0 26px 4px; background: url(../images/iphone-header-bg.png) repeat-x; margin: 0 2px; }
h2.header img { *margin-top: 23px; }

#main .page { width:100%; margin-top:4em; border-top:1px solid #F1F1F1; clear:both; padding-top:12px; }
#main a.arrow_prev { background:transparent url(../images/pagenav_arrowleft20071009.gif) no-repeat scroll 0 0.2em; display:block; float:left; padding-left:20px; }
#main a.arrow_next { background:transparent url(../images/pagenav_arrowright20071009.gif) no-repeat scroll 100% 0.2em; display:block; float:right; padding-right:20px; }

/* Force pagenav positioning at bottom */
#content .maincontent { padding-bottom: 100px !important; }
#content #pagenav { width: 655px !important; position: absolute; right: 42px; bottom: 48px; }

/*	---------------------------------------------
	Landing page Styles
	---------------------------------------------	*/

#overview.programs #content .hero { padding: 0 38px; margin: 0 -38px; repeat-x 0 100%; height: 195px; }
#overview.programs #content .hero h1 { margin-bottom: .8em; }
#overview.programs #content .hero .hero-image { margin: -65px -39px 0 100px; }
#overview.programs #content .hero p.intro { margin-bottom: 1.25em; font-weight: normal; font-size: 14px; line-height: 1.4286em; }
#overview.programs #content .hero a.button { margin-right: 10px; }
#overview.programs #content .hero .price { *position: relative; *top: -5px; }
#overview.programs #content .hero .price,
#overview.programs #content .hero .price strong { font-size: 14px; color: #333 !important; }

#overview.programs #content h2.updated {width:268px; background:transparent url(../images/icon-updated.png) right center no-repeat; overflow:visible;}

#overview.programs #content .grid2col .column { padding: 50px 0 20px; margin-bottom: -20px; }
#overview.programs #content .grid2col .column p { width: 215px; width: 190px !important!; }
#overview.programs #content .grid2col .column .price { margin-top: -1em; }
#overview.programs #content .grid2col .column img.right { margin-top: -10px; }
#overview.programs #content .grid2col .column.first img.right { margin-right: 15px; margin-right: 0 !important!; }

#overview.programs #content .grid2col .column.first { padding-right: 25px; border-right: 1px solid #e0e0e0; }

#promofooter4 ul li.promo h4 a, #promofooter4 ul li.promo p a, #promofooter4 ul li.promo ul { padding-left: 0; }
#promofooter4 ul li.add-ons img { margin-left: 2px; } 
#overview.programs #promofooter4 { position: relative; margin-left: 1px; }
#overview.programs #promofooter4 ul { overflow: visible; }
#overview.programs #promofooter4 h6 { font-size: 12px; margin-bottom: .45em; margin-left: 23px; }
#overview.programs #promofooter4 p { margin-bottom: 1.5em; margin-left: 18px; }
#overview.programs #promofooter4 a.block:hover p { color: #08c; }
#overview.programs #promofooter4 .bottom-callout { clear: both; margin: 0 2px; padding: 1px 0 3px; }
#overview.programs #promofooter4 .bottom-callout img { vertical-align: middle; margin-right: 15px; }
#overview.programs #promofooter4 .maincap.bottom { position: absolute; bottom: 0; left: 0; width: 984px; height: 7px; background: url(../images/maincap_bottom.png) no-repeat 0 100%; }

/*	---------------------------------------------
	Sidebar Styles
	---------------------------------------------	*/

.sidebar { position: relative; top: -4px; }
.sidebar .callout { padding-bottom: 20px !important; position:relative; }
.sidebar .padded { padding: 10px 20px 10px 10px; }
.sidebar .padded h4 { font-size: 1em; line-height: 1.5em; margin-bottom: .25em; }
.sidebar .padded p { margin-bottom: 3em; }

.sidebar .nav { margin-bottom: 10px !important; padding-bottom: 1em; }

/* Sidebar Overide Styles */
/*.mac #main #content .sidebar .callout { margin-right: 10px; }
.mac #main #content .sidebar .callout h2 { margin-top: 0; }
.mac #main #content .sidebar .callout h2.compare a { margin: -16px -18px -12px; display: block; }
*/


/*	---------------------------------------------
	Hero styles
	---------------------------------------------	*/
	
.hero { padding: 0 38px 25px; margin: 0 -38px 50px; min-height:168px; }
.hero .hero-image { margin-top: -65px; }
.hero p.intro { margin-bottom: 1.25em; font-weight: normal; font-size: 14px; line-height: 1.4286em; }
.hero a.button { margin-right: 10px; }
.hero .price { *position: relative; *top: -5px; }
.hero .price,
.hero .price strong { font-size: 14px; color: #333 !important; }



/*	---------------------------------------------
	Styles for the iPhone Developer Program pages
	---------------------------------------------	*/
a.block, a.block:hover { display:block; color:#000; text-decoration:none; }
a.block em.launch_overlay { color:#000; font-style:normal; font-weight:bold; }
a.block:hover em.launch_overlay { color:#08c; text-decoration:none; }

.iphone .overlay-launcher, .mac .overlay-launcher { padding-bottom:10px !important; }
.iphone #launcher-icon, .mac #launcher-icon { position:absolute; left:-6px; }
.iphone #launcher-icon { top:-6px; }
.mac #launcher-icon { top:-6px; left:-6px; }
.mac #launcher-graphic { margin-top:4px; }

.iphone .bottom-callout { width: 980px; height: 49px; line-height: 49px; border-top: 1px solid #d8d8d8; padding: 0; margin: 0 -38px -17px; text-align: center; background: #e9e9e9 url(../images/bottom-callout-bg.png) repeat-x; }

/* Landing page Styles */
#overview.iphone .hero h1 img { margin-right: -2em; }
#overview.iphone .hero .hero-image { margin-right: 20px; }

#overview.iphone #content ol.grid3col { list-style: none; }
#overview.iphone #content ol.grid3col h3 { margin-bottom: .75em; }
#overview.iphone #content ol.grid3col p { width: 250px; }

/* Distribute Page Styles */
#iphone-distribute .maincontent img.hero { position:absolute; top:-48px; right:43px; }
#iphone-distribute .maincontent p.intro { width:300px; padding-bottom:6px; }
#iphone-distribute .maincontent p { width:345px; }
#iphone-distribute .maincontent p.wide { width:630px; }
#iphone-distribute .maincontent h3 { margin-top:35px; }
#iphone-distribute .maincontent #distribute-perks { width:245px; padding:12px 8px 10px; margin-top:10px; }
#iphone-distribute .maincontent #distribute-perks li { background:url(../images/compare-check.png) no-repeat 12px 50%; padding:3px 0 3px 38px; }
#iphone-distribute .maincontent #distribute-perks li.even { background-color:#F5F5F5; }
#iphone-distribute .maincontent #distribute-app { position:absolute; top:362px; right:24px; }

/* Develop Page Styles */
#iphone-develop .maincontent img.hero { position:absolute; top:-24px; right:-2px; }
#iphone-develop .maincontent p.intro { width:360px; padding-bottom:50px; }
#iphone-develop .maincontent .grid2col { width:97%; }
#iphone-develop .maincontent .grid2col .column { padding-bottom:5px; }
#iphone-develop .maincontent .grid2col .column.last { padding-right:6px; }
#iphone-develop .maincontent .grid2col .column h3 { padding-bottom:10px; }
#iphone-develop .maincontent .grid2col .column .image h4 { padding-bottom:2px; }

/* Test Page Styles */
#iphone-test .maincontent img.hero { position: absolute; top: -56px; right: -1px; }

#iphone-test .maincontent p { width: 390px; margin-bottom: 55px; position: relative; }
#iphone-test .maincontent p.wide { width: 450px; margin-bottom: 0; }
#iphone-test .maincontent p.intro { width: 420px; margin-bottom: 75px; }

#iphone-test .maincontent img.right { margin-top: -25px; margin-right: 10px; margin-left: -50px; position: relative; }

/* Enterprise Page Styles */
#overview.iphone-enterprise #content { padding-top: 50px !important; }
#overview.iphone-enterprise #content .hero .hero-image { margin-top: -50px; }
.iphone-enterprise .hero .hero-image { margin-left: -50px; position: relative; }
.iphone-enterprise .hero p.intro { width: 460px; }
.iphone-enterprise .hero p.sosumi { margin-bottom: 0; }

.iphone-enterprise .enterprise-copy li { padding: 0 0 0 208px; height:116px; margin-bottom:40px; }
.iphone-enterprise .enterprise-copy li p { margin-right:100px; }
.iphone-enterprise .enterprise-copy li#distribute { background:url(../images/enterprise-section-distribute.jpg) 6px 50% no-repeat; }
.iphone-enterprise .enterprise-copy li#distribute h3 { padding-top:25px; }

.iphone-enterprise .enterprise-copy li#test { background:url(../images/enterprise-section-test.jpg) 0% 50% no-repeat; }
.iphone-enterprise .enterprise-copy li#test h3 { padding-top:24px; }

.iphone-enterprise .enterprise-copy li#support { background:url(../images/enterprise-section-support.jpg) 4% 50% no-repeat; }
.iphone-enterprise .enterprise-copy li#support h3 { padding-top:27px; }

.iphone-enterprise .enterprise-copy li#questions { background:url(../images/enterprise-section-questions.jpg) 8px 50% no-repeat; }
.iphone-enterprise .enterprise-copy li#questions h3 { padding-top:28px; }



/* University Page Styles */
.ios-dev-university-program #content { padding: 50px 40px 2em !important; }
.ios-dev-university-program #content .callout p { color:#797C80; }
.ios-dev-university-program #content div.hero { margin-bottom:0; padding-bottom:0; }
.ios-dev-university-program #content div.hero img.right { margin-top: -5; margin-left:0; }
.ios-dev-university-program #content div.left { width:287px; }
.ios-dev-university-program #content div.members { width:470px; margin-top: 15px; }
.ios-dev-university-program #content table.stripe {border:1px solid #ccc; font-size:11px;}
.ios-dev-university-program #content table.stripe td, table.stripe th {padding:8px 15px 4px;}
.ios-dev-university-program #content table.stripe td.requirements {padding:15px;}
.ios-dev-university-program #content table.stripe thead th {background:none; padding:15px;}
.ios-dev-university-program #content table .first, table .second, table .third, table .fourth { width:200px; border-left:1px solid #ccc;}
.ios-dev-university-program #content table .first { width:220px; border-left:1px solid #ccc;}
.ios-dev-university-program #content table th.first {font-weight:bold;}
.ios-dev-university-program #content div#optionstable {clear:both; margin-top:40px;}
.ios-dev-university-program #content p#optionstabletitle {padding-top:40px; margin-bottom:10px; font-weight:bold; }
.ios-dev-university-program #content p#optionstablefootnote {font-size:11px; color:#999; line-height:1.8em;}
.ios-dev-university-program #content p.intro {font-size:14px; line-height:1.428em; margin-bottom:1.8em;}
.ios-dev-university-program #content div.members p.applynow {font-size:11px; width:370px;}
.ios-dev-university-program #content div.members h3 {font-weight:normal; line-height:18px;}

.ios-dev-university-program .university-copy li { padding:0 0 0 208px; height:120px; margin-bottom:40px; }
.ios-dev-university-program .university-copy li p { margin-right:100px; }
.ios-dev-university-program .university-copy li#team { background:url(../images/university-section-team.png) 40px 50% no-repeat; }
.ios-dev-university-program .university-copy li#team h3 { padding-top:34px; }

.ios-dev-university-program .university-copy li#resources { background:url(../images/university-section-resources.png) 6px 50% no-repeat; }
.ios-dev-university-program .university-copy li#resources h3 { padding-top:24px; }

.ios-dev-university-program .university-copy li#test { background:url(../images/university-section-test.jpg) 5px 50% no-repeat; }
.ios-dev-university-program .university-copy li#test h3 { padding-top:21px; }

.ios-dev-university-program .university-copy li#sharing { background:url(../images/university-section-sharing.png) 0px 50% no-repeat; }
.ios-dev-university-program .university-copy li#sharing h3 { padding-top:21px; }


/* Compare Programs Overlay */
.iphone-compare { padding: 15px 7px 18px; }
.iphone-compare h2 { padding-left: 18px; margin-bottom: 30px; }

.iphone-compare table { font-size: 11px; }
.iphone-compare table tr td,
.iphone-compare table tr th { width: 115px; height: 32px; padding-right: 25px; }
.iphone-compare table tr td.last,
.iphone-compare table tr th.last { padding-right: 5px; }
.iphone-compare table thead th { line-height: 1.2em; padding-bottom: 10px; }
.iphone-compare table thead th a.more { line-height: 2em; *background-position: 100% .75em; }
.iphone-compare table tbody tr td,
.iphone-compare table tbody tr th { padding-top: 3px; padding-bottom: 3px; }
.iphone-compare table tbody tr td { text-align: center; }
.iphone-compare table tbody tr th { padding-left: 14px; width: 106px; }
.iphone-compare table tbody tr.odd td,
.iphone-compare table tbody tr.odd th { background-color: #f7f7f7; }

.iphone-compare table tbody tr td p { margin: 0 -20px 0 50px; text-align: left; }
.iphone-compare table tbody tr td .compare-check { padding-left: 18px; background: url(../images/compare-check.png) no-repeat 0 50%; }


/* Mac Compare Programs Overlay */
.mac-compare { padding: 15px 7px 22px; }
.mac-compare h2 { padding-left: 18px; margin-bottom: 30px; }

.mac-compare table { font-size: 11px; }
.no-right-pad { padding-right:0 !important; }
.mac-compare table tr td,
.mac-compare table tr th { width: 146px; height: 32px; padding-right: 18px; }
.mac-compare table tr td.last,
.mac-compare table tr th.last { padding-right: 5px; }
.mac-compare table thead th { line-height: 1.2em; padding-bottom: 10px; padding-left:24px; }
.mac-compare table thead th a.more { line-height: 2em; *background-position: 100% .75em; }
.mac-compare table tbody tr td,
.mac-compare table tbody tr th { padding-top: 3px; padding-bottom: 3px; }
.mac-compare table tbody tr td { text-align: center; }
.mac-compare table tbody tr th { padding-left: 14px; width: 106px; }
.mac-compare table tbody tr.odd td,
.mac-compare table tbody tr.odd th { background-color: #f7f7f7; }

.mac-compare table tbody tr td p { margin: 0 -20px 0 50px; text-align: left; }
.mac-compare table tbody tr td .compare-check { padding-left: 18px; background: url(../images/compare-check.png) no-repeat 0 50%; }

/*	---------------------------------------------
	Styles for the iPhone Developer Program pages
	---------------------------------------------	*/

/* Specialized ULs */
.mac #main #content  ul.components { margin:20px 0 30px; }
.mac #main #content  ul.components li { clear:left; padding-left:60px; }
.mac #main #content  ul.components li img.left { margin: 4px 0 0 -60px; }

.mac #main ul.checkmark { margin:10px 0 40px; }
.mac #main ul.checkmark li { margin-top:18px; padding-left:20px; background:url(../images/checkmark.gif) no-repeat 0 center; }
.mac #main ul.dot li { margin-top:0; }

/* Mac Program */
#overview.mac .hero { min-height: 167px; margin-bottom: 0; }
#overview.mac .hero .hero-image { margin-right: -38px; }

#overview.mac #main #content .grid2col { margin: 38px 0 40px; position: relative; width: auto; }
#overview.mac #main #content .grid2col .column { width:46%;}
#overview.mac #main #content .grid2col .column a:hover { text-decoration:none; }
#overview.mac #main #content .grid2col .column a.more:hover { text-decoration:underline; }
#overview.mac #main #content .grid2col .column a:hover h3 { color:#08c; }
#overview.mac #main #content .grid2col .column a.pre-release img.left { margin-left:24px; }
#overview.mac #main #content .grid2col .column a.tech img.left { margin-left:16px; }
#overview.mac #main #content .grid2col .column a.tech,
#overview.mac #main #content .grid2col .column a.resources { padding-right:30px; }
#overview #main #content .grid2col a.column.block h2 { color:#333333; font-weight:normal; }
/*#overview #main #content .grid2col a.block { overflow:hidden; margin-bottom:10px; }*/

#overview.mac.overview #main #content .grid2col .column.first { width: 500px; margin-right: 0; padding-top:25px; }
#overview.mac.overview #main #content .grid2col .column.first p,
#overview.mac.overview #main #content .grid2col .column.first h3 { padding-left:155px; }
#overview.mac.overview #main #content .grid2col .column h3 { padding-top: 10px; font-size:16px; }

#overview.mac.overview #main #content .grid2col .column.last { width:350px; margin-right:0 !important; }
#overview.mac.overview #main #content .grid2col .column.last .callout { position:relative; padding-bottom:45px; background:url(../images/overview-callout-gradient.jpg) repeat-x bottom left; }
#overview.mac.overview #main #content .grid2col .column.last .callout p { font-size:12px; padding:0 10px; margin-bottom:50px; }
#overview.mac.overview #main #content .grid2col .column.last .callout h3 { padding:10px 10px 0; }
#overview.mac.overview #main #content .grid2col .column.last .callout img.new { position:absolute; top:0; right:0; }

/* callout box styles */
.mac #main #content .callout.gradient.overlayBox { padding: 12px 10px 0; border: 1px solid #dcdcdc; border-top-width: 2px; position: relative; -moz-box-shadow: none; -webkit-box-shadow: none; }
.mac #main #content .callout.gradient.overlayBox .enlarge { width:22px; height:21px; background:transparent url(../images/icon-enlarge.png) no-repeat; position:absolute; top:-12px; left:-12px; z-index:4; }
.mac #main #content .callout.gradient.overlayBox.right { width: 156px; height: 48px; margin-left: 50px; padding-right: 0px; font-size: 12px; }
.mac #main #content .callout.gradient.overlayBox.right a img.left { margin-top: -0px !important; margin-right: 10px !important; }

.mac div.itunes_compare { width: 800px; height: 370px; }
.mac .itunes_compare { margin:20px; font-size:11px !important; line-height:15px; color: #000; }
.mac .itunes_compare h3 { margin:0 0 0 13px; }
.mac .itunes_compare table { width:720px; margin-top: -4px; }
.mac .itunes_compare table.itunes_compare { margin-top:-22px; }
.mac .itunes_compare table.itunes_compare td img { margin-left:20px; }
.mac .itunes_compare table th { font-weight:bold; padding:5px 0 6px; }
.mac .itunes_compare table thead th { color:#333; padding-bottom:11px; }
.mac .itunes_compare table tbody tr { border-top: 1px solid #ddd; }
.mac .itunes_compare table tbody tr.alt { background-color: #fcfcfc; }
.mac .itunes_compare table tbody tr.price { font-weight:bold; }
.mac .itunes_compare table tbody th { padding-left:15px; }


/* Internal Pages */
.mac #content ul.nav {border-top:none;}
.mac #content ul.nav #top-one {margin-top:-1px;}
.mac #content .column p.first { margin-bottom:38px; width:630px; }
.mac #content .column img.right { margin:2px 0 16px 32px; }

/* RAD Registration Overview Page */
.mac.register .hero p span.price { color:#666 !important; }
.mac.register .hero p.intro { width:460px; }
.mac.register #content .grid2col h3.subtitle { margin-top:28px; margin-bottom: 2em; font-weight:normal; }
#overview.mac.register .hero .hero-image { margin:-15px -12px 0 0; position: relative; }
#overview.mac.register .hero { padding:0 38px 10px; }
#overview.mac.register #main #content .grid2col .column.first { width: 44%; padding-left: 1%; }
#overview.mac.register #main #content .grid2col .column.last { width: 49%; }
#overview.mac.register #main #content .grid2col .column .left.img img { margin-left:30px; }
#overview.mac.register #main #content .grid2col .column .left.img.dev img { margin-left:0; }
#overview.mac.register #main #content .grid2col .column .left.wrapper.row1 .txtcontent { margin-top:5px; }
#overview.mac.register #main #content .grid2col .column.last .left.img { margin-top:10px; }
#overview.mac.register #main #content .grid2col .column .left.wrapper.row1 { margin-top:10px; }
#overview.mac.register #main #content .grid2col .column .image-left { padding-left:130px; }
#overview.mac.register #main #content .grid2col .column .image-left h3 { padding-top:1em; }
#overview.mac.register #main #content .grid2col .column .image-left img { margin-left:-130px; }
#overview.mac.register #main #content .grid2col .column.last .image-left { padding-left:110px; }
#overview.mac.register #main #content .grid2col .column.last .image-left img { margin-left:-110px; }
#overview.mac.register #main #content .grid2col .column .image-left.dev-center-resources img { margin-left:-155px; }
#overview.mac.register #main #content .grid2col .column.first .image-left p { width:260px; }
#overview.mac.register #main #content .grid2col .column.last .image-left p { width:310px; }
#overview.mac.register #main #content .grid2col { margin-top:10px;  padding-bottom:10px; }
#overview.mac.register #main #content .bottomshadow { text-align:center; background:#e9e9e9 url(../images/bottom-callout-bg.png) repeat-x; margin:0 -38px; height:49px; line-height:49px; border-top:1px solid #d8d8d8;  }
#overview.mac.register #main #content .bottomshadow a { margin-left:14px; line-height:44px; }
#overview.mac.register #main #content .bottomshadow a img { vertical-align: middle; margin-right: 15px; }
#overview.mac.register #main #content { padding:50px 40px 0 !important; }

#main img#appstorebenefits { padding-top: 40px; padding-bottom: 40px; }
#main ul#appstorebenefits { width:245px; padding:12px 8px 10px; margin-top:10px; }
#main ul#appstorebenefits li { background:url(../images/checkmark-1.gif) no-repeat 12px 50%; padding:3px 0 3px 38px; }
#main ul#appstorebenefits li.even { background-color:#F5F5F5; }
#main ul#appstorebenefits li.title { font-weight: bold; background: none; font-size: 12px; padding: 0 0 8px 10px; }

#main .callout p.enroll { float: right; padding-right: 25px; }

/* Resources */
#resources #main #content .maincontent h3,
#resources #main #content .maincontent p { padding-right:230px; }
#resources #main #content .maincontent p.intro { padding-right:100px; margin-bottom:2.5em; }
#resources #main #content .maincontent img.right { margin-right:45px; margin-top: -4px; }
#resources #main #content .maincontent img.right.videos { margin-right:67px; margin-top: -4px; }
#resources #main #content .maincontent img.right.devcenter { margin-right: 30px; margin-top: -12px; }
#resources #main #content .maincontent .clear.wrapper { margin-top:66px; padding-top: 4px; overflow: hidden; }
#resources #main #content .maincontent .clear.wrapper.last { margin-top:30px; padding-bottom:45px; padding-top: 12px; }