@import "global.css";

/*---------------------dialog box------------------*/
#modal_contents {
	visibility:hidden;
	display:none;
}
   #modal_container {
     padding:10px;
	background:white;
	border:1px solid black;
	position:relative;
	margin:0;
	width:300px;
   }

#modal_overlay {
	position:absolute;
	left:0;
	top:0;
	z-index:990;
	width:100%;
	height:100%;
    background:url(../images/style/dialog_overlay.png) repeat;
}

#modal_container div.border {
  padding:0;
  width:30px;
  height:30px;
  position:absolute;
  margin:0;
}


#modal_container #modal_left {
	height:100%;
left:-30px;
top:0;
  background:url(../images/style/dialog_l.png) repeat-y;
}

#modal_container #modal_right {
	height:100%;
	right:-30px;
	top:0;
  background:url(../images/style/dialog_r.png) repeat-y;
}

#modal_container #modal_top {
  width:100%;
left:0;
top:-30px;
  background:url(../images/style/dialog_t.png) repeat-x;
}

#modal_container #modal_bottom {
  width:100%;
	left:0;
	bottom:-30px;
  background:url(../images/style/dialog_b.png) repeat-x;
}


#modal_container #modal_tr {
right:-30px;
top:-30px;
  background:url(../images/style/dialog_tr.png) no-repeat top right;
}

#modal_container #modal_tl {
	left:-30px;
	top:-30px;
  background:url(../images/style/dialog_tl.png) no-repeat top left;
}
#modal_container #modal_br {
  width:30px;
  height:30px;
right:-30px;
bottom:-30px;
  background:url(../images/style/dialog_br.png) no-repeat bottom right;
}

#modal_container #modal_bl {
  width:30px;
  height:30px;
  bottom:-30px;
left:-30px;
  background:url(../images/style/dialog_bl.png) no-repeat bottom left;
}



#modal_container #main {
  background:white;
  float:left;
  width:250px;
  height:100%;
  font-size:12pt;
  text-align:center;
  padding-top:10px;
  overflow:hidden;
}



/*-------------------------- textbox ------------------*/
input.login {
   background:url(../images/style/textbox_bg.gif) no-repeat top left;
   border:1px solid #000;
}

/*------------- Main Navigation ---------------*/
div.nav ul.nav1{
   background:url(../images/style/nav_bg.gif) repeat-x top left;
   height: 23px;
   float:left;
   margin-bottom:14px;
   display:inline;
}
div.nav ul.nav2{ 
   background:url(../images/style/nav_bg.gif) repeat-x top left;
   height: 23px;
   float:right;
   margin-bottom:14px;
}
div.nav li {
   float:left;
   color:#114b7e;
   padding: 5px 10px;
   height: 13px;
   font-size: 1.3em;
   border-right:1px solid #085a99;
}
div.nav a, div.nav a:visited {
   text-decoration:none;
}
div.nav a:hover{
   color:#333;
}
div.nav li.end {
    float:left;
    padding:0px;
    margin:0px;
    height:100%;
    width:5px;
    height:23px;
	border:none;
}
div.nav li.left {
   background:url(../images/style/nav_left.gif) no-repeat top left;
}
div.nav li.right {
   background:url(../images/style/nav_right.gif) no-repeat top right;
}

div.nav li.left_active {
   background:url(../images/style/nav_left_active.gif) no-repeat top left;
}
div.nav li.right_active{
   background:url(../images/style/nav_right_active.gif) no-repeat top right;
   border:none;
}
div.nav li.active{
  background:url(../images/style/nav_bg_active.gif) repeat-x top left;
}
div.nav li.last{
    border:none;
}


/*------------- Flash Files ---------------*/
div .flash {
   clear:both;
   margin-bottom: 14px;
}

div #flashcontent {
	clear:both;
	text-align: center;
	margin-bottom: 14px;
	margin-left: 5px;
}

/*------------- Small Box ----------------*/
div.small-box {
   float:left;
   width: 204px;
   background:url(/images/style/boxsmall_bg.gif) repeat-y top left;
   margin-bottom: 14px;
}
div.small-box h3 {
   background:url(/images/style/boxsmall_top.gif) no-repeat top left;
   height: 10px;
   font-size:1.2em;
   font-weight:normal;
   padding: 8px 7px;
}
div.small-box p {
   background:url(/images/style/boxsmall_bottom.gif) no-repeat bottom left;
   padding: 10px 10px 63px 10px;
}
div.small-box p span.header {
   display:block;
   font-weight:bold;
   font-size: 1.4em;
}
div.small-box p span.day {
   display:block;
   font-weight:bold;
   font-size: 3.9em;
   line-height:1.5em;
}
/*------------- Big Box ----------------*/
div.big-box {
   float:right;
   width: 433px;
   background:url(/images/style/boxbig_bg.gif) repeat-y top left;
}
div.big-box h3 {
   background:url(/images/style/boxbig_top.gif) no-repeat top left;
   height: 10px;
   font-size:1.2em;
   font-weight:normal;
   padding: 8px 7px;
}
div.big-box p {
   background:url(/images/style/boxbig_bottom.gif) no-repeat bottom left;
   padding: 10px 10px 70px 10px;

}
/*-------------- Box --------------------*/
div.box {
   background:url(/images/style/box_bg.gif) repeat-y top left;
   width: 650px;
   clear:both;
   margin-bottom:11px;
}
div.box .top {
   background:url(/images/style/box_top.gif) no-repeat top left;
   height: 10px;
}
div.box .bottom {
   clear:both;
   background:url(/images/style/box_bottom.gif) no-repeat top left;
   height: 14px;
}
div.box h1 {
   padding: 5px 0 5px 0;
   font-size: 1.8em;
}

div.box h2 {
   background: none;
   padding: 0px 20px 5px 15px;
   margin:0;
}
div.box h3 {
   padding: 10px 20px 10px 15px;
   margin: 0 4px;
   font-size: 1.4em;
}

div.box p {
   padding: 5px 20px 10px 20px;
   line-height:1.4em;
   font-size:1.3em;
}
div.box p img {
   float:left;
   margin: 5px 10px 10px 0;
}
div.box p span {
   display:block;
   margin-bottom: 5px;
}
div.box p span.header {
   font-weight:bold;
   display:block;
   font-size:1.2em;
}
div.box p span.header a {
   font-size:0.8em;
   font-weight:normal;
   margin-left: 10px;
}

/*-------------- Instruction Box --------------------*/
div.instruction_box {
   float:right;
   width: 433px;
   background:url(/images/style/boxbig_bg.gif) repeat-y top left;
   margin: 10px 0 0 0;
}
div.instruction_box h3 {
   background:url(/images/style/boxbig_top.gif) no-repeat top left;
   height: 10px;
   font-size:1.3em;
   font-weight:bold;
   padding: 8px 7px;
}
div.instruction_box p {
   padding: 10px 10px 0px 10px;
   font-size:1.2em;
}
div.instruction_box p.header {
   font-size:1.2em;
   font-weight:bold;
   padding: 10px 10px 0px 10px;
}

