/*
* jQuery Mobile v1.4.5
* http://jquerymobile.com
*
* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/

/* Some unsets */
.ui-mobile,
.ui-mobile body {
	height: 99.9%;
}
.ui-mobile fieldset,
.ui-page {
	padding: 0;
	margin: 0;
}
.ui-mobile a img,
.ui-mobile fieldset {
	border-width: 0;
}
/* Fixes for fieldset issues on IE10 and FF (see #6077) */
.ui-mobile fieldset {
	min-width: 0;
}
@-moz-document url-prefix() {
	.ui-mobile fieldset {
		display: table-column;
		vertical-align: middle;
	}
}

/* Viewport */
.ui-mobile-viewport {
	margin: 0;
	overflow-x: visible;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Issue #2066 */
body.ui-mobile-viewport,
div.ui-mobile-viewport {
	overflow-x: hidden;
}
/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page],
.ui-mobile [data-role=dialog],
.ui-page {
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	position: absolute;
	display: none;
	border: 0;
}
/* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page {
	outline: none;
}
.ui-mobile .ui-page-active {
	display: block;
	overflow: visible;
	overflow-x: hidden;
}
@media screen and (orientation: portrait) {
	.ui-mobile .ui-page {
		min-height: 420px;
	}
}
@media screen and (orientation: landscape) {
	.ui-mobile .ui-page {
		min-height: 300px;
	}
}

/* Fouc */
.ui-mobile-rendering > * {
	visibility: hidden;
}

/* Non-js content hiding */
.ui-nojs {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}

/* Loading screen */
.ui-loading .ui-loader {
	display: block;
}
.ui-loader {
	display: none;
	z-index: 9999999;
	position: fixed;
	top: 50%;
	left: 50%;
	border:0;
}
.ui-loader-default {
	background: none;
	filter: Alpha(Opacity=18);
	opacity: .18;
	width: 2.875em;
	height: 2.875em;
	margin-left: -1.4375em;
	margin-top: -1.4375em;
}
.ui-loader-verbose {
	width: 12.5em;
	filter: Alpha(Opacity=88);
	opacity: .88;
	box-shadow: 0 1px 1px -1px #fff;
	height: auto;
	margin-left: -6.875em;
	margin-top: -2.6875em;
	padding: .625em;
}
.ui-loader-default h1 {
	font-size: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
.ui-loader-verbose h1 {
	font-size: 1em;
	margin: 0;
	text-align: center;
}
.ui-loader .ui-icon-loading {
	background-color: #000;
	display: block;
	margin: 0;
	width: 2.75em;
	height: 2.75em;
	padding: .0625em;
	-webkit-border-radius: 2.25em;
	border-radius: 2.25em;
}
.ui-loader-verbose .ui-icon-loading {
	margin: 0 auto .625em;
	filter: Alpha(Opacity=75);
	opacity: .75;
}
.ui-loader-textonly {
	padding: .9375em;
	margin-left: -7.1875em;
}
.ui-loader-textonly .ui-icon-loading {
	display: none;
}
.ui-loader-fakefix {
	position: absolute;
}

/* Headers, content panels */
.ui-bar,
.ui-body {
	position: relative;
	padding: .4em 1em;
	overflow: hidden;
	display: block;
	clear: both;
}
.ui-bar h1,
.ui-bar h2,
.ui-bar h3,
.ui-bar h4,
.ui-bar h5,
.ui-bar h6 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	display: inline-block;
}
.ui-header,
.ui-footer {
	border-width: 1px 0;
	border-style: solid;
	position: relative;
}
.ui-header:empty,
.ui-footer:empty {
	min-height: 2.6875em;
}
.ui-header .ui-title,
.ui-footer .ui-title {
	font-size: 1em;
	min-height: 1.1em;
	text-align: center;
	display: block;
	margin: 0 30%;
	padding: .7em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0 !important;
}
.ui-footer .ui-title {
	margin: 0 1em;
}
.ui-content {
	border-width: 0;
	overflow: visible;
	overflow-x: hidden;
	padding: 1em;
}
/* Corner styling for dialogs and popups */
.ui-corner-all > .ui-header:first-child,
.ui-corner-all > .ui-content:first-child,
.ui-corner-all > .ui-footer:first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.ui-corner-all > .ui-header:last-child,
.ui-corner-all > .ui-content:last-child,
.ui-corner-all > .ui-footer:last-child {
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

/* Buttons and icons */
.ui-btn {
	font-size: 16px;
	margin: .5em 0;
	padding: .7em 1em;
	display: block;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ui-btn-icon-notext,
.ui-header button.ui-btn.ui-btn-icon-notext,
.ui-footer button.ui-btn.ui-btn-icon-notext {
	padding: 0;
	width: 1.75em;
	height: 1.75em;
	text-indent: -9999px;
	white-space: nowrap !important;
}
.ui-mini {
	font-size: 12.5px;
}
.ui-mini .ui-btn {
	font-size: inherit;
}
/* Make buttons in toolbars default to mini and inline. */
.ui-header .ui-btn,
.ui-footer .ui-btn {
	font-size: 12.5px;
	display: inline-block;
	vertical-align: middle;
}
.ui-header .ui-controlgroup .ui-btn-icon-notext,
.ui-footer .ui-controlgroup .ui-btn-icon-notext {
    font-size: 12.5px;
}

/* To ensure same top and left/right position when ui-btn-left/right are added to something other than buttons. */
.ui-header .ui-btn-left,
.ui-header .ui-btn-right {
	font-size: 12.5px;
}
.ui-mini.ui-btn-icon-notext,
.ui-mini .ui-btn-icon-notext,
.ui-header .ui-btn-icon-notext,
.ui-footer .ui-btn-icon-notext {
	font-size: 16px;	
	padding: 0;
}
.ui-btn-inline {
	display: inline-block;
	vertical-align: middle;
	margin-right: .625em;
}
.ui-btn-icon-left {
	padding-left: 2.5em;
}
.ui-btn-icon-right {
	padding-right: 2.5em;
}
.ui-btn-icon-top {
	padding-top: 2.5em;
}
.ui-btn-icon-bottom {
	padding-bottom: 2.5em;
}
.ui-header .ui-btn-icon-top,
.ui-footer .ui-btn-icon-top,
.ui-header .ui-btn-icon-bottom,
.ui-footer .ui-btn-icon-bottom {
	padding-left: .3125em;
	padding-right: .3125em;
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
	content: "";
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
}
.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
	top: 50%;
	margin-top: -11px;
}
.ui-btn-icon-left:after {
	left: .5625em;
}
.ui-btn-icon-right:after {
	right: .5625em;
}
.ui-mini.ui-btn-icon-left:after,
.ui-mini .ui-btn-icon-left:after,
.ui-header .ui-btn-icon-left:after,
.ui-footer .ui-btn-icon-left:after {
	left: .37em;
}
.ui-mini.ui-btn-icon-right:after,
.ui-mini .ui-btn-icon-right:after,
.ui-header .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-right:after {
	right: .37em;
}
.ui-btn-icon-notext:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after {
	left: 50%;
	margin-left: -11px;
}
.ui-btn-icon-top:after {
	top: .5625em;
}
.ui-btn-icon-bottom:after {
	top: auto;
	bottom: .5625em;
}
/* Buttons in header position classes */
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-btn-left > [class*="ui-"],
.ui-btn-right > [class*="ui-"] {
	margin: 0;
}
.ui-btn-left,
.ui-btn-right {
	position: absolute;
	top: .24em;
}
.ui-btn-left {
	left: .4em;
}
.ui-btn-right {
	right: .4em;
}
.ui-btn-icon-notext.ui-btn-left {
	top: .3125em;
	left: .3125em;
}
.ui-btn-icon-notext.ui-btn-right {
	top: .3125em;
	right: .3125em;
}

/* Button elements */
button.ui-btn,
.ui-controlgroup-controls button.ui-btn-icon-notext {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
}
button.ui-btn-inline,
.ui-header button.ui-btn,
.ui-footer button.ui-btn {
	width: auto;
}
/* Firefox adds a 1px border in a button element. We negate this to make sure they have the same height as other buttons in controlgroups. */
button.ui-btn::-moz-focus-inner {
	border: 0;
}
button.ui-btn-icon-notext,
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 1.75em;
}

/* Form labels */
.ui-mobile label,
.ui-controlgroup-label {
	display: block;
	margin: 0 0 .4em;
}

/* Accessible content hiding */
/* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
.ui-hide-label > label,
.ui-hide-label .ui-controlgroup-label,
.ui-hide-label .ui-rangeslider label,
.ui-hidden-accessible {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}

/* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
.ui-screen-hidden {
	display: none !important;
}


/* content configurations. */
.ui-grid-a,
.ui-grid-b,
.ui-grid-c,
.ui-grid-d,
.ui-grid-solo {
	overflow: hidden;
}
.ui-block-a,
.ui-block-b,
.ui-block-c,
.ui-block-d,
.ui-block-e {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* force new row */
.ui-block-a {
	clear: left;
}
ul.ui-grid-a,
ul.ui-grid-b,
ul.ui-grid-c,
ul.ui-grid-d,
ul.ui-grid-solo,
li.ui-block-a,
li.ui-block-b,
li.ui-block-c,
li.ui-block-d,
li.ui-block-e {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	list-style: none;
}
/* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
[class*="ui-block-"] > button.ui-btn {
	margin-right: 0;
	margin-left: 0;
}
[class*="ui-block-"] > .ui-btn,
[class*="ui-block-"] > .ui-select,
[class*="ui-block-"] > .ui-checkbox,
[class*="ui-block-"] > .ui-radio,
[class*="ui-block-"] > button.ui-btn-inline,
[class*="ui-block-"] > button.ui-btn-icon-notext,
.ui-header [class*="ui-block-"] > button.ui-btn,
.ui-footer [class*="ui-block-"] > button.ui-btn {
	margin-right: .3125em;
	margin-left: .3125em;
}

.ui-grid-a > .ui-block-a,
.ui-grid-a > .ui-block-b {
	/* width: 49.95%; IE7 */
	/* margin-right: -.5px; BB5 */
	width: 50%;
}
.ui-grid-b > .ui-block-a,
.ui-grid-b > .ui-block-b,
.ui-grid-b > .ui-block-c {
	/* width: 33.25%; IE7 */
	/* margin-right: -.5px; BB5 */
	width: 33.333%;
}
.ui-grid-c > .ui-block-a,
.ui-grid-c > .ui-block-b,
.ui-grid-c > .ui-block-c,
.ui-grid-c > .ui-block-d {
	/* width: 24.925%; IE7 */
	/* margin-right: -.5px; BB5 */
	width: 25%;
}
.ui-grid-d > .ui-block-a,
.ui-grid-d > .ui-block-b,
.ui-grid-d > .ui-block-c,
.ui-grid-d > .ui-block-d,
.ui-grid-d > .ui-block-e {
	/* width: 19.925%; IE7 */
	width: 20%;
}
.ui-grid-solo > .ui-block-a {
	width: 100%;
	float: none; 
}

/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
@media (max-width: 35em) {
	.ui-responsive > .ui-block-a,
	.ui-responsive > .ui-block-b,
	.ui-responsive > .ui-block-c,
	.ui-responsive > .ui-block-d,
	.ui-responsive > .ui-block-e {
		width: 100%; 
		float: none; 
	}
}


/* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-page-pre-in {
	opacity: 0;
}
.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
	animation-timing-function: ease-out;
	animation-duration: 350ms;
}
.out {
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 225ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 225ms;
	animation-timing-function: ease-in;
	animation-duration: 225ms;
}


@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade.out {
	opacity: 0;
	-webkit-animation-duration: 125ms;
	-webkit-animation-name: fadeout;
	-moz-animation-duration: 125ms;
	-moz-animation-name: fadeout;
	animation-duration: 125ms;
	animation-name: fadeout;
}

.fade.in {
	opacity: 1;
	-webkit-animation-duration: 225ms;
	-webkit-animation-name: fadein;
	-moz-animation-duration: 225ms;
	-moz-animation-name: fadein;
	animation-duration: 225ms;
	animation-name: fadein;
}


.ui-controlgroup,
fieldset.ui-controlgroup {
	padding: 0;
	margin: .5em 0;
}
.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
	margin: 0;
}
.ui-mini .ui-controlgroup-label {
	font-size: 16px;
}
.ui-controlgroup.ui-mini .ui-btn-icon-notext,
.ui-controlgroup .ui-mini.ui-btn-icon-notext {
	font-size: inherit;
}
.ui-controlgroup-controls .ui-btn,
.ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-controls .ui-radio,
.ui-controlgroup-controls .ui-select {
	margin: 0;
}
.ui-controlgroup-controls .ui-btn:focus,
.ui-controlgroup-controls .ui-btn.ui-focus {
	z-index: 1;
}
.ui-controlgroup-controls li {
	list-style: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls {
	display: inline-block;
	vertical-align: middle;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:before,
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
	content: "";
	display: table;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
	clear: both;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn,
.ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select {
	float: left;
	clear: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,
.ui-controlgroup-controls .ui-btn-icon-notext {
	width: auto;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn-icon-notext,
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn-icon-notext {
	width: 1.5em;
}
 .ui-controlgroup-controls .ui-btn-icon-notext {
	height: auto;
	padding: .7em 1em;
}
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn {
	border-bottom-width: 0;
}
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
	border-bottom-width: 1px;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
	border-right-width: 0;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child {
	border-right-width: 1px;
}
.ui-controlgroup-controls .ui-btn-corner-all,
.ui-controlgroup-controls .ui-btn.ui-corner-all {
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-controlgroup-controls,
.ui-controlgroup-controls .ui-radio,
.ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-controls .ui-select,
.ui-controlgroup-controls li {
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-last-child {
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-last-child {
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.ui-controlgroup-controls a.ui-shadow:not(:focus),
.ui-controlgroup-controls button.ui-shadow:not(:focus),
.ui-controlgroup-controls div.ui-shadow:not(.ui-focus) {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* Fixes legend not wrapping on IE10 */
.ui-controlgroup-label legend {
	max-width: 100%;
}
.ui-controlgroup-controls > label {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}


/* Hide the native input element */
.ui-input-btn input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	outline: 0;
	-webkit-border-radius: inherit;
	border-radius: inherit;	
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	background: #fff;
	background: rgba(255,255,255,0);
	filter: Alpha(Opacity=0);
	opacity: .1;
	font-size: 1px;
	text-indent: -9999px;
	z-index: 2;
}
/* Fixes IE/WP filter alpha opacity bugs */
.ui-input-btn.ui-state-disabled input {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}


