* {
	box-sizing: border-box;
}
html {
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	font-size: 1em;
	
}
html.noScroll {
	overflow:hidden;
}
body {
	font-family:Arial, sans-serif;
	font-size: 14px;
	line-height: 1.45em;
	color: #555;
	-webkit-font-smoothing: antialiased;
	height:100%;
	background: #f1eeeb;
}
/* Links ---------------------- */
a {
	color: #000;
	text-decoration: none;
	line-height: inherit;
	cursor:pointer;
}
.panel a {
	color: #0D7EB9;
}
a, .button, .button:hover, h1, h2, h3, h4, h5, h6, .columns {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
a:hover {
	color: #0D7EB9;
}

p a, p a:visited {
	line-height: inherit;
	word-break: break-word;
}
/* Misc ---------------------- */
.left {
	float: left!important;
}
.right {
	float: right!important;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.hide {
	display: none;
}
/* Standard Forms ---------------------- */
form {
	margin: 0 0 19.416px;
}
.row form .row {
	margin: 0 -6px;
}
.row form .row .column, .row form .row .columns {
/*padding: 0 6px;*/
}
.row form .row.collapse {
	margin: 0;
}
.row form .row.collapse .column, .row form .row.collapse .columns {
	padding: 0;
}
label {
	color: #4d4d4d;
	cursor: pointer;
	display: block;
	font-weight: 500;
	margin-bottom: 3px;
	margin-top:0px;
}
label.right {
	float: none;
	text-align: right;
}
label.inline {
	line-height: 32px;
	margin: 0 0 12px 0;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, .objectiveList li.LPobjective:before {
	border: 1px solid #cccccc;
	border-radius: 5px;
	color:#777;
	display: block;
	font-size: 14px;
	margin: 0 0 12px 0;
	padding: 6px;
	overflow: hidden;
	width: 100%;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	font-family:Arial, Helvetica, sans-serif;
	min-height:30px;
	line-height:1.3em;
	resize: none;
}
[contenteditable] ol {
	display:block;
	counter-reset: li;
	list-style: none;
}
[contenteditable] ol > li {
	padding: 8px 8px 0px 58px;
}
[contenteditable] ol > li:before {
	content: counter(li);
	counter-increment: li;
	padding:3px 3px 2px 3px;
	border-radius:90px;
	line-height:0;
	height: 1.5em;
	width: 1.5em;
	display:block;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background-color:#fafafa;
	z-index:2!important;
	position:absolute;
	margin:-2px 0 -18px -33px;
	font: 12px "ft_font", tahoma, sans-serif;
	color:#222;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, .editable:focus {
	border:1px dotted#A09F9B!important;
	outline: none !important;
	padding-left:8px;
	background-image:none!important;
}
.lessonPlan .LPdetails:focus {
	background-color:transparent!important;
}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
	background-color: #444!important;
}
.noscroll {
	overflow: hidden;
}
.hiddendiv {
	display: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	min-height:50px;
	font-size: 19px;
	margin: 0 0 12px 0;
	padding: 6px;
	min-height:10px;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
select {
	width:100%;
}
.custom-select .option {
	font-size:500%!important;
}
/* Fieldsets */
fieldset {
	border:none;
	border-radius: 3px;
	padding: 12px 12px 0;
	margin: 18px 0;
}
fieldset legend {
	font-weight: bold;
	background: white;
	padding: 0 3px;
	margin: 0 0 0 -3px;
}
/* Errors */
.error input, .error textarea, input.error, textarea.error {
	background-color: rgba(198, 15, 19, 0.1);
	color:black!important;
}
.error a {
	text-decoration:underline;
	color:#e9dbed;
}
div.error:before {
	width:0;
	height:0;
	border-left:13px solid transparent;
	border-right:13px solid transparent;
	border-bottom:13px solid #b38bbd;
	position:absolute;
	margin-top:-10px;
	left:48%;
	content:"";
	z-index:99;
}
.error label, label.error {
	color: #b38bbd;
}
.error small, small.error {
	display: block;
	padding: 12px;
	margin-top: -13px;
	margin-bottom: 12px;
	background: #b38bbd;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius:6px;
	text-align:center;
}

#multimediaModal .error {
	margin-top: 0px!important;
}
.individualModal {
	padding: 38px 78px;
}
.addMedia .error {
	margin-bottom: 40px!important;
}
#multimediaModal li .error {
	margin-top: 4px!important;
}
.test .panelIndent ul li .error small, .test .panelIndent ul li small.error {
	margin-top:10px;
}
/* Custom Forms ---------------------- */
form.custom span.custom {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 2px;
	border: solid 1px #cccccc;
	background: white;
}
form.custom span.custom.radio {
	border-radius: 100px;
}
form.custom span.custom.checkbox:before {
	content: "";
	display: block;
	line-height: 0.8;
	height: 14px;
	width: 14px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	color: #fff;
}
form.custom span.custom.radio.checked:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 100px;
	background: #222222;
	position: relative;
	top: 3px;
	left: 3px;
}
form.custom span.custom.checkbox.checked:before {
	content: "\00d7";
	color: #222222;
}
form.custom div.custom.dropdown {
	display: block;
	position: relative;
	width: 100%!important;
	height: 28px;
	margin-bottom: 9px;
	margin-top: 2px;
}
.custom.dropdown.hidden-field {
	display:none!important;
}
form.custom div.custom.dropdown .error {
	margin-top: 20px;
}
form.custom div.custom.dropdown ul {
	overflow-y: auto;
	max-height: 180px;
	width: 100%!important;
	z-index:999!important;
}
form.custom div.custom.dropdown a.current {
	display: block;
	margin-top: -2px;
	width: auto;
	line-height: 26px;
	min-height: 28px;
	font-size: 20px;
	padding: 12px;
	border-radius: 6px;
	padding-left: 6px;
	padding-right: 38px;
	border: solid 1px #DDD;
	color: #CCC!important;
	background-color: white;
	white-space: nowrap;
	background-color: #444;
	text-align: center;
}
form.custom div.custom.dropdown a.selector {
	position: absolute;
	width: 27px;
	height: 52px!important;
	display: block;
	border-radius: 3px;
	right:0px;
	top: 0;
	border: solid 1px #DDD;
}
form.custom div.custom.dropdown a.selector:after {
	content: "";
	display: block;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 5px;
	border-color: #aaaaaa transparent transparent transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -2px;
	margin-left: -5px;
}
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 5px;
	border-color: #222222 transparent transparent transparent;
}
form.custom div.custom.dropdown.open ul {
	display: block;
	z-index: 10;
}
form.custom div.custom.dropdown.small {
	width: 134px !important;
}
form.custom div.custom.dropdown.medium {
	width: 254px !important;
}
form.custom div.custom.dropdown.large {
	width: 434px !important;
}
form.custom div.custom.dropdown.expand {
	width: 100% !important;
}
form.custom div.custom.dropdown.open.small ul {
	width: 134px !important;
}
form.custom div.custom.dropdown.open.medium ul {
	width: 254px !important;
}
form.custom div.custom.dropdown.open.large ul {
	width: 434px !important;
}
form.custom div.custom.dropdown.open.expand ul {
	width: 100% !important;
}
form.custom div.custom.dropdown ul {
	position: absolute;
	width: auto;
	display: none;
	margin: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background: white;
	background: rgba(255, 255, 255, 0.95);
	border: solid 1px #cccccc;
	border-radius: 6px;
	box-shadow: 1px 1px 8px 0px #111;
}
form.custom div.custom.dropdown ul li {
	color: #555555;
	font-size: 14px;
	cursor: pointer;
	padding: 8px;
	padding-left: 6px;
	padding-right: 38px;
	min-height: 18px;
	line-height: 18px;
	margin: 0;
	white-space: nowrap;
	list-style: none;
}
form.custom div.custom.dropdown ul li.selected {
	background: #cdebf5;
	color: black;
}
form.custom div.custom.dropdown ul li.selected:after {
	content: "\2013";
	position: absolute;
	right: 10px;
}
form.custom div.custom.dropdown ul li:hover {
	background-color: #cdebf5;
	color: black;
}
form.custom div.custom.dropdown ul li:hover:after {
	content: "\2013";
	position: absolute;
	right: 10px;
	color: #a3dbec;
}
form.custom div.custom.dropdown ul li.selected:hover {
	background: #cdebf5;
	cursor: default;
	color: black;
}
form.custom div.custom.dropdown ul li.selected:hover:after {
	color: black;
}
form.custom div.custom.dropdown ul.show {
	display: block;
}
form.custom .custom.disabled {
	background-color: #dddddd;
}