div.instruction_box .bottom {
   clear:both;
   background:url(/images/style/boxbig_bottom.gif) no-repeat bottom left;
   height: 14px;
}

/* --------------------------------------------------------------------------------
                          Game information page
----------------------------------------------------------------------------------*/
input.btn-blue,a.btn-blue {
   background:url(/images/style/button_blue.gif) no-repeat top left;
   width: 117px;
   height: 20px;
   display:block;
   color:#000;
   font-size: 0.8em;
   font-weight:bold;
   cursor:pointer;
   padding: 5px 0;
}

#gameinformation h2 {
   clear:both;
   background:url(/images/style/gameinformation_title_bg.gif) no-repeat top left;
   width: 630px;
   height: 11px;
   color:#FFF;
   font-size: 1.7em;
   padding:15px 10px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
}

/* -------------------------------------------------
       Content Layout
--------------------------------------------------*/
#gameinformation .left-content {
   width: 384px;
   float:left;
}
#gameinformation .right-content-openx {
   width: 254px;
   float:right;
   margin-right:14px;
}
#gameinformation .right-content {
   width: 254px;
   float:right;
}

/* ----------------------------------------
   Game box
-------------------------------------------*/
div.openxbox-top{
  text-align:center;
  margin-bottom: 12px;
  margin-top: 49px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#openx-table{
  width:100%;
}

#openx-table-left{
  vertical-align:top;
  width:670px;
  padding-right: 12px;
}

#openx-table-right{
  vertical-align:top;
}

/* -------------------------------------------------
       Score BOX
--------------------------------------------------*/
div.boxscore {
  font-size: 1.7em;
  width: 382px;
  background:url(/images/style/shadow_right.gif) repeat-y top right;
}
div.boxscore .top {
  background:url(/images/style/boxscore_top.gif) no-repeat top left;
  height: 12px;
  margin: 0 0;
}
div.boxscore .bottom {
  background:url(/images/style/boxscore_bottom.gif) no-repeat top left;
  height:13px;
}
div.boxscore .wrapper {
  background:#fffae7 url(/images/style/boxlightyellow_bg.gif) repeat-x top left;
  border-left:1px solid #000;
  width:356px;
  padding: 10px 10px;
  margin-top: -3px;
  text-align:center;
}
div.boxscore p {
   margin: 0 auto;
   line-height:1.8em;
}
div.boxscore p.play-now {
    clear: both;
    width: 117px;
	margin: 0 auto;
	padding-top: 15px;
}

div.game-finish-score {
    width: 180px;
    float: right;
}

div.game-finish-score p.game-lumens {
	font-size: 0.6em;
}

div.game-feedback {
  float: right;
  width: 140px;
  margin-top: 2px;
}

/* -------------------------------------------------
      SCORE LIST BOX
--------------------------------------------------*/
div.boxscorelist {
  width: 179px;
  float:left;
  background:url(/images/style/shadowlight_right.gif) repeat-y top right;
  margin: 10px 0px 0 0;
}
/* ----------------- old box code starts here ------------*/
div.boxscorelist .top {
  background:url(/images/style/boxscorelist_skinny_top.gif) no-repeat top left;
  height:11px;
}

div.boxscorelist .bottom {
  background:url(/images/style/boxscorelist_skinny_bottom.gif) no-repeat top left;
  height:13px;
}
div.boxscorelist ul {
  background:#fffaea url(/images/style/boxscorelist_bg.gif) repeat-x top left;
  border-left:1px solid #000;
  width: 172px;
  text-align:center;
  margin: -4px 0 -4px 0;
  padding: 2px 0 0 0;
}
div.boxscorelist li {
  border-bottom: 1px solid #000;
  text-align:left;
  padding: 5px 10px 5px 15px;
  font-size: 1.1em;
}
div.boxscorelist li strong {
  font-size: 1.0em;
}
div.boxscorelist li.title {
  text-align: center;
  padding: 0 10px 5px 10px;
}
div.boxscorelist li img {
  vertical-align:middle;
  margin: -2px 5px 0 0;
}
div.boxscorelist li span {
  width: 90px;
  float:right;
  text-align:right;
  display: block;
}

/* ----------------- old box code ends here ------------*/


/*** new box code OUT FOR NOW 
div.boxscorelist .tab-top {
  font-size: 1.2em;
  width: 100%;
  float:left;
  background:url(/images/style/boxscorelist_top_big.gif) no-repeat top left;
  height:50px;
}

.tab-top span.title {
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 5px 15px 4px 15px;    
}

.tab-top ul.tabs {
  margin: 0px 0 0 0;
  padding:7px 5px 6px;
  list-style: none;
}

.tab-top ul.tabs li {
    float:left;
    width: 91px;
    height: 21px;
    margin:0px 0px 0px;
    padding:0px 0px 0px 0;
}

.tab-top li.active-tab {
    background:url(/images/style/boxscorelist_tab_active.gif) no-repeat top left;
    color: #000;
}

.tab-top li.inactive-tab {
    background:url(/images/style/boxscorelist_tab_inactive.gif) no-repeat top left;
    color: #fff;
}

div.boxscorelist .bottom {
  background:url(/images/style/boxscorelist_bottom.gif) no-repeat top left;
  height:13px;
}
div.boxscorelist ul.scores {
  clear: both;
  background:#fffaea url(/images/style/boxscorelist_bg.gif) repeat-x top left;
  border-left:1px solid #000;
  width: 216px;
  height: 145px;
  text-align:center;
  margin: 0 0 -0.4em 0;
}

div.boxscorelist li.score-row {
  border-bottom: 1px solid #000;
  text-align:right;
  padding: 5px 10px;
  font-size: 1.1em;
}

#current-score {
    background: #FED044;
}

span.inactive_tab {
  padding: 4px;
  background-color: lightgray;
  border: 1px solid black
}
span.active_tab {
  padding: 4px;
  background-color: white;
  border: 1px solid black
}

div.boxscorelist li img {
  vertical-align:middle;
  margin: -2px 5px 0 0;
}
div.boxscorelist li span {
  width: 122px;
  display:block;
  float:left;
  text-align:left;
}

ul.tabs li span {
  display:block;
  width: 75px;
  padding:4px 15px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}

#site_top_score_list {
  display: none;
}
****/

/* -------------------------------------------------
      Category Box
--------------------------------------------------*/
div.categorybox {
  width: 149px;
  float:left;
  background:url(/images/style/boxcategory_shadow.gif) top right repeat-y;
  margin: 10px 0 0 0;
}
div.categorybox .top {
  background:url(/images/style/boxcategory_top_memory.gif) no-repeat top left;
  height: 9px;
  text-align:center;
  padding: 8px 0;
  text-indent:-10px;
  color:#FFF;
  font-size: 1.3em;
  font-weight:bold;
}
div.categorybox p {
  background:#fffbf0 url(/images/style/boxcategory_bg.gif) repeat-x top left;
  text-align:center;
  border-left:1px solid #000;
  width: 141px;
  padding: 12px 0;
  font-size: 1.1em;
  margin: -3px 0px 0 0;
  line-height:1.5em;
}

