/***** general *****/
img { behavior:url(/wwdc/main/js/iepngfix.htc); }
img.border { border:1px solid #ccc; }

#nojs { background:#f93; padding:3px 0; position:absolute; width:100%; top:0; }
.script { display:none; }



/***** header *****/
#header { margin-bottom:.6em; }

#header #randomheader img { float:none; display:none; }
#header #randomheader img.active { display:block; }
#header #headerstudents { display:none; }

body.students #header #randomheader { display:none; }
body.students #header #headerstudents { display:block; }

#header table#localnav { clear:both; width:800px; margin:0; padding:0; }
#header table#localnav td { text-shadow:#333 0 1px 3px; font-weight:bold; font-size:11px; text-align:center; }
#header table#localnav td a { display:block; padding:.7em 0 .8em; color:#fff; white-space:no-wrap; background:url(../static/images/localnav.gif) repeat-x left top; }
#header table#localnav td a:hover { background-position:left -81px; text-decoration:none; }
#header table#localnav td.selected a, body.Accueil #header table#localnav td#navAccueil a, body.NosArtistes #header table#localnav td#navNosArtistes a, body.Nouveautes #header table#localnav td#navNouveautes a, body.LaGalerie #header table#localnav td#navLaGalerie a, body.VotreSelection #header table#localnav td#navVotreSelection a { background-position:left -162px; color:#000; text-shadow:none; }
#header table#localnav td.inactive a, body#Accueil #header table#localnav td#navAccueil a, body#NosArtistes #header table#localnav td#navNosArtistes a, body#Nouveautes #header table#localnav td#navNouveautes a, body#LaGalerie #header table#localnav td#navLaGalerie a, body.VotreSelection #header table#localnav td#navVotreSection a { cursor:default; }
#header table#localnav td.first a { padding-left:10px; }
#header table#localnav td.last a { padding-right:10px; }
#header table#localnav td#navAccueil, #header table#localnav td#navAccueil a { width:160px; }
#header table#localnav td#navNosArtistes, #header table#localnav td#navNosArtistes a { width:160px; }
#header table#localnav td#navNouveautes, #header table#localnav td#navNouveautes a { width1600px; }
#header table#localnav td#navLaGalerie, #header table#localnav td#navLaGalerie a { width:160px; }
#header table#localnav td#navVotreSelection, #header table#localnav td#navVotreSelection a { width:160px; }



/***** main, content *****/
#main { font-size:12px; line-height:1.4em; }
#main2 { font-size:12px; line-height:1.4em; }
#main div.full { clear:both; width:750px; margin:0 -25px -10px; padding:1.6em 25px 2.2em; background:#fff; border-top:1px solid #d2d2d2; }

#main h1 { margin-top:-.1em; line-height:1.2em; color:#333333; font-size:16px; font-weight:bold; letter-spacing:-1px; }
#main h2.subhead { margin-top:-.8em;}
#main h3 { font-size:13px; line-height:1.4em; color:#222; }
#main h3 span { display:block; color:#333; font-weight:normal; font-size:12px; line-height:1.4em; }
#main h3 span.date { color:#68a; }

#main p.last { margin-bottom:.3em !important; }
#main .right { text-align:right; }

#main .sectionseparator, #main .clearer.sectionseparator { margin:0 -5px 0px; }

#main div.box { padding:0; border:none; }
#main div.box h2 { padding:0; border:none; background:none;}
#main div.box.bg { font-size:12px; color:#333333; line-height:1.5em; margin-bottom:1.8em; background:#bbb url(../static/images/box_bgtop.gif) no-repeat top left; }
#main div.box.bg div.boxcontent { padding:1.3em 16px 1px; background:url(../static/images/box_bgbottom.gif) no-repeat bottom left; }
#main div.box.bg div.boxcontent {position:relative; left:0px; top:0px; z-index:5;}

#main div.box.bg.light { background:#D9CD9B url(../static/images/boxlight_bgtop.gif) no-repeat top left; }
#main div.box.bg.light {position:relative; left:0px; top:-0px; z-index:5; }
#main div.box.bg.light div.boxcontent { background:url(../static/images/boxlight_bgbottom.gif) no-repeat bottom left; }

#main div.box.bg.light2 { background:#ffffff url(../static/images/boxlight_bgtop2.gif) no-repeat top left; }
#main div.box.bg.light2 div.boxcontent { background:url(../static/images/boxlight_bgbottom2.gif) no-repeat bottom left; }
#main div.box.bg.light2 { font-size:13px; color:#ffffff; line-height:1.4em; margin-bottom:0.8em; background:#bbb url(../static/images/boxlight_bgtop2.gif) no-repeat top left; }
#main div.box.bg.light2 div.boxcontent { padding:5px 2px 2px 0px; background:url(../static/images/boxlight_bgbottom2.gif) no-repeat bottom center; margin:0;}




#main #content ul.square li { background-position:1px 0.5em; }

#main a.backtotop { display:block; margin-top:-1.3em; }


/* headstarts blocks */
#main div#headstart h3 { margin-bottom:.6em; }
#main div#headstart img.left { margin-top:6px; }
body#index #main div#headstart p { margin-left:110px; }

/*tracks*/
body#tracks #main div#headstart p { margin-bottom:2em; }
body#tracks #main div#headstart img.left { margin-top:-8px; margin-bottom:1.6em; }
body#tracks #main div#headstart ul { margin-left:90px; }

body#leopard #main div#headstart img.left { margin-top:0; margin-bottom:1.6em; }
body#leopard #main div#headstart ul { margin-left:90px; }

body#macosx #main div#headstart p { margin-bottom:2.4em; }
body#macosx #main div#headstart img.left { margin-top:-.8em; margin-bottom:1.6em; }
body#macosx #main div#headstart ul { margin-left:90px; }

body#graphics #main div#headstart p { margin-bottom:2.4em; }
body#graphics #main div#headstart img.left { margin-top:-.8em; margin-bottom:1.6em; }
body#graphics #main div#headstart ul { margin-left:90px; }

body#devtools #main div#headstart p { margin-bottom:2.4em; }
body#devtools #main div#headstart img.left { margin-top:-.8em; margin-bottom:1.6em; }
body#devtools #main div#headstart ul { margin-left:90px; }

/*sessions*/
body.sessions #main div#headstart img.left { margin-top:0; margin-bottom:1em; }
body.sessions #main div#headstart p { margin-top:1.2em; margin-left:110px; }
body.sessions #main div#headstart h4 { margin-bottom:.3em; color:#555; font-weight:normal; font-size:1em; }
body.sessions #main div#headstart div.subcolumn1-2 { float:left; }
body.sessions #main div#headstart div.subcolumn2-2 { float:right; }
body.sessions #main div#headstart div.subcolumn1-2, body.sessions #main div#headstart div.subcolumn2-2 { width:200px; }



/***** sidebar *****/
#sidebar { font-size:10px; line-height:1.4em; }
#main #sidebar h2, #main #sidebar h2 a { color:#000; line-height:1.26em; }
#main #sidebar h2 span.subhead { display:block; font-size:13px; color:#666; }
#sidebar ul { margin-bottom:1.1em; padding-bottom:1px; }

#sidebar div.button1, #sidebar div.button2, #sidebar div.button3, #sidebar div.button4 { font-weight:bold; background-image:url(../static/images/button_bg_sidebar.gif); }
#sidebar .button4 a.arrow { display:block; color:#fff; text-decoration:none; background-image:url(../static/images/button_arrow.gif); }
#sidebar .button4 a.arrow:hover { color:#000; }

/* sidebar:nav */
#sidebar div.nav { padding:0; margin-top:-.8em; }
#sidebar div.nav h2 { padding:1em 19px .7em; margin:0; border-bottom:1px solid #ced5dc; font-size:12px; font-weight:bold; background:#9ca9b9 url(../static/images/sidebar_nav_bgtop.gif) no-repeat top left; position:relative; }
#sidebar div.nav h2 a { color:#000; }
#sidebar div.nav div.navitems { padding:.3em 0 0 0; margin:0; background:#60768e url(../static/images/sidebar_nav_bg.gif) no-repeat top left; }
#sidebar div.nav div.navitems ul { padding:0 16px 1.3em; margin-bottom:0; background:url(../static/images/sidebar_nav_bgbottom.gif) no-repeat bottom left; }
#sidebar div.nav div.navitems ul li { margin-bottom:-.3em; padding-bottom:0; background-image:url(../static/images/sidebar_nav_arrowcircle.gif); }
#sidebar div.nav div.navite	ms ul li a { color:#fff; }

#full_content div.nav { padding:0; margin-top:-.8em; }
#full_content div.nav h2 { padding:1em 19px .7em; margin:0; border-bottom:1px solid #ced5dc; font-size:12px; font-weight:bold; background:#9ca9b9 url(../static/images/sidebar_nav_bgtop.gif) no-repeat top left; position:relative; }
#full_content div.nav h2 a { color:#000; }
#full_content div.nav div.navitems { padding:.3em 0 0 0; margin:0; background:#60768e url(../static/images/sidebar_nav_bg.gif) no-repeat top left; }
#full_content div.nav div.navitems ul { padding:0 16px 1.3em; margin-bottom:0; background:url(../static/images/sidebar_nav_bgbottom.gif) no-repeat bottom left; }
#full_content div.nav div.navitems ul li { margin-bottom:-.3em; padding-bottom:0; background-image:url(../static/images/sidebar_nav_arrowcircle.gif); }
#full_content div.nav div.navite	ms ul li a { color:#fff; }

body#tracks #sidebar div.nav h2 a, body#students #sidebar div.nav h2 a, body#communities #sidebar div.nav h2 a { cursor:default; text-decoration:none; }
body#leopard #sidebar div.nav div.navitems ul li#navleopard a, body#macosx #sidebar div.nav div.navitems ul li#navmacosx a, body.macosx#immersion #sidebar div.nav div.navitems ul li#navimmersion a, body#devtools #sidebar div.nav div.navitems ul li#navdevtools a, body#graphics #sidebar div.nav div.navitems ul li#navgraphics a, body#it #sidebar div.nav div.navitems ul li#navit a, body#contentmedia #sidebar div.nav div.navitems ul li#navcontentmedia a,
body#faq #sidebar div.nav div.navitems ul li#navfaq a, body#rules #sidebar div.nav div.navitems ul li#navrules a,
body#science #sidebar div.nav div.navitems ul li#navscience a, body#games #sidebar div.nav div.navitems ul li#navgames a,
body.science#posters #sidebar div.nav div.navitems ul li#navscience ul li#navposters a,
body.science.posters#tips #sidebar div.nav div.navitems ul li#navtips a, body.science.posters#guidelines #sidebar div.nav div.navitems ul li#navguidelines a, body.science.posters#submit #sidebar div.nav div.navitems ul li#navsubmit a { color:#2b3540; cursor:default; text-decoration:none; }

/* sidebar:nav: second level */
#sidebar div.nav div.navitems ul li ul { display:none; padding:0 0 .6em; margin:-.4em 0 0; background:none; }
#sidebar div.nav div.navitems ul li ul li { padding:0 0 0 10px; background:url(../static/images/sidebar_nav_arrow.gif) no-repeat left .3em; }

body.macosx #sidebar div.nav div.navitems ul li#navmacosx a, body.science #sidebar div.nav div.navitems ul li#navscience a { color:#384e65; }
body.macosx #sidebar div.nav div.navitems ul li#navmacosx ul, body.science #sidebar div.nav div.navitems ul li#navscience ul { display:block; }
body#macosx #sidebar div.nav div.navitems ul li#navmacosx ul li a, body#science #sidebar div.nav div.navitems ul li#navscience ul li a { color:#d8e1eb; cursor:pointer; }
body#macosx #sidebar div.nav div.navitems ul li#navmacosx ul li a:hover, body#science #sidebar div.nav div.navitems ul li#navscience ul li a:hover { text-decoration:underline; }

/* sidebar:nav: third level */
#sidebar div.nav div.navitems ul li ul li ul { display:none !important; }
#sidebar div.nav div.navitems ul li ul li ul li { padding:0 0 0 11px; background:url(../static/images/sidebar_nav_bullet.gif) no-repeat 1px .5em; }

body.posters #sidebar div.nav div.navitems ul li#navscience ul li#navposters ul { display:block !important; }
body.posters #sidebar div.nav div.navitems ul li#navscience ul li#navposters ul a, body.science#posters #sidebar div.nav div.navitems ul li#navscience ul li#navposters ul a { color:#c5cdd6; cursor:pointer; }
body.posters #sidebar div.nav div.navitems ul li#navscience ul li#navposters ul a:hover, body.science#posters #sidebar div.nav div.navitems ul li#navscience ul li#navposters ul a:hover { text-decoration:underline; }


/* sidebar: what's new */
#sidebar div.new dl { margin-bottom:-.3em; }
#sidebar div.new dl dd { float:left; clear:left; display:inline; width:3.5em; margin:0; padding-bottom:.3em; }
#sidebar div.new dl dt { font-size:11px; margin-top:0; padding-bottom:.3em; }
#main #sidebar div.new img.right { margin-right:-55px; position:relative; margin-top:-0px; }
#main #sidebar div.new img.logo { margin-right:-20px; position:relative; top: 220px; }
#main #sidebar div.new a.rss { margin:.8em 0 1.6em -.4em; padding-left:3.9em; font-size:10px; font-weight:normal; color:#666; background-position:left .15em; float:none; width:auto; height:auto; text-indent:0; }

/* sidebar: tickets now available */
#main #sidebar div.tickets h2 a { color:#000; }
#main #sidebar div.tickets img.right { margin-right:-42px; margin-left:5px; position:relative; }
#main #sidebar div.tickets p { margin-bottom:.8em; }
#main #sidebar div.tickets p a { color:#666; text-decoration:none; cursor:text; }
#main #sidebar div.tickets .button1 { float:left; width:9em; margin-top:1em; }

/* sidebar: ada */
#main #sidebar div.ada img.left { margin-left:-25px; }
#main #sidebar div.ada p { margin-bottom:.8em; }
#main #sidebar div.ada p, #main #sidebar div.ada a.circlearrow { margin-left:84px; }

/* sidebar: promo images */
#sidebar div.promo { padding-top:0; border:0; margin-left:-35px; margin-right:-30px; margin-bottom:-8px !important; }
#sidebar div.promo img { margin:0; }
#sidebar div.promo p.caption { margin:0; padding:5px 8px 6px; color:#333; background:#c8ccd0; }



/***** page, section specific *****/

/* faq pages */
#faq #main ol li { margin-left:.3em; font-weight:bold; color:#000; }
#faq #main ol li ul, #faq #main ol li ol { margin-top:.3em; }
#faq #main ol li ul li, #faq #main ol li ol li { margin:.3em 0 0 0; font-weight:normal; color:#666; }
#faq #main ol li ul.circle li { background:none; padding-left:0; }
#faq #main ol li p.answer { display:block; margin-bottom:1em; font-weight:normal; color:#666; }

/* tracks sidebar */
body.tracks #sidebar a.circlearrow { color:#204e9b; margin-top:.9em; margin-bottom:1.6em; position:relative; }

/* content media sidebar */
body#contentmedia #main #sidebar div.tickets { margin-bottom:.6em; }

/* sessions pages */
body.sessions #main #content div.subcolumn1-2, body.sessions #main #content div.subcolumn2-2 { float:none; margin:0; width:100%; }
body.sessions #main #content a.circlearrow { font-size:1em; color:#204E9B; margin-bottom:.6em; background-position:left .2em; }

/* events page */
body#events #main #content h3 { margin-bottom:.6em; }
body#events #main #content h3.left, body#events #main #content p.left { margin-left:200px; }

body#events #main #content p, body#events #content img.left, body#events #content img.right { margin-bottom:3.6em; }
body#events #main #content p.last, body#events #content img.last { margin-bottom:1.6em !important; }

body#events #main #content .short h2 { margin-bottom:1.3em; }
body#events #main #content .short p { margin-bottom:2.6em; }

body#events #content img.left { margin-left:-2px; margin-right:18px; }
body#events #content img.right { margin-right:-8px; margin-left:18px; }



/***** tables and grids *****/
table { clear:both; width:100%; margin:0 0 1.6em; padding:0; font-size:11px; }
table th, table td { font-size:11px; }

/* sessions table */
#main div.refinebox { clear:both; display:none; width:100%; margin:0 0 .5em; text-align:right; font-size:11px; }
#main div.refinebox form { display:inline; padding-left:20px; }
#main div.refinebox #descriptionform label { color:#666; cursor:pointer; }
#main div.refinebox h3 { display:inline; font-size:1em; }
#main div.refinebox input, #main div.refinebox select { display:inline; }

table.sessions { margin:0; color:#666; border-collapse:collapse; }
body.tracks table.sessions { margin-bottom:1.6em; }
table.sessions td { padding:0; color:#666; }

table.sessions th { padding:4px 10px 5px; text-align:left; color:#333; background:#f3f3f3; border-top:1px solid #b3b3b3; }
table.sessions th.number, body.tracks#contentmedia table.sessions th.number, body.tracks#immersion table.sessions th.number { width:5%; }
table.sessions th.title, body.tracks#contentmedia table.sessions th.title, body.tracks#immersion table.sessions th.title { width:52%; }
table.sessions th.track, body.tracks#contentmedia table.sessions th.track, body.tracks#immersion table.sessions th.track { width:25%; }
table.sessions th.type, body.tracks#contentmedia table.sessions th.type, body.tracks#immersion table.sessions th.type { width:18%; }
body.tracks table.sessions th.title { width:74%; }
body.tracks table.sessions th.type { width:26%; }

table.sessions tr.sortrow th { color:#111; border:none; background:#d3d3d3; white-space:nowrap; }
table.sessions tr.sortrow th a { color:#204E9B; }

table.sessions tr.sortrow th.sortcolumn { background:#c3c3c3; }
table.sessions tr.sortrow th.sortcolumn a { color:#333; text-decoration:none; cursor:default; }

table.sessions th.sortcolumn { background:#e3e3e3; }

table.sessions th.title a.descbtn { color:#333; text-decoration:none; cursor:default; }

table.sessions td div.description { /*min-height:44px; _height:44px;*/ padding:4px 8px 12px; }
table.sessions td div.description div.headstart { margin-top:8px; padding:1px 0 2px 22px; background:url(../static/images/icon_headstart.gif) no-repeat left top; }
/*
table.sessions td.presentation div.description { padding-right:85px; background:url(../static/images/icon_presentation.gif) no-repeat right center; }
table.sessions td.handson div.description { padding-right:85px; background:url(../static/images/icon_handson.gif) no-repeat right center; }
table.sessions td.lab div.description { padding-right:85px; background:url(../static/images/icon_labs.gif) no-repeat right center; }
table.sessions td.feedback div.description { padding-right:85px; background:url(../static/images/icon_feedback.gif) no-repeat right center; }
*/


/*** schedules/calendar type tables ***/

/* days table */ 
table.days { clear:both; width:100%; margin:0 0 1.6em; padding:0; border-collapse:collapse; border:1px solid #a1a5a9; }
table.days th, table.days td { padding:4px; text-align:center; color:#444; background:#f9f9f9; border:1px solid #a1a5a9; }
table.days th { font-weight:bold; background:#efefef; color:#444; border-top:1px solid #a1a5a9; }

table.days tr td { border-bottom:none; }
table.days tr.afternoon td { border-top:none; }

table.days td.active { background:#68a; color:white; }
table.days td.active a, table.days td.active a:hover { color:white; cursor:text; text-decoration:none; }

/* calendar table */ 
table.calendar { border-bottom:1px solid #a1a5a9; border-right:1px solid #a1a5a9; }
table.calendar th { color:#444; border-top:1px solid #a1a5a9; border-left:1px solid #b2b2b2; background:#efefef url(../static/images/calendar_th_bg.gif) repeat-x top left; padding:6px 8px; font-size:10px; text-align:center; }

table.calendar td { border-left:1px solid #ccc; border-top:1px solid #ccc; padding:6px 8px; font-size:10px; font-weight:bold; color:#FFF; height:50px; vertical-align:top; text-align:left; white-space:normal; }
table.calendar td.location { font-weight:bold; color:#444; border-left:1px solid #a1a5a9; border-top:1px solid #ccc; background:#efefef; }

table.calendar th.first, table.calendar td.	first { border-top:1px solid #a1a5a9; border-left:1px solid #a1a5a9; }
table.calendar th.rooms { vertical-align:middle; text-align:center; padding:0; background:#efefef url(../static/images/calendar_rooms_bg.gif) repeat-y top left; }

table.calendar th.middle, table.calendar td.middle { vertical-align:middle; }
table.calendar th.empty, table.calendar td.empty { background:#fff; border-top:none; border-left:none; padding:0; }

table.calendar .special, table.colorkey .special { color:#444; font-weight:normal; background:#f9f9f9; }
table.calendar .special a:link, table.calendar .special a:visited { color:#164fa0; text-decoration:none; }
table.calendar .special a:hover, table.calendar .special a:active { text-decoration:underline; }
table.calendar .special a:hover, table.calendar .special a:active { color:#f60; text-decoration:underline; }

table.calendar td.tba, table.colorkey .tba { color:#A9A9A9; font-weight:normal; }
table.calendar td.general, table.colorkey .general { background:#c6c7c9; }
table.calendar td.macosx, table.colorkey .macosx { background:#aaaecb; }
table.calendar td.leopard, table.colorkey .leopard { background:#8bb5c5; }
table.calendar td.devtools, table.colorkey .devtools { background:#c8e6ed; }
table.calendar td.graphics, table.colorkey .graphics { background:#c0d185; }
table.calendar td.it, table.colorkey .it { background:#e5d03f; }
table.calendar td.contentmedia, table.colorkey .contentmedia { background:#dda92c; }

table.calendar a:link, table.calendar a:visited, table.calendar a:active { color:#333; font-weight:bold; text-decoration:none; }
table.calendar a:hover { color:#333; font-weight:bold; text-decoration:underline; }

table.calendar td { width:163px; }
.am table.calendar td { width:217px; }
table.calendar td.location, .am table.calendar td.location { width:88px; }
table.calendar th.rooms, .am table.calendar th.rooms { width:30px; }

/* legend table */
table.colorkey { color:#444; border-bottom:1px solid #a1a5a9; border-right:1px solid #a1a5a9; }
table.colorkey th { padding:4px; font-weight:normal; border-top:1px solid #a1a5a9; border-left:1px solid #a1a5a9; background:#f9f9f9; }
table.colorkey td { padding:6px 8px; font-size:10px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
table.colorkey td.first { border-left:1px solid #a1a5a9; }
table.colorkey div.key { float:left; width:8px; height:8px; padding:0; margin:1px 6px 0 0; border:1px solid #ccc; }