/*
	Essential styles that themes can inherit.
	In other words, works but doesn't look great.
*/



/****
		GENERIC PIECES
 ****/

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.
	*/
	margin:0;
	border:0;
	padding:0;
	line-height:normal;
	font: inherit;
	color: inherit;
}

.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	border:0;
	padding:0;
	vertical-align:middle;
	#vertical-align: auto;	/* makes TextBox,Button line up w/native counterparts on IE6 */
}

.dijitHidden {
	/* To hide unselected panes in StackContainer etc. */
	display: none !important;
}

.dijitVisible {
	/* To show selected pane in StackContainer etc. */
	display: block !important;	/* override user's display:none setting via style setting or indirectly via class */
	position: relative;			/* to support setting width/height, see #2033 */
}


.dj_ie INPUT.dijitTextBox,
.dj_ie .dijitInputField INPUT {
	font-size: 100%;
}

.dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
	margin: -1px 0 !important;
}

.dijitInlineTable {
	/* To inline tables with a given width set (otherwise, use dijitInline above) */
	display:inline-table;
	display:inline-block;		/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	box-sizing: content-box; -moz-box-sizing: content-box;
	border:0;
	padding:0;
}

.dijitTeeny {
	font-size:1px;
	line-height:1px;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
	position: absolute;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}
.dijit_a11y .dijitPopup,
.dijit_ally .dijitPopup div,
.dijit_a11y .dijitPopup table,
.dijit_a11y .dijitTooltipContainer {
	background-color: white !important;
}

.dijitInputField {
	overflow:hidden;
	#zoom:1;
}

.dijitPositionOnly {
	/* Null out all position-related properties */
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	height: auto !important;
	width: auto !important;
}

.dijitNonPositionOnly {
	/* Null position-related properties */
	float: none !important;
	position: static !important;
	margin: 0 0 0 0 !important;
	vertical-align: middle !important;
}

.dijitBackgroundIframe {
	/* iframe used to prevent problems with PDF or other applets overlaying menus etc */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}

.dijitClickableRegion {
	/* An InlineEditBox in view mode (click this to edit the text) */
	background-color: #e2ebf2;
	cursor: text;
}


.dijitDisplayNone {
	/* hide something.  Use this as a class rather than element.style so another class can override */
	display:none !important;
}

.dijitContainer {
	/* for all layout containers */
	overflow: hidden;	/* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/****
		A11Y
 ****/
.dijit_a11y * {
	background-image:none !important;
}

.dijit_a11y .dijitCalendarIncrementControl {
	display: none;	/* don't display icon */
}
.dijit_a11y .dijitA11ySideArrow {
	display: inline !important; /* display text instead */
	cursor: pointer;
}

/*
 * Since we can't use shading in a11y mode, and since the underline indicates today's date,
 * use a border to show the selected date.
 * Avoid screen jitter when switching selected date by compensating for the selected node's
 * border w/padding on other nodes.
 */
.dijit_a11y .dijitCalendarDateLabel {
	padding: 1px;
}
.dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	border: solid 1px black;
	padding: 0px;
}
.dijit_a11y .dijitCalendarDateTemplate {
	padding-bottom: 0.1em !important;	/* otherwise bottom border doesn't appear on IE */
}

.dijit_a11y .dijit * {
	background:white !important;
	color:black !important;
}
.dijit_a11y .dijitButtonNode {
	border-color: black!important;
	border-style: outset!important;
	border-width: medium!important;
}

.dijit_a11y .dijitComboBoxReadOnly .dijitInputField,
.dijit_a11y .dijitComboBoxReadOnly .dijitButtonNode,
.dijit_a11y .dijitSpinnerReadOnly .dijitButtonNode,
.dijit_a11y .dijitSpinnerReadOnly .dijitInputField,
.dijit_a11y .dijitButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboBoxDisabled .dijitInputField,
.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
	vertical-align: middle;
}
.dijit_a11y .dijitArrowButtonInner {
	width: 1em;
	display: none !important;
}
.dijitButtonNode .dijitArrowButtonInner {
	background:no-repeat center;
	width: 16px;
}
.dijitComboBox .dijitArrowButtonInner {
	display: block;
}

/* In high contrast mode, display the check symbol */
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	display: inline !important;
}


/****
		3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
 ****/

.dijitLeft {
	/* Left part of a 3-element border */
	background-position:left top;
	background-repeat:no-repeat;
}

.dijitStretch {
	/* Middle (stretchy) part of a 3-element border */
	white-space:nowrap;			/* MOW: move somewhere else */
	background-repeat:repeat-x;
}

.dijitRight {
	/* Right part of a 3-element border */
	#display:inline;				/* IE7 sizes to outer size w/o this */
	background-position:right top;
	background-repeat:no-repeat;
}

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
	/* outside of button */
	margin: 0.2em;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
	margin: 0;
}

.dj_ie8 .dijitToolbar button,
.dj_webkit .dijitToolbar button {
	/* FF and IE<8 adds implicit padding to buttons, so make other browsers follow suit,
	 * to avoid a bunch of browse specific rules in theme files
	 */
	padding: 1px 2px;
}

.dj_ie .dijitToolbar .dijitComboBox{
	/* make combobox buttons align porperly with other buttons in a toolbar */
	vertical-align: middle;
}

.dj_ie .dijitComboButton {
	/* hack to get inline-table to vertically align w/other buttons */
	margin-bottom: -3px;
}

.dj_webkit .dijitToolbar .dijitDropDownButton {
	padding-left: 0.3em;
}
.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
	padding:0;
}

.dijitButtonNode {
	/* Node that is acting as a button -- may or may not be a BUTTON element */
	border:1px solid gray;
	margin:0;
	line-height:normal;
	vertical-align: middle;
	#vertical-align: auto;
	text-align:center;
	white-space: nowrap;
}

.dijitButtonNode, .dijitButtonNode * {
	cursor: pointer;
}

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled,
.dijitDisabledClickableRegion {	/* a region the user would be able to click on, but it's disabled */
	cursor: not-allowed !important;
}

.dj_ie .dijitButtonNode {
	/* ensure hasLayout */
	zoom: 1;
}

.dj_ie .dijitButtonNode button {
	/*
		disgusting hack to get rid of spurious padding around button elements
		on IE. MSIE is truly the web's boat anchor.
	*/
	overflow: visible;
}

.dijitArrowButton {
	/* Node that is acting as a arrow button -- drop down (spinner has its own treatment).  Also gets dijitButtonNode */
	/* place AFTER dijitButtonNode so it overrides */
	padding: 0 .4em;
}
DIV.dijitArrowButton {
	float: right;
}

.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	border-style: solid;
	border-width: 0 0 0 1px !important;
	padding: 0;
	position: absolute;
	right: 0;
	float: none;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	position: absolute;
	height: 50%;
}
.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton {
	top: auto;
	bottom: 0;
	border-top-width: 1px !important;
}
.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton {
	top: 0;
	bottom: auto;
}

TABLE.dijitComboButton {
	/* In ComboButton, borders are on each cell rather than on <table> itself */
	border-collapse: collapse;
	border:0;
	padding:0;
	margin:0;
}
.dijitToolbar .dijitComboButton {
	/* because Toolbar only draws a border around the hovered thing */
	border-collapse: separate;
}

.dj_ie BUTTON.dijitButtonNode {
	overflow: visible; /* eliminates arbitrary left and right padding on buttons */
}

table .dijitButton .dijitButtonNode,
table .dijitComboButton .dijitButtonNode {
	#overflow:hidden; /* visible messes up if the button is inside a table on IE */
}



.dijitButtonNode IMG {
	/* make text and images line up cleanly */
	vertical-align:middle;
	/*margin-bottom:.2em;*/
}

/******
	TextBox related.
	Everything that has an <input>
*******/

.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
	border: solid black 1px;
	#overflow: hidden; /* #6027, #6067 */
	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
	vertical-align: middle;
	#vertical-align: auto;
}

.dijitTimeTextBox {
	width: 8em;
}

/* rules for safari to deal with fuzzy blue focus border */
.dijitTextBox input:focus,
.dijitComboBox input:focus,
.dijitSpinner input:focus {
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused, .dijitSpinnerUpArrowActive, .dijitSpinnerDownArrowActive,
.dijitTextAreaFocused {
	/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
	outline: auto 5px -webkit-focus-ring-color;
}

.dijitTextBox INPUT,
.dijitComboBox INPUT,
.dijitSpinner INPUT {
	border-left: solid black 1px;	/* TODO: for RTL mode should be border-right */
	display:inline;
	position:static !important;
	border:0 !important;
	margin:0 !important;
	vertical-align:top !important;
	background-color:transparent !important;
	background-image:none !important;
	width:100% !important;
}

/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
*/
.dijitValidationIcon {
	visibility: hidden;
	display: block;
	padding: 0 2px;
	float: right;
	height: auto;
}
.dijitValidationIconText {
	visibility: hidden;
	display: none;
	float:right;
	font-family: sans-serif;
	font-style:italic;
	font-size: 0.75em;
	padding-right: 0.15em;
	line-height: 160%;
}
.dijit_a11y .dijitValidationIcon { display: none !important; }
.dijit_a11y .dijitValidationIconText { display: block !important; }

.dijitError .dijitValidationIcon,
.dijitError .dijitValidationIconText {
	visibility: visible;
}

.dijitTextBox .dijitArrowButton {
	/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
	display:none;
}

/****
		dijit.form.CheckBox
 	 &
  		dijit.form.RadioButton
 ****/

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	overflow: hidden;
}

.dijitCheckBox INPUT,
.dijitRadio INPUT {
	margin: 0;
	padding: 0;
	display: block;
}

.dijitCheckBoxInput {
	/* place the actual input on top, but all-but-invisible */
	opacity: 0.01;
}

.dj_ie .dijitCheckBoxInput {
	filter: alpha(opacity=0);
}

.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
	width: auto;
	height: auto;
}
.dijit_a11y .dijitCheckBoxInput {
	opacity: 1;
	filter: none;
	width: auto;
	height: auto;
}


/****
		dijit.ProgressBar
 ****/

.dijitProgressBarEmpty{
	/* outer container and background of the bar that's not finished yet*/
	position:relative;overflow:hidden;
	border:1px solid black; 	/* a11y: border necessary for high-contrast mode */
	z-index:0;			/* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
	/* outer container for background of bar that is finished */
	position:absolute;
	overflow:hidden;
	z-index:-1;
	top:0;
	width:100%;
}
.dj_ie6 .dijitProgressBarFull {
	height:1.6em;
}