div.categorybox p span,
div.categorybox2 p span {
  font-weight:bold;
  display:block;
}
div.categorybox p span.categorypoints {
  font-size:1em;
}
div.categorybox p span.categorypoints-score,
div.categorybox2 p span.categorypoints-score {
  font-size: 1.3em;
}
div.categorybox .bottom {
  background:url(/images/style/boxcategory_bottom.gif) no-repeat top left;
  height: 13px;
}
/* -------------------------------------------------
      category Box 2 - Wider
--------------------------------------------------*/
div.categorybox2 {
  width: 180px;
  float:left;
  background:url(/images/style/boxcategory_shadow.gif) top right repeat-y;
  margin: 10px 0 0 0;
}
div.categorybox2 .top {
  background:url(/images/style/boxcategory2_top_memory.gif) no-repeat top left;
  height: 11px;
  text-align:center;
  padding: 10px 0 7px 0;
  text-indent:-10px;
  color:#FFF;
  font-size: 1.5em;
  font-weight:bold;
}
div.categorybox2 p {
  background:#fff url(/images/style/boxcategory2_bg.gif) repeat-x top left;
  text-align:center;
  border-left:1px solid #000;
  width: 172px;
  padding: 12px 5px;
  font-size: 1.2em;
  line-height:1.7em;
  margin: -4px 0 0 0;
}
div.categorybox2 .bottom {
  background:url(/images/style/boxcategory2_bottom.gif) no-repeat top left;
  height: 17px;
}

/* -------------------------------------------------
      Category Description
--------------------------------------------------*/
div.category_description2 p {
  background:#fff url(/images/style/boxcategory2_bg.gif) repeat-x top left;
  border-left:1px solid #000;
  min-height: 110px;
  _height: 110px; /* ie hack */
  width: 160px;
  padding: 8px 5px 0px 7px;
  margin: 0;
  font-size: 1.2em;
  line-height:1.2em;
  text-align: left;
}

div.category_description p {
  background:#fffbf0 url(/images/style/boxcategory_bg.gif) repeat-x top left;
  border-left:1px solid #000;
  width: 132px;
  min-height: 118px;
  _height: 118px; /* ie hack */
  padding: 8px 4px 0px 5px;
  font-size: 1.1em;
  margin: 0;
  line-height:1.2em;
  text-align: left;
}

/* -------------------------------------------------
      Challenge
--------------------------------------------------*/
a.challenge {
  display:block;
  background:url(/images/style/button_bluelong.gif) no-repeat top left;
  /*background-position: left center;*/
  width: 377px;
  height: 23px;
  color:#000 !important;
  clear:both;
  margin: 10px 0 0 0;
  text-decoration:none;
  font-size: 1.5em;
  font-weight:bold;
  text-align:center;
  padding: 13px 0;
}

img.challenge {
  display:block;
  width: 377px;
  height: 39px;
  clear:both;
  padding: 8px 0;
}

/* -------------------------------------------------
      Play Game
--------------------------------------------------*/
div#play-game {
  width: 362px;
  height: auto;
}

/* ------------------------------------------------
    full screen launch specific
-------------------------------------------------*/
div#launched-game {
  background:url(/images/games/previews/box_playgame_launching.jpg) no-repeat top left;
  width: 381px;
  height: 223px;
  padding: 15px 0 0 10px;
  display:none;
}
div#launched-game p {
  width: 250px;
  height: 42px;
  padding: 10px 0;
  text-align:center;
  line-height:1.4em;
  font-size: 1.2em;
  margin: 0 0 40px 60px;
}
div#launched-game p em {
  font-size: 1.2em;
  font-weight:bold;
}
div#launched-game a{
   margin: 0px 0 0 135px;
}

/* -------------------------------------------------
      Score to Beat
--------------------------------------------------*/
div.score-beat {
   float:left;
   width: 194px;
   background:url(/images/style/boxscorebeat_shadow.gif) repeat-y top right;
   margin: 10px 0 0 10px;
}
div.score-beat .top {
   background:url(/images/style/boxscorebeat_top.gif) no-repeat top left;
   height: 11px;
}
div.score-beat .bottom {
   background:url(/images/style/boxscorebeat_bottom.gif) no-repeat top left;
   height: 13px;
}
div.score-beat .wrapper {
   background: #fff url(/images/style/boxscorebeat_bg.gif) repeat-x top left;
   border-left:1px solid #000;
   width: 153px;
   height: 140px;
   padding: 0px 15px;
   text-align:center;
   font-size: 1.1em;
   line-height:1.5em;
}

div.score-beat ul {
	width: 105px;
	margin-left: 25px;
	text-align: right;
	margin-top: 5px;
}

div.score-beat li span {
  width: 65px;
  display:block;
  float:left;
  text-align:left;
  font-weight: bold;
}

div.score-beat p span.big {
   font-size: 1.6em;
}

/* -------------------------------------------------
      Right Box
--------------------------------------------------*/
div.right-box {
    width: 257px;
	background:url(/images/style/boxright_bg.gif) top left repeat-y;
	margin-bottom: 10px;
}
div.right-box .top {
   background:url(/images/style/boxright_top2.gif) no-repeat top left;
   height: 58px;
   text-align:center;
   padding: 15px;
   line-height:1.5em;
   font-size: 1.7em;
}
div.right-box .top2 {
   background:url(/images/style/boxright_top.gif) no-repeat top left;
   height: 80px;
}
div.right-box .bottom {
   background:url(/images/style/boxright_bottom_plain.gif) no-repeat bottom left;
   height: 14px;
}
div.right-box p {
   font-size: 1.3em;
   line-height:1.2em;
   padding: 5px 10px;
   z-index: 12;
}
div.right-box .top2 p.header {
  border:none;
  padding: 15px 10px 0px 10px;
  background:none;
}
div.right-box p.header {
  font-size: 1.7em;
  font-weight:bold;
}
div.right-box p.center {
   width: 139px;
   padding: 0 62px 15px 62px;
}

div.right_box_text {
    margin: -70px 0 0 0;
}

/* -------------------------------------------------
      Left Box
--------------------------------------------------*/
div.left-box {
    width: 379px;
	background:url(/images/style/left_box_bg.gif) top left repeat-y;
	margin-bottom: 10px;
	margin-top: -2px;
}
div.left-box .top {
   background:url(/images/style/left_box_top.gif) no-repeat top left;
   height: 80px;
   text-align:center;
   padding: 15px;
   line-height:1.5em;
   font-size: 1.7em;
}

div.left-box .bottom {
   background:url(/images/style/left_box_bottom.gif) no-repeat bottom left;
   height: 112px;
   text-align: center;
   font-size: 1.2em;
}
div.left-box p {
   font-size: 1.3em;
   line-height:1.2em;
   padding: 5px 10px;
   z-index: 12;
}
div.left-box .top p.header {
  border:none;
  padding: 15px 10px 0px 10px;
  background:none;
}
div.left-box p.header {
  font-size: 1.7em;
  font-weight:bold;
}
div.left-box p.center {
   width: 379px;
   padding: 0 62px 15px 62px;
}

