/*-------------- general layout ------------------*/
#main #content { padding:0; }
body { background: #efefef url(/ca/quicktime/qtv/wwdc08/images/bg20080609.jpg) repeat-x 0 0; }


#main { background: url(/ca/quicktime/qtv/wwdc08/images/content_top20080609.png) no-repeat; padding-top: 7px; behaviour: url(/global/scripts/lib/iepngfix.htc); }
#main_wrap { background: #fff url(/ca/quicktime/qtv/wwdc08/images/content_bg20080609.gif) repeat-y; padding: 0 2px; width: 980px; height: 520px; overflow: hidden; }
#main_bottom { background: url(/ca/quicktime/qtv/wwdc08/images/content_bottom20080609.gif) no-repeat; width: 984px; height: 10px; font-size: 1px; margin-bottom: 20px; }

#main .grid2colc { position: relative; width: 520px; margin-bottom: 365px; margin-left: 198px; }
#main .grid2colc .column.first { width: 203px; }
#main .grid2colc .column.last { width: 220px; }

/*#main #hero .topcap { width:980px; height:6px; position:absolute; top:0; left:0; background:url('/ca/quicktime/qtv/wwdc08/images/hero_bgtop20080115.gif') no-repeat 0 0; }
#main #hero { border: 0; position: relative; padding:20px 20px 0 1px; width: 920px; min-height:490px; _height:490px; background:#fff; }
#main #hero .bottomcap { width:980px; position:absolute; bottom:0; left:0; height:6px; height:6px; background:url('/ca/quicktime/qtv/wwdc08/images/hero_bgbottom20080115.gif') no-repeat 0 100%;}*/
#content #hero #intro { width:840px; padding:60px 40px 0; color:#76797c; }
#content #hero #intro h1 { padding-top:5px;}
#content #hero #intro p { margin-bottom:65px; }
#content #hero #intro a.toggleshare, #content #hero #intro a.itunes { clear:both; font-size:11px; text-decoration:none; color:#76797c; padding-right:8px; background:url('/ca/quicktime/qtv/wwdc08/images/hero_arrow20080306.gif') no-repeat 100% 50%; }
#content #hero #intro a.itunes { margin-left: 25px; }
#content #hero #intro a.toggleshare:hover, #content #hero #intro a.itunes:hover { color:#000; text-decoration: underline;}
#content #hero #intro #watchqt { float:left; width:231px; height:23px;  margin-left:-2px; margin-bottom:12px;}
#content #hero #intro #watchqt:hover {cursor:pointer;}
#content #hero #intro #getqt { float:right; margin-top:-4px; }
#content #hero #intro .column.last { width:45%; }



/* contentfooter */



#contentfootertop { font-size: 1px; background: url(/ca/quicktime/qtv/wwdc08/images/content_top20080609.png) no-repeat; width: 980px; height: 7px; }
#contentfooterbottom { background: url(/ca/quicktime/qtv/wwdc08/images/content_bottom20080609.gif) no-repeat; width: 980px; height: 11px; }
#contentfooter { overflow: hidden; background: url(/ca/quicktime/qtv/wwdc08/images/content_bg20080609.gif) repeat-y; height: 166px; font-size: 12px; color: #666; padding-top: 12px;}
#contentfooter h2 { color: #000; font-size: 20px; font-weight: normal; margin-top: 10px; margin-bottom: 5px;}
#contentfooter .column.first { width: -125px; margin-left: 20px !important; _margin-left: 30px !important; color: #666}
#contentfooter .column.last { width: 290px; margin-right: 22px !important; _margin-right: 15px !important; margin-left: 20px; color: #666;}
#contentfooter .column.first img { margin-bottom: 0; margin-right: -115px !important; }
#contentfooter .column.last img.right { margin-top: -32px; }

#contentfooter ul { margin-bottom:5px; margin-left: 0; padding-left: 0; }
#contentfooter ul li { color: #666; display: inline; }
#contentfooter ul li.last { display: block; }
a.more { padding-right: 8px; background: url(/ca/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; text-decoration: none;}
#contentfooter a.more:hover {text-decoration:underline;}

/*-------------- share layout ------------------*/
/* Share Styling */
#sharecontainer h1 span, #sharecontainer h2 span, #sharecontainer h3 span{
	display: block;
	text-indent:-5000px;
	overflow:hidden;
}

#sharecontainer h1 span {
	width:274px;
	height:31px;
	background: url(/ca/quicktime/qtv/wwdc08/images/share_title_sendtoafriend20080306.gif) no-repeat;
}

#sharecontainer h2 span {
	width:237px;
	height:21px;
	background: url(/ca/quicktime/qtv/wwdc08/images/share_title_personalize20080306.gif) no-repeat;
}

#sharecontainer #sharesubmititem #sendformsubmit {
	display: block;
	width:98px;
	height:20px;
	border:none;
	background: transparent url(/ca/quicktime/qtv/wwdc08/images/share_btn_send20080115.gif) no-repeat;
	text-indent:-5000px;
	padding: 20px 0 0 0;
}

#sharecontainer #sharesubmititem #sendingbtn {
	width:98px;
	height:20px;
	background: url(/ca/quicktime/qtv/wwdc08/images/share_btn_sending20080115.gif) no-repeat;
}

