/* devcenter globals */
html { background: #F2F2F2; }
.devcenter a.audio,
.devcenter ul.icons li.audio,
.devcenter ul.icons.audio li { background:url(../../assets/elements/icons/12x12/audio.gif) no-repeat 0 .2em; }

.devcenter #content.grid2colb-box { background-image:url(../../assets/elements/layout/box_grid2cola_bg_white.png); }

.devcenter #header h2 a { height:52px; }
.devcenter #header h2, #header h2 a { float:left; margin:0 -2px; text-indent:-9999px; width:984px; }

.devcenter #content .column.first h3 a, #content .column.first h4 a, #content .column.first h5 a { color:#08c; }
.devcenter #content .column.first { clear:both; }
.devcenter #content ul.nav li a { background: none; }

.devcenter .box .boxheader .tabs { padding-top: 2px; }

.devcenter #content .msg.warn h3 { float:left; }
.devcenter #content .msg.warn .expandcontent { clear:both; }

.devcenter #content .msg.warn.expandable h4 { padding-bottom:1em; }
.devcenter #content .msg.warn.expandable a.hide { margin-left:10px; }
.devcenter #content .msg.expandable { padding-bottom:1em; }

.devcenter #content .resources .image { margin-bottom:.6em; padding-bottom:.8em; border-bottom:1px solid #e5e5e5; }
.devcenter #content .resources .image p { margin-bottom:0; }
.devcenter #content .resources .image img.left { margin-bottom:0; }
.devcenter #content .resources div.image.image45 {  }
.devcenter #content .resources:last-child div.image:last-child { margin-bottom:1.6em; padding-bottom: 1.1em; border:none; }
.devcenter #content .resources span { color: #666; }

.devcenter #content .column { padding-bottom: 0; }
.devcenter #content .column.first .resources div.image h5 { padding: 0.2em 0 0; }
.devcenter #content .column.last .resources div.image h5 { padding:0; }

.devcenter #content .grid2col.doclinks { padding-left: 25px; }
.devcenter #content .grid2col.doclinks .last.column { padding-top: 2em; }

.devcenter #content ul.featured { margin-top:17px; }
.devcenter #content ul.featured li.html span { display:block; }

/* sidebar */
.devcenter #content .sidebar img.right { margin:0 0 0 15px; }

.devcenter #content .bc ul { margin-bottom: 0; }
.devcenter #content .bc li { display: inline; font-size: 12px }

.devcenter #content h3.underline { padding-bottom: .9em; }

.devcenter #content .grid2col ul.icons img.left { margin: 0; }

.devcenter #content .featuredtech li span { display: block; margin-top: .1em; color: #666; }
/* articles */
.devcenter.article #container { background:none; }
.devcenter.article #resources { margin-bottom:-10px; }
.devcenter.article .callout { margin-bottom:1.6em; padding:1.6em 18px 1px; background:#fff; border:1px solid #e1e1e1; border-top:1px solid #f5f5f5; border-bottom:1px solid #c4c4c4; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; box-shadow:0 1px 2px rgba(0, 0, 0, .2); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -khtml-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -o-box-shadow:0 1px 2px rgba(0, 0, 0, .2); }
.devcenter.article .callout.gradient { background:url(../../assets/elements/layout/callout_gradient.png) repeat-x 0 100%; }
.devcenter.article .callout.inset { border:1px solid #dcdcdc; border-width:2px 1px 1px; background:#e7e9ef url(../../assets/elements/layout/message_bg.png) repeat-x 0 0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; -o-box-shadow:none; }
.devcenter.article .callout .header { margin:-1.6em -18px 1em; padding:1em 18px; background:url(../../assets/elements/layout/box_header_bg.png) repeat-x 0 100%; _background-image:url(../../assets/elements/layout/box_header_bg.gif); }
.devcenter.article .callout ul.spaced { margin: 18px 0; font-size: 11px; }
.devcenter.article #content p.intro { font-size: 12px; }
.devcenter.article .column.last div { margin-bottom: -4px; }
.devcenter.article .clear { clear:both; }

.devcenter #content .selfclear { margin-bottom:1em; padding-top:1em; border-bottom:1px solid #e5e5e5; }
.devcenter #content .selfclear div.right { margin-top:0.5em; }
.devcenter #content .selfclear ul { margin-bottom:0.8em; }

.devcenter #content .downloads { margin-bottom:1.6em; }
.devcenter #content .downloads .download .right { padding:.8em 0; }
.devcenter #content .downloads span.filename,
.devcenter #content .downloads a { display: block; float: left; width: 189px; padding-right:18px; white-space:normal; }
.devcenter #content .downloads li { zoom:1; }
.devcenter #content .downloads li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.devcenter #content .downloads ul.icons li { padding-bottom:0; }

.devcenter #content #getting-started h4 { margin: 1.5em 0; }
.devcenter #content #getting-started h5 { margin-left: 25px; }
.devcenter #content #getting-started p { margin-left: 25px; }
.devcenter #content #getting-started img { margin-left: 25px; }
.devcenter #content #getting-started .image.image45 img.left { margin-left: -35px; }

/* promos */
.devcenter #promofooter4 #promos4 { width:984px; margin:0; padding:0; background: url(../../assets/elements/layout/promo4_capbottom_nogradient.png) no-repeat 0 100% !important; zoom: 1; _background-image: url(../../assets/elements/layout/promofooter_bottom20090324.gif); }
.devcenter #promofooter4 #promos4 li.promo { min-height: 22.5em; _height: 19.5em; }
.devcenter #promofooter4 #promos4 li.promo { font-size: .85em; }
.devcenter #promofooter4 #promos4 li.promo h3 { font-size:12px; }
.devcenter #promofooter4 #promos4 li.promo p { margin-left:10px; padding: 0 5px; font-size: 11px; line-height: 1.4em; color: #777777; }
.devcenter #promofooter4 #promos4 li.promo a.image { height: 224px; }
.devcenter #promofooter4 #promos4 li.promo a.more + a.more { padding-left:5px; }
.devcenter #promofooter4 #promos4 li.promo a.nohover { color:#777777 !important; }
.devcenter #promofooter4 #promos4 li.promo p a.more { position:relative; z-index:101; padding-left:0; padding-right:9px; } 
.devcenter #promofooter4 #promos4 li.promo p a.more:hover { text-decoration:underline !important; }
.devcenter #promofooter4 #promos4 a.promo_header { position:relative; z-index:102; display:block; margin:1.7em 0 0 15px; font-size:11px; font-weight:800; color:#000 !important; cursor:pointer; }
.devcenter #promofooter4 #promos4 a.promo_header:hover { color: #08c !important; }
/* end devcenter globals */

/* safari */
.safari #header { width: 988px; height:73px; margin-bottom: 1.8em; background:url(../../safari/images/header.png) no-repeat 0 0; behavior:url(../../global/scripts/lib/iepngfix.htc); }
.safari #header ul.login { margin-top: 1.7em; }

.safari.overview h4 { margin:1em 0; }
.safari.overview .msg p.left { margin:0 0 0 20px; }

/* articles */
.safari.article #content .main .column.first { width:100%; }

.safari.article #resources { margin-bottom:-10px; }

.safari.article .column.last a.first { display: block; margin-bottom: -5px; }

.safari.article .box .boxbottom { background:transparent url(../../assets/elements/layout/box_bgbottom_dc_article.png) no-repeat scroll 0 100%; bottom:0; }

.safari.article table.downloadtop { width:100%; border:1px solid #dddddd !important; }
.safari.article body.article table.downloadtop { display: table; }
.safari.article table.downloadtop td { padding:8px; border:none !important; }
.safari.article table.download { border:1px solid #dddddd !important; }
.safari.article table.download th { padding:8px 10px 8px 10px; border:1px solid #7E91A4 !important; color:#FFF; background:#7E91A4; }
.safari.article table.download td { padding:0 !important; text-align:left; vertical-align:top; border:none !important; border-bottom:1px solid #dddddd !important; }
.safari.article table.download .title td { padding:4px 8px !important; border-bottom:none !important; background:#F0F5F9; }
.safari.article table.download .title.sub td { border-top:none; }
.safari.article table.download .description { padding:4px 8px 18px 8px; }
.safari.article table.download th a { color:#FFF; }

.safari.overview #content.grid2colb-box { background-image:url(../../assets/elements/layout/box_grid2cola_bg_white.png); font-size:11px; padding:1.6em 2px 1px !important; }
.safari.overview #content.grid2colb-box .boxbottom { background:transparent url(../../assets/elements/layout/dc_cap_bottom.png) no-repeat scroll 0 0; bottom:0; }

.safari.overview #content.grid2colb h4 { margin-bottom: .5em; }
.safari.overview #content.grid2colb span.loginreq { color: #999; }
.safari.overview #content.grid2colb ul.icons li { margin-bottom:-0.7em; padding-bottom:0; padding-left:1.8em; }
.safari.overview #content.grid2colb .grid2cola.top { padding-left: 15px; }
.safari.overview #content .column.first.grid2cola.top .column.first.sidebar { width: 21%; padding-top: 39px; }
.safari.overview #content .column.first.grid2cola.top .column.last { width: 78%; margin-right: -27px; }

.safari.overview #content.grid2colb .grid2col.bottom { margin: 1.8em -18px 0 -18px; padding: 2.5em 18px;  background: transparent url(../../safari/images/sdc_row_separator.png) 0 0 no-repeat; } 
.safari.overview #content.grid2colb .column.last .grid2col { margin-top: 3.1em; padding-bottom: 15px; border-bottom: 1px solid #E0E0E0; }
.safari.overview #content.grid2colb .column.last .grid2col a.button { padding: 5px 0 6px 9px; }
.safari.overview #content.grid2colb .column.last .grid2col a.button span { padding:5px 13px 6px 4px; }
.safari.overview #content.grid2colb .column.last h5 { margin:1em 0 .5em; }

.safari.overview #content.grid2colb .resources .image { border-bottom:1px solid #E5E5E5; margin-bottom:0.6em; padding-bottom:1em; padding-top: 1em;}
.safari.overview #content.grid2colb .resources .image.image45.last { border-bottom: none; }

.safari.overview #content.grid2colb .featured p.fc_head { font-weight: normal; font-size: 13px; }
.safari.overview #content.grid2colb .featured hr { margin-bottom: 1em; }
.safari.overview #content.grid2colb .featured p.fc_date { color:#999; }
.safari.overview #content.grid2colb .featured p.last { margin-bottom: 0; }
.safari.overview #content.grid2colb .featured img#safari_icon { margin:3px -2px 0 0; }

.safari.overview .box .boxheader { background:transparent url(../../assets/elements/layout/sdc_box_header_bg.png) repeat-x scroll 0 100%; margin:-1.6em -18px 1em; min-height:18px; padding:1em 18px; }

.safari.overview #content.grid2colb .column.last.sidebar .boxheader { margin-bottom: 2.2em; }
.safari.overview #content.grid2colb .column.last.sidebar hr { margin: 0 -18px 2.2em; }
.safari.overview #content.grid2colb .column.last.sidebar img { display: block; margin: 2em auto; }
.safari.overview #content.grid2colb .column.last.sidebar a.more { margin-right: .8em; }

.safari.overview_desktop #content.grid2colb ul.icons li { margin-bottom:.1em; }
.safari.overview_desktop #content.grid2colb .column.first.grid2col { padding-bottom: 3em; }

/* Demo section styles */
.safari#demos .grid4col { padding: 0 0 30px; border-top: 1px solid #f1f1f1; /*border-bottom: 1px solid #f1f1f1;*/ }
.safari#demos p.intro { font-size: 14px; line-height: 1.7em; margin-top: -1.5em; }
.safari#demos .grid4col a.demo-link { width: 200px; height: 125px; margin-bottom: 30px; display: block; -webkit-box-reflect: below -1px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), color-stop(0.8, transparent), to(rgba(255, 255, 255, 0.4))); }
.safari#demos .grid4col a.demo-link.light { -webkit-box-reflect: below -1px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), color-stop(0.8, transparent), to(rgba(255, 255, 255, 0.45))); }
/* Hover States ?
#demos .grid4col a.demo-link:hover { -webkit-box-reflect:below -1px -webkit-gradient(linear, left top, left bottom, color-stop(.75, rgba(0,0,0,0)), color-stop(.89, rgba(0,0,0,.2)), to(rgba(0,0,0,.5))) !important; }
#demos .grid4col a.demo-link.light:hover { -webkit-box-reflect:below -1px -webkit-gradient(linear, left top, left bottom, color-stop(.75, rgba(0,0,0,0)), color-stop(.89, rgba(0,0,0,.4)), to(rgba(0,0,0,.8))) !important; }
*/
.safari#demos #content .grid4col .column h3 a { color: #000; }
.safari#demos #content .grid4col .column h3 a:hover { color: #0088CC; }

.safari#demos .grid4col .date { color: #999; margin: -12px 0 0; }
.safari#demos .grid4col .column { margin-top: 40px; }
.safari#demos .popup-link { outline: none; }

.safari#demos .pagination { margin: 15px 0 -15px; float: right; font-size: 11px; }
.safari#demos .pagination li { display: inline; border-right: 1px solid #c6c6c6; }
.safari#demos .pagination li a { padding: 0 5px 0 3px; }
.safari#demos .pagination li a:hover { text-decoration: none; }

.safari#demos .pagination li.prev,
.safari#demos .pagination li.next,
.safari#demos .pagination li.last { border: none; }

.safari#demos .pagination li.prev a,
.safari#demos .pagination li.next a,
.safari#demos .pagination li.selected a { cursor: default; }

.safari#demos .pagination li.prev a,
.safari#demos .pagination li.next a { height: 11px; background: url(../../safari/demos/images/pagination_arrows.gif) no-repeat; border: none; color: #b1b1b1; }
.safari#demos .pagination li.prev a { padding-left: 10px; padding-right: 0; background-position: left 1px; }
.safari#demos .pagination li.next a { padding-right: 10px; padding-left: 0; background-position: right -21px; }

.safari#demos .pagination li.prev.active a,
.safari#demos .pagination li.next.active a { color: #0088cc; cursor: pointer; }
.safari#demos .pagination li.prev.active a { background-position: left -10px; }
.safari#demos .pagination li.next.active a { background-position: right -32px; }

.safari#demos .pagination li.selected a { color: #000; }

.safari#demos #promofooter4.chrome { margin-left: -2px !important; }
.safari#demos #promofooter4.chrome li.promo { min-height:176px !important; }
.safari#demos #promofooter4.chrome li.promo img { margin-top:-19px; }
.safari#demos #promofooter4.chrome li.promo a { outline: none; }

.safari#demos .grid2col { padding: 30px 0 20px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.safari#demos .grid2col h2 { margin: 2px 0px 8px 0px; }
.safari#demos .grid2col .button-spacing { margin: 0 0 40px; }
.safari#demos .grid2col img.screenshot {  -webkit-box-reflect:below -2px -webkit-gradient(linear, left top, left bottom, color-stop(.83, rgba(0,0,0,0)), color-stop(.93, rgba(0,0,0,.2)), to(rgba(0,0,0,.4))) !important; }
.safari#demos .grid2col img.screenshot.light {  -webkit-box-reflect:below -2px -webkit-gradient(linear, left top, left bottom, color-stop(.83, rgba(0,0,0,0)), color-stop(.93, rgba(0,0,0,.175)), to(rgba(0,0,0,.5))) !important; }
.safari#demos .grid2col .date { color: #999; margin: -16px 0 20px; }
.safari#demos .grid2col ul.icons { margin-top: 10px; }

/* Next/Prev Arrow Classes */
.safari#demos #pagenav { width:99.5%; clear:both; font-size:12px; height:17px; margin:0; padding-top:1.5em; }
.safari#demos #pagenav:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.safari#demos #pagenav .column { margin-bottom:1.6em; padding:0; width:48% !important; }
.safari#demos #pagenav .previous { clear:both; text-align:left; }
.safari#demos #pagenav .previous .arrow { background:transparent url(../../assets/elements/layout/pagenav_arrowleft.gif) no-repeat scroll 0 1px; color:#0089CF; padding-left:20px; padding-right:0; }
.safari#demos #pagenav .next { text-align:right; }
.safari#demos #pagenav .next .arrow { background:transparent url(../../assets/elements/layout/pagenav_arrowright.gif) no-repeat scroll 100% 1px;
padding-right:20px; }

.safari #content .codinghowto {margin-top:38px;}
.safari #content .codinghowto .howdoi {margin-top:-10px; color:#666;}
.safari #content .codinghowto .allhowtos {clear:both; color:#666;}
.safari #content .samplecode {clear:both;}

/* mac */

.mac .grid2colb-box .boxbottom { background: url(../../assets/elements/layout/sdc_box_grid2colb_bgbottom.png) no-repeat; bottom:0; }

.mac #content.grid2colb-box .separator { background:transparent url(../../safari/images/sdc_row_separator.png) no-repeat scroll 0 0; margin:0 -18px 0; padding:1.7em 18px; clear: both; }

.mac .overview h4 { margin:0 0 1em; }
.mac #content hr.separator + h4 { margin: -1em 0 1em; *margin-top:1em; }

.mac #header { width: 988px; height:86px; margin-bottom: .4em; background:url(../../mac/images/header.png) no-repeat 0 0; behavior:url(../../global/scripts/lib/iepngfix.htc); }
.mac #header ul.login { margin-top: 1.2em; }

/* login warning */
.mac #content .msg.warn h3 { float:left; }
.mac #content .msg.warn .expandcontent { clear:both; }

.mac #content .msg.warn.expandable h4 { padding-bottom:1em; }
.mac #content .msg.warn.expandable a.hide { margin-left:10px; }
.mac #content .msg.expandable { padding-bottom:1em; }

.mac.overview .msg p.left { margin:0 0 0 20px; }

.mac.overview .msg.expandable { padding-bottom:1em; }
.mac.overview .msg.expandable h4 { padding:.6em 0 0; font-size:12px; font-weight:normal; color:#797c80; }
.mac.overview .msg.expandable a.expandlink { display:none; padding-left:0; color:#08c; font-size:12px; }
.mac.overview .hasjs .msg.expandable a.expandlink { display:inline; }
.mac.overview .msg.expandable a.expandlink:hover { text-decoration:underline; }
.mac.overview .msg.expandable div.expandcontent { padding-left:0; }
.mac.overview .msg.expandable div.expandcontent p { margin-bottom:0; padding-bottom:1em; }
.mac.overview .msg p.clear {font-size:11px;}
.mac.overview a#sldclink { color:#ccc; }
.mac.overview a.more.right { display:block; margin:0 0 1.6em; }

.mac #content p.intro { font-size: 12px; color:#333;}

/* nav lists */
.mac #content ul.nav { margin:-1em -18px 1.6em; font-size:12px; line-height:1.3em; border-top:1px solid #e5e5e5; }
.mac #content ul.nav li { _display:inline; }

.mac #content ul.nav li a { display:block; padding:.8em 32px .8em 18px; color:#787c80; border-bottom:1px solid #e5e5e5; background:url(../../assets/elements/layout/nav_arrow.png) no-repeat 0 50%; _background-image:url(../../assets/elements/layout/nav_arrow.gif); }

.mac #content ul.nav li a:hover { color:#08c; text-decoration:none; background-position:-248px 50%; }

.mac #content ul.nav li.active a { color:#000; cursor:default; background-position:-496px 50%; }
.mac #content ul.nav li.down a { background-position:-744px 50%; }

.mac #content ul.nav li ul { display:none; margin:0 !important; padding:0; border-bottom:1px solid #e5e5e5; background-color:#f4f4f4; }
.mac #content ul.nav li.active ul { display:block; }

.mac #content ul.nav li ul li a { color:#797c80 !important; border:none; cursor:pointer !important; background:url(../../assets/elements/layout/nav_sub_arrow.png) no-repeat 0 50% !important; }
.mac #content ul.nav li ul li a:hover { color:#08c !important; cursor:pointer !important; background-position:50% 50% !important; }
.mac #content ul.nav li ul li.active a { color:#000 !important; cursor:default !important; background-position:100% 50% !important; }

.mac #content ul.nav li a { color:#000 !important; background-position:-496px 50% !important; }

/* body.overview #content ul.icons li { padding-bottom:0 !important; } */

/* sidebar */
.mac #content .sidebar img.right { margin:0 0 0 15px; }
.mac #content .sidebar img#mdp { margin:0 0 0 33px; }
.mac #content .sidebar img#adc { margin:0 0 0 58px; }
.mac #content .sidebar img { margin-bottom:1.6em !important; }
.mac #content .sidebar img#forums { display:block; margin:0 auto; }
.mac #content .sidebar img#slbeta { display:block; margin:0px auto 20px; }
.mac #content .sidebar h5.sl { margin-bottom:0; }

/* tabs */
.mac .box .boxheader .tabs { padding-top: 2px; }
.mac .overview.boxheader {margin-bottom:30px;}



/* codingheadstarts */
.mac.codingheadstarts #content p.intro { color:#797C80; font-size:18px; font-weight:normal; line-height:1.3em; margin:-0.8em 0 2em 0; }
.mac.codingheadstarts #content h1 { margin:15px 0; }
.mac.codingheadstarts #content h2 { margin-bottom:18px; }
.mac.codingheadstarts #content .grid3col p { margin-left:55px; margin-bottom:20px; }
.mac.codingheadstarts #content .grid2col { border-top:1px solid #CCCCCC; font-size:11px; line-height:18px; margin-bottom:18px; padding-top:30px; }
.mac.codingheadstarts #content .callout { padding-top:30px; border-top:1px solid #ccc; }
.mac.codingheadstarts #content .callout h3 { margin-bottom:0.6em; }
.mac.codingheadstarts #content .callout.headstarts a.viewvid { display:inline; padding:1px 0pt 2px 20px; background:url(../../assets/elements/layout/arrow_play.gif) no-repeat left 1px; }
.mac.codingheadstarts #content .callout.headstarts a.dwnarw { display:inline; margin-left:20px; padding:0 0 0 15px; background:url(../../assets/elements/layout/icon_download.gif) no-repeat left 1px; }
.mac.codingheadstarts #content .callout { margin-bottom:18px; border-top:1px solid #CCCCCC; padding-top:30px; font-size:11px; line-height:18px; border: none !important; background: none; }
.mac.codingheadstarts #content .overlaydescription,
.mac.codingheadstarts #content .overlayposter { display: none; }

.mac #content ul.featured li.html {margin-bottom:1.5em;}

.mac #content h3.underline { padding-bottom: .9em; }

/* articles */
.mac.article #container { background:none; }

.mac.article .clear { clear:both; }

.mac.article #resources { margin-bottom:-10px; }

.mac.article .callout { margin-bottom:1.6em; padding:1.6em 18px 1px; background:#fff; border:1px solid #e1e1e1; border-top:1px solid #f5f5f5; border-bottom:1px solid #c4c4c4; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; box-shadow:0 1px 2px rgba(0, 0, 0, .2); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -khtml-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -o-box-shadow:0 1px 2px rgba(0, 0, 0, .2); }
.mac.article .callout.gradient { background:url(../../assets/elements/layout/callout_gradient.png) repeat-x 0 100%; }
.mac.article .callout.inset { border:1px solid #dcdcdc; border-width:2px 1px 1px; background:#e7e9ef url(../../assets/elements/layout/message_bg.png) repeat-x 0 0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; -o-box-shadow:none; }
.mac.article .callout .header { margin:-1.6em -18px 1em; padding:1em 18px; background:url(../../assets/elements/layout/box_header_bg.png) repeat-x 0 100%; _background-image:url(../../assets/elements/layout/box_header_bg.gif); }
.mac.article .callout ul.spaced { margin: 18px 0; font-size: 11px; }
 
.mac.article .column.last div { margin-bottom: -4px; }

.mac#prerelease #content .msg.expandable { margin-bottom:30px; }
.mac#prerelease #content .box .boxheader { margin-bottom:25px !important; }
.mac#prerelease #content .column .image.image100 { padding-top:1em; }
.mac#prerelease #content .selfclear { border-top:0; }
.mac#prerelease h1 { margin-top:25px; }
.mac#prerelease #content.grid2colb .column.last { margin-bottom:1em; }
.mac#prerelease #content.grid2colb .column.first.grid2col .column.last h4.underline + ul.icons.featured + h4.underline { margin-top:-1.2em; }
.mac#prerelease #content.grid2colb .column.first.grid2col .column.last h4.underline + ul.icons.featured + h4.underline + p { margin-bottom:30px; }
.mac#prerelease .box .boxheader .tabs ul li.active a { cursor:pointer !important; }

/* sl overview page */
.mac#sl-overview #main #content { padding:6px 62px 5em !important; }
.mac#sl-overview #main #content #hero { padding:5.9em 60px; margin:0 -60px; background:transparent url(../../mac/images/overview_topbg.png) 0 0 repeat-x; }
.mac#sl-overview #main #content #hero .topright { position:absolute; top:1px; right:2px; }
.mac#sl-overview #main #content #hero h1 { padding:0; line-height:1.5em; text-indent:-9999px; background:transparent url(../../mac/images/overview_title.png) 0 0 no-repeat; }
.mac#sl-overview #main #content #hero p.intro { width:525px; line-height:1.5em; font-size:14px; color:#797C80; }

.mac#sl-overview #main #content .grid4col { margin-top:3.2em; }
.mac#sl-overview #main #content .grid4col .column { width:21.7% !important; float:left !important; margin-left:4.2%; padding:0; height:auto; }
.mac#sl-overview #main #content .grid4col .column.first { margin-right:0 !important; }
.mac#sl-overview #main #content .grid4col .column.last { margin-left:4.2% !important; }
.mac#sl-overview #main #content .grid4col .column .icon { min-height:7.4em; }
.mac#sl-overview #main #content .grid4col .column img { display:block; margin:0 auto; clear:both; }
.mac#sl-overview #main #content .grid4col .column p { color:#696969; }
.mac#sl-overview #main #content .grid4col .column p:last-of-type { margin-bottom:0; }

.mac#sl-overview #main #content .feature { width:92.8%; margin-top:2.5em; padding:1.2em 30px 2.3em; background:#f3f5f6; border-top:2px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; }
.mac#sl-overview #main #content .feature h3 { margin-top:1.3em; }

.mac.sl #main #content .sidebar h2 { background:transparent url(../../mac/images/sl_technologies_nav_header.png) no-repeat; text-indent:-9999px; }
.mac.sl #main #content .column.last p.intro { color:#666; clear:both; margin-bottom:4em; }

.mac.sl #main #content #sl-pagenav { width:99.5%; border-top:1px solid #DBDBDB; clear:both; font-size:12px; height:17px; margin:0; padding-top:1.5em; }
.mac.sl #main #content #sl-pagenav:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.mac.sl #main #content #sl-pagenav .column { margin-bottom:1.6em; padding:0; width:48% !important; }
.mac.sl #main #content #sl-pagenav .previous { clear:both; text-align:left; }
.mac.sl #main #content #sl-pagenav .previous .arrow { background:transparent url(../../assets/elements/layout/pagenav_arrowleft.gif) no-repeat scroll 0 0.1em; color:#0089CF; padding-left:20px; padding-right:0; }
.mac.sl #main #content #sl-pagenav .next { text-align:right; }
.mac.sl #main #content #sl-pagenav .next .arrow { background:transparent url(../../assets/elements/layout/pagenav_arrowright.gif) no-repeat scroll 100% 0.1em;
padding-right:20px; }

/* gcd page */
.mac#gcd #main #content .column.last .left { margin-bottom:.7em; }
.mac#gcd #main #content .column.last .left + .left { margin-top:1em; }
.mac#gcd #main #content .column.last p.intro + .right { margin:2.2em 0 0 15px; }
.mac#gcd #main #content .column.last #os { margin-bottom:5em; }
.mac#gcd #main #content .column.last .right.more { margin-top:1.6em; margin-left:0; }
.mac#gcd #main #content .column.last .right.more + .right { margin:2px 10px 25px 10px; }

/* 64-Bit page */
.mac#sixtyfourbit #main #content .column.last #faster { margin:-15px 0 16px 20px; }
.mac#sixtyfourbit #main #content .column.last #security { margin:2px 0 16px 20px; }
.mac#sixtyfourbit .overlaypanel  .overlaygallerythumbs { display:none; }
.mac#sixtyfourbit .overlaypanel  .overlayPanelShadowImage { display:none !important; }
.mac#sixtyfourbit .overlaypanel  .overlaygallery .overlaygalleryswap .overlaygallerycontent img { width:1003px; height:655px; }
.mac#sixtyfourbit .overlaypanel  .overlaygallery .overlaygalleryswap { border:none; }
.mac#sixtyfourbit .overlaypanel  .closeButtonContainer { top:5px; left:20px; }

/* Open CL page */
.mac#opencl #main #content .column.last #gpu { margin-right:22px; }
.mac#opencl #main #content .column.last #architecture { margin:2px 0 16px 20px; }
.mac#opencl #main #content .column.last a.more:last-of-type { line-height:55px; }
.mac#opencl #main #content .column.last #openclpdf { margin:2px 10px 16px 0; }

/* Quicktime X page */
.mac#quicktime #main #content .column.last #formats { margin:-9px 0 16px 24px; }
.mac#quicktime #main #content .column.last #http { margin:6px 34px 16px 0; }
.mac#quicktime #main #content .column.last #faster { margin:-5px 5px 16px 10px; }

/* Static Analysis page */
.mac#static #main #content .column.last #xcode { margin:2px 0 13px 24px; }

/* sl page sidebar */
.mac.sl #main #content .column.first.sidebar .callout.gradient { width:189px; padding:1em 15px 0 !important; }
.mac.sl #main #content .column.first.sidebar .callout.gradient h3 { margin-bottom:0; }
.mac.sl #main #content .column.first.sidebar .callout.gradient p { line-height:1.5em; }
.mac.sl #main #content .column.first.sidebar .callout.gradient p:last-of-type { margin-bottom:1em; }
.mac.sl #main #content .column.first.sidebar .callout.gradient a.more {  }
.mac.sl #main #content .column.first.sidebar .callout.gradient img { display:block; margin:-1em auto 1em; }

/* sl page promos */
.mac.sl #promofooter4 { margin:12px 0 !important; padding-top:17px !important; background:transparent url(../../mac/images/promofooter_top.png) 0 0 no-repeat !important; }
.mac.sl #promofooter4 #promos4 { background:transparent url(../../mac/images/promofooter_bottom.png) 0 100% no-repeat !important; }
.mac.sl #promofooter4 li.promo { min-height:15.3em !important; }
.mac.sl #promofooter4 li.promo h3 { margin:0 0 0 18px !important; }
.mac.sl #promofooter4 li.promo a.image { height:170px !important; }
.mac.sl #promofooter4 li.promo p { margin-left:3px !important; }

/*----- designing content page -----*/
#designingcontent #main .top_para { width:680px; }
.safari.overview#designingcontent #main .boxbottom { background:#fff url(../../assets/elements/layout/maincap_bottom.png) no-repeat scroll 0 0; bottom:0; height:5px; }
.safari.overview#designingcontent #main .boxtop { background:#fff url(../../assets/elements/layout/maincap_top.png) no-repeat scroll 0 0; bottom:0; height:4px; }