div.left_box_text {
    margin: -90px 0 0 0;
}

img.left_box_button {
    margin: 25px 45px 5px 45px;
    text-align: center;
}

div.left-box .score {
    margin: 15px;
    text-align: center;
    font-size: 4.0em;
    border-bottom: 1px solid #999;
}

div.left-box hr {
    display: block;
    width: 350px;
    text-align: center;
}

/* -------------------------------------------------
     Half Width Box
--------------------------------------------------*/

div.half-width-box {
   background:url(/images/style/half_width_box_bg.gif) repeat-y top left;
   width: 321px;
   margin: 0 5px 11px 0;
   float: left;
}
div.half-width-box .top {
   background:url(/images/style/half_width_box_top.gif) no-repeat top left;
   height: 10px;
}
div.half-width-box .bottom {
   clear:both;
   background:url(/images/style/half_width_box_bottom.gif) no-repeat top left;
   height: 14px;
}

div.half-width-box .wrapper {
	padding: 0 15px;
}

div.half-width-box img {
	float: left;
	margin: 2px 20px 4px 0;
}

div.half-width-box span.header {
	font-size: 1.3em;
	font-weight: bold;
}

div.half-width-box p {
	margin-bottom: 10px;
}

div.right-side-box {
	margin-right: 2px;
	float: right;
}

div.half-width-box a.hover_border img {
  border: 1px solid #ccc;
}

div.half-width-box a.hover_border:hover img {
  border: 1px solid green;
}

div.half-width-box a.hover_border:hover {
  color: red; /* irrelevant definition to overcome IE bug */
}

div.game-text {
  float: right;
  width: 475px;
}

div.game-text p {
  padding-left: 0px;
}

/* -------------------------------------------------
      Tabs Pane
--------------------------------------------------*/
div.tabs-pane {
    
}

div.tabs-pane ul.tabs-list {
	display: block;
	width: 100%;
	background-color: #999999; 
}

div.tabs-pane ul.tabs-list li {
    float: left;

    font-size: 1.2em;
    color: white;
	cursor: pointer;
}

div.tabs-pane ul.tabs-list li.active {
    color: white;
    background-color: #666;
}

div.tabs-pane ul.tabs-list a {
	display: block;
	color: white;
	padding: 6px 12px;
  	text-decoration: none;
}

/* -------------------------------------------------
      Overview Lumens Box
--------------------------------------------------*/
div.overview-lumens-box {
  width: 382px;
  background:url(/images/style/shadow_right.gif) repeat-y top right;
}
div.overview-lumens-box .top {
   background:url(/images/style/boxscore_top.gif) no-repeat top left;
   height: 7px;
   text-align:center;
   line-height:1.5em;
   font-size: 1.7em;
}

div.overview-lumens-box .bottom {
   background:url(/images/style/boxscore_bottom.gif) no-repeat bottom left;
   height: 7px;
   text-align: center;
   font-size: 1.2em;
}

div.overview-lumens-box .wrapper {
  background:#fffae7 url(/images/style/boxlightyellow_bg.gif) repeat-x top left;
  border-left:1px solid #000;
  width:356px;
  padding: 10px 10px;
  margin-top: -3px;
  text-align:center;
}

div.overview-lumens-box p {
   font-size: 1.8em;
   line-height:1.2em;
   padding: 5px 10px;
   z-index: 12;
}
div.overview-lumens-box .top p.header {
  border:none;
  padding: 15px 10px 0px 10px;
  background:none;
}
div.overview-lumens-box p.header {
  font-size: 1.7em;
  font-weight:bold;
}
div.overview-lumens-box p.center {
   width: 379px;
   padding: 0 62px 15px 62px;
}

div.left_box_text {
    margin: -90px 0 0 0;
}

img.left_box_button {
    margin: 25px 45px 5px 45px;
    text-align: center;
}

div.overview-lumens-box .score {
    margin: 15px;
    text-align: center;
    font-size: 4.0em;
    border-bottom: 1px solid #999;
}

div.overview-lumens-box hr {
    display: block;
    width: 350px;
    text-align: center;
}



/* ----------------------------------------œ
   Select
-------------------------------------------*/

select {
  display: block;
  width: 300px;
}
select.replaced {
  display: none;
}
ul.selectReplacement {
  background: url("/style/dropdown.gif") top left no-repeat;
  margin: 0;
  padding: 0;
  height: 22px;
  width: 359px;
   margin: 0 0 10px 10px;
   float:left;
   position:relative;
}
ul.selectReplacement li {
  background: #fdd375;
  color: #000;
  cursor: pointer;
  display: none;
  font-size: 13px;
  line-height: 1.7em;
  list-style: none;
  margin: 0;
  padding: 1px 12px;
  width: 314px;
  font-weight:bold;
}
ul.selectOpen li {
  display: block;
}
ul.selectReplacement li.selected {
  background: url(dropdown.gif) top left no-repeat;

  color: #000;
  display: block;
}
ul.selectOpen li.selected {
  background: #c38908;
  display: block;
}
ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {
  background: #c38908;
  color: #000;
}
div.account .dropdownbutton {
   margin-left: -22px;
   position:relative;
}
div.account  br {
   clear:both;
}

/* ----------------------------------------
   Login box
-------------------------------------------*/


div.login {
   background:url(/images/style/box_bg.gif) repeat-y top left;
   width: 650px;
   font-size: 1.2em;
   font-weight:bold;
   clear:both;
}
div.login .top {
   background:url(/images/style/box_top.gif) no-repeat top left;
   height: 10px;
}
div.login .bottom {
   clear:both;
   background:url(/images/style/box_bottom.gif) no-repeat;
   height: 14px;
}

div.login .wrapper {
   width: 599px;
   padding: 10px 10px 10px 30px;
}

div.login fieldset {
   margin-bottom: 15px;
   border:0;
}
div.login label {
   float:left;
   text-align:right;
   width: 150px;
   padding: 3px 0 10px 0;
}
div.login label.text { 
   text-align:left;
    margin: 0 0 10px 10px;
}
div.login input {
   margin: 0 10px;
}
div.login input.text {
   background:url(/images/style/textbox_bg.gif) no-repeat top left; 
   width: 337px;
   height: 16px;
   border:1px solid #000;
   padding: 3px 10px;
   float:left;
   margin: 0 0 15px 10px;
   color:#000;
   font-size: 1.1em;
   font-weight:bold;
}

div.login .checkbox {
  margin: 0 0 0 0px;
  padding: 0 0 15px 155px;
}

div.login .checkbox input {
  margin: 0 5px;
}

div.login .checkbox label {
  float: none;
  width: 100px;
  padding: 0;
  text-align: left;
  margin: 0;
}

div.login br.clear {
	clear:both;
}

div.flash p.error {
  color: red;
  font-size: 1.6em;
  margin: 0px 20px;
}
div.flash p.notice {
  color: green;
  font-size: 1.6em;
  margin: 0px 20px;
}

