/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
small { font-size: 0.75em; }

/* CLEARFIX */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* FONTS */


@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/ubuntu/Ubuntu-Regular-webfont.eot');
    src: url('../fonts/ubuntu/Ubuntu-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu/Ubuntu-Regular-webfont.woff') format('woff'),
         url('../fonts/ubuntu/Ubuntu-Regular-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu/Ubuntu-Regular-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/ubuntu/Ubuntu-Italic-webfont.eot');
    src: url('../fonts/ubuntu/Ubuntu-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu/Ubuntu-Italic-webfont.woff') format('woff'),
         url('../fonts/ubuntu/Ubuntu-Italic-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu/Ubuntu-Italic-webfont.svg#UbuntuItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/ubuntu/Ubuntu-Bold-webfont.eot');
    src: url('../fonts/ubuntu/Ubuntu-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu/Ubuntu-Bold-webfont.woff') format('woff'),
         url('../fonts/ubuntu/Ubuntu-Bold-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu/Ubuntu-Bold-webfont.svg#UbuntuBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/ubuntu/Ubuntu-BoldItalic-webfont.eot');
    src: url('../fonts/ubuntu/Ubuntu-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu/Ubuntu-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/ubuntu/Ubuntu-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu/Ubuntu-BoldItalic-webfont.svg#UbuntuBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}


/* STYLESHEET PROPER BEGINS

orange:		rgb(212,100,42);
green:		rgb(124,190,29);
dark gray:	rgb(204,204,204);
med gray:	rgb(235,235,235);
light gray:	rgb(248,248,248);

*/

html {
	background-color: rgb(214,214,214);
	background-image: url('../images/teachers/background.png');
	color: #666;
	font-family: Georgia, Times, serif;
	font-size: 1em;
	}
body { min-width: 960px; }
a {
	font-weight: bold;
	color: rgb(124,190,29);
	text-decoration: none;
	}
a:hover, a:active { color: rgb(212,100,42); }
.left{ float: left; }
.right{ float: right; }
.center{ margin-left: auto; margin-right: auto;}
.align-left{ text-align: left; }
.align-right{ text-align: right; }
.align-center{ text-align: center;}
.align-justify{ text-align: justify;}
.clear { clear: both; }

#site-header {
	padding: 10px 20px 15px;
	height: 20px;
	color: #999;
	background: #f9f9f9;
	background-image: linear-gradient(top, #fff, #eee);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
		background-image: -webkit-linear-gradient(top, #fff, #eee);
		background-image: -moz-linear-gradient(top, #fff, #eee);
		background-image: -ms-linear-gradient(top, #fff, #eee);
		background-image: -o-linear-gradient(top, #fff, #eee);
	background: #fff;
	position: relative; z-index: 20;
	}
	#site-header h1 {
		float: left;
		font-family: Ubuntu, Arial, Verdana, sans-serif;
		font-size: 32px;
		line-height: 0.85em;
		}
		#site-header h1 a {
			background-image: url('../images/teachers/teachers-logo.png');
			background-position: 0 9px;
			background-repeat: no-repeat;
			padding-left: 23px;
			width: 340px;
			height: 20px;
			color: rgb(212,100,42);
			}
	#your-account-area {
		position: absolute; top: 0; right: 20px;
		width: 400px; height: 42px;
		font-size: 12px; font-style: italic;
		overflow: hidden;
		border: 1px solid #000; border-top: none;
		background: #07517a;
		background-image: linear-gradient(top, #003556, #eee);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003556), to(#0f6e9f));
			background-image: -webkit-linear-gradient(top, #003556, #0f6e9f);
			background-image: -moz-linear-gradient(top, #003556, #0f6e9f);
			background-image: -ms-linear-gradient(top, #003556, #0f6e9f);
			background-image: -o-linear-gradient(top, #003556, #0f6e9f);
		border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			-webkit-border-radius: 0 0 5px 5px;
		box-shadow: 0 0 8px rgba(0,0,0,0.2) inset;
			-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2) inset;
			-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2) inset;
		}
			#your-account-gamestar-link {
				display: block; float: left;
				height: 36px; width: 131px;
				margin: 3px 8px 0 5px;
				text-indent: -9999px;
				background: url('../images/teachers/gamestar-tag-title.png') 0 0 no-repeat;
				}
			#your-account-gamestar-link:hover { background-position: 0 -36px; }
			#your-account-text {
				margin-top: 8px;
			 	color: #fff;
				text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
					-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
					-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
				}
				#your-account-text small { 
					font-size: 10px;
					line-height: 18px;
					}
				#your-account-text a {
					font-family: Ubuntu, Arial, Verdana, sans-serif;
					font-weight: bold;
					font-style: normal;
					text-transform: uppercase;
					color: #6cf;
					}
				#your-account-text a:hover { color: #8ef; }
	/* not using this atm
	#social-media-area
	{
		float: right;
		padding-bottom: 10px;
		padding-right: 10px;
		text-transform: uppercase;
		font-size: 0.8em;
	}
		.social-media-button
		{
			width: 22px;
			height: 22px;
			display: inline-block;
			background: #333;
			text-indent: -9999px;
			background-repeat: no-repeat;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#social-media-button-edmodo
		{
			background-image: url('../images/teachers/social-media-icon-edmodo.png');
		}
		#social-media-button-facebook
		{
			background-image: url('../images/teachers/social-media-icon-facebook.png');
		}
		#social-media-button-twitter
		{
			background-image: url('../images/teachers/social-media-icon-twitter.png');
		}
	#search-area
	{
		float: right;
		padding-bottom: 10px;
	}
		#search-area input
		{
			color: rgb(255,255,255);
			font-family: Ubuntu, Arial, Verdana, sans-serif;
			font-weight: bold;
			border: none;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#search-input
		{
			height: 20px;
			width: 300px;
			background: rgb(204,204,204);
		}
		#search-button
		{
			height: 22px;
			background: rgb(124,190,29);
		}
			#search-button:hover
			{
			background: rgb(212,100,42);
			}
	*/
nav {
	padding-left: 20px;
	position: relative; z-index: 10;
	font-family: Ubuntu, Arial, Verdana, sans-serif;
	font-weight: bold;
	overflow: hidden;		
	background: #fff;
	background-image: linear-gradient(top, #fff, #eee);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
		background-image: -webkit-linear-gradient(top, #fff, #eee);
		background-image: -moz-linear-gradient(top, #fff, #eee);
		background-image: -ms-linear-gradient(top, #fff, #eee);
		background-image: -o-linear-gradient(top, #fff, #eee);
	border-top: none;
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	}
	nav ul li {	
		position: relative;
		float: left;
		padding: 6px 10px 6px 4px;
		border-right: 1px solid #ddd;
		margin-right: 6px;
		}
		nav ul li a {
			color: #000;
			display: block;
			padding: 8px 10px;
			text-transform: uppercase;
			font-size: 0.9em; line-height: 0.9em;
			text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
				-moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
				-webkit-text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
			}
		.tab-icon {
			display: block;
			height: 25px;
			float: left;
			background-image: url('../images/teachers/tab-icons.png');
			background-repeat: no-repeat;
			margin:0 5px 0 0;
			}
		
		nav ul li a:hover, nav ul li.active a {
			border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
				-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
				-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
			}
			nav ul li.active a { 
				color: #fff;
				text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
					-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
					-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
				background: #D4642A;
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D4642A), to(#f6864c));
					background-image: -webkit-linear-gradient(top, #D4642A, #f6864c);
					background-image: -moz-linear-gradient(top, #D4642A, #f6864c);
					background-image: -ms-linear-gradient(top, #D4642A, #f6864c);
					background-image: -o-linear-gradient(top, #D4642A, #f6864c);
				box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;
					-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;
					-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;
				}
	#tab-new-to-gsm { width: 190px; }
		#tab-icon-new-to-gsm {
			width: 24px;
			background-position: 0 0;
			}
		li a:hover #tab-icon-new-to-gsm { background-position: 0 -25px; }
		li.active #tab-icon-new-to-gsm  { background-position: 0 -50px !important; }
	#tab-teaching-resources { width: 135px; }
		#tab-icon-teaching-resources {
			width: 20px;
			background-position: -24px 0;
			}
		li a:hover #tab-icon-teaching-resources { background-position: -24px -25px; }
		li.active #tab-icon-teaching-resources  { background-position: -24px -50px !important; }
	#tab-teacher-community { width: 170px; }
		#tab-icon-teacher-community {
			width: 45px;
			background-position: -45px 0;
			}
		li a:hover #tab-icon-teacher-community { background-position: -45px -25px; }
		li.active #tab-icon-teacher-community  { background-position: -45px -50px !important; }
	#tab-blog { width: 120px; }
		#tab-icon-blog {
			width: 21px;
			background-position: -90px 0;
			}
		li a:hover #tab-icon-blog { background-position: -90px -25px; }
		li.active #tab-icon-blog  { background-position: -90px -50px !important; }
#content-wrap {
	position: relative;
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid #bbb;
	}
.page-banner {
	height: 200px;
	background: #000 url('../images/teachers/banner-girls-playing.jpg') center center no-repeat;
	background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
	position: relative;
	overflow: hidden;
	border: 5px solid #e5753b; border-left: none; border-right: none;
	}
	.page-banner#banner-resources { background-image: url('../images/teachers/banner-girl-designing.jpg'); }
	.page-banner#banner-community { background-image: url('../images/teachers/banner-intent-kids.jpg'); }
.page-header {
	display: block;
	font-size: 18px;
	padding: 5px 20px 10px;
	font-family: Ubuntu, Arial, Verdana, sans-serif;
	color: #fff;
	background: #e5753b;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5753b), to(#D4642A));
		background-image: -webkit-linear-gradient(top, #e5753b, #D4642A);
		background-image: -moz-linear-gradient(top, #e5753b, #D4642A);
		background-image: -ms-linear-gradient(top, #e5753b, #D4642A);
		background-image: -o-linear-gradient(top, #e5753b, #D4642A);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
		-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
		-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	}
.nav {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	width: 199px;
	float: left;
	position: relative;
	font-family: Ubuntu, Arial, Verdana, sans-serif;
	font-size: 14px;
	}
	.nav ul { margin-bottom: 10px; }
		.nav li {
			display: block;
			}
			.nav li a {
				display: block;
				padding: 10px 5px 10px 20px;
				color: #333;
				opacity: 0.7;
				}
			.nav li a:hover, .nav li a.active { color: #D4642A; opacity: 1; }
				.tab-number {
					display: block;
					width: 14px; height: 14px;
					float: left;
					margin: -2px 5px 0 0;
					vertical-align: middle;
					background: #333;
					color: #fff;
					border-radius: 12px;
					text-align: center;
					padding: 2px;
					}
				a:hover .tab-number, .active .tab-number {
					background: #D4642A;
					}
				.sidebar-icon {
					width: 16px; height: 16px;
					display: block;
					float: left;
					margin: -1px 5px 0 0;
					vertical-align: middle;
					background-repeat: none;
					}
					#sidebar-icon-faq { background-image: url('../images/teachers/sidebar-icon-faq.png'); }
					#sidebar-icon-license-agreement { background-image: url('../images/teachers/sidebar-icon-license-agreement.png'); }
					#sidebar-icon-about { background-image: url('../images/teachers/sidebar-icon-about.png'); }
					#sidebar-icon-links { background-image: url('../images/teachers/sidebar-icon-links.png'); }
					a:hover .sidebar-icon, a.active .sidebar-icon { background-position: 0 -16px; }
			.nav .main li a { 
				display: block; 
				border-bottom: 1px solid #ddd; 
				opacity: 1;
				}
				.nav .main li a:hover, .nav .main li a.active { color: #D4642A; }
#content {
	margin-left: 200px;
	min-height: 500px;
	}
	.sidebar-wrapper { float: right; }
		.sidebar {
			width: 240px;
			margin: 20px;
			padding: 20px;
			background: rgb(245,245,245);
			color: rgb(204,204,204);
			font-family: Ubuntu, Arial, Verdana, sans-serif;
			font-weight: bold;
			font-size: 0.9em;
			border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
			}
			.sidebar h2 { margin-bottom: 15px; font-size: 1.1em; }
			.sidebar ul { list-style-type: none; line-height: 1.8em; }
				.sidebar ul li a {
					display: block;
					height: 28px;
					margin: 0 -20px; padding: 0 20px;
					}
				.sidebar ul li a.active, .sidebar ul li a.active:hover {
					background-color: rgb(212,100,42);
					color: rgb(255,255,255);
					background-image: url('../images/teachers/arrow-overlay.png');
					background-position: right center;
					background-repeat: no-repeat;
					margin-right: -34px;
					}
				.sidebar ul li a:hover { color: rgb(212,100,42); }
	
	#article-wrapper { float: left; }
		article { margin: 20px; }
			section {
				border-top: 1px dotted rgb(204,204,204);
				padding-top: 20px;
				}
			article h1 {
				margin-bottom: 10px;
				font-size: 1.8em;
				font-weight: bold;
				}
			article h2 {
				font-size: 1.4em;
				font-weight: bold;
				margin-bottom: 20px;
				}
			article h3 {
				font-size: 1.2em;
				font-weight: bold;
				margin-bottom: 20px;
				color: rgb(212,100,42);
				}
			article p {
				margin-bottom: 20px;
				line-height: 1.2em;
				}
			article blockquote {
				border-left: 10px solid rgb(235,235,235);
				background: rgb(245,245,245);
				padding: 10px;
				margin-bottom: 20px;
				overflow: hidden;
				}
				article cite {
					font-size: 0.8em;
					color: rgb(100,100,100);
					text-align: right;
					display: block;
					}
			article .half {
				width: 300px;
				margin-right: 20px;
				}
			article .blurb, #popupContact .blurb {
				font-size: 1.4em;
				font-style: italic;
				color: rgb(171,171,171);
				}
			article .blurb strong, #popupContact .blurb strong { color: rgb(130,130,130); }
			article .warning {
				font-weight: bold;
				color: rgb(212,100,42);
				background: rgb(255,213,155);
				padding: 10px;
				}
				article .warning a:hover { color: rgb(55,55,55); }
			article ul, article ol { margin-bottom: 20px; }
				article ul li, article ol li { margin: 0 0 10px 20px; }
			article dl { margin-bottom: 20px; }
				article dt { text-transform: uppercase; font-size: 0.75em; display: inline-block; }
				article dd {
					display: inline-block;
					margin-right: 20px;
					text-indent: 10px;
					font-size: 1.1em;
					font-style: italic;
					color: rgb(212,100,42);
					}
			article .button, #popupContact .button {
				display: inline-block;
				height: 28px;
				padding: 0 10px;
				line-height: 1.75em;
				background: rgb(124,190,29);
				color: rgb(255,255,255);
				font-family: Ubuntu, Arial, Verdana, sans-serif;
				border-radius: 10px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
				}
			article .button:hover, #popupContact .button:hover {
				background: rgb(212,100,42);
				}
			article .button.arrow, #popupContact .button.arrow {
				padding-right: 24px;
				background-image: url('../images/teachers/arrow-overlay.png');
				background-position: right center;
				background-repeat: no-repeat;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				}
			article .button.large, #popupContact .button.large {
				height: 40px;
				font-size: 1.5em;
				}
			article input.button, #popupContact input.button {
				border: 0;
				font-family: Ubuntu, Arial, Verdana, sans-serif;
				font-weight: bold;
				font-size: 1em;
				line-height: 0.5em;
				height: 28px;
				padding: 0 4px;
				cursor: pointer;
				}
			aside {
				background: rgb(245,245,245);
				padding: 20px;
				margin: 0 0 20px 20px;
				width: 200px;
				float: right;
				font-size: 0.8em;
				border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
				}
				aside p { margin-left: 20px; }
				aside .author-name {
					font-size: 1.2em;
					font-weight: bold;
					text-align: center;
					}
				aside p.author-bio {
					font-size: 0.85em;
					margin-left: 0;
					}
				aside .author-picture {
					border: 4px solid rgb(235,235,235);
					margin: 10px auto;
					}
				#author-picture-kevin-hodgson {
					width: 192px;
					height: 192px;
					background-image: url('../images/teachers/sample-lessons/author-kevin-hodgson.jpg');
					}
				#author-picture-lauren-gabriele {
					width: 178px;
					height: 178px;
					background-image: url('../images/teachers/sample-lessons/author-lauren-gabriele.jpg');
					}
				#author-picture-mike-petty {
					width: 192px;
					height: 229px;
					background-image: url('../images/teachers/sample-lessons/author-mike-petty.jpg');
					}
				#author-picture-kevin-hodgson-small {
					width: 128px;
					height: 128px;
					background-image: url('../images/teachers/sample-lessons/author-kevin-hodgson-small.jpg');
					}
				#author-picture-lauren-gabriele-small {
					width: 128px;
					height: 128px;
					background-image: url('../images/teachers/sample-lessons/author-lauren-gabriele-small.jpg');
					}
				#author-picture-mike-petty-small {
					width: 128px;
					height: 128px;
					background-image: url('../images/teachers/sample-lessons/author-mike-petty-small.jpg');
					}
		article.full { margin-left: 20px; }