.dijitProgressBarTile {
	/* inner container for finished portion */
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	background-color:#aaa;
	background-attachment: fixed;
}

.dijit_a11y .dijitProgressBarTile{
	/* a11y:  The border provides visibility in high-contrast mode */
	border-width:4px;
	border-style:solid;
	background-color:transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
	/* width:auto works in IE6 with position:static but not position:absolute */
	position:static;
	/* height:auto or 100% does not work in IE6 */
	height:1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarLabel {
	visibility:hidden;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
	/* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage {
	display:none;
}

.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

.dijitProgressBarLabel {
	display:block;
	position:static;
	width:100%;
	text-align:center;
	background-color:transparent !important;
}

/****
		dijit.Tooltip
 ****/

.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 50%;
	top: -10000px;
	overflow: visible;
}

.dijitTooltipContainer {
	border: solid black 2px;
	background: #b8b5b5;
	color: black;
	font-size: small;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
	position: absolute;
}

.dijitTooltipData {
	display:none;
}
/* MOW: using actual images at this time ??? close???
/* draw an arrow with CSS only * /
.dijitTooltipConnector {
	/* the border on the triangle * /
	font-size: 0; line-height: 0%; width: 0;
	border-top: none;
	border-bottom: 14px solid black;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	top: -14px;
	left: 3px;
	z-index: 2;
}

.dijitTooltipConnector div {
	/* the background of the triangle * /
	font-size: 0; line-height: 0%; width: 0;
	position: absolute;
	border-bottom: 10px solid #b8b5b5;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 6px;
	left: -5px;
	z-index: 3;
}

*/



/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */

.dijitLayoutContainer{
	position: relative;
	display: block;
	overflow: hidden;
}

body .dijitAlignTop,
body .dijitAlignBottom,
body .dijitAlignLeft,
body .dijitAlignRight {
	position: absolute;
	overflow: hidden;
}

body .dijitAlignClient { position: absolute; }

/*
 * BorderContaienr
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
	position:relative;
	overflow: hidden;
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
	position: absolute !important;	/* !important to override position:relative in dijitTabContainer etc. */
	z-index: 2;		/* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
	/* On Safari, for SimpleTextArea inside a BorderContainer,
		don't want to display the grip to resize */
	resize: none;
}

.dijitGutter {
	/* gutter is just a place holder for empty space between panes in BorderContainer */
	position: absolute;
	font-size: 1px;		/* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/

.dijitSplitter {
	position: absolute;
	overflow: hidden;
	z-index: 10;		/* above the panes so that splitter focus is visible on FF, see #7583*/
	background-color: #fff;
	border-color: gray;
	border-style: solid;
	border-width: 0;
}
.dj_ie .dijitSplitter {
	z-index: 1;	/* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
	z-index: 11 !important;
}

.dijitSplitterCover{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.dijitSplitterCoverActive{
	z-index:3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover{
	background: white;
	filter: alpha(opacity=0);
}

.dijitSplitterH {
	height: 7px;
	border-top:1px;
	border-bottom:1px;
	cursor: ns-resize;
}
.dijitSplitterV {
	width: 7px;
	border-left:1px;
	border-right:1px;
	cursor: ew-resize;
}
.dijitSplitContainer{
	position: relative;
	overflow: hidden;
	display: block;
}

.dijitSplitPane{
	position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
	position:absolute;
	font-size: 1px;
	cursor: move;
	cursor: w-resize;
	background-color: ThreeDFace;
	border: 1px solid;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	margin: 0;
}

.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
	overflow:hidden;
	position:absolute;
	top:49%;
}

.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
	position:absolute;
	left:49%;
}

.dijitSplitterShadow,
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
	font-size: 1px;
	background-color: ThreeDShadow;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	margin: 0;
}

.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH {
	cursor: w-resize;
}
.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
	cursor: n-resize;
}

.dijit_a11y .dijitSplitterH {
	border-top:1px solid #d3d3d3 !important;
	border-bottom:1px solid #d3d3d3 !important;
}
.dijit_a11y .dijitSplitterV {
	border-left:1px solid #d3d3d3 !important;
	border-right:1px solid #d3d3d3 !important;
}

/* ContentPane */

.dijitContentPane {
	display: block;
	overflow: auto;	/* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
}

.dijitContentPaneSingleChild {
	/*
	 * if the ContentPane holds a single layout widget child which is being sized to match the content pane,
	 * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449
	 */
	overflow: hidden;
}

/* TitlePane */
.dijitTitlePane {
	display: block;
	overflow: hidden;
}

/* Color Palette */

.dijitColorPalette {
	border:1px solid #999;
	background:#fff;
	-moz-border-radius:3pt;
}

img.dijitColorPaletteUnder {
	border-style:none;
	position:absolute;
	left:0;
	top:0;
}
.dijitColorPaletteInner {
	position: relative;
	overflow:hidden;
	outline:0;
}
.dijitPaletteCell {
	width: 20px;
	height: 20px;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	outline-width: 0;
}
.dijitPaletteImg {
	width: 16px; /*This is the width of one color in the provided palettes. */
	height: 14px; /* Height of one color in the provided palettes. */
	position: absolute;
	top: 1px;
	left: 1px;
	overflow: hidden;
	cursor: default;
	border:1px solid #999;
	/* -moz-border-radius:2pt; */
}

.dijitPaletteCellHighlight img {
	width: 14px; /*This is the width of one color in the provided palettes. */
	height: 12px; /* Height of one color in the provided palettes. */
	position: absolute;
	top: 1px;
	left: 1px;
	overflow: hidden;
	cursor: default;
	border:2px solid #000;
	outline:1px solid #dedede;
	/* -moz-border-radius:0; */
}

.dijit_a11y .dijitPaletteCell {
	background-color:transparent !important;
}
.dijit_a11y .dijitPaletteImg {
	background-color:transparent !important;
}

.dijitAccordionContainer {
	border:1px solid #b7b7b7;
	border-top:0 !important;
}
/* prevent partial, ugly focus border on FF and Safari */
.dj_webkit .dijitAccordionContainer  div:focus {
	outline:none;
}
.dj_ff3 .dijitAccordionContainer  div:focus {
	outline:none;
}
.dijitAccordionTitle {
	cursor: pointer;
}
.dijitAccordionFocused  {
	text-decoration: underline;
}

/* images off, high-contrast mode styles */
.dijitAccordionTitle .arrowTextUp,
.dijitAccordionTitle .arrowTextDown {
	display: none;
	font-size: 0.65em;
	font-weight: normal !important;
}

.dijit_a11y .dijitAccordionTitle .arrowTextUp,
.dijit_a11y .dijitAccordionTitle-selected .arrowTextDown {
	display: inline;
}

.dijit_a11y .dijitAccordionTitle-selected .arrowTextUp {
	display: none;
}

/* Calendar */

.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {
	padding: 0;
}

.dijitCalendarNextYear {
	margin:0 0 0 0.55em;
}

.dijitCalendarPreviousYear {
	margin:0 0.55em 0 0;
}

.dijitCalendarIncrementControl {
	vertical-align: middle;
}

.dijitCalendarDisabledDate {
	color:gray !important;
}

.dijitCalendarPreviousMonthDisabled,
.dijitCalendarCurrentMonthDisabled,
.dijitCalendarNextMonthDisabled {
	cursor:default !important
}

.dijitCalendarIncrementControl,
.dijitCalendarBodyContainer tbody tr td,
.dijitCalendarDateTemplate,
.dijitCalendarContainer .dijitInline {
	cursor:pointer;
}

.dijitSpacer {
	/* don't display it, but make it affect the width */
  	position: relative;
  	height: 1px;
  	overflow: hidden;
  	visibility: hidden;
}


/* Menu */

.dijitMenu {
	border:1px solid black;
	background-color:white;
}
.dijitMenuTable {
	margin:1px 0;
	border-collapse:collapse;
	border-width:0;
	background-color:white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"]{
	border-right:hidden;
}

.dijitMenuItem{
	text-align: left;
	white-space: nowrap;
	padding:.1em .2em;
	cursor:pointer;
}

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
	/*
	 * dijitMenuItemHover refers to actual mouse over
	 * dijitMenuItemSelected is used after a menu has been "activated" by
	 * clicking it, tabbing into it, or being opened from a parent menu,
	 * and denotes that the menu item has focus or that focus is on a child
	 * menu
	 */
	background-color:black;
	color:white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
	background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
	/* for a disabled menu item, just set it to mostly transparent */
	opacity:0.3;
	cursor:default;
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
	color:gray !important;
	filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
	position: relative;
	vertical-align: middle;
}

.dijit_a11y .dijitMenuItemSelected {
	border: 1px #fff dotted !important;
}
.dj_ff3 .dijit_a11y .dijitMenuItem td {
	padding: none !important;
	background:none ! important;
}
.dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
	border-width: 1px;
	border-style: solid;
}
.dj_ie8 .dijit_a11y .dijitMenuItemLabel {
	position:static;
}

.dijitMenuExpandA11y {
	display: none;
}
.dijit_a11y .dijitMenuExpandA11y {
	display: inline;
}

.dijitMenuSeparator td {
	border: 0;
	padding: 0;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
	height: 50%;
	margin: 0;
	margin-top:3px;
	font-size: 1px;
}

.dijitMenuSeparatorBottom {
	height: 50%;
	margin: 0;
	margin-bottom:3px;
	font-size: 1px;
}

/* the checked menu item */
.dijitCheckedMenuItemIconChar {
	vertical-align: middle;
	visibility:hidden;
}
.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar {
	visibility: visible;
}
.dijit_a11y .dijitCheckedMenuItemIconChar {
	display:inline !important;
}
.dijit_a11y .dijitCheckedMenuItemIcon {
	display: none;
}


/* StackContainer */

.dijitStackController .dijitToggleButtonChecked * {
	cursor: default;	/* because pressing it has no effect */
}

/* TabContainer */

.dijitTabContainerNoLayout {
	width: 100%;	/* otherwise ScrollingTabController goes to 50K pixels wide */
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
	overflow: visible !important;  /* so tabs can cover up border adjacent to container */
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
	z-index:0;
	overflow: hidden;
	border: 1px solid black;
}
.dijitTabContainer .nowrapTabStrip {
	width: 50000px;
	display: block;
	position: relative;
}
.dijitTabContainer .dijitTabListWrapper {
	overflow: hidden;
}

