/* 
    Document   : main
    Created on : Oct 17, 2011, 11:15:24 AM
    Author     : Glen
    Description:
        Main stylesheet for Spell to Excel software.
*/

/* Colors ===================================================================

#ffc830 - Yellow
#a42c06 - Red

*/

/* Grid ========

Gutter	= 28px
Columns	= 52px
Full    = 932px

14-52-28-52-28-52-28-52-28-52-28-52-28-52-28-52-28-52-28-52-28-52-28-52-14
   --132 --    --    --    --    --    --    --    --    --    --    --

*/

/* RESET ====================================================================
YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/* Grid ===================================================================== */

/* Containers ----------------------------------------------------------------*/

.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global ------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 14px;
	margin-right: 14px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------- */

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 12 Columns --------------------------------------------------------*/

.container_12 .grid_1 { width:52px; }
.container_12 .grid_2 { width:132px; }
.container_12 .grid_3 { width:212px; }
.container_12 .grid_4 { width:292px; }
.container_12 .grid_5 { width:372px; }
.container_12 .grid_6 { width:452px; }
.container_12 .grid_7 { width:532px; }
.container_12 .grid_8 { width:612px; }
.container_12 .grid_9 { width:692px; }
.container_12 .grid_10 { width:772px; }
.container_12 .grid_11 { width:852px; }
.container_12 .grid_12 { width:932px; }

/* Prefix Extra Space >> 12 Columns ------------------------------------------*/

.container_12 .prefix_1 { padding-left:80px; }
.container_12 .prefix_2 { padding-left:160px; }
.container_12 .prefix_3 { padding-left:240px; }
.container_12 .prefix_4 { padding-left:320px; }
.container_12 .prefix_5 { padding-left:400px; }
.container_12 .prefix_6 { padding-left:480px; }
.container_12 .prefix_7 { padding-left:560px; }
.container_12 .prefix_8 { padding-left:640px; }
.container_12 .prefix_9 { padding-left:720px; }
.container_12 .prefix_10 { padding-left:800px; }
.container_12 .prefix_11 { padding-left:880px; }

/* Suffix Extra Space >> 12 Columns ------------------------------------------*/

.container_12 .suffix_1 { padding-right:80px; }
.container_12 .suffix_2 { padding-right:160px;  }
.container_12 .suffix_3 { padding-right:240px; }
.container_12 .suffix_4 { padding-right:320px; }
.container_12 .suffix_5 { padding-right:400px; }
.container_12 .suffix_6 { padding-right:480px; }
.container_12 .suffix_7 { padding-right:560px; }
.container_12 .suffix_8 { padding-right:640px; }
.container_12 .suffix_9 { padding-right:720px; }
.container_12 .suffix_10 { padding-right:800px; }
.container_12 .suffix_11 { padding-right:880px; }

/* Push Space >> 12 Columns --------------------------------------------------*/

.container_12 .push_1 { left:80px; }
.container_12 .push_2 { left:160px; }
.container_12 .push_3 { left:240px; }
.container_12 .push_4 { left:320px; }
.container_12 .push_5 { left:400px; }
.container_12 .push_6 { left:480px; }
.container_12 .push_7 { left:560px; }
.container_12 .push_8 { left:640px; }
.container_12 .push_9 { left:720px; }
.container_12 .push_10 { left:800px; }
.container_12 .push_11 { left:880px; }

/* Pull Space >> 12 Columns --------------------------------------------------*/

.container_12 .pull_1 { left:-80px; }
.container_12 .pull_2 { left:-160px; }
.container_12 .pull_3 { left:-240px; }
.container_12 .pull_4 { left:-320px; }
.container_12 .pull_5 { left:-400px; }
.container_12 .pull_6 { left:-480px; }
.container_12 .pull_7 { left:-560px; }
.container_12 .pull_8 { left:-640px; }
.container_12 .pull_9 { left:-720px; }
.container_12 .pull_10 { left:-800px; }
.container_12 .pull_11 { left:-880px; }

/* Clear Floated Elements ---------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.align-right {
	text-align: right;
}

/* ==== Typography Basics =================================================== */