/* ----------------------------------------
   Invite box
-------------------------------------------*/
div.invite {
   background:url(/images/style/box_bg.gif) repeat-y top left;
   width: 650px;
   clear:both;
   margin-bottom:14px;
}
div.invite .top {
   background:url(/images/style/box_top.gif) no-repeat top left;
   height: 10px;
}
div.invite .bottom {
   clear:both;
   background:url(/images/style/box_bottom.gif) no-repeat top left;
   height: 14px;
}

div.invite p.flash_notice {
  font-size: 1.2em;
  font-weight: bold;
}

div.invite textarea.emails {
   border: 1px solid #000;
   margin: 3px 0px;
   width: 555px;
   height: 5em;
   color:#000;
   font-size: 1.7em;
   font-weight: bold;
}

div.invite textarea.message {
   border: 1px solid #000;
   margin: 3px 0px;
   width: 555px;
   height:10em;
   color:#000;
   font-size: 1.7em;
   font-weight: bold;
}

div.invite div.email_text {
  padding: 10px 10px 10px 20px;
  font-style: italic;
  font-size: 1.7em;
  line-height: 1.2em;
}

div.spam_notice {
  font-style: italic;
}

div.fieldWithErrors {
}
div.floater {
  float: left;
}
div.floater div.fieldWithErrors {
  display: inline;
}
div.time_zone_select {
  float: left;
  padding-bottom: 10px;
}

/* -------------------------------------------------
      Next Box
--------------------------------------------------*/
div.next-box {
    width: 257px;
	background:url(/images/style/boxright_bg.gif) top left repeat-y;
	margin-bottom: 10px;
}
div.next-box .top {
   background:url(/images/style/boxright_top2.gif) no-repeat top left;
   height: 58px;
   text-align:center;
   padding: 15px;
   line-height:1.2em;
   font-size: 1.5em;
}
div.next-box .top2 {
   background:url(/images/style/boxright_top.gif) no-repeat top left;
   height: 120px;
}
div.next-box .bottom {
   background:url(/images/style/boxright_bottom.gif) no-repeat bottom left;
   height: 66px;
}
div.next-box p {
   font-size: 1.1em;
   line-height:1.3em;
   padding: 5px 10px;
}
div.next-box .top2 p.header {
  border:none;
  padding: 15px 10px 0px 10px;
  background:none;
}
div.next-box p.header {
  font-size: 1.7em;
  font-weight:bold;
}
div.next-box p.center {
   width: 232px;
   text-align: center;
}

div.next-box img.star {
    margin: 0 0 15px -5px;
}

/* -------------------------------------------------
      Game Icon
--------------------------------------------------*/

a.hover_border img {
  border: 1px solid white;
}

a.hover_border:hover img {
  border: 1px solid green;
}

a.hover_border:hover {
  color: red; /* irrelevant definition to overcome IE bug */
}

/* -------------------------------------------------
      Dev Box
--------------------------------------------------*/
div.devbox {
  background: lightgray;
  border: 1px solid green;
  padding: 5px;
}

div.devbox dt {
  color: green;
  display: inline;
}

/* -------------------------------------------------
       brain category titles
--------------------------------------------------*/

#brain_category_attention h2.category-title {
   background:url(/images/style/gameinformation_title_bg_attention.gif) no-repeat top left;
}

#brain_category_cognitive_control h2.category-title {
   background:url(/images/style/gameinformation_title_bg_cognitive_control.gif) no-repeat top left;
}

#brain_category_memory h2.category-title{
   background:url(/images/style/gameinformation_title_bg_memory.gif) no-repeat top left;
}

#brain_category_processing_speed h2.category-title {
   background:url(/images/style/gameinformation_title_bg_processing_speed.gif) no-repeat top left;
}

/* -------------------------------------------------
       brain category boxes
--------------------------------------------------*/

#brain_category_attention div.categorybox .top {
   background:url(/images/style/boxcategory_top_attention.gif) no-repeat top left;
}

#brain_category_cognitive_control div.categorybox .top {
   background:url(/images/style/boxcategory_top_cognitive_control.gif) no-repeat top left;
}

#brain_category_memory div.categorybox .top {
   background:url(/images/style/boxcategory_top_memory.gif) no-repeat top left;
}

#brain_category_processing_speed div.categorybox .top {
   background:url(/images/style/boxcategory_top_processing_speed.gif) no-repeat top left;
}
#brain_category_attention div.categorybox2 .top {
   background:url(/images/style/boxcategory2_top_attention.gif) no-repeat top left;
}
#brain_category_cognitive_control div.categorybox2 .top {
   background:url(/images/style/boxcategory2_top_cognitive_control.gif) no-repeat top left;
}
#brain_category_memory div.categorybox2 .top {
   background:url(/images/style/boxcategory2_top_memory.gif) no-repeat top left;
}
#brain_category_processing_speed div.categorybox2 .top {
   background:url(/images/style/boxcategory2_top_processing_speed.gif) no-repeat top left;
   font-size: 12px;
}

#brain_category_processing_speed div.categorybox .top-uk {
  font-size: 1.35em;
}
#brain_category_attention div.categorybox2 .top-uk {
  font-size: 1.5em;
}
#brain_category_cognitive_control div.categorybox2 .top-uk {
  font-size: 1.35em;
}
#brain_category_memory div.categorybox2 .top {
  font-size: 1.5em;
}
#brain_category_processing_speed div.categorybox2 .top-uk {
  font-size: 1.35em;
}
/* -------------------------------------------------
       iq test content
--------------------------------------------------*/

#iq-test h2 {
   clear:both;
   background:url(/images/style/gameinformation_title_bg.gif) no-repeat top left;
   width: 650px;
   height: 11px;
   color:#FFF;
   font-size: 1.8em;
   padding:13px 10px 17px 10px;
   margin-left: 0px;
   margin-right: 0px;
}

/* -------------------------------------------------
       Content Layout
--------------------------------------------------*/
#iq-test .left-content {
   width: 384px;
   float:left;
}
#iq-test .right-content {
   width: 254px;
   margin-right: 5px;
   float:right;
}

#header .iq-logo {
   float:right;
   width: 157px;
   height: 51px;
   margin-right: 8px;
}


/* -------------------------------------------------
       right box for the iq screen
--------------------------------------------------*/

div.right-iq-box {
   background:url(/images/style/right_iq_box_bg.gif) repeat-y top left;
   width: 257px;
   clear:both;
   margin-bottom:14px;
   margin-top: 3px;
}
div.right-iq-box .top {
   background:url(/images/style/right_iq_box_top.gif) no-repeat top left;
   height: 10px;
}
div.right-iq-box .bottom {
   clear:both;
   background:url(/images/style/right_iq_box_bottom.gif) no-repeat top left;
   height: 14px;
}

div.right-iq-box p {
   font-size: 1.3em;
   line-height:1.2em;
   padding: 5px 10px;
   z-index: 12;
}

