html, body, p, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, table {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

ol, ul {
  list-style: none;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
  -moz-outline: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}


/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

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

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

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
  min-height: 1px;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width:40px;
}

.container_16 .grid_2 {
	width:100px;
}

.container_16 .grid_3 {
	width:160px;
}

.container_16 .grid_4 {
	width:220px;
}

.container_16 .grid_5 {
	width:280px;
}

.container_16 .grid_6 {
	width:340px;
}

.container_16 .grid_7 {
	width:400px;
}

.container_16 .grid_8 {
	width:460px;
}

.container_16 .grid_9 {
	width:520px;
}

.container_16 .grid_10 {
	width:580px;
}

.container_16 .grid_11 {
	width:640px;
}

.container_16 .grid_12 {
	width:700px;
}

.container_16 .grid_13 {
	width:760px;
}

.container_16 .grid_14 {
	width:820px;
}

.container_16 .grid_15 {
	width:880px;
}

.container_16 .grid_16 {
	width:940px;
}



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

.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_4 {
	padding-left:240px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_8 {
	padding-left:480px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_12 {
	padding-left:720px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}



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

.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_4 {
	padding-right:240px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_8 {
	padding-right:480px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_12 {
	padding-right:720px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left:60px;
}

.container_16 .push_2 {
	left:120px;
}

.container_16 .push_3 {
	left:180px;
}

.container_16 .push_4 {
	left:240px;
}

.container_16 .push_5 {
	left:300px;
}

.container_16 .push_6 {
	left:360px;
}

.container_16 .push_7 {
	left:420px;
}

.container_16 .push_8 {
	left:480px;
}

.container_16 .push_9 {
	left:540px;
}

.container_16 .push_10 {
	left:600px;
}

.container_16 .push_11 {
	left:660px;
}

.container_16 .push_12 {
	left:720px;
}

.container_16 .push_13 {
	left:780px;
}

.container_16 .push_14 {
	left:840px;
}

.container_16 .push_15 {
	left:900px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left:-60px;
}

.container_16 .pull_2 {
	left:-120px;
}

.container_16 .pull_3 {
	left:-180px;
}

.container_16 .pull_4 {
	left:-240px;
}

.container_16 .pull_5 {
	left:-300px;
}

.container_16 .pull_6 {
	left:-360px;
}

.container_16 .pull_7 {
	left:-420px;
}

.container_16 .pull_8 {
	left:-480px;
}

.container_16 .pull_9 {
	left:-540px;
}

.container_16 .pull_10 {
	left:-600px;
}

.container_16 .pull_11 {
	left:-660px;
}

.container_16 .pull_12 {
	left:-720px;
}

.container_16 .pull_13 {
	left:-780px;
}

.container_16 .pull_14 {
	left:-840px;
}

.container_16 .pull_15 {
	left:-900px;
}




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

/* http://sonspring.com/journal/clearing-floats
 Note: this takes up space and prevents rendering elements after it in Win IE 7.
*/

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

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack
  This works much more consistently in IE (esp. 7), so if you are having layout problems and there
  is a .clear element involved try changing it to .clearfix.
*/

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


@font-face {
  font-family: meta-web-bold;
  src: url(/stylesheets/fonts/MetaWeb-Bold.woff) format('woff');
}

@font-face {
  font-family: meta-web-bold;
  src: url(/stylesheets/fonts/MetaWeb-Bold.otf) format("opentype");
}

.tk-ff-meta-web-pro {
  font-family:"meta-web-bold","helvetica", sans-serif;
}

/*
 * Once the WebFontLoader loads the font, it applies the .wf-active class to the html tag;
 * so to reduce the "unstyled text flash" phenomenon, make sure that the non-wf-active styled version looks
 * as similar as possible to the wf-active styled version.
 * see: web_font_loader.js
 */

.meta-web {
  font-family: sans-serif;
  font-weight: bold;
}
.wf-active .meta-web {
  font-family: "meta-web-bold", sans-serif;
  font-weight: normal;
}

h1.meta-web {
  font-size: 3.38em;
  line-height: 1.05em;
  margin-top: -1px;
}
.wf-active h1.meta-web {
  font-size: 3.8em;
  line-height: 1.2em;
  margin-top: -12px;
}


.handwriting {
  display: none;
}
.wf-active .handwriting {
  font-family: "felt-tip-roman-1","felt-tip-roman-2";
  font-size:16px;
  line-height:17px;
  margin-top: -2px;
  position:absolute;
  display: inline;
}

.wf-inactive .handwriting {
  font-family: serif;
  font-size: 13px;
  line-height:17px;
  position:absolute;
}


/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	background: #f2f5f7 url(/images/calendarBlue/f2f5f7_40x100_textures_04_highlight_hard_100.png) 0 0 repeat-x;
	font-size: 1.1em;
	border: 4px solid #dddddd;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #d7ebf9 url(/images/calendarBlue/d7ebf9_40x100_textures_02_glass_80.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #e4f1fb url(/images/calendarBlue/e4f1fb_40x100_textures_02_glass_100.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(/images/calendarBlue/3d80b3_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #aed0ea;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(/images/calendarBlue/3d80b3_7x7_arrow_right.gif) 50% 50% no-repeat;
}

.ui-datepicker-prev label {
  display: none;
}

.ui-datepicker-prev a:hover {
	background: url(/images/calendarBlue/2694e8_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(/images/calendarBlue/2694e8_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(/images/calendarBlue/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(/images/calendarBlue/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #aed0ea;
	color: #2779aa;
	background: #d7ebf9;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #e4f1fb;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #2779aa;
	background: #d7ebf9 url(/images/calendarBlue/d7ebf9_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #f2f5f7;
}
table.ui-datepicker td a:hover {
	border: 1px solid #74b2e2;
	color: #0070a3;
	background: #e4f1fb url(images/e4f1fb_40x100_textures_02_glass_100.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #2694e8;
	color: #ffffff;
	background: #3baae3 url(images/3baae3_40x100_textures_02_glass_50.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #362b36;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #362b36;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/images/icons/rating_delete.png) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/images/icons/rating_star.png) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


body.centered_blue_fade.floating_footer div.content {
  min-height: 100%;
  margin: 0 auto -60px;
}

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#page_header {
  height: 100px;
}

body.centered_blue_fade div#page div#page_header img#logo {
  border: none;
  float: left;
  padding-top: 20px;
}

body.centered_blue_fade div#page div.content div#modal_white_background {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: #fff;
  border: 1px solid #bac7cb;
  padding: 25px 20px 25px 25px;
  min-height: 250px;
}

body.centered_blue_fade div#page div.content div#modal_white_background img#network_logo {
  height: 107px;
  margin: 0 322px;
  width: 300px;
}

body.centered_blue_fade h1 {
  color: #333;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
}

body.centered_bue_fade p.notes {
  font-size: 14px;
}


body {
  background: #91D4E9 url(/images/gradients/radial_background.png) top center no-repeat;
  color: #333;
  font-family: "lucida grande", Helvetica, Arial, "MS Trebuchet", sans-serif;
  font-size: 62.5%;
}

#content {
  min-height: 450px;
}

/* ----------- HEADINGS ----------- */
/* Group name */
h1 { color:#000; font-size:2.4em; font-weight: normal; }

h1 span.title_offtext {
  font-weight: normal;
  color: #999;
}

/* ex: Your Reviews, Your Performance, Track name in Group Study & Solo Practice */
h2 { font-size:1.6em; font-weight:bold; }

/* ex: Targeted Practice, Upcoming Practice Sessions, Personalized Practice Games, etc. */
h3 { font-size:1.6em; font-weight:normal; }

body.dashboard ah3, div.section_header {
  background: #f3f3f3;
  border-bottom: solid 1px #ccc;
  padding: 10px 15px;
  font-weight: normal;
  margin-bottom: 3px;
}

div.section_header h3 {
  display: inline;
  border: none;
  float: left;
  padding: 0;
  margin: 0;
}

div.section_header .section_header_right {
  padding-top: 3px;
  float: right;
  font-weight: bold;
	font-size: 1.2em;
}

/* ex: Game cube track title in the Group Lessons, Targeted Practice, & Calendar items; Challenge Name in Personalized Practice Games; Tutor Names in the main display (not sidebar) */
h4 { font-size:1.3em; font-weight:bold; }
.locked h4 { color:#666; } /* for the locked challenge titles */
h4 .lesson_info { font-weight:normal; } /* for the words "with tutor_name" next to the Track name for Game cubes */

/* ex: Sidebar Titles */
h5 { font-size:1.3em; margin-bottom: 10px; font-weight:normal; }

/* ----------- TEXTS ----------- */
/* When there is no content in any widget, we display this text, ex: "Start studying and we'll track how you're doing" */
.empty_text { color:#666; font-size:1.2em; margin: 10px 15px 15px 0; }
.section_header + .empty_text { margin: 15px; }

/* Game descriptions/names, Tutor descriptions, Track names in Performance widget */
.description { font-size:1.2em; }

/* Game details (difficulty, skills list) -- Remember to bold the words "Difficulty" and "Skills" separately */
.game_details { color:#666; font-size:1em; margin-top: 4px;}

/* .number_of_people: Number of people in a game (for both links and texts) */
/* .sidebar_item_details: For sidebar: xp earned, tutor description, etc. */
.number_of_people, .sidebar_item_details { color:#666; font-size:1.1em; }

/* .secondary_details: detail text corresponding to .secondary styled links
/* .sidebar_item_names: For sidebar: Player names, tutor names, etc. */
.secondary_details, .sidebar_item_names { font-size:1.1em; font-weight:bold; }

/* Time for upcoming games, Date of game in Calendar */
.game_time { font-size:1.1em; font-weight:bold; }

/* Reservation Confirmed */
span.action { font-size:1.3em; font-weight:bold; }

/* locked game description */
.locked p { color:#999; line-height: 1.6em; }

/* ----------- LINKS ----------- */
/* All links */
a { color:#008CBE; text-decoration: none; cursor: pointer; }
a:hover {text-decoration:underline;}
.locked a, span.locked { color:#999; cursor: auto;}

/* Reserve a Spot, Join Now, Start (in the list of Challenges), Performance Details, Review Now, View Course Info */
a.action, a.view_course_info { font-size:1.3em; font-weight:bold; }

/* .secondary: Create Your Own (next to h3 "Targeted Practice"), Schedule (next to h3 "Upcoming Practice Sessions") */
/* .view_more: View more links, all tutors link, etc. */
a.secondary, .view_more { font-size: 1.1em; font-weight: bold; display: inline-block; }

a.game_info_link { margin-top: 6px; display: inline-block; }

.game_details a { color:#008CBE; font-weight: bold; text-decoration: none; cursor: pointer; }
.game_details a:hover { text-decoration: underline; }

/* ----------- DECORATIONS ----------- */
.line_break {
  border-bottom: dotted 1px #666;
  margin-top: 5px;
  margin-bottom: 18px;
}

.solid_gray_divider {
  background-color: #E9E9E9;
  height: 1px;
  margin: 8px 0;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

div.gradient_divider {
  clear: both;
  height: 20px;
  background: url(/images/gradients/shadow.png) repeat-x;
  margin: 20px -25px 0;
  padding: 0;
}

/* ---- SCAFFOLDING ---- */
div#exoskeleton {
  margin-left: auto;
  margin-right: auto;
  width: 990px;
  position: relative;
}

#content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #fff;
  border: 1px solid #BAC7CB;
  margin-left: -1px;
  width: 960px;
  padding: 15px;
}

/* ---- GROUP SELECTOR ---- */

#group_selector {
  width: 100%;
}

#group_selector_spinner {
  float: left;
  margin-left: -25px;
  margin-top: 2px;
}

object.mini_spinner {
  height: 18px;
  width: 18px;
}

object.mega_spinner {
  height: 24px;
  width: 24px;
}

/* ----------- PAGE INTERACTION ----------- */
.hidden { display: none; }
.invisible { visibility: hidden; }

/* ----------- CALLOUTS ----------- */
div.callout {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
}

div.callout.primary { margin: 13px 0; padding: 10px 30px; }
div.callout.secondary { margin: 0 0 13px; padding: 15px 30px; text-align: center; }

div.callout.greenblue.primary {
  background-color: #35861b;
  border: none;
}

div.callout.greenblue.secondary, div.callout.bluewhite.primary {
  background-color: #1296bf;
  border-color: #154d5c;
}

div.callout.bluewhite.secondary {
  background-color: #fff;
  border-color: #1296bf;
  color: #1296bf;
}

div.mini_callout {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #1296bf;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  float: right;
  padding: 2px 5px;
  width: 116px;
}

/* TODO: Pretty much everything below this point should be moved out of Snoopy.css and into separate files (SL/MS) */
/* ----------- Validated Form ----------- */

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.validated_form div.field_set.error,
form.validated_form div.field_set.focus.error {
  background-color: #f6e8e8;
}

form.validated_form div.field_set.focus {
  background-color: #eaf8ff;
}

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

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.sidebar {
  float: left;
  width: 175px;
}

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;
}

/* ----------- AVATARS ----------- */
img.avatar.pinkynail {
  height: 25px;
  width: 25px;
}

img.avatar.thumbnail {
  height: 50px;
  width: 50px;
}

img.avatar.large {
  height: 185px;
  width: 185px;
}

img.avatar.large_fb {
  width: 185px;
}

/* ----------- Full Game Cube ---------------- */

div[dojotype='grockit.widgets.FullGameCube'] .facebook_recommend {
  margin-top: 7px;
}

/* ----------- Full Game Cube Edit ----------- */

.full_game_cube_edit {
  padding: 15px 15px 0 25px;
}

.full_game_cube_edit h4 {
  margin-bottom: 8px;
	color: #666;
}

.full_game_cube_edit label {
  font-size: 12px;
  font-weight: bold;
  width: 75px;
  display: block;
  float: left;
  color: #333;
}               

.full_game_cube_edit .field_set input {
  display: block;
  
  float: left;
	border: 1px solid #999;
	padding: 4px 2px;
}

.full_game_cube_edit #fields_for_name input {
	width: 450px;
}

body.users .full_game_cube_edit .date_picker_icon {
	display:none;
}

.full_game_cube_edit .field_set {
  margin-bottom: 15px;
}

.full_game_cube_edit .time_select {
  margin-left: 60px;
  float: left;
}

.full_game_cube_edit .time_select select {
	margin: 0 3px;
}

.full_game_cube_edit form.validated_form input.datetime_date {
  width: 150px;
}

.full_game_cube_edit a#delete_game {
  padding-left: 10px;
}

/* ----------- MISC ----------- */
label.url_pastie {
  color: #666;
  font-size: 1.1em;
  font-weight: bold;
}

input.url_pastie {
  background-color: #e5f5f9;
  border-color: #999;
  border-width: 1px;
  color: #333;
  font-size: 1.2em;
  margin: 8px 0;
  padding: 4px;
  width: 80%;
}

img#network_logo {
  margin: 10px auto 20px;
  display: block;
}

/* ----------- Subtrack Game Selector ----------- */

div.subtrack_game_selector h2 {
  margin-bottom: 5px;
}

div.subtrack_game_selector select {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  height: 24px;
  padding: 2px;
  width: 280px;
}

div.subtrack_game_selector input[type=submit] {
  border: none;
  background-image: url(/images/buttons/join_start_study_group_session.png);
  height: 35px;
  margin-top: 6px;
  width: 224px;
}

div.subtrack_game_selector.group_study input[type=submit] {
  background-position: 0 0;
}

div.subtrack_game_selector.group_study input[type=submit]:hover {
  background-position: -230px 0;
}

div.subtrack_game_selector.solo input[type=submit] {
  background-position: 0 -78px;
}

div.subtrack_game_selector.solo input[type=submit]:hover {
  background-position: -230px -78px;
}

body.tags #content h2 {
  margin: 12px 0;
}

body.tags #content li {
  margin: 2px 0;
  font-size: 14px;
}

body.tags #content form p {
  margin-bottom: 10px;
  font-size: 12px;
}

body.tags #delete_link {
  color: #e06400;
  font-size: 12px;
}

body.tags #delete_link span {
  color: #666;
}