.dijit_a11y .dijitTabContainer .tabStripButton img {
	/* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
	display: none;
}

.dijitTabContainerTop-tabs {
	border-bottom: 1px solid black;
}
.dijitTabContainerTop-container {
	border-top: 0px;
}

.dijitTabContainerLeft-tabs {
	border-right: 1px solid black;
	float: left;
}
.dijitTabContainerLeft-container {
	border-left: 0px;
}

.dijitTabContainerBottom-tabs {
	border-top: 1px solid black;
}
.dijitTabContainerBottom-container {
	border-bottom: 0px;
}

.dijitTabContainerRight-tabs {
	border-left: 1px solid black;
	float: left;
}
.dijitTabContainerRight-container {
	border-right: 0px;
}

div.dijitTabBtnDisabled, .dj_ie div.dijitTabBtnDisabled {
	cursor: auto;
}
/*
div.dijitTabBtnDisabled img {
	opacity: 0.3;
}


.dj_ie div.dijitTabBtnDisabled img {
	filter: gray() alpha(opacity=30);
}
*/
.dijitTab {
	position:relative;
	cursor:pointer;
	white-space:nowrap;
	z-index:3;
}
.dijitTab * {
	/* make tab icons and close icon line up w/text */
	vertical-align: middle;
}
.dijitTabChecked {
	cursor: default;	/* because clicking will have no effect */
}

.dijitTabButtonIcon {
	height: 18px;
}

.dijitTabContainerTop-tabs .dijitTab {
	top: 1px;	/* to overlap border on .dijitTabContainerTop-tabs */
}
.dijitTabContainerBottom-tabs .dijitTab {
	top: -1px;	/* to overlap border on .dijitTabContainerBottom-tabs */
}
.dijitTabContainerLeft-tabs .dijitTab {
	left: 1px;	/* to overlap border on .dijitTabContainerLeft-tabs */
}
.dijitTabContainerRight-tabs .dijitTab {
	left: -1px;	/* to overlap border on .dijitTabContainerRight-tabs */
}


.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
	/* Inline-block */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
}

.dijitTabInnerDiv {
	position:relative;
}


.tabStripButton {
	z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
	display: none;
}


.dijitTab .closeButton {
	margin-left: 1em;
}

/* images off, high-contrast mode styles */
.dijitTab .closeText {
	display:none;
}

.dijit_a11y .closeText {
	display:inline;
	margin: 0px 6px;
}

.dijit_a11y .dijitTab .closeImage {
	display:none;
}

.dijit_a11y .closeButton-hover .closeText {
	border:thin solid;
}
.dijit_a11y .dijitTabChecked {
	border-style:dashed !important;
}

.dijit_a11y .dijitTabInnerDiv {
	border-left:none !important;
 }

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
	/* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
	 * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
	 */
    border: none !important;
}

.dijitInlineEditor {
	/* span around an inline-editable value when in edit mode */
	position:relative;
	vertical-align:bottom;
}
.dj_ie .dijitInlineEditor {
	vertical-align:middle;
}

.dijitInlineValue {
	/* span around an inline-editable value when NOT in edit mode */
}

.dijitInlineEditor .dijitButtonContainer {
	/* div around the buttons -- makes them float below the field */
	position:absolute;
	right:0;
	overflow:visible;
}

.dijitInlineEditor .saveButton,
.dijitInlineEditor .cancelButton {
}

/* Tree */

.dijitTreeIndent {
	/* amount to indent each tree node (relative to parent node) */
	width: 19px;
}

.dijitTreeRow, .dijitTreeContent {
	white-space: nowrap;
}

.dijitTreeRow img {
	/* make the expando and folder icons line up with the label */
	vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
	display: none;
}

.dijit_a11y .dijitExpandoText {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-family: monospace;
	border-style: solid;
	border-width: thin;
	cursor: pointer;
}

.dijitTreeLabel {
	margin: 0px 4px;
}

/* Dialog */

.dijitDialog {
	position: absolute;
	z-index: 999;
	padding: 1px;
	overflow: hidden;       /* override overflow: auto; from ContentPane to make dragging smoother */
}

.dijitDialogFixed div.dijitDialogTitleBar {
	cursor:default;
}

.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}

.dijitDialogUnderlay {
	background: #eee;
	opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}

/* images off, high-contrast mode styles */
.dijit_a11y .dijitInputLayoutContainer,
.dijit_a11y .dijitDialog {
	opacity: 1 !important;
	background-color: white !important;
}

.dijitDialog .closeText {
	display:none;
	/* for the onhover border in high contrast on IE: */
	position:absolute;
}

.dijit_a11y .dijitDialog .closeText {
	display:inline;
}

.dijitSliderMoveable {
	z-index:99;
	position:absolute !important;
	display:block;
	vertical-align:middle;
}

.dijitSliderMoveableH {
	right:0;
}

.dijit_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
	margin:0;
	padding:0;
	position:absolute !important;
	border:8px solid gray;
	width:0;
	height:0;
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
	border:4px solid #000;
	height:8px;
	width:8px;
}

.dijitSliderImageHandleV {
	top:-8px;
	left:-6px;
}

.dijitSliderImageHandleH {
	left:-8px;
	top:-5px;
	vertical-align:top;
}

.dijitSliderBar {
	border-style:solid;
	border-color:black;
}

.dijitSliderBarContainerV {
	position:relative;
	height:100%;
	z-index:1;
}

.dijitSliderBarContainerH {
	position:relative;
	z-index:1;
}

.dijitSliderBarH {
	height:4px;
	border-width:1px 0;
}

.dijitSliderBarV {
	width:4px;
	border-width:0 1px;
}

.dijitSliderProgressBar {
	background-color:red;
	z-index:1;
}

.dijitSliderProgressBarV {
	position:static !important;
	height:0%;
	vertical-align:top;
	text-align:left;
}

.dijitSliderProgressBarH {
	position:absolute !important;
	width:0%;
	vertical-align:middle;
	overflow:visible;
}

.dijitSliderRemainingBar {
	overflow:hidden;
	background-color:transparent;
	z-index:1;
}

.dijitSliderRemainingBarV {
	height:100%;
	text-align:left;
}

.dijitSliderRemainingBarH {
	width:100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
	overflow:hidden;
	z-index:1;
}

.dijitSliderBumperV {
	width:4px;
	height:8px;
	border-width:0 1px;
}

.dijitSliderBumperH {
	width:8px;
	height:4px;
	border-width:1px 0;
}

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
	background-color:red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
	background-color:transparent;
}

.dijitSliderDecorationH {
	text-align:center;
}

.dijitSlider .dijitSliderButton {
	font-family:monospace;
	margin:0;
	padding:0;
	display:block;
}

.dijit_a11y .dijitSliderButtonInner {
	visibility:visible !important;
}

.dijitSliderButtonContainer {
	text-align:center;
	height:0;
}

.dijitSlider .dijitButtonNode {
	padding:0;
	display:block;
}

.dijitRuleContainer {
	position:relative;
	overflow:visible;
}

.dijitRuleContainerV {
	height:100%;
	line-height:0;
	float:left;
	text-align:left;
}

.dj_opera .dijitRuleContainerV {
	line-height:2%;
}

.dj_ie .dijitRuleContainerV {
	line-height:normal;
}