.ui-checkbox,
.ui-radio {
	margin: .5em 0;
	position: relative;
}
.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
	margin: 0;
	text-align: left;
	white-space: normal; /* Nowrap + ellipsis doesn't work on label. Issue #1419. */
	z-index: 2;
}
.ui-controlgroup .ui-checkbox .ui-btn.ui-focus,
.ui-controlgroup .ui-radio .ui-btn.ui-focus {
	z-index: 3;
}
.ui-checkbox .ui-btn-icon-top,
.ui-radio .ui-btn-icon-top,
.ui-checkbox .ui-btn-icon-bottom,
.ui-radio .ui-btn-icon-bottom {
	text-align: center;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn:after,
.ui-controlgroup-horizontal .ui-radio .ui-btn:after {
	content: none;
	display: none;
}
/* Native input positioning */
.ui-checkbox input,
.ui-radio input {
	position: absolute;
	left: .466em;
	top: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 0;
	outline: 0 !important;
	z-index: 1;
}
.ui-controlgroup-horizontal .ui-checkbox input,
.ui-controlgroup-horizontal .ui-radio input {
	left: 50%;
	margin-left: -9px;
}
.ui-checkbox input:disabled,
.ui-radio input:disabled {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}

.ui-select {
	margin-top: .5em;
	margin-bottom: .5em; /* no shorthand for margin because it would override margin-right for inline selects */
	position: relative;
}
.ui-select > select {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}
.ui-select .ui-btn {
	margin: 0;
	opacity: 1; /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
}
.ui-select .ui-btn select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 1.5em;
	min-height: 100%;
	height: 3em;
	max-height: 100%;
	outline: 0;
	-webkit-border-radius: inherit;
	border-radius: inherit;	
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	filter: Alpha(Opacity=0);
	opacity: 0;
	z-index: 2;
}
@-moz-document url-prefix() {
	.ui-select .ui-btn select {
		opacity: 0.0001;
	}
}
/* Display none because of issues with IE/WP's filter alpha opacity */
.ui-select .ui-state-disabled select {
	display: none;
}
/* Because we add all classes of the select and option elements to the span... */ 
.ui-select span.ui-state-disabled {
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.ui-select .ui-btn.ui-select-nativeonly {
	border-radius: 0;
	border: 0;
}
.ui-select .ui-btn.ui-select-nativeonly select {
	opacity: 1;
	text-indent: 0;
	display: block;
}
/* ui-li-count is styled in the listview CSS. We set padding and offset here because select supports icon position while listview doesn't. */
.ui-select .ui-li-has-count.ui-btn {
	padding-right: 2.8125em;
}
.ui-select .ui-li-has-count.ui-btn-icon-right {
	padding-right: 4.6875em;
}
.ui-select .ui-btn-icon-right .ui-li-count {
	right: 3.2em;
}
/* We set the rules for the span as well to fix an issue on Chrome with text-overflow ellipsis for the button in combination with text-align center. */
.ui-select .ui-btn > span:not(.ui-li-count) {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden !important;
	white-space: nowrap;
}

.ui-selectmenu.ui-popup {
	min-width: 11em;
}

.ui-selectmenu .ui-dialog-contain {
	overflow: hidden;
}

.ui-selectmenu .ui-header {
	margin: 0;
	padding: 0;
	border-width: 0;
}
.ui-selectmenu.ui-dialog .ui-header {
	z-index: 1;
	position: relative;
}
.ui-selectmenu.ui-popup .ui-header {
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
.ui-selectmenu.ui-popup .ui-header h1:after {
	content: '.';
	visibility: hidden;
}
.ui-selectmenu .ui-header .ui-title {
	margin: 0 2.875em;
}
.ui-selectmenu.ui-dialog .ui-content {
	overflow: visible;
	z-index: 1;
}

.ui-selectmenu .ui-selectmenu-list {
	margin: 0;
	-webkit-border-radius: inherit;
	border-radius: inherit;	
}
.ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list {
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
}
.ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn {
	border-top-width: 0;
}
.ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn {
	border-bottom-width: 0;
}

.ui-selectmenu .ui-btn.ui-li-divider {
	cursor: default;
}

.ui-selectmenu .ui-selectmenu-placeholder {
	display: none;
}


.ui-input-text,
.ui-input-search {
	margin: .5em 0;
	border-width: 1px;
	border-style: solid;
}
.ui-mini {
	margin: .446em;
}
.ui-input-text input,
.ui-input-search input,
textarea.ui-input-text {
	padding: .4em;
	line-height: 1.4em;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}
.ui-input-text input,
.ui-input-search input {
	margin: 0;
	min-height: 2.2em;
	text-align: left; /* Opera aligns type="date" right by default */
	border: 0;
	background: transparent none;
	-webkit-appearance: none;
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
textarea.ui-input-text {
	overflow: auto;
	resize: vertical;
}
.ui-mini .ui-input-text input,
.ui-mini .ui-input-search input,
.ui-input-text.ui-mini input,
.ui-input-search.ui-mini input,
.ui-mini textarea.ui-input-text,
textarea.ui-mini {
	font-size: 14px;
}
/* Same margin for mini textareas as other mini sized widgets (12.5/14 * 0.5em) */
.ui-mini textarea.ui-input-text,
textarea.ui-mini {
	margin: .446em 0;
}
.ui-input-has-clear,
.ui-input-search {
	position: relative;
}
/* Padding on the div instead of input because of browser spinners etc. */
.ui-input-has-clear {
	padding-right: 2.375em;
}
.ui-mini.ui-input-has-clear {
	padding-right: 2.923em;
}
.ui-input-has-clear input {
	padding-right: 0;
	/* Autofill on Chrome has bg color so we unset corners right as well. */
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
/* Search icon */
.ui-input-search input {
	padding-left: 1.75em;
}
.ui-input-search:after {
	position: absolute;
	left: .3125em;
	top: 50%;
	margin-top: -7px;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	filter: Alpha(Opacity=50);
	opacity: .5;
}
.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
.ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -14px .3125em 0;
	border: 0;
	background-color: transparent;
}
.ui-input-search .ui-input-clear-hidden,
.ui-input-text .ui-input-clear-hidden {
	display: none;
}
/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
.ui-input-text input::-moz-placeholder,
.ui-input-search input::-moz-placeholder,
textarea.ui-input-text::-moz-placeholder {
	color: #aaa;
}
/* Same for IE10 */
.ui-input-text input:-ms-input-placeholder,
.ui-input-search input:-ms-input-placeholder,
textarea.ui-input-text:-ms-input-placeholder {
	color: #aaa;
}

/* Resolves issue #5131: Width of textinput depends on its type,
for Android 4.1 */
.ui-input-text input[type=number]::-webkit-outer-spin-button {
	margin: 0;
}
/* Resolves issue #5756: Textinput in IE10 has a default clear button */
.ui-input-text input::-ms-clear,
.ui-input-search input::-ms-clear {
	display: none;
}
.ui-input-text input:focus,
.ui-input-search input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


.ui-listview,
.ui-listview > li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ui-content .ui-listview,
.ui-panel-inner > .ui-listview {
	margin: -1em;
}
.ui-content .ui-listview-inset,
.ui-panel-inner > .ui-listview-inset {
	margin: 1em 0;
}
.ui-collapsible-content > .ui-listview {
	margin: -.5em -1em;
}
.ui-collapsible-content > .ui-listview-inset {
	margin: .5em 0;
}
.ui-listview > li {
	display: block;
	position: relative;
	overflow: visible;
}
.ui-listview > .ui-li-static,
.ui-listview > .ui-li-divider,
.ui-listview > li > a.ui-btn {
	margin: 0;
	display: block;
	position: relative;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ui-listview > li > .ui-btn:focus {
	z-index: 1;
}
.ui-listview > .ui-li-static,
.ui-listview > .ui-li-divider,
.ui-listview > li > a.ui-btn {
	border-width: 1px 0 0 0;
	border-style: solid;
}
.ui-listview-inset > .ui-li-static,
.ui-listview-inset > .ui-li-divider,
.ui-listview-inset > li > a.ui-btn {
	border-right-width: 1px;
	border-left-width: 1px;
}
.ui-listview > .ui-li-static.ui-last-child,
.ui-listview > .ui-li-divider.ui-last-child,
.ui-listview > li.ui-last-child > a.ui-btn {
	border-bottom-width: 1px;
}
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
	border-top-width: 0;
}
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child,
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child > a.ui-btn {
	border-bottom-width: 0;
}
.ui-listview > li.ui-first-child,
.ui-listview > li.ui-first-child > a.ui-btn {
	-webkit-border-top-right-radius: inherit;	
	border-top-right-radius: inherit;
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
}
.ui-listview > li.ui-last-child,
.ui-listview > li.ui-last-child > a.ui-btn {
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
.ui-listview > li.ui-li-has-alt > a.ui-btn {
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
.ui-listview > li.ui-first-child > a.ui-btn + a.ui-btn {
	-webkit-border-top-left-radius: 0;	
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.ui-listview > li.ui-last-child > a.ui-btn + a.ui-btn {
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.ui-listview > li.ui-first-child img:first-child:not(.ui-li-icon) {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;	
}
.ui-listview > li.ui-last-child img:first-child:not(.ui-li-icon) {
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;	
}
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) {
	-webkit-border-radius: inherit;
	border-radius: inherit;	
}
.ui-listview > .ui-li-static {
	padding: .7em 1em;
}
.ui-listview > .ui-li-divider {
	padding: .5em 1.143em;
	font-size: 14px;
	font-weight: bold;
	cursor: default;
	outline: 0; /* Dividers in custom selectmenus have tabindex */
}
.ui-listview > .ui-li-has-count > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-count,
.ui-listview > .ui-li-divider.ui-li-has-count {
	padding-right: 2.8125em;
}
.ui-listview > .ui-li-has-count > .ui-btn-icon-right {
	padding-right: 4.6875em;
}
.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-thumb {
	min-height: 3.625em;
	padding-left: 6.25em;
}
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
.ui-listview > .ui-li-has-icon > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-icon {
	min-height: 1.25em;
	padding-left: 2.5em;
}
/* Used by both listview and custom multiple select button */
.ui-li-count {
	position: absolute;
	font-size: 12.5px;
	font-weight: bold;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	padding: 0 .48em;
	line-height: 1.6em;
	min-height: 1.6em;
	min-width: .64em;
	right: .8em;
	top: 50%;
	margin-top: -.88em;
}
.ui-listview .ui-btn-icon-right .ui-li-count {
	right: 3.2em;
}
.ui-listview .ui-li-has-thumb > img:first-child,
.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
.ui-listview .ui-li-has-thumb .ui-li-thumb {
	position: absolute;
	left: 0;
	top: 0;
	max-height: 5em;
	max-width: 5em;
}
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
.ui-listview > .ui-li-has-icon > img:first-child,
.ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
	position: absolute;
	left: .625em;
	top: .9em;
	max-height: 1em;
	max-width: 1em;
}
.ui-listview > li h1,
.ui-listview > li h2,
.ui-listview > li h3,
.ui-listview > li h4,
.ui-listview > li h5,
.ui-listview > li h6 {
	font-size: 1em;
	font-weight: bold;
	display: block;
	margin: .45em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ui-listview > li p {
	font-size: .75em;
	font-weight: normal;
	display: block;
	margin: .6em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ui-listview .ui-li-aside {
	position: absolute;
	top: 1em;
	right: 3.333em;
	margin: 0;
	text-align: right;
}
.ui-listview > li.ui-li-has-alt > .ui-btn {
	margin-right: 2.5em;
	border-right-width: 0;
}
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn {
	position: absolute;
	width: 2.5em;
	height: 100%;
	min-height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left-width: 1px;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 2;
}
.ui-listview-inset > li.ui-li-has-alt > .ui-btn + .ui-btn {
	border-right-width: 1px;
}
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn:focus {
	z-index: 3;
}
ol.ui-listview,
ol.ui-listview > .ui-li-divider {
	counter-reset: listnumbering;
}
ol.ui-listview > li > .ui-btn,
ol.ui-listview > li.ui-li-static {
	vertical-align: middle;
}
ol.ui-listview > li > .ui-btn:first-child:before,
ol.ui-listview > li.ui-li-static:before,
ol.ui-listview > li.ui-field-contain > label:before,
ol.ui-listview > li.ui-field-contain > .ui-controlgroup-label:before {
	display: inline-block;
	font-size: .9em;
	font-weight: normal;
	padding-right: .3em;
	min-width: 1.4em;
	line-height: 1.5;
	vertical-align: middle;
	counter-increment: listnumbering;
	content: counter(listnumbering) ".";
}
ol.ui-listview > li.ui-field-contain:before {
	content: none;
	display: none;
}
ol.ui-listview > li h1:first-child,
ol.ui-listview > li h2:first-child,
ol.ui-listview > li h3:first-child,
ol.ui-listview > li h4:first-child,
ol.ui-listview > li h5:first-child,
ol.ui-listview > li h6:first-child,
ol.ui-listview > li p:first-child,
ol.ui-listview > li img:first-child + * {
	display: inline-block;
	vertical-align: middle;
}
ol.ui-listview > li h1:first-child ~ *,
ol.ui-listview > li h2:first-child ~ *,
ol.ui-listview > li h3:first-child ~ *,
ol.ui-listview > li h4:first-child ~ *,
ol.ui-listview > li h5:first-child ~ *,
ol.ui-listview > li h6:first-child ~ *,
ol.ui-listview > li p:first-child ~ *,
ol.ui-listview > li img:first-child + * ~ * {
	margin-top: 0;
	text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */
}


.ui-navbar {
	max-width: 100%;
}
.ui-navbar ul:before,
.ui-navbar ul:after {
	content: "";
	display: table;
}
.ui-navbar ul:after {
	clear: both;
}
.ui-navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	border: 0;
	max-width: 100%;
	overflow: visible;
}
.ui-navbar li .ui-btn {
	font-size: 12.5px;
	display: block;
	margin: 0;
	border-right-width: 0;
}
.ui-header .ui-navbar li button.ui-btn,
.ui-footer .ui-navbar li button.ui-btn {
	margin: 0;
	width: 100%;
}
.ui-navbar .ui-btn:focus {
	z-index: 1;
}

/* fixes gaps caused by subpixel problem */
.ui-navbar li:last-child .ui-btn {
	margin-right: -4px;
}
.ui-navbar li:last-child .ui-btn:after {
	margin-right: 4px;
}

.ui-content .ui-navbar li:last-child .ui-btn,
.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn {
	border-right-width: 1px;
	margin-right: 0;
}
.ui-content .ui-navbar li:last-child .ui-btn:after,
.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn:after {
	margin-right: 0;
}
.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn {
	border-right-width: 1px;
	margin-right: -1px;
}
.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn:after {
	margin-right: 1px;
}

.ui-navbar .ui-grid-duo .ui-btn {
	border-top-width: 0;
}
.ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
	border-top-width: 1px;
}
.ui-header .ui-navbar .ui-btn,
.ui-footer .ui-navbar .ui-btn {
	border-top-width: 0;
	border-bottom-width: 0;
}
.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
	border-top-width: 0;
}
.ui-header .ui-title ~ .ui-navbar .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-btn,
.ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
	border-top-width: 1px;
}


/* Panel */
.ui-panel {
	width: 17em;
	min-height: 100%;
	max-height: none;
	border-width: 0;
	position: absolute;
	top: 0;
	display: block;
}
.ui-panel-closed {
	width: 0;
	max-height: 100%;
	overflow: hidden;
	visibility: hidden;
	left: 0;
	clip: rect(1px,1px,1px,1px);
}
.ui-panel-fixed {
	position: fixed;
	bottom: -1px; /* Fixes gap on Chrome for Android */
	padding-bottom: 1px;
}
.ui-panel-display-reveal {
	z-index: 1;
}
.ui-panel-display-push {
	z-index: 999;
}
.ui-panel-display-overlay {
	z-index: 1001; /* Fixed toolbars have z-index 1000 */
}
.ui-panel-inner {
	padding: 1em;
}

/* Container, page and wrapper */
.ui-panel-page-container {
	overflow-x: visible;
}
.ui-panel-page-container-themed .ui-page-active {
	background: none;
}
.ui-panel-wrapper {
	position: relative;
	min-height: inherit;
	border: 0;
	overflow-x: hidden;
	z-index: 999;
}

/* Fixed toolbars */
.ui-panel-fixed-toolbar {
	overflow-x: hidden;
}

/* Dismiss */
.ui-panel-dismiss {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 1002;
	display: none;
}
.ui-panel-dismiss-open {
	display: block;
}

/* Animate class is added to panel, wrapper and fixed toolbars */
.ui-panel-animate {
	-webkit-transition: -webkit-transform 300ms ease;
	-webkit-transition-duration: 300ms;
	-moz-transition: -moz-transform 300ms ease;
	transition: transform 300ms ease;
}

/* Fix for Windows Phone issue #6349: unset the transition for transforms in case of fixed toolbars. */
@media screen and ( max-device-width: 768px ) {
	.ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper,
	.ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper,
	.ui-panel-animate.ui-panel-fixed-toolbar {
		-ms-transition: none;
	}
	/* We need a transitionend event ... */
	.ui-panel-animate.ui-panel-fixed-toolbar {
		-ms-transition: -ms-transform 1ms;
		-ms-transform: rotate(0deg);
	}
}

/* Hardware acceleration for smoother transitions on WebKit browsers */
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}

/* Panel positioning (for overlay and push) */
/* Panel left closed */
.ui-panel-position-left {
	left: -17em;
}
/* Panel left closed animated */
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
	left: 0;
	-webkit-transform: translate3d(-17em,0,0);
	-moz-transform: translate3d(-17em,0,0);
	transform: translate3d(-17em,0,0);
}
/* Panel left open */
.ui-panel-position-left.ui-panel-display-reveal, /* Unset "panel left closed" for reveal */
.ui-panel-open.ui-panel-position-left {
	left: 0;
}
/* Panel left open animated */
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-moz-transform: none;
}
/* Panel right closed */
.ui-panel-position-right {
	right: -17em;
}
/* Panel right closed animated */
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
	right: 0;
	-webkit-transform: translate3d(17em,0,0);
	-moz-transform: translate3d(17em,0,0);
	transform: translate3d(17em,0,0);
}
/* Panel right open */
.ui-panel-position-right.ui-panel-display-reveal, /* Unset "panel right closed" for reveal */
.ui-panel-position-right.ui-panel-open {
	right: 0;
}
/* Panel right open animated */
.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-moz-transform: none;
}

/* Wrapper and fixed toolbars positioning (for reveal and push) */
/* Panel left open */
.ui-panel-page-content-position-left {
	left: 17em;
	right: -17em;
}
/* Panel left open animated */
.ui-panel-animate.ui-panel-page-content-position-left {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(17em,0,0);
	-moz-transform: translate3d(17em,0,0);
	transform: translate3d(17em,0,0);
}
/* Panel right open */
.ui-panel-page-content-position-right {
	left: -17em;
	right: 17em;
}
/* Panel right open animated */
.ui-panel-animate.ui-panel-page-content-position-right {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(-17em,0,0);
	-moz-transform: translate3d(-17em,0,0);
	transform: translate3d(-17em,0,0);
}

/* Dismiss model open */
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
	left: 17em;
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
	right: 17em;
}

/* Shadows and borders */
.ui-panel-display-reveal {
	-webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
	box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-position-right.ui-panel-display-reveal {
	-webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
	box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-display-overlay {
	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
	box-shadow: 5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-position-right.ui-panel-display-overlay {
	-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
	box-shadow: -5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
	border-right-width: 1px;
	margin-right: -1px;
}
.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
	margin-left: 1px;
	width: auto;
}
.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
	border-left-width: 1px;
	margin-left: -1px;
}
.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
	margin-right: 1px;
	width: auto;
}

/* Responsive: wrap on wide viewports once open */
@media (min-width:55em) {
	.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
		margin-right: 17em;
	}
	.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
		margin-left: 17em;
	}
	.ui-responsive-panel .ui-panel-page-content-open {
		width: auto;	
	}
	.ui-responsive-panel .ui-panel-dismiss-display-push,
	.ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push {
		display: none;
	}
}