/* Correct FF custom dropdown height */
@-moz-document url-prefix() {
form.custom div.custom.dropdown a.selector {
height: 30px;
}
}
.lt-ie9 form.custom div.custom.dropdown a.selector {
	height: 30px;
}
/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
p {
	font-family:  Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
	color:#555;
}
.fauxP {
	font-size: 15px;
}
p.lead {
	font-size: 17.5px;
	line-height: 1.6;
	margin-bottom: 17px;
}
p img.left, p img {
	margin: 17px;
	margin-left: 0;
}
p img.right {
	margin: 17px;
	margin-right: 0;
}
aside p {
	font-size: 13px;
	line-height: 1.35;
	font-style: italic;
}
h1, h2, .fauxH2, h3, h4, h5, h6, label {
	font: 22px "ft_font", tahoma, sans-serif;
	text-rendering: optimizeLegibility;
	line-height: 1.3;
	margin-bottom: 10px;
	margin-top:5px;
	color:#5B5248;
}
h3, h5, h6 {
	font: 22px "ft_font-semibold", tahoma, sans-serif;
}
.fauxH2 {
	display:block;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-size: 60%;
	color: #6f6f6f;
	line-height: 0;
}
h1 {
	font-size: 44px;
}
h2, .fauxH2 {
	font-size: 37px;
}
h3 {
	font-size: 27px;
}
h4 {
	font-size: 25px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 14px;
}
hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 22px 0 21px;
	height: 0;
}
.subheader {
	line-height: 1.3;
	color: #6f6f6f;
	font-weight: 300;
	margin-bottom: 17px;
}
em, i {
	font-style: italic;
	line-height: inherit;
}
strong, b {
	font-weight: bold;
	line-height: inherit;
}
small {
	font-size: 60%;
	line-height: inherit;
}
code {
	font-weight: bold;
	background: #ffff99;
}
/* Lists ---------------------- */
ul, ol {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 17px;
	list-style-position: outside;
}
ul li ul {
	margin-left: 20px;
	margin-bottom: 0;
	list-style: outside;
}
/* Blockquotes ---------------------- */
blockquote, blockquote p {
	line-height: 1.5;
	color: #6f6f6f;
}
blockquote {
	margin: 0 0 17px;
	padding: 9px 20px 0 19px;
	border-left: 1px solid #ddd;
}
blockquote cite {
	display: block;
	font-size: 13px;
	color: #555555;
}
blockquote cite:before {
	content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited {
	color: #555555;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 90%;
	color: #222222;
	border-bottom: 1px solid #ddd;
	cursor: help;
}
abbr {
	text-transform: none;
}
/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
	display: none !important;
}
/* The Grid ---------------------- */