.dj_gecko .dijitRuleContainerV {
	margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark {
	position:absolute;
	border:1px solid black;
	line-height:0;
	height:100%;
}

.dijitRuleMarkH {
	width:0;
	border-top-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
}

.dijitRuleLabelContainer {
	position:absolute;
}

.dijitRuleLabelContainerH {
	text-align:center;
	display:inline-block;
}

.dijitRuleLabelH {
	position:relative;
	left:-50%;
}

.dijitRuleMarkV {
	height:0;
	border-right-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	width:100%;
	left:0;
}

.dj_ie .dijitRuleLabelContainerV {
	margin-top:-.55em;
}

/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */
.dijit_a11y .dijitButtonContents .dijitButtonText,
.dijit_a11y .dijitTab .tabLabel {
	display: inline !important;
}
.dj_ie7 .dijitButtonNode > BUTTON.dijitButtonContents > * {
	position: relative; /* workaround for IE7 distorted text on scroll */
}

.dijitTextArea {
	width:100%;
	overflow-y: auto;	/* w/out this IE's SimpleTextArea goes to overflow: scroll */
}
.dijitTextArea[cols] {
	width:auto; /* SimpleTextArea cols */
}
.dj_ie .dijitTextAreaCols {
	width:auto;
}
.dijitTextArea > DIV {
	text-decoration:none;
	overflow:auto;
	min-height: 1.40em;
}

.dj_ie .dijitTextArea p {
	margin-top:0;
	margin-bottom:0;
	line-height: normal !important;
}

.dijitToolbarSeparator {
	height: 18px;
	width: 5px;
	padding: 0 1px;
	margin: 0;
}

/* Editor */
.dijitIEFixedToolbar {
	position:absolute;
	/* top:0; */
	top: expression(eval((document.documentElement||document.body).scrollTop));
}

.RichTextEditable {
	display: block;	/* prevents glitch on FF with InlineEditBox, see #8404 */
}

/* TimePicker */

.dijitTimePickerItemInner {
	text-align:center;
	border:0;
	padding:2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
	border-bottom:1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
	border-top: none !important;
}

.dijitTimePickerTick {
	color:#CCC;
}

.dijitTimePickerMarker {
	color:black;
	background-color:#CCC;
}

.dijitTimePickerItemSelected {
	font-weight:bold;
	color:#333;
	background-color:#b7cdee;
}

.dijitTimePickerItemHover {
	background-color:gray;
	color:white;
	cursor:pointer;
}

.dijit_a11y .dijitTimePickerItem {
	border-bottom:1px solid #333;
}


/* Disable the high contrast character */
.dijitToggleButtonIconChar {
	display:none !important;
}
.dijit_a11y .dijitToggleButtonIconChar {
	display:inline !important;
}

.dijit_a11y .dijitToggleButtonIconChar {
	visibility:hidden;
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	visibility:visible !important;
}

.dijitArrowButtonChar {
	display:none !important;
}
.dijit_a11y .dijitArrowButtonChar {
	display:inline !important;
}
.dijitInputLayoutContainer {
	position: relative;
	overflow: hidden;
}
.dijitSpinnerButtonContainer {
	float: right;
	width: 18px;
	position: relative;
	overflow: hidden;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	height: 50%;
	width: 16px;
	overflow: hidden;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner {
	overflow: hidden;
	line-height: 50%;
}
.dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	width: 100%;
}
.dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar {
	font-size: 0.4em;
	vertical-align: top;
}
.dijit_a11y .dijitSpinnerButtonContainer {
	width: 0.5em;
	margin-left: 2px;
	overflow: visible;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 1px 0px 0px 1px;
	border-style: solid !important;
}

/* Select */
.dijitSelect {
	margin: 0.2em;
}
.dj_ie .dijitSelect,
.dj_ie7 .dijitSelect,
.dj_iequirks .dijitSelect {
	vertical-align: middle; /* Set this back for what we hack in dijit inline */
}
.dj_ie8 .dijitSelect .dijitButtonText {
	vertical-align: top;
}
.dijitSelect .dijitButtonNode {
	text-align: left;
}
.dijitRtl .dijitSelect .dijitButtonNode {
	text-align: right;
}
.dijitToolbar .dijitSelect {
	margin: 0;
}
.dj_webkit .dijitToolbar .dijitSelect {
	padding-left: 0.3em;
}
.dijit_a11y .dijitSelectDisabled .dijitButtonNode {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}
.dijitSelect .dijitButtonContents {
	padding: 0px;
	background: transparent none;
}
.dijitSelectFixedWidth .dijitButtonContents {
	width: 100%;
}
.dijitSelect .dijitArrowButton {
	width: 16px;
}

.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
	/* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
	position: static;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dijitSelectLabel *
{
	vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dijitSelectSelectedOption * {
	font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dijitSelectMenu {
	border-width: 1px;
}

/* Style the different areas of the button to look like a "real" dropdown */
.dijitSelect .dijitButtonContents {
	white-space: nowrap;
}

/* Remove margins on the sub-table */
.dijitSelectMenu .dijitMenuTable {
	margin: 0px;
	background-color: transparent;
}

/* basic readonly/disabled text color rules for form widgets */
.dijitTextBoxReadOnly,
.dijitComboBoxReadOnly,
.dijitSpinnerReadOnly,
.dijitTextAreaReadOnly,
.dijitTextBoxDisabled,
.dijitComboBoxDisabled,
.dijitSpinnerDisabled,
.dijitTextAreaDisabled {
	color: gray;
}
.dj_webkit .dijitTextBoxDisabled INPUT,
.dj_webkit .dijitComboBoxDisabled INPUT,
.dj_webkit .dijitSpinnerDisabled INPUT {
	color: #eee;
}
.dj_webkit INPUT.dijitTextBoxDisabled,
.dj_webkit TEXTAREA.dijitTextAreaDisabled {
	color: #333; /* because WebKit lightens disabled input/textarea no matter what color you specify */
}

.dijit_a11y .dijitSliderReadOnly,
.dijit_a11y .dijitSliderDisabled {
	opacity:0.6;
}
.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar {
	filter: alpha(opacity=40);
}

/* + and - Slider buttons: undo themed image values */
.dijit_a11y .dijitSlider .dijitSliderButtonContainer DIV {
	font-family: monospace; /* hypen is larger and more vertically centered */
	font-size: 1em;
	line-height: 1em;
	height: auto;
	width: auto;
	margin: 0px 4px;
}


.dijitForceStatic {
    position: static !important;
}




/* dojox.image.Lightbox:base */
/* FIXME: should be be doing this? I want a black underlay, but this sets ALL dialogs to black,
    but because it's decendant of body, i can't set this color any other way ... */
.dijitDialogUnderlay {
	background-color:#000; 
}

.dojoxLightbox {
	position:absolute;
	z-index:999;
	overflow:hidden;
	width:100px;
	height:100px; 
	border:11px solid #fff;
	background:#fff url('images/loading.gif') no-repeat center center;

        /* special safari + FF specific rounding + shadows */
	-webkit-box-shadow: 0px 6px 10px #636363; /* #adadad; */
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
        border-radius: 4px;
}

.dojoxLightboxContainer {
	position:absolute;
	top:0; left:0; 
}

.dojoxLightboxFooter {
	padding-bottom:5px;
	position:relative;
	bottom:0;
	left:0;
	margin-top:8px;
	color:#333;
	z-index:1000;
	font-size:10pt;
}

.dojoxLightboxGroupText {
	color:#666; 
	font-size:8pt;
}

.LightboxNext,
.LightboxPrev,
.LightboxClose {
	float:right;
	width:16px;
	height:16px;
	cursor:pointer;
}

/* dojox.image.Lightbox:tundra:nihilo */

.nihilo .LightboxClose,
.tundra .LightboxClose {
	background:url('images/close.png') no-repeat center center;
}
.di_ie6 .nihilo .LightboxClose,
.dj_ie6 .tundra .LightboxClose {
	background:url('images/close.gif') no-repeat center center;
}
.nihilo .LightboxNext,
.tundra .LightboxNext {
	background:url('images/right.png') no-repeat center center;
}
.dj_ie6 .nihilo .LightboxNext,
.dj_ie6 .tundra .LightboxNext {
	background:url('images/right.gif') no-repeat center center;
}
.nihilo .LightboxPrev,
.tundra .LightboxPrev {
	background:url('images/left.png') no-repeat center center;
}
.dj_ie6 .nihilo .LightboxPrev,
.dj_ie6 .tundra .LightboxPrev {
	background:url('images/left.gif') no-repeat center center;
}

/* dojox.image.Lightbox:soria */
.soria .LightboxClose,
.soria .LightboxNext,
.soria .LightboxPrev {
	width:15px;
	height:15px;
	background:url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png') no-repeat center center;
	background-position:-60px;
}
.soria .LightboxNext {
	background-position:-30px 0;
}
.soria .LightboxPrev {
	background-position:0 0;
}




body .LightboxNext, body .LightboxPrev {
  height:84px;
  position:absolute;
  top:-320px;
  width:70px;
  z-index:2001;
}

body .LightboxClose {
	background:url('/javascripts/vendor/dojo-full/dojox/image/resources/images/close.png') no-repeat center center;
  right: 0;
  top: -555px;
  position:absolute;
}

body .LightboxNext {
	background:url('/images/lightbox/next.png') no-repeat center center;
	right:15px;
}

body .LightboxNext:hover {
  background:url('/images/lightbox/next_hover.png') no-repeat center center;
}

body .LightboxPrev {
	background:url('/images/lightbox/prev.png') no-repeat center center;
	left:15px;
}

body .LightboxPrev:hover {
  background:url('/images/lightbox/prev_hover.png') no-repeat center center;
}



.jumbo_game_cube .unnecessarily_green {
  color: #3f9d44;
}

.jumbo_game_cube .instructor_name {
  font-size:16px;
  margin-top:8px;
}

.jumbo_game_cube .instructor_name a {
  font-weight: bold;
}

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

.jumbo_game_cube h4 {
  font-size: 23px;
}

.jumbo_game_cube .description {
  font-size: 16px;
  margin-top: 10px;
}

.jumbo_game_cube .participants {
  margin-top: 20px;
}

.jumbo_game_cube .participants a.game_details {
  font-size: 14px;
  cursor: default;
  text-decoration: none;
}

.jumbo_game_cube .game_details {
  line-height: 24px;
  font-size: 16px;
}

.jumbo_game_cube .game_details strong {
  font-weight: normal
}

.jumbo_game_cube a.avatar.large {
  margin: 20px 20px 0 0;
  float: left;
}

.jumbo_game_cube .tutor_stats {
  background: #EEE url(/images/icons/stats-icon.png) no-repeat 8px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #333;
  float: left;
  font-size: 10px;
  margin-top: 20px;
  padding: 6px 8px 20px;
  width: 169px;
}

.jumbo_game_cube .tutor_stats h4 {
  color: #006A90;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 2px;
  margin-left: 18px;
}

.jumbo_game_cube .avatar_name {
  font-size: 13px;
  font-weight: bold;
  line-height: 36px;
  padding-left: 10px;
}

.jumbo_game_cube .game_time {
  font-size: 12px;
  margin-top: 30px;
}

.jumbo_game_cube .game_actions .action {
  font-size: 14px;
  display: none;
}

.jumbo_game_cube .game_actions .action.review {
  display: block;
  margin-top: 27px;
  font-size: 11px;
}

.jumbo_game_cube .solid_gray_divider {
  background-color: #ccc;
  margin: 24px 0 18px;
}

.jumbo_game_cube .deactivated {
  font-size: 14px;
  color: #666;
}

.jumbo_game_cube .tertiary_details {
  font-size: 11px;
  font-weight: normal;
}

.share_on_facebook {
  display: inline-block;
  margin-top: 20px;
  width: 130px;
  height: 18px;
  background: url('/images/buttons/share_facebook_twitter.png') no-repeat 0px 0px;
}

.share_on_facebook:hover {
  background-position: -138px 0px;
}

.share_on_twitter {
  display: inline-block;
  margin-top: 5px;
  width: 130px;
  height: 18px;
  background: url('/images/buttons/share_facebook_twitter.png') no-repeat 0px -26px;
}

.share_on_twitter:hover {
  background-position: -138px -26px;
}


/*************************** generated from /Users/grockit/workspace/mmol/app_server/app/views/stylesheets/foundation.ncss ***************************/


html {
  height: 100%;
}
body {
  height: 100%;
}

body {
  background: #fff url(/images/gradients/page_bg.png) repeat-x top left;
  color: #333;
  font: 16px "Lucida Grande", Helvetica, Arial, "MS Trebuchet", sans-serif;
  margin: 0;
  padding: 0;
}
body.floating_footer div.content {
  min-height: 100%;
  margin: 0 auto -60px;
}

h1 {
  font-weight: bold;
}
h2 {
  font-weight: bold;
}
h3 {
  font-weight: bold;
}

h1 {
  margin: 0;
  padding: 0;
}
h2 {
  margin: 0;
  padding: 0;
}
h3 {
  margin: 0;
  padding: 0;
}
h4 {
  margin: 0;
  padding: 0;
}
h5 {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

div.clb {
  clear: both;
}

a {
  color: #005779;
  font-weight: bold;
  text-decoration: none;
}
a:link {
  color: #005779;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

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

table {
  border-collapse: collapse;
  padding: 0;
}
table th {
  font-weight: bold;
}

form {
  font-size: 12px;
}
form div.section {
  clear: both;
  margin: 4px 0 16px;
}
form fieldset {
  margin: 20px 0;
}
form fieldset label {
  margin: 2px 0;
}
form fieldset legend {
  font-weight: bold;
  color: #808080;
  padding: 2px;
}
form input[type="text"] {
  font-family: "Lucida Grande", Helvetica, Arial, "MS Trebuchet", sans-serif;
  border: 1px solid #ccc;
  padding: 2px 4px;
}
form input[type="text"]:focus {
  border-color: #99CDE8;
}
form input[type="password"] {
  font-family: "Lucida Grande", Helvetica, Arial, "MS Trebuchet", sans-serif;
  border: 1px solid #ccc;
  padding: 2px 4px;
}
form input[type="password"]:focus {
  border-color: #99CDE8;
}
form textarea {
  border: 1px solid #ccc;
  font-family: "Lucida Grande", Helvetica, Arial, "MS Trebuchet", sans-serif;
  padding: 5px;
}
form textarea:focus {
  border-color: #99CDE8;
}

div#flash {
  display: none;
  font: Arial, Helvetica, 'sans-serif';
  font-size: 12px;
  line-height: 15px;
  margin: 32px 7px 7px 375px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  max-width: 400px;
  z-index: 1;
}
div#flash div {
  height: 35px;
  padding: 5px 8px 3px 8px;
  margin: 0 0 0 0;
}

div#flash div.notice {
  background: #FFFF99;
  border: none;
  color: #333;
}