#facebook_like_box iframe {
  border: none;
  height: 255px;
  overflow: hidden;
  width: 220px;
}


div.section {
  margin-top: 13px;
}

div.section a.view_more {
  margin-left: 15px;
  margin-top: 8px;
}

.section li {
  margin: 10px 0;
}

.section_item {
  border-bottom: dotted 1px #cccccc;
  padding: 10px 0;
  position: relative;
  line-height: 1.75em;
  width: 100%;
  overflow: hidden;
}

.section_item.last {
  border-bottom: none;
}

.section_item_left {
  padding-left: 15px;
}

.section_item_right {
  text-align: right;
  padding-right: 15px;
}

.section_item_full {
  padding-left: 15px;
  padding-right: 15px;
}

.section_item_right * {
  text-align: inherit;
}

.section_item_left .icon,
.section_item_left .assessment_icon {
  float: left;
  margin-right: 10px;
}

.section_item_left .icon {
  width: 50px;
}

.section_item_left .assessment_icon {
  width: 40px;
}

div.section_item a.avatar.pinkynail {
  margin-top: 3px;
}

div.section_item a.avatar.thumbnail {
  margin-top: 2px;
}

.avatar_list a.avatar.pinkynail {
  margin: 8px 5px 3px 0;
  float: left;
}

/*#section_wrapper {*/
  /*position: relative;*/
  /*overflow: hidden;*/
/*}*/

#section_wrapper .main_section {
  width: 100%;
  opacity: 0;
  display: none;
}

#section_wrapper .main_section.selected {
  display: block;
}

/*  */
a.button {
  display: block;
  height: 34px;
}

.button.start_now {
  background: url(/images/lobby/join_buttons.png) -226px 0 no-repeat;
}

.button.start_now:hover {
  background-position: -226px -40px;
}

.button.join_now {
  background: url(/images/lobby/join_buttons.png) 0 0 no-repeat;
}

.collapse_bar {
  background: url(/images/lobby/lobby_sprite.png) no-repeat scroll 0 -59px;
  height: 8px;
  margin-top: 8px;
  width: 100%;
  cursor: pointer;
  display: none;
}

.button.join_now:hover {
  background-position: 0 -40px;
}

.solid_border {
  border-bottom: solid 1px #ccc;
}

.no_border {
  border: none;
}

.calendar_icon {
  background: url(/images/lobby/lobby_sprite.png) no-repeat scroll 0 0;
  display: block;
  height: 17px;
  width: 20px;
}

.calendar_cancel_button {
  background: url(/images/lobby/lobby_sprite.png) no-repeat scroll 0 -24px;
  height: 10px;
  width: 10px;
  display: block;
  margin-left: 11px;
}

.calendar_cancel_button:hover {
  background-position: 0 -40px;
}

.calendar_join_button {
  font-size: 1.3em;
  font-weight: bold;
}

.graph_bar {
  width: 75px;
  height: 16px;
  margin-right: 5px;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.graph_bar span {
  display: block;
  text-align: right;
  margin-right: 7px;
}

.review_bar_background {
  background: url(/images/reviewbar/reviewbar.png) no-repeat 0 0;
  height: 16px;
  width: 338px;
}

.review_bar_foreground {
  background: url(/images/reviewbar/reviewbar.png) no-repeat 0 -16px;
  height: 16px;
  width: 338px;
  float: left;
}

.blog_link {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 1.3em;
  font-weight: bold;
  padding: 5px 0;
  margin-top: 10px;
}

.blog_link p {
  margin-top: 2px;
  color: #666;
}

.blog_link p, .blog_link a {
  margin-left: 10px;
}

.blog_link .icon {
  height: 40px;
  background: url(/images/lobby/lobby_sprite.png) no-repeat 55px -88px;
}

/* ---- Dashboard Callouts ---- */
div#upgrade_prompt {
  margin-top: 15px;
  padding: 6px 10px;
}

div#upgrade_prompt div.left {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: none;
  font-size: 12px;
  float: left;
  padding: 3px 15px 5px 10px;
  width: 175px;
}

div.callout.greenblue div.left {
  background-color: #fff;
  color: #1f7c9d;
}

div.callout.bluewhite div.left {
  background-color: #eaf8ff;
  color: #006a90;
}

div#upgrade_prompt div.right {
  float: left;
  line-height: 42px;
  margin-left: 10px;
  text-align: left;
  width: 455px;
}

div#upgrade_prompt span.bignum {
  font-size: 16px;
  font-weight: bold;
}

div#sample_performance_report {
  background-color: #eaf8ff;
  cursor: pointer;
  margin: 10px 0 0;  
}

div#sample_performance_report div.mini_callout {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: none;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 8px;
  width: auto;
}

div#sample_performance_report ul { opacity: 0.9; }
div#sample_performance_report div.watermark {
  background-color: transparent;
  background-image: url("/images/lobby/sample_small.png");
  background-repeat: no-repeat;
  opacity: 0.5;
  position: absolute;
  width: 340px;
  z-index: 1;
}


.avatar_container .avatar {
  position: relative;
}

.avatar_container .hidden {
  display: none;
}

.avatar {
  display: inline-block;
}

.avatar.pinkynail {
  height: 25px;
}

.avatar.thumbnail {
  height: 50px;
}

.mortarboard {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}

.large .mortarboard {
  width:  52px;
  height: 52px;
  left: -9px;
  top: -13px;
  background-image: url(/images/avatar/instructor_icon.png);
}

.thumbnail .mortarboard {
  top: -8px;
  left: -10px;
  width:  23px;
  height: 23px;
  background-image: url(/images/avatar/instructor_thumb.png);
}

.pinkynail .mortarboard {
  left: -4px;
  top: -4px;
  width:  11px;
  height: 11px;
  background-image: url(/images/avatar/instructor_pinky.png);
}


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

div#callout_outer {
  margin-bottom: 8px;
}
div.callout_border {
	border: 1px solid #FFC452;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

div#callout.original {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  background: #FFFFCC url(/images/gradients/callout_bkgd.png) repeat-x 0 0;
  border: 2px solid #ffffff;
  padding: 8px 2px 6px 8px;
/*  height: 70px;
*/}
div#callout.original h2 {
  font-size: 1.8em;
  margin: 1px 0 2px;
}
div#callout div.icon {
  float: left;
  margin: 3px 12px 0 3px;
  height: 60px;
  width: 60px;
}
div#callout div.icon.scheduled {
  background: url(/images/icons/studyguide_icons.png) no-repeat 0 -72px;
}
div#callout div.icon.review {
  background: url(/images/icons/studyguide_icons.png) no-repeat 0 0;
}
div#callout div.icon.gift {
  background: url(/images/icons/studyguide_icons.png) no-repeat 0 -160px;
}
div#callout div.icon.logo {
  background: url(/images/logos/color_vertical.png) no-repeat 0 0;
  width: 145px;
  height: 120px;
}
div#callout div.icon a {
  margin: 0;
}
div#callout img.icon {
  float: left;
  margin: 3px 12px 0 3px;
}
div#callout p#callout_message {
  font-size: 1.3em;
  margin: 2px 0 14px;
  width: 470px;
	color: #666;
}
div#callout.welcome_message p#callout_message {
	color: #333;
}
div#callout > a {
  display: block;
  height: 34px;
  position: absolute;
  right: 10px;
  top: 40px;
}

div#callout .important_clickable a {
  color: #0F6C8B;
  font-size: 1.6em;
  font-weight: bold;
}