.row {
	width: 100%;
	min-width: 768px;
	margin: 0 auto;
}
.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
}
.row.collapse .column, .row.collapse .columns {
	padding: 0;
}
.row .row.collapse {
	margin: 0;
}
.column, .columns {
	float: left;
	min-height: 1px;
	padding: 0 10px;
	position: relative;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.column.centered, .columns.centered {
	float: none;
	margin: 0 auto;
}
 [class*="column"] + [class*="column"]:last-child {
/*float: right;*/
}
 [class*="column"] + [class*="column"].end {
float: left;
}
.row .one {
	width: 8.333%;
}
.row .two {
	width: 16.667%;
}
.row .three {
	width: 25%;
}
.row .four {
	width: 33.333%;
}
.row .five {
	width: 41.667%;
}
.row .six {
	width: 50%;
}
.row .seven {
	width: 58.333%;
}
.row .eight {
	width: 66.667%;
}
.row .nine {
	width: 75%;
}
.row .ten {
	width: 83.333%;
}
.row .eleven {
	width: 91.667%;
}
.row .twelve {
	width: 100%;
}
img {
	-ms-interpolation-mode: bicubic;
}
#map_canvas img, .map_canvas img {
	max-width: none!important;
}
/* Nicolas Gallagher's micro clearfix */
.row {
*zoom: 1;
}
.row:before, .row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}
/* Normal Buttons ---------------------- */
button {
	cursor:pointer;
}
.button {
	width: auto;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	outline: none;
	position: relative!important;
	text-align: center;
	text-decoration: none;
	color: #fff!important;
	border-radius: 5px;
	border:none;
	background: #0D7EB9;
	padding:12px 18px 12px 18px;
	text-transform:auto;
	font: 19px "ft_font", tahoma, sans-serif;
}
.button.left {
	margin-right:20px;
}
.button.right {
	margin-left:10px;
	margin-bottom:20px;
}
.button.primary:hover {
	color: white;
	background-image: linear-gradient(bottom, #222222 1%, #555555 100%)!important;
	background-image: -o-linear-gradient(bottom, #222222 1%, #555555 100%)!important;
	background-image: -moz-linear-gradient(bottom, #222222 1%, #555555 100%)!important;
	background-image: -webkit-linear-gradient(bottom, #222222 1%, #555555 100%)!important;
	background-image: -ms-linear-gradient(bottom, #222222 1%, #555555 100%)!important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222', GradientType=0 )!important; /* IE6-9 */
	border:1px solid #111!important;
	background-color: #333!important;
}
.button:focus {
	color: white;
}
.button.large {
	font-size: 17px;
	padding: 15px 30px 16px;
}
.button.medium {
	font-size: 14px;
}
.button.small {
	font-size: 13px;
	padding: 9px 16px 9px 16px;
}
.button.tiny {
	font-size: 10px;
	padding: 5px 10px 6px;
}
.button.expand {
	width: 100%;
	text-align: center;
}
.button.primary {
	background-color: #459b3e;
	border: 1px solid #0D7EB9;
}
.button.primary:hover {
	background-color: #333;
}
.button.success {
	background: #57aa43!important;
	border: 1px solid #369624;
	margin-top:20px;
}
.button.success:hover {
	background-color: #457a1a;
}
.button.alert {
	background-color: #b38bbd;
	border: 1px solid #7f0a0c;
}
.button.alert:hover {
	background-color: #970b0e;
}
.reveal-modal .button {
	margin-right:0px;
	margin-top:15px;
}
.reveal-modal .btn_save {
	margin-right:15px!important;
}
.reveal-modal.test .btn_save {
	margin-right:68px!important;
}
.button.primary {
	background-color: #0D7EB9;
	color: #fff!important;
	border: 1px solid #0D7EB9!important;
	background-image: linear-gradient(bottom, #0D7EB9 1%, #2896cf 100%);
	background-image: -o-linear-gradient(bottom, #0D7EB9 1%, #2896cf 100%);
	background-image: -moz-linear-gradient(bottom, #0D7EB9 1%, #2896cf 100%);
	background-image: -webkit-linear-gradient(bottom, #0D7EB9 1%, #2896cf 100%);
	background-image: -ms-linear-gradient(bottom, #0D7EB9 1%, #2896cf 100%);
}
.button.secondary {
	background-color: #fff!important;
	color: #555!important;
	border: 1px solid #c3c3c3!important;
	background-image: linear-gradient(bottom, #E3E0DE 1%, white 100%);
	background-image: -o-linear-gradient(bottom, #E3E0DE 1%, white 100%);
	background-image: -moz-linear-gradient(bottom, #E3E0DE 1%, white 100%);
	background-image: -webkit-linear-gradient(bottom, #EEEEEE 1%, white 100%);
	background-image: -ms-linear-gradient(bottom, #E3E0DE 1%, white 100%);
}
.lessonStats .five.columns .button.secondary, .lessonStats .seven.columns .button.secondary {
	color: #666!important;
	border: 1px solid #EEEEEE!important;
	box-shadow:none;
}
.button.secondary:hover {
	background-color: #d0d0d0;
}
.button.disabled, .button[disabled], .button.btn_addActivity.disabled, .button.btn_join.disabled {
	opacity: 0.4;
    cursor: default;
    background-color: rgba(255, 255, 255, 0.3)!important;
    border: 1px solid #CCC!important;
    pointer-events: none;
}
.button.disabled :hover, .button[disabled] :hover {
	background: #459b3e;
}
.button.disabled.success, .button[disabled].success {
	background-color: #5da423;
}
.button.disabled.success:hover, .button[disabled].success:hover {
	background-color: #5da423;
}
.button.disabled.alert, .button[disabled].alert {
	background-color: #b38bbd;
}
.button.disabled.alert:hover, .button[disabled].alert:hover {
	background-color: #b38bbd;
}
.button.disabled.secondary, .button[disabled].secondary {
	background-color: #e9e9e9;
	pointer-events:none;
}
.button.disabled.secondary:hover, .button[disabled].secondary:hover {
	background-color: #e9e9e9;
}
/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
	-webkit-appearance: none;
}
 
/* Correct FF button padding */
@-moz-document url-prefix() {
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
padding: 0;
}
 input[type="submit"].tiny.button {
padding: 3px 10px 4px;
}
 input[type="submit"].small.button {
padding: 5px 14px 6px;
}
 input[type="submit"].large.button {
padding: 13px 30px 14px;
}
}
/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
	position: relative;
	padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */
}
.button.dropdown.large {
	padding-right: 60px;
}
.button.dropdown.small {
	padding-right: 28px;
}
.button.dropdown.tiny {
	padding-right: 20px;
}
.button.dropdown:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 6px;
	border-color: white transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -2px;
}
.button.dropdown.large:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 7px;
	border-color: white transparent transparent transparent;
	margin-top: -3px;
	right: 30px;
}
.button.dropdown.small:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 5px;
	border-color: white transparent transparent transparent;
	margin-top: -2px;
	right: 14px;
}
.button.dropdown.tiny:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 4px;
	border-color: white transparent transparent transparent;
	margin-top: -1px;
	right: 10px;
}
.button.dropdown > ul {
	box-sizing: content-box;
	display: none;
	position: absolute;
	left: -1px;
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	border-top: none;
	min-width: 100%;
	z-index: 40;
}
.button.dropdown > ul li {
	cursor: pointer;
	padding: 0;
	min-height: 18px;
	line-height: 18px;
	margin: 0;
	white-space: nowrap;
	list-style: none;
}
.button.dropdown > ul li a {
	display: block;
	color: #555;
	font-size: 13px;
	font-weight: normal;
	padding: 6px 14px;
	text-align: left;
}
.button.dropdown > ul li:hover {
	background-color: #e3f4f9;
	color: #222;
}
.button.dropdown > ul li.divider {
	min-height: 0;
	padding: 0;
	height: 1px;
	margin: 4px 0;
	background: #ededed;
}
.button.dropdown.up > ul {
	border-top: 1px solid #cccccc;
	border-bottom: none;
}
.button.dropdown ul.no-hover.show-dropdown {
	display: block !important;
}
.button.dropdown:hover > ul.no-hover {
	display: none;
}
/* Button Groups ---------------------- */

/* Requires globals.css */
.nav-bar {
	height: 40px;
	background: #4d4d4d;
	margin-top: 20px;
	padding: 0;
}
.nav-bar > li {
	float: left;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border: 1px solid #333333;
	border-right: none;
	line-height: 38px;
}
.nav-bar > li:first-child {
	box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
.nav-bar > li:last-child {
	border-right: solid 1px #333333;
}
.nav-bar > li.active {
	background: #459b3e;
	border-color: #2284a1;
}
.nav-bar > li.active > a {
	color: white;
	cursor: default;
}
.nav-bar > li.active:hover {
	background: #459b3e;
	cursor: default;
}
.nav-bar > li:hover {
	background: #333333;
}
.nav-bar > li > a {
	color: #999;
}
.nav-bar > li ul {
	margin-bottom: 0;
}
.nav-bar > li .flyout {
	display: none;
}
.nav-bar > li.has-flyout > a:first-child {
	padding-right: 36px;
	position: relative;
}
.nav-bar > li.has-flyout > a:first-child:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 4px;
	border-color: #999 transparent transparent transparent;
	position: absolute;
	right: 20px;
	top: 17px;
}
.nav-bar > li.has-flyout > a.flyout-toggle {
	border-left: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
	padding: 22px;
	z-index: 2;
	display: block;
}
.nav-bar > li.has-flyout.is-touch > a:first-child {
	padding-right: 55px;
}
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
	border-left: 1px dashed #666;
}
.nav-bar > li > a:first-child {
	position: relative;
	padding: 0 20px;
	display: block;
	text-decoration: none;
	font-size: 14px;
}
.nav-bar > li > input {
	margin: 0 10px;
}
.nav-bar.vertical {
	height: auto;
	margin-top: 0;
}
.nav-bar.vertical > li {
	float: none;
	border-bottom: none;
}

/* Tabs ---------------------- */
dl.tabs span {
	font-size:12px;
	color:#979797;
	outline:none;
}
dl.tabs .moretabs:hover span {
	display:block;
}
dl.tabs, body.teacher .panelIndent dl.tabs {
	display: block;
	height: 45px;
	padding-left:15px;
}
.panelIndent dl.tabs {
	float: right;
}
dl.tabs.contained {
	margin-bottom: 0;
}
dl.tabs dt {
	color: #b3b3b3;
	cursor: default;
	display: block;
	float: left;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	padding: 0 9px 0 20px;
	width: auto;
	text-transform: uppercase;
}
dl.tabs dt:first-child {
	padding: 0 9px 0 0;
}
dl.tabs dd {
	display: block;
	float: left;
	padding: 6px 14px;
	border: 1px solid #9F9D9B;
	border-radius: 6px;
	background: #F1EEEB;
	margin-left: 10px;
}
dl.tabs dd a {
	color: #6f6f6f;
	display: block;
	font-size: 20px;
	white-space: nowrap;
}
.stream dl.tabs dd a, .notes dl.tabs dd a, .moretabs {
	font: 15px arial, tahoma, sans-serif;
	padding:4px 18px 10px 18px;
}
dl.tabs dd.active a {
	cursor: default;
	color: #3c3c3c;
}
dl.tabs dd.active {
    opacity: 0.5;
}
dl.tabs.vertical {
	height: auto;
	border-bottom: 1px solid #999;
}
dl.tabs.vertical dt, dl.tabs.vertical dd {
	float: none;
	height: auto;
}
dl.tabs.vertical dd {
	border-left: 3px solid #cccccc;
}
dl.tabs.vertical dd a {
	background: #f2f2f2;
	border: none;
	border: 1px solid #999;
	border-width: 1px 1px 0 0;
	color: #555;
	display: block;
	font-size: 14px;
	height: auto;
	line-height: 1;
	padding: 15px 20px;
}
dl.tabs.vertical dd.active {
	margin-top: 0;
	border-top: 1px solid #4d4d4d;
	border-left: 4px solid #1a1a1a;
}
dl.tabs.vertical dd.active a {
	background: #4d4d4d;
	border: none;
	color: #fff;
	height: auto;
	margin: 0;
	position: static;
	top: 0;
}
dl.tabs.vertical dd:first-child a.active {
	margin: 0;
}
dl.tabs.pill {
	border-bottom: none;
	margin-bottom: 10px;
}
dl.tabs.pill dd {
	margin-right: 10px;
}
dl.tabs.pill dd:last-child {
	margin-right: 0;
}
dl.tabs.pill dd a {
	border-radius: 1000px;
	background: #999;
	height: 26px;
	line-height: 26px;
	color: #666;
}
dl.tabs.pill dd.active {
	border: none;
	margin-top: 0;
}
dl.tabs.pill dd.active a {
	background-color: #459b3e;
	border: none;
	color: #fff;
}
dl.tabs.pill.contained {
	border-bottom: solid 1px #eee;
	margin-bottom: 0;
}
dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a {
	padding: 0 17px;
	text-align: center;
	overflow: hidden;
}
dl.tabs.two-up dt, dl.tabs.two-up dd {
	width: 50%;
}
dl.tabs.three-up dt, dl.tabs.three-up dd {
	width: 33.33%;
}
dl.tabs.four-up dt, dl.tabs.four-up dd {
	width: 25%;
}
dl.tabs.five-up dt, dl.tabs.five-up dd {
	width: 20%;
}
ul.tabs-content {
	display: block;
	margin: 0 0 0px 0px;
	padding: 0 0 15px 0;
	float:left;
	width:100%;/*min-height: 270px;*/
}
ul.tabs-content > li {
	display: none;
}
ul.tabs-content > li.active {
	display: block;
}
ul.tabs-content.contained {
	padding: 0;
}
ul.tabs-content.contained > li {
	border: solid 0 #999;
	border-width: 0 1px 1px 1px;
	padding: 20px;
}
ul.tabs-content.contained.vertical > li {
	border-width: 1px 1px 1px 1px;
}
.no-js ul.tabs-content > li {
	display: block;
}
/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium {
	display: table !important;
}
/* Alerts ---------------------- */
div.alert-box {
	display: block;
	padding: 6px 7px 7px;
	font-weight: bold;
	font-size: 14px;
	color: white;
	background-color: #459b3e;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 12px;
	border-radius: 3px;
	position: relative;
}
div.alert-box.success {
	background-color: #5da423;
	color: #fff;
}
div.alert-box.alert {
	background-color: #b38bbd;
	color: #fff;
}
div.alert-box.secondary {
	background-color: #e9e9e9;
	color: #505050;
}
div.alert-box a.close {
	color: #333;
	position: absolute;
	right: 4px;
	top: -1px;
	font-size: 17px;
	opacity: 0.2;
	padding: 4px;
}
div.alert-box a.close:hover, div.alert-box a.close:focus {
	opacity: 0.4;
}
/* Labels ---------------------- */
.label {
	padding: 1px 4px 2px;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	display: inline;
	position: relative;
	bottom: 1px;
	color: #fff;
	background: #459b3e;
}
.label.radius {
	border-radius: 3px;
}
.label.round {
	padding: 1px 7px 2px;
	border-radius: 1000px;
}
.label.alert {
	background-color: #b38bbd;
}
.label.success {
	background-color: #5da423;
}
.label.secondary {
	background-color: #e9e9e9;
	color: #505050;
}
/*---------Panels ---------------------- */
.panel, .panelIndent, .panelOutdent, .panelIndentFlat, .panelDark {
	background: #fff;
	margin-bottom:20px;
	padding: 20px;
	border-radius: 3px;
	border-right:1px solid #d5d3ce;
	border-bottom:1px solid #d5d3ce;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
.panelIndent, .panelIndentFlat, .selection, .streamEmpty .panel, body.teacher .reveal-modal .panelIndentFlat, .reveal-modal .panelIndentFlat, .class_list li a {
	background: #EAE6E2;
	border-radius: 6px;
	padding: 30px 30px 10px 30px;
	margin-bottom: 10px;
	border-top: 1px solid #cdc9c4;
	border-right: 1px solid #F6F5F4;
	border-left: 1px solid #d9d6d4;
	border-bottom: 1px solid #fff;
}
.panelOutdent, .test .panelIndent .six.columns ul li, .test .panelIndent .ten.columns ul li,  #multimediaModal.test .panelIndent .redactor-toolbar  li {
	background: url(../assets/dash_bg.jpg) #f6f6f6 repeat-x top;
	border-radius: 5px;
	padding: 20px 20px 10px 20px;
	margin-bottom: 10px;
}
.test .panelIndent .six.columns ul li, .test .panelIndent .ten.columns ul li, #multimediaModal.test .panelIndent .redactor-toolbar  li {
	background-color: #4D4D4D;
	border: 1px solid #333;
	border-right: 1px solid #222;
	padding: 20px 20px 10px 50px;
	border-bottom: 1px solid #222;
	margin-bottom: 10px;
	display: block;
	background-image: none;
	margin-top: 35px;
	margin-bottom: -28px;
	float: left;
	width: 100%;
}
#testManualModal .panelIndent ul li, #multimediaModal .panelIndent ul li, #multimediaModalEdit .panelIndent ul li {
	width:100%;
}
#testModal .panelIndent ul li label {
	width: 100%;
	margin-top: 0px!important;
	float:left;
}
body.teacher #testModal .panelIndent ul li label {
	margin-top: -33px!important;
	font: 18px arial, tahoma, sans-serif;
}

.panelIndent ul li label {
	color: #eee;
}
.test .panelIndent .six.columns ul li:hover, .test .panelIndent .ten.columns ul li:hover {
	border:1px solid #0D7EB9;
	box-shadow:inset 1px 1px 38px 0px #2896cf !important;
}
.panelDark {
	opacity:0;
	position:absolute;
	padding:20px!important;
	right:0;
	-webkit-transition: all 0.3s ease-in-out;
	border-radius:0px;
	margin-left:-10px;
	margin-top:-50px;
	border:none;
	border-top:4px solid #ccc;
	background-image: linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 1%, #636363 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#3A3A3A', GradientType=0 ); /* IE6-9 */
	position:fixed;
	width:100%!important;
	bottom:-320px!important;
	height:280px;
	margin-left: auto;
	margin-right: auto;
	z-index:99999!important;
	left:auto!important;
}
.panelDark:before, .button_bar:before {
	display: block;
	content: "";
	width: 100%;
	height: 30px;
	position: absolute;
	margin: -54px 0 0 -20px;
	background: url(../assets/imgHeadingB_flipped.png);
	background-size: auto 70px;
	background-position: right top;
	background-repeat: repeat-x;
}
.button_bar:before {
	background-size: auto 30px;
	background-position: right 18px;
}

.panel > :first-child {
	margin-top: 0;
}
.panel > :last-child {
	margin-bottom: 0;
}
/* Accordion ---------------------- */
ul.accordion {
	margin: 0 0 22px 0;
	border-bottom: 1px solid #e9e9e9;
}
ul.accordion li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e9e9e9;
}
ul.accordion li .title {
	cursor: pointer;
	background: #f6f6f6;
	padding: 15px;
	margin: 0;
	position: relative;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	-webkit-transition: 0.15s background linear;
	-moz-transition: 0.15s background linear;
	-o-transition: 0.15s background linear;
	transition: 0.15s background linear;
}
ul.accordion li .title h1, ul.accordion li .title h2, ul.accordion li .title h3, ul.accordion li .title h4, ul.accordion li .title h5 {
	margin: 0;
}
ul.accordion li .title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 6px;
	border-color: transparent #9d9d9d transparent transparent;
	position: absolute;
	right: 15px;
	top: 21px;
}
ul.accordion li .content {
	display: none;
	padding: 15px;
}
ul.accordion li.active {
	border-top: 1px solid #AFA997;
}
ul.accordion li.active .title {
	background: white;
	padding-top: 13px;
}
ul.accordion li.active .title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 6px;
	border-color: #9d9d9d transparent transparent transparent;
}
ul.accordion li.active .content {
	background: white;
	display: block;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
/* Side Nav ---------------------- */
ul.side-nav {
	display: block;
	list-style: none;
	margin: 0;
	padding: 17px 0;
}
ul.side-nav li {
	display: block;
	list-style: none;
	margin: 0 0 7px 0;
}
ul.side-nav li a {
	display: block;
}
ul.side-nav li.active a {
	color: #4d4d4d;
	font-weight: bold;
}
ul.side-nav li.divider {
	border-top: 1px solid #999;
	height: 0;
	padding: 0;
}