div#flash div.error {
  background: #990000;
  border: 1px solid #FFF;
  color: #FFF;
}

div#flash div.reason {
  background: #C4F6CC;
  color: #333;
}

div#validation_error_messages {
  color: #FF0000;
}

div#error_message {
  color: red;
  line-height: 1em !important;
  margin-bottom: 12px;
  padding-left: 12px;
}

ul.error_messages li {
  color: red;
  line-height: 1em !important;
  padding: 2px 0 !important;
}

input.error {
  border: 1px red solid;
}

label.error {
  color: red;
}

div.success {
  color: #009900;
  font-size: 12px;
  font-weight: bold;
}

*.button_disabled > input {
  opacity: 0.8;
}
*.button_disabled > img {
  opacity: 0.8;
}

input.button_disabled[type=image] {
  opacity: 0.4;
}

*.button_hidden > input {
  display: none;
}
*.button_hidden > img {
  display: none;
}

dl.image_text_list dt {
  clear: left;
  float: left;
}
dl.image_text_list dd {
  margin: 16px 0;
}

*:active {
  outline: 0;
}
*:focus {
  outline: 0;
}

div.clear_both {
  clear: both;
}

div.push {
  clear: both;
  height: 100px;
}

div#content {
  padding: 30px;
}

div.content {
  clear: both;
  padding: 0;
}

div.form {
  padding: 10px 0 0 30px;
}
div.form label {
  display: block;
}
div.form input {
  display: block;
}

div#login input {
  margin-bottom: 1em;
}
div#login div {
  margin-bottom: 1em;
}
div#login input#login_button {
  float: left;
  margin: 0 2em 0 0;
}

#homepage_login_spinner {
  position: absolute;
  right: 1px;
  top: 19px;
  visibility: hidden;
}

form#feedback_form textarea {
  display: block;
}

div#footer {
  clear: both;
  min-width: 900px;
}
div#footer > div.inner {
  border-top: 1px solid #ddd;
}
div#footer > div.inner span.inner {
  display: block;
  margin: 0 17px;
  padding-top: 10px;
}
div#footer > div.inner span.inner img {
  display: block;
  float: left;
  width: auto;
}
div#footer > div.inner span.inner ul {
  float: right;
  line-height: 34px;
}
div#footer > div.inner span.inner ul li {
  color: #333;
  display: inline;
}
div#footer > div.inner span.inner ul li a {
  color: #333;
  font-size: 13px;
  padding: 0 7px;
  text-decoration: none;
}
div#footer > div.inner span.inner ul li a:hover {
  color: #1389AF;
}
div#footer > div.inner span.inner div#group_copyright {
  clear: both;
  font-size: 9px;
  text-align: right;
  width: 100%;
}

/*************************** generated from /Users/grockit/workspace/mmol/app_server/app/views/stylesheets/templates/centered_blue_fade.ncss ***************************/

.clb { clear: both }

body.centered_blue_fade {
  background: url(/images/gradients/white_glow_offset_from_center.png) no-repeat #8FD3E9 center 0;
  min-height: 0px; /* fixes ie and works in FF and webkit */
  height: auto;
}
body.centered_blue_fade div#page {
  margin: 0 auto;
  min-width: 0px; /* fixes ie and works in FF and webkit */
  width: 990px;
}
body.centered_blue_fade div#page div.right {
  float: right;
  position: relative;
  left: -6px;
  /*margin-top: 40px;*/
}
body.centered_blue_fade div#page div#page_header {
  height: 90px;
  /*margin-top: -125px;*/
}
body.centered_blue_fade div#page div#page_header img#logo {
  float: left;
  padding-top: 10px;
}
body.centered_blue_fade div#page div#page_header div#top {
  margin-bottom: 20px;
  min-height: 60px;
  padding-top: 26px;
}
body.centered_blue_fade div#page div#page_header div.login {
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  background: #D1EDF6;
  float: right;
  padding: 17px 20px 5px 10px;
}
body.centered_blue_fade div#page div#page_header div.login input#sign_in_button {
  background:url("/images/buttons/signinbox_buttons.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	height:22px;
	padding: 3px 5px 5px;
	width:75px;
}
body.centered_blue_fade div#page div#page_header div.login input#sign_in_button:hover {
	background-position: 0px -33px;
}

body.centered_blue_fade div#page div#page_header div.login input[type='text'] {
  height: 18px;
  margin-right: 6px;
  width: 140px;
}
body.centered_blue_fade div#page div#page_header div.login input[type='password'] {
  height: 18px;
  margin-right: 6px;
  width: 140px;
}
body.centered_blue_fade div#page div#page_header div.login span.field_default {
  color:#D2D2D2;
  font-size: 13px;
  position: absolute;
	display:inline;
}
body.centered_blue_fade div#page div#page_header div.login span#login_default {
  left: 17px;
  top:22px;
}
body.centered_blue_fade div#page div#page_header div.login span#password_default {
  left: 174px;
  top: 22px;
}
body.centered_blue_fade div#page div#page_header div#generic_signup_messaging {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  background: #0B91BB;
  color: #bfe5f2;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 12px;
  text-align: center;
  width: 532px;
}
body.centered_blue_fade div#page div#page_header div#generic_signup_messaging div.headline {
  margin-bottom: 5px;
  color: #fff;
}
body.centered_blue_fade div#page div#page_header div#generic_signup_messaging div.headline a {
  color: #fff;
  font-weight: normal;
}
body.centered_blue_fade div#page div.content {
  min-height: 250px;
}
body.centered_blue_fade div#page div.content div.left {
  float: left;
}
body.centered_blue_fade div#page div.content div#modal_white_background {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: #fff;
  padding: 25px 20px 25px 25px;
  min-height: 250px;
}
body.centered_blue_fade div#page div.content h2.green_headline {
  color: #338D5A;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 20px;
}
body.centered_blue_fade div#page div.content div.errorExplanation {
  line-height: 18px;
  margin-bottom: 30px;
}
body.centered_blue_fade div#page div.content div.errorExplanation h2 {
  color: #a00;
  font-size: 16px;
  margin-bottom: 5px;
}
body.centered_blue_fade div#page div.content div.error {
  color: red;
  font-size: 14px;
  margin-bottom: 5px;
}
body.centered_blue_fade div#page div.content a {
  color: #006A90;
  text-decoration: none;
}
body.centered_blue_fade div#page div.content a:hover {
  text-decoration: underline;
}
body.centered_blue_fade div#page div.content div#sidebar {
  min-height: 542px;
  background: #d7f0f7;
  color: #333;
  padding: 24px 36px 24px 36px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-bottomleft: 7px;
  width: 268px;
}
body.centered_blue_fade div#page div.content div#sidebar ul {
  margin: 0;
  width: 236px;
}
body.centered_blue_fade div#page div.content div#sidebar li {
  background: url(/images/icons/check.png) no-repeat;
  line-height: 22px;
  margin-bottom: 22px;
  padding: 0 0 0 26px;
}
body.centered_blue_fade div#page div.content div.modal_background {
  min-height: 550px;
  background: #fff;
  padding: 20px 40px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  width: 476px;
  font-size: 14px;
  color: #333;
}
body.centered_blue_fade div#page div.content div.modal_background.wide {
  width: 834px;
  min-height: 365px;
}
body.centered_blue_fade div#page div.content div.modal_background small {
  font-size: 12px;
}
body.centered_blue_fade div#page div.content div.modal_background small span {
  color: #aaa;
}
body.centered_blue_fade div#page div.content form#signup_form {
  margin-top: 20px;
}
body.centered_blue_fade div#page div.content div.dt.hidden {
  display: none;
}
body.centered_blue_fade div#page div.content div.dd.hidden {
  display: none;
}
body.centered_blue_fade div#page div.content div.dt {
  float: left;
  clear: left;
  line-height: 1.7em;
  text-align: right;
  width: 120px;
  margin-right: 20px;
  padding: 5px;
}
body.centered_blue_fade div#page div.content div.dd {
  padding: 5px;
  vertical-align: middle;
  height: 40px;
}
body.centered_blue_fade div#page div.content label {
/*  color: #666;
*/  font-weight: bold;
  font-size: 12px;
}
body.centered_blue_fade div#page div.content select#user_studying_for {
  width: 175px;
  font-size: 16px;
}
body.centered_blue_fade div#page div.content input#sign_me_up {
  background: url(/images/buttons/sign_me_up_button.png);
  cursor: pointer;
  width: 229px;
  height: 34px;
  margin-top: 35px;
  float: right;
  border: 0px;
}
body.centered_blue_fade div#page div.content input#sign_me_up:hover {
  background: url(/images/buttons/sign_me_up_button.png) -231px 0px;
}
body.centered_blue_fade div#page div.content a#lobby_link {
  float: right;
  font-size: 11px;
  font-weight: normal;
  margin: 0 20px 0 0;
}
body.centered_blue_fade div#footer {
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  background: #EAF5D7 url(/images/landing/footer_gradient.png) repeat-x;
  margin-top: -7px;
  min-width: inherit;
  padding: 25px;
  width: 940px;
}
body.centered_blue_fade div#footer a {
  color: #008CBE;
  font-size: 12px;
}
body.centered_blue_fade div#footer a:visited {
  color: #008CBE;
  font-size: 12px;
}
body.centered_blue_fade div#footer div#blog_accolades {
  float:left;
  /*margin-right: 84px;*/
}
body.centered_blue_fade div#footer div#social_marketing_links {
  float:right;
}
body.centered_blue_fade div#footer div#social_marketing_links div.marketing_link {
  float: left;
  margin: 5px 33px 0 0;
  width: 120px;
}
body.centered_blue_fade div#footer div#social_marketing_links div.marketing_link img {
  float: left;
  margin-right: 5px;
}
body.centered_blue_fade div#footer div#social_marketing_links div.marketing_link a.textlink {
  display: block;
  float: right;
  width: 82px;
}
body.centered_blue_fade div#footer img {
  margin-right: 20px;
  vertical-align: middle;
}
body.centered_blue_fade div#bottom_links {
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #B7E3F1;
  margin-top: 23px;
  padding: 9px 25px;
  width: 940px;
  min-width: inherit;
  text-align: center;
  font-size: 12px;
  color: #8FA4AC;
}
body.centered_blue_fade div#bottom_links a {
  margin: 0 19px;
  color: #006A90;
}
body.centered_blue_fade div#bottom_links a:visited {
  margin: 0 19px;
  color: #006A90;
}

