/* Luminated
------------------------*/
html { width:100%; height:100%; background-color:#fff !important; }
body { min-height:100%; width:980px; margin:0 auto; padding:0 90px; position:relative; z-index:1; background:#fff !important; overflow-x:hidden; overflow-y:auto; *overflow-y:visible; }

body:nth-child(1n) { border:none; }
body:before { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#main,
#main #content { position:static; padding:0; background:transparent; }
#main .content,
#main #content { border:none;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
	        border-radius:0;
}
#productheader h2 a { text-indent:0; }

@media only screen and (max-width:1119px) {
	html { background:#fff; }
	body { width:980px; padding-left:22px; padding-right:22px;
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
		        box-shadow:none;
	}
}

@media only screen and (max-width:1023px) {
	body { overflow:auto; }
}

@media only screen and (max-device-width:768px) {
	body { width:1024px; padding-left:0; padding-right:0; }
	#main { overflow:hidden; width:980px; padding:0 22px; }
}

#globalfooter { clear:both; }

a.link-block { text-decoration:none; color:#333; cursor:pointer; display:block; }
a.link-block:hover span.more { text-decoration:underline; }

a.more,
em.more,
span.more { display:inline-block; padding-right:.7em; line-height:1.71; line-height:1\9; *line-height:1.5; background-image:url(http://images.apple.com/v/education/a/images/more_16.png); background-position:100% 55%; background-size:6px 11px; }

a.more.font-10,
em.more.font-10,
span.more.font-10 { background-image:url(http://images.apple.com/v/education/a/images/more_10.png); background-size:4px 7px; }

a.more.font-14,
em.more.font-14,
span.more.font-14 { background-image:url(http://images.apple.com/v/education/a/images/more_16.png);  background-size:5px 9px; }

a.more.font-18,
em.more.font-18,
span.more.font-18 { background-image:url(http://images.apple.com/v/education/a/images/more_18.png); background-size:7px 13px; }

@media only screen {
	a.more,
	em.more,
	span.more,
	a.more.font-10,
	em.more.font-10,
	span.more.font-10,
	a.more.font-14,
	em.more.font-14,
	span.more.font-14,
	a.more.font-18,
	em.more.font-18,
	span.more.font-18 { background-image:url(/v/education/a/images/more.svg); }

}

/* play buttons */
a span.play.large { position:absolute; width:80px; height:80px; overflow:hidden; background:url('http://images.apple.com/v/education/a/images/play_large.png') no-repeat 0 0; background-size:80px 165px; top:95px; left:185px; }
a:hover span.play.large { background-position:0 100%; text-decoration:none; }

/* Education Specific Styles
------------------------*/
.row { font-size:14px; color:#333; line-height:1.429em; position:relative; }

.grid2col .column 			{ width:46.9387755%; }

.grid2cola .column.first 	{ width:40.8163265%; }
.grid2cola .column.last 	{ width:57.6530612%; }

.grid2colb .column.first 	{ width:57.6530612%; }
.grid2colb .column.last 	{ width:40.8163265%; }

.flush { margin-left:-90px; width:1160px; background-repeat:no-repeat; }
.flush [class^="grid2"],
.flush [class*=" grid2"],
.flush .grid { width:980px; margin:0 auto; }

.flush-border-top { border-top:1px solid #e2e2e2; }
.flush-border-bottom { border-bottom:1px solid #e2e2e2; }

.flush-left { float:left; margin-left:-90px; }
.flush-left img { display:block; }

.flush-right { float:right; margin-right:-90px; }
.flush-right img { display:block; }

.page-border { position:absolute; z-index:1001; top:0; width:1px; height:120%; margin-top:-10%;
	background:#c3c3c3;
	background:-moz-linear-gradient(top, #fcfcfc 0%, #999999 50%, #fcfcfc 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#999999), color-stop(100%,#fcfcfc));
	background:-webkit-linear-gradient(top, #fcfcfc 0%,#999999 50%,#fcfcfc 100%);
	background:-o-linear-gradient(top, #fcfcfc 0%,#999999 50%,#fcfcfc 100%);
	background:-ms-linear-gradient(top, #fcfcfc 0%,#999999 50%,#fcfcfc 100%);
	background:linear-gradient(to bottom, #fcfcfc 0%,#999999 50%,#fcfcfc 100%);
}

.page-border.left { left:-90px; }
.page-border.right { right:-90px; }

.flush .page-border.left { left:0px; }
.flush .page-border.right { right:0px; }




.luminary { position:relative; }
.luminary img { display:block; }
.luminary h1 { position:absolute; bottom:40px; left:90px; }
.luminary h1 .title { display:block; margin-top:10px; width:675px; color:white; line-height:32px; font-size:26px; font-weight:normal; -webkit-text-shadow:0px 0px 10px #000; -moz-text-shadow:0px 0px 10px #000; text-shadow:0px 0px 10px #000; }

.inline-header { padding-top:70px; }

.hero { padding-top:70px; text-align:center; }
.hero .title { width:980px; margin:0 auto; padding-bottom:70px; text-align:center; }
.hero .title p { font-size:17px; color:#333; }

.gradient-inner { padding-top:50px; padding-bottom:50px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(20%, rgba(240, 240, 240, 0)), color-stop(80%, rgba(240, 240, 240, 0)), color-stop(100%, #f0f0f0));
	background:-moz-linear-gradient(top, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
	background:-webkit-linear-gradient(top, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
	background:-o-linear-gradient(top, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
	background:-ms-linear-gradient(top, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
	background:linear-gradient(to bottom, #f0f0f0 0%, rgba(240, 240, 240, 0) 20%, rgba(240, 240, 240, 0) 80%, #f0f0f0 100%);
	-webkit-mask-image:-webkit-linear-gradient(left, transparent, black 90px, black 1070px, transparent);
}
.gradient-down { border-top:1px solid #f0f0f0;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(160px,#fff)); /* Chrome,Safari4+ */
	background-image:-webkit-linear-gradient(top, #f9f9f9 0%,#fff 160px); /* Chrome10+,Safari5.1+ */
	background-image:-moz-linear-gradient(top, #f9f9f9 0%,#fff 160px); /* FF3.6+ */
	background-image:-o-linear-gradient(top, #f9f9f9 0%,#fff 160px); /* Opera 11.10+ */
	background-image:linear-gradient(to bottom, #f9f9f9 0%,#fff 160px); /* W3C */
}

.bottom-gradient { background:url('http://images.apple.com/v/education/it/a/images/bottom-gradient.png') no-repeat bottom center; }
.top-gradient { background:url('http://images.apple.com/v/education/it/a/images/top-gradient.png') no-repeat top center; }
.border-top { border-top:1px solid #e5e5e5; }
.border-bottom { border-bottom:1px solid #e5e5e5; }
.gray-pullout { width:100%; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.pinline-top { background:url('http://images.apple.com/v/education/it/a/images/gray-pinline.png') no-repeat top center; }

/* paddle-nav */
.gallery .paddle-nav li { position:absolute; top:170px; left:0; z-index:1001; width:100%; _display:none; }
.gallery .paddle-nav li .arrow { display:block; position:absolute; top:0; width:107px; height:100%; padding:0 20px; -moz-opacity:0; opacity:0; outline:none; z-index:1; cursor:pointer; background-image:url(http://images.apple.com/global/elements/blank.gif);
	-webkit-transition:.25s opacity ease-out;
	   -moz-transition:.25s opacity ease-out;
	        transition:.25s opacity ease-out;
}
.gallery:hover .paddle-nav li .arrow { opacity:1; }
.gallery .paddle-nav li .arrow.disabled { display:none; }
.gallery .paddle-nav li .arrow b { display:block; margin-top:0; width:68px; height:131px; text-indent:-9999px; overflow:hidden; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
.gallery .paddle-nav li .arrow.prev { left:0; }
.gallery .paddle-nav li .arrow.prev b { float:left; background:url(http://images.apple.com/v/education/a/images/paddle_prev.png) no-repeat; }
.gallery .paddle-nav li .arrow.next { right:0; }
.gallery .paddle-nav li .arrow.next b { float:right; background:url(http://images.apple.com/v/education/a/images/paddle_next.png) no-repeat; }

/* outer-dot-nav */
.gallery .outer-dot-nav { position:absolute; z-index:1012; left:0; width:100%; margin:0; padding:0; bottom:0; text-align:center; line-height:1px; }
.gallery .outer-dot-nav li,
.gallery .outer-dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.gallery .outer-dot-nav li { position:relative; z-index:1; margin:0 8px; width:12px; height:24px; padding:0; line-height:0; }
.gallery .outer-dot-nav li a { position:absolute; z-index:1; top:10px; left:2px; width:8px; height:8px; background:#bebebe; outline:none; text-indent:-99999px; cursor:default;
    -webkit-border-radius:50%;
       -moz-border-radius:50%;
            border-radius:50%;
}
.gallery .outer-dot-nav li a:hover { cursor:pointer; background:#666; }
.gallery .outer-dot-nav li a.active { cursor:default; top:8px; left:0; width:10px; height:10px; border:1px solid #08c; background-color:transparent; }

/* Auto Gallery styles
------------------------*/
.slide-gallery { position:relative; margin:0 auto 35px -90px; width:1160px;overflow:hidden; }
.slide-gallery .gallery-view { width:6960px; } /* width of gallery content plus padding times number of slides */
.slide-gallery .gallery-content { float:left; width:1080px; padding:20px 40px; text-align:center; margin-left:-410px; }
.slide-gallery .gallery-content.default { margin-left:0; }
.slide-gallery .gallery-content h4 { margin:26px 0 6px; }
.slide-gallery .gallery-text { opacity:0; padding:0 190px;
	-webkit-backface-visibility:hidden;
	-webkit-transition:opacity 0.4s linear;
	   -moz-transition:opacity 0.4s linear;
        -ms-transition:opacity 0.4s linear;
	     -o-transition:opacity 0.4s linear;
	        transition:opacity 0.4s linear;
}
.slide-gallery .gallery-content p { font-size:14px; padding:0 70px;}
.slide-gallery .gallery-content.active .gallery-text { opacity:1;
	-webkit-transition:opacity 0.4s linear 0.2s;
	   -moz-transition:opacity 0.4s linear 0.2s;
        -ms-transition:opacity 0.4s linear 0.2s;
	     -o-transition:opacity 0.4s linear 0.2s;
	        transition:opacity 0.4s linear 0.2s;
}

/* Inspired by learning footer
------------------------*/
.inspired.inspired-footer { *width:1160px; *padding-left:0; }
.inspired { *width:100%; text-align:center; padding-top:32px; *padding-left:35px; background:#eee;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e9e9e9));
	background-image:-webkit-linear-gradient(top, #f8f8f8, #e9e9e9);
	background-image:-moz-linear-gradient(top, #f8f8f8, #e9e9e9);
	background-image:linear-gradient(to bottom, #f8f8f8, #e9e9e9); }
.inspired h1 { *padding-left:35px; }
.inspired .grid3col { padding-top:6px; padding-bottom:40px; }
.inspired .grid3col .column { width:314px; height:201px; display:inline-block; background:#fff; text-align:center; vertical-align:top; margin-left:19px; }
.inspired .grid3col img { display:block; margin:0 auto; }
.inspired .grid3col img.icon { margin:22px auto 9px; }

.inspired .grid3col p { margin-top:2px; font-weight:bold; }
.inspired .grid3col .more { font-size:15px; font-weight:normal; }

.inspired .grid3col .mac.align img.icon { margin-bottom:12px; }
.inspired .grid3col .mac.align p { margin-top:5px; }

body.ipad .inspired .ipad,
body.mac .inspired .mac,
body.real-stories .inspired .real-stories,
body.stories .inspired .ipad,
body.ibooks-textbooks .inspired .ipad,
body.special-education .inspired .special-education { display:none; }
body.ipad .inspired .mac,
body.mac .inspired .ipad,
body.real-stories .inspired .ipad,
body.stories .inspired .mac,
body.ibooks-textbooks .inspired .mac,
body.special-education .inspired .ipad { margin-left:90px; }

/* Directory Nav
------------------------*/
#directorynav.education .column { padding:9px 0 0 54px; width:190px; }
#directorynav.education .column h3 { line-height:18px;}
#directorynav.education .column a { padding-left:15px; text-indent:-15px; line-height:16px; }

/* Resources pages (both iPad and Mac)
------------------------*/
#resources .tabs { padding-top:64px; font-size:22px; z-index:2; }
#resources .tabs .column { padding-bottom:20px; background:url(http://images.apple.com/v/education/a/images/tab_selection.png) no-repeat; background-size:25px 13px; }		#resources .wrapper.professionals .tabs .column.first,
#resources .wrapper.teachers .tabs .column.last { background:none !important; background-repeat:no-repeat; }

#resources .tabs .column.first { width:400px; text-align:right; background-position:315px 38px; }
#resources .tabs .column.last { float:left !important; width:430px; padding-left:147px; background-position:170px 38px; }
#resources .tabs .column a { color:#666; font-weight:bold; }
#resources .tabs .column a:hover { color:#08c; text-decoration:none; }
#resources .tabs .column span { color:#666; font-weight:bold; }
#resources .tabs .column span:hover { color:#08c; text-decoration:none; cursor:pointer; }
#resources .wrapper.teachers .tabs .column.first a,
#resources .wrapper.professionals .tabs .column.last a { color:#333; }
#resources .wrapper.teachers .tabs .column.first span,
#resources .wrapper.professionals .tabs .column.last span { color:#333; }
#resources .tabContent { width:980px; overflow:hidden; padding-top:15px; margin:-1px 0 30px; border-top:1px solid #ddd; z-index:1; }
#resources .tabContent .grid3col { width:1960px; margin-left:0;
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
	        transition:all .3s;
}
#resources .tabContent .grid3col .column { width:289px; }
#resources .wrapper.professionals .tabContent .grid3col { margin-left:-980px; }
#resources .tabContent h2 { padding-top:35px; }
#resources .tabContent ul li { margin-bottom:10px; }
#resources .tabContent ul li a { display:block; padding-left:22px; color:#333; }
#resources .tabContent ul li a:hover { color:#08c; text-decoration:none; }
#resources .tabContent ul li a.pdf { background:url(http://images.apple.com/v/education/a/images/icon_pdf.png) 0 0.1em no-repeat; }
#resources .tabContent ul li a.apple { background:url(http://images.apple.com/v/education/a/images/icon_apple.png) 0 0.2em no-repeat; }
#resources .tabContent ul li a.video { background:url(http://images.apple.com/v/education/a/images/icon_video.png) 0 0.1em no-repeat; }
#resources .tabContent ul li a.itunes { background:url(http://images.apple.com/v/education/a/images/icon_itunes.png) 0 0.1em no-repeat; }
#resources .tabContent ul li a.appstore { background:url(http://images.apple.com/v/education/a/images/icon_appstore.png) 0.2em 0.1em no-repeat; }
#resources .tabContent ul li a.external { background:url(http://images.apple.com/global/elements/icons/external10x10.gif) 0.2em 0.3em no-repeat; }

/* Blue buttons
------------------------*/
.button { padding:6px; text-align:center; cursor:pointer; display:block; font-size:13px; color:#fff; text-shadow:1px -1px 1px #2263a9; background:#2e75cd;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#53abea), to(#2e75cd));
	background:-webkit-linear-gradient(100% 100% 90deg, #2e75cd, #53abea);
	background:-moz-linear-gradient(100% 100% 90deg, #2e75cd, #53abea);
	background:linear-gradient(100% 100% 90deg, #2e75cd, #53abea);
}
.button:hover { text-decoration:none; background:#0061b6;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#53abea), to(#0061b6));
	background:-webkit-linear-gradient(100% 100% 90deg, #0061b6, #53abea);
	background:-moz-linear-gradient(100% 100% 90deg, #0061b6, #53abea);
	background:linear-gradient(100% 100% 90deg, #0061b6, #53abea);
}
.button:active {
	-webkit-box-shadow:inset rgba(0,0,0,0.4) 0 2px 3px;
	   -moz-box-shadow:inset rgba(0,0,0,0.4) 0 2px 3px;
	        box-shadow:inset rgba(0,0,0,0.4) 0 2px 3px;
}

/* Home Page
------------------------*/
#overview.overview .shadow {
-webkit-box-shadow:0px 1px 2px 2px #d9d9d9;
   -moz-box-shadow:0px 1px 2px 2px #d9d9d9;
        box-shadow:0px 1px 2px 2px #d9d9d9; }

#overview.overview .hero { padding-top:35px; }
#overview.overview .hero .title { padding-bottom:29px; }
#overview.overview .hero .title .sub-text { margin-top:14px; }
#overview.overview .luminary { margin-bottom:5px; }
#overview.overview .luminary h1 { text-align:center; font-weight:normal; }
#overview.overview .luminary h1 img { margin:auto; }
#overview.overview .luminary .more { padding-right:14px; color:#fff; font-size:20px; background:url(http://images.apple.com/education/home/images/home-more-carat.png) no-repeat 100% 65%; }
#overview.overview .luminary.ipad h1 { bottom:0; margin-left:-90px; width:980px; }
#overview.overview .luminary.three-row { margin-top:8px; }
#overview.overview .luminary.three-row .column { height:325px; }
#overview.overview .luminary.three-row .column.middle { margin-left:18px; *margin-left:17px; }
#overview.overview .luminary.three-row .column.last { margin-right:8px; }
#overview.overview .luminary.three-row .column h1 { position:relative; margin-top:-95px; margin-left:-90px; z-index:2; }
#overview.overview .luminary.three-row .column.mac h1 { width:321px; }
#overview.overview .luminary.three-row .column.special-ed h1 { width:318px; }
#overview.overview .luminary.three-row .column.real-stories h1 { width:322px; }

#overview.overview .college { margin:10px auto 15px; padding-top:10px }
#overview.overview .college .first img { position:absolute; bottom:0; left:10px; }
#overview.overview .college .last { width:578px; padding-top:10px; }
#overview.overview .college .last.reminder { padding-top:8px; *padding-top:10px; }
#overview.overview .college .last h1 { margin-bottom:-5px; }
#overview.overview .college .last.reminder h1 { margin-bottom:-8px; *margin-bottom:0px; }
#overview.overview .college .last p { padding-right:25px; }
#overview.overview .college .last.reminder p { font-size:13px; padding-right:48px; }

#overview #hour-of-code { margin:10px auto -4px; background:#f6f6f6; }
#overview #hour-of-code .first { width:166px; }
#overview #hour-of-code .first img { margin:35px 0 42px 36px; }
#overview #hour-of-code .last { width:814px; padding-bottom:27px; }
#overview #hour-of-code .last h1 { margin:31px 0 0; }
#overview #hour-of-code .last h1 img { display:block; }
#overview #hour-of-code .last p { margin-bottom:6px; padding:0 50px 0 5px; font-size:1.143em; line-height:1.375em; color:#6a6a6a; }
#overview #hour-of-code .last a.more { display:inline-block; padding-right:.7em; line-height:1.71; line-height:1\9; *line-height:1.5; background-image:url(http://images.apple.com/v/education/a/images/more_16.png); background-position:100% 55%; background-size:6px 11px; }

@media only screen and (max-device-width:768px) {
#overview.overview .college .last.reminder { padding:16px 0 14px; }
#overview #hour-of-code { margin:10px auto -4px; background:#f6f6f6; }
#overview #hour-of-code .first { width:166px; }
#overview #hour-of-code .first img { margin:35px 0 42px 36px; }
#overview #hour-of-code .last { width:814px; padding-bottom:27px; }
#overview #hour-of-code .last h1 { margin:31px 0 0; }
#overview #hour-of-code .last h1 img { display:block; }
#overview #hour-of-code .last p { margin-bottom:6px; padding:0 50px 0 5px; font-size:1.143em; line-height:1.375em; color:#6a6a6a; }
#overview #hour-of-code .last a.more { display:inline-block; padding-right:.7em; line-height:1.71; line-height:1\9; *line-height:1.5; background-image:url(http://images.apple.com/v/education/a/images/more_16.png); background-position:100% 55%; background-size:6px 11px; }

@media only screen {
	#overview #hour-of-code .last a.more { background-image:url(/v/education/a/images/more.svg); }
}

@media only screen and (max-device-width:768px) {
	#overview.overview .college .last.reminder { padding:16px 0 14px; }
}