div.right-iq-box p.header {
  font-size: 1.7em;
  font-weight:bold;
  margin-bottom: 5px;
}

.right-iq-box ul {
    font-size: 1.3em;
    line-height:1.3em;
    margin: 0 0 0 2px;
    padding: 23px 0px 8px 20px;
    width: 150px;
    height: 40px;
}

.right-iq-box li {
    margin: 0 10px 0 0;
}

.right-iq-box span.category {
    font-size: 1.1em;
    font-weight: bold;
}

.right-iq-box .box-content {
    margin: 0 5px 0 2px;
    width: 248px; 
}

div.memory-block {
    background:#FFF url(/images/style/iq_memory_bg.gif) repeat-x top left;
    clear: both;
}

div.attention-block {
    background:#FFF url(/images/style/iq_attention_bg.gif) repeat-x top left;
    clear: both;
}

div.speed-block {
    background:#FFF url(/images/style/iq_speed_bg.gif) repeat-x top left;
    clear: both;
}

.attention-block span.game {
    color: #FF3F27;
}

.memory-block span.game {
    color: #983366;
}

.speed-block span.game {
    color: #6F9E16;
}

.attention-block .score {
    color: #FF3F27;
}

.memory-block .score {
    color: #983366;
}

.speed-block .score {
    color: #6F9E16;
}

div.game-block {
    clear: both;
}

.right-iq-box img.iq-block-icon {
    float: right;
    margin: 10px 10px 10px 0;
}
/* -------------------------------------------------
       report box for iq score
--------------------------------------------------*/
div.report-box {
   background:url(/images/style/box_bg.gif) repeat-y top left;
   width: 650px;
   clear:both;
   margin-bottom:14px;
}
div.report-box .top {
   background:url(/images/style/box_top.gif) no-repeat top left;
   height: 10px;
}
div.report-box .bottom {
   clear:both;
   background:url(/images/style/box_bottom.gif) no-repeat top left;
   height: 14px;
}

div.report-box p {
   font-size: 1.3em;
   line-height:1.2em;
   padding: 5px 10px;
   z-index: 12;
}

div.report-box p.header {
  font-size: 1.7em;
  font-weight:bold;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-right: 5px;
  margin-left: 2px;
  border-bottom:  1px solid #000;
}

.report-box p.detail-description {
    padding: 20px 0;
    width: 212px;
    height: 40px;
    font-size: 1.3em;
    line-height:1.4em;
}

.report-box img.iq-block-icon {
    float: left;
    margin: 10px 20px 0 20px;
}

.report-box span.category {
    font-size: 1.4em;
    font-weight: bold;
}

div.report-details {
    float: left;
    width: 400px;
    padding-left: 2px;
    border-right: 1px solid #000;
    white-space: nowrap;
}

div.report-summary {
    float: right;
    width: 245px;
}

.report-details .report-score {
    background: url(/images/style/box_score.gif) no-repeat top left;
    height: 62px;
    width: 62px;
    text-align: center;
    float: right;
    margin: 10px 10px 0 0;
}

.report-details .score {
    font-size: 2.0em;
    font-weight:bold;
    margin: 14px 0 0 0;
}

.report-details table {
    width: 100%;
    font-size: 1.5em;
    line-height: 1.2em;
    margin-left: 10px;
}

.report-details th {
    text-align: left;
}

.report-summary .report-score {
    background: url(/images/style/box_total_score.gif) no-repeat top left;
    height: 71px;
    width: 71px;
    margin: 0 0px 0 87px;
    text-align: center;
}

.report-summary .score {
    font-size: 3.0em;
    font-weight:bold;
    padding: 15px 0 0 0;
}

div.report-summary p.header {
    text-align: center;
    border-style: none;
    margin: 30px 0;
    padding: 0;
    font-size: 2.0em;
}


/* -------------------------------------------------
      INLINE PHOTO W/ CAPTION
--------------------------------------------------*/

div.inline-photo {
    margin: 10px 20px 0 20px;
    padding-bottom: 20px;
    float: right;
    width: 217px;
    font-size: .9em;
    text-align: center;
    font-style:italic;
}

div.inline-photo img {
    display: block;
}

ul.bullets {
     list-style-image: url(../images/style/bullet_image.gif);
     list-style-position: outside;
     font-size: 1.4em;
     line-height: 1.4em;
     margin: 10px 10px 0 40px;
     
 }

p.pitch_text {
    font-weight: bold;
    font-size: 1.6em;
}

/* -------------------------------------------------
      INLINE PHOTO W/ CAPTION
--------------------------------------------------*/

div.support_messages {
   width: 650px;
   background:url(/images/style/box_bg.gif) repeat-y top left;
   font-size: 1.3em;
}

div.support_messages .top {
   background:url(/images/style/box_top.gif) no-repeat top left;
   height: 10px;
}
div.support_messages .bottom {
   background:url(/images/style/box_bottom.gif) no-repeat top left;
   height: 14px;
}

div.support_messages fieldset {
   margin-left: 30px;
   margin-bottom: 40px;
   border:0;
}

div.support_messages .title {
    margin: 10px 30px 10px 30px;
    font-weight: bold;
    color: #000;
}

div.support_messages label {
   float:left;
   text-align:right;
   width: 150px;
   display:block;
   padding: 3px 0 12px 0;
}
div.support_messages label.text { 
   text-align:left;
    margin: 0 0 10px 10px;
}
div.support_messages input {
   margin: 0 10px;
}

div.support_messages input.text {
   background: #FFF;
   border: 1px inset;
   width: 337px;
   padding: 3px 10px;
   float:left;
   margin: 5px 0 15px 10px;
   color:#000;
   font-size: 1.0em;
}

div.support_messages textarea {
    border: thin inset;
    width: 337px;
    padding: 3px 10px;
    float:left;
    margin: 0 0 15px 10px;
    color:#000;
    font-size: 1.2em;
}

div.support_messages span.text {
  margin: 0px 0px 0px 20px;
  font-size: 1.2em;
  font-weight:bold;
}
div.support_messages div.instructions {
  margin: auto;
  text-align: center;
  font-weight:bold;
}

div.support_messages a.already_a_member {
    margin: 10px 0px 0px 160px;
}

div.support_messages br {
    clear: both;
}

div.support_messages p {
    font-size: 1.0em;
    margin: 0 0 10px 180px;
}


/* -------------------------------------------------
       session report box for the session summary page
--------------------------------------------------*/
div.box-with-header {
   background:url(/images/style/box_bg.gif) repeat-y top left;
   width: 650px;
   clear:both;
   margin-bottom:14px;
}

div.box-with-header .top {
   background:url(/images/style/session_box_top.gif) no-repeat top left;
   height: 10px;
}

div.box-with-header .bottom {
   clear:both;
   background:url(/images/style/box_bottom.gif) no-repeat top left;
   height: 14px;
}

div.box-with-header p.header {
  background: #555555;
  color: #FFFFFF;   
  font-size: 1.7em;
  font-weight: normal;   
  padding-bottom: 2px;
  padding-left: 15px;  
  margin: -6px 6px 0px 2px;
  border-bottom:  1px solid #222;
}