div#invite_friends div#spinner_and_import_message {
  display: none;
  margin-top: 60px;
  text-align: center;
}
div#invite_friends div#spinner_and_import_message p.message_header {
  margin: 20px;
  color: #000;
  font-size: 19px;
  font-weight: bold;
}
div#invite_friends div#spinner_and_import_message p.message_body {
  color: #000;
  font-size: 15px;
}
div#invite_friends div#spinner_and_import_message div#spinner_cancel {
  margin-top: 142px;
  font-size: 13px;
}


/*************************** Glass Home & Landing pages ***************************/

body.centered_blue_fade {
  color: #333;
  background: url(/images/gradients/radial_background.jpg) no-repeat #8FD3E9 center 0;
}

#cap {
  height: 468px;
}

#cap.version_original {
  background-image: url(/images/landing/glass_getaddicted.jpg);
}

#cap.version_1, #cap.version_2, #cap.version_4 {
  background-image: url(/images/landing/test_specific-SAT.jpg);
}

#cap.version_sat {
  background-image: url(/images/landing/test_specific-nobottom-SAT.jpg);
}

#cap.version_gmat {
  background-image: url(/images/landing/test_specific-nobottom-GMAT.jpg);
}

.offscreen {
  top: -250px;
  position: absolute;
}

.title_spacer {
  padding-top: 120px;
}

.left_column {
  width: 408px;
  padding-left: 28px;
  padding-top: 15px;
}

#cap h1 {
  font-size: 35px;
  color: #000;
  padding: 30px 0 12px;
  font-weight: normal;
}

.selling_point .title {
  color: #333;
  font-size: 17px;
  padding-bottom: 18px;
}

#cap h2 {
	font-weight: normal;
	font-size: 19px;
	padding-bottom: 15px;
	line-height: 120%;
}

#cap h2.sub_heading {
  font-weight: bold;
  padding: 8px 0 44px;
}

.small,
.mini {
  font-size: 13px;
  font-weight: bold;
}

.mini {
  font-size: 11px;
}

.content_segment, .separator {
  margin: 0 1px;
}

.content_segment {
  padding: 25px 25px 10px;
  background-color: #fff;
}

.separator {
  height: 2px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.grey_border {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#butt {
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom: 1px solid #ccc;
}

#join_grockit_button {
  background: url(/images/landing/joinnow_sprite.png) no-repeat;
  cursor: pointer;
  display: block;
  height: 42px;
  margin-top: 20px;
  width: 245px;
}

#join_grockit_button:hover {
  background-position: 0 -50px;
}

.test_links {
  margin: 8px 0 3px;
}

.test_links a {
  background: url(/images/buttons/sat_act_gmat_gre.png) -2px -2px;
  display: block;
  float:   left;
  height: 44px;
  width:  89px;
  margin-right: 7px;
  cursor: pointer;
}

.test_links a:hover { background-position: -2px -48px; }

.test_links a.act { background-position: -98px -2px; }
.test_links a:hover.act { background-position: -98px -48px; }

.test_links a.gmat { background-position: -194px -2px; width: 108px; }
.test_links a:hover.gmat { background-position: -194px -48px; }

.test_links a.gre { background-position: -309px -2px; margin-right: 0; }
.test_links a:hover.gre { background-position: -309px -48px; }

.test_links a span { display: none; }

.selling_point {
  width: 272px;
  margin-left: 60px;
  float: left;
}

.selling_point:first-child {
  margin: 0 0 0 0;
}

.selling_point .icon {
  background: url(/images/landing/glass_homepage_icons.png) no-repeat;
  height: 95px;
  width:  272px;
}
.selling_point .icon.focused_study { background-position: -317px 0; }
.selling_point .icon.tutor_help    { background-position: -661px 0; }

.selling_point .description {
  color: #656565;
  margin-top: 15px;
  font-weight: normal;
}

#quote_label {
  background: url(/images/landing/glass_homepage_icons.png) 0 -115px no-repeat;
  color: #3F9D44;
  height: 78px;
  padding: 53px 0 0 18px;
  width:  246px;
}

#quotes > div {
  float: left;
}

#quotes > div.clb {
  float: none;
}

#quotes_1 {
  width: 356px;
}

.quote_text {
  font-style: italic;
  font-size: 20px;
  color: #999;
  padding-top: 5px;
}

#quotes > div > div:first-child .author {
  padding-bottom: 30px;
}

.author {
  font-size: 12px;
  color: #999;
}

#signup_widget {
  margin-top: 7px;
  text-align: right;
  padding-right: 5px;
	font-size: 10px;
}

#facebook_connect_button {
  display: inline;
}

#facebook_connect_button img {
  vertical-align: middle;
  padding-right: 5px;
}

#page_header #forgot_password_link {
  font-size: 9px;
  left:      239px;
  position:  absolute;
  top:       4px;
  color:     #666;
}

.errors {
  color: #ff0000;
  font-size: 10px;
  position: absolute;
  left:      21px;
  top:       3px;
}

.login {
  position: relative;
}

/*************************** Features page only ***************************/

#cap.features {
  height: 73px;
  background-image: url(/images/landing/features.jpg);
}

#cap.features h1 {
  padding: 12px 0 0 0;
  text-align: center;
}

div.feature {
  padding: 4px 24px 24px 24px;
  background-color: #ffffff;
  min-height: 220px;
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
}

div.feature.top_feature {
  padding: 18px 24px 24px 24px;
}

div.feature h2 {
  color: #333333;
  font-size: 22px;
  padding-bottom: 24px;
}

div.feature p,div.feature_footer p {
  color: #333333;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  padding-bottom: 24px;
}

div.feature_footer p {
  padding: 12px 0;
}

div.feature_image {
  float: left;
  height: 154px;
  width: 285px;
  background: url(/images/landing/features.jpg) no-repeat 0 -800px;
  padding: 0 24px 24px 0;

}

div.gradient_divider {
  clear: both;
  height: 20px;
  margin: 0;
  background: url(/images/landing/features.jpg) no-repeat 0 -97px;
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
}

div.feature_footer {
  padding: 16px 24px 24px;
  background: #ffffff;
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
}

div#question_image {
  background: url(/images/landing/features.jpg) no-repeat 0 -138px;
}

div#study_image {
  background: url(/images/landing/features.jpg) no-repeat -384px -138px;
}

div#stragedy_image {
  background: url(/images/landing/features.jpg) no-repeat 0 -352px;
}

div#performance_image {
  background: url(/images/landing/features.jpg) no-repeat -384px -352px;
}

div#focus_image {
  background: url(/images/landing/features.jpg) no-repeat 0 -612px;
}

div#tutor_image {
  background: url(/images/landing/features.jpg) no-repeat -384px -612px;
}

a#get_started_sm {
  display: block;
  float: right;
  height: 33px;
  width: 187px;
  background: url(/images/landing/features.jpg) no-repeat 0 -866px;
}

a#get_started_sm:hover {
  background: url(/images/landing/features.jpg) no-repeat 0 -916px;
}

a#get_started_lg {
  display: block;
  float: left;
  height: 45px;
  width: 244px;
  margin-right: 65px;
  background: url(/images/landing/features.jpg) no-repeat -384px -866px;
}

a#get_started_lg:hover {
  background: url(/images/landing/features.jpg) no-repeat -384px -916px;
}

/*************************** Claim Your Network ***************************/

div#grockit_features {
  float: left;
  margin-right: 20px;
  width: 350px;
}

.k12_landing .middle_box {
  float: left;
  width: 500px;
  background-color: #f4e99c;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #e5cc7f;
  padding: 13px 20px 10px;
  color: #333;
  position: relative;
}

.k12_landing div#claim_network_form div.field_set {
  padding: 8px;
  width: 490px;
}

.k12_landing div#claim_network_form div.field_set.error {
  background-color: #e5c483;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.k12_landing div#claim_network_form div#error_messages {
  color: #990000;
  font-size: 12px;
  margin-top: -8px;
  margin-bottom: 8px;
	padding-left: 8px;
}

.k12_landing div#claim_network_form div.field_set,
.k12_landing div#claim_network_form div.field {
  float: left;
  color: #333;
}

.k12_landing div#claim_network_form div.field {
  margin-right: 10px;
}

body.centered_blue_fade div#page div.content .k12_landing label,
.k12_landing div#claim_network_form input {
  float: left;
  color: #333;
}

.k12_landing div#claim_network_form input.error {
  border: 2px solid #900 !important;
}

body.centered_blue_fade div#page div.content .k12_landing label.district_label {
  margin-top: 18px;
}

body.centered_blue_fade div#page div.content .k12_landing label.network_label {
  margin-top: 27px;
}

.k12_landing div#claim_network_form input#network_info_network_name,
.k12_landing div#claim_network_form input#network_info_phone_number {
  width: 200px;
}

.k12_landing div#claim_network_form label {
  width: 80px;
}

.k12_landing .right_text {
  margin-left: 5px;
  margin-top: 5px;
  font-size: 16px;
  float: left;
}

body.centered_blue_fade div#page div.content .k12_landing div#claim_network_form label.customize_your_network {
  width: auto;
  margin-bottom: 8px;
}