.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
	position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
}
.ui-popup-screen {
	background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
	position: absolute;
	filter: Alpha(Opacity=0);
	opacity: 0;
	z-index: 1099;
}
.ui-popup-screen.in {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
.ui-popup-screen.out {
	opacity: 0;
	filter: Alpha(Opacity=0);
}
.ui-popup-container {
	z-index: 1100;
	display: inline-block;
	position: absolute;
	padding: 0;
	outline: 0;
}
.ui-popup {
	position: relative;
}
.ui-popup.ui-body-inherit {
	border-width: 1px;
	border-style: solid;
}
.ui-popup-hidden {
	left: 0;
	top: 0;
	position: absolute !important;
	visibility: hidden;
}
.ui-popup-truncate {
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}
.ui-popup.ui-content,
.ui-popup .ui-content {
	overflow: visible;
}
.ui-popup > .ui-header {
	border-top-width: 0;
}
.ui-popup > .ui-footer {
	border-bottom-width: 0;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
	margin: .5em .4375em;
}
.ui-popup > span {
	display: block;
	margin: .5em .4375em;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
	margin: .5em 0;
}
.ui-popup-container .ui-content > span {
	margin: 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
	margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
	margin-bottom: 0;
}
.ui-popup > img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.ui-popup:not(.ui-content) > img:only-child,
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
.ui-popup iframe {
	vertical-align: middle;
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
	position: absolute; 
	top: -11px;
	margin: 0;
	z-index: 1101;
}
.ui-popup > .ui-btn-left {
	left: -11px;
}
.ui-popup > .ui-btn-right {
	right: -11px;
}


@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade.out {
	opacity: 0;
	-webkit-animation-duration: 125ms;
	-webkit-animation-name: fadeout;
	-moz-animation-duration: 125ms;
	-moz-animation-name: fadeout;
	animation-duration: 125ms;
	animation-name: fadeout;
}

.fade.in {
	opacity: 1;
	-webkit-animation-duration: 225ms;
	-webkit-animation-name: fadein;
	-moz-animation-duration: 225ms;
	-moz-animation-name: fadein;
	animation-duration: 225ms;
	animation-name: fadein;
}


/* fixed page header & footer configuration */
.ui-header-fixed,
.ui-footer-fixed {
	left: 0;
	right: 0;
	width: 100%;
	position: fixed;
	z-index: 1000;
}
.ui-header-fixed {
	top: -1px;
	padding-top: 1px;
}
.ui-header-fixed.ui-fixed-hidden {
	top: 0;
	padding-top: 0;
}
.ui-header-fixed .ui-btn-left,
.ui-header-fixed .ui-btn-right {
	margin-top: 1px;
}
.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
.ui-header-fixed.ui-fixed-hidden .ui-btn-right {
	margin-top: 0;
}
.ui-footer-fixed {
	bottom: -1px;
	padding-bottom: 1px;
}
.ui-footer-fixed.ui-fixed-hidden {
	bottom: 0;
	padding-bottom: 0;
}
.ui-header-fullscreen,
.ui-footer-fullscreen {
	filter: Alpha(Opacity=90);
	opacity: .9;
}
/* updatePagePadding() will update the padding to actual height of header and footer. */
.ui-page-header-fixed {
	padding-top: 2.8125em;
}
.ui-page-footer-fixed {
	padding-bottom: 2.8125em;
}
.ui-page-header-fullscreen > .ui-content,
.ui-page-footer-fullscreen > .ui-content {
	padding: 0;
}
.ui-fixed-hidden {
	position: absolute;
}
/* Tap toggle: hide external fixed footer. See issue #6604 */
.ui-footer-fixed.ui-fixed-hidden {
  display: none;
}
.ui-page .ui-footer-fixed.ui-fixed-hidden {
  display: block
}

.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn { 
	z-index: 10;
}
/* workarounds for other widgets */
.ui-android-2x-fixed .ui-li-has-thumb {
	-webkit-transform: translate3d(0,0,0);
}@media screen and (orientation: portrait) {
  .ui-mobile .ui-page {
    min-height: 280px;
  }
}
html,
body,
min-height 100% {
  height: 100%;
}
body.ios7 .ui-header {
  padding-top: 20px;
}
body.ios7 .ui-header .ui-btn-left,
body.ios7 .ui-header .ui-btn-right {
  top: 20px;
}
body.ios7 .ui-panel {
  min-height: calc(100% - 20px);
}
body.oldAndroid .ui-header {
  position: relative;
}
.ui-page,
.ui-content {
  line-height: 125%;
}
div[data-role="content"] {
  font-family: "HelveticaNeue", Arial, sans-serif;
  padding: 20px;
}
.ui-popup.ui-body-inherit {
  border-style: none;
}
.ui-disabled {
  opacity: 0.5;
}
.ui-grid-a,
.ui-grid-b,
.ui-grid-c,
.ui-grid-d,
.ui-grid-e,
.ui-block-a,
.ui-block-b,
.ui-block-c,
.ui-block-d,
.ui-block-e {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-bar-x,
.ui-bar-x input,
.ui-bar-x select,
.ui-bar-x textarea,
.ui-bar-x button {
  color: #fefefe;
  font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "HelveticaNeue", Arial, sans-serif /*{global-font-family}*/;
}
.ui-header {
  border: none;
  z-index: 100;
  padding: 0;
  text-shadow: none;
  letter-spacing: 0;
  text-align: center;
  line-height: 44px;
}
.ui-header .ui-title {
  font: 13pt "HelveticaNeue", Arial, sans-serif;
  vertical-align: top;
  display: inline;
  margin: 0;
  bottom: 0;
  font-weight: 600;
}
.ui-header a {
  font-size: 13pt;
  text-decoration: none;
  font-weight: normal !important;
}
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-header .ui-btn {
  font-size: 13pt;
  line-height: 44px;
  text-align: center;
  color: #fefefe;
  text-decoration: none;
  padding: 0 1em;
  top: 0;
}
.ui-popup p {
  margin: 0;
}
.ui-popup h1 {
  margin: 0;
}
.ui-page-theme-x,
.ui-overlay-x {
  border: none;
  color: #404040 /*{a-body-color}*/;
  font-weight: normal;
}
.ui-overlay-x {
  border-width: 0;
  background-color: #655c59;
}
.ui-select .ui-btn {
  padding-right: 2.5em;
}
.languageSelect .ui-select {
  background-repeat: no-repeat;
  background-position: 5px;
}
.ui-icon-carat-d:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-select .ui-btn-icon-left:after,
.ui-select .ui-btn-icon-right:after,
.ui-select .ui-btn-icon-top:after,
.ui-select .ui-btn-icon-bottom:after,
.ui-select .ui-btn-icon-notext:after {
  background-color: #8da5a5;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 1em;
}
.ui-page-theme-x font-family,
.ui-page-theme-x input font-family,
.ui-page-theme-x select font-family,
.ui-page-theme-x textarea font-family,
.ui-page-theme-x button font-family {
  HELVETICA: /*{global-font-family}*/;
}
.ui-page-theme-x .ui-link,
.ui-page-theme-x .ui-link:visited,
.ui-page-theme-x .ui-link:hover,
.ui-page-theme-x .ui-link:active {
  color: #007aab /*{a-body-link-color}*/;
}
.ui-page-theme-x .ui-header .ui-link,
.ui-page-theme-x .ui-header .ui-link:visited,
.ui-page-theme-x .ui-header .ui-link:hover,
.ui-page-theme-x .ui-header .ui-link:active {
  color: #fefefe /*{a-body-link-color}*/;
}
.ui-btn {
  background: none;
  border: 0;
  z-index: 500;
}
.ui-icon-back {
  background-image: url("https://cdn0.xtramath.org/images/icon-nav-backward@2x.png") /*{global-icon-set}*/;
  background-repeat: no-repeat;
  background-size: auto 21px;
  width: 12px;
}
.ui-icon-forward {
  background-image: url("https://cdn0.xtramath.org/images/icon-nav-forward@2x.png") /*{global-icon-set}*/;
  background-repeat: no-repeat;
  background-size: auto 21px;
  width: 12px;
}
.ui-icon-menu {
  background-image: url("https://cdn0.xtramath.org/images/icon-menu.svg") /*{global-icon-set}*/;
  background-repeat: no-repeat;
  background-size: auto 21px;
}
.ui-btn-icon-right {
  background-position: right;
}
.ui-btn-icon-left {
  background-position: left;
}
.ui-btn-right.ui-controlgroup {
  padding: 0;
  line-height: normal;
}
.ui-listview {
  max-height: inherit;
  min-height: 100%;
  height: 100%;
  overflow-y: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-listview .ui-li .ui-btn-inner a.ui-link-inherit,
.ui-listview .ui-li-static.ui-li,
.ui-listview .ui-li-static {
  padding: 0;
}
.ui-li-thumb,
.ui-listview .ui-li-icon {
  position: relative;
  vertical-align: middle;
  float: none;
}
.ui-content .ui-listview,
.ui-panel-inner > .ui-listview {
  margin: 0;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-thumb {
  min-height: 0;
}
.ui-field-contain >label {
  margin: 0;
  padding-top: 0.88em;
  width: auto;
}
.ui-input-text {
  margin: 0;
  border-style: none;
}
.ui-input-text input {
  min-height: 0;
  font-family: "HelveticaNeue", Arial, sans-serif;
}
.ui-field-contain:last-child {
  border-bottom-width: 1px;
}
.ui-mobile label {
  margin: 0;
}
.table .ui-checkbox input {
  left: 0.1em;
  top: 0;
  margin: -1px 0 0 0;
}
.table .ui-checkbox .ui-btn {
  padding: 0;
}
.ui-icon-loading {
  background: url("https://cdn0.xtramath.org/images/ajax-loader.gif");
  background-size: 2.875em 2.875em;
}
.ui-controlgroup {
  font-size: 9pt;
}
.ui-controlgroup .ui-controlgroup-label {
  width: 100%;
}
.ui-controlgroup-controls >.ui-checkbox {
  float: left;
}
.ui-controlgroup-controls label {
  font-weight: normal;
}
.ui-field-contain .ui-controlgroup-controls {
  width: 100%;
}
.ui-field-contain .ui-controlgroup-controls .ui-select {
  text-align: left;
  line-height: normal;
  width: 49%;
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.ui-field-contain .ui-controlgroup-controls .ui-select span {
  font-size: 12pt;
  color: #404040;
}
.ui-page {
  background: #d4bf7b url("https://cdn0.xtramath.org/images/background-woodgrain.jpg");
}
.ui-header {
  left: 0;
  right: 0;
  width: 100%;
  position: fixed;
}
.ui-mobile-viewport {
  position: relative;
}
.ui-mobile-viewport button.borderless {
  cursor: pointer;
  padding: 0;
  border: none;
  background-color: transparent;
}
.ui-mobile-viewport td.borderless {
  border: none !important;
}
.ui-grid-a.flipped .ui-block-a {
  padding-top: 10px;
  float: right;
}
.ui-grid-a.flipped .ui-block-b {
  float: right;
}
.hideForNow {
  display: none !important;
}
video {
  -moz-filter: brightness(1.085);
}
#debugger {
  z-index: 1000;
  position: absolute;
  background-color: #fff;
  height: calc(95% - 80px);
  width: 95%;
  top: 80px;
  left: 20px;
  box-shadow: 0 2px 5px 1px #888;
  font-family: "HelveticaNeue", Arial, sans-serif;
}
#debugger label {
  display: inline;
}
#debugger input {
  width: 70%;
}
#debugger .version {
  display: inline-block;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
#closeDebugger {
  position: absolute;
  right: 12px;
  top: 12px;
}
#controls {
  width: 95%;
  margin: 10px auto;
}
#log {
  margin: 0 auto;
  padding: 0 10px;
  width: 95%;
  height: 80%;
  height: calc(100% - 140px);
  overflow: scroll;
  border: solid 1px #888;
}
#log .error {
  color: #f00;
}
#log .warning {
  color: #ffa500;
}
.debugButtons {
  position: absolute;
  bottom: 0;
}
table.alignVertical {
  height: 100%;
  width: 100%;
}
table.alignVertical td {
  vertical-align: middle;
}
.homeHeader {
  background: url("https://cdn0.xtramath.org/images/background-header-home2@2x.png");
  background-size: 100% 102px;
  background-repeat: repeat-x;
  background-position: 0% 100%;
  background-color: #f7f7f7;
  border: none;
  padding: 0;
  height: 102px;
  text-shadow: none;
}
.homeHeader h1 {
  font: 14pt "HelveticaNeue", Arial, sans-serif;
}
.homeFooter {
  height: 64px;
  width: 100%;
  background: #fff;
  border-top: 1px solid #808080;
  color: #404040;
  vertical-align: middle;
  line-height: 64px;
}
.homeFooter a {
  color: #007aab;
  text-decoration: none;
}
.homeFooter .signupFooter {
  margin-left: 50px;
  display: inline-block;
  line-height: inherit;
}
.homeFooter img.pencil {
  position: absolute;
  margin-top: -23px;
}
.homeFooter .links {
  display: inline-block;
  float: right;
  height: 64px;
}
.homeFooter .links a {
  margin-right: 40px;
}
.chalkboardHeader,
.xmHeader {
  background-size: 100% 44px;
  background-repeat: repeat-x;
  background-position: 0% 100%;
  background-color: #f7f7f7;
  height: 44px;
  z-index: 1000;
}
.chalkboardHeader {
  background-image: url("https://cdn0.xtramath.org/images/background-chalkboard-header@2x.png");
}
.xmHeader {
  background-image: url("https://cdn0.xtramath.org/images/background-woodgrain-header@2x.png");
}
#retryable {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
#retryableOpPopup {
  position: absolute;
  font-family: "HelveticaNeue", Arial, sans-serif;
  background-color: #fefefe;
  width: 400px;
  margin-top: -90px;
  margin-left: -200px;
  z-index: 10000;
  box-shadow: 0 2px 5px 1px #888;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