@font-face {
    font-family: 'AndikaBasicRegular';
    src: url('AndBasR-webfont.eot');
    src: url('AndBasR-webfont.eot?#iefix') format('embedded-opentype'),
         url('AndBasR-webfont.woff') format('woff'),
         url('AndBasR-webfont.ttf') format('truetype'),
         url('AndBasR-webfont.svg#AndikaBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---- Basics -------------------------------------------------------------- */

html {
	background-color: #c67941;
	background-image: url(background.gif);
	background-repeat: repeat-x;
}

body {
	min-width: 960px;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 24px;

}

a {
	text-decoration: none;
	color: #a42c06;
	padding-bottom: 1px;
	border-bottom: solid 1px #a42c06;
}

p {
	margin-bottom: 1em;
	padding-right: 3px;
}

/* ---- Headers ------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #a42c06;
}
h1 {
	font-size: 41px;
	margin-top: 30px;
	margin-bottom: 12px;
	color: #455875;
	line-height: 46px;
}
h2 {
	font-size: 28px;
	margin-bottom: 6px;
	margin-top: 14px;
	color: #a42c06;
	line-height: 30px;
}
h4,
h5,
h6 {
	color: #000;
}
h4 {
	font-size: 20px;
}
h2.ui {
	font-size: 25px;
	padding-top: 20px;
}
h3.ui {
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 5px;
}
h2.ui,
h3.ui,
h4.ui,
h5.ui,
h6.ui {
	color: #455875;
}

hr {
	width: 100%;
	border: none;
	border-top: 1px dashed #859bbe;
	height: 1px;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

/* ---- Alternate Text ------------------------------------------------------ */

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

pre {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-left: 80px;
	margin-bottom: 1em;
	margin-right: 80px;
	background: url(pre_code_bg.gif) left top;
	
	overflow: auto;
	overflow-Y: hidden;

}
pre code {
	margin: 0px;
	padding: 0px 0px;
	display: block;
}
blockquote {
	padding-left: 28px;
	margin-left: 52px;
	margin-right: 80px;
	background-image: url(blockquote-bg.gif);
	background-repeat: no-repeat;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.link {
	text-decoration: none;
	color: #a42c06;
	padding-bottom: 1px;
	border-bottom: solid 1px #a42c06;
	cursor: pointer;
}
/* ---- Lists --------------------------------------------------------------- */

ol,
ul {
	margin-left: 3em;
	margin-right: 0px;
	margin-bottom: 1em;
}
ul {	
	list-style-image: url(bullet.png);
}
	
ol {	
	list-style-type: decimal;
}

/* ---- Tables -------------------------------------------------------------- */

table {
	margin-bottom: 1em;
}
th,
td {
	border: 1px #859bbe solid;
	padding: 3px 9px;
}

th {
	background-color: #c1cde1;
	font-weight: bold;
}
table.center tr th {
	text-align: center;
}


/* ---- Definitions --------------------------------------------------------- */

dt {
	font-weight: bold;
}
dd {
	margin: 0px 40px 1em 40px;
}

/* ---- Forms --------------------------------------------------------------- */

/* Form Grid */

.form_container_12 {
	margin-left: 14px;
	margin-right: 14px;
	width: 925px;
	margin-top: 2em;
}
.form_container,
.form_grid_9_container,
.form_grid_12_container,
.form_grid_4_container {
	border-bottom: 1px solid #c1cde1;
	border-right: 1px solid #c1cde1;
}
.form_grid_1,
.form_grid_1b,
.form_grid_1-6,
.form_grid_2,
.form_grid_2-8,
.form_grid_3,
.form_grid_3b,
.form_grid_4,
.form_grid_4_container,
.form_grid_5,
.form_grid_6,
.form_grid_7,
.form_grid_8,
.form_grid_9,
.form_grid_10,
.form_grid_11,
.form_grid_12,
.form_grid_9_container,
.form_grid_9_container-invis,
.form_grid_3_container_tree,
.form_grid_3_container {
	display:inline;
	float: left;
	position: relative;
	margin: 0px;
}
.form_grid_1 { width: 76px; }
.form_grid_1b { width: 77px; }
.form_grid_1-6 { width: 122px; }
.form_grid_2 { width: 153px; }
.form_grid_2-8 { width: 214px; }
.form_grid_3 { width: 231px; }
.form_grid_3b,
.form_grid_3_container { width: 230px; }
 .form_grid_3_container_tree { width: 216px; padding-right: 14px;}
.form_grid_4,
.form_grid_4_container { width: 309px; }
.form_grid_5 { width: 385px; }
.form_grid_6 { width: 465px; }
.form_grid_7 { width: 543px; }
.form_grid_8 { width: 621px; }
.form_grid_9 { width: 699px; }
.form_grid_9_container,
.form_grid_9_container-invis { width: 694px; }
.form_grid_10 { width: 777px; }
.form_grid_11 { width: 855px; }
.form_grid_12 { width: 933px; }

.form_cell {
	border-top: 1px solid #c1cde1;
	border-left: 1px solid #c1cde1;
}
.input-inline_checkbox {
	height: 13px !important;
	margin-right: 7px;
}
.group {
	background: #e5e5e5;
	font-weight: bold;
}
/* Form Styles */

div.form_header {
	padding-top: 1em;
}
div.label {
	width: 296px;
	text-align: right;
	float: left;
	clear: both;
	margin-right: 24px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.input {
	float: left;
	width: 289px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
input, textarea,
select {
	padding: 4px;
	border: 2px solid #c5d9ee;
}
p.form,
p.form_head {
	padding: 2px 6px;
	margin: 0px;
	height: 23px;
	overflow: hidden;
}
p.form_head a {
	border: none;
	text-decoration: underline;
}
p.sentence {
	font-size: 11px;
}
p.form_head {
	background-color: #c1cde1;
	font-weight: bold;
	font-size: 12px;
	height: 26px;
}
input:focus,
.selected,
select:focus {
	border: 2px solid #e64200;
}
input[type='checkbox'] {
	margin-top: 5px;
	border: none;
	height: 17px;
}

label.radio {
	padding-right: 20px;
}
input.input-grid_4 { width: 279px; }
textarea.input-grid_4 { width: 279px; }
input.input-grid_2 { width: 119px; }
select.input-grid_2-8 { width: 214px; padding: 3px;}
input.input-grid_1-6 { width: 110px; }
input.input-grid_1 { width: 39px; }
input.input-grid_1-table { width: 64px; }

div.submit {
	clear: both;
	width: 289px;
	padding-left: 318px;
	margin-bottom: 3em;
	text-align: left;
}

div.submit input,
input.submit {
	padding: 10px;
	width: auto;
	font-weight: bold;
	cursor: pointer !important;
	margin-top: 1em;
		
	background: #7191bb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #7191bb 0%, #587ba2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7191bb), color-stop(100%,#587ba2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7191bb 0%,#587ba2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7191bb 0%,#587ba2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7191bb 0%,#587ba2 100%); /* IE10+ */
	background: linear-gradient(top,  #7191bb 0%,#587ba2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7191bb', endColorstr='#587ba2',GradientType=0 ); /* IE6-8 */

	border: 2px solid #4d6888;
	color: #fff;
}

div.submit input:hover ,
input.submit:hover {
	background: #476b9c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #476b9c 0%, #30527e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#476b9c), color-stop(100%,#30527e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #476b9c 0%,#30527e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #476b9c 0%,#30527e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #476b9c 0%,#30527e 100%); /* IE10+ */
	background: linear-gradient(top,  #476b9c 0%,#30527e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#476b9c', endColorstr='#30527e',GradientType=0 ); /* IE6-8 */

	border: 2px solid #273f5f;
	}
	
textarea.textarea-grid_4 {
	width: 289px;
}

select.select-grid_4 {
	width: 291px;
}

p.input_warning {
	color: red;
	font-size: 12px;
}
span.input_warning {
	color: red;
}
input.input_warning,
select.input_warning {
	color: #a00;
	font-weight: bold;
	background: #fcc;
}
p.tool_tip,
span.tool_tip {
	font-size: 12px;
	color: #455875;
}
select.tool_tip,
input.tool_tip {
	color: #aaa;
}

.progress_bar {
	border: 1px solid #c1cde1;
	background-image: url(progress_bar.png);
	height: 27px;
}
.progress_bar a {
	color: black;
	border-bottom: 1px solid black;
}

.student_list {
	border: 1px dashed #859bbe;
	padding: 10px 14px;
}
.student_list p {
	font-weight: bold;
}
.auto_change {
	color: blue;
	font-weight: bold;
}
.ui-dashed_down_arrow{
	background-image: url(ui-dashed_down_arrow.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 35px;
	margin-bottom: 0.5em;
	margin-top: 0px;
}
.changed {
	background: #fdebb0;
}
.no-border {
	border-color: white !important;
}
/* ---- User Interface ------------------------------------------------------ */

.confirmation {
	border: 1px #c1cde1 solid;
	background-color: #ecf1f9;
	padding: 14px;
	margin-top: 14px;
	text-align: center;
}

ul.ui-selectable {
	margin: 0px;
	list-style: none;
}
li.ui-selectee {
	cursor: crosshair;
}
li.ui-selectee:hover {
	background: #ebeef7;
}
.ui-selected {
	background: #fdebb0;
}
.ui-selected:hover {
	background: #e9dbaa !important;
}
.ui-selecting {
	background: #e9dbaa !important;
}
.ui-unselecting {
	background: white;
}

/* ==== Header ============================================================== */

#header {
	background-image: url(header.png);
	height: 160px;
}
#header a.logo_link {
	display: block;
	margin: 0px;
	width: 180px;
	height: 125px;
	margin: 20px 20px 0px 25px;
	float: left;
	border: none;
}
#header h2 {
	padding: 72px 0px 0px 252px;
}
#header h2 a {
	color: #8e9eb7;
	font-size: 30px;
	border: none;
}
#header h2 a:hover {
	color: #9c320b;
}
#nav {
	background-image: url(nav.png);
	background-position: bottom;
	border-top: 2px solid #ffc830;
}

#nav ul {
	display: block;
	float: left;
	width: 750px;
	margin: 0px;
	border-left: 2px solid #ffc830;
}

#nav ul li {
	border-right: 2px solid #ffc830;
	display: block;
	float: left;
	padding: 10px 0px;
}