.k12_landing div#claim_network_form label.customize_your_network .help_text {
  color: #666;
}

body.centered_blue_fade div#page div.content div#claim_network_form input[type="text"] {
  background-color: #fff;
  font-size: 14px;
}

.k12_landing div#claim_network_form #network_info_network_name {
  text-align: right;
}

.k12_landing div#claim_network_form input[type=submit] {
  display: block;
  background: url(/images/buttons/claim_network_buttons_sprite.png) no-repeat 0 0;
  width: 245px;
  height: 36px;
  border: none;
  margin: 5px 0 0 77px;
}

.k12_landing div#claim_network_form input[type=submit]:hover {
  background-position: -248px 0;
}

.k12_landing div#claim_network_form input#network_info_first_name {
  margin-right: 20px;
}

.k12_landing div#claim_network_form input#network_info_first_name,
.k12_landing div#claim_network_form input#network_info_last_name {
  width: 175px;
}

body.centered_blue_fade div#page div.content .k12_landing label.top_label {
  display: block;
  width: auto;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 3px;
}

.k12_landing .middle_box h2 {
  margin-top: 0;
  padding-top: 0;
}

.k12_landing #claim_network_form select {
  height: 22px;
}

.k12_landing #claim_network_form select#state {
  width: 52px;
}

.k12_landing #claim_network_form select#county {
  width: 315px;
}

.k12_landing #claim_network_form select#network_info_district_id {
  width: 377px;
}

span.required {
  color: #fc8627;
}

div#photos {
  background: url(/images/landing/k12_photos_graphics2.jpg) no-repeat 0 0;
  width: 736px;
  height: 195px;
  float: left;
}

div#puzzle_icon {
  background: url(/images/landing/k12_photos_graphics2.jpg) no-repeat -791px 0;
  width: 184px;
  height: 198px;
  float: right;
}

p#proven_success {
  float: left;
  font-size: 12px;
  width: 160px;
  margin: 30px 0 0 15px;
}

#collaborative_learning ul,
#students_learn ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 30px;
}

#students_learn .info {
  width: 600px;
}

#students_learn ul {
  width: 500px;
}

.k12_landing strong {
  font-weight: bold;
}

.k12_landing li {
  margin-bottom: 6px;
}

.quote_carousel {
  background: url(/images/landing/quote_carousel_sprite.png) no-repeat;
  background-position: 22px 10px;
}

.k12_landing.quote_carousel .quote_container {
  margin: auto;
  margin-top: 20px;
  width: 450px;
}

.k12_landing.quote_carousel p.attribution {
  color: #008cbe;
  font-style: normal;
  font-size: 14px;
}

.k12_landing .quote {
  font-size: 22px;
  font-style: italic;
  line-height: 25px;
  color: #939393;
  padding-bottom: 15px;
}

.k12_landing.feature.footer {
  position: relative;
  border-bottom: 1px solid #c6c6c6;
}

.k12_landing.feature.footer a {
  position: absolute;
  bottom: 10px;
  font-size: 14px;
}

.k12_landing p.list_lead-in {
  padding-bottom: 9px;
}

div.k12_landing h2 {
	padding: 15px 0px;
	line-height: 130%;
}
.k12_landing .middle_box h2 {
  padding: 0px 0px 10px 8px;
}

.k12_landing p.quote .attribution {
  font-size: 12px;
  font-style: normal;
  margin-left: 10px;
}

.k12_landing #claim_network_success .labels,
.k12_landing #claim_network_success .info {
  float: left;
}

.k12_landing #claim_network_success .info {
  width: 400px;
  color: #333;
  margin-left: 80px;
}

.k12_landing #claim_network_success label {
  margin-left: -100px;
  float: left;
}

.k12_landing #claim_network_success .network_info {
  padding: 10px 20px;
  background-color: #ffffdf;
  border: 1px solid #e6e1b0;
  margin-bottom: 20px;
}

.k12_landing #claim_network_success .network {
  margin-bottom: 15px;
}

.k12_landing #claim_network_success .info p {
  font-size: 14px;
  padding-bottom: 5px;
}

.k12_landing #claim_network_success .claim_another_network {
  display:block;
  background:transparent url(/images/buttons/claim_network_buttons_sprite.png) no-repeat scroll 0 -100px;
  height:35px;
  width:243px;
  margin-top: 10px;
}

.k12_landing #claim_network_success .claim_another_network:hover {
  background-position: -248px -100px;
}

div#grockit_features {
  margin-right: 30px;
}

#collaborative_learning, #students_learn {
  font-size: 15px;
}

.k12_landing .spinner {
  position: absolute;
  bottom: 138px;
  left: 228px;
}

.k12_landing input#network_info_submit.join_network[type=submit] {
  background-position: 0px -50px;
}

.k12_landing input#network_info_submit.join_network[type=submit]:hover {
  background-position: -248px -50px;
}

.bottom_links {
  margin-top: 20px;
}

.bottom_links a {
  float: left;
}



/* -------------- Homepage Landing Base -------------- */
body.homepage {
  color: #333;
  margin: 0 auto;
  min-height: 0; /* fixes ie and works in FF and webkit */
}

body.homepage a {
  color: #1296bf;
}

body.homepage h1.title {
  color: #E99100;
  font-size: 45px;
  line-height: 50px;
  font-weight: bold;
/*  margin-top: 26px;*/
}

.wf-active body.homepage h1.title {
  font-size: 50px;
  font-weight: normal;
}

body.homepage #page_header {
  border-bottom: 2px solid #006A90;
  padding-bottom: 10px;
}

body.homepage #page_header img#logo {
  padding-top: 15px;
}

body.homepage .container_16,
body.homepage #page_header {
  width: 940px;
  margin: auto;
}

body.homepage .container_16.bg {
  background: url("/images/homepage/angled_screenshot_sm.png") no-repeat scroll 525px 13px transparent;
}

body.homepage .container_top {
  background:-moz-linear-gradient(center top, #fff, #f6f6f6 65px, #F2F2F2 274px, #EBEBEB 294px, #F0EFEF 100%) no-repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.12, #f6f6f6), color-stop(0.37, #F2F2F2), color-stop(0.38, #EBEBEB), to(#F0EFEF)) repeat scroll 0 0 transparent;
}

body.homepage .container_top .horizontal {
  height: 10px;
  background: -moz-linear-gradient(center bottom, #A5A5A5, #EAE9E9 7px, #F0EFEF 10px) no-repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left bottom, left top, from(#A5A5A5), color-stop(0.7, #EAE9E9), to(#F0EFEF)) no-repeat scroll 0 0 transparent;
}

body.homepage .sign_in_container {
  float: right;
  font-size: 12px;
  padding: 10px 15px;
  background-color: #e0f1f6;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 220px;
}

body.homepage .sign_in_container p {
  margin-bottom: 5px;
}

body.homepage p.fb_login,
body.homepage .fb_faces,
body.homepage .signup {
  float: right;
}

body.homepage .fb_faces {
  margin-right: 30px;
  height: 70px;
}

body.homepage p.fb_login {
  background: url(/images/facebook/little_fb_login_logo.png) no-repeat 0 0;
  padding-left: 20px;
}

body.homepage div.content {
  position: relative;
  background: url("/images/homepage/angled_screenshot_sm.png") no-repeat scroll 525px 13px transparent;
  margin-top: 8px;
}

body.homepage div.homepage_links {
  margin-top: 152px;
}

body.homepage div.homepage_links a {
  padding: 0 15px;
}

body.homepage div.homepage_links a span {
  font-size: 14px;
}

body.homepage h2 {
  font-size: 18px;
  font-weight: bold;
}
body.homepage.index h2 {
  font-size: 20px;
}

body.homepage h3 {
  font-weight: normal;
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}

body.homepage h2 span,
body.homepage h3 span {
  color: #54a417;
  font-weight: bold;
}

body.homepage h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 25px 0 5px;
}

body.homepage #grockit_definition {
  font-size: 15px;
  font-weight: normal;
  padding-top: 25px;
}

body.homepage #homepage_screenshot {
  background: url(/images/homepage/homepage_screenshot.png);
  height: 365px;
  left: 402px;
  position: absolute;
  top: 54px;
  width: 544px;
}

body.homepage #homepage_chart {
  background: url(/images/homepage/homepage_chart.png);
  height: 274px;
  left: 402px;
  position: absolute;
  top: 146px;
  width: 535px;
}

body.homepage div.content #audience a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #e6e6e6;
  border-color: #fff #b2b2b2 #b2b2b2 #fff;
  border-style: solid;
  border-width: 1px;
  color: #006a90;
  display: inline-block;
  font-size: 13.5px;
  margin: 3px 3px 0 0;
  padding: 4px 14px;
}

body.homepage div.content #audience a:hover {
  border-color: #b2b2b2 #fff #fff #b2b2b2;
  text-decoration: none;
}

body.homepage div.content #summer_special {
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  top: 371px;
  width: 400px;
}

body.homepage div.content #summer_special img {
  float: left;
  margin-right: 6px;
}

body.homepage div.content div.buttons {
  left: -4px;
  position: absolute;
  top: 420px;
  width: 950px;
}
body.homepage div.content div.buttons a {
  background-image: url(/images/homepage/homepage_buttons.png);
  cursor: pointer;
  display: inline-block;
  height: 54px;
}

body.homepage div.homepage_links a.group_button {
  padding: 5px 7px;
  margin-right: 5px;
  font-weight: normal;
  font-size: 17px;
}

body.homepage div.homepage_links a.group_button:hover {
  color: #fff;
  background-color: #018fbe;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-decoration: none;
}

body.homepage #academy_button {
  background-position: 0 0;
  width: 401px;
}

body.homepage #academy_button:hover {
  background-position: 0 -70px;
}

body.homepage #sat_button {
  background-position: -401px 0;
  width: 129px;
}

body.homepage #sat_button:hover {
  background-position: -401px -70px;
}

body.homepage #act_button {
  background-position: -530px 0;
  width: 132px;
}

body.homepage #act_button:hover {
  background-position: -530px -70px;
}

body.homepage #gre_button {
  background-position: -662px 0;
  width: 130px;
}

body.homepage #gre_button:hover {
  background-position: -662px -70px;
}

body.homepage #gmat_button {
  background-position: -792px 0;
  width: 153px;
}

body.homepage #gmat_button:hover {
  background-position: -792px -70px;
}

body.homepage #bottom_section {
}