#retryableOpPopup h1 {
  font-size: 20pt;
  padding: 15px 30px 0 15px;
  background-image: -webkit-linear-gradient(rgba(154,215,210,0.7) 2px, transparent 1px);
  background-origin: content-box;
  background-position: 0 1em /* Adjust accordingly at the beginning */;
  background-size: 100% 3em /* 2em so we can't see repeats */;
}
#retryableOpPopup .connectionIcon {
  display: block;
  margin: 12px auto;
}
#retryableOpPopup .formButton {
  padding: 5px;
}
#retryableOpPopup .message {
  margin-right: 5px;
}
#retryableOpPopup p {
  padding: 0 20px;
}
#retryableOpPopup.short {
  margin-top: -40px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
}
#retryableOpPopup.short .m {
  margin: 0 auto 0 auto /* 37px = height 44px(.t) in full-display + padding-top 10px(.m) - min-height 5px(.t) - padding-top 12px(icon) */;
  min-height: 0;
  padding: 0;
  display: block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
  font-size: 2em;
  border: none;
}
#retryableOpPopup.transparent {
  border: none;
  box-shadow: none;
  background-color: transparent;
}
#retryableOpPopup.transparent .m {
  background-color: transparent;
  border: none;
}
#synchronizing,
#connecting {
  position: absolute;
  display: none;
  box-shadow: 0 2px 5px 1px #888;
  right: 0;
  bottom: 0;
  background-color: #fff;
  color: #007aab;
  font-family: "HelveticaNeue", Arial, sans-serif;
  padding: 10px 20px 10px 10px;
}
#synchronizing span,
#connecting span {
  padding-left: 10px;
  vertical-align: middle;
}
#synchronizing img,
#connecting img {
  height: 20px;
  vertical-align: middle;
}
#synchronizing {
  z-index: 10000;
}
#connecting {
  z-index: 10001;
}
a {
  font-weight: 400;
  text-decoration: none;
  color: #007aab;
}
body {
  width: 100%;
  height: 100%;
}
body .smallFormat {
  display: none !important;
}
#purchasePopup {
  width: 660px;
}
#purchasePopup h1 {
  font-size: 30pt;
  margin: 0;
  padding-top: 9px;
}
#purchasePopup .linedPaper {
  font: 16pt "HelveticaNeue", Arial, sans-serif;
}
#purchasePopup p {
  line-height: 150%;
  padding-right: 180px;
}
#purchasePopup p span {
  padding: 0 5px;
}
#purchasePopup img {
  position: absolute;
  right: 20px;
  top: 0;
  width: 165px;
}
.fillingPaper {
  height: 100%;
}
.containingPaper {
  min-height: 100%;
}
.fillingPaper h1,
.containingPaper h1 {
  margin: 0;
  line-height: 120%;
}
.fillingPaper h2,
.containingPaper h2 {
  margin: 0;
  line-height: 120%;
}
.fillingPaper,
.containingPaper,
.quizPaper {
  height: 1%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 5px 1px #888;
}
.fillingPaper .notice,
.containingPaper .notice,
.quizPaper .notice {
  margin-top: 2.5em;
  font-size: 10pt;
  color: #818181;
}
.fillingPaper .notice a,
.containingPaper .notice a,
.quizPaper .notice a {
  text-decoration: underline;
}
:focus {
  outline-color: transparent;
  outline-style: none;
}
.formError {
  color: #e44;
}
.formButton {
  cursor: pointer;
  display: inline-block;
  line-height: 40px;
}
.formButton .text {
  margin-top: -1px;
  margin-bottom: 0px;
  text-align: center;
  color: #fefefe;
  font-size: 14pt;
}
.formButton .l,
.formButton .r {
  display: inline-block;
  height: 40px;
  width: 14px;
  vertical-align: bottom;
}
.formButton .c {
  display: inline-block;
  height: 40px;
  min-width: 45px;
  padding: 0 7px;
  vertical-align: bottom;
  border-right: 1px solid transparent;
}
.grayButton .l {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-l@2x.png") no-repeat;
  background-size: auto 40px;
}
.grayButton .r {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-r@2x.png") no-repeat;
  background-size: auto 40px;
}
.grayButton .c {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-c@2x.png");
  background-size: 100% 40px;
}
.grayButton:hover .l {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-l-hover@2x.png") no-repeat;
  background-size: auto 40px;
}
.grayButton:hover .r {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-r-hover@2x.png") no-repeat;
  background-size: auto 40px;
}
.grayButton:hover .c {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-c-hover@2x.png");
  background-size: 100% 40px;
}
.greenButton .l {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-l@2x.png") no-repeat;
  background-size: auto 40px;
}
.greenButton .r {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-r@2x.png") no-repeat;
  background-size: auto 40px;
}
.greenButton .c {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-c@2x.png");
  background-size: 100% 40px;
}
.greenButton:hover .l {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-l-hover@2x.png") no-repeat;
  background-size: auto 40px;
}
.greenButton:hover .r {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-r-hover@2x.png") no-repeat;
  background-size: auto 40px;
}
.greenButton:hover .c {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-c-hover@2x.png");
  background-size: 100% 40px;
}
.waitingButton .text,
.pressedButton .text {
  margin-top: 0;
  margin-bottom: -1px;
  margin-left: 1px;
  margin-right: -1px;
}
.waitingButton .greenButton .l,
.pressedButton .greenButton .l {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-l-down@2x.png") no-repeat;
  background-size: auto 40px;
}
.waitingButton .greenButton .r,
.pressedButton .greenButton .r {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-r-down@2x.png") no-repeat;
  background-size: auto 40px;
}
.waitingButton .greenButton .c,
.pressedButton .greenButton .c {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-green-c-down@2x.png");
  background-size: 100% 40px;
}
.waitingButton .grayButton .l,
.pressedButton .grayButton .l {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-l-down@2x.png") no-repeat;
  background-size: auto 40px;
}
.waitingButton .grayButton .r,
.pressedButton .grayButton .r {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-r-down@2x.png") no-repeat;
  background-size: auto 40px;
}
.waitingButton .grayButton .c,
.pressedButton .grayButton .c {
  background: url("https://cdn0.xtramath.org/images/buttons/form-button-gray-c-down@2x.png");
  background-size: 100% 40px;
}
.headerText {
  display: inline-block;
  vertical-align: top;
  line-height: 44px;
}
h1 {
  font-family: Georgia;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin: 0 0 0 0;
  z-index: 50;
}
h2 {
  font-family: Georgia;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  color: #818181;
  margin: 0;
  z-index: 50;
}
h4 {
  margin-bottom: 15px;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #9ad7d2;
  margin: 0 0 20px 5px;
}
.inputGroup.collapsed {
  border-spacing: 0;
}
.inputGroup.collapsed tr.inputElement td:only-child {
  border-radius: 0;
}
.inputGroup.collapsed tr.inputElement:not(:first-child) td {
  border-top: none;
}
.inputGroup.collapsed tr.inputElement:first-child td:only-child {
  border-radius: 5px 5px 0 0;
}
.inputGroup.collapsed tr.inputElement:last-child td:only-child,
.inputGroup.collapsed tr.last td:only-child {
  border-radius: 0 0 5px 5px;
}
.inputGroup.collapsed tr.inputElement:only-child td:only-child {
  border-radius: 5px 5px 5px 5px;
}
input {
  font-size: 10pt;
}
.mt1 {
  margin-top: 10px !important;
}
.mt2 {
  margin-top: 25px !important;
}
.mt3 {
  margin-top: 30px !important;
}
.mt6 {
  margin-top: 60px !important;
}
.postit.orange {
  background: url("https://cdn0.xtramath.org/images/background-orange-postit.svg") no-repeat;
  background-size: 250px 250px;
}
.postit {
  background: url("https://cdn0.xtramath.org/images/background-postit.svg") no-repeat;
  color: #404040;
  background-size: 250px 250px;
  width: 210px;
  height: 210px;
  overflow: auto;
  padding: 20px;
  font: 10pt "HelveticaNeue", Arial, sans-serif;
/* NOTE: these features are not on the standards track */
  -webkit-user-select: auto /* Chrome all / Safari all */;
  -moz-user-select: auto /* Firefox all */;
  -ms-user-select: auto /* IE10 only */;
  -webkit-user-select: auto;
  -webkit-touch-callout: auto;
}
.postit h1 {
  overflow: ellipsis;
  white-space: normal;
  font: 18pt Georgia;
  color: #404040;
  margin: 0 0 12px 0;
}
.postit a {
  font-size: 10pt;
}
.postit .cancel {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.postit .inset {
  margin-top: 10px;
  overflow: auto;
}
img.refresh {
  margin: 0 10px;
  vertical-align: top;
  padding-top: 10px;
  height: 22px;
  width: 25px;
  cursor: pointer;
}
label.ui-btn-icon-left {
  padding-left: 36px;
}
.template,
.templates {
  display: none;
}
.ui-popup.indexCard {
  width: 550px;
  background-color: #fefefe;
  box-shadow: 0 2px 5px 1px #888;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.ui-popup.indexCard h1 {
  font-size: 20pt;
  padding: 30px 30px 0 30px;
  background-image: -webkit-linear-gradient(rgba(154,215,210,0.7) 2px, transparent 1px);
  background-image: -moz-linear-gradient(rgba(154,215,210,0.7) 2px, transparent 1px);
  background-image: -ms-linear-gradient(rgba(154,215,210,0.7) 2px, transparent 1px);
  background-image: linear-gradient(rgba(154,215,210,0.7) 2px, transparent 1px);
  background-origin: content-box;
  background-position: 0 1em /* Adjust accordingly at the beginning */;
  background-size: 100% 3em /* 2em so we can't see repeats */;
}
.ui-popup.indexCard h2 {
  margin: 21px 0 0 0;
  font: 14pt "HelveticaNeue", Arial, sans-serif;
}
.ui-popup.indexCard .popupButtons {
  margin: 20px auto 20px auto;
}
.ui-popup.indexCard .popupButtons .greenButton {
  margin-left: 5px;
}
.ui-popup.indexCard .linedPaper {
  padding: 0 30px 0 30px;
  font: 11pt "HelveticaNeue", Arial, sans-serif;
  line-height: 150%;
  background-image: -webkit-linear-gradient(rgba(154,215,210,0.7) 1px, transparent 1px);
  background-image: -moz-linear-gradient(rgba(154,215,210,0.7) 1px, transparent 1px);
  background-image: -ms-linear-gradient(rgba(154,215,210,0.7) 1px, transparent 1px);
  background-image: linear-gradient(rgba(154,215,210,0.7) 1px, transparent 1px);
  background-size: 100% 1.5em /* 2em to match the line-height */;
  background-position: 0 -0.3em /* hide first line by pushing it past padding */;
  background-origin: content-box;
  position: relative;
  padding-top: 0.2em;
  height: 100%;
}
.ui-popup.indexCard button {
  padding: 0;
  border: 0;
  margin: 0;
  background-color: transparent;
}
.ui-popup.indexCard .retryNow,
.ui-popup.indexCard .cancelRetry {
  cursor: pointer;
}
ul {
  list-style-type: none;
}
.webOnly {
  visibility: hidden;
}
.chalkboard {
  background: #8da5a5;
}
.loadHidden {
  display: none;
}
.disabledButton {
  opacity: 0.5;
}
.inlineSelect .ui-select {
  margin: 0;
}
.inlineSelect .ui-select .ui-btn {
  padding: 0.4em;
}
.inlineSelect span {
  text-align: left;
  font-size: 10pt;
}
.partial .whitePanel >.m {
  height: 100%;
}
.partial .display {
  padding-bottom: 40px;
}
.homeIndex .ui-grid-b .ui-block-a,
.homeIndex .ui-grid-b .ui-block-b,
.homeIndex .ui-grid-b .ui-block-c {
  vertical-align: middle;
  text-align: center;
  width: 33%;
}
.homeIndex .portrait {
  display: none;
}
.homeIndex .interfaceSwitcher {
  margin: 10px 10px 0 0;
  border-radius: 5px;
  display: inline-block;
  float: right;
  right: 15px;
  top: 15px;
}
.homeIndex .interfaceSwitcher .button {
  z-index: 1;
  background-color: #f6f6f6;
  border: 1px solid #c4c4c4;
  border-collapse: collapse;
}
.homeIndex .interfaceSwitcher .selected {
  background-color: #abb3b3;
}
.homeIndex .interfaceSwitcher .selected button {
  color: #fff;
}
.homeIndex .interfaceSwitcher button {
  color: #404040;
  padding: 9px 8px 7px 8px;
  font-size: 12pt;
  margin: 0;
}
.homeIndex .interfaceSwitcher .left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.homeIndex .interfaceSwitcher .right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left-width: 0;
}
.homeIndex .ui-grid-a .ui-block-a .languageSelect {
  float: left;
}
.languageSelect {
  display: inline-block;
  float: right;
  line-height: 30px;
  margin: 10px 10px 0 0;
}
.languageSelect label {
  display: inline;
  vertical-align: middle;
}
.languageSelect .ui-select {
  margin: 0;
  line-height: inherit;
  display: inline-block;
  background-color: #f6f6f6;
  border: 1px solid #c4c4c4;
  border-radius: 8px;
}
.languageSelect .ui-select span {
  font-size: 12pt;
  color: #404040;
}
.languageSelect .ui-btn {
  line-height: inherit;
}
.homeSignup label.terms {
  display: inline-block;
}
.homeSignup span.terms {
  font-size: 9pt;
}
.homeSignup hr {
  margin: 20px 0;
}
.homeEnroll p.notice {
  margin-top: 2em;
}
.ui-header .interfaceSwitcher {
  line-height: 16px;
}
.ui-header .interfaceSwitcher .ui-btn {
  line-height: inherit;
}
.homeDonate h1 {
  font-size: 24pt;
  white-space: normal;
}
.homeDonate .donateImage {
  position: absolute;
  left: 22px;
  top: 80px;
  width: 220px;
  height: 230px;
}
.homeDonate .containingPaper {
  font: 12pt Georgia;
}
.homeDonate .m {
  padding: 35px 60px 60px 230px;
}
.homeTerms ul {
  list-style-type: disc;
}
.homeThankYou h1 {
  font-size: 24pt;
}
.homeThankYou .containingPaper {
  font: 12pt Georgia;
}
.homeThankYou .donateImage {
  position: absolute;
  left: 22px;
  top: 70px;
  width: 220px;
  height: 230px;
}
.homeThankYou .m {
  padding: 35px 60px 100px 230px;
}
.signin .fillingPaper,
.homeEnroll .fillingPaper {
  margin-top: 0;
}
.signin h1,
.homeEnroll h1 {
  margin-bottom: 3px;
}
.signin h2,
.homeEnroll h2 {
  margin-left: 5px;
  margin-bottom: 33px;
  letter-spacing: 0;
}
.signin h4,
.homeEnroll h4 {
  margin: 10px 0 10px 0;
}
.signin form,
.homeEnroll form {
  margin: 22px 0 20px 0;
}
.signin .name,
.homeEnroll .name {
  cursor: pointer;
  height: 100%;
  line-height: normal;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  text-decoration: inherit;
  max-width: 325px;
}
.signin .name span,
.homeEnroll .name span {
  vertical-align: middle;
}
.signin .statusIcon,
.homeEnroll .statusIcon {
  padding-right: 7px;
  margin-top: 10px;
  vertical-align: top;
  display: inline-block;
  margin-left: -45px;
}
.signin .inputGroup,
.homeEnroll .inputGroup {
  max-width: none;
}
.signin .editLink,
.homeEnroll .editLink {
  position: absolute;
  margin-top: -20px;
  right: 33px;
}
.signin .editLink img,
.homeEnroll .editLink img {
  width: 32px;
  height: 32px;
}
.signin td.forgotLink,
.homeEnroll td.forgotLink {
  padding-top: 15px;
}
.signin .ui-grid-a,
.homeEnroll .ui-grid-a {
  height: calc(100% - 99px);
}
.signin .ui-grid-a .ui-block-a,
.homeEnroll .ui-grid-a .ui-block-a {
  height: 100%;
}
.signin .ui-grid-a .ui-block-a img,
.homeEnroll .ui-grid-a .ui-block-a img {
  vertical-align: middle;
}
.signin .ui-grid-a .ui-block-b,
.homeEnroll .ui-grid-a .ui-block-b {
  height: 100%;
  overflow-y: auto;
}
.removeClassroomSignin form {
  margin-top: 10px;
}
.rememberedList.ui-listview,
.removalList.ui-listview {
  max-height: 450px;
  height: auto;
  min-height: 0;
  padding-top: 18px;
  padding-bottom: 15px;
  margin-left: 0;
  overflow-x: hidden;
}
.rememberedList.ui-listview li:first-child,
.removalList.ui-listview li:first-child {
  border-top: solid #9ad7d2 1px;
}
.rememberedList.ui-listview li,
.removalList.ui-listview li {
  border-bottom: solid #9ad7d2 1px;
  height: 57px;
}
.rememberedList.ui-listview li.other,
.removalList.ui-listview li.other {
  height: auto;
  margin-left: 0;
  color: #007aab;
  font: 18pt "HelveticaNeue", Arial, sans-serif;
  position: relative;
  cursor: pointer;
  padding: 10px 0 12px 0;
}
.rememberedList.ui-listview li.empty,
.removalList.ui-listview li.empty {
  color: #818181;
  cursor: auto;
  line-height: 150%;
}
.rememberedList.ui-listview li,
.rememberedList.ui-listview .ui-btn-inner,
.rememberedList.ui-listview a {
  color: #007aab;
  position: relative;
}
.removalList.ui-listview li,
.removalList.ui-listview .ui-btn-inner {
  color: #404040;
  position: relative;
}
.removalList.ui-listview li.excluded {
  color: #c0c0c0;
}
.removalList.ui-listview img {
  margin-right: 8px;
}
.removalList.ui-listview .name {
  position: absolute;
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  max-width: 325px;
}
.removalList.ui-listview .remove,
.removalList.ui-listview .add {
  height: 51px;
  width: 52px;
  float: right;
  cursor: pointer;
}
.removalList.ui-listview .remove img,
.removalList.ui-listview .add img {
  margin-top: 4px;
  width: 48px;
  height: 48px;
}
.otherLink {
  display: block;
  color: #404040;
}
.signinStudent li {
  margin-left: 45px;
}
.signinStudent .otherLink {
  margin-left: 45px;
}
.registeredTeachers h4 {
  display: inline;
}
.registeredTeachers .teachers {
  padding-left: 5px;
  display: inline;
}
.signinClassroom2 h2 {
  margin-bottom: 35px;
  white-space: normal;
}
.signinClassroom2 #allDone {
  padding-left: 90px;
  height: 150px;
  width: 150px;
}
.signinClassroom2 #lform,
.signinClassroom2 #allDone {
  padding-bottom: 125px;
}
.signinClassroom2 .ui-grid-a {
  max-height: 100%;
  height: 100%;
}
.signinClassroom2 .ui-block-a {
  max-height: 100%;
  max-width: 273px;
  height: 100%;
  width: 33%;
}
.signinClassroom2 .ui-block-b {
  padding-top: 130px;
  padding-left: 71px;
  width: 66%;
}
.signinClassroom2 .ui-listview {
  overflow-x: hidden;
}
.signinClassroom2 .inputGroup {
  width: 50%;
  display: inline-block;
}
.signinClassroom2 button[type="submit"] {
  display: inline-block;
  vertical-align: top;
}
.signinClassroom2 .inputArea {
  width: 60%;
}
.signinClassroom2 .toggles {
  position: relative;
  margin-top: 4px;
  margin-left: 8px;
  height: 43px;
  width: 100%;
}
.signinClassroom2 .toggles .busy {
  display: inline-block;
}
.signinClassroom2 .toggles .absent {
  margin-left: 10px;
  display: inline-block;
}
.signinClassroom2 .toggles .notice {
  margin-top: 0;
  padding-left: 5px;
  vertical-align: 15px;
  display: inline-block;
}
.signinClassroom2List li:first-child {
  border-top: solid #9ad7d2 1px;
}
.signinClassroom2List li {
  border-bottom: solid #9ad7d2 1px;
  color: #404040;
  font: 14pt "HelveticaNeue", Arial, sans-serif;
  position: relative;
  cursor: pointer;
  margin-left: 45px;
}
.signinClassroom2List li .name {
  line-height: 40px;
}
.signinClassroom2List .statusIcon {
  height: 30px;
  width: 30px;
}
.signinClassroom2List .icon {
  position: absolute;
  float: left;
  margin-left: -35px;
  padding-top: 5px;
}
.studentGoodbye video,
.studentWelcome video,
.studentPracticeIntro video,
.studentQuizIntro video,
.studentPracticeResults video,
.studentQuizResults video,
.studentPractice video,
.studentQuiz video {
  position: absolute;
  bottom: 0;
  left: 0;
}
.studentContent button.native {
  border: none;
  background: transparent;
}
.studentContent .postit {
  font: 12pt "HelveticaNeue", Arial, sans-serif;
}
.studentContent .alignVertical {
  position: absolute;
  width: auto;
}
.studentContent .poster {
  z-index: 20;
  pointer-events: none;
}
.studentContent .videoLoading {
  z-index: 19;
  pointer-events: none;
}
.studentPracticeResults img.scoreSmiley {
  display: none;
  position: absolute;
}
.studentPracticeResults .score.current {
  display: none;
  position: absolute;
}
.studentPractice .timer {
  display: none;
}
iframe {
  position: absolute;
  left: 0;
  bottom: 0;
}
.cell {
  border: 1px solid transparent;
  position: absolute;
  width: 34px;
  height: 34px;
}
.cell .bkgnd {
  position: absolute;
  width: 34px;
  height: 34px;
}
.cell .text {
  position: absolute;
  font-size: 9pt;
  width: 100%;
  text-align: center;
  padding-top: 9px;
}
.cell .icon {
  position: absolute;
  left: 18px;
  top: 16px;
  height: 24px;
  z-index: 1;
}
.sessionScore {
  color: #82b43a;
  font-family: "HelveticaNeue", Arial, sans-serif;
}
.alignment {
  position: absolute;
  bottom: 65px;
}
.keypad {
  display: inline-block;
}
.alignRight {
  bottom: 0;
  right: 20px;
}
.matrix {
  position: relative;
  z-index: 20;
}
.displayVideo {
  width: 54px;
  height: 48px;
  position: absolute;
  bottom: 7px;
  z-index: 5;
  display: none;
}
.mrc {
  position: absolute;
  bottom: 0;
  margin-bottom: 65px;
}
.mrc img {
  vertical-align: bottom;
  display: inline-block;
  height: 100%;
}
.transcripts {
  margin-bottom: 5%;
  z-index: 30;
  display: inline-block;
  position: absolute;
  vertical-align: top;
  background: url("https://cdn0.xtramath.org/images/speech-bubble-3.svg");
  background-size: 100% 100%;
}
.transcripts .close {
  float: right;
  padding: 0;
}
.transcripts .transcript {
  height: 90%;
  overflow-y: auto;
  padding-right: 17px;
}
.current {
  position: absolute;
  color: #efc22a;
}
.tally {
  z-index: 20;
  position: absolute;
  width: 500px;
  height: 600px;
  overflow: hidden;
}
.tally img {
  padding: 1px;
}
.scoreSmiley {
  position: absolute;
}
.keypad {
  z-index: 1001;
  visibility: hidden;
  position: absolute;
}
.problem {
  position: relative;
  font-weight: 400;
  font-family: "HelveticaNeue", Arial, sans-serif;
}
.teacherImage img {
  position: absolute;
  bottom: 0;
  margin-bottom: 65px;
  left: 0;
  right: auto;
}
.noKeypad,
.rightKeypad,
.alignment {
  right: 0;
  left: auto;
}
.mrc {
  left: 0;
}
.noKeypad .alignment {
  text-align: center;
  width: 100%;
}
.noKeypad .problem {
  margin-left: auto;
  margin-right: auto;
}
.rightKeypad .keypad {
  visibility: visible;
}
.leftKeypad .alignment {
  left: 0;
  right: auto;
}
.leftKeypad .keypad {
  visibility: visible;
}
.leftKeypad .teacherImage {
  right: 0;
  bottom: 0;
}
.leftKeypad .teacherImage img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  position: absolute;
  margin-bottom: 65px;
  right: 0;
  left: auto;
}
.leftKeypad .toggleTeacher {
  position: absolute;
  left: auto;
}
.leftKeypad .toggleKeypad {
  position: absolute;
  right: auto;
}
.speech_bubble {
  position: absolute;
  background: url("https://cdn0.xtramath.org/images/speech-bubble-2.svg");
  z-index: 30;
  vertical-align: middle;
/*.cell.sel
    border-color red*/
}
.speech_bubble .streakLabel {
  color: #666;
  display: inline-block;
  width: 52%;
}
.speech_bubble .longestStreak {
  top: 15%;
  position: absolute;
  display: inline-block;
  color: #82b43a;
}
.operand1,
.operand2,
.operator,
.studentAnswer,
.separator {
  font-size: 100%;
  line-height: 100%;
}
.remaining_answer {
  color: #e0e0e0;
  font-size: 100%;
}
.operand1 {
  position: absolute;
  top: 0px;
  right: 22%;
}
.operand2 {
  position: absolute;
  top: 30%;
  right: 22%;
}
.operator {
  top: 30%;
  position: absolute;
  right: 70%;
}
.studentAnswer {
  position: absolute;
  top: 70%;
  right: 22%;
}
.separator {
  position: absolute;
  right: 22%;
  top: 65%;
  background-color: #404040;
  color: #404040;
  border: 10px;
  width: 52%;
  border-radius: 2px;
}
img.quizIcon {
  padding-top: 5px;
  height: 36px;
  display: none;
  text-align: right;
}
.wrongAnswer {
  color: #e44;
  line-height: 80%;
  display: block;
  width: 100%;
  text-align: right;
  text-decoration: line-through;
}
.answerContainer {
  text-align: right;
  min-width: 36px;
  font-size: 36pt;
  position: absolute;
  right: 0;
  bottom: 15px;
}
.key {
  display: block;
  position: absolute;
}
.key img.hover,
.key img.buttonPressed {
  display: none;
}
.key:hover img.hover {
  display: block;
}
.key:hover img.normal,
.key:hover img.buttonPressed {
  display: none;
}
.key.buttonPressed img.buttonPressed {
  display: block;
}
.key.buttonPressed img.hover,
.key.buttonPressed img.normal {
  display: none;
}
.timer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.timer .off {
  display: none;
}
.toggleKeypad {
  position: absolute;
  right: 8px;
  left: auto;
  top: 8px;
}
.studentFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url("https://cdn0.xtramath.org/images/background-footer@2x.png");
  height: 65px;
  background-size: 100% 65px;
  border-radius: 0 0 10px 10px;
}
.toggleTeacher {
  position: absolute;
  left: 8px;
  top: 8px;
  right: auto;
}
@-moz-document url-prefix() {
  #smileyFill {
    fill: #f8db5a;
    stroke: #e1b730;
  }
  #hourglassFill1,
  #hourglassFill2 {
    fill: #61a1de;
  }
  #hourglassFill3 {
    fill: #4671a8;
  }
  #redxFill {
    fill: #dc6f53;
  }
  #redxFill2 {
    fill: #b23725;
  }
  #checkmarkFill {
    fill: #648d3d;
  }
  #checkmarkFill2 {
    fill: #8dc63f;
  }
}
a.close {
  z-index: 3000;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0;
}
a.close img {
  height: 20px;
  width: 20px;
}
a.helpLink.ui-link {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 16pt;
  color: #888;
}
.icons {
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
}
.viewing {
  display: inline-block;
}
.keyimg {
  padding: 1px 3px 0 5px;
  height: 20px;
  width: 20px;
  vertical-align: top;
}
.legend .keyimg {
  padding: 1px 5px 1px 0;
}
.keyimg.wide {
  width: 40px;
}
.panelb {
  position: relative;
  padding: 10px;
  min-height: 35px;
  z-index: 1;
  font: 10pt "HelveticaNeue", Arial, sans-serif;
  background: #dceff8;
  border-radius: 10px;
}
.panelb select {
  margin-top: 10px;
  display: inline;
  font: 10pt "HelveticaNeue", Arial, sans-serif;
}
.panelb label {
  margin-left: 10px;
  display: inline;
}
.panelb button {
  float: right;
  right: 10px;
  top: 8px;
  margin-left: 5px;
}
.panelb .instructions {
  width: 75%;
  display: inline-block;
}
table th {
  font-weight: normal;
  text-align: left;
}
.loadFailure > div {
  margin-top: 8px;
  margin-left: 30px;
}
.showPanel.ui-btn {
  padding: 0 15px 0 30px;
  color: #fff;
}
.showPanel.ui-btn:hover {
  color: #fff;
}
.menuIcon {
  padding-top: 7px;
  height: 30px;
  width: 30px;
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
  right: 20em;
}
.ui-panel.ui-panel-position-right {
  width: 10em;
}
.ui-panel-position-right {
  right: -20em;
}
.ui-panel-page-content-position-right {
  left: -20em;
  right: 20em;
}
.ui-panel-position-right.ui-panel-display-reveal,
.ui-panel-position-right.ui-panel-open {
  right: 0;
}
.ui-panel-animate.ui-panel-page-content-position-right {
  left: 0;
  right: 0;
  -webkit-transform: translate3d(-20em, 0, 0);
  -moz-transform: translate3d(-20em, 0, 0);
  transform: translate3d(-20em, 0, 0);
}
.postitb {
  background-color: #ddeff7;
  box-shadow: 0 2px 5px 1px #888;
  padding: 20px;
}
.postitb .legend {
  line-height: 150%;
}
.postitb .inset {
  padding-left: 20px;
  padding-top: 10px;
}
.postitb p {
  font: 10pt "HelveticaNeue", Arial, sans-serif;
}
.postitb h1 {
  font: 14pt "HelveticaNeue", Arial, sans-serif;
  white-space: normal;
}
#checklistPopup h2,
#checklistPopup .desc {
  padding-left: 30px;
}
#checklistPopup h2.checked {
  background-image: url("https://cdn0.xtramath.org/images/checkmark.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
#teacherControls,
#classOptionsPopup,
#studentOptionsPopup {
  background-color: #fff;
  padding-top: 20px;
  font: 18pt "HelveticaNeue", Arial, sans-serif;
}
#teacherControls .account,
#classOptionsPopup .account,
#studentOptionsPopup .account {
  margin-top: 50px;
}
#teacherControls h1,
#classOptionsPopup h1,
#studentOptionsPopup h1 {
  color: #818181;
  font: 16pt "HelveticaNeue", Arial, sans-serif;
  margin-bottom: 0;
}
#teacherControls hr,
#classOptionsPopup hr,
#studentOptionsPopup hr {
  margin: 5px 0;
}
#teacherControls hr.teacherOnly,
#classOptionsPopup hr.teacherOnly,
#studentOptionsPopup hr.teacherOnly {
  margin-top: 25px;
}
#teacherControls ul,
#classOptionsPopup ul,
#studentOptionsPopup ul {
  margin-top: 15px;
}
#teacherControls li,
#classOptionsPopup li,
#studentOptionsPopup li,
#teacherControls a,
#classOptionsPopup a,
#studentOptionsPopup a {
  color: #007aab;
  cursor: pointer;
}
#teacherControls .controls,
#classOptionsPopup .controls,
#studentOptionsPopup .controls {
  margin: 0;
}
#classOptionsPopup,
#studentOptionsPopup {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 5px 1px #888;
  font: 18pt "HelveticaNeue", Arial, sans-serif;
}
#classOptionsPopup a,
#studentOptionsPopup a {
  color: #007aab;
  cursor: pointer;
}
#printClassReportPopup .expandOps {
  margin-top: -20px;
  margin-left: 30px;
}
.teacherAddStudent button.add,
.teacherAddStudent button.remove,
.teacherAddStudent button.update {
  padding: 0;
  margin: 0;
}
.teacherAddStudent button.add img,
.teacherAddStudent button.remove img,
.teacherAddStudent button.update img {
  height: 36px;
  width: 36px;
  vertical-align: middle;
}
.teacherAddStudent button.done {
  margin-left: 32px;
}
.teacherAddStudent .ui-grid-a .ui-block-a {
  padding-left: 40px;
  width: 43%;
}
.teacherAddStudent .ui-grid-a .ui-block-b {
  width: 56%;
}
.teacherAddStudent .parentOnly {
  display: none;
}
.teacherAddStudent .containingPaper {
  padding-left: 10px;
}
.teacherAddStudent table.picker {
  margin-bottom: 25px;
}
.teacherAddStudent table.picker label {
  min-height: 20px;
}
.teacherAddStudent .panelb {
  margin-bottom: 25px;
}
.teacherAddStudent table.picker,
.teacherAddStudent table.transferStudentTable,
.teacherAddStudent table.enrollStudentTable {
  padding-left: 30px;
}
.teacherAddStudent table {
  border-spacing: 5px 3px;
}
.teacherAddStudent table th {
  vertical-align: bottom;
  text-transform: uppercase;
  color: #818181;
}
.teacherAddStudent table .name {
  min-width: 100px;
}
.teacherAddStudent table .grade {
  width: 75px;
}
.teacherAddStudent table .lang {
  min-width: 100px;
}
.teacherAddStudent table .pin {
  min-width: 40px;
  width: 75px;
}
.teacherAddStudent table tr.inputRow td.focused {
  border-color: #007aab;
}
.teacherAddStudent table tr.inputRow.incomplete button.add,
.teacherAddStudent table tr.inputRow.network button.add {
  opacity: 0.5;
}
.teacherAddStudent table tr.inputRow.incomplete .remove,
.teacherAddStudent table tr.inputRow.network .remove,
.teacherAddStudent table tr.inputRow.failed .remove,
.teacherAddStudent table tr.inputRow.ready .remove,
.teacherAddStudent table tr.inputRow.incomplete .update,
.teacherAddStudent table tr.inputRow.network .update,
.teacherAddStudent table tr.inputRow.failed .update,
.teacherAddStudent table tr.inputRow.ready .update {
  display: none;
}
.teacherAddStudent table tr.inputRow.update .add,
.teacherAddStudent table tr.inputRow.update .remove {
  display: none;
}
.teacherAddStudent table tr.inputRow.okay .add,
.teacherAddStudent table tr.inputRow.okay .update {
  display: none;
}
.teacherAddStudent table tr.hasError td.hasError {
  border-bottom: 1px solid #e44;
  border-top: 1px solid #e44;
  border-left: 1px solid #e44;
  border-right: 1px solid #e44;
}
.teacherAddStudent table td.status {
  width: 25px;
}
.teacherAddStudent table td.status img {
  vertical-align: middle;
  width: 25px;
  height: 25px;
}
.teacherAddStudent table td.button {
  width: 36px;
}
.teacherAddStudent.teacherView .teacherOnly {
  display: block;
}
.teacherAddStudent.teacherView th.teacherOnly,
.teacherAddStudent.teacherView td.teacherOnly {
  display: table-cell;
}
.reportContainer table {
  width: 100%;
  max-width: 944px;
  margin: 20px auto 0 auto;
  text-align: left;
}
.reportContainer table border-collapse collapse img {
  vertical-align: middle;
}
.reportContainer table.program {
  margin-left: 0;
}
.reportTable {
  border-collapse: collapse;
  table-layout: fixed;
}
.reportTable th.mastery {
  text-align: left;
}
.reportTable th.mastery img {
  margin-left: 68px;
}
.reportTable .mastery {
  text-align: right;
  width: 100px;
}
.reportTable .mastery span {
  vertical-align: middle;
}
.reportTable .mastery .opIcon {
  padding-left: 5px;
  vertical-align: middle;
  height: 20px;
}
.reportTable .mastery .opIcon.done {
  padding-right: 16px;
}
.reportTable .mastery .opIcon.small {
  height: 0;
  width: 0;
}
.reportTable .progress {
  text-align: center;
}
.reportTable td.status,
.reportTable td.toPrint {
  border: none;
}
.reportTable tr {
  vertical-align: middle;
}
.reportTable tr td {
  border-top: 1px solid #9ad7d2;
  border-bottom: 1px solid #9ad7d2;
}
.reportTable th {
  color: #818181;
  height: 31px;
}
.reportTable th.sorting::after {
  content: "\25B2";
}
.reportTable th.sorting.reversed::after {
  content: "\25BC";
}
.reportTable th.name {
  color: #818181;
  width: 200px;
}
.reportTable th.status {
  width: 36px;
}
.reportTable th.usage {
  text-align: center;
}
.reportTable th.toPrint,
.reportTable td.toPrint {
  width: 36px;
}
.reportTable td.name {
  font: 18pt "HelveticaNeue", Arial, sans-serif;
  width: 200px;
  overflow-x: hidden;
}
.reportTable td.progress {
  width: 127px;
}
.reportTable td.progress svg {
  width: 52px;
  height: 26px;
}
.reportTable td.pe {
  width: 127px;
}
.reportTable td.score {
  font-size: 12pt;
  text-align: right;
  width: 20px;
}
.reportTable td.symbol {
  padding-left: 10px;
  width: 115px;
  vertical-align: bottom;
}
.reportTable td.usage,
.reportTable td.status {
  line-height: 100%;
  text-align: center;
  width: 48px;
}
.reportTable td.usage img,
.reportTable td.status img {
  height: 28px;
  width: 28px;
}
.reportTable tr.errors {
  border-top: none;
  border-bottom: none;
}
.reportTable .formError {
  color: #e44;
  font-size: 12px;
}
.certificates .loadFailure > div,
.flyers .loadFailure > div {
  margin-left: 0;
  margin-top: 20px;
}
.certificates .reportTable th.lang,
.flyers .reportTable th.lang {
  padding-left: 7px;
}
.certificates .reportTable .operation .opIcon,
.flyers .reportTable .operation .opIcon {
  padding-left: 5px;
  vertical-align: middle;
  width: 35px;
  height: 20px;
}
.certificates .reportTable .completed,
.flyers .reportTable .completed {
  width: 130px;
  padding-left: 30px;
}
.teacherEnrollSelectChild p:first-child {
  margin-top: 7px;
}
.teacherEnrollSelectChild .studentList {
  margin: 4px 0 0 0;
  padding: 0;
  border: solid #9ad7d2 1px;
  border-radius: 10px;
  font-size: 9pt;
}
.teacherEnrollSelectChild .studentList img {
  margin-right: 6px;
}
.teacherEnrollSelectChild .studentList li:not(.selected) img {
  visibility: hidden;
}
.teacherEnrollSelectChild .studentList li:not(:last-child) {
  border-bottom: solid #9ad7d2 1px;
}
.teacherEnrollSelectChild .studentList li {
  padding: 13px;
  cursor: pointer;
}
.teacherEnrollSelectChild span.name {
  font-weight: bold;
}
.teacherEnrollSelectChild .ui-block-a {
  width: 34%;
  margin-right: 5px;
}
.teacherEnrollSelectChild .ui-block-b {
  width: 65%;
}
.help {
  display: inline-block;
  z-index: 500;
  cursor: pointer;
  line-height: normal;
  padding: 9px 0;
  margin: 0 0 0 6px;
  vertical-align: top;
  padding-top: 11px;
}
.help img {
  height: 20px;
  width: 20px;
}
.studentReport .banner {
  position: relative;
  height: 22px;
}
.studentReport .helpLink {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.studentReport .operationName {
  padding-right: 8px;
}
.studentReport .title {
  font: 18pt "HelveticaNeue", Arial, sans-serif;
  position: absolute;
  top: 2px;
}
.studentReport .reportPanel {
  position: relative;
  box-shadow: 2px 2px 5px 1px #dcdcdc;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 27px;
  max-width: 900px;
}
.studentReport .loadMessage {
  padding-top: 50px;
  margin-left: 50px;
}
.studentReport .loadMessage img {
  padding-left: 10px;
  padding-right: 10px;
}
.studentReport .grade {
  display: inline;
}
.studentReport form span {
  font: 10pt "HelveticaNeue", Arial, sans-serif;
}
.studentReport .signinPanel {
  padding-top: 0;
}
.studentReport .signinPanel table th {
  text-align: left;
  vertical-align: top;
}
.studentReport .signinPanel table th {
  width: 1%;
  white-space: nowrap;
}
.studentReport .signinPanel table th.name {
  padding-right: 60px;
}
.studentReport .signinPanel table.studentInfo {
  width: 79%;
  margin-left: 0;
}
.studentReport .signinPanel .signinStudent {
  width: 20%;
  cursor: pointer;
  top: 22px;
  right: 15px;
  position: absolute;
  text-align: right;
  color: #007aab;
  overflow-x: hidden;
  font-size: 9pt;
}
.studentReport .signinPanel table.program {
  width: 100%;
}
.studentReport .signinPanel table.program th {
  width: 70px;
  vertical-align: middle;
}
.studentReport .signinPanel table.program td {
  vertical-align: middle;
}
.studentReport .signinPanel .label {
  color: #808080;
  margin-bottom: -4px;
  font-size: 9pt;
}
.studentReport .signinPanel .email {
  font-size: 18pt;
}
.studentReport .signinPanel td.name {
  font: 24pt Georgia;
  max-width: 318px;
  overflow-x: hidden;
  padding-right: 60px;
}
.studentReport .signinPanel .pin {
  font-size: 24pt;
}
.studentReport .signinPanel .programName {
  font: 12pt "HelveticaNeue", Arial, sans-serif;
  max-width: 125px;
}
.studentReport .signinPanel #today {
  text-decoration: underline;
}
.studentReport .signinPanel .back {
  position: absolute;
  left: 0px;
  top: 103px;
}
.studentReport .signinPanel .parents,
.studentReport .signinPanel .teachers {
  max-width: 80px;
  vertical-align: top;
}
.studentReport .incrementCalendar {
  position: absolute;
  top: 47%;
  right: 8px;
  height: 20px;
  width: 20px;
}
.studentReport .decrementCalendar {
  position: absolute;
  top: 47%;
  left: 8px;
  height: 20px;
  width: 20px;
}
.studentReport .operation .scoreLabel {
  font-size: 9pt;
  float: right;
  right: 65px;
  top: 0;
}
.studentReport .operation .score {
  color: #8cbd4b;
  font-size: 36pt;
  float: right;
  padding-left: 10px;
  margin-top: -5px;
}
.studentReport .operation .detail {
  padding-top: 40px;
}
.studentReport .operation .description {
  color: #808080;
  font: 11pt/14px "HelveticaNeue", Arial, sans-serif;
  margin-bottom: 36px;
}
.studentReport .operation .charts {
  position: relative;
}
.studentReport .operation .charts .helpLink {
  top: -5px;
  right: -5px;
}
.studentReport .operation .helpButton {
  position: absolute;
  right: 1px;
  top: -21px;
}
.studentReport .operation .matrixLabel {
  padding-left: 17px;
}
.studentReport .operation .progressGraph {
  position: absolute;
  left: 26px;
  bottom: 37px;
}
.studentReport .operation .graphLabel {
  margin: 0 auto;
  width: 320px;
}
.studentReport .operation .matrixLabel {
  margin: 0 auto;
  width: 290px;
}
.studentReport .operation .graphPaper {
  margin: 0 auto;
  width: 285px;
  height: 256px;
  padding: 2px 2px 7px 2px;
  background: url("https://cdn0.xtramath.org/images/graph-background.png") no-repeat;
}
.studentReport .operation div.matrixPaper {
  margin: 0 auto;
  width: 253px;
  height: 256px;
  background: url("https://cdn0.xtramath.org/images/matrix-background2.png") no-repeat;
  padding: 2px 2px 7px 2px;
}
.studentReport .operation .matrix {
  width: auto;
  height: auto;
  border-collapse: collapse;
  margin: 0;
  left: 48px;
  top: 49px;
}
.studentReport .operation .matrix td {
  padding: 0 1px 1px 0;
  width: 15px;
  height: 15px;
}
.studentReport .operation .matrix img {
  display: block;
}
.classReport .panelb {
  width: 100%;
  margin-top: -15px;
  margin-left: -10px;
}
.classReport .panelb .selectors {
  display: inline-block;
}
.classReport .panelb select.changeProgram {
  margin-left: 10px;
  max-width: 300px;
}
.classReport table.reportTable {
  margin-top: 0;
}
.classReport .greenButton.restart {
  display: none;
}
.classReport span.changeProgram {
  padding: 0 10px 0 10px;
}
.classReport.reportView .changeProgramsMode.invisible {
  visibility: hidden;
}
.classReport.reportView .changeProgramsMode.hidden {
  display: none;
}
.classReport.changeProgramsView .reportMode.invisible {
  visibility: hidden;
}
.classReport.changeProgramsView .reportMode.hidden {
  display: none;
}
.classReport.changeProgramsView td.name a {
  color: #404040;
  cursor: default;
}
.dateReport .activityHeader {
  font: 24pt Georgia;
  margin: 0 auto 8px auto;
}
.dateReport .archived,
.dateReport .noneComplete {
  display: none;
  margin: 20px 0 0 55px;
}
.dateReport .fact_detail {
  font: 9pt "HelveticaNeue", Arial, sans-serif;
  color: #666;
  position: relative;
  left: 2px;
  bottom: 4px;
}
.dateReport .activity_name {
  position: absolute;
  width: 90%;
  top: 10px;
  font: 14pt Georgia;
  color: #666;
}
.dateReport .activity_name img {
  vertical-align: top;
}
.dateReport .activity_name span {
  position: relative;
  top: 2px;
  left: 6px;
}
.dateReport .num_problems {
  font: 9pt "HelveticaNeue", Arial, sans-serif;
  color: #666;
  margin-top: -10px;
  margin-bottom: 10px;
}
.dateReport .time {
  position: absolute;
  right: 8px;
  top: 10px;
  font: 8pt "HelveticaNeue", Arial, sans-serif;
}
.dateReport h1,
.dateReport h2 {
  max-width: 710px;
  margin: 0 auto;
}
.dateReport .activity {
  position: relative;
  background-color: #f8f8f8;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  box-shadow: 0 2px 2px #888;
  max-width: 710px;
  margin: 20px auto;
}
.dateReport .activity .t {
  height: 16px;
}
.dateReport .activity .m {
  padding: 30px 27px 15px 27px;
}
.dateReport .activity .b {
  height: 6px;
}
.dateReport .activity table {
  vertical-align: top;
}
.dateReport .activity_details {
  display: block;
}
.dateReport .activity_details hr {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #e0e0e0;
  background-color: #e0e0e0;
}
.dateReport .activity_details table {
  width: 100%;
}
.dateReport .activity_details table td {
  min-width: auto;
}
.dateReport table {
  table-layout: fixed;
}
.dateReport table tr {
  vertical-align: top;
}
.dateReport table td {
  min-width: 60px;
  white-space: nowrap;
}
.dateReport table td img {
  height: 22px;
}
.teacherAccount .ui-checkbox {
  margin: 0;
}
.teacherAccount hr.deleteAcct {
  margin-bottom: 5px;
}
.teacherAccount a.deleteAcct {
  display: block;
  padding-left: 5px;
}
#enrollConfirmationPopup .label {
  font-size: 9pt;
  color: #818181;
}
#enrollConfirmationPopup .email {
  font-size: 14pt;
}
#enrollConfirmationPopup .name {
  min-width: 200px;
}
#enrollConfirmationPopup .name,
#enrollConfirmationPopup .pin {
  font-size: 18pt;
  color: #82b43a;
  line-height: 120%;
}
#enrollConfirmationPopup .parent,
#enrollConfirmationPopup .student {
  margin-top: 20px;
}
#enrollConfirmationPopup .student .paired {
  display: inline-block;
}
#enrollConfirmationPopup .paired:not(:last-child) {
  margin-bottom: 12px;
}
body.ui-mobile-viewport {
  overflow: visible;
  font-size: 11pt;
}
body.ui-mobile-viewport .logoContainer {
  position: absolute;
  left: -50px;
  width: 210px;
  height: 100%;
}
.ui-page {
  min-width: 1024px;
}
.ui-content {
  padding-top: 10px;
  overflow: visible;
}
.containingPaper {
  width: 925px;
  margin: 0 auto;
  padding: 60px 50px 30px 50px;
  min-height: 0;
  border-radius: 0;
}
.fillingPaper {
  width: 925px;
  height: 625px;
  padding: 60px 50px 30px 50px;
  margin: 0 auto;
  border-radius: 10px;
}
.column {
  max-width: 925px;
  padding: 0;
  margin: 0 auto;
}
.copyright {
  width: 925px;
  margin: 8px auto 0 auto;
  font: 8pt "HelveticaNeue", Arial, sans-serif;
}
.placeholder {
  background-color: #fff;
  color: #888;
  position: absolute;
  display: none;
  width: calc(100% - 10px);
  height: 28px;
  line-height: 30px;
  padding-left: 10px;
  vertical-align: middle;
}
.errorPage .containingPaper {
  margin-top: 40px;
  min-height: 375px;
}
.errorPage .teacherPhoto {
  position: absolute;
  left: 3px;
  bottom: 0;
}
.errorPage .title {
  position: absolute;
  left: 230px;
  top: 60px;
  width: 600px;
  font: 24pt Georgia;
}
.errorPage .message {
  position: absolute;
  left: 230px;
  top: 120px;
  width: 600px;
  font: 12pt Georgia;
}
select.minimal {
  border: none;
  background-color: #fff;
}
.stacked .ui-block-a,
.stacked .ui-block-b,
.stacked .ui-block-c,
.stacked .ui-block-d,
.stacked .ui-block-e {
  padding: 0;
  width: 100%;
  float: none;
}
.tabs {
  max-width: 925px;
  font-size: 14px;
  min-height: 38px;
  margin: 0 auto -6px auto;
  padding-top: 8px;
  padding-left: 30px;
  position: relative;
  z-index: 1;
  line-height: 50%;
}
.tab {
  display: inline-block;
  line-height: 125%;
}
.tab .l {
  background: url("https://cdn0.xtramath.org/images/tab-l.png") no-repeat;
  display: inline-block;
  width: 4px;
  height: 38px;
  vertical-align: bottom;
}
.tab .c {
  background: url("https://cdn0.xtramath.org/images/tab-c.png");
  display: inline-block;
  height: 38px;
  padding: 0px 15px;
  vertical-align: bottom;
}
.tab .r {
  background: url("https://cdn0.xtramath.org/images/tab-r.png") no-repeat;
  display: inline-block;
  width: 4px;
  height: 38px;
  vertical-align: bottom;
}
.tab a {
  position: relative;
  top: 8px;
}
.tab.s .l {
  background: url("https://cdn0.xtramath.org/images/tabs-l.png") no-repeat;
}
.tab.s .c {
  background: url("https://cdn0.xtramath.org/images/tabs-c.png");
}
.tab.s .r {
  background: url("https://cdn0.xtramath.org/images/tabs-r.png") no-repeat;
}
.webOnly {
  visibility: visible;
}
label {
  font-family: "HelveticaNeue", Arial, sans-serif;
}
.inputGroup {
  width: 100%;
  border-collapse: separate;
  border-radius: 5px;
  border-spacing: 0 3px;
}
.inputGroup .ui-input-text {
  border: none;
  padding: 0;
}
.inputGroup tr.inputElement label,
.inputGroup tr.inputRow label {
  padding: 0 10px;
}
.inputGroup tr.inputElement label.ui-btn-icon-left,
.inputGroup tr.inputRow label.ui-btn-icon-left {
  padding-left: 36px;
}
.inputGroup tr.inputElement td,
.inputGroup tr.inputRow td {
  position: relative;
  padding: 3px 0;
}
.inputGroup tr.inputElement td.noBorder,
.inputGroup tr.inputRow td.noBorder {
  border: none;
}
.inputGroup tr.inputElement td.label {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.inputGroup tr.inputElement td.field {
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
}
.inputGroup tr.inputElement td:only-child {
  border-radius: 5px;
}
.inputGroup tr.inputRow td {
  border-radius: 5px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.inputGroup tr.error td {
  background: transparent;
  border: none !important;
  padding: 0;
  text-align: left;
}
.inputGroup tr.inputElement.hasError td:last-child {
  border: 1px solid #e44;
  background-color: rgba(228,92,92,0.05);
}
.inputGroup tr.borderWhenMobile {
  border-spacing: 0;
}
.inputGroup tr.borderWhenMobile td {
  background: transparent;
  border: none !important;
  padding: 0;
}
.mediumWeight {
  font-weight: 400;
}
button.unstyled {
  background-color: transparent;
  border: 0px none;
  padding: 0;
  cursor: pointer;
}
.ui-page-active::before {
  z-index: 0;
  content: "";
  height: 82px;
  width: 100%;
  position: absolute;
}
.ui-page-active.woodgrain::before {
  background: #8da5a4 url("https://cdn0.xtramath.org/images/wood-header-background.png") repeat-x;
}
.ui-page-active.chalkboard::before {
  background: #8da5a4 url("https://cdn0.xtramath.org/images/chalkboard-header-background.png") repeat-x;
}
.woodgrain .copyright {
  color: #86764f;
}
.webHeader {
  max-width: 925px;
  margin: 0 auto;
  position: relative;
  height: 82px;
  font-family: "HelveticaNeue", Arial, sans-serif;
}
.webHeader .logoContainer {
  line-height: 74px;
}
.webHeader .logo {
  vertical-align: middle;
}
.webHeader .nav {
  text-align: center;
  margin: 0 230px 0 190px;
  overflow: hidden;
}
.webHeader .nav img {
  height: 50px;
  margin-top: 20px;
  display: inline-block;
  width: auto;
}
.webHeader .nav a:not(:first-child) {
  padding-left: 30px;
}
.webHeader .signinMenu {
  position: absolute;
  right: 0;
  top: 0;
  width: 224px;
  height: 64px;
}
.webHeader .signinMenu img {
  height: 100%;
}
.webHeader .signedIn {
  position: absolute;
  top: 30px;
  right: 0;
  line-height: normal;
  color: #fefefe;
}
.webHeader .signedIn .signout {
  cursor: pointer;
}
.webHeader .signedIn a {
  float: right;
  font-size: 14px;
}
.webHeader .accountName,
.webHeader .classroomName {
  min-height: 24px;
  font-size: 20px;
}
.home .containingPaper {
  padding: 40px 50px 40px 50px;
}
.microFont {
  font-size: 9pt !important;
}
.tinyFont {
  font-size: 10pt !important;
}
.smallFont {
  font-size: 11pt !important;
}
.largeFont {
  font-size: 14pt !important;
}
.videoPopup {
  background: url("https://cdn0.xtramath.org/images/video-popup.png");
  width: 672px;
  height: 388px;
  padding: 17px 17px;
}
.storeLink img,
.storeLinks img {
  height: 45px;
}
.billboard img {
  width: 601px;
  height: 338px;
}
.chartHeader {
  height: 14px;
  vertical-align: middle;
}
.grayCheckmark,
.greenCheckmark {
  height: 20px;
}
.logo {
  width: 200px;
}
.enrollPostit {
  height: 250px;
  width: 250px;
}
.signupPostit {
  height: 225px;
  width: 225px;
}
.supportPostit {
  height: 242px;
  width: 290px;
}
.faqPostit {
  height: 242px;
  width: 290px;
}
.backpack {
  width: 215px;
  height: 215px;
}
.enrollImage {
  width: 215px;
  height: 215px;
}
.signinClipboard {
  width: 215px;
  height: 215px;
}
#absentButton,
#busyButton {
  width: 38px;
  height: 38px;
}
.statusIcon {
  width: 35px;
  height: 35px;
}
.desk {
  width: 215px;
  height: 215px;
}
.no,
.yes {
  width: 102px;
  height: 48px;
}
.keypadToggle,
.teacherToggle {
  width: 54px;
  height: 49px;
}
#homeFlyout {
  background-color: #fff;
  padding-top: 20px;
  font: 18pt "HelveticaNeue", Arial, sans-serif;
}
#homeFlyout hr {
  margin: 25px 0;
}
#homeFlyout span {
  color: #818181;
}
#homeFlyout a {
  color: #007aab;
  cursor: pointer;
}
ul.links {
  font-size: 13pt;
  line-height: 125%;
  padding-left: 0;
}
.home .containingPaper,
.home .fillingPaper {
  margin-top: 38px;
}
.home .containingPaper h1,
.home .fillingPaper h1 {
  font: 30pt Georgia;
}
.home .containingPaper h2,
.home .fillingPaper h2 {
  font: 16pt Georgia;
}
.homeIndex .copyright {
  width: 1024px;
}
.containingPaper.longForm {
  font: 12pt Georgia;
}
.mainPanel {
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 10px;
  margin-top: 38px;
}
.mainPanel .info {
  position: relative;
}
.mainPanel .signupPane {
  top: 0;
  left: 725px;
  position: absolute;
}
.mainPanel .signupPane img {
  position: relative;
}
.mainPanel .signupPane .signupPostit {
  margin-left: 5px;
  z-index: 2;
}
.mainPanel .signupPane .enrollPostit {
  z-index: 1;
  margin-left: 5px;
  margin-top: -65px;
}
.mainPanel .phoneVideoTabs {
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
}
.mainPanel .phoneVideoTabs .moreVideos {
  width: 210px;
  text-align: left;
  display: inline-block;
  padding-bottom: 10px;
}
.mainPanel .phoneVideoTabs .desc {
  display: inline-block;
  font-family: Georgia;
  line-height: 100%;
  vertical-align: middle;
  padding: 5px 25px 5px 15px;
  color: #007aab;
}
.mainPanel .phoneVideoTabs .videoTab {
  display: inline-block;
  width: 210px;
  line-height: 44px;
  margin: 0;
  padding: 2px 0;
  text-align: left;
  background: url("https://cdn0.xtramath.org/images/home-video-tab-rect.png") no-repeat;
  background-size: contain;
}
.mainPanel .phoneVideoTabs .videoTab.hasPlayed {
  opacity: 0.6;
}
.mainPanel .phoneVideoTabs .ui-grid-a .ui-block-a {
  text-align: right;
}
.mainPanel .phoneVideoTabs .ui-grid-a .ui-block-b {
  text-align: left;
}
.mainPanel .videoTabs {
  display: inline-block;
  vertical-align: top;
}
.mainPanel .videoTabs .desc {
  display: inline-block;
  font-family: Georgia;
  line-height: 100%;
  vertical-align: middle;
  padding: 5px 25px 5px 15px;
  color: #007aab;
}
.mainPanel .videoTabs .videoTab.selected {
  z-index: 2;
}
.mainPanel .videoTabs .playVideo {
  cursor: pointer;
}
.mainPanel .videoTabs .videoTab:first-child {
  margin-top: 12px;
}
.mainPanel .videoTab {
  position: relative;
  margin-top: 6px;
  overflow-wrap: break-word;
  width: 153px;
  height: 48px;
  line-height: 48px;
  margin-right: -25px;
  background: url("https://cdn0.xtramath.org/images/home-video-tab.png") no-repeat;
}
.mainPanel .videoPane {
  vertical-align: top;
  background-color: #fefefe;
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 600px;
  height: 338px;
  box-shadow: 0 0 2px 2px #888;
}
.mainPanel .languageSelect {
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 35px 0 15px;
  width: 100%;
  max-width: 250px;
  float: none;
}
.mainPanel .languageSelect .ui-select {
  background-image: url("https://cdn0.xtramath.org/images/globe-icon.png");
  width: 100%;
}
.mainPanel .languageSelect .ui-btn {
  text-align: left;
  padding: 0.2em 3em;
}
.mainPanel .storeLink,
.mainPanel .facebookLink {
  vertical-align: top;
  margin-top: 15px;
  width: 364px;
  height: 72px;
  line-height: 66px;
  display: inline-block;
  background: url("https://cdn0.xtramath.org/images/graph-paper-short.png");
}
.mainPanel .facebookLink {
  position: relative;
  margin-left: 10px;
}
.mainPanel .facebookLink .appText {
  width: 250px;
}
.mainPanel .storeLink img {
  float: left;
  padding: 10px;
}
.mainPanel .storeLink img.mobileAppsPage {
  height: 45px;
  padding: 10px;
}
.mainPanel .storeLink .appText {
  width: calc(100% - 173px);
}
.mainPanel .fbLogo {
  float: left;
  padding: 10px;
}
.mainPanel .appText {
  display: inline-block;
  vertical-align: middle;
  line-height: 125%;
  font-family: Georgia;
  color: #404040;
}
.faq .category {
  margin-bottom: 20px;
}
.faq .entry {
  line-height: 150%;
}
.faq .question {
  padding-left: 18px;
  text-indent: -18px;
  cursor: pointer;
  font-weight: normal;
  color: #404040;
}
.faq hr {
  margin: 0 0 20px 5px;
  width: 95%;
}
.faq h2 {
  font-size: 16pt;
}
.faq h3 {
  color: #808080;
}
.faq .answer {
  display: none;
  margin-left: 5px;
  padding: 12px 0 12px 20px;
}
.faq .support {
  position: absolute;
  right: -60px;
  top: 45px;
}
.faq .question {
  white-space-collapse: trim-inner;
}
.faq .question.expanded {
  font-weight: 600;
}
.faq .question::before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  width: 12px;
  height: 12px;
  background-image: url("https://cdn0.xtramath.org/images/caret-right.svg");
  background-size: 100% 100%;
}
.faq .question.expanded::before {
  background-image: url("https://cdn0.xtramath.org/images/caret-down.svg");
}
.faq .operation {
  background: #f8f8f8;
}
.faq .operation_score_label {
  font-size: 9pt;
  position: absolute;
  right: 80px;
  top: 14px;
}
.faq .operation_score {
  color: #8cbd4b;
  font-size: 36pt;
  position: absolute;
  right: 8px;
  top: -10px;
}
.faq .operation_title {
  font: 14pt Georgia;
  position: absolute;
  left: 8px;
  top: 6px;
}
.faq .faqPic {
  float: right;
  margin-right: 35px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.support .containingPaper {
  padding-right: 200px;
}
.support .faq {
  position: absolute;
  right: -60px;
  top: 45px;
}
.support ul {
  list-style-type: disc;
  margin-left: 13px;
}
.mobileApps h1 {
  margin-bottom: 35px;
}
.mobileApps .storeLinks {
  width: 80%;
}
.mobileApps .storeLinks img {
  display: inline-block;
  margin: 20px 20px 20px 0;
}
.homeTerms p:first-child {
  margin-top: 0;
}
.homeTerms ul {
  padding-left: 20px;
  line-height: 200%;
  font-family: "HelveticaNeue", Arial, sans-serif;
  list-style-type: disc;
}
.homeIndex .ui-grid-b .ui-block-a,
.homeIndex .ui-grid-b .ui-block-b,
.homeIndex .ui-grid-b .ui-block-c {
  vertical-align: middle;
  width: 33%;
  text-align: center;
}
.homeIndex .ui-grid-a .ui-block-a,
.homeIndex .ui-grid-a .ui-block-b,
.homeIndex .ui-grid-a vertical-align middle {
  width: 50%;
  text-align: center;
}
.homeIndex .interfaceSwitcher {
  margin: 10px 10px 0 0;
  border-radius: 5px;
  display: inline-block;
  float: right;
  right: 15px;
  top: 15px;
}
.homeIndex .interfaceSwitcher .button {
  z-index: 1;
  background-color: #f6f6f6;
  border: 1px solid #c4c4c4;
  border-collapse: collapse;
}
.homeIndex .interfaceSwitcher .selected {
  background-color: #abb3b3;
}
.homeIndex .interfaceSwitcher .selected button {
  color: #fff;
}
.homeIndex .interfaceSwitcher button {
  color: #404040;
  padding: 9px 8px 7px 8px;
  font-size: 12pt;
  margin: 0;
}
.homeIndex .interfaceSwitcher .left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.homeIndex .interfaceSwitcher .right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left-width: 0;
}
.aboutUs .attribution {
  margin-top: 20px;
  font: 10pt "HelveticaNeue", Arial, sans-serif;
  color: #818181;
}
.aboutUs h2 {
  margin: 20px 0 0 0;
}
.aboutUs .kudo {
  font-size: 11pt;
  box-shadow: 0 0 6px 1px #dcdcdc;
  border-radius: 10px;
  padding: 20px;
  width: 75%;
  margin: 0 auto;
}
.aboutUs .kudo img {
  position: relative;
  float: left;
  margin-right: 30px;
}
.aboutUs .quote:before {
  content: open-quote;
}
.aboutUs .quote:after {
  content: close-quote;
}
.homeSignup .ui-checkbox {
  margin: 0;
}
.homeSignup label[for="reminders2"] {
  margin-top: 30px;
}
.homeSignup table.inputGroup {
  max-width: 520px;
}
.homeSignup .inputElement.addressedAs {
  display: none;
}
.signin .fillingPaper,
.homeEnroll .fillingPaper {
  padding-right: 30px;
  min-height: 450px;
  height: auto;
}
.signin a.forgot,
.homeEnroll a.forgot {
  display: block;
}
.signin .ui-block-a,
.homeEnroll .ui-block-a {
  margin-top: 20px;
  width: 40%;
}
.signin .ui-block-b,
.homeEnroll .ui-block-b {
  width: 59%;
}
.signin .statusIcon,
.homeEnroll .statusIcon {
  margin-top: 0;
  vertical-align: middle;
}
.signin .name span,
.homeEnroll .name span {
  vertical-align: middle;
}
.removalList.ui-listview .remove,
.removalList.ui-listview .add {
  height: 42px;
  width: 42px;
}
.removalList.ui-listview .remove img,
.removalList.ui-listview .add img {
  margin-top: 2px;
  width: 38px;
  height: 38px;
}
.homeEnroll .fillingPaper,
.signinStudentOther .fillingPaper,
.signinClassroomOther .fillingPaper,
.signinTeacherOther .fillingPaper {
  padding-bottom: 10px;
}
.removalList.ui-listview {
  max-height: 210px;
}
.rememberedList.ui-listview {
  max-height: 270px;
}
.removalList.ui-listview,
.rememberedList.ui-listview {
  margin-left: 5px;
}
.removalList.ui-listview li,
.rememberedList.ui-listview li {
  height: 42px;
}
.removalList.ui-listview li,
.rememberedList.ui-listview li,
.removalList.ui-listview .ui-btn-inner,
.rememberedList.ui-listview .ui-btn-inner,
.removalList.ui-listview a,
.rememberedList.ui-listview a {
  font: 24pt Georgia;
}
.removalList.ui-listview .otherLink,
.rememberedList.ui-listview .otherLink {
  padding-top: 10px;
  font: 16pt "HelveticaNeue", Arial, sans-serif;
}
.signinTabs {
  width: 925px;
  margin: 0 auto;
}
.classroomsTab {
  background: url("https://cdn0.xtramath.org/images/classrooms-tab-bg.png");
}
.studentsTab {
  background: url("https://cdn0.xtramath.org/images/students-tab-bg.png");
}
.teachersTab {
  background: url("https://cdn0.xtramath.org/images/teachers-tab-bg.png");
}
.studentsTab,
.teachersTab,
.classroomsTab {
  position: relative;
  padding: 0 20px;
  line-height: 32px;
  height: 42px;
  vertical-align: middle;
  color: #fefefe;
  background-repeat: repeat-x;
  margin-left: 15px;
  margin-bottom: -10px;
  box-shadow: 0 1px 5px 1px #888;
}
.studentsTab.selected,
.teachersTab.selected,
.classroomsTab.selected {
  z-index: 5;
}
.signinClassroom2 .fillingPaper {
  margin-top: 0;
}
.studentFooter .continue {
  display: block;
  text-align: center;
  margin: 12px auto 0 auto;
}
.matrixMask {
  display: none;
}
.actions {
  overflow: hidden;
  font-size: 9pt;
  vertical-align: top;
  display: inline-block;
  width: 15%;
  line-height: 125%;
  margin-top: 8px;
}
.actions a:first-child {
  margin-top: 10px;
}
.actions a.addChild:first-child {
  margin-top: 0;
}
.actions a {
  display: block;
  margin-bottom: 10px;
}
.reportContainer {
  padding-left: 20px;
}
.reportContainer .reportPanel {
  max-width: 580px;
  margin: 20px auto 20px 0;
}
.reportContainer .reportTable th {
  font-size: 10pt;
}
.reportContainer .reportTable td {
  height: 24px;
}
.reportContainer .reportTable th.name {
  width: 175px;
}
.reportContainer .reportTable td.name {
  font-size: 12pt;
}
.reportContainer .reportTable th.usage {
  width: 30px;
}
.reportContainer .reportTable td.usage img,
.reportContainer .reportTable td.status img {
  width: 22px;
  height: 22px;
}
.classReport .containingPaper,
.studentReport .containingPaper {
  padding: 55px 35px 40px 35px;
}
.classReport .reportContainer,
.studentReport .reportContainer {
  display: inline-block;
  width: 75%;
}
.classReport iframe,
.studentReport iframe {
  padding: 17px;
}
.classReport .calendarDisplay,
.studentReport .calendarDisplay {
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  width: 528px;
}
.classReport .calendarContainer,
.studentReport .calendarContainer {
  position: relative;
}
.classReport .calendarHeader,
.studentReport .calendarHeader {
  font-size: 12pt;
  margin: -5px 0 20px -5px;
}
.classReport .incrementCalendar,
.studentReport .incrementCalendar,
.classReport .decrementCalendar,
.studentReport .decrementCalendar {
  height: 41px;
  width: 20px;
}
.classReport .incrementCalendar img,
.studentReport .incrementCalendar img,
.classReport .decrementCalendar img,
.studentReport .decrementCalendar img {
  height: 20px;
  width: 12px;
}
.classReport .calendar,
.studentReport .calendar {
  box-sizing: border-box;
  display: inline-block;
  width: 170px;
  height: 196px;
  background: url("https://cdn0.xtramath.org/images/cal-background.png") no-repeat;
  padding: 8px 10px 0 10px;
  margin: 0 3px;
  border: none;
}
.classReport .calendar table,
.studentReport .calendar table {
  margin-top: 0;
  border-collapse: collapse;
}
.classReport .calendar table th,
.studentReport .calendar table th {
  text-align: center;
}
.classReport .calendar .monthname,
.studentReport .calendar .monthname {
  font: 12pt Georgia;
  height: 30px;
}
.classReport .calendar .monthname th,
.studentReport .calendar .monthname th {
  text-align: center;
  padding: 0;
}
.classReport .calendar .weekdays,
.studentReport .calendar .weekdays {
  font: 9pt "HelveticaNeue", Arial, sans-serif;
  color: #818181;
  border-bottom: thin solid #e7e7e7;
}
.classReport .calendar .weekdays th,
.studentReport .calendar .weekdays th {
  padding: 0;
}
.classReport .calendar td.q0,
.studentReport .calendar td.q0 {
  background-image: url("https://cdn0.xtramath.org/images/usage-0.svg");
}
.classReport .calendar td.q1,
.studentReport .calendar td.q1 {
  background-image: url("https://cdn0.xtramath.org/images/usage-1.svg");
}
.classReport .calendar td.q2,
.studentReport .calendar td.q2 {
  background-image: url("https://cdn0.xtramath.org/images/usage-2.svg");
}
.classReport .calendar td.q3,
.studentReport .calendar td.q3 {
  background-image: url("https://cdn0.xtramath.org/images/usage-3.svg");
}
.classReport .calendar td,
.studentReport .calendar td {
  text-align: center;
  font-size: 8pt;
  width: 21px;
  height: 21px;
  background-size: 19px 19px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.classReport .calendar td a,
.studentReport .calendar td a,
.classReport .calendar td div,
.studentReport .calendar td div {
  display: inline-block;
}
.classReport .calendar td a,
.studentReport .calendar td a {
  color: #fff;
}
.dateReport .spacer {
  max-width: 710px;
  position: relative;
  margin: 0 auto 20px auto;
  position: relative;
}
.dateReport .spacer .cancel {
  visibility: hidden;
}
.dateReport .spacer a.print {
  position: absolute;
  right: 0;
}
.studentReport .title {
  font: 12pt "HelveticaNeue", Arial, sans-serif;
}
.studentReport .title .operationName {
  text-transform: uppercase;
}
.flyers .noCerts,
.certificates .noCerts {
  margin-top: 30px;
}
.flyers .reportTable th,
.certificates .reportTable th {
  text-align: left;
}
.flyers .reportTable tr td,
.certificates .reportTable tr td {
  height: 31px;
}
.flyers .reportTable tr td.toPrint,
.certificates .reportTable tr td.toPrint {
  width: 30px;
}
.flyers .reportTable tr th.toPrint,
.certificates .reportTable tr th.toPrint {
  width: 30px;
}
.flyers .reportTable tr td.enrolled,
.certificates .reportTable tr td.enrolled {
  width: 110px;
  padding-left: 10px;
}
.flyers .reportTable tr th.printed,
.certificates .reportTable tr th.printed,
.flyers .reportTable tr td.printed,
.certificates .reportTable tr td.printed {
  text-align: right;
}
.flyers .reportTable tr th.enrolled,
.certificates .reportTable tr th.enrolled {
  width: 130px;
  padding-left: 10px;
}
.flyers .reportTable tr th.flyersFor,
.certificates .reportTable tr th.flyersFor {
  padding-left: 10px;
  width: 175px;
  padding-right: 20px;
}
.flyers .reportTable tr .flyersFor select,
.certificates .reportTable tr .flyersFor select {
  width: 175px;
}
.flyers .reportTable tr .notEnrolled,
.certificates .reportTable tr .notEnrolled {
  padding-left: 8px;
}
.dateReport .containingPaper,
.teacherAccount .containingPaper {
  margin-top: 40px;
}
.teacherAddStudent h1,
.teacherAddStudent .panelb {
  margin-left: 30px;
}
.teacherAddStudent .picker {
  padding-top: 10px;
}
.teacherAddStudent .ui-grid-a .ui-block-a {
  width: 100%;
  padding-left: 0;
}
.teacherAddStudent .ui-grid-a .ui-block-b {
  width: 100%;
}
.ui-page.studentGoodbye,
.ui-page.studentWelcome,
.ui-page.studentPracticeIntro,
.ui-page.studentQuizIntro,
.ui-page.studentPracticeResults,
.ui-page.studentQuizResults,
.ui-page.studentPractice,
.ui-page.studentQuiz {
  min-width: 964px;
}
.ui-page.studentGoodbye .webHeader,
.ui-page.studentWelcome .webHeader,
.ui-page.studentPracticeIntro .webHeader,
.ui-page.studentQuizIntro .webHeader,
.ui-page.studentPracticeResults .webHeader,
.ui-page.studentQuizResults .webHeader,
.ui-page.studentPractice .webHeader,
.ui-page.studentQuiz .webHeader {
  width: 924px;
}
.ui-page.studentGoodbye .copyright,
.ui-page.studentWelcome .copyright,
.ui-page.studentPracticeIntro .copyright,
.ui-page.studentQuizIntro .copyright,
.ui-page.studentPracticeResults .copyright,
.ui-page.studentQuizResults .copyright,
.ui-page.studentPractice .copyright,
.ui-page.studentQuiz .copyright {
  width: 924px;
}
.quizPaper {
  width: 924px;
  height: 648px;
  padding: 37px;
  margin: 0 auto;
  border-radius: 10px;
}
.quizPaper h1 {
  margin: 0;
  font: 27pt Georgia;
}
.quizPaper h2 {
  margin: 0;
  font: 15pt Georgia;
}
.studentFooter {
  margin-left: -37px;
}
.current {
  font: 29pt "HelveticaNeue", Arial, sans-serif;
  top: 12.773082942097027px;
}
.bubble {
  vertical-align: middle;
  width: 32px;
  height: 32px;
  padding: 0 3px;
}
.keypad {
  bottom: 18px;
  width: 342px;
  height: 456px;
}
.noKeypad .displayVideo,
.rightKeypad .displayVideo {
  left: 5px;
}
.noKeypad .current,
.rightKeypad .current {
  right: 38px;
  margin-right: 50px;
}
.noKeypad .scoreSmiley,
.rightKeypad .scoreSmiley {
  right: 38px;
}
.noKeypad .keypad,
.rightKeypad .keypad {
  right: 18px;
}
.leftKeypad .current {
  left: 38px;
  margin-left: 50px;
}
.leftKeypad .scoreSmiley {
  left: 38px;
}
.leftKeypad .keypad {
  left: 18px;
  right: auto;
}
.leftKeypad .problem {
  margin-left: 381px;
  margin-right: auto;
}
.rightKeypad .problem {
  margin-left: auto;
  margin-right: 381px;
}
.matrix {
  height: 409px;
  width: 409px;
  padding-top: 18px;
  padding-right: 18px;
}
.mrc {
  width: 437px;
  height: 328px;
  overflow: hidden;
}
.mrc video {
  width: 438px;
  min-height: 328px;
}
.mrc.poster {
  width: 437px;
  height: 328px;
}
.problem {
  margin-bottom: 50px;
  width: 301px;
  font-size: 88pt;
  height: 381px;
}
.scoreSmiley {
  top: 13px;
  height: 46px;
  width: 46px;
}
.separator {
  height: 6px;
}
.speech_bubble {
  left: 292px;
  bottom: 265px;
  height: 128px;
  width: 228px;
  background: url("https://cdn0.xtramath.org/images/speech-bubble-2.svg");
  background-repeat: no-repeat;
  background-size: 228px 128px;
  line-height: 155px;
}
.speech_bubble .streakLabel {
  margin-left: 36px;
  margin-top: 9px;
  width: 52%;
  font: 15pt Georgia;
}
.speech_bubble .longestStreak {
  top: 25%;
  right: 9px;
  font: 38pt "HelveticaNeue", Arial, sans-serif;
}
.teacherImage img {
  width: 255px;
  height: 255px;
}
.tally {
  width: 383px;
  height: 465px;
  right: 14px;
}
.tally img {
  width: 35px;
  height: 35px;
}
.timer {
  line-height: 65px;
}
.transcripts {
  margin-top: 73px;
  margin-left: 214px;
  height: 401px;
  width: 319px;
  font: 13pt Georgia;
}
.transcripts .transcript {
  margin: 18px 3px 0 41px;
}
.transcripts .close {
  height: 18px;
  width: 18px;
}
.key {
  height: 109px;
  width: 109px;
}
.key0 {
  height: 109px;
  width: 225px;
  bottom: 0;
  left: 0;
}
.key1 {
  bottom: 110px;
  left: 0;
}
.key2 {
  bottom: 110px;
  left: 110px;
}
.key3 {
  bottom: 110px;
  left: 221px;
}
.key4 {
  bottom: 221px;
  left: 0;
}
.key5 {
  bottom: 221px;
  left: 110px;
}
.key6 {
  bottom: 221px;
  left: 221px;
}
.key7 {
  bottom: 331px;
  left: 0;
}
.key8 {
  bottom: 331px;
  left: 110px;
}
.key9 {
  bottom: 331px;
  left: 221px;
}
@media (max-width: 1024px) and (min-width: 760px) and (min-height: 598px), (max-height: 698px) and (min-width: 760px) and (min-height: 598px) {
  .ui-page.studentGoodbye,
  .ui-page.studentWelcome,
  .ui-page.studentPracticeIntro,
  .ui-page.studentQuizIntro,
  .ui-page.studentPracticeResults,
  .ui-page.studentQuizResults,
  .ui-page.studentPractice,
  .ui-page.studentQuiz {
    min-width: 803px;
  }
  .ui-page.studentGoodbye .webHeader,
  .ui-page.studentWelcome .webHeader,
  .ui-page.studentPracticeIntro .webHeader,
  .ui-page.studentQuizIntro .webHeader,
  .ui-page.studentPracticeResults .webHeader,
  .ui-page.studentQuizResults .webHeader,
  .ui-page.studentPractice .webHeader,
  .ui-page.studentQuiz .webHeader {
    width: 763px;
  }
  .ui-page.studentGoodbye .copyright,
  .ui-page.studentWelcome .copyright,
  .ui-page.studentPracticeIntro .copyright,
  .ui-page.studentQuizIntro .copyright,
  .ui-page.studentPracticeResults .copyright,
  .ui-page.studentQuizResults .copyright,
  .ui-page.studentPractice .copyright,
  .ui-page.studentQuiz .copyright {
    width: 763px;
  }
  .quizPaper {
    width: 763px;
    height: 535px;
    padding: 30px;
    margin: 0 auto;
    border-radius: 10px;
  }
  .quizPaper h1 {
    margin: 0;
    font: 22pt Georgia;
  }
  .quizPaper h2 {
    margin: 0;
    font: 12pt Georgia;
  }
  .studentFooter {
    margin-left: -30px;
  }
  .current {
    font: 24pt "HelveticaNeue", Arial, sans-serif;
    top: 10.297339593114241px;
  }
  .bubble {
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 0 2px;
  }
  .keypad {
    bottom: 15px;
    width: 276px;
    height: 368px;
  }
  .noKeypad .displayVideo,
  .rightKeypad .displayVideo {
    left: 4px;
  }
  .noKeypad .current,
  .rightKeypad .current {
    right: 31px;
    margin-right: 40px;
  }
  .noKeypad .scoreSmiley,
  .rightKeypad .scoreSmiley {
    right: 31px;
  }
  .noKeypad .keypad,
  .rightKeypad .keypad {
    right: 15px;
  }
  .leftKeypad .current {
    left: 31px;
    margin-left: 40px;
  }
  .leftKeypad .scoreSmiley {
    left: 31px;
  }
  .leftKeypad .keypad {
    left: 15px;
    right: auto;
  }
  .leftKeypad .problem {
    margin-left: 307px;
    margin-right: auto;
  }
  .rightKeypad .problem {
    margin-left: auto;
    margin-right: 307px;
  }
  .matrix {
    height: 330px;
    width: 330px;
    padding-top: 15px;
    padding-right: 15px;
  }
  .mrc {
    width: 352px;
    height: 264px;
    overflow: hidden;
  }
  .mrc video {
    width: 353px;
    min-height: 265px;
  }
  .mrc.poster {
    width: 353px;
    height: 264px;
  }
  .problem {
    margin-bottom: 40px;
    width: 243px;
    font-size: 71pt;
    height: 307px;
  }
  .scoreSmiley {
    top: 10px;
    height: 37px;
    width: 37px;
  }
  .separator {
    height: 5px;
  }
  .speech_bubble {
    left: 235px;
    bottom: 213px;
    height: 103px;
    width: 184px;
    background: url("https://cdn0.xtramath.org/images/speech-bubble-2.svg");
    background-repeat: no-repeat;
    background-size: 184px 103px;
    line-height: 125px;
  }
  .speech_bubble .streakLabel {
    margin-left: 29px;
    margin-top: 7px;
    width: 52%;
    font: 12pt Georgia;
  }
  .speech_bubble .longestStreak {
    top: 25%;
    right: 7px;
    font: 31pt "HelveticaNeue", Arial, sans-serif;
  }
  .teacherImage img {
    width: 206px;
    height: 206px;
  }
  .tally {
    width: 309px;
    height: 375px;
    right: 11px;
  }
  .tally img {
    width: 28px;
    height: 28px;
  }
  .timer {
    line-height: 65px;
  }
  .transcripts {
    margin-top: 59px;
    margin-left: 173px;
    height: 324px;
    width: 257px;
    font: 10pt Georgia;
  }
  .transcripts .transcript {
    margin: 15px 2px 0 33px;
  }
  .transcripts .close {
    height: 15px;
    width: 15px;
  }
  .key {
    height: 88px;
    width: 88px;
  }
  .key0 {
    height: 88px;
    width: 182px;
    bottom: 0;
    left: 0;
  }
  .key1 {
    bottom: 89px;
    left: 0;
  }
  .key2 {
    bottom: 89px;
    left: 89px;
  }
  .key3 {
    bottom: 89px;
    left: 178px;
  }
  .key4 {
    bottom: 178px;
    left: 0;
  }
  .key5 {
    bottom: 178px;
    left: 89px;
  }
  .key6 {
    bottom: 178px;
    left: 178px;
  }
  .key7 {
    bottom: 267px;
    left: 0;
  }
  .key8 {
    bottom: 267px;
    left: 89px;
  }
  .key9 {
    bottom: 267px;
    left: 178px;
  }
}
@media (max-width: 760px), (max-height: 598px) {
  .ui-page.studentGoodbye,
  .ui-page.studentWelcome,
  .ui-page.studentPracticeIntro,
  .ui-page.studentQuizIntro,
  .ui-page.studentPracticeResults,
  .ui-page.studentQuizResults,
  .ui-page.studentPractice,
  .ui-page.studentQuiz {
    min-width: 562px;
  }
  .ui-page.studentGoodbye .webHeader,
  .ui-page.studentWelcome .webHeader,
  .ui-page.studentPracticeIntro .webHeader,
  .ui-page.studentQuizIntro .webHeader,
  .ui-page.studentPracticeResults .webHeader,
  .ui-page.studentQuizResults .webHeader,
  .ui-page.studentPractice .webHeader,
  .ui-page.studentQuiz .webHeader {
    width: 522px;
  }
  .ui-page.studentGoodbye .copyright,
  .ui-page.studentWelcome .copyright,
  .ui-page.studentPracticeIntro .copyright,
  .ui-page.studentQuizIntro .copyright,
  .ui-page.studentPracticeResults .copyright,
  .ui-page.studentQuizResults .copyright,
  .ui-page.studentPractice .copyright,
  .ui-page.studentQuiz .copyright {
    width: 522px;
  }
  .quizPaper {
    width: 522px;
    height: 366px;
    padding: 21px;
    margin: 0 auto;
    border-radius: 10px;
  }
  .quizPaper h1 {
    margin: 0;
    font: 14pt Georgia;
  }
  .quizPaper h2 {
    margin: 0;
    font: 8pt Georgia;
  }
  .studentFooter {
    margin-left: -21px;
  }
  .current {
    font: 15pt "HelveticaNeue", Arial, sans-serif;
    top: 6.594679186228483px;
  }
  .bubble {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    padding: 0 1px;
  }
  .keypad {
    bottom: 9px;
    width: 177px;
    height: 236px;
  }
  .noKeypad .displayVideo,
  .rightKeypad .displayVideo {
    left: 2px;
  }
  .noKeypad .current,
  .rightKeypad .current {
    right: 20px;
    margin-right: 26px;
  }
  .noKeypad .scoreSmiley,
  .rightKeypad .scoreSmiley {
    right: 20px;
  }
  .noKeypad .keypad,
  .rightKeypad .keypad {
    right: 9px;
  }
  .leftKeypad .current {
    left: 20px;
    margin-left: 26px;
  }
  .leftKeypad .scoreSmiley {
    left: 20px;
  }
  .leftKeypad .keypad {
    left: 9px;
    right: auto;
  }
  .leftKeypad .problem {
    margin-left: 197px;
    margin-right: auto;
  }
  .rightKeypad .problem {
    margin-left: auto;
    margin-right: 197px;
  }
  .matrix {
    height: 211px;
    width: 211px;
    padding-top: 9px;
    padding-right: 9px;
  }
  .mrc {
    width: 226px;
    height: 169px;
    overflow: hidden;
  }
  .mrc video {
    width: 226px;
    min-height: 170px;
  }
  .mrc.poster {
    width: 226px;
    height: 169px;
  }
  .problem {
    margin-bottom: 26px;
    width: 155px;
    font-size: 45pt;
    height: 197px;
  }
  .scoreSmiley {
    top: 7px;
    height: 24px;
    width: 24px;
  }
  .separator {
    height: 3px;
  }
  .speech_bubble {
    left: 151px;
    bottom: 137px;
    height: 66px;
    width: 118px;
    background: url("https://cdn0.xtramath.org/images/speech-bubble-2.svg");
    background-repeat: no-repeat;
    background-size: 118px 66px;
    line-height: 80px;
  }
  .speech_bubble .streakLabel {
    margin-left: 19px;
    margin-top: 5px;
    width: 52%;
    font: 8pt Georgia;
  }
  .speech_bubble .longestStreak {
    top: 25%;
    right: 5px;
    font: 20pt "HelveticaNeue", Arial, sans-serif;
  }
  .teacherImage img {
    width: 132px;
    height: 132px;
  }
  .tally {
    width: 198px;
    height: 240px;
    right: 7px;
  }
  .tally img {
    width: 18px;
    height: 18px;
  }
  .timer {
    line-height: 65px;
  }
  .transcripts {
    margin-top: 38px;
    margin-left: 111px;
    height: 207px;
    width: 165px;
    font: 9pt Georgia;
  }
  .transcripts .transcript {
    margin: 9px 1px 0 21px;
  }
  .transcripts .close {
    height: 9px;
    width: 9px;
  }
  .key {
    height: 56px;
    width: 56px;
  }
  .key0 {
    height: 56px;
    width: 116px;
    bottom: 0;
    left: 0;
  }
  .key1 {
    bottom: 57px;
    left: 0;
  }
  .key2 {
    bottom: 57px;
    left: 57px;
  }
  .key3 {
    bottom: 57px;
    left: 114px;
  }
  .key4 {
    bottom: 114px;
    left: 0;
  }
  .key5 {
    bottom: 114px;
    left: 57px;
  }
  .key6 {
    bottom: 114px;
    left: 114px;
  }
  .key7 {
    bottom: 171px;
    left: 0;
  }
  .key8 {
    bottom: 171px;
    left: 57px;
  }
  .key9 {
    bottom: 171px;
    left: 114px;
  }
}
body.phone .ui-page.homeIndex {
  min-width: 0;
}
body.phone .billboard img {
  width: 100%;
  height: auto;
}
body.phone .facebookLink {
  background: none;
  margin: 0;
  width: 100%;
  height: auto;
  line-height: normal;
}
body.phone .videoPane {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}
body.phone .videoPane img {
  vertical-align: bottom;
}
body.phone .homeIndex .smallFormat {
  display: block !important;
}
body.phone .homeIndex .largeFormat {
  display: none !important;
}
body.phone .homeIndex.ui-page-active {
  background: #8da5a5;
}
body.phone .homeIndex.ui-page-active .portrait {
  display: none;
}
body.phone .homeIndex.ui-page-active .webHeader {
  height: 65px;
  margin: 0 0 0 20px;
  max-width: none;
}
body.phone .homeIndex.ui-page-active .mainPanel {
  margin-top: 0;
  max-width: none;
}
body.phone .homeIndex.ui-page-active .logo {
  height: 37px;
}
body.phone .homeIndex.ui-page-active .copyright {
  color: #fff;
}
body.phone .homeIndex.ui-page-active .menu {
  height: 25px;
  padding-right: 0;
  padding-top: 20px;
}
body.phone .homeIndex.ui-page-active .languageSelect {
  padding: 5px 5px 0 0;
}
body.phone .homeIndex.ui-page-active .ui-grid-a {
  margin-bottom: -8px;
}
body.phone .homeIndex.ui-page-active .ui-grid-a .ui-block-a,
body.phone .homeIndex.ui-page-active .ui-grid-a .ui-block-b {
  overflow: hidden;
}
body.phone .homeIndex.ui-page-active .ui-grid-a .ui-block-a {
  padding-right: 3px;
}
body.phone .homeIndex.ui-page-active .ui-grid-a .ui-block-b {
  padding-left: 3px;
}
body.phone .homeIndex.ui-page-active .phoneVideoTabs {
  visibility: hidden;
  top: 20px;
  top: calc(50% - 107px);
  background-color: #fff;
}
body.phone .homeIndex.ui-page-active .phoneVideoTabs .ui-grid-a {
  margin: 5px 0;
}
body.phone .homeIndex.ui-page-active .phoneVideoTabs .ui-grid-a .ui-block-a,
body.phone .homeIndex.ui-page-active .phoneVideoTabs .ui-grid-a .ui-block-b {
  width: 50%;
}
body.phone .homeIndex.ui-page-active::before {
  background: none;
  height: auto;
}