#nav ul li a,
#login a,
#admin a {
	padding: 12px 14px 14px;
	color: #a42c06;
	font-weight: bold;
	border-bottom: none;
}

#login,
#admin
{
	float: right;
	border-left: 2px solid #ffc830;
	border-right: 2px solid #ffc830;
	padding: 10px 0px;
	background-color: #ca6e35;
	background-image: url(login-background.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	text-shadow: 0 2px 2px rgba(0,0,0,.4);
}
#admin {
	border-right: none;
}
#login a,
#admin a {
	color: #fef2d2;
	border-bottom: none;
}
#nav ul li.primary {
	padding: 10px 0px;
	background-color: #ca6e35;
	background-image: url(login-background.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	text-shadow: 0 2px 2px rgba(0,0,0,.4);
}
#nav ul li.primary a {
	color: #fef2d2;
	border-bottom: none;
}
#nav ul li:hover,
#login a:hover,
#login:hover,
#admin a:hover,
#admin:hover,
#nav ul li.primary:hover {
	background-color: #ffebb5;
	background-image: url(nav-hover.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #a42c06;
	text-shadow: none;
}
#nav ul li.primary a:hover {
	color: #a42c06 !important;
}

.nav-current,
.nav-current a,
.nav-current:hover {
	background-image: none !important;
	background-color: #fff !important;
	color: #a42c06 !important;
	text-shadow: none !important;
}