div#callout div#user_rating {
  height: 20px;
  margin-top: -8px;
}
div#callout div#user_rating a {
  margin: 0;
}
div#callout div#user_rating span#testimonial_link {
  display: inline-block;
  margin-left: 10px;
}
div#callout div#user_rating span#testimonial_link a {
  color: #0099CC;
  font-size: 10px;
  font-weight: normal;
}
div#callout .grey_text {
  color: #777;
  font-size: 1.2em;
  width: 660px;
}
div#callout.original a#dismiss,
a#dismiss_confirmation,
div#callout a.start,
div#callout a.join,
div#callout a.review {
  background: url(/images/buttons/holla_sprite.png) no-repeat 0 0;
}
div#callout.original a#dismiss, a#dismiss_confirmation {
  float: right;
  height: 13px;
  margin: -2px 3px 0 0;
  width: 13px;
  position: static;
}
div#callout.original a#dismiss:hover, a#dismiss_confirmation:hover {
  background-position: -14px 0;
}
div#callout a.start.diagnosticgame {
  width: 188px;
  background-position: 0 155px;
}
div#callout a.start.diagnosticgame:hover {
  background-position: -191px 155px;
}
div#callout a.continue.diagnosticgame {
  width: 188px;
  background-position: 0 42px;
}
div#callout a.continue.diagnosticgame:hover {
  background-position: -191px 42px;
}
div#callout a.start.challengegame {
  width: 188px;
  background-position: 0 118px;
}
div#callout a.start.challengegame:hover {
  background-position: -191px 118px;
}
div#callout a.continue.challengegame {
  width: 188px;
  background-position: 0 80px;
}
div#callout a.continue.challengegame:hover {
  background-position: -191px 80px;
}
div#callout a.join {
  width: 158px;
  background-position: 0 -16px;
}
div#callout a.join:hover {
  background-position: -191px -16px;
}
div#callout a.join.disabled {
  cursor: default;
  background-position: 159px -16px;
}
div#callout a.review {
  width: 161px;
  background-position: 0 -51px;
}
div#callout a.review:hover {
  background-position: -191px -51px;
}

div#callout.welcome_message {
  background: url(/images/lobby/yellow_callout.png) no-repeat 0 -306px;
  height: 247px;
  padding-left: 20px;
  padding-top: 19px;
  position: relative;
  width: 674px;
}

div#callout.welcome_message.limited {
  background-position: 0 -629px;
  height: 188px;
}

div#callout.welcome_message a#dismiss {
  background: url(/images/lobby/yellow_callout.png) no-repeat 0 -598px;
  height: 18px;
  position: absolute;
  right: 15px;
  top: 13px;
  width: 32px;
}
div#callout.welcome_message h2 {
  font-size: 3.4em;
  font-weight: normal;
  margin-bottom: 13px;
}

div#callout.welcome_message h2.small {
  font-size: 2.0em;
  font-weight: bold;
}

div#callout.welcome_message h3 {
  font-size: 2.6em;
  font-weight: normal;
  margin-bottom: 8px;
}

div#callout.welcome_message h4 {
  font-size: 1.4em;
  font-weight: normal;
  margin: 15px 0;
}

div#callout.welcome_message h4.upgrade {
  font-size: 1.8em;
  font-weight: normal;
  margin-bottom: 4px;
}
div#callout p#callout_message .yellow_box {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #F8D832;
  bottom: 70px;
  padding: 4px 8px;
  position: absolute;
}

/* Test Goal */
div#callout #test_goal_callout {
  padding-left: 110px;
  background: url(/images/badges/took_test_lg.png) no-repeat 0 0;
  font-size: 13px;
  color: #333;
}

div#callout #test_goal_callout h2 {
  margin-bottom: 15px;
}

div#callout #test_goal_callout .field {
  margin-bottom: 15px;
}

div#callout #test_goal_callout label {
  width: 100px;
  display: block;
  float: left;
  margin-top: 2px;
}

div#callout #test_goal_callout select {
  margin-right: 10px;
}

div#callout #test_goal_callout input[type=submit] {
  background: url(/images/buttons/submit_transparent.png) no-repeat -7px 0;
  width: 120px;
  height: 40px;
  border: none;
  margin: 0 15px 15px 96px;
}

div#callout #test_goal_callout input[type=submit]:hover {
  background-position: -130px 0;
  cursor: pointer;
}

/* Test Goal Confirmation */

#callout_confirmation_test_goal {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #55a417;
  padding: 10px 5px 10px 45px;
  font-size: 15px;
  background: #e0ffcc url(/images/icons/flashmessage_icons.png) no-repeat 8px -182px;
  margin-bottom: 10px;
}

/* Tutor Rating */

div#callout .facebook_like {
  float: left;
  margin-top: 7px;
}


div.dijitDialogTitleBar {
  display: none;
}

#dialog {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fff;
  border-radius: 4px;
  color: #333;
  padding: 10px 10px 14px 16px;
  width: 774px;
}

#dialog.progress_reports_dialog {
  background: #fff url(/images/analytics/performance_info_graphics_sprite.png) no-repeat 310px 24px;
}

#dialog.tutoring_dialog {
  background: #fff url(/images/landing/tutoring.png) no-repeat 424px 15px;
}

#dialog a.close_button.x {
  background: url(/images/analytics/performance_info_graphics_sprite.png) -498px -327px;
  display: inline-block;
  float: right;
  height: 16px;
  width: 16px;
}

#dialog a.close_button.x:hover {
  background-position: -498px -366px;
}

#dialog h2 {
  color: #186c1f;
  font-size: 20px;
  line-height: 48px;
}

#dialog h3 {
  font-size: 15px;
  line-height: 18px;
  padding-left: 3px;
  font-weight: bold;
}

#dialog h4 {
  font-size: 14px;
  line-height: 22px;
  padding-left: 30px;
  position: relative;
}

#dialog .bullet {
  background-image: url(/images/analytics/performance_info_graphics_sprite.png);
  display: inline-block;
  height: 22px;
  position: absolute;
  left: 0;
  width: 22px;
}

#dialog .bullet.one {
  background-position: -500px -10px;
}

#dialog .bullet.two {
  background-position: -500px -46px;
}

#dialog .bullet.three {
  background-position: -500px -82px;
}

#dialog.progress_reports_dialog .dialog_details {
  font-size: 12px;
  line-height: 18px;
  margin: 6px 0 20px 30px;
  width: 200px;
}

#dialog.tutoring_dialog .dialog_details {
  font-size: 13px;
  line-height: 16px;
  margin: 6px 0 19px 3px;
  width: 400px;
}

#dialog .dialog_details li {
  list-style: disc outside;
  margin-left: 1px;
}

#upgrade_for_your_report_button {
  background: url(/images/analytics/performance_info_graphics_sprite.png) -496px -210px;
  display: inline-block;
  float: right;
  height: 45px;
  margin-top: 490px;
  width: 375px;
}

#upgrade_for_your_report_button:hover {
  background-position: -496px -267px;
}

#dialog .custom_review {
  background: url(/images/analytics/performance_info_graphics_sprite.png) -500px -140px;
  height: 45px;
  width: 236px;
}

#dialog .focus_practice {
  background: url(/images/analytics/performance_info_graphics_sprite.png) -580px -342px;
  height: 66px;
  margin-bottom: 0;
  width: 92px;
}


/* ---- FLASH ---- */

div.flashDisplay {
  font-size: 15px;
  position: absolute;
  top: 79px;
  left: 300px;
  width: 350px;
  text-align: left;
  color: #fff;
  z-index: 99;
}

div.flashDisplay div.message {
  margin: 10px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px 10px 10px 42px;
  min-height: 21px;
    /* Fallback for web browsers that don't support RGBa (i.e. ie) */
  background: rgb(0, 0, 0) url(/images/icons/flashmessage_icons.png) no-repeat;
  background: rgba(0, 0, 0, 0.75) url(/images/icons/flashmessage_icons.png) no-repeat;
}

div.flashDisplay div.notice { background-position: 8px    8px; }
div.flashDisplay div.error  { background-position: 8px  -82px; }
div.flashDisplay div.reason { background-position: 8px -182px; }

div.flashDisplay a.dismiss  {
  background: transparent url(/images/icons/flashmessage_icons.png) no-repeat scroll 0 -285px;
  display:    block;

  float:      right;
  height:     13px;
  margin:     -2px 3px 0 0;
  position:   relative;
  top:        15px;
  width:      13px;
}

div.flashDisplay a.dismiss:hover {
  background-position: 0 -308px;
}


/* ----------- HEADER STYLES ----------- */

#header {
  font-size: 11px;
  height: 62px;
}

#header.flvs {
  height: 75px;
}

#header a.logo {
  background: url("/images/logos/header_logo.png") 0 0 no-repeat;
  display: block;
  float: left;
  margin-top: 8px;
  width: 169px;
  height: 43px;
}

#header.flvs a.logo {
  background-image: url("/images/logos/flvs_poweredby_logo.png");
  width: 220px;
  height: 60px;
}

#header .header_right, #header .header_left {
  position: relative;
  float: left;
}

#header .header_right {
  width: 215px;
  height: 53px;
  background-color: #c6e9f4;
  margin-left: 40px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-radius-bottomleft: 5px;
  -webkit-border-radius-bottomright: 5px;
}

#header .header_left {
  width: 710px;
  height: 100%;
  margin-left: 25px;
}
#header .header_left ul.nav_menu li a:hover {
  text-decoration: none;
  color: #004e8b;
}

#header.flvs .header_left ul.nav_menu li {
  margin-left: 25px;
}

#header .header_right p {
  position: absolute;
  right: 25px;
  bottom: 10px;
  color: #006a90;
  font-size: 1.2em;
  font-weight: bold;
}

#header .header_right p a {
   color: #006A90;
}

#header a.guest_signin {
  background-color: #91d4e9;
  padding: 3px 5px;
  margin-top: -5px;
  font-size: 1.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#header a.guest_signin:active {
  color: #006a90;
}

#header a.guest_signin:visited {
  color: #006a90;
}

#header p.guest_signup {
  font-size: 1em;
  font-weight: normal;
  color: #7e8689;
}

#header p.guest_signup a {
  margin-left: 5px;
  padding-right: 2px;
  color: #0098bf;
}

/* ----------- NAVIGATION ----------- */

#header ul.menu li {
  display: block;
  float: left;
}

#header ul.menu li a {
  color: #0098bf;
  display: block;
  font-weight: bold;
  margin-left: 12px;
}

#header ul.menu li a span {
  color:#e47200;
  display: inline-block;
  font-weight: normal;
  margin-top:-2px;
  padding-left: 2px;
  vertical-align: top;
}

#header ul.nav_menu span.live {
  -moz-border-radius: 5px;
  background-color: #55A417;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 1px 2px;
}

#header .header_right ul.menu {
  position: absolute;
  top: 8px;
  right: 25px;
}

#header .header_left ul.nav_menu {
  margin-top: 16px;
  font-size: 1.4em;
}

#header .header_left ul.nav_menu li a {
  padding: 18px 10px;
  color: #006a90;
}

#header .header_left ul.admin_menu {
  position: absolute;
  top: 8px;
  right: 8px;
}

#header .header_left ul.admin_menu li a {
  color: #e06400;
}

#header p.fb_login {
  background: url(/images/facebook/little_fb_login_logo.png) no-repeat 0 0;
  padding-left: 20px;
  font-size: 12px;
}

#header p.fb_login a {
  color: #0098bf;
}


#snoopy_footer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #b8e3f1;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
  padding-top: 8px;
  margin: 20px 0 10px;
  text-align: center;
}

#snoopy_footer a {
  color: #006a90;
  margin: 0 18px;
}

#copyright {
  font-size: 10px;
  color: #666;
  text-align: right;
  height: 20px;
}

#copyright a {
  font-weight: normal;
  margin: 0 14px 0 0;
}

#homepage_footer {
  border-top: 1px solid #b3b3b3;
  color: #8c8c8c;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  overflow: hidden;
}

#homepage_footer ul {
  padding: 3px 0 0 0;
}

#homepage_footer li {
  color: #666;
  font-weight: bold;
}

#homepage_footer li span {
  color: #999;
}

#homepage_footer p {
  color: #666;
  font-weight: bold;
}

#homepage_footer a:first-child {
  padding-left: 0;
}

#homepage_footer #share_box {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #e6e6e6;
  float: left;
  padding: 2px 10px 0;
  margin-top: 13px;
}

#homepage_footer #share_box a {
  background-image: url(/images/homepage/homepage_icons.png);
  display: inline-block;
  height: 25px;
  padding: 0;
  width: 25px;
}
#homepage_footer #twitter {
  background-position: 0 -1227px;
  margin-right: 8px;
}
#homepage_footer #facebook {
  background-position: -56px -1227px;
}

#homepage_footer #tech_crunch {
  display: inline-block;
  cursor: pointer;
  width: 94px;
  height: 34px;
  background: url(/images/homepage/homepage_icons.png) -156px -1227px;
  float: left;
  clear: both;
  margin: 8px 0 10px;
}