#sharecontainer #sharesendagain {
	display:block;
	width:154px;
	height:20px;
	background: url(/ca/quicktime/qtv/wwdc08/images/share_btn_sendagain20080115.gif) no-repeat;	
	text-indent:-5000px;
	overflow:hidden;
}

#sharepreview h2 span {
	width:160px;
	height:21px;
	background: url(/ca/quicktime/qtv/wwdc08/images/share_title_preview20080306.gif) no-repeat;
}

#sharepreview h3 {
	width:252px;
	height:29px;
	background: url(/ca/quicktime/qtv/wwdc08/images/share_title_march6event20080306.png) no-repeat;	
	margin-top: 30px;
	margin-left: 40px;
	display:block;
}

#sharepreview div.visual {
	width:294px;
	height:211px;
	background: url(/ca/quicktime/qtv/wwdc08/images/share_image20080115.png) no-repeat;
	margin-top: -28px;

}

#defaultShareMessage, #shareBackMessage {
	display:none;
}
/* Share Styling */

/* share container*/
#sharecontainer { position:absolute; top:0; left:0; margin:0; padding:20px 38px; width:908px; min-height:490px; _height:490px; }
#sharecontainer h1 { text-align:left; padding-left:15px; margin-bottom:50px; }		
#sharecontainer .bottom { height:9px; background:url('/ca/quicktime/qtv/wwdc08/images/share_bgbottom20080306.gif') no-repeat 0 0; }
#sharecontainer .top { height:9px; font-size:1px; background:url('/ca/quicktime/qtv/wwdc08/images/share_bgtop20080306.gif') no-repeat 0 0; }
#sharecontainer .grid2col { min-height:330px; _height:340px; background:url('/ca/quicktime/qtv/wwdc08/images/share_bg20080115.gif') repeat-y 0 0; }
#sharecontainer .grid2col .column.first { position:relative; width:308px; }
#sharecontainer .grid2col .column.last {position:relative; width:562px; _width:530px; background:url('/ca/quicktime/qtv/wwdc08/images/share_appleicon20080115.gif') no-repeat 100% 0; }
#sharecontainer #backtovideo { position: absolute; bottom: 30px; left:415px; background: url('/ca/quicktime/qtv/wwdc08/images/share_videoicon20080115.png') center left no-repeat; padding-left: 25px;}
#sharecontainer #backtovideo a { color:#76797c; text-decoration:none; }
#sharecontainer #backtovideo a:hover { text-decoration:underline; }

/* share form */
#shareformbox h2 { position:absolute; top:-43px; left:0; width:223px; padding-left:15px; }
#shareformbox form { font-size:11px; position:relative; padding:15px 30px 0; }		
#shareformbox form label { float:left; font-weight:bold; font-size:12px; color:#cdcdcd; }
#shareformbox form label.normal { margin:1px 0 4px 5px; font-weight:normal; color:#999; font-size:11px; }
#shareformbox form input { font-size:11px; padding:1px; display:block; width:192px; margin-left:50px; margin-bottom:5px; }
#shareformbox form input.default { color:#666; }
#shareformbox form input#shareremail, #shareformbox form input#sharesemail { *margin-top:-20px;}
#shareformbox form input#sharecopyreq { _margin-left:25px; margin-bottom:0; float:left; width:12px; margin-top:4px; *margin-top:0; }
#shareformbox form textarea { width:238px; height:88px; padding:4px; margin:6px 0 15px 0; color:#666; line-height:1.3em; border:1px solid #aaa; font-size:11px; font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; }
#shareformbox form #sharebacktovideo { width:106px; float:left; }
#shareformbox form #sendformsubmit,
#shareformbox form #sendingbtn { width:98px; float:right; margin:0; }
#shareformbox form #sendformsubmit.hide,
#shareformbox form #sendingbtn.hide { display: none; }
#shareformbox ul { text-align:left; margin:0; }
#shareformbox ul li#sharesnameitem { margin-top:12px; }
#shareformbox ul li#sharesubmititem { margin-bottom:0; height: 22px; }
#shareformbox ul li#sharemessageitem { clear:both; padding-top:12px; _padding-top:4px; }
#shareformbox ul li#sharemessageitem div { margin:0; width:245px; }
#shareformbox ul li#sharemessageitem div#sharecharcontainer { text-align:right; _margin-top:-20px; color:#999; }
#shareformbox .validation-failed { background: #FFFFE6; }
#shareformbox .validation-advice { display:block; margin:-5px 0 7px 50px; line-height:1.3em; width:192px; font-size: 9px; color:red; }

/* success box */
#shareformbox #shareconfirmation { position:absolute; top:25px; left:25px; text-align:left; }
#shareformbox #shareconfirmation #sharesendagain { display:block; margin-bottom:-10px; }
#shareformbox #shareconfirmation strong { display:block; color:#ccc; }

/* share preview */
#sharepreview { position:relative; }
#sharepreview label, #sharecontainer #sharepreview span { color:#cdcdcd; font-weight:bold; }
#sharepreview h2 { position:absolute; top:-43px; left:0; _left:-30px; width:162px; padding-left:15px; }
#sharepreview h3 { text-align:left; padding:30px 40px;}
#sharepreview ul { position:absolute; top:100px; right:20px; width:180px; text-align:left; }
#sharepreview ul li { padding-bottom:10px; }
#sharepreview #sharepreviewmessage { color:#cdcdcd; }

.hide { display: none; }