/* overlay triggers
----------------------------- */

/* specs comparison overlay trigger */
#config_option_callout { position: relative; margin-top: 10px; margin-bottom: 2em; padding: 20px 0 20px 20px; background: #fafafa url(/macpro/images/specs_configoptions_bg_20100727.gif) repeat-x 0 0; *border: 1px solid #e4e4e4; }
#config_option_callout a:hover,
#config_option_callout a:hover h4 { color: #08c; text-decoration: none !important; }
#config_option_callout #postit { position: absolute; right: 0; top: 12px; }
#config_option_callout h4 { width: 150px; font-size: 12px; font-weight: normal; line-height: 18px; }


/* overlays
----------------------------- */

/* specs comparison overlay */
#OverlayPanel.popped .closeButtonContainer { top: -8px !important; left: -10px !important; }
.overlaypanel.overlay-compare img.overlayPanelShadowImage { top:-7.5%; left:-3.6%; width:106.9%; height:118.5%; }

.overlaypanel.overlay-compare h2 { margin-bottom:15px; }
.overlaypanel.overlay-compare .chart { width: 764px; padding:37px 45px 1px; }
.overlaypanel.overlay-compare .chart table { width: 100%; }
.overlaypanel.overlay-compare .chart table tr { border-bottom:1px solid #d9d9d9; }
.overlaypanel.overlay-compare .chart table td { padding: 12px 0 10px 10px; text-align:left; font-size:12px; *border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align: baseline; }
.overlaypanel.overlay-compare .chart table tr.noborder { border: none; }

.overlaypanel.overlay-compare .chart tr.header th { padding: 12px 0 10px 10px; color:#000; line-height:1.3em; font-weight:bold; vertical-align: baseline; }

.overlaypanel.overlay-compare .chart div.rounded { clear:both; margin-bottom:30px; border:1px solid #d9d9d9; }
.overlaypanel.overlay-compare .chart div.rounded tr.header { background-color:#f4f4f4; }
.overlaypanel.overlay-compare .chart div.rounded tr.header th { border-right:1px solid #d9d9d9; }

.overlaypanel.overlay-compare .chart table td.adjust { vertical-align: middle !important; border-bottom: none; }
.overlaypanel.overlay-compare .chart table td.empty { display: none; *display: inline; }

.overlaypanel.overlay-compare .chart table .first { width: 105px ; }
.overlaypanel.overlay-compare .chart table .cores { width: 76px; }
.overlaypanel.overlay-compare .chart table .processor { width: 107px; }
.overlaypanel.overlay-compare .chart table .speed { width: 62px; }
.overlaypanel.overlay-compare .chart table .cache { width: 88px; }
.overlaypanel.overlay-compare .chart table .memory { width: 67px; }
.overlaypanel.overlay-compare .chart table .last { width: 86px; border-right: none !important; }

.overlaypanel.overlay-compare .chart p.configure { font-size: 14px; }