footer {
	padding-bottom: 20px;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: rgb(170,170,170);
	text-shadow: 1px 1px 0 rgb(235,235,235);
	}
	.footer-logo {
		display: inline-block;
		height: 72px;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin: 0 20px 10px;
		}
	.footer-logo:hover { background-position: 0 -72px; }
	#footer-logo-eline {
		background-image: url('../images/teachers/footer-logo-eline.png');
		width: 160px;
		}
	#footer-logo-iop {
		background-image: url('../images/teachers/footer-logo-iop.png');
		width: 165px;
		}
	#footer-logo-macarthur {
		background-image: url('../images/teachers/footer-logo-macarthur.png');
		width: 280px;
		}

/* === About Gamestar Mechanic Pages === */

.promo-tile {
	float: left;
	background-color: #7cbe1d;
	background-image: linear-gradient(top, #9edf3f, #7cbe1d);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9edf3f), to(#7cbe1d));
		background-image: -webkit-linear-gradient(top, #9edf3f, #7cbe1d);
		background-image: -moz-linear-gradient(top, #9edf3f, #7cbe1d);
		background-image: -ms-linear-gradient(top, #9edf3f, #7cbe1d);
		background-image: -o-linear-gradient(top, #9edf3f, #7cbe1d);
	color: #fff;
	padding: 4px;
	text-align: center;
	font-family: Ubuntu, Arial, sans-serif;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.promo-tile h2 { margin-bottom: 3px; }
	.promo-tile-description {
		display: block;
		font-style: italic;
		font-size: 0.75em;
		margin-bottom: 4px;
		}
	.promo-tile-image {
		display: block;
		box-shadow: 0 0 1px rgba(0,0,0,0.5);
		}
.promo-tile:hover { background: #d4642a; color: #fff; }

	/* === Page 1 === */
	
	#watch-intro-video {
		width: 400px; height: 340px;
		margin: 0 20px 20px 0;
		}
		#watch-intro-video-thumb {
			width: 400px; height: 299px;
			background-image: url('../images/teachers/promo-p1-intro-video.png');
			}
		#watch-intro-video:hover #watch-intro-video-thumb { background-position: 0 -300px; }
	#what-is-gamestar-blurb {
		height: 369px; width: 200px; 
		float: left; 
		margin-right: 20px;
		}
		#what-is-gamestar-blurb p { margin-bottom: 10px; }
	
	#promo-tile-sample-games, #promo-tile-gsm-in-2-pages { margin: 0 20px 20px 0; }
	
	#promo-tile-image-sample-games, #promo-tile-image-gsm-in-2-pages { 
		width: 302px; height: 115px;
		}
	#promo-tile-sample-games:hover #promo-tile-image-sample-games, 
	#promo-tile-gsm-in-2-pages:hover #promo-tile-image-gsm-in-2-pages { 
		background-position: 0 -115px; 
		}
		#promo-tile-image-sample-games { 
			background-image: url('../images/teachers/promo-p1-sample-games.png');
			}
		#promo-tile-image-gsm-in-2-pages { 
			background-image: url('../images/teachers/promo-p1-gsm-in-2-pages.png');
			}
	
	/* === Page 2 === */
	
	#play-teachers-quest {
		width: 400px;
		float: left;
		margin: 0 20px 20px 0;
		}
		#promo-tile-image-teachers-quest {
			width: 400px; height: 300px;
			background-image: url('../images/teachers/promo-p2-teachers-quest.png');
			}
		#play-teachers-quest:hover #promo-tile-image-teachers-quest {
			background-position: 0 -300px;
			}
	.tile-wrap {
		float: left; margin: 0 20px 20px 0;
		width: 310px; height: 165px;
		}
		#promo-tile-getting-started {} 
			#promo-tile-getting-started .promo-tile-image {
				width: 302px; height: 105px;
				background-image: url('../images/teachers/promo-p2-getting-started.png');
				background-position: 0 -5px
				}
			#promo-tile-getting-started:hover .promo-tile-image {
				background-position: 0 -120px;
				}
		.learning-guide-link {
			display: block; width: 100%;
			float: left;
			font-size: 12px; font-weight: normal; font-style: italic; 
			text-align: center;
			padding-top: 4px;
			}
	#promo-tile-sample-lessons { margin: 0 20px 20px 0; }
		#promo-tile-sample-lessons .promo-tile-image { 
			width: 302px; height: 115px;
			background-image: url('../images/teachers/promo-p2-teacher-community.png');
			}
		#promo-tile-sample-lessons:hover .promo-tile-image {
			background-position: 0 -115px;
			}