#homepage_footer #legal_links {
  margin: 21px;
  text-align: right;
  font-size: 10px;
}

#homepage_footer #legal_links a {
  font-weight: normal;
  padding: 8px;
}

#homepage_footer #copyright {
  clear: both;
}


div#no_instructors {
  font-size: 18px;
  border-top: 1px solid #D5D5D5;
  padding-top: 30px;
}

#instructor_list li {
  border-top: 1px solid #D5D5D5;
  padding: 30px 0;
  position: relative;
}
#instructor_list li:first-child {
  border-top: none;
  padding: 10px 0 30px;
}
#instructor_list li img.avatar {
  float: left;
}
#instructor_list li div.buttons {
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #1296BF;
  padding-top: 8px;
}
#instructor_list li:first-child div.buttons {
  top: 10px;
}
#instructor_list li div.buttons a {
  color: inherit;
}
#instructor_list li div.buttons span.bar_separator {
  padding: 0 19px;
}
#instructor_list li div.info {
  float: right;
  width: 734px;
  font-size: 1.2em;
}
#instructor_list li div.info div.full_name {
  font-size: 30px;
  margin-bottom: 10px;
}
#instructor_list li div.info div.timezone {
  margin-bottom: 10px;
  color: #66667D;
}
#instructor_list li div.info div.about_me {
  line-height: 19px;
}
#instructor_list li div.info a.read_more {
  display: block;
  font-size: 13px;
  color: #1296BF;
}
#instructor_list li div.info a:visited.read_more {
  display: block;
  font-size: 13px;
  color: #1296BF;
}
#instructor_list li div.stats {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  color: #333;
  font-size: 10px;
  margin-left: 20px;
  padding: 6px 8px 10px;
  float: right;
  width: 144px;
  background: url(/images/icons/stats-icon.png) no-repeat 8px 6px #eee;
}
#instructor_list li div.stats h4 {
  color: #006A90;
  font-size: 13px;
  line-height: 18px;
  margin-left: 18px;
  margin-bottom: 2px;
}


#study_navigation a.navigation {
  height: 80px;
  width:  220px;
  border: 0;
  display: block;
  background: url(/images/lobby/studystyle_buttons_sprite.png);
}

#study_navigation a.lessons {
  background-position: 0 0;
}
#study_navigation a.lessons:hover {
  background-position: 0 -85px;
}
#study_navigation .lessons a.selected {
  background-position: 0 -170px;
}


#study_navigation a.group_study {
  background-position: -229px 0;
}
#study_navigation a.group_study:hover {
  background-position: -229px -85px;
}
#study_navigation .group_study a.selected {
  background-position: -229px -170px;
}


#study_navigation a.solo {
  background-position: -458px 0;
}
#study_navigation a.solo:hover {
  background-position: -458px -85px;
}
#study_navigation .solo a.selected {
  background-position: -458px -170px;
}




/* Analytics */

td.accuracy div {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  padding-right: 8px;
  padding-top: 0;
}

td.accuracy div.accuracy_bar {
  text-align: right;
}

body.users div.section_header div.filters {
  display: inline;
  font-size: 12px;
  float: right;
  padding-top: 2px;
  position: absolute;
  right: 5px;
}

body.users div.profile_spinner {
  background: transparent url(/images/profile_spinner.gif) no-repeat center;
  height: 150px;
}

body.users div#performance_analytics div.header {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 3px 6px 3px 6px;
  background-color: #4B7481;
  position: relative;
  margin-bottom: 8px;
}

body.users div#performance_analytics div.header h2 {
  color: white;
  font-weight: normal;
  font-size: 16px;
  display: inline;
}

body.users div#performance_analytics table {
  border-collapse: separate;
  margin-top: 10px;
  width: 98%;
}

body.users div#performance_analytics tr {
  vertical-align: middle;
}

body.users div#performance_analytics tr.striped td {
  background-color: #E2E8EA;
}

body.users div#performance_analytics tr.striped td.track_and_skill_tags {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
}

body.users div#performance_analytics tr.striped td.average_time_per_question {
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

body.users div#performance_analytics tr.striped td.accuracy, body.users div#performance_analytics tr.striped td.spacer {
  background-color: transparent;
}

body.users div#performance_analytics td {
  margin-bottom: 1px;
  padding-right: 8px;
  text-align: right;
  vertical-align: middle;
}

body.users div#performance_analytics td.track_and_skill_tags {
  text-align: left;
  width: 224px;
}

body.users div#performance_analytics input {
  float: left;
  vertical-align: bottom;
}

body.users div#performance_analytics td.questions_answered {
  width: 60px;
}

body.users div#performance_analytics td.average_time_per_question {
  width: 61px;
}

body.users div#performance_analytics thead.track_summary td.spacer,
body.users div#performance_analytics thead.group_summary td.spacer {
  background: transparent;
}

body.users div#performance_analytics td.spacer {
  background: transparent;
  font-size: 5px;
  padding: 2px;
  width: 0px;
}

body.users div#performance_analytics td.accuracy {
  background: transparent;
  font-weight: bold;
  padding: 0px;
  text-align: left;
  width: 284px;
}

body.users div#performance_analytics td.accuracy.no_data {
  color: #acacac;
  font-size: 10px;
  margin: 0;
}

body.users div#performance_analytics td.accuracy div {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 20px;
  padding-right: 8px;
  padding-top: 0;
}

body.users div#performance_analytics td.accuracy div.accuracy_bar span {
  vertical-align: middle;
}

body.users div#performance_analytics td.accuracy div.accuracy_bar {
  text-align: right;
}

body.users div#performance_analytics thead tr {
  color: white;
  line-height: 18px;
  margin: 6px;
  padding: 3px 6px 3px 6px;
}

body.users div#performance_analytics thead td {
/*background-color: #205160;*/
  font-size: 12px;
  padding-left: 8px;
}

body.users div#performance_analytics thead.track_summary td {
  background-color: #67A6B9;

}

body.users div#performance_analytics thead.group_summary td {
  background-color: #205160;
}

body.users div#performance_analytics thead td.accuracy, thead td.spacer  {
  background: transparent;
}

body.users div#performance_analytics thead td.track_and_skill_tags {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
}

body.users div#performance_analytics thead td.average_time_per_question {
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

body.users div#performance_analytics tbody tr {
  border-bottom: 1px solid transparent;
  line-height: 20px;
}

body.users div#performance_analytics tbody td.track_and_skill_tags {
  color: #154d5c;
  font-size: 11px;
}

body.users div#performance_analytics tbody td.track_and_skill_tags div {
  margin-left: 5px;
  padding-left: 17px;
}

body.users div#performance_analytics div#sort_controls a {
  display: block;
  float: left;
  height: 31px;
}

body.users div#performance_analytics div#sort_controls a#skill_name_sort {
  background: url(/images/buttons/sort_analytics_buttons2.png) 0 0;
  margin-right: 2px;
  width: 246px;
}

body.users div#performance_analytics div#sort_controls a#skill_name_sort:hover {
  background: url(/images/buttons/sort_analytics_buttons2.png) 0 138px;
}

body.users div#performance_analytics div#sort_controls a#skill_name_sort .ascending {
  background: url(/images/buttons/sort_analytics_buttons2.png) 0 103px;
}

body.users div#performance_analytics div#sort_controls a#skill_name_sort .descending {
  background: url(/images/buttons/sort_analytics_buttons2.png) 0 205px;
}

body.users div#performance_analytics div#sort_controls a#questions_count_sort {
  background: url(/images/buttons/sort_analytics_buttons2.png) 361px 0;
  margin-right: 2px;
  width: 74px;
}

body.users div#performance_analytics div#sort_controls a#questions_count_sort:hover {
  background: url(/images/buttons/sort_analytics_buttons2.png) 361px 138px;
}

body.users div#performance_analytics div#sort_controls a#questions_count_sort .ascending {
  background: url(/images/buttons/sort_analytics_buttons2.png) 361px 103px;
}

body.users div#performance_analytics div#sort_controls a#questions_count_sort .descending {
  background: url(/images/buttons/sort_analytics_buttons2.png) 361px 205px;
}

body.users div#performance_analytics div#sort_controls a#average_seconds_per_question_sort {
  background: url(/images/buttons/sort_analytics_buttons2.png) 436px 0;
  margin-right: 2px;
  width: 73px;
}

body.users div#performance_analytics div#sort_controls a#average_seconds_per_question_sort:hover {
  background: url(/images/buttons/sort_analytics_buttons2.png) 436px 138px;
}

body.users div#performance_analytics div#sort_controls a#average_seconds_per_question_sort .ascending {
  background: url(/images/buttons/sort_analytics_buttons2.png) 436px 103px;
}

body.users div#performance_analytics div#sort_controls a#average_seconds_per_question_sort .descending {
  background: url(/images/buttons/sort_analytics_buttons2.png) 436px 205px;
}

body.users div#performance_analytics div#sort_controls a#accuracy_sort {
  background: url(/images/buttons/sort_analytics_buttons2.png) 284px 0;
  width: 284px;
}

body.users div#performance_analytics div#sort_controls a#accuracy_sort:hover {
  background: url(/images/buttons/sort_analytics_buttons2.png) 284px 138px;
}

body.users div#performance_analytics div#sort_controls a#accuracy_sort .ascending {
  background: url(/images/buttons/sort_analytics_buttons2.png) 284px 103px;
}

body.users div#performance_analytics div#sort_controls a#accuracy_sort .descending {
  background: url(/images/buttons/sort_analytics_buttons2.png) 284px 205px;
}

body.users div#performance_analytics div.action {
  margin-top: 10px;
}

body.users div#performance_analytics div.action div.review_button {
  float: left;
  margin-right: 15px;
}

body.users div#performance_analytics div.action button.review_selected {
  background: url(/images/buttons/review_selected.png) 0px 52px;
  display: block;
  height: 26px;
  width: 150px;
  border: 0;
}

body.users div#performance_analytics div.action button.review_selected:hover {
  background: url(/images/buttons/review_selected.png) 0px 26px;
}

body.users div#performance_analytics div.action button.review_selected .disabled {
  background: url(/images/buttons/review_selected.png) 0px 0px;
}

body.users div#performance_analytics div.action button.review_selected .disabled:hover {
  background: url(/images/buttons/review_selected.png) 0px 0px;
}

body.users div#performance_analytics div.action div.explanation {
  font-size: 12px;
}

body.users div#analytics_container.limited {
  background: url('/images/profile/sample.png') repeat-y 200px 0;
}

body.users div#analytics_contents.limited {
  opacity: 0.65;
}

/* ---- Callouts ---- */
body.users #upgrade_callouts {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #eaf8ff;
  border-radius: 4px;
  margin: 12px 0 9px;
  width: 700px;
}

body.users #progress_report_callout {
  color: #1296bf;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 2.8em;
  padding-left: 18px;
}

body.users #feature_limited_callout {
  margin: 0;
}


div.sidebar_widget { margin-left: 4px; }
div.sidebar_widget .player {
  height: 30px;
  padding: 2px 0;
}
div.sidebar_widget .player_info {
  line-height: 1.3em;
  margin-left: 32px;
}

div.study_partners a.avatar {
  display: inline-block;
  margin: 0;
  padding: 0 10px 10px 0;
}


/* Game Form */

body.custom_games.new label.field_type {
  display: block;
  float: left;
  width: 105px;
  font-weight: bold;
  font-size: 13px;
  margin-top: 2px;
}

body.custom_games.new form#new_game {
  margin-bottom: 40px;
}

body.custom_games.new form#new_game div.field_set {
  margin-bottom: 5px;
}

body.custom_games.new form#new_game div.field {
  float: left;
  position: relative;
  width: 399px;
}

body.custom_games.new form#new_game div#field_for_scheduled.field {
  width: auto;
}

body.custom_games.new form#new_game span.dollar_sign {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 3px;
  left: -12px;
}

body.custom_games.new form#new_game p,
body.custom_games.new form#new_game a,
body.custom_games.new form#new_game label,
body.custom_games.new form#new_game .skills_for_track li {
  font-size: 12px;
}

body.custom_games.new form#new_game .skills_for_track li {
  padding: 4px 6px;
}

