/* -- general -- */
html { width:100%; height:100%; background:#fff; }
body { min-height:100%; width:100%; min-width:1024px; background:#fff; }
#main { width: 980px; margin:0 auto; zoom:1; }

h1, h2 { font-family:"Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; margin-top: 1em; }
html[lang=default] h1, html[lang=default] h2 { font-family: "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; }
html[lang=ja-JP] h1, html[lang=ja-JP] h2 { font-family: "Apple TP", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Arial", "Verdana", "sans-serif"; }
html[lang=zh-CN] h1, html[lang=zh-CN] h2 { font-family: "PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; }
html[lang=zh-TW] h1, html[lang=zh-TW] h2 { font-family: "MHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; }
html[lang=zh-HK] h1, html[lang=zh-HK] h2 { font-family: "MHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; }
html[lang=th-TH] h1, html[lang=th-TH] h2 { font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; }
html[lang=ko-KR] h1, html[lang=ko-KR] h2 { font-family: "Yoon Gothic", "Helvetica Neue", "Helvetica", "Dotum", "Arial", "Verdana", "sans-serif"; }


.shadow { box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -o-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }

#overview #productheader #pn-videos { display: none; }

#productheader { border-bottom: 1px solid #ddd;}
#productheader h2 a { text-indent: 0; }
#productheader #productheader-title{ width:300px; height:30px;}

.bottomContent{ width: 850px; top: 30px; margin:15px auto; }
.voip{outline: 1px solid red; display: none;}
#content { width:880px; padding:50px; }
#content:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }

#overview #content { padding-top: 43px; padding-bottom: 70px; }
#overview #main h1 { text-align: center; margin-bottom: 5px; line-height: 10px; }
#overview #main p.intro { text-align: center; font-size: 18px; line-height: 24px; margin-bottom: 67px; }


/*-------------- details ------------------*/
.details .main .ipad { padding-top: 32px; }
.details .main img.right { padding: 5px; }
.details .main h1 { margin-bottom: 0px; line-height:18px; text-align:center; }
.details .main p.intro { width: auto; text-align:center; margin:7px auto 14px; color: #444; font-size: 16px; line-height: 20px; clear: left; }
.details .main p.sosumi { text-align: center; font-size: 12px !important; padding:0 8%; }
.details .main p.links { float: left; clear: left; }
.details .main a.staf { float: left; clear: left; height: 14px; width: 20px; font-size: 11px; color:#666; background:url(http://images.apple.com/apple-events/images/send_20100525.gif) no-repeat 100% 2px; }

.details .main ul { float: right; /*margin-bottom: 8px;*/ width: 202px; margin-top:2px; }
.details .main ul li { _height: 25px; }
.details .main ul li a { margin-bottom: 4px; height: 25px; width: 202px; background-repeat: no-repeat; display: block; text-indent: -9999px; outline: none; }
.details .main ul li a:hover { background-position-y: -25px; }
.details .main ul li a:active { background-position-y: -50px; }
.details .main ul li.triggerSL { *display: none; }
.details .main a.quicktime-download { margin: 0 0 20px; *margin-bottom: 0; padding: 0; font-size: 14px; line-height: 20px; color: #08c; text-align: left; }
.details .main a.quicktime-download:hover { text-decoration: underline; }
.details .main span.quicktime-download-button { text-align:center; }
.details .main a.loading { background-image: url(http://images.apple.com/apple-events/images/events_button_loading_20100525.gif) !important; _background-position: 0 0 !important; }

.details .main .button320 { background-image: url(http://images.apple.com/apple-events/images/events_button_low_20100525.gif); }
.details .main .button480 { background-image: url(http://images.apple.com/apple-events/images/events_button_med_20100525.gif); }
.details .main .button640 { background-image: url(http://images.apple.com/apple-events/images/events_button_high_20100525.gif); }
.details .main #trigger { background-image: url(http://images.apple.com/apple-events/images/events_button_default_20100525.gif); }
.details .main #triggerSL { display: none; background-image: url(http://images.apple.com/apple-events/images/events_button_default_20100525.gif); }
.details .main #triggerHD { background-image: url(http://images.apple.com/apple-events/images/events_button_hd_20100525.gif); }

.details .main .bottomContent h1 { line-height: 42px; clear:both; }
.details .main .bottomContent h1 span { font-size: 1.72em; font-weight: 200; color: #666; }
.details .main .bottomContent h1 span.leadin {  color: #000;}

.details .main .promo { position: relative; }
.details .main .promo .copy { position: absolute; top: 50%; left: 0; margin-top: -48px; text-align: center; width: 100%; }
.details .main .promo .copy h2 { font-size: 2.4em; font-weight: 200; color: #fff; margin-bottom: 14px; }
.details .main .promo span.more:hover { text-decoration: underline; }
.details .main .promo img { margin: 0 auto; display: block; }

/*-------------- 2012 events ------------------*/
.event-2012 .main h1,
.event-2012 .main p.intro,
.event-2012 .main p.sosumi { text-align:left; }
.event-2012 .main p.sosumi { padding:0; }

.event-2012 .main .bottomContent h1 span:first-child { display:block; }


/*-------------- share/video ------------------*/
.details .main #content.shareactive { min-height:500px; _height:500px; }
.details .main #content.shareactive #share { display:block; }
.details .main #content.shareactive #intro { display:none; }
.details .main #content #share { display:none; position:relative; }
.details .main #content #qt, #content #qtHD { position:absolute; left:-9999px; }
.details .main #content #qt-iphone #movie { position:absolute; margin:auto; }
.details .main #content .ipad #qt-iphone #movie { position:relative; top:0; left:0; }

#backtovideo { position: absolute; z-index:9999; bottom: 5px; _bottom:80px; left: 340px; font-size:12px; background: url(http://images.apple.com/quicktime/qtv/specialevent0909/images/share/video_icon20090909.png) center left no-repeat; padding-left: 25px; }

/***additions****/
#message { position: absolute; top: 290px; margin: auto;display: none;color: #fff; width: 850px; height: 100px; z-index:1000000; font-size: 4em;text-align: center;line-height: 2em; }
.details .main #content #qt-iphone{ width:848px; height: 480px; z-index: 1; }
.details .main #content #qt-iphone.mozilla{ height: 515px !important; }
.details .main #content #qt-iphone.mozilla .controllerPanel.slim .ACMediaControls .mediaControllerPanel { width:846px; }
.details .main #content #qt-iphone #videojpg, #videoimage{ border: 1px solid #bbb; }

#videoimage { position:absolute; left:67px; }
#videoimage.hide { display:none; }

.ACMediaControls,
.moviePanel OBJECT { *top:0; *margin-top:0 !important; }

.trigger320, .trigger480, .trigger640 { display: none; }
.fastForward, .fastBackward { display:none; }

.details .main ul.endState, .details .main ul.endStateActive{
	z-index: 2000000;
	float: none;
	top: 240px;
	display:none;
	width: 120px;
	height: 120px;
	left: 430px;
	margin:0;
	background: none;
}

.details .main ul.endStateActive{
	display: block;
	position: absolute;
}

.details .main ul.endStateActive li a{
	background: url(http://images.apple.com/v/apple-events/c/images/video_play_large.png) 50% 50% no-repeat;
	width: 120px;
	height: 120px;
	display: block;
}

.details .main ul.endStateActive .pillbutton {
	padding: 0;
	margin: 0;
}

.details .main ul.endStateActive .pillbutton span, .details .main ul.endStateActive .pillbutton b{
	display: none;
}

/*
.ACMediaControls .mediaControllerPanel > .ACMediaController .track,
.ACMediaControls .ACMediaController .track{visibility: hidden;}
.ACMediaControls .ACMediaController .timeDisplay-enabled {visibility: hidden;}
.ACMediaControls .ACMediaController .durationDisplay-enabled{visibility: hidden;}
*/

.controllerPanel.slim .ACMediaControls .mediaControllerPanel > .ACMediaController .settingsControls .fullscreenControl-enabled {
	display:none;
}

#globalfooter #breadory ol#breadcrumbs li.lang-switch { float: right; padding-left: 0; }
#globalfooter #breadory ol#breadcrumbs li.lang-switch a { background: none; padding-right: 9px; padding-left: 9px; border-left: 1px solid #ddd; }