body.homepage div.content div.grey_box_border,
body.homepage div.content div.grey_box {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
}

body.homepage div.content div.grey_box_border {
  border-color: #ccc;
  margin-top: 20px;
}

body.homepage div.content div.grey_box {
  border-color: #fff;
  background-color: #f3f3f3;
  font-size: 15px;
  padding: 12px;
}

body.homepage #star {
  background: url(/images/homepage/homepage_icons.png) -291px -78px;
  float: right;
  height: 41px;
  margin: 10px 6px 0 0;
  width: 39px;
}

body.homepage .title {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 8px;
}
body.homepage div.grey_box .title span {
  color: #186c1f;
}
body.homepage div.grey_box .sub_title {
  font-size: 15px;
  font-weight: bold;
  line-height: 32px;
}
body.homepage div.grey_box ul {
  line-height: 26px;
  list-style: disc outside none;
}
body.homepage div.grey_box li {
  margin-left: 20px;
}
body.homepage div.grey_box .small_text {
  float: left;
  font-size: 13px;
  margin-top: 10px;
  width: 360px;
}

body.homepage div.ways_to_learn .small_text {
  margin-bottom: 15px;
}

body.homepage div.icon {
  float: left;
  height: 32px;
  margin: 10px 20px 10px 0;
  width: 40px;
}
body.homepage #pulse {
  background: url(/images/homepage/homepage_icons.png) 0 -178px;
}
body.homepage #pencil {
  background: url(/images/homepage/homepage_icons.png) -96px -178px;
}
body.homepage #cloud {
  background: url(/images/homepage/homepage_icons.png) -190px -178px;
}
body.homepage #arrow {
  background: url(/images/homepage/homepage_icons.png) -284px -178px;
}
body.homepage #weight {
  background: url(/images/homepage/homepage_icons.png) -400px -178px;
}
body.homepage #clock {
  background: url(/images/homepage/homepage_icons.png) -500px -178px;
}
body.homepage #start_now_link {
  font-size: 13px;
  display: inline-block;
  margin-top: 12px;
}

body.homepage div.testimonials {
  margin-top: 20px;
}
body.homepage #testimonial_dots {
  float: right;
}
body.homepage #testimonial_dots div {
  background: url(/images/homepage/homepage_icons.png)  -517px -1121px;
  display: inline-block;
  float: left;
  height: 16px;
  margin: 3px 0 0 3px;
  width: 16px;
}
body.homepage #testimonial_dots .dark {
  background-position: -424px -1121px;
}

body.homepage #fancy_quote {
  background: url(/images/homepage/homepage_icons.png) 0 -438px;
  float: left;
  height: 46px;
  margin: 0 10px 0 0;
  width: 60px;
}
body.homepage #left_quote {
  background: url(/images/homepage/homepage_icons.png) -146px -438px;
  height: 46px;
  margin: 29px 0 0 4px;
  width: 56px;
}
body.homepage #right_quote {
  background: url(/images/homepage/homepage_icons.png) -290px -438px;
  height: 46px;
  margin: 82px 0 30px 40px;
  width: 56px;
}

body.homepage div.testimonial {
  color: #555;
  float: left;
  font-size: 13px;
  font-style: italic;
  line-height: 17px;
  width: 320px;
  margin-top: 25px;
}	

body.homepage #testimonialCarousel {
  position: relative;
  height: 132px;
}
body.homepage #testimonialCarousel div.testimonial {
  position: absolute;
  left: 66px;
  margin-top: 4px;
  width: 380px;
}
body.homepage div.testimonial span {
  color: #347e3a;
  display: inline-block;
  font-size: 13px;
  font-style: normal;
  margin-top: 5px;
}

/* testimonial photos */
body.homepage #tiffany_photo {
  background: url(/images/homepage/homepage_icons.png) -770px 0;
}
body.homepage #trieste_photo {
  background: url(/images/homepage/homepage_icons.png) -770px -187px;
}
body.homepage #lisa_photo {
  background: url(/images/homepage/homepage_icons.png) -770px -370px;
}
body.homepage #deirdre_photo {
  background: url(/images/homepage/homepage_icons.png) -770px -558px;
}

body.homepage #press_links {
  border-top: 1px solid #d9d9d9;
  margin-top: 16px;
}
body.homepage a.press_link {
  background-image: url(/images/homepage/homepage_icons.png);
  display: inline-block;
  cursor: pointer;
  width: 112px;
  height: 20px;
  margin: 12px 6px 4px;
}
body.homepage #wall_street_journal {
  background-position: 0 -1304px;
  margin-left: 0;
}
body.homepage #fortune {
  background-position: -328px -1304px;
  width: 80px;
}
body.homepage #fast_company {
  background-position: -164px -1304px;
}
body.homepage #politics_daily {
  background-position: -460px -1304px;
}

body.homepage #more_press_link {
  font-size: 12px;
}

/* Common elements - landing pages */
body.homepage #building_blocks {
  background: url(/images/homepage/homepage_icons.png) 0 -270px;
  float: right;
  margin: 60px 12px 0 0;
  height: 128px;
  width: 154px;
}

body.homepage div.grey_box.medium_height {
  height: 290px;
}

body.homepage div.grey_box.large_height {
  height: 315px;
}

body.homepage div.icon {
  height: 40px;
  margin-bottom: 5px;
}
body.homepage #solo_practice {
  background: url(/images/homepage/homepage_icons.png) 0 -76px;
}
body.homepage #group_study {
  background: url(/images/homepage/homepage_icons.png) -98px -76px;
}
body.homepage #instructor_led {
  background: url(/images/homepage/homepage_icons.png) -188px -76px;
}

body.homepage div.testimonial_photo {
  float: left;
  height: 124px;
  margin-top: 10px;
  width: 122px;
}
body.homepage ul {
  font-size: 13px;
}
body.homepage ul.big {
  font-size: 15px;
}

/* -------------- Parents Landing Page -------------- */
body.homepage.parents div#headline {
  background: url(/images/homepage/homepage_title_parent.png) 0 0;
  height: 78px;
  width: 564px;
}
body.homepage.parents div#quote {
  background: url(/images/homepage/homepage_title_parent.png) 0 -162px;
  float: right;
  height: 82px;
  width: 282px;
}

/* -------------- Students landing -------------- */
body.homepage.students #headline {
  background-image: url(/images/homepage/homepage_title_student.png);
  height: 75px;
  width: 512px;
}
body.homepage.students #quote {
  background: url(/images/homepage/homepage_title_student.png) 0 -154px;
  float: right;
  height: 107px;
  margin: 2px 12px 0 0;
  width: 278px;
}
body.homepage h3 div.star {
  background: url(/images/homepage/homepage_title_student.png) -487px -156px;
  float: left;
  height: 18px;
  margin: 3px 10px 0 3px;
  width: 18px;
}

/* -------------- Educators landing -------------- */
body.homepage.educators #headline {
  background-image: url(/images/homepage/homepage_title_educator.png);
  height: 38px;
  width: 532px;
}
body.homepage.educators #quote {
  background: url(/images/homepage/homepage_title_educator.png) 0 -118px;
  float: right;
  height: 82px;
  margin: 2px 12px 0 0;
  width: 280px;
}
body.homepage.educators h2 {
  margin-top: 24px;
}
body.homepage.educators div.icon {
  height: 30px;
}
body.homepage #gold_ribbon {
  background: url(/images/homepage/homepage_icons.png) 0 0;
}
body.homepage #stars {
  background: url(/images/homepage/homepage_icons.png) -99px 0;
  height: 38px;
}
body.homepage #money {
  background: url(/images/homepage/homepage_icons.png) -182px 0;
}
body.homepage #smiley {
  background: url(/images/homepage/homepage_icons.png) -286px 0;
}
body.homepage #grey_click_box {
  background: url(/images/homepage/homepage_icons.png) -399px 0;
}
body.homepage.educators div.testimonial {
  margin-top: 25px;
  width: auto;
}

/*----------- Homepage Signup ---------------------- */

body.homepage form#signup_form {
  background-image: -moz-linear-gradient(-90deg, #fefdc9, #f4e99c);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefdc9), to(#f4e99c));
  background-color: #FFF6C4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4e99c', endColorstr='#fefdc9');
  border: 1px solid #F7D301;
  margin-bottom: 10px;
}


body.homepage form#signup_form h2.highlight {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  background-color: #FDF39A;
  font-weight: normal;
  margin: -6px -9px 8px;
  padding: 4px 16px;
}

body.homepage form#signup_form div.sidebar {
  width: 112px;
}

form.validated_form div.field_set {
  padding: 7px;
  margin-bottom: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid transparent;
}

form#signup_form div#birth_date_fields {
  width: 175px;
}

#fields_for_birth_month_and_birth_year {
  float: left;
  width: 175px;
}

#advertising_source_fields {
  float: left;
  width: 220px;
  margin-left: 10px;
}

#advertising_source {
  width: 205px;
}

body.homepage form#signup_form #user_parent_email {
  width: 200px;
}

body.homepage div[dojoattachpoint=parentEmailNode] {
  float: left;
}

form.validated_form div.field_set.error,
form.validated_form div.field_set.focus.error {
  background-color: #f4e4b2;
  border-color: #f4e4b2;
}

form.validated_form div.field_set.focus {
  background-color: #bee1eb;
  border-color: #91d4e9;
}

form.validated_form label.error,
form.validated_form input.error,
form.validated_form div.sidebar_error {
  color: #990000;
}

form.validated_form input[type=text].error,
form.validated_form input[type=password].error {
  border-style: solid;
  border-color: #990000;
}

form.validated_form input[type=submit]:hover {
  cursor: pointer;
}

form.validated_form input[type=submit][disabled]:hover {
  cursor: default;
}

form.validated_form div.field_set div.sidebar_error,
form.validated_form div.field_set.error div.sidebar_info {
  display: none;
}

form.validated_form div.field_set.error div.sidebar_error {
  display: block;
}

body.homepage form#signup_form input[type="text"], form#signup_form input[type="password"] {
  width: 285px;
}

body.homepage form#signup_form input#user_first_name, form#signup_form input#user_last_name {
  width: 130px;
}

body.homepage form#signup_form label {
  font-size: 11px;
}

body.homepage div#disclaimer {
  width: 255px;
}

body.homepage #facebook_recommend_container {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-top: 30px;
  width: 130px;
}

body.homepage #facebook_recommend_container p {
  font-size: 13px;
  padding-bottom: 10px;
}