body.custom_games.new form#new_game .skills_for_track li.selected {
  background-color: #3fa8ce;
  margin: 2px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

body.custom_games.new form#new_game .skills_for_track li a {
  color: #3face1;
  text-decoration: none;
  display:block;
}

body.custom_games.new form#new_game .skills_for_track li.selected a {
  color: white;
}

body.custom_games.new form#new_game .skills_for_track li input[type=checkbox] {
  display: none;
}

body.custom_games.new form#new_game div.radio_option label {
  margin-left: 7px;
}

body.custom_games.new form#new_game input[type=submit] {
  background: url(/images/buttons/create_game.png);
  border: 0;
  height: 37px;
  width: 192px;
  margin: 20px 0 40px;
}

body.custom_games.new form#new_game input[type=submit]:hover {
  background: url(/images/buttons/create_game.png) -194px 0px;
}

body.custom_games.new form#new_game input[type=submit].disabled {
  background: url(/images/buttons/create_game.png) -388px 0px;
}

body.custom_games.new div.skills_for_track {
  display: none;
}

body.custom_games.new form#new_game div#field_for_options a[disabled] {
  color: #666;
}

body.custom_games.new div#game_options {
  display: none;
}

/* Instructions */

body.custom_games.new div#instructions {
  color: #666;
}

body.custom_games.new div#instructions p {
  margin-bottom: 20px;
}

/* Game Summary */

body.custom_games.new div#game_summary p {
  margin-bottom: 10px;
  font-size: 12px;
}

body.custom_games.new div#game_info {
  padding: 10px 15px;
}

body.custom_games.new div#number_of_questions {
  font-size: 14px;
}

body.custom_games.new div#number_of_questions span {
  font-size: 20px;
  font-weight: bold;
}

body.custom_games.new p#schedule_summary {
  border-top: 1px solid #e0e0e0;
  padding: 10px 0;
}

body.custom_games.new #initial_help {
  padding: 10px 15px;
  font-size: 13px;
}

body.custom_games.new #game_info {
  display: none;
}

/* Schedule */

body.custom_games.new .date_picker_icon {
  float: right;
  width: 20px;
  height: 30px;
  margin: 3px 0 0 10px;
  background: url(/images/icons/date.png) no-repeat 0 0;
}

body.custom_games.new input.datetime_date {
  margin: 7px 0;
}

body.custom_games.new .dashed_divider {
  border-bottom: 1px dashed #ccc;
  margin:7px 0;
}

.lesson_for_course {
  display: none;
}

.lesson_options_header {
  background-color:#dfe6e9;
  border:1px solid #c5c5c5;
  border-bottom: 0;
  margin: 10px 0 0 29px;
  padding: 4px 8px
}

.lesson_options {
  border:1px solid #C5C5C5;
  border-bottom: 0;
  margin: 0 0 10px 29px;
  background-color: #fff;
}

.lesson_option {
  border-bottom: 1px solid #C5C5C5;
  padding: 8px 2px 8px 29px;
}

.lesson_option input {
  margin-right: 7px;
  margin-left: -20px;
}

.section_label {
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
}

.section_container {
  margin: 3px 0 5px;
}

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


/*.games {*/
  /*background-color: #EFF5F6;*/
/*}*/
/*.games.show {*/
  /*background: #fff;*/
/*}*/

/*body.custom_games.new h2 {*/
  /*color: black;*/
  /*font-size: 22px;*/
  /*font-weight: bold;*/
  /*padding-bottom: 22px;*/
/*}*/
/*body.custom_games.new div#game_creation_instructions {*/
  /*font-size: 11px;*/
/*}*/
/*body.custom_games.new div#game_creation_instructions p {*/
  /*color: #888;*/
  /*margin: 9px 0px;*/
/*}*/
/*body.custom_games.new div#game_creation_instructions em {*/
  /*color: #666;*/
  /*font-style: normal;*/
  /*font-weight: bold;*/
/*}*/
/*body.custom_games.new div.center table {*/
  /*margin-bottom: 20px;*/
/*}*/
/*body.custom_games.new div.center td {*/
  /*padding-top: 20px;*/
/*}*/
/*body.custom_games.new div.center td.section_title {*/
  /*font-weight: bold;*/
  /*padding-bottom: 12px;*/
  /*width: 90px;*/
/*}*/
/*body.custom_games.new div.center span.optional_cues {*/
  /*color: #888;*/
  /*font-weight: normal;*/
  /*padding-left: 5px;*/
/*}*/
/*body.custom_games.new div.center li.skill_or_subtrack {*/
  /*color: #3FA8CE;*/
  /*cursor: pointer;*/
  /*line-height: 20px;*/
  /*padding-left: 5px;*/
  /*position: relative;*/
/*}*/
/*body.custom_games.new div.center li.skill_or_subtrack img {*/
  /*display: none;*/
  /*position: absolute;*/
  /*right: 8px;*/
  /*top: 4px;*/
/*}*/
/*body.custom_games.new div.center li.skill_or_subtrack.selected {*/
  /*-moz-border-radius: 4px;*/
  /*-webkit-border-radius: 4px;*/
  /*background: #3FA8CE;*/
  /*color: white;*/
  /*margin-bottom: 4px;*/
  /*padding: 2px 0px 2px 5px;*/
/*}*/
/*body.custom_games.new div.center li.skill_or_subtrack.selected:hover img {*/
  /*display: inline;*/
/*}*/
/*body.custom_games.new div.center label {*/
  /*vertical-align: top;*/
/*}*/
/*body.custom_games.new div.center a {*/
  /*font-weight: normal;*/
/*}*/
/*body.custom_games.new div.center a.disabled {*/
  /*color: #888;*/
/*}*/
/*body.custom_games.new div.center p {*/
  /*margin: 2px 0px 0px 80px;*/
/*}*/
/*body.custom_games.new div.center select {*/
  /*font-size: 12px;*/
  /*height: 22px;*/
  /*padding-top: 1px;*/
/*}*/
/*body.custom_games.new div.center input {*/
  /*margin: 0 8px 8px 0;*/
/*}*/
/*body.custom_games.new div.center div#datetime_controls {*/
  /*border: 1px solid #fff;*/
  /*float: left;*/
  /*clear: both;*/
  /*margin-right: 10px;*/
/*}*/
/*body.custom_games.new div.center div#datetime_controls.error {*/
  /*border: 1px solid red;*/
/*}*/
/*body.custom_games.new div.center input#game_description {*/
  /*border: 1px solid #ddd;*/
  /*font-size: 12px;*/
  /*height: 16px;*/
  /*padding: 3px 5px;*/
/*}*/
/*body.custom_games.new div.center input#game_description:focus {*/
  /*border: 1px solid #99cde8;*/
/*}*/
/*body.custom_games.new div.center input#game_description.error {*/
  /*border: 1px solid red;*/
/*}*/
/*body.custom_games.new div.center input#starts_at_date {*/
  /*border: 1px solid #ddd;*/
  /*font-size: 12px;*/
  /*height: 16px;*/
  /*padding: 3px 5px;*/
/*}*/
/*body.custom_games.new div.center input#starts_at_date:focus {*/
  /*border: 1px solid #99cde8;*/
/*}*/
/*body.custom_games.new div.center input#starts_at_date.error {*/
  /*border: 1px solid red;*/
/*}*/
/*body.custom_games.new div.center input#price_in_dollars {*/
  /*border: 1px solid #ddd;*/
  /*font-size: 12px;*/
  /*height: 16px;*/
  /*padding: 3px 5px;*/
/*}*/
/*body.custom_games.new div.center input#price_in_dollars:focus {*/
  /*border: 1px solid #99cde8;*/
/*}*/
/*body.custom_games.new div.center input#price_in_dollars.error {*/
  /*border: 1px solid red;*/
/*}*/
/*body.custom_games.new div.center input#duration {*/
  /*border: 1px solid #ddd;*/
  /*font-size: 12px;*/
  /*height: 16px;*/
  /*padding: 3px 5px;*/
/*}*/
/*body.custom_games.new div.center input#duration:focus {*/
  /*border: 1px solid #99cde8;*/
/*}*/
/*body.custom_games.new div.center input#duration.error {*/
  /*border: 1px solid red;*/
/*}*/
/*body.custom_games.new div.center div#date_picker {*/
  /*vertical-align: middle;*/
/*}*/
/*body.custom_games.new div.center div#date_picker img#date_picker_icon {*/
  /*padding-right: 10px;*/
/*}*/
/*body.custom_games.new div.center div#date_picker img#date_picker_icon:hover {*/
  /*cursor: pointer;*/
/*}*/
/*body.custom_games.new div.center span#starts_at_time_picker_fields {*/
  /*padding: 4px 2px;*/
/*}*/
/*body.custom_games.new div.center input#game_description {*/
  /*width: 340px;*/
/*}*/
/*body.custom_games.new div.center input#duration {*/
  /*width: 340px;*/
/*}*/
/*body.custom_games.new div.center input#starts_at_date {*/
  /*margin-top: 5px;*/
  /*vertical-align: top;*/
  /*width: 120px;*/
/*}*/
/*body.custom_games.new div.center input#price_in_dollars {*/
  /*width: 100px;*/
/*}*/
/*body.custom_games.new div.center input#create_game {*/
  /*background: url(/images/buttons/create_game.png);*/
  /*border: 0;*/
  /*height: 37px;*/
  /*width: 192px;*/
/*}*/
/*body.custom_games.new div.center input#create_game:hover {*/
  /*background: url(/images/buttons/create_game.png) -194px 0px;*/
  /*cursor: pointer;*/
/*}*/
/*body.custom_games.new div.center input#create_game.disabled {*/
  /*background: url(/images/buttons/create_game.png) -388px 0px;*/
/*}*/
/*body.custom_games.new div.center input#create_game.disabled:hover {*/
  /*cursor: default;*/
/*}*/
/*body.custom_games.new div#game_summary h3 {*/
  /*margin-bottom: 3px;*/
/*}*/
/*body.custom_games.new div#game_summary p {*/
  /*color: #666;*/
  /*font-size: 12px;*/
  /*font_weight: normal;*/
  /*margin: 0;*/
  /*padding: 0;*/
/*}*/
/*body.custom_games.new div#game_summary li {*/
  /*color: #666;*/
  /*font-size: 12px;*/
  /*font_weight: normal;*/
  /*margin: 0;*/
  /*padding: 0;*/
/*}*/
/*body.custom_games.new div#game_summary p#instructions {*/
  /*color: #333;*/
  /*font-weight: bold;*/
  /*padding: 8px;*/
/*}*/
/*body.custom_games.new div#game_summary div.options_group {*/
  /*padding: 8px;*/
/*}*/
/*body.custom_games.new div#game_summary div.options_group div {*/
  /*margin-bottom: 8px;*/
/*}*/
/*body.custom_games.new div#game_summary div#skills ul li {*/
  /*list-style-type: none;*/
/*}*/
/*body.custom_games.new div#game_summary div#question_set h3 span#count {*/
  /*font-size: 175%;*/
/*}*/
/*body.custom_games.new div#game_summary hr {*/
  /*width: 100%;*/
  /*height: 1px;*/
  /*border: 0;*/
  /*color: #e0e0e0;*/
  /*background-color: #e0e0e0;*/
/*}*/
/*body.custom_games.new div#custom_game_summary_upsell {*/
  /*background: url(/images/custom_games/custom_games_placeholder_upgrade.png);*/
  /*height: 278px;*/
  /*width: 189px;*/
/*}*/
/*body.custom_games.new div#custom_game_summary_upsell a#upgrade_button {*/
  /*background: url(/images/buttons/upgrade_to_premium.png) 0px 43px;*/
  /*border: none;*/
  /*display: block;*/
  /*height: 37px;*/
  /*left: 30px;*/
  /*position: relative;*/
  /*top: 220px;*/
  /*width: 130px;*/
/*}*/
/*body.custom_games.new div#custom_game_summary_upsell a#upgrade_button:hover {*/
  /*background-position: 495px 43px;*/
/*}*/
/*body.custom_games.new button#create_basic_game_button {*/
  /*background: url(/images/buttons/create_game.png) 0px 38px;*/
  /*border: none;*/
  /*height: 37px;*/
  /*width: 250px;*/