.box-with-header span.session-name {
    display: block;
    float: right;
    padding-right: 15px;
    text-align: right;
}

.box-with-header span.category {
    font-size: 0.8em;
}

div.box-with-header-details {
    float: left;
    width: 425px;
    min-height: 204px;
    _height: 204px; /* ie hack */
    padding-left: 2px;
    border-right: 1px solid #000;
    white-space: nowrap;
}   

div.box-with-header-full {
    min-height: 204px;
    _height: 204px; /* ie hack */
    padding-left: 2px;
    padding-right: 6px;
} 

div.box-with-header-full table.mini {
    width: auto;
} 

div.box-with-header-full table {
    background: #FFF;
    width: 642px;
} 

div.box-with-header-full p.big {
    font-size: 1.8em;
    text-align: center;
    padding-top: 88px;
    
}  

div.box-with-header-full td {
    border-right: 1px solid #BBB;
}

div.box-with-header-full thead {
    background: #EEE;
} 

div.box-with-header-full td.legend {
    border-right: none;
    font-size: 0.74em;
    color: #333;
    text-align: left;
    padding-left: 2px;
}  

div.box-with-header-full th {
    text-align: center;
    line-height: 1.1em;
}

.box-with-header-full td .info-link {
    font-size: 0.7em;
}

.box-with-header-full .list-item {
  font-size: 1.2em;
  padding: 15px;
  border-top: 1px solid #BBB; 
}

.box-with-header-full .list-item .left {
  width: 400px;
  float:left; 
}

.box-with-header-full .list-item .right {
  width: 200px;
  text-align:center;
  float:right; 
} 

.box-with-header-full p {
  margin: 5px 10px; 
}

.box-with-header-full .list-item p span {
   display:block;
   margin-bottom: 5px;
   font-style: italic;
}
.box-with-header-full .list-item p span.header {
   font-weight:bold;
   font-style: normal;
   display:block;
   font-size:1.2em;
}

.box-with-header-full .list-item .big-button {
   margin: 40px 10px 10px 10px;
}

span.green {
  color: #3D7700;
}   

span.gray {
  color: #666;
}

td.unavailable {
    font-size: 0.7em;
    line-height: 0.8em;
}

div.box-with-header-summary {
    float: right;
    padding-right: 5px;
    width: 215px;
    text-align: center;
}

.box-with-header table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.5em;
    line-height: 1.2em;
}

.box-with-header thead {
    width: 100%;
    padding-top: 5px;
    background: #D9E8F9;
    font-size: .8em;
    color: #222;
}

.box-with-header th {
    text-align: right;
    padding-right: 10px;
}

.box-with-header td {
    padding: 4px 0;
    text-align: center;
    border-top: 1px solid #BBB;
}

.box-with-header sup {
    margin-left: 5px;
}

.box-with-header tr {
    padding: 4px 0;
}   

.box-with-header .even {
    background: #EDF3FE none repeat scroll 0%;
}

td.left, th.left {
    text-align: left;
    width: 125px;
    padding-left: 10px;
}

td.score {
    text-align: right;
    padding-right: 10px;
}

td.score-bold {
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}

td.rating-name {
    width: 80px;
    font-size: .8em;
    color: #555;
    padding-left: 5px;
}

td.rating {
    width: 80px;
}

.session-feedback {
    font-size: 1.5em;
    margin: 20px 0;
    width: 100%;
}

.session-feedback p {
    padding: 0 5px;
}

.box-with-header-summary img {
    margin: 20px 0;
}

span.attention {
    color: #C53022;
}

span.memory {
    color: #983366;
}

span.processing_speed {
    color: #6F9E16;
}

span.cognitive_control {
    color: #3B85C3;
}

/*-------------- report features --------------------*/

.box-with-header-full td.left {
    width: 175px;
}
 
#report-tabs {
    height: 30px;
    background: #555555;
    color: #FFFFFF;   
    font-size: 1.7em;
    font-weight: normal;   
    padding-left: 15px;  
    margin: 0 6px 0px 2px;
    border-bottom:  1px solid #222;
}

#report-tabs ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
}

#report-tabs li {
    margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	border: 1px solid #000;
	list-style: none;
	display: inline;
}

#report-tabs a {
    color: #fff;
}

#report-history {
    display: block;
}                 

#report-summary {
    display: none;
}

/*-------------- Instruction Box --------------------*/
/* TODO: take this out once we have in-game instructions */
div.instruction_box_iq {
   width: 433px;
   background:url(/images/style/boxbig_bg.gif) repeat-y top left;
   margin: 10px 0 0 0;
}
div.instruction_box_iq h3 {
   background:url(/images/style/boxbig_top.gif) no-repeat top left;
   height: 10px;
   font-size:1.3em;
   font-weight:bold;
   padding: 8px 7px;
}
div.instruction_box_iq p {
   padding: 10px 10px 0px 10px;
   font-size:1.2em;
}
div.instruction_box_iq p.header {
   font-size:1.2em;
   font-weight:bold;
   padding: 10px 10px 0px 10px;
}

div.instruction_box_iq .bottom {
   clear:both;
   background:url(/images/style/boxbig_bottom.gif) no-repeat bottom left;
   height: 14px;
}

div.faq h4 {
   font-size: 1.4em;
   color: #085A99;
   margin: 12px 20px 6px 20px;
   line-height:1.4em;
}

div.faq h3 {
   font-size: 1.5em;
   color: #000; 
}

div.faq p.notice {
    margin: 10px 5px;
    font-size: 1.4em; 
}

div.faq p {
    margin-left: 25px;
}

div.faq hr {
    display: block;  
    margin: 20px 0 20px 8px;
    width: 631px;
}

.faq li {
    margin: 10px 30px 10px 10px;
    list-style: none;
}

/*-------------- Upgrade Box --------------------*/  

div.upgrade-box {
   background:url(/images/style/upgrade_box_bg.gif) repeat-y top left; 
   width: 650px;
   clear:both;
   margin-bottom:14px;
}
div.upgrade-box .top {
   vertical-align: bottom;
   background:url(/images/style/upgrade_box_top.gif) no-repeat top left;
   height: 10px;
}
div.upgrade-box .bottom {
   clear:both;
   background:url(/images/style/upgrade_box_bottom.gif) no-repeat top left;
   height: 16px;
} 

div.upgrade-box .wrapper {
   color: #b89942;
   padding: 0 10px 0 20px;  
}

div.upgrade-box .left {
   float: left;
   width: 500px; 
}

div.upgrade-box .right {
   float: right;
   width: 120px;
   vertical-align: bottom; 
}

div.upgrade-box img {
  border-style: none;
  padding-top: 18px;
}

div.upgrade-box h1 {
   color: #938049;
   padding: 0 0 5px 0;
   font-size: 1.6em;
}

a.no-decoration, a.no-decoration:visited {
  border: 0px;
  text-decoration: none;
}