/* SIGNUP PAGES */

h2 .username
{
	font-size: 1.2em;
	color: rgb(212,100,42);
}

article.signup { width: 740px; }
	.signup .bad { border: 1px solid #b00; background-color: #fee; }
	#signup-premium {
		padding: 20px;
		background-color: rgb(212,100,42);
		border: 1px solid rgb(160,82,41);
		color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		}
		#signup-premium h2 { font-size: 30px; }
		#signup-premium h3 { color: #fff; border-color: #fff; }
		.signup-premium-option {
			background: rgba(0,0,0,0.2);
			margin-top: 20px;
			overflow: hidden;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
			}
			.signup-premium-option .button { 
			border: 5px solid #fff; 
			float: right; 
			font-size: 24px;
			height: auto; width: 200px;
			text-align: center;
			}
			.signup-premium-option span { 
				display: block; 
				width: 440px; 
				float: left;
				text-align: right; 
				font-size: 14px; font-style: italic;
				padding: 4px;}
	.signup-divider {
		color: #999;
		padding: 10px;
		text-align: center;
		}
	#signup-free {
		padding: 20px;
		background-color: rgb(248,248,248);
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		}
	.signup form {
		padding: 10px; margin-top: 20px;
		overflow: auto;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		}
		.signup .form-section { margin: 20px 0 20px 20px; }
			.signup .form-section input[type="text"], .signup .form-section input[type="password"]{ padding: 4px; width: 160px; margin-right: 20px; }
			.signup .form-section select { padding: 4px; width: 172px; margin-right: 20px; }
			.signup .form-section label { display: inline-block; width: 140px; font-size: 14px; }
			input[type="checkbox"]{ margin-right: 10px; }
			.signup .form-section input[type="checkbox"] + label { display: inline; width: auto; }
			.form-field-info { display: inline-block; font-size: 14px; font-style: italic; color: #999; }
			#class_name { width: 500px; }
			.signup label[for="class_subject"] { width: 300px; }
			#class_subject_other { width: 144px;}
			/* invoice styles */
			.signup label[for="order-number"] { width: 200px; }
			.signup #address-1, .signup #address-2 { width: 500px; }
			/* credit card styles */
			.signup label[for="credit-card-number"] { width: 180px; }
			.signup #credit-card-number { width: 300px; }
			.signup label[for="csc"] { width: 60px; }
			.signup #csc { width: 60px; margin-right: 5px; }
			.signup #csc-what-is-this {
				position: relative;
				font-size: 11px;
				background: #eee;
				margin-right: 20px;
				padding: 4px;
				}
				.signup #csc-what-is-this span { display: none; }
				.signup #csc-what-is-this:hover span {
					line-height: 14px;
					display: block;
					position: absolute; top: 26px; left: 0;
					width: 300px;
					background: #eee;
					padding: 5px;
					}
			.signup #expiration-year, .signup #expiration-month { width: 80px; margin-right: 0 }
		.signup h3 { border-bottom: 1px solid #999; padding-bottom: 5px; margin-top: 10px; }
		.signup h3 em { font-size: 12px; margin-left: 10px; color: #999; }
		.signup h3.tabs { padding-bottom: 0; }
		.signup .tab {
			padding: 5px 10px;
			border: 1px solid #BBB;
			border-bottom: 1px solid #999;
			margin: 0 5px -1px;
			display: inline-block;
			background: #EEE;
			-webkit-border-radius: 3px 3px 0 0;
			-moz-border-radius: 3px 3px 0 0;
			-o-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
			}
		.signup .tab:hover { background: #f9f9f9; }
		.signup .tab.active {
			color: rgb(212,100,42);
			background: #fff;
			border-color: #999;
			border-bottom: 1px solid #fff;
			box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
			}
		.signup .form-info {
			padding: 10px 20px;
			font-size: 14px;
			background: #f3f3f3;
			margin: 20px 0;
			}
			.signup .form-info p, .signup .form-info ul, .signup .form-info ol { margin: 10px 0;} 
		.class-pack {
			margin: 20px; padding: 10px;
			background: #f3f3f3; border: 1px solid #ddd;
			}
			.class-pack h4 { width: 380px; float: left; margin-top: 7px;}
				.class-pack h4 span { display: block; font-style: italic; font-weight: normal; font-size: 14px; color: #999; }
			.class-pack-info { float: right; width: 265px; font-size: 12px; line-height: 14px; font-style: italic; color: #999; }
				.class-pack-info .button { height: auto; font-style: normal; }
			.class-pack-add { float: right; width: 265px; }
				.class-pack-add input { padding: 4px; width: 30px; text-align: center; position: relative; }
				.class-pack-add .add_student_rate { margin-left: 35px; font-style: italic; color: #999; }
				.class-pack-add .price {
					border: 1px solid #DDDDDD;
				    float: right;
				    font-weight: bold;
				    padding: 5px;
				    }
				.class-pack-add .add_student_rate + .price { margin-top: -6px; }
			.class-pack-checkout {
				float: right; text-align: right;
				margin: 10px -10px -10px;
				width: 100%;
				padding: 10px;
				background: #ddd;
				}
			.class-pack .button.small { font-size: 12px; height: auto; }
		#class-price-total {
			float: right;
			padding: 10px;
			background: #f3f3f3; border: 1px solid #ddd;
			}
			#class-price-total .price {font-weight: bold; }

/* success styles */
.success-group {
	padding: 10px;
	margin: 20px;
	overflow: auto;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	}
	.success-group h3 {
		margin: -10px -10px 20px;
		padding: 10px;
		border-color: #ddd;
		}
	
.premium-educational-license-col
{
	margin-right: 10px !important;
	padding-right: 10px;
	border-right: 1px dotted rgb(204,204,204);
}
.premium-educational-license-col.has-package
{
	margin-right: 0 !important;
	padding-right: 0 !important;
	border-right: none;
}
.has-package .license-option
{
	margin-left: 150px;
}
.has-premium input.package-action
{
	display: none;
}
.has-premium label
{
	width: 100% !important;
	text-align: center;
}
.bottom-margin
{
	margin-bottom: 20px;
}
.free-educational-license-col
{
	margin-right: 0 !important;
}
.wrapper
{
	overflow: hidden;
}
.pick-license
{
	font-size: 0.75em;
	font-style: italic;
	text-align: center;
	display: block;
}
.license-option
	{
		padding: 5px;
		margin-top: 20px;
		background: rgb(235,235,235);
		text-align: left;
		overflow: hidden;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
		.license-option input
		{
			display: block;
			width: 12px;
			margin-left: 110px;
			float: left;
		}
		.license-option-type
		{
			overflow: hidden;
			background: #fff;
			margin: 5px;
			padding-top: 3px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.license-option label
		{
			display: block;
			width: 70px;
			float: left;
			line-height: 0.8em;
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.license-option h4
		{
			font-size: 1.2em;
			margin-bottom: 5px;
		}
		.license-option p
		{
			margin-bottom: 5px;
		}
			.license-option strong
			{
				font-size: 1.4em;
			}
		
.license-option.premium 
{
	background: rgb(251,233,202);
}
	.license-option.premium h4
	{
		color: rgb(212,100,42);
	}
	.license-option.premium input
	{
		margin-left: 50px;
	}
	.license-option.premium label
	{
		color: rgb(212,100,42);
		width: 170px;
	}
#special-options {
	margin-bottom: 20px;
	background: #f3f3f3;
	padding: 0 10px 10px 20px;
	border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
	}
	#special-options h2 { 
		display: block;
		background: #e9e9e9;
		margin: 0 -10px 20px -20px;
		padding: 10px 10px 10px 20px;
		border-radius: 0 5px 0 0;
			-webkit-border-radius: 0 5px 0 0;
			-moz-border-radius: 0 5px 0 0;
		}
	.special-option { margin-bottom: 20px; }
		.special-option-header { overflow: hidden; }
			.special-option h3 {
				font-size: 14px;
				text-transform: uppercase;
				float: left;
				width: 80px;
				margin-top: 5px;
				color: #333;
				}
				#title-custom-license { margin-top: 10px; }
			.special-option-icon {
				height: 50px;
				float: left;
				margin-right: 10px;
				background-repeat: no-repeat;
				}
				#icon-district-license {
					background-image: url('../images/teachers/icon-district-license.png');
					width: 71px;
					height: 52px;
					}
				#icon-project-power-up {
					background-image: url('../images/teachers/icon-project-power-up.png');
					width: 60px;
					}
				#icon-custom-license {
					background-image: url('../images/teachers/icon-custom-license.png');
					background-position: 0 2px;
					width: 48px;
					}
		.special-option p {
			text-align: justify;
			margin-top: 10px;
			color: #999;
			}
		p.special-option-action {
			text-align: center;
			padding: 5px;
			margin-top: 10px;
			background: rgb(255,255,255);
			border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
			}
.subtitle
{
	display: block;
	font-weight: bold;
	font-size: 0.75em;
	margin-top: -18px;
	margin-bottom: 20px;
}
.required
{
	color: rgb(212,100,42);
	font-weight: bold;
}
.required-footnote
{
	font-size: 0.7em;
}
.form-area
{
	overflow: hidden;
}
.form-column
{
	width: 620px;
	margin-right: 20px;
	overflow: hidden;
}
.form-column-half
{
	width: 300px;
}
.form-row
{
	overflow: hidden;
	margin-bottom: 10px;
}
	.form-row input, .form-row select
	{
		border: 1px solid rgb(124,190,29);
		padding: 4px;
		float: right;
	}
	.form-row label
	{
		font-weight: bold;
		font-size: 0.8em;
		float: left;
		line-height: 2em;
	}

#administrator-licenses
{
	width: 600px;
	overflow: hidden;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}
	#administrator-licenses h3
	{
		color: rgb(212,100,42);
	}
	.administrator-license
	{
		width: 270px;
		float: left;
		padding: 10px;
		background: rgb(254,245,219);
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	#learning-center-license
	{
		margin-right: 20px;
	}
	#administrator-licenses .license-option
	{
		background: rgb(251,233,202);
	}
		#administrator-licenses .license-option label
		{
			width: 210px;
		}

/* === Notices & Errors === */

ul.error {
	padding: 20px 10px 10px;
	font-weight: bold;
	list-style-type: none;
	}
.error { color: rgb(200,55,55); background: rgb(255,230,230); }
	.error input, .error select { border: 1px solid rgb(200,55,55); }
ul.notice {
	color: rgb(55,200,55);
	background: rgb(230,255,230);
	padding: 20px 10px 10px;
	font-weight: bold;
	list-style-type: none;
	}

/* === FAQ Pages === */

#faq p { margin-left: 40px; }
#faq ul, #faq ol { margin-left: 80px; }
.top-link { float: right; font-size: 0.6em; }

/* === Resources Page (Stub) === */

.resources-link {
	height: 150px;
	display: inline-block;
	margin: 0 5px;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid rgb(124,190,29);
	border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	}
.resources-link:hover { border: 1px solid rgb(212,100,42); }
	#resources-link-gsm-learning-guide {
		width: 415px;
		background-image: url('../images/teachers/resources-link-gsm-learning-guide.png');
		}
	#resources-link-youtube {
		width: 130px;
		background-image: url('../images/teachers/resources-link-youtube.png');
		}
	#resources-link-scholastic-level-up {
		width: 278px;
		background-image: url('../images/teachers/resources-link-scholastic-level-up.png');
		}
	#resources-link-ludo-dojo {
		width: 80px;
		background-image: url('../images/teachers/resources-link-ludo-dojo.png');
		}
	#resources-link-stem-challenge {
		width: 168px;
		background-image: url('../images/teachers/resources-link-stem-challenge.png');
		}

/* === Community Page (Stub) === */
.community-link	{
	display: inline-block;
	margin: 10px 20px;
	text-indent: -9999px;
	height: 64px;
	border: 1px solid rgb(124,190,29);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
.community-link:hover { border: 1px solid rgb(212,100,42); }
	#community-link-edmodo {
		width: 488px; height: 163px;
		border: none;
		background-image: url('../images/teachers/community-link-edmodo.png');
		}
	#community-link-betterlesson {
		width: 264px;
		background-image: url('../images/teachers/community-link-betterlesson.png');
		}
	#community-link-facebook {
		width: 199px;
		background-image: url('../images/teachers/community-link-facebook.png');
		}
	#community-link-twitter {
		width: 240px;
		background-image: url('../images/teachers/community-link-twitter.png');
		}

#onlinelearning {
	display: block;
	width: 199px;
	height: 300px;
	text-indent: -9999px;
	background-image: url('../images/teachers/sidebar-online-learning.png');
}