/*}*/
/*body.custom_games.new button#create_basic_game_button:hover {*/
  /*background-position: 507px 38px;*/
/*}*/
/*body.custom_games.new button#create_basic_game_button.disabled {*/
  /*background-position: 254px 38px;*/
/*}*/
/*body.custom_games.new span.upgrade_text {*/
  /*color: #777;*/
/*}*/


#signup_tabber {
  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;
  -moz-box-shadow: 2px 2px 2px rgba(125, 125, 125, 0.5);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#signup_tabber .tabs ul {
  background-color: #FDF59C;
  border-bottom: 1px solid #F7D301;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
}

#signup_tabber .tabs li {
  float: left;
  background-color: #FEFCBE;
  font-size: 19px;
  margin: 0 6px;
  height: 24px;
  padding: 3px 16px;
  color: #E99100;
  cursor: pointer;
}

#signup_tabber .tabs li:hover {
  background-color: #EEAA27;
  color: #fff;
}

#signup_tabber .tabs li.active:hover {
  background-color: #FEFCBE;
}

#signup_tabber .tabs li.active {
  color: #333;
  border: 1px solid #F7D301;
  border-bottom: 1px solid #FEFCBE;
  bottom: 0px;
  height: 28px;
  margin-bottom: -6px;
  position: relative;
  top: -5px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  line-height: 26px;
  cursor: default;
}


#signup_tabber #benefits ul {
  margin-bottom: 10px;
  margin-left: 32px;
}

#signup_tabber #benefits li {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 14px 0 0;
  list-style-image: url("/images/landing/bullet_arrow.png");
}

#signup_tabber #benefits li.premium {
  list-style-image: url("/images/landing/bullet_star.png");
}

#signup_tabber #benefits .legend {
  background-color: #F4E583;
  border-top: 1px solid #F7D301;
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  margin-bottom: -10px;
  padding-bottom: 3px;
}

#signup_tabber #benefits .legend span {
  font-size: 12px;
  margin-left: 7px;
  padding-left: 16px;
}

#signup_tabber #benefits span.premium {
  background: url("/images/landing/bullet_star_sm.png") no-repeat scroll 0 3px transparent;

}

#signup_tabber #benefits span.free {
  background: url("/images/landing/bullet_arrow_sm.png") no-repeat scroll 0 3px transparent;
}

#signup_tabber #benefits li span.cents {
  font-size: 9px;
  line-height: 16px;
  vertical-align: top;
}


#signup_tabber #purchase ul {
  border-top: 1px solid #F7D301;
}

#signup_tabber #purchase li {
  border-bottom: 1px solid #F7D301;
  padding: 8px 12px;
}

#signup_tabber #purchase li:hover {
  background-color: #F5DB76;
}

#signup_tabber #purchase li.active {
  background-color: #E2F5C0;
}

#signup_tabber #purchase li input {
  float: left;
}

#signup_tabber #purchase li h3 {
  color: #333333;
  display: inline;
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;
}

#signup_tabber #purchase li span.price {
  color: #186C1F;
  float: right;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 1px;
}

#signup_tabber #purchase li span.cents {
  font-size: 8px;
  vertical-align: top;
}

#signup_tabber #purchase li p {
  clear: both;
  margin: 2px 10px 2px 26px;
}

#signup_tabber #purchase p.top {
  font-size: 15px;
  font-weight: bold;
  margin: 10px 18px;
}

#signup_tabber #purchase p.top a {
  float: right;
  font-size: 13px;
}

#signup_tabber #purchase p.bottom {
  font-size: 13px;
  padding: 10px 20px;
}

#signup_tabber #purchase p.fine_print {
  float: right;
  font-size: 9px;
  margin-right: 20px;
  width: 270px;
  color: #666;
}

#signup_tabber #purchase_button {
  display: inline-block;
  font-size: 16px;
  margin-left: 18px;
  padding: 5px 28px;
  height: auto;
}




div.track_set_cube {
  margin-top: 15px;
}

div.track_set_cube h2 {
  padding-bottom: 3px;
}

div.track_set_cube p {
  font-size: 13px;
  padding-bottom: 3px;
}

div.track_set_cube a.change_section_link {
  font-weight: bold;
  font-size: 10px;
}

div.track_set_cube select {
  display: block;
  font-size: 13px;
  margin-bottom: 3px;
}

div.track_set_cube input[type=submit] {
  background: url(/images/buttons/play_now.png) no-repeat 0 -6px;
  cursor: pointer;
  border: none;
  width: 224px;
  height: 35px;
}

div.track_set_cube input[type=submit]:hover {
  background-position: 0px -46px;
}

div.track_set_cube .section_select {
  display: none;
}


.twitter_feed ul {
  overflow-y: auto;
  border: 1px solid #AAA;
}

.twitter_feed li {
  padding: 10px;
  border-bottom: 1px solid #AAA;
  background-color: #f0f1f1;
  overflow: hidden;
  min-height: 25px;
}

.twitter_feed li:last-child {
  border: none;
}

.twitter_feed li img {
  width: 50px;
  max-height: 50px;
  float: left;
  margin-right: 15px;
}

.twitter_feed li a {
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

.twitter_feed li p {
  font-size: 13px;
  word-wrap: break-word;
}

.twitter_feed.search li p {
  margin-top: 10px;
}

.twitter_feed.user li p {
  margin-bottom: 5px;
}

.twitter_feed li .timestamp {
  color: #aaa;
}

.twitter_feed .twitter_header {
  position: relative;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background-color: #ccc;
  background-image: -moz-linear-gradient(90deg, #CCCCCC, #FDFDFD);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fdfdfd));
  border-color: #AAAAAA #AAAAAA -moz-use-text-color;
  border: 1px solid #aaa;
  border-bottom: none;
  padding: 12px;
}

.twitter_feed.user .twitter_header {
  padding: 5px;
}

.twitter_feed.user .twitter_header input,
.twitter_feed.user .twitter_header button,
.twitter_feed.search .twitter_header h4,
.twitter_feed .twitter_header .twitter_login_notification {
  display: none;
}

.twitter_feed .twitter_header h4 {
  color: #008CBE;
}

.twitter_feed .twitter_header input {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #999;
  width: 575px;
  margin-right: 10px;
  padding: 2px 10px;
  height: 20px;
}

.twitter_feed .twitter_header button {
  background: url(/images/tv/grockit_tv_buttons.png) no-repeat 0 -52px;
  width: 65px;
  height: 22px;
  border: none;
  cursor: pointer;
  vertical-align: middle;
}

.twitter_feed .twitter_header button:hover {
  background-position: -69px -52px;
}

.twitter_feed .twitter_header button:active {
  background-position: -138px -52px;
}

.twitter_feed .twitter_login_notification {
  background-color: #333;
  background-color: rgba(48, 48, 48, 0.8);
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
}


/* Signup Header */

div#signup_header {
  margin: auto;
  width: 475px;
  text-align: right;
  padding: 0 5px 40px;
}

div#signup_header h2 {
  font-size: 24px;
  font-weight: normal;
  margin: 16px 0 13px;
}

div#signup_header p {
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

div#signup_header a {
  color: #1a9dca;
}

div#signup_box .highlight {
  background-color: #ffc;
  color: #666;
  font-size: 13px;
  padding: 10px;
}

div#mjf_header {
  margin: 12px auto;
  width: 570px;
}

body.signups div#mjf_header{
  margin-top: -54px;
}

div#mjf_header img {
  float: left;
  margin-right: 20px;
}

div#mjf_header p {
  float: left;
  font-size: 11px;
  padding-top: 40px;
  width: 180px;
}
/* Signup Form */

div#signup_box {
  width: 580px;
  margin: auto;
  margin-bottom: 50px;
  background-color: #e6e6e6;
  border: 1px solid #ccc;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  position: relative;
}

div#signup_box a {
  font-weight: bold;
  color: #006a90;
}

div#signup_form_container {
  position: relative;
  top: -1px;
  left: -1px;
  z-index: 2;
  width: 579px;
  margin-bottom: 50px;
  background-color: #fff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

body.homepage form#signup_form,
body.signups form#signup_form {
  padding: 6px 9px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #f3f3f3;
  border: 2px solid #fff;
}

/* General Field Styles */

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

form#signup_form .field {
  margin-right: 15px;
}

form#signup_form label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

form#signup_form div.sidebar {
  color: #666;
  font-size: 11px;
  height: 48px;
  position: relative;
  width: 175px;
}

body.courses_landing form#signup_form div.sidebar {
  height: auto;
}

body.homepage form#signup_form div.sidebar > div,
body.signups form#signup_form div.sidebar > div {
  bottom: 4px;
  position: absolute;
}

form.validated_form div.field,
form.validated_form div.sidebar {
  float: left;
}

/* Field-Specific Styles */

form#signup_form input[type=text],
form#signup_form input[type=password] {
  width: 341px;
  font-size: 14px;
}

form#signup_form input#user_first_name,
form#signup_form input#user_last_name {
  width: 160px;
}

form#signup_form div.field_set#fields_for_fulfillment_of_age_requirement_confirmed {
  min-height: 27px;
}

form#signup_form div.field_set#fields_for_fulfillment_of_age_requirement_confirmed div.sidebar {
  margin-left: 181px;
}

form#signup_form select {
  margin-right: 10px;
}

form#signup_form div#birth_date_fields {
  float: left;
  margin-right: 15px;
  width: 341px;
}

/* Signup Submit Button */

#signup_button_container {
  margin-top: 10px;
}

body.groups form#signup_form select#user_birth_year {
  margin-left: 10px;
}

form#signup_form input[type=submit] {
  width: 135px;
  height: 39px;
  background: url(/images/signup/sign_up_button.png) no-repeat;
  float: left;
  border: 0;
  margin: 0 5px 15px 6px;
}

form#signup_form input[type=submit]:hover {
  cursor: pointer;
  background-position: -138px 0;
}

form#signup_form input[type=submit][disabled] {
  cursor: default;
  background-position: -278px 0;
}

/* Disclaimer */

div#disclaimer {
  color: #666;
  font-size: 10px;
  margin-top: 5px;
  width: 275px;
  float: left;
}

/* Spinner */

div#signup_spinner {
  height: 24px;
  width: 24px;
  margin: 6px 5px 0 0;
  float: left;
}

/* Facebook Connect */

body.signups div#facebook_connect {
  position: absolute;
  bottom: 0;
  height: 50px;
}

div#facebook_connect a#facebook_link {
  left: 25px;
  position: absolute;
  top: 15px;
  width: 188px;
}

div#facebook_connect img {
  float: left;
  height: 18px;
  padding-right: 10px;
  width: 16px;
}

body.signups div#facebook_connect span {
  display: block;
  float: right;
  font-size: 13px;
  margin-top: 1px;
}

div#facebook_connect p#facebook_info {
  color: #666;
  font-size: 11px;
  left: 240px;
  position: absolute;
  top: 10px;
  width: 300px;
}

div.decorated_wrapper {
  background-color: #f3f3f3;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 2px solid #fff;
  padding: 6px 16px;
  text-align: center;
}

body.signups div.drop_shadow {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-top: 1px solid #c1c1c1;
  border-right: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  border-left: 1px solid #c1c1c1;
  margin: auto;
  width: 580px;
}

div.decorated_wrapper h2 {
  margin: 20px 0;
}

#group_signup_selector {
  overflow: hidden;
  padding-left: 10px;
}

#group_signup_selector ul {
  border: 1px solid #999;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#group_signup_selector p {
  font-weight: bold;
  margin: 3px 0 7px;
}

#group_signup_selector li {
  float: left;
  padding: 6px 12px;
  border-right: 1px solid #999;
  background: -moz-linear-gradient(center top -90deg, #FFFFFF, #E8E8E8 50%, #F9F9F9) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(50%, #E8E8E8), to(#F9F9F9)) repeat scroll 0 0 transparent;
  cursor: pointer;
}

#group_signup_selector li.begin {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
#group_signup_selector li.end {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-right: none;
}

#group_signup_selector li input {
  display: none;
}

#group_signup_selector li.depressed {
  background: -moz-linear-gradient(center top -90deg, #535353, #6E6E6E 50%, #808080) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#535353), color-stop(50%, #6E6E6E), to(#808080)) repeat scroll 0 0 transparent;
  color: white;
}

