/* overlay galleries
------------------------*/
#main .overlaygallery { display:none; }

.overlaypanel img.overlayPanelShadowImage { top:-7%; left:-4.2%; width:108.3%; height:116.5%; }

.overlaygallery { position:relative; width:880px; height:616px; }

.overlaygallery .overlaycontent { position:absolute; display:none; width:100%; }
.overlaygallery .overlaycontent h3 { position:absolute; z-index:999; top:30px; left:0; width:100%; text-align:center; font-size:14px; }
.overlaygallery .swapView { height:534px; padding-top:8px; text-align:center; overflow:hidden; position: relative; }
.overlaygallery .swapView .overlaycontent { display:block; position: relative; top: 0; left: 0; }


.overlaygallery ul.imagenav { position:absolute; bottom:12px; left:296px; height:51px; margin:0; }
.overlaygallery ul.imagenav.wide4 { left:251px; }
.overlaygallery ul.imagenav li { float:left; margin-left:15px; }
.overlaygallery ul.imagenav li a { display:block; width:66px; height:41px; padding:4px; outline:none; border:1px solid #fff; }
.overlaygallery ul.imagenav li a.active { border:1px solid #999; }


/* performance overlay
------------------------*/
.overlay-performance img.overlayPanelShadowImage { top:-4.3%; left:-2.7%; width:105.6%; height:108.8%; }

div.overlay-performance { width:950px; height:600px; }
div.overlay-performance .padder { padding:30px 40px; }

div.overlay-performance h2 { float:left; margin:0; font-size:24px; font-weight:normal; }

/* tab list */
div.overlay-performance ul { float:right; position:relative; margin:0 -2px -2px; _margin:0 -1px -2px; padding-bottom:1px; z-index:10; }
div.overlay-performance ul li { display:inline; }
div.overlay-performance ul li a { float:left; min-width:140px; padding:10px 16px 6px; color:#666; font-weight:bold; border:1px solid #ccc; background:#e9eae9 url(/macosx/refinements/images/performance-tab-20090217.png) repeat-x 0 0;
	border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; -khtml-border-top-right-radius:5px; -o-border-top-right-radius:5px;
	border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; -khtml-border-top-left-radius:5px; -o-border-top-left-radius:5px;
}
div.overlay-performance ul li a:hover { color:#08c; text-decoration:none; }
div.overlay-performance ul li a.active { color:#000; outline:none; border-bottom-color:#fff; background:#fff; cursor:default; }

/* tab container */
div.overlay-performance #overlay-performance-swap { clear:both; position:relative; width:100%; height:500px; border:1px solid #ccc; *margin-top:-30px; 
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px;
	border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; -o-border-top-right-radius:0;
}
div.overlay-performance #overlay-performance-swap .tab { display:block; }

/* tab contents */
div.overlay-performance .tab { display:none; position:absolute; width:798px; height:452px; top:0; left:0; padding:24px 36px; background:url(/macosx/refinements/images/performance-chart-20090217.png) repeat-x 0 100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; }

div.overlay-performance .tab h3 { clear:both; margin-bottom:.4em; font-size:18px; }
div.overlay-performance .tab h3 sub { font-size:11px; color:#999; font-weight:normal; vertical-align:middle; }

/* mac/win list */
div.overlay-performance .tab ul { position:relative; float:left; display:inline; margin:0 -20px; padding-bottom:6px; overflow:hidden; font-size:11px; }
div.overlay-performance .tab ul li { float:left; margin:0 -10px 0 10px; padding:0 10px 1px; border-right:1px solid #ccc; }
div.overlay-performance .tab ul li a { float:left; min-width:0; margin-bottom:-6px; padding:0 0 6px; color:#08c; font-weight:normal; border:none; background:none; _position:relative; }
div.overlay-performance .tab ul li a.active { color:#000; background:url(/safari/images/performance-macwin-20090217.png) no-repeat 50% 100%; }

/* charts */
div.overlay-performance .tab .chart { position:absolute; top:82px; left:36px; }
div.overlay-performance .tab .chart .bar { clear:left; height:37px; margin-bottom:0.8em; }
div.overlay-performance .tab .chart .bar span,
div.overlay-performance .tab .chart .bar strong,
div.overlay-performance .tab .chart .bar b { display:block; float:left; height:37px; line-height:37px; *font-weight:normal; }
div.overlay-performance .tab .chart .bar span { color:#fff; }
div.overlay-performance .tab .chart .bar strong { padding-left:10px; }
div.overlay-performance .tab .chart .bar span b { float:right; padding-right:10px; }

/*div.overlay-performance .tab .chart .bar.safari span { background:url(/safari/images/performance_bar_safari_20090824.png) no-repeat 100% 50%; }
div.overlay-performance .tab .chart .bar.chrome span { background:url(/safari/images/performance_bar_chrome_20090824.png) no-repeat 100% 50%; }
div.overlay-performance .tab .chart .bar.firefox span { background:url(/safari/images/performance_bar_ff30_20090824.png) no-repeat 100% 50%; }
div.overlay-performance .tab .chart .bar.firefox30 span { background:url(/safari/images/performance_bar_ff30_20090824.png) no-repeat 100% 50%; }
div.overlay-performance .tab .chart .bar.firefox35 span { background:url(/safari/images/performance_bar_ff35_20090824.png) no-repeat 100% 50%; }
div.overlay-performance .tab .chart .bar.opera span { background:url(/safari/images/performance_bar_opera_20090824.png) no-repeat 100% 50%; }
div.overlay-performance .tab .chart .bar.ie8 span { background:url(/safari/images/performance_bar_ie8_20090824.png) no-repeat 100% 50%; }
*/
div.overlay-performance .tab .chart .bar span { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -o-border-top-right-radius: 4px; -o-border-bottom-right-radius: 4px; }
div.overlay-performance .tab .chart .bar.safari span { background: #569abb; background: #569abb -webkit-gradient(linear, left top, left bottom, from(#569abb), color-stop(0.5,#578aa6), to(#4c7790)); }
div.overlay-performance .tab .chart .bar.chrome span { background: #77cb4e; background: #77cb4e -webkit-gradient(linear, left top, left bottom, from(#77cb4e), color-stop(0.5,#70b94a), to(#62a243)); }
div.overlay-performance .tab .chart .bar.firefox span { background: #ffd40b; background: #ffd40b -webkit-gradient(linear, left top, left bottom, from(#ffd40b), color-stop(0.5,#dabc25), to(#c2a826)); }
div.overlay-performance .tab .chart .bar.firefox30 span { background: #ffd40b; background: #ffd40b -webkit-gradient(linear, left top, left bottom, from(#ffd40b), color-stop(0.5,#dabc25), to(#c2a826)); }
div.overlay-performance .tab .chart .bar.firefox35 span { background: #ffd40b; background: #ffd40b -webkit-gradient(linear, left top, left bottom, from(#ffd40b), color-stop(0.5,#dabc25), to(#c2a826)); }
div.overlay-performance .tab .chart .bar.opera span { background: #e55022; background: #e55022 -webkit-gradient(linear, left top, left bottom, from(#e55022), color-stop(0.5,#c64427), to(#ad422b)); }

div.overlay-performance .tab .chart h4 { clear:both; font-size:1em; }

/* sosumi */
div.overlay-performance .sosumi { position:absolute; width:826px; min-height:7em; left:41px; bottom:2.2em; margin:0; padding:16px 22px; border-top:1px solid #ccc; font-size:11px; line-height:1.4em; }

/* performance data */
#MASKED-ibenchhtml .safari span { width: 213px; }
#MASKED-ibenchhtml .chrome span { width: 338px; }
#MASKED-ibenchhtml .opera span { width: 593px; }
#MASKED-ibenchhtml .firefox span { width: 700px; }

#MASKED-ibenchjs .safari span { width: 110px; }
#MASKED-ibenchjs .safari span b { color: #000; margin-right: -60px; }
#MASKED-ibenchjs .chrome span { width: 192px; }
#MASKED-ibenchjs .opera span { width: 206px; }
#MASKED-ibenchjs .firefox span { width: 700px; }

#MASKED-sunspiderjs .safari span { width: 238px; }
#MASKED-sunspiderjs .chrome span { width: 245px; }
#MASKED-sunspiderjs .opera span { width: 281px; }
#MASKED-sunspiderjs .firefox span { width: 700px; }