/* === Content ============================================================== */

#content {
	background: #fff;
	padding-bottom: 50px;
}

/* --- Breadcrumb Trail ----------------------------------------------------- */

#breadcrumb {
	margin-top: 8px;
	color: #476b9c;
	border-bottom: 1px #859bbe dashed;
}
#breadcrumb span {
	color: #aebed7;
}
#breadcrumb span.current_page {
	font-weight: bold;
	color: #455875;
}

/* --- Grid Dividers -------------------------------------------------------- */

.divider-left {
	border-left: 1px #859bbe dashed;
	margin-left: 0px;
	padding-left: 13px;
}

/* --- Buttons -------------------------------------------------------------- */
.main_button,
.medium_button,
.big_button {
	display: block;
	border: 2px #859bbe solid;
	background-color: #ecf1f9;
	margin-bottom: .5em;
	cursor: pointer;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.minor_button,
.mini_button,
.big_button {
	cursor: pointer;
	display: inline;
}
.minor_button,
.big_button {
	font-size: 13px;
	position: relative;
	bottom: 1px;
	padding: 5px 4px;
}
.big_button {
	font-size: 20px;
	padding: 10px 15px;
}
.mini_button {
	font-size: 9px !important;
	padding: 2px 2px;
}

.main_button h2,
.main_button h3,
.main_button p,
.medium_button p {
	margin: 7px 0px;
	text-align: center;
}
.medium_button p {
	font-weight: bold;
}
.main_button h2 {
	color: #455875;
}



/* Button Colors (default and assignable button colors) */
.silver,
.main_button,
.medium_button,
.minor_button,
.mini_button {
background: #E5EEF9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #ffffff 0%, #d9e8fb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9e8fb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d9e8fb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d9e8fb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d9e8fb 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#d9e8fb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9e8fb',GradientType=0 ); /* IE6-8 */
	
	border: 2px solid #c5d9ee;
	color: #0e213f;
}
.silver:hover,
.main_button:hover,
.medium_button:hover,
.minor_button:hover,
.mini_button:hover {
background: #edf0f8; /* Old browsers */
background: -moz-linear-gradient(top,  #edf0f8 0%, #c4d1e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf0f8), color-stop(100%,#c4d1e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #edf0f8 0%,#c4d1e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #edf0f8 0%,#c4d1e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #edf0f8 0%,#c4d1e3 100%); /* IE10+ */
background: linear-gradient(top,  #edf0f8 0%,#c4d1e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf0f8', endColorstr='#c4d1e3',GradientType=0 ); /* IE6-8 */
	
	border: 2px solid #aebed7;
}
.red,
.blue,
.dark-blue,
.green,
.tan,
.purple {
	font-weight: bold;
}

.red {
background: #c96b32; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #c96b32 0%, #ab4811 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c96b32), color-stop(100%,#ab4811)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c96b32 0%,#ab4811 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c96b32 0%,#ab4811 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c96b32 0%,#ab4811 100%); /* IE10+ */
background: linear-gradient(top,  #c96b32 0%,#ab4811 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c96b32', endColorstr='#ab4811',GradientType=0 ); /* IE6-8 */
	
	border: 2px solid #853407;
	color: #fff;
}
.red:hover {
background: #b04215; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #b04215 0%, #892304 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b04215), color-stop(100%,#892304)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b04215 0%,#892304 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b04215 0%,#892304 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b04215 0%,#892304 100%); /* IE10+ */
background: linear-gradient(top,  #b04215 0%,#892304 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b04215', endColorstr='#892304',GradientType=0 ); /* IE6-8 */

	border: 2px solid #5c1501;
}

.blue {
background: #7191bb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #7191bb 0%, #587ba2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7191bb), color-stop(100%,#587ba2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7191bb 0%,#587ba2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7191bb 0%,#587ba2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7191bb 0%,#587ba2 100%); /* IE10+ */
background: linear-gradient(top,  #7191bb 0%,#587ba2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7191bb', endColorstr='#587ba2',GradientType=0 ); /* IE6-8 */

	border: 2px solid #4d6888;
	color: #fff;
}

.blue:hover {
background: #476b9c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #476b9c 0%, #30527e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#476b9c), color-stop(100%,#30527e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #476b9c 0%,#30527e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #476b9c 0%,#30527e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #476b9c 0%,#30527e 100%); /* IE10+ */
background: linear-gradient(top,  #476b9c 0%,#30527e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#476b9c', endColorstr='#30527e',GradientType=0 ); /* IE6-8 */

	border: 2px solid #273f5f;
}

.dark-blue {
background: #293e5d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #293e5d 0%, #142540 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#293e5d), color-stop(100%,#142540)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #293e5d 0%,#142540 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #293e5d 0%,#142540 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #293e5d 0%,#142540 100%); /* IE10+ */
background: linear-gradient(top,  #293e5d 0%,#142540 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293e5d', endColorstr='#142540',GradientType=0 ); /* IE6-8 */

	border: 2px solid #0a1427;
	color: #fff;
}
.dark-blue:hover {
background: #0e1a3a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #0e1a3a 0%, #07081f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e1a3a), color-stop(100%,#07081f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0e1a3a 0%,#07081f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0e1a3a 0%,#07081f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0e1a3a 0%,#07081f 100%); /* IE10+ */
background: linear-gradient(top,  #0e1a3a 0%,#07081f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1a3a', endColorstr='#07081f',GradientType=0 ); /* IE6-8 */

	border: 2px solid #020209;
}

.green {
background: #4eb04e;
background: -moz-linear-gradient(top,  #4eb04e 0%, #359537 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4eb04e), color-stop(100%,#359537));
background: -webkit-linear-gradient(top,  #4eb04e 0%,#359537 100%);
background: -o-linear-gradient(top,  #4eb04e 0%,#359537 100%);
background: -ms-linear-gradient(top,  #4eb04e 0%,#359537 100%);
background: linear-gradient(top,  #4eb04e 0%,#359537 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb04e', endColorstr='#359537',GradientType=0 ); 

	border: 2px solid #35705e;
	color: #fff;
}
.green:hover {
background: #308567;
background: -moz-linear-gradient(top,  #308567 0%, #1d6449 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#308567), color-stop(100%,#1d6449));
background: -webkit-linear-gradient(top,  #308567 0%,#1d6449 100%);
background: -o-linear-gradient(top,  #308567 0%,#1d6449 100%);
background: -ms-linear-gradient(top,  #308567 0%,#1d6449 100%);
background: linear-gradient(top,  #308567 0%,#1d6449 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#308567', endColorstr='#1d6449',GradientType=0 );

	border: 2px solid #164736;
}

.tan {
background: #c1a27c;
background: -moz-linear-gradient(top,  #c1a27c 0%, #ab8a64 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1a27c), color-stop(100%,#ab8a64));
background: -webkit-linear-gradient(top,  #c1a27c 0%,#ab8a64 100%);
background: -o-linear-gradient(top,  #c1a27c 0%,#ab8a64 100%);
background: -ms-linear-gradient(top,  #c1a27c 0%,#ab8a64 100%);
background: linear-gradient(top,  #c1a27c 0%,#ab8a64 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1a27c', endColorstr='#ab8a64',GradientType=0 );

	border: 2px solid #937859;
	color: #fff;
}
.tan:hover {
background: #a67f54;
background: -moz-linear-gradient(top,  #a67f54 0%, #89613b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a67f54), color-stop(100%,#89613b));
background: -webkit-linear-gradient(top,  #a67f54 0%,#89613b 100%);
background: -o-linear-gradient(top,  #a67f54 0%,#89613b 100%);
background: -ms-linear-gradient(top,  #a67f54 0%,#89613b 100%);
background: linear-gradient(top,  #a67f54 0%,#89613b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67f54', endColorstr='#89613b',GradientType=0 );

	border: 2px solid #6c4f31;
}

.purple {
background: #aa81c4;
background: -moz-linear-gradient(top,  #aa81c4 0%, #9068ac 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa81c4), color-stop(100%,#9068ac));
background: -webkit-linear-gradient(top,  #aa81c4 0%,#9068ac 100%);
background: -o-linear-gradient(top,  #aa81c4 0%,#9068ac 100%);
background: -ms-linear-gradient(top,  #aa81c4 0%,#9068ac 100%);
background: linear-gradient(top,  #aa81c4 0%,#9068ac 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa81c4', endColorstr='#9068ac',GradientType=0 );

	border: 2px solid #7f5e95;
	color: #fff;
}
.purple:hover {
background: #8757a6;
background: -moz-linear-gradient(top,  #8757a6 0%, #6a3f8a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8757a6), color-stop(100%,#6a3f8a));
background: -webkit-linear-gradient(top,  #8757a6 0%,#6a3f8a 100%);
background: -o-linear-gradient(top,  #8757a6 0%,#6a3f8a 100%);
background: -ms-linear-gradient(top,  #8757a6 0%,#6a3f8a 100%);
background: linear-gradient(top,  #8757a6 0%,#6a3f8a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8757a6', endColorstr='#6a3f8a',GradientType=0 );

	border: 2px solid #56366e;
}

/* Misc Buttons */

.medium_button-down_arrow {
	margin-bottom: 1em;
	margin-top: 3px;
}
.medium_button-down_arrow p {
	background-image: url(medium_button-down_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 30px;
	padding-top: 10px;
}
.remove {
	display: block;
	font-size: 9px;
	line-height: 21px;
	padding: 2px;
	width: 40px;
	text-align: center;
	font-weight: bold;
}
.remove:hover {
	background-color: red !important;
}
#print {
	float: right;
	padding-top: 3em;
}


/* --- Tree ----------------------------------------------------------------- */

/* branches with lines going down them */
.tree-school,
.tree-teacher,
.tree-word_list,
.tree-class,
.tree-add_class,
.tree-hfw_word_list, 
.tree-add_teacher,
.tree-add_school,
.tree-add_word_list {
	background-position: left top;
	background-repeat: repeat-y;
}

/* UI stuff */
.expanded .tree_button {
	background-image: url(tree-minus.png);
}
.expanded .tree_button:hover {
	background-image: url(tree-minus-hover.png);
}
.collapsed .tree_button {
	background-image: url(tree-plus.png);
}
.collapsed .tree_button:hover {
	background-image: url(tree-plus-hover.png);
}
.collapsed .tree-child {
	display: none;
}
.tree_button {
	width: 26px;
	height: 29px;
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	clear: both;
	cursor: pointer;
}

div.tree_leaf-container {
	margin: 0em 0em 0em 1.8em;
	border-top: 5px solid white;
}

div.tree-hfw_word_list > div.tree_leaf-container {
	cursor: pointer
}
div.tree_leaf-container p {
	line-height: 16px;
	padding: 5px 8px;
	
}
div.tree_leaf-container p a,
div.tree_leaf-container p span {
	display: block;
	color: black;
	cursor: pointer;
}





/* branch colors */

/* orange - Same as below but has to be higher in CSS, otherwise everything will be orange :P */
div.tree-district div.tree_leaf-container {
	background: #f9f4ec;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f4ec), to(#f0e7dd));
	background: -moz-linear-gradient(top,  #f9f4ec,  #f0e7dd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f4ec', endColorstr='#f0e7dd');
}
div.tree-district div.tree_leaf-container:hover {
	background: #fcf9f5;
}

/* gray */
div.tree-school div.tree_leaf-container,
div.tree-word_list_group div.tree_leaf-container {
	background: #f2f2f2 ;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6));
	background: -moz-linear-gradient(top,  #f2f2f2,  #e6e6e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6');
}
div.tree-school div.tree_leaf-container:hover,
div.tree-word_list_group div.tree_leaf-container:hover {
	background: #f8f8f5;
}

/* orange */
div.tree-teacher div.tree_leaf-container {
	background: #f9f4ec;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f4ec), to(#f0e7dd));
	background: -moz-linear-gradient(top,  #f9f4ec,  #f0e7dd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f4ec', endColorstr='#f0e7dd');
}
div.tree-teacher div.tree_leaf-container:hover {
	background: #fcf9f5;
}

/* blue */
div.tree-class div.tree_leaf-container { 
	background: #ecf1f9;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecf1f9), to(#dee6f1));
	background: -moz-linear-gradient(top,  #ecf1f9,  #dee6f1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf1f9', endColorstr='#dee6f1');
}
div.tree-class div.tree_leaf-container:hover {
	background: #f5f7fc;
}

/* green */
div.tree-word_list div.tree_leaf-container {
	background: #ebfaf5;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebfaf5), to(#dcf2e9));
	background: -moz-linear-gradient(top,  #ebfaf5,  #dcf2e9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebfaf5', endColorstr='#dcf2e9');
}
div.tree-word_list div.tree_leaf-container:hover {
	background: #f4fcfa;
}

/* pink */
div.tree-unassigned div.tree_leaf-container { 
	background: #f6edf7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6edf7), to(#e2d3e6));
	background: -moz-linear-gradient(top,  #f6edf7,  #e2d3e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6edf7', endColorstr='#e2d3e6');
}
div.tree-unassigned div.tree_leaf-container:hover {
	background: #faf5fb;
}

/* buttons in tree */
div.tree-add_teacher div.tree_leaf-container,
div.tree-add_class div.tree_leaf-container,
div.tree-add_school div.tree_leaf-container,
div.tree-add_word_list div.tree_leaf-container {
	background: white;
	border-bottom: none;
}
div.tree-add_teacher div.tree_leaf-container:hover,
div.tree-add_class div.tree_leaf-container:hover,
div.tree-add_school div.tree_leaf-container:hover,
div.tree-add_word_list div.tree_leaf-container:hover {
	background: white;
	border-bottom: none;
}
div.tree-add_teacher div.tree_leaf-container p span,
div.tree-add_class div.tree_leaf-container p span,
div.tree-add_school div.tree_leaf-container p span,
div.tree-add_word_list div.tree_leaf-container p span {
	padding: 7px 8px;
	position: relative;
	right: 8px;
	cursor: pointer;
}
/* button colors */
/* gray */
div.tree-add_school div.tree_leaf-container p span {
	background: #dedede;
	background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#cdcdcd));
	background: -moz-linear-gradient(top,  #dedede,  #cdcdcd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#cdcdcd');
}
div.tree-add_school div.tree_leaf-container p span:hover {
	background: #f8f8f5;
}

/* orange */
div.tree-add_teacher div.tree_leaf-container p span {
	background: #e9ddd1;
	background: -webkit-gradient(linear, left top, left bottom, from(#e9ddd1), to(#ddcbba));
	background: -moz-linear-gradient(top,  #e9ddd1,  #ddcbba);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ddd1', endColorstr='#ddcbba');
}
div.tree-add_teacher div.tree_leaf-container p span:hover {
	background: #fcf9f5;
}

/* blue */
div.tree-add_class div.tree_leaf-container p span { 
	background: #d1dde9;
	background: -webkit-gradient(linear, left top, left bottom, from(#d1dde9), to(#afc3d8));
	background: -moz-linear-gradient(top,  #d1dde9,  #afc3d8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1dde9', endColorstr='#afc3d8');
}
div.tree-add_class div.tree_leaf-container p span:hover {
	background: #f5f7fc;
}

/* green */
div.tree-add_word_list div.tree_leaf-container p span {
	background: #a6ccbc;
	background: -webkit-gradient(linear, left top, left bottom, from(#cfeadf), to(#aad9c7));
	background: -moz-linear-gradient(top,  #cfeadf,  #aad9c7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfeadf', endColorstr='#aad9c7');
}
div.tree-add_word_list div.tree_leaf-container p span:hover {
	background: #f4fcfa;
}

/* pink */
div.tree-unassigned div.tree_leaf-container p span { 
	background: #f6edf7;
	background: -webkit-gradient(linear, left top, left bottom, from(#e2d3e6), to(#e2d3e6));
	background: -moz-linear-gradient(top,  #e2d3e6,  #e2d3e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2d3e6', endColorstr='#e2d3e6');
}
div.tree-unassigned div.tree_leaf-container p span:hover {
	background: #faf5fb;
}

.tree_leaf-container p {
	margin: 0px;
	padding: 0px 4px;
	font-size: 12px;
}
.tree-child {
	margin-left: 1.5em;
}
div.tree-selected > div.tree_leaf-container {
	background: #3b5c8c;
	font-weight: bold;
}
div.tree-selected > div.tree_leaf-container p a,
div.tree-selected > div.tree_leaf-container p span {
	color: white;
}
div.tree-selected > div.tree_leaf-container p a:hover,
div.tree-selected > div.tree_leaf-container p span:hover {
	color: black;
}
/* Auto hide */

.auto_hide_revealer span.auto_hide {
	visibility: hidden;
}
.auto_hide_revealer:hover span.auto_hide {
	visibility: visible;
}
.tree_leaf-container a,
p.auto_hide_revealer a span.entity_name:hover {
	border-bottom: none;
}
a span.entity_name {
	color: black;
}
.auto_hide {
	color: #ccc;
	font-size: 12px;
}
.auto_hide span {
	padding: 12px 0px 2px 0px;
}

/* Auto Hide Link Colors */

.tree_link-edit_school_profile,
.tree_link-edit_list,
.tree_link-class_progress {
	color: #1d3479;
}
p.auto_hide_revealer a:hover span.auto_hide span.tree_link-edit_school_profile,
p.auto_hide_revealer a:hover span.auto_hide span.tree_link-edit_list,
p.auto_hide_revealer a:hover span.auto_hide span.tree_link-class_progress {
	border-bottom: 1px solid #1d3479 !important;
}

.tree_link-view_teacher_profile,
.tree_link-edit_teacher_profile,
.tree_link-manage_teachers_aides {
	color: #cd4d01 !important;
}
p.auto_hide_revealer a:hover span.auto_hide span.tree_link-view_teacher_profile,
p.auto_hide_revealer a:hover span.auto_hide span.tree_link-edit_teacher_profile,
a:hover span.tree_link-manage_teachers_aides {
	border-bottom: 1px solid #cd4d01;
}

.tree_link-manage_students {
	color: #4d7ee0 !important;
}
a:hover span.tree_link-manage_students {
	border-bottom: 1px solid #4d7ee0 !important;
}

.tree_link-share_list {
	color: #33724f;
}
a:hover span.tree_link-share_list {
	border-bottom: 1px solid #33724f !important;
}
a:hover span.tree_link-delete_list,
a:hover span.tree_link-delete_school,
a:hover span.tree_link-remove_teacher,
a:hover span.tree_link-retire_class {
	border-bottom: 1px solid #a42c06;
}

/* Manage School Link Colors */

a.manage_students {
	color: #1555a9;
}
a.manage_teachers_aides {
	color: #cb4c00;
}
a.retire_class,
a.delete_list {
	color: #7b210c;
}
a.share_list {
	color: green;
}



/* === Footer =============================================================== */

#footer p {
	text-align: center;
	color: #efcc94;
	padding: 10px 0px 20px;
}

/* === Teacher Menu ========================================================= */

.menu_buttons {
	display: block;
	background-repeat: no-repeat;
	background-position: center 0px;
	border: none;
	margin-top: 30px;
	padding-top: 128px;
	text-align: center;
	font-weight: bold;
}

.button-hfw,
.button-spelling,
.button-writing,
.button-math,
.button-grammar,
.button-hfw-assign_lists,
.button-hfw-words_i_know,
.button-hfw-reports {
	background-image: url(button-temp.png);
}
.button-personal_profile,
.button-subscriptions,
.button-hfw-manage_classes,
.button-hfw-manage_lists {
	background-image: url(button-temp-small.png);
}

/* MISC. BUTTONS */

.play {
	background-image: url(play.png);
	background-repeat: no-repeat;
	background-position: 6px 0px;
	width: 11px;
	height: 10px;
	display: inline-block;
	cursor: pointer;
	padding: 0px 3px 0px 10px;
}
.marked_for_deletion {
	text-decoration: line-through;
	color: #b55;
}


/* ==== DEBUG ================================================================ */

#grid_debug {
	position: fixed; height: 100%; top: 0;
}
.grid_debug {
	background-color: #000;
	opacity: 0.05;
	z-index: 100;
	height: 100%;
}
#grid_debug {
	 display: none;
}

/* ==== Blink ========================================= */

.blink {
	background: #000000 !important;

	opacity: 0.9 !important;
	filter: alpha(opacity=90) !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
}


/* ==== Home Page ==================================== */

/* Subscribe Wizard*/

span.subscription-school {
	position: relative;
	top: 2px;
	padding-left: 5px;
	font-weight: bold;
}

.paypal {
	border: none;
}

/* ==== Loading ======================================== */

#loading {
	position: fixed; height: 100%; top: 0;
	width: 100%;
	height: 100%;
	background: #c67941;
	background-image: url(background.gif);
	opacity: 0.9;
	width: 960px;
}
#loading h2 {
	background: white;
	width: 300px;
	height: 200px;
	margin: 100px auto;
	text-align: center;
	background-image: url(loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 30px;
}

/* ==== Privacy Policy Popup ==== */

#popup {
	position: fixed;
	height: 100%;
	top: 0;
	width: 960px;
	height: 100%;
	background-image: url(popup-background.png);
}
#popup iframe {
	margin: 3em 94px 0px 94px;
	width: 772px;
	height: 400px;
}
#popup p {
	margin: 0px 87px;
	text-align: right;
}

/* ==== 6 column teacher reports ==== */

.wik-check,
.wik-word,
.list-num,
.list-word {
	display:inline;
	float: left;
}
.wik-check p,
.wik-word p,
.list-num p,
.list-word p {
	margin: 0px;
}
.wik-check {
	width: 20px;
}
.wik-word {
	width: 112px;
}
.wik-letter {
	font-weight: bold;
	background: #eee;
	padding-left: 20px;
}
.wik-letter p {
	margin: 1em 0px 0px 0px;
}
.list-num {
	width: 25px;
	text-align: right;
	padding-right: 5px;
	font-size: 12px;
	padding-top: 1px;
}
.list-word {
	width: 100px;
}

.print_only {
	display: none;
}

.misspelled {
	color: #999;
}

/* ==== Student Password Cards ==== */

.card {
	border: 1px solid gray;
	width: 450px !important;
	padding: 1em 0em;
	margin-bottom: 2em;
}
.card-logo {
	width: 165px !important;
	padding-left: 40px;
	padding-top: 10px;
}
.card-data {
	padding-top: 1em;
}

/* ==== Misc (to sort later :P) ===== */

.small {
	font-size: 12px;
	line-height: 16px;
}
p.hd-quote {
	width: 400px;
	color: #7b210c;
	margin-top: 14px;
	padding-top: 2em;
	padding-left: 250px;
	font-size: 18px;
}
p.hd-quote-attr {
	width: 400px;
	color: #587ba2;
	padding-left: 294px;
	line-height: 18px;
}

span.letter_highlight {
	color: #000 !important;
	border: none !important;
	padding: 0px !important;

	background: none !important;
	
	text-shadow:	#ffcc55 0px 0px 12px,
			#ffcc55 0px 0px 22px,
			#ffee88 0px 0px 9px;
}

.disabled {
	border: 2px solid #ddd;
	color: #bbb;
	cursor: default;
	background: #f5f5f5;
}
.disabled:hover {
	border: 2px solid #ddd;
	color: #bbb;
	cursor: default;
	background: #f5f5f5;
}