body.homepage form#signup_form #group_signup_selector li label {
  margin-bottom: 0;
  cursor: pointer;
  font-size: 11.5px;
}


body.homepage #parent_child_selector {
  margin: 10px;
}

body.homepage .parent_child_radio {
  margin: 3px 6px 15px -6px;
  width: 89px;
}

body.homepage .parent_child_radio div {
  overflow: hidden;
}

body.homepage .parent_child_radio,
body.homepage .parent_child_radio input {
  float: left;
  line-height: 20px;
}

body.homepage .parent_child_radio label strong {
  font-size: 14px;
}

body.homepage .parent_child_radio span {
  font-weight: normal;
  color: #777;
  font-size: 10px;
}

.user_relationship_instructions {
  color: #666666;
  font-size: 11px;
  padding-right: 25px;
  padding-top: 24px;
  float: right;
}


body.facebook_canvas {
  background: white;
}

body.select_group div.center {
  text-align: center;
  padding: 60px 0 220px;
}

body.select_group div.logo {
  margin-bottom: 20px;
  background: url(/images/logos/header_logo.png) 0 no-repeat;
}

body.select_group div.message {
  font-size: 20px;
  margin-bottom: 20px;
}

body.select_group a {
  font-size: 40px;
  margin: 20px;
}

body.show_group div.sidebar {
  float: right;
  margin: 10px 10px 0 0;
}

body.show_group .group_nam {
  display: inline;
}

body.show_group .group_select {
  margin-left: 15px;
  font-size: 200%;
  position: relative;
  top: -10px;
  width: 80px;
}

body.show_group .start_game {
  margin: 10px 0px 20px 40px;
  width: 400px;
}

body.show_group .start_game h2 {
  display: inline;
  float: left;
  position: relative;
  top: 8px;
}

body.show_group .start_game a.button.start_now {
  display: block;
  width: 220px;
  height: 34px;
  background: url(/images/lobby/join_buttons.png) -226px 0 no-repeat;
  position: relative;
  left: 225px;
}

body.show_group .start_game a.button.start_now:hover {
  background-position: -226px -40px;
}

body.show_group .invite {
  margin: 30px 0 0 40px; 
  font-size: 150%;
}


/*************** Group Info Styles **************/

/* General Styles */

body.groups #title h1 {
  font-size: 35px;
  font-weight: normal;
  padding: 10px 0;
  text-align: center;
}

body.groups .section h2 {
  font-size: 22px;
  margin: 5px 0 10px;
}

body.groups .section p {
  font-size: 14px;
  line-height: 20px;
}

body.groups .section a {
  font-size: 14px;
  font-weight: bold;
}

body.groups .section a.section_link {
  font-weight: normal;
}

body.groups .section ol {
  list-style: decimal outside none;
  margin-left: 23px;
}

body.groups .section li {
  font-size: 14px;
}

body.groups .non_bold {
  font-weight: normal;
}

/* Title */

body.groups #title {
  background-image: url("/images/landing/group_subject_info.jpg");
  height: 70px;
  margin: -16px -26px 0;
}

/* Study Now */

body.groups .study_now_container {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #f4e99c;
  border: 1px solid #e5cc7f;
}

body.groups .study_now {
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e5cc7f;
  padding: 11px 15px 7px 15px;
  color: #333;
  position: relative;
  width: 487px;
}

body.groups .study_now_container h2 {
  margin: 10px 15px;
}

body.groups a#study_now_button {
  display: block;
  float: right;
  background: url("/images/landing/group_subject_info.jpg") no-repeat -355px -359px;
  width: 145px;
  height: 35px;
}

body.groups a#study_now_button:hover {
  background-position: -355px -399px;
}

/* Signup Form */

body.groups form#signup_form {
  padding: 8px 15px 0;
}

body.groups form#signup_form .hidden_form_fields {
  display: none;
}

body.groups form#signup_form input[type=text],
body.groups form#signup_form input[type=password] {
  font-size: 14px;
  width: 175px;
  margin-right: 15px;
}

body.groups form#signup_form div.field {
  float: left;
}

body.groups form#signup_form label {
  width: 80px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  float: left;
  margin-top: 5px;
}

body.groups form#signup_form div.field_set.focus {
  background-color: #ffc;
  border-color: #ffc;
}

body.groups form#signup_form div.field_set.error,
body.groups form#signup_form div.field_set.focus.error {
  background-color: #e5c483;
  border-color: #e5c483;
}

body.groups form#signup_form div.sidebar {
  width: 175px;
  float: left;
}

body.groups form#signup_form div.sidebar > div {
  margin-top: 5px;
}

/* Signup Button */

body.groups form#signup_form #signup_button_container {
  float: right;
}

body.groups form#signup_form #signup_button_container #signup_spinner {
  float: left;
}

body.groups form#signup_form input[type=submit] {
  background: url(/images/landing/group_subject_info.jpg) no-repeat 0 -359px;
  width: 215px;
  height: 35px;
  border: none;
  margin-bottom: 5px;
}

body.groups form#signup_form input[type=submit][disabled],
body.groups form#signup_form input[type=submit][disabled]:hover {
  background-position: 0 -439px;
}

body.groups form#signup_form input[type=submit]:hover {
  background-position: 0 -399px;
}

/* Facebook Connect */

body.groups form#signup_form #facebook_connect {
  background-color: #f4e07a;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #c1b161;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

body.groups form#signup_form #facebook_connect .facebook_icon {
  background: url(/images/landing/group_subject_info.jpg) no-repeat -295px -359px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  float: left;
}

/* Signup Form Help */

body.groups #signup_confirmation {
  display: none;
}

body.groups #signup_form_help {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Get Started */

body.groups #get_started {
  padding: 10px 0 45px 20px;
}

/* Test Dates */

body.groups .test_dates ul {
  list-style: disc inside none;
}

body.groups .test_dates ul {
  font-weight: bold;
}

/* Section Images */

body.groups #puzzle_icon {
  background: url(/images/landing/group_subject_info.jpg) no-repeat 0 -118px;
  width: 192px;
  height: 150px;
}

body.groups #college_apps {
  background: url(/images/landing/group_subject_info.jpg) no-repeat -218px -118px;
  width: 263px;
  height: 207px;
}

body.groups #get_a_great_score {
  background: url(/images/landing/group_subject_info.jpg) no-repeat -486px -121px;
  width: 269px;
  height: 203px;
}

body.groups #grockit_bubble {
  background: url(/images/landing/group_subject_info.jpg) no-repeat -769px -121px;
  width: 180px;
  height: 119px;
}

/* Quote Carousel */

body.groups .quote_carousel {
  background: url(/images/landing/quote_carousel_sprite.png) no-repeat;
  background-position: 22px 10px;
  height: 215px;
  margin-left: -26px;
}

body.groups .quote_carousel .quote_container {
  margin: auto;
  width: 500px;
}

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

body.groups p.quote {
  font-size: 25px;
  font-style: italic;
  color: #939393;
  padding: 25px 0 15px;
}

body.groups a.more_press {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Articles */

body.groups .article {
  background-color: #faf3bf;
  margin: 20px 0 20px -17px;
  padding: 15px 35px;
  display: none;
}

body.groups h4 {
  font-size: 16px;
  margin-bottom: 10px;
}

body.groups .article p {
  margin-bottom: 20px;
}

body.groups .separator {
  border-bottom: 1px solid #d1cb9d;
  margin-bottom: 7px;
}

/* Video courses */

body.groups .academy_leaders h3 {
  background: none;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 8px;
  padding: 2px 0 3px 2px;
}

body.groups .academy_leaders_section {
  margin-top: 8px;
}

/* Products */

body.groups.products h1.header {
  color: #e99100;
}

body.groups.products div.helpful_tip {
  background: url(/images/graphics/arrow.png) no-repeat 0 8px;
  color: #888;
  float: right;
  height: 54px;
  padding-left: 48px;
  width: 270px;
}

body.groups.products div.plan_column {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow:    1px 1px 2px rgba(150, 150, 150, 0.8);
  -webkit-box-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8);
  box-shadow:         1px 1px 2px rgba(150, 150, 150, 0.8);
  border: 1px solid #999;
  height: 425px;
  margin: 20px 4px;
  position: relative;
  width: 100%;
}

body.groups.products div.sat_plan_column {
  height: 517px;  
}

body.groups.products div.featured div.plan_column {
  -moz-box-shadow:    3px 3px 3px rgba(125, 125, 125, 0.8);
  -webkit-box-shadow: 3px 3px 3px rgba(125, 125, 125, 0.8);
  box-shadow:         3px 3px 3px rgba(125, 125, 125, 0.8);
  height: 449px;
  margin: 8px 3px;
}

body.groups.products div.sat_featured div.plan_column {
  height: 545px;
}

body.groups.products div.grockit_free {
  height: 40px;
  margin: 530px auto auto auto;
  text-align: right;
}

body.groups.products div.grockit_free a {
  color: #91D4E9;
  font-size: 14px;
}

body.groups.products .column_head {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #EEE;
  border-bottom: 1px solid #BBB;
  padding: 8px;
  margin-bottom: 8px;
}
body.groups.products div.featured .column_head {
  background: #c6e36d;
}

body.groups.products .sat_column_head {
  height: 62px;
}

body.groups.products .column_butt {
  -webkit-border-bottom-left-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: 1px solid #BBB;
  padding: 8px;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
body.groups.products div.featured .column_butt {
  padding: 13px 8px;
}

body.groups.products h4 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 2px;
}
body.groups.products div.featured h4 {
  font-size: 28px;
  font-weight: bold;
}

body.groups.products h5 {
  font-size: 14px;
  margin-bottom: 0;
}
body.groups.products div.featured h5 {
  color: #186c1f;
  margin-bottom: 2px;
}

body.groups.products div.detail,
body.groups.products div.extra {
  font-size: 12px;
  padding: 4px 8px;
}
body.groups.products div.featured .detail {
  font-size: 14px;
}
body.groups.products div.extra {
  bottom: 52px;
  position: absolute;
}
body.groups.products div.featured div.extra {
  bottom: 64px;
}

body.groups.products .price {
  color: #55a417;
  font-size: 25px;
}
body.groups.products div.featured .price {
  color: #186c1f;
  font-size: 28px;
}

body.groups.products .price small {
  font-size: 13px;
  vertical-align: top;
  line-height: 1.7em;
}

body.groups.products .current {
  color: #888;
  display: block;
  font-size: 16px;
  padding: 5px 0;
  text-align: center;
}

body.groups.products .sign_up {
  float: right;
  font-size: 16px;
  height: 18px;
  line-height: 17px;
  width: 67px;
}
body.groups.products .sign_up:hover {
  background-position: -138px 0;
}


body.users #average_rating {
  float: right;
}

body.users p.timezone {
  font-size: 13px;
  color: #666;
  margin: 7px 0 15px;
}

body.users #about_me {
  font-size: 13px;
  margin-bottom: 40px;
}

body.users #user_rating {
  margin-bottom: 10px;
}


body.profile_flow #profile_avatar {
	width: 185px;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	padding: 15px 17.5px;
}

/* Profile Actions */

body.profile_flow .friendship_status {
  color: #666;
  font-size: 12px;
  font-weight: normal;
  padding: 2px 5px;
  margin-bottom: 3px;
}

body.profile_flow ul.profile_actions {
  margin-bottom: 15px;
}

body.profile_flow ul.profile_actions li {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #eaf8ff;
  border: 1px solid #92d0e8;
  padding: 2px 5px;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
}

/* Testimonials */