div.upgrade-box p {
   padding: 5px 20px 0 0;
   line-height:1.4em;
   font-size:1.1em;
}

div.banner-top {
	clear:both;
	height: 84px;
	margin-bottom: 12px;
}

/******************************
 Tabbed Panes Box
******************************/
div.tabbed-panes-box {
   background:url(/images/style/box_bg.gif) repeat-y top left;
   width: 650px;
   clear:both;
   margin-bottom:14px;
}

div.tabbed-panes-box .top {
   background:url(/images/style/session_box_top.gif) no-repeat top left;
   height: 10px;
}

div.tabbed-panes-box .wrapper {
	margin-left: 2px;
	margin-right: 6px;
}

div.tabbed-panes-box .bottom {
   clear:both;
   background:url(/images/style/box_bottom.gif) no-repeat top left;
   height: 14px;
}

div.tabbed-panes-box p.header {
  background: #555555;
  color: #FFFFFF;   
  font-size: 1.7em;
  font-weight: normal;   
  padding-bottom: 2px;
  padding-left: 15px;  
  margin: 0px 6px 0px 2px;
  border-bottom:  1px solid #222;
}

div.training-overview {
	padding: 15px 20px 15px 15px;
}


div.training-overview table.overview {
    background: #FFF;
    width: 642px;
} 

div.training-overview table.overview thead {
    text-align: center;
    line-height: 1.5em;
    font-size: 1.3em;
    background: #EEE;
    color: black;
} 

div.training-overview table.overview .header {
    text-align: center;
    line-height: 1.5em;
    font-size: 1.3em;
    background: #EEE;
    color: black;
}

div.training-overview table.overview td#course-history {
    width: 50%;
    vertical-align: top;
}

div.training-overview table.overview td#course-history table {
    font-size: 1.1em;
}

div.training-overview table.overview td#course-history .course_name {
  display: inline;
  font-size: 1.4em;
  font-weight: bold;
}

div.training-overview table.overview td#course-history .completed {
    font-weight: bold;
    color: green;
    padding-left: 5px;
}

div.training-overview table.overview td#course-history .uncompleted {
    font-weight: regular;
    font-style: italic;
    padding-left: 5px;
}


div.training-overview table.overview td#lumens {
    width: 50%;
    text-align: center;
    font-size: 2em;
    border: 2px solid yellow;
}

div.training-overview table.game-category-report {
    width: 98%;
    line-height: 1.2em;
    font-size: 1.5em;
    border: 0;
}

div.training-overview table.game-category-report thead {
    text-align: center;
    line-height: 1.5em;
    font-size: 1.3em;
    background: #EEE;
    color: black;
}

div.training-overview table.game-category-report th {
    margin: 0;
    padding: 0 10px;
    border-left: 0;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

div.training-overview table.game-category-report td {
    text-align: center;
    border-left: 0;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

div.training-overview table.game-category-report td.left {
    text-align: left;
    width: 135px;
    padding-left: 10px;
}

div.training-overview table.game-category-report .even {
    background: #EDF3FE none repeat scroll 0%;
}

div.training-overview p.big {
    font-size: 1.1em;
    text-align: center;
    padding-top: 88px;
    
}  

div.training-overview p {
  margin: 5px 10px; 
}

div.training-overview .title-container {
	float: left;
	height: 100%;
	padding: 20px 0px 25px 0;
}

div.training-overview h1 {
	font-size: 1.8em;
}

div.training-overview h3 {
	background-color: #0A5B9A;
	color: white;
	font-size: 1.1em;
	padding: 5px 0 5px 8px;
}

div.training-overview h4 {
	font-size: ;
}

div.report-section {
	float: left;
	margin-top: 10px;
	width: 100%;
    margin-bottom: 10px;
}

div.report-section ul.tabs-list {
	background: #FFF;
    
}

div.report-section ul.tabs-list li {
    float: left;    
	margin-right: 4px;
}

div.report-section ul.tabs-list li a {
	border: none;
    font-size: 0.85em;
	font-weight: bold;
	display: block;
	color: #0A5B9A;
	padding: 4px 10px;
  	text-decoration: none;
	background-color: #E1EBf4;
}

div.report-section ul.tabs-list li a.active {
    color: white;
    background-color: #4C9DD7;	
}

div.report-section .subsection {
	margin-bottom: 10px;
}

div.report-section .section-1 {
	float: left;
	width: 48%;
}

div.report-section .section-2 {
	float: right;
	width: 48%;
}

div.report-section .wide {
	width: 68%;
}

div.report-section .thin {
	width: 28%;
}

div.report-section .report-chart-title {
	display: none;
}

div.status-box {
	padding: 8px;
	border: 1px solid #ddd;
}

div.status-box h4 {
	color: #333;
	font-size: 1.4em;
	padding-bottom: 2px;
	margin-top: 5px;
}

div.status-box p {
	background-color: #F2F2F2;
	color: #0A5B9A;
	font-size: 2.4em;
	font-weight: bold;
	text-align: left;
	border: 1px solid #ddd;
	padding: 0 5px 10px 20px;
	margin: 0 0 15px 0;
}

div.status-box img.icon {
	position: relative; 
	height: 37px;
	width: 37px;
	margin-right: 8px;
	top: 7px;
}

div.status-box p.bpi .icon {

}

div.status-box p.lumosity-points .icon {

}

div.report-section table {
	width: 100%;
	font-size: 1.2em;
	border-spacing: 0px;
}

div.report-section thead {
	color: white;
	font-size:0.9em;
	width: 100%;
}

div.report-section thead th {
	background-color: #0A5B9A;
	text-align: left;
	padding:5px 0pt 5px 8px;
}

div.report-section th.title {
	font-size: 1.0em;
	font-weight: bold;
}

div.report-section th.data-label {
	text-align: right;
}

div.report-section tr {
	background: #EDF3FE none repeat scroll 0%;
}

div.report-section tr.odd {
	background: #FEFDEB none repeat scroll 0%;
}

div.report-section td {
	border-spacing: 0px;
    text-align: left;
	padding: 8px 0pt 8px 8px;
	border-bottom: 1px solid #ccc;
}

div.report-section td .star {
	vertical-align: bottom;
}

div.report-section td.label {
	font-size: 1.1em;
}

div.report-section td.small {
	font-size: 0.85em;
}

div.report-section .chart-link-table tr {
	cursor: pointer;
}

div.report-section .chart-link-table tr:hover, div.report-section .chart-link-table tr.active {
	background-color: #FED044;
}

div.report-section .chart-link-table td.label {
	text-decoration: underline;
}

div.report-section .chart-link-table td.first {
	background-image: url(/images/report_table_icon.jpg); 
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 35px;
}

div.report-section .chart-link-table td.last {
	background-image: url(/images/arrow.gif);
	background-position: 90% center;
	background-repeat: no-repeat;
	padding-right: 55px;
}

div.report-section .chart-link-table .last {
	padding-right: 55px;
}

div.report-section td.unavailable {
	text-align: center;
	color: #666;
}

div.report-section td.data {
	text-align: right;
}