body.users .testimonial_container {
  border-bottom: 1px dotted #CCC;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

body.users .testimonial_container span[dojotype="grockit.widgets.Avatar"], 
body.friends .user_list span[dojotype="grockit.widgets.Avatar"] {
  float:left;
}

body.users .testimonial_content {
  margin-left: 60px;
}

body.users .testimonial_date {
  float: right;
  color: #666;
  font-size: 12px;
}

body.users .testimonial_content {
  font-size: 12px;
}

body.users .time_together {
  font-size: 11px;
  color: #666;
  margin: 3px 0 7px;
}

body.users .testimonial_content a {
  font-weight: bold;
}

/* Player Performance */

body.users table {
  width: 100%;
}

body.users table tr {
  border-top: 1px solid #D0D0D0;
}

body.users table tr.first {
  border: none;
}

body.users table tr.track td {
  padding-left: 4px;
  font-weight: bold;
}

body.users table tr.subtrack td.label {
  width: 70%;
  padding-left: 12px;
}

body.users table td {
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.3em;
  padding: 6px 0;
}

body.users table td .label {
  width: 40%;
  padding-left: 4px;
}

body.users table td .stats {
  width: 50%;
  text-align: right;
  padding-right: 4px;
}

/* Performance, Achievements */

body.users .performance {
	border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

body.users div.performance h6 {
  font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}

body.users div.performance ul li {
  border-bottom: 1px dotted #ccc;
}

body.users div.performance ul li:last-child {
  border: none;
}

body.users div.performance ul li div {
  margin: 5px 0;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}

body.users div.performance ul li p {
  font-size: 11px;
  font-weight: bold;
  color: #7c7c7c;
}

body.users div.performance ul li p.badge_details {
  font-weight: normal;
}

body.users div.performance ul li.commentator {
  background: url('/images/badges/commentator_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.one_hundred_questions_answered_correctly {
  background: url('/images/badges/100q_correct_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.hot_streak {
  background: url('/images/badges/hot_streak_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.hot_steak {
  background: url('/images/badges/hot_steak_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.improved {
  background: url('/images/badges/improved_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.reviewer {
  background: url('/images/badges/reviewer_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.socialite {
  background: url('/images/badges/socialite_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.team_player {
  background: url('/images/badges/team_player_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.well_rounded {
  background: url('/images/badges/well_balanced_small.png') no-repeat 8px 12px;
}

body.users div.performance ul li.study_plan_bronze_trophy {
  background: url(/images/badges/trophy_bronze_small.png) no-repeat 8px 12px;
}

body.users div.performance ul li.study_plan_silver_trophy {
  background: url(/images/badges/trophy_silver_small.png) no-repeat 8px 12px;
}

body.users div.performance ul li.study_plan_gold_trophy {
  background: url(/images/badges/trophy_gold_small.png) no-repeat 8px 12px;
}

body.users div.performance ul li.study_plan_platinum_trophy {
  background: url(/images/badges/trophy_platinum_small.png) no-repeat 8px 12px;
}

body.users div.performance ul li.study_task_bronze_medal {
  background: url(/images/badges/medal_bronze_small.png) no-repeat 8px 12px;
}

body.users div.performance ul li.study_task_silver_medal {
  background: url(/images/badges/medal_silver_small.png) no-repeat 8px 12px;
}

body.users div.performance ul li.study_task_gold_medal {
  background: url(/images/badges/medal_gold_small.png) no-repeat 8px 12px;
}

body.users div.performance ul li.study_task_platinum_medal {
  background: url(/images/badges/medal_platinum_small.png) no-repeat 8px 12px;
}

body.users .player_performance {
  font-size: 12px;
  margin-bottom: 10px;
}

body.users .performance_stat {
  border-top: 1px dotted #ccc;
  padding: 5px 0;
}

body.users .performance_stat .label,
body.users .performance_stat .stat {
  font-size: 12px;
  padding: 2px 0;
}

body.users .performance_stat .label {
  float: left;
}

body.users .performance_stat .stat {
  float: right;
}

body.users li.achievement p {
  margin-left: 50px;
}


/* Friends Page */

body.friends .user_list li {
	padding: 8px 15px;
	border-bottom: 1px dotted #ccc;
}

body.friends .user_list p {
	font-weight: bold;
	margin-left: 60px;
	font-size: 13px;
}

#friend_invite {
	margin-left:-4px;
}

/* edit profile */


#edit_user .fieldset {
	padding: 10px 15px;
}

#edit_user label {
	font-size: 13px;
	font-weight: bold;
	display:block;
	margin-bottom: 4px;
	margin-top: 3px;
}

#edit_user .analytics-label {
	font-size: 13px;
	margin-top: 3px;
}

#edit_user textarea {
	width: 600px;
	border: 1px solid #ccc;
	font-family: "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 130%;
}

#edit_user .fieldset .checkbox {
	float:left;
	margin-right: 4px;
}

#email_preferences .checkbox {
  margin: 3px 0;
}

#email_preferences .explanation {
  font-size: 12px;
  padding-left: 22px;
}

#edit_user .fieldset input {
	padding: 4px;
	font-size: 13px;
	border: 1px solid #ccc;
}

#edit_user .fieldset select {
	padding: 3px 10px 3px 4px;
	font-size: 13px;
	margin-right: 5px;
}

#edit_user .hidden {
	display:none;
}

#edit_user .cue {
	color: #666;
	margin: 3px 0px 4px;
	display:block;
}

#edit_user table.roles_and_permissions {
	width: 600px;
	font-size: 13px;
	margin-left: 15px;
}

#edit_user table.roles_and_permissions th, #edit_user table.roles_and_permissions td {
  font-weight: bold;
  width: 25%;
}

#edit_user table.roles_and_permissions th {
  text-align: center;
}

#edit_user table.roles_and_permissions td.category {
  text-align: center;
}

/* edit photos */
.profile_photos div.file_inputs {
	position:relative;
/*	text-align:right;
*/	margin-top: 4px;
}

.profile_photos div#upload_photos input.file{ 
/*	margin-right:320px;
*/	opacity:0;
	position:relative;
	z-index:2;
}
.profile_photos div#upload_photos div.fake_file {
	left:0;
	position:absolute;
	top:0;
	z-index:1;
}
.profile_photos div#upload_photos div.fake_file img {
	float:left;
	margin-left:14px;
	width:80px;
}
.profile_photos div#upload_photos {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.profile_photos div#upload_photos .upload_photos_inner {
	background-color: #f3f3f3;
	border: 2px solid #fff;
	padding: 15px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.profile_photos div#upload_photos label {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 3px;
}
.profile_photos div#upload_photos div.fake_file input#stylable_input {
	border:1px solid #CCCCCC;
	float:left;
	font-family:"Lucida Grande",Helvetica,Arial,"MS Trebuchet",sans-serif;
	height:17px;
	padding:2px 4px;
	width:190px;
}

.profile_photos .photo_container {
	padding: 10px;
	float:left;
	margin: 10px 20px 10px 0;
	border: 1px solid #dedede;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.profile_photos .photo_container img {
	margin-bottom: 10px;
}

.profile_photos .primary_photo {
	background-color: #ffffcc;
}

.profile_photos a.button {
	text-align:center;
	font-size: 13px;
	height: auto;
	display:block;
	font-weight:bold;
	background-color: #fff;
	border: 1px solid #92D0E8;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	padding: 3px 5px;
	margin-bottom: 3px;
}
.profile_photos div#upload_photos div.fake_file a.button {
	line-height:14px;
	float:left;
	margin-left:10px;
	padding-left: 15px;
	padding-right: 15px;
}
.profile_photos div#upload_photos div.fake_file a#upload_button {
	color: #fff;
	background-color: #008CBE;
/*	border-color: #008CBE;
*/}


/* User Index */

body.users ul.user_list {
  background-color: #FFF;
  border-bottom: 1px solid #ddd;
  margin: 8px 0 14px 0;
  min-height: 500px;
  overflow: hidden;
}

body.users ul.user_list span.member_since {
  position: absolute;
  bottom: 11px;
  right: 15px;
  font-size: 11px;
  color: #bababa;
}

body.users ul.user_list > li {
  border-top: 1px dotted #ccc;

  height: 50px;
  overflow: hidden;
  padding: 10px 5px;
  position: relative;
}

body.users ul.user_list > li:first-child {
  border-top: none;
}

body.users ul.user_list h2 {
  bottom: 26px;
  font-size: 14px;
  font-weight: bold;
  left: 76px;
  position: absolute;
}

body.users ul#filter_list li {
  font-size: 12px;
  margin-top: 8px;
}

body.users input#q {
  margin: 12px 8px 12px 0;
}

body.users .facebook_like {
  padding-bottom: 10px;
}


.join_game_pinky {
  display: block;
  float:left;
  margin: 3px 5px 3px -45px;
  height: 25px;
  line-height: 25px;
  width: 40px;
  background-color: #eaf8ff;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.join_game_pinky.locked {
  background-color: #e5e5e5;
  color: #999;
}

a.join_game_pinky:hover {
  background-color: #008cbe;
  color: #eaf8ff;
}

a.toggle_practice {
  font-size: 1.1em;
}

.carousel {
  height: 30px;
  left: -3px;
  overflow: hidden;
  position:relative;
  width: 180px;
}

.carousel .avatar_list {
  left: 4px;
  position: absolute;
  top: 1px;
  width: 210px;
}

.carousel .gradient_overlay {
  background:url(/images/gradients/left_alpha_gradient.png) right 0 repeat-y;
  bottom:0;
  position:absolute;
  right:0;
  top:0;
  width: 25px;
}

#speed_challenge_info div {
  margin-top: 5px;
  line-height: 14px;
}

#speed_challenge_info div, #waiting_users_label {
  color: #555;
  font-size: 11px;
}

#speed_challenge_star {
  float: left;
  margin: 3px 6px 0 0;
}


#solo_container .heart_beat_icon {
  background: url(/images/graphics/heart_beat.png) no-repeat 0 1px;
  padding-left: 40px;
}

.timer_controls {
  display: none;
  font-size: 12px;
  padding: 6px 0;
}

.timer_controls label {
  padding-left: 5px;
}

.section_item:hover .timer_controls {
  display: block;
}


div.section_item_left div.bio_block {
  float:left;
  margin-left:15px;
}

div.grid_9 div.bio_block {
  width:440px;
}

div.grid_10 div.bio_block {
  width:500px;
}

div.tutor div.bio_block p {
  margin: 10px 0 5px;
}

.lesson_block {
  margin-left: 40px;
}

.game_info {
  float:right;
  width:240px;
}

.game_info, .game_info * {
  text-align:right;
}

#courses {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #92D0E8;
  background-color: #EAF8FF;
  padding: 15px;
  margin-top: 15px;
}

#courses .courses_header {
  border-bottom: 1px dotted #BEE4F3;
  margin-bottom: 13px;
  padding-bottom: 5px;
}

#courses a.course_link {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 2px 8px 4px;
  margin-left: -8px;
  font-size: 1.3em;
}

#courses a.course_link:hover {
  background-color: #33a4cc;
  color: #fff;
}

#courses a#schedule_pricing {
  float: right;
}

#courses a.secondary {
  font-weight: normal;
  font-size: 1em;
}

#courses h2 {
  display: inline;
  padding-right: 10px;
}

#courses span {

}

#courses p {
}


.css3.button {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 2px 3px rgba(100, 100, 100, 0.75);
  -webkit-box-shadow: 0 2px 3px rgba(100, 100, 100, 0.75);
  background: #53b1d0;
  background: -moz-linear-gradient(center top, #68CFEF, #5CC5E7 18%, #1097C2 50%, #0083AF 51%, #0098CA 81%, #60B0CC 100%) repeat scroll 0 0 transparent;
  background:-webkit-gradient(linear, left top, left bottom, from(#68CFEF), color-stop(18%, #5CC5E7), color-stop(50%, #1097C2), color-stop(51%, #0083AF), color-stop(81%, #0098CA), to(#60B0CC)) repeat scroll 0 0 transparent;
  border: 1px solid #53b1d0;
  color:#FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
  text-align:center;
  padding: 6px 16px;
  text-shadow: 0.5px 0.5px 1px rgba(255, 255, 255, 0.5), -0.5px -0.5px 2px rgba(0, 0, 0, 0.5);
}

.css3.button:hover {
  background-color: #2b9bcd;
  background: -moz-linear-gradient(center top, #31aee4, #2198d1 18%, #00558f 50%, #004378 51%, #005ca0 81%, #1679a9 100%) repeat scroll 0 0 transparent;
  background:-webkit-gradient(linear, left top, left bottom, from(#31aee4), color-stop(18%, #2198d1), color-stop(50%, #00558f), color-stop(51%, #004378), color-stop(81%, #005ca0), to(#1679a9)) repeat scroll 0 0 transparent;
  border-color: #2b9bcd;
  text-decoration: none;
}