@import url('../types.css');

body * {
    font-family: Helvetica, Interval_Regular;
}

html {
    overflow-y: scroll;
}

html,body {
    height: 100%;
}

div.container {
    /*background: url(../../images/newlook/bg_main2.png) center 0px no-repeat;*/

    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    /* if margin changes it breaks he footer up, need the -200 margin */
}

body {
    background: #c3dde9 url(../../images/newlook/bg_repeat4.png) repeat-x;
    background-position: 0 0px;
    margin: 0;
    padding: 0;
}

.ie8 #learningObjectFrame {
    background-color: transparent !important;
}
#cstable {
  border-collapse: collapse;
  padding: 0;
  border-spacing: 0;
  float:left;
}
#cstable td {
  vertical-align:top;
}
.t2rcs {
  float: left;
  margin-left: -21px;
  margin-right: 23px;
  margin-top: 19px;
  width: 210px;
  cursor: pointer;
}

iframe#learningObjectFrame {
    background-color: transparent;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
/*PI GENERAL CSS----------*/
span.sup {
    font-size: 10px;
    vertical-align: top;
}

strong {
    font-weight: bold;
}

a img {
    border: none;
}

a.lnkQuestion {
    background: url(../../images/newlook/game/questionArrow.png) top left
        no-repeat;
    padding-left: 20px;
    color: #006cc9;
    text-decoration: none;
    line-height: 13px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

a.icon-link,a.icon-link visited {
    font-weight: bold;
    line-height: 28px;
    padding: 0;
    font-weight: 400;
    margin: 0;
    font-family: Interval_SemiBold;
    font-size: 14px;
    text-decoration: none;
    color: #333;
}

a.icon-link img {
    margin-right: 10px;
}

.cursorDefault {cursor:default;}
.cursorPointer {cursor:hand;cursor:pointer;}
/*--TOP MENU AND PAGE SETTINGS*/

/*----TOP LOGO/MENU BAR*/
div#bannerWrapper {
    height: 52px;
    width: 100%;
    min-width: 1000px;
    background: url(../../images/newlook/banner_Title.png) repeat-x;
    position: relative;
    z-index: 2000;
}

div#menuBanner {
    width: 960px;
    height: 52px;
    margin: 0 auto;
}

div#menuBanner div#logo {
    background-image: url(../../images/newlook/logo.png);
    background-repeat: no-repeat;
    background-position: 45px 10px;
    padding-left: 180px;
    height: 52px;
    float: left;
}

div#menuBanner img.icon {
    margin: 9px 8px 0 0;
    position: relative;
}

div#menuBanner div#menu {
    float: right;
}

div#menuBanner div#menu ul {
    border-right: 2px solid #677386;
    float: left;
    height: 24px;
    margin: 10px 15px 0 0;
    padding: 0;
}

div#menuBanner div#menu ul li {
    display: inline-block;
    float: left;
    list-style: none;
    margin: 0 17px 0 0;
    padding: 0;
}

div#menuBanner div#menu ul li a,div#menuBanner div#menu ul li a:visited
    {
    margin: 0;
    padding: 0;
    color: #CECCCB;
    font-family: 'Interval_SemiBold';
    line-height: 22px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}

div#menuBanner div#menu ul li a.active,div#menuBanner div#menu ul li a.active:hover
    {
    color: #9DFCFC;
    text-decoration: none;
    cursor: default;
}

div#menuBanner div#menu ul li a:hover {
    color: #9DFCFC;
    text-decoration: none;
    cursor: default;
    cursor: pointer;
}

div#menuBanner div#menu ul.singleMenuItem {
    border-right: none;
    margin-right: 0;
}

div#menuBanner div#menu ul.singleMenuItem li {
    margin-right: 5px;
}

div#menuBanner div#menu ul.singleMenuItem a img {
    vertical-align: sub;
}

div#menu_new {
    float: right;
    padding-top: 8px;
    padding-right: 45px;
}

div#menu_new ul {
    height: 24px;
    vertical-align: middle;
}

div#menu_new ul li {
    display: inline;
    padding-right: 10px;
    height: 24px;
    line-height: 24px;
}

div#menu_new ul li a {
    font-family: 'Interval_Regular';
    font-size: 14px;
    color: #CDCCCB;
    text-decoration: none;
}

div#menu_new img {
    vertical-align: middle;
}

/*--PAGE CSS*/
div#page {
    width: 863px;
    height: 656px; /*586px;*/
    margin: 0 auto;
    position: relative;
    /*white-space: nowrap;
     --can't put nowrap for entire page. it can cause all text to unwrap
       even when needs to be wrapped. needs to be placed only where needed
       to be applied.
    */
}

/* Leaderboard (Login) */
div#leaderBoard div.titleBar div#gradeSelector {
    top:31px;
    z-index: 500;
    background: #fff;
    border: 1px solid #015B8F;
    display: none;
    position: absolute;
    width: 61px;
    text-align: center;
}
div#leaderBoard div.titleBar div#gradeSelector p {
    margin:0;
    padding:5px 0;
    display:block;
    text-align:center;
    float:none !important;
    font-weight:500;
    font-family: Arial, Helvetica, Sans-serif;
    font-size:11px;
    cursor:hand;
    cursor:pointer;
    background-color:#fcfcfc;
}
div#leaderBoard div.titleBar div#gradeSelector p:hover {
    background-color:#016da0;
    color:#fff;
}

/*--GAME_CENTER MAIN BOX CSS*/
div#mainBox {
    width: 890px;
    min-height: 500px;
    border: 1px solid #BDCCD4;
    margin: 25px auto;
    background: rgb(255, 255, 255) transparent;
    background: rgba(255, 255, 255, 0.4);
    position: relative;
}
/*--WELCOME BACK --*/
div#mainBox.welcomeBack div.progress div,div#playerInfo div.progress div
    {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 0;
}

div#mainBox.welcomeBack div.progress div div,div#playerInfo div.progress div div
    {
    /*  -pie-background: linear-gradient(top , #a4ff00, #7dbe09 50.0%,#7dbe09 20.0%,#7dbe09 20.0%,#a4ff00 100.0%); */
    background: url('../../images/newlook/game/lvlBarBg2.png') repeat-x;
    behavior: url(/common/assets/css/PIE.htc);
    border-radius: 16px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

div#playerInfo div.progress p { /*
    position: relative;
    float: left;
    z-index: 10;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    display: inline-block;
    border-right: 1px solid #7dabbe;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity:.5;
*/
    display: none;
}

/*--LEADERBOARD STYLES*/
/*----HEADER TABLE STYLES*/
div#leaderBoard {
    width: 602px;
    height: 265px;
    border-top: 1px solid #BDCCD4;
    behavior: url(/common/assets/css/PIE.htc);
    float: left;
    padding: 15px 0 0 18px;
}

div#leaderBoard h4 {
	width: 266px;
	height: 39px;
	margin-top: -10px;
	margin-bottom: 7px;

	background: url(../../images/newlook/login/btnNationalLeaderBoard.png) center left no-repeat;;
}

div#leaderBoard.mmBowlActive h4 {

	background: url(../../images/newlook/mathMania/leaderBoardHeader.png) center left no-repeat;
}


div#leaderBoard div.titleBar {
    width: 575px;
    height: 35px;
    position: relative;
}

div#page.leaderboard div.titleBar {
    height: 25px;
    width: auto;
}

div#page.leaderboard div.titleBar table {
    width: 855px;
}

div#page.leaderboard div.titleBar table th {
    height: 25px;
    padding: 0;
}
div#page.leaderboard div#national {
    width: 875px;
}
div#page.leaderboard div.viewport {
    width: 855px;
    height: 370px;
    border-top: none;
    border-bottom: none;
}
div#page.leaderboard div#leaderBoard div.listWrapper .thumb .end,
div#page.leaderboard div#leaderBoard div.listWrapper .thumb {background-color: #488EB1;}
div#page.leaderboard div#leaderBoard div.listWrapper .track {background-color: #C9CFD1;}
div#page.leaderboard div.viewport table {
    width: 855px;
}
div#page.leaderboard div.viewport table tr {
    background: rgb(176, 195, 206) transparent;
    background: rgba(176, 195, 206, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70B0C3CE,
        endColorstr=#70B0C3CE );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70B0C3CE, endColorstr=#70B0C3CE)";
/*  background-color: #B0C3CE; */
}
div#page.leaderboard div.viewport table tr.odd {
    background: rgb(188, 210, 222) transparent;
    background: rgba(188, 210, 222, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70BCD2DE,
        endColorstr=#70BCD2DE );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70BCD2DE, endColorstr=#70BCD2DE)";
}
div#page.leaderboard div#leaderBoard {width: auto; border-top: none; margin-top: 0px; border-top: none;}
div#page.leaderboard div.viewport table tr.current {background-color: #2F3D4F;}
div#page.leaderboard div.viewport table tr.current td {color: #fff;}
div#page.leaderboard div.viewport table tr td {border-bottom: 1px solid #D5E3EB; padding: 0; background: none; height: 25px;}
div#page.leaderboard div.viewport table td.rank {width: 55px; text-align: center; font-size: 19px; font-family: interval_semibold;}
div#page.leaderboard div.viewport table td.name {width: 260px; text-align: left; line-height: 25px;}
div#page.leaderboard div.viewport table td.name div.avatar {
    float: left;
    margin-right: 10px;
    margin-left: 5px;
    width: 25px;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
div#page.leaderboard div.viewport table td.name div.current {background-color: #E3E6EA;}
div#page.leaderboard div.viewport table tr.odd td.name div.current {background-color: #CBCED3;}
div#page.leaderboard div.viewport table td.grade { width: 90px; text-align: center; }
div#page.leaderboard div.viewport table td.school { width: 250px; padding-left: 10px; text-align: left; }
div#page.leaderboard div.viewport table td.state { width: 95px; text-align: center;}
div#page.leaderboard div.viewport table td.points { width: 70px; padding-right: 25px; text-align: right; }
div#leaderBoard div.titleBar h4 {
    font-size: 18px;
    font-family: Serifa_Bold;
    color: #fff;
    width: 225px;
    margin: 8px 0 0 10px;
    display: inline-block;
}

div#leaderBoard div.titleBar p {
    float: left;
    padding: 0;
    color: #333;
    font-size: 12px;
    margin: 20px 10px 0 0;
    display: inline-block;
    font-family: Interval_SemiBold;
}

div#leaderBoard div.titleBar table {
    width: 575px;
    padding: 0;
    margin: 0;
}

div#leaderBoard div.titleBar table th, div#regionsBoard div.titleBar table th {
    height: 32px;
    border-top: none;
    /*border-bottom: #b2b2b2 solid 1px;*/
    border-bottom: none;
    border-right: #80aac5 solid 1px;
    /*border-left: #ffffff solid 1px !important;*/
    border-left: none;
    background: url(../../images/newlook/login/leaderBoardBlue.png) top left
        repeat-x;
    padding: 0 0 0 10px;
    margin: 0;
    vertical-align: middle;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #fff;
    text-align: left;
}
div#leaderBoard div.titleBar table th:first-child.red,
div#leaderBoard div.titleBar table th.red {
	background-color: #C02439;
	background-image: none;
	border-bottom-color: #c02439 ;
}

div#leaderBoard.mmBowlActive table th, div#regionsBoard.mmBowlActive div.titleBar table th {
	background-image: url(../../images/newlook/mathMania/leaderBoardRed.png) !important;
}

div#leaderBoard div.titleBar table th:first-child {
    background: url(../../images/newlook/login/leaderBoardBlue.png) top left
        repeat-x;
    width: 43px;
    text-align: center;
    padding-left: 0px;
    color: #fff;
    border-left: none !important;
}
div#page.login div#leaderBoard .listWrapper table td, div#page.login div#leaderBoard .listWrapper table th  {
    border:0px solid red;
}

div#page.login div#leaderBoard .listWrapper table td:first-child {
    width: 44px;
    text-align: center;
    font-weight: bold;
}
div#leaderBoard div.titleBar table th:last-child {
    border-right: none !important;
    text-align: right;
    width: 56px;
    padding-right: 11px;
}

.ie8 div#leaderBoard div.titleBar table#login th:first-child  { width: 39px !important; }
.ie8 div#leaderBoard div.titleBar table#login th+th { width: 110px !important; overflow: hidden; }
.ie8 div#leaderBoard div.titleBar table#login th+th+th { width: 50px !important; }
.ie8 div#leaderBoard div.titleBar table#login th+th+th+th { width: 190px !important; overflow: hidden; }
.ie8 div#leaderBoard div.titleBar table#login th+th+th+th+th { width: 30px !important; }
.ie8 div#leaderBoard div.titleBar table#login th+th+th+th+th+th { width: 42px !important; padding-right: 8px; text-align: right;}

.ie8 div#leaderBoard div.listWrapper table#login td:first-child  { width: 30px !important; }
.ie8 div#leaderBoard div.listWrapper table#login td+td { width: 110px !important; overflow: hidden !important; }
.ie8 div#leaderBoard div.listWrapper table#login td+td+td { width: 50px !important; }
.ie8 div#leaderBoard div.listWrapper table#login td+td+td+td { width: 190px !important; overflow: hidden !important; }
.ie8 div#leaderBoard div.listWrapper table#login td+td+td+td+td { width: 30px !important; }
.ie8 div#leaderBoard div.listWrapper table#login td+td+td+td+td+td { width: 34px !important; text-align: right; padding-right: 8px;}


div#leaderBoard div.titleBar table th:nth-child(2),div#page.login div#leaderBoard .listWrapper table td:nth-child(2)
    {
    width: 130px;
    max-width: 130px;
    overflow:hidden;
    white-space:nowrap;
}

div#leaderBoard div.titleBar table th:nth-child(3),div#page.login div#leaderBoard .listWrapper table td:nth-child(3)
    {
    width: 60px;
    text-align: center;
    padding-left: 0px;
}

div#leaderBoard div.titleBar table th:nth-child(4),div#page.login div#leaderBoard .listWrapper table td:nth-child(4), div#page.login div#leaderBoard .listWrapper table td.campusName {
    width: 170px;
    max-width:170px;
    overflow:hidden;
    white-space:nowrap;
}

div#leaderBoard div.titleBar table th:nth-child(5),div#page.login div#leaderBoard .listWrapper table td:nth-child(5)
    {
    width: 45px;
    text-align: center;
    padding-left: 0px;
}

div#leaderBoard div.titleBar table th:nth-child(6),div#page.login div#leaderBoard .listWrapper table td:nth-child(6)
    {
    width: 67px;
}


.ie8 table.loginPageLBTH div#leaderBoard div.titleBar table tr td { width:40px !important; }

.ie8 table.loginPageLBTH th {width:45px !important;}
.ie8 table.loginPageLBTD td {width:40px !important;}
.ie8 table.loginPageLBTH th+th {width:165px !important;}
.ie8 table.loginPageLBTD td+td {width:175px !important;}
.ie8 table.loginPageLBTH th+th+th {width:60px !important;}
.ie8 table.loginPageLBTD td+td+td {width:70px !important;}
.ie8 table.loginPageLBTH th+th+th+th {width:155px !important;}
.ie8 table.loginPageLBTD td+td+td+td {width:165px !important;}
.ie8 table.loginPageLBTH th+th+th+th+th {width:45px !important;}
.ie8 table.loginPageLBTD td+td+td+td+td {width:45px !important;}
.ie8 table.loginPageLBTH th+th+th+th+th+th {width:95px !important;}
.ie8 table.loginPageLBTD td+td+td+td+td+td {width:95px !important;text-align:right !important;padding-right:14px;}

div#leaderBoard div.titleBar p span {
    font-weight: normal;
    color: #333333;
}

div.titleBar div.tabs,div#leaderBoard div.titleBar div.tabs {
    display: inline-block;
    float: right;
    font-family: Interval_SemiBold;
    letter-spacing: 0.3pt;
}

div.titleBar div.tabs ul,div#leaderBoard div.titleBar div.tabs ul {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0;
}

div.titleBar div.tabs ul li,div#leaderBoard div.titleBar div.tabs ul li
    {
    cursor: pointer;
    display: inline-block;
    width: 97px;
    height: 35px;
    margin-right: -2px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 6px 6px 0 0;
    behavior: url('/PIE.htc');
    background-color: #333333;
}

/*----LIST TABLE STYLES*/
div#leaderBoard .listWrapper table {
    width: 575px;
    border: none;
    margin: 0;
    padding: 0;
}
div#leaderBoard .listWrapper table tr.even,
div#leaderBoard .listWrapper table tr:nth-child(even) td {
    background: #EDEDED;
}
div#leaderBoard .listWrapper table tr.odd,
div#leaderBoard .listWrapper table tr:nth-child(odd) td {
    background: #EDEDED;
}

.ie8 div#leaderBoard .listWrapper table tr {
    background: #f2f2f2;
}

div#leaderBoard .listWrapper table td:nth-child(1) {
    vertical-align: middle;
    width: 46px;
    text-align: center;
    padding-left: 0px;
    font-size: 12px;
}

div#leaderBoard.game .listWrapper table td:nth-child(1) {
    vertical-align: middle;
    width: 46px;
    text-align: center;
    padding-left: 0px;
}

div#leaderBoard .listWrapper table td:nth-child(6) {
    text-align: right;
    padding: 0 10px 0 0px;
}

div#leaderBoard.game .listWrapper table tr.current td:nth-child(2) p {
    color: #fff;
}

div#leaderBoard .listWrapper table td:nth-child(2) p,.ie8 div#leaderBoard .listWrapper table td+td p
    {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

div#leaderBoard .listWrapper table td:nth-child(2) {
    width: 140px;
}

div#leaderBoard .listWrapper table td:nth-child(3) {
    width: 60px;
    text-align: left;
    padding-left: 0px;
}

div#leaderBoard .listWrapper table td:nth-child(4) {
    width: 160px;
}

div#leaderBoard .listWrapper table td:nth-child(5) {
    width: 45px;
    text-align: center;
    padding-left: 0px;
}

div#leaderBoard .listWrapper table td:nth-child(6) {
    width: 67px;
}

div#leaderBoard .listWrapper table td {
    height: 30px;
    font-size: 12.35px;
    color: #2F3D4F;
    padding-left: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #B9C5CE;
    font-family: Arial;
}

div#leaderBoard .listWrapper table tr.current td {
    background-color: #2F3D4F;
    color: #fff;
}

div#leaderBoard .listWrapper {
    width: 595px;
    clear: both;
    margin: 0px 0 15px;
}

div#leaderBoard .listWrapper .viewport {
    width: 575px;
    height: 155px;
    overflow: hidden;
    position: relative;
    border-right: none;
    border-bottom: 2px #333333 solid;
    border-left: none;
}

div#leaderBoard .viewport {
    border-top: 5px #016EA1 solid;
}
/*div#leaderBoard #national .viewport {border-top: 5px #333333 solid;}
div#leaderBoard #school .viewport {border-top: 5px #016EA1 solid;}*/
div#leaderBoard .listWrapper .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
}

div#leaderBoard .listWrapper .thumb .end,div#leaderBoard .listWrapper .thumb
    {
    background-color: #2697cb;
}

div#leaderBoard.mmBowlActive .listWrapper .thumb .end, div#leaderBoard.mmBowlActive .listWrapper .thumb {
	background-color: #C02439;
}

div#leaderBoard .listWrapper .scrollbar {
    position: relative;
    float: right;
    width: 15px;
}

div#leaderBoard .listWrapper .track {
    background-color: #e8e9e9;
    height: 100%;
    width: 6px;
    position: relative;
    padding: 0 1px;
    left: -2px;
}

div#leaderBoard .listWrapper .thumb {
    height: 20px;
    width: 6px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
}

div#leaderBoard .listWrapper .thumb .end {
    overflow: hidden;
    height: 5px;
    width: 6px;
}

div#leaderBoard .listWrapper .disable {
    display: none;
}

/*****************************************
    MathMania Leaderboard (Login page)
*****************************************/
div#MMLeaderboardModal {
    display: none;
    position: absolute;
    width: 768px;
    height: 542px;
    z-index: 99999;
    top: 68px;
    margin:0 auto;
    padding: 0;
    background:
        url('/common/assets/images/newlook/learn/background_mathTutor.png')
        repeat-x top left #FFFFFF;
    border: 7px solid #BDCCD4;
}
div#MMLeaderboardBox {
    padding:10px;
}
#internalMathManiaLeaderBoard {
	display:none;
	padding:0 0 0 18px;
	margin-top:10px;
	width:855px;
}
#internalMathManiaLeaderBoard div.tabColorBar {
	display:block;
	position:relative;
	overflow:hidden;
	width: 855px;
	background-color: #016EA1;
	border-bottom: 1px solid #4192B8;
}
#internalMathManiaLeaderBoard div.tabColorBar span {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
	padding:8px;
	display:inline-block;
}
#internalMathManiaLeaderBoard div.tabColorBar span.column1 {
    float:left;
}
#internalMathManiaLeaderBoard div.tabColorBar span.column2 {
    float:right;
    border-left:1px solid #80AAC5;
    margin-right:87px;
}
#internalMathManiaLeaderBoard div#MMWeeklyLB div#leaderBoard {
	padding:0 0 0 0;
	height:auto;
}
#internalMathManiaLeaderBoard div#MMWeeklyLB div#leaderBoard div.titleBar {

}
#internalMathManiaLeaderBoard div#MMWeeklyLB div#leaderBoard div.titleBar table.MMWLB,
#internalMathManiaLeaderBoard div#MMWeeklyLB div#leaderBoard div.listWrapper div.viewport table.MMWLB {
	width:auto;
}
#internalMathManiaLeaderBoard div#MMWeeklyLB div#leaderBoard div.listWrapper {
    width:503px;
}
#internalMathManiaLeaderBoard div#MMWeeklyLB div#leaderBoard div.listWrapper div.viewport {
	height:254px;
}
#internalMathManiaLeaderBoard div#MMWeeklyLB div#MMPastWinnersBoard div.titleBar,
#internalMathManiaLeaderBoard div#MMWeeklyLB div#leaderBoard,
#internalMathManiaLeaderBoard div#MMWeeklyLB div#leaderBoard div.listWrapper div.viewport,
#internalMathManiaLeaderBoard div#MMWeeklyLB div#MMLBLastWeeksWinner,
#internalMathManiaLeaderBoard #MMPastWinnersBoard {
	width:485px;
}

div#MMLeaderboardModal #MMLBclose {
    cursor: pointer;
    position: absolute;
    background:
        url(../../images/newlook/achievements/presentation/close.png) center
        center no-repeat;
    width: 35px;
    height: 43px;
    z-index: 500;
    top:14px;
    right:-21px;
}
div#MMWeeklyLB {
    width:485px;
    margin-right:30px;
    float:left;
}
div#MMRegionalLB {
    width:210px;
    float:right;
}
#internalMathManiaLeaderBoard div#MMRegionalLB {
    width:300px;
}
#internalMathManiaLeaderBoard div#MMRegionalLB div.titleBar table,
#internalMathManiaLeaderBoard div#MMRegionalLB div.viewport,
#internalMathManiaLeaderBoard div#MMRegionalLB div.viewport table {
    width:100%;
}
#internalMathManiaLeaderBoard div#MMRegionalLB div.viewport {
    height:auto;
}
img.weeklyRankings, img.regionalRankings {
    display:block;
    margin:5px 0;
}
div.MMLBSeasonText {
    margin:11px 0px;
    font-family: 'Serifa_Bold';
    font-size:14px;
    color:#333;
}
ul.MMLeaderboardRegions {
    list-style:none;
    margin:10px 0px 36px;
}
ul.MMLeaderboardRegions li {
    float:left;
    margin-right:10px;
    font-family: 'Interval_Regular';
    color:#333;
    font-size:12px;
    vertical-align:middle;
    display:inline-block;
}

#MMLeaderboardModal div#MMWeeklyLB div#leaderBoard div.listWrapper {
	width:503px;
}
#MMLeaderboardModal div#MMWeeklyLB div#MMPastWinnersBoard div.titleBar,
#MMLeaderboardModal div#MMWeeklyLB div#leaderBoard,
#MMLeaderboardModal div#MMWeeklyLB div#leaderBoard div.listWrapper div.viewport,
#MMLeaderboardModal div#MMWeeklyLB div#MMLBLastWeeksWinner,
#MMLeaderboardModal #MMPastWinnersBoard {
	width:485px;
}


ul.MMLeaderboardRegions li:first-child {margin-left:-10px;}
ul.MMLeaderboardRegions li.region1 a, ul.MMLeaderboardRegions li.region2 a,
ul.MMLeaderboardRegions li.region3 a, ul.MMLeaderboardRegions li.region4 a,
ul.MMLeaderboardRegions li.region5 a { display:block; width: 60px; text-align:center; }
ul.MMLeaderboardRegions a {
    color: #006cc9;
    text-decoration: underline;
    font-family: 'Interval_Regular';
    font-size: 12px;
}
#MMLeaderboardModal div.listWrapper table {width:auto !important;}
#MMWeeklyLB div#leaderBoard .MMLB-col1 {width:50px !important;max-width:none;text-align:center;padding:0;}
#MMWeeklyLB div#leaderBoard .MMLB-col2 {width:320px !important;max-width:none;text-align:left;padding:0;padding-left:8px;}
#MMWeeklyLB div#leaderBoard .MMLB-col3 {width:55px !important;max-width:none;text-align:center;padding:0;}
#MMWeeklyLB div#leaderBoard .MMLB-col4 {width:60px !important;max-width:none;text-align:right;padding:0;padding-right:8px;}

#MMPastWinnersBoard div.titleBar {
	background: #006cc9; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff473), to(#ffca07));
	background: -moz-linear-gradient(top,  #fff473,  #ffca07);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff473', endColorstr='#ffca07');
	behavior: url(/common/assets/css/PIE.htc);
	width:484px;
	border:1px solid #CCC487;
	height:26px;
}
#MMPastWinnersBoard div.titleBar span:first-child {
	display:block;
	color:#441212;
	font-family: 'Serifa_Bold';
	font-size:16px;
	font-weight:500;
	padding-left:8px;
	line-height:26px;
}
#MMPastWinnersBoard div.titleBar span span#MMLBRegionName {display:inline;padding:0;}
#MMWeeklyLB div#MMPastWinnersBoard .MMLB-col1 {width:90px !important;max-width:none;text-align:center;padding:0;}
#MMWeeklyLB div#MMPastWinnersBoard .MMLB-col2 {width:170px !important;max-width:none;text-align:left;padding:0;padding-left:8px !important;line-height:14px;}
#MMWeeklyLB div#MMPastWinnersBoard .MMLB-col3 {width:170px !important;max-width:none;text-align:left;padding:0;padding-left:8px !important;line-height:14px;}
#MMWeeklyLB div#MMPastWinnersBoard .MMLB-col4 {width:55px !important;max-width:none;text-align:center;padding:0;}

#MMWeeklyLB div#leaderBoard td, #MMRegionalLB div#regionsBoard td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	height:18px;
	line-height:23px;
}
#MMRegionalLB div#regionsBoard .MMLB-col1 {width:50px !important;max-width:none;text-align:center;padding:0;}
#MMRegionalLB div#regionsBoard .MMLB-col2 {width:110px !important;max-width:none;text-align:left;padding:0;padding-left:8px !important;}
#MMRegionalLB div#regionsBoard .MMLB-col3 {width:50px !important;max-width:none;text-align:right;padding:0;padding-right:8px;}

#regionsBoard {margin-bottom:9px;}
#MMLeaderboardModal div#leaderBoard div.titleBar table th, #MMLeaderboardModal div#regionsBoard div.titleBar table th {
	height:26px;
}
#MMLeaderboardModal div#leaderBoard {border-top:none;position:relative;padding:0;width:485px;}
#MMLeaderboardModal div#leaderBoard div.titleBar {width:485px;height:auto;}
#MMLeaderboardModal div#leaderBoard div.titleBar table {
    width: 485px;
    padding: 0;
    margin: 0;
}
#internalMathManiaLeaderBoard #MMPastWinnersBoard div#mmwinners table tr {
	background-color:#fff !important;
}
#MMLeaderboardModal div#leaderBoard table tr, #MMLeaderboardModal div#MMPastWinnersBoard table tr, #MMLeaderboardModal div#regionsBoard table tr {
    padding:0;
    background-color:#fff !important;
}
#MMLeaderboardModal div#leaderBoard table tr.odd, #MMLeaderboardModal div#regionsBoard table tr.odd {
    background-color:#F2F2F2 !important;
}
#internalMathManiaLeaderBoard #MMPastWinnersBoard div#mmwinners table tr.odd, #MMLeaderboardModal div#MMPastWinnersBoard table tr.odd {
    background-color:#FFFFCC !important;
}
#MMLeaderboardModal div#leaderBoard table td, #MMLeaderboardModal div#regionsBoard table td {
    height:26px;
    border-bottom:none;
    background-color:transparent;
    vertical-align:middle;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:500;
    color:#333;
}
#MMWeeklyLB div#leaderBoard .listWrapper .viewport {
    border-top:none;
    border-bottom: none;
    width: 485px;
    height:304px;
    background-color:#f2f2f2;
}
#MMWeeklyLB div#MMPastWinnersBoard .listWrapper .viewport {
    border-top:none;
    border-bottom: none;
    width: 485px;
    height:300px;
    background-color:#ffffcc;
}
#MMWeeklyLB div#MMLBLastWeeksWinner {
    display:block;
    position:relative;
    width:485px;
    height:55px;
    white-space:nowrap;
}
#MMPastWinnersBoard {
    display:none;
    position:absolute;
	bottom: 0;
    left:0px;
    z-index:99;
    height:330px;
}
#internalMathManiaLeaderBoard #MMPastWinnersBoard div#mmwinners div.viewport table {width:auto;}
#internalMathManiaLeaderBoard #MMPastWinnersBoard {
	bottom: 0;
	position: absolute;
	height:281px;
}
#MMLBViewPastWinners {
    display:none;
    position:absolute;
    left:0px;
    z-index:1000;
    bottom: 0;
    cursor:pointer;
}
#internalMathManiaLeaderBoard #MMLBViewPastWinners {
	bottom: 0;
}
#MMLBViewClose {
	top:300px;
}

#MMWeeklyLB div#MMLBLastWeeksWinner div {
    position:relative;
    display:block;
}
#MMWeeklyLB div#MMLBLastWeeksWinner div.MMLBLWW-col1 {
    float:left;
    width:20%;
    height:55px;
    background-color:#016EA1;
}
#MMWeeklyLB div#MMLBLastWeeksWinner div.MMLBLWW-col1 span {
    display:block;
    padding:5px;
    font-family: 'Serifa_Bold';
    text-align:center;
    font-size:14px;
    color:#fff;
    margin-top:5px;
}
#MMWeeklyLB div#MMLBLastWeeksWinner div.MMLBLWW-col1 span span {
    position:relative;
    font-size:20px;
    display:inline;
    letter-spacing:.05em;
}
#MMWeeklyLB div#MMLBLastWeeksWinner div.MMLBLWW-col2 {
	display:inline-block;
    position:relative;
    float:right;
    width:80%;
    height:55px;
    background-color:#caeaf4;
    text-align:center;border:0px solid red;
}
#MMWeeklyLB div#MMLBLastWeeksWinner div.MMLBLWW-col2 span {
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    display:block;
    margin-left:-10px;
}
#MMWeeklyLB div#MMLBLastWeeksWinner span.MMLBWW-schoolName {
    color: #016EA1;
    font-weight:700;
    font-size:16px;
    margin-top:10px;
}
#MMWeeklyLB div#MMLBLastWeeksWinner span.MMLBWW-districtName, #MMWeeklyLB span.MMLBWW-state {
    color: #333;
    font-weight:500;
    font-size:10px;
    margin-top:1px;
}
img.MMLBWWTrophy {
    display:block;
    position:absolute;
    top:8px;
    left:14px;
}
img.MMLBWWMax {
    display:block;
    position:absolute;
    top:0px;
    left:306px;
}
#MM-Marketing-Widget {
    background-color:#fff;
    width:210px;
    height:219px;
    border:1px solid #ccc;
    padding:0;margin:0 auto;
}
#MM-Marketing-Widget div.mmWidgetMiddle {
    display:block;
    width:inherit;
    height:65px;
}
div.mmWidgetDays, div.mmWidgetHours, div.mmWidgetMinutes, div.mmWidgetSeconds {
    position:relative;
    display:inline-block;
    width:40px;
    float:left;
    text-align:center;
    margin:5px 5px 0;
}
div.mmWidgetDays div:first-child,
div.mmWidgetHours div:first-child,
div.mmWidgetMinutes div:first-child,
div.mmWidgetSeconds div:first-child {
    position: relative;
    width: 35px;
    height: 27px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(common/assets/css/PIE.htc);
    background-color:#333;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:500;
    text-align:center;
    line-height:27px;
    margin:5px;border:0px solid red;
}
div.mmWidgetDays div:last-child,
div.mmWidgetHours div:last-child,
div.mmWidgetMinutes div:last-child,
div.mmWidgetSeconds div:last-child {
    position:relative;
    display:block;
    text-transform:uppercase;
    font-family: 'Interval_Regular';
    font-size:13px;
    color:#333;
    width:45px;
    text-align:center;border:0px solid red;
}
.ie8 div.mmWidgetDays div + div,
.ie8 div.mmWidgetHours div + div,
.ie8 div.mmWidgetMinutes div + div,
.ie8 div.mmWidgetSeconds div + div {
    position:relative;
    display:block;
    text-transform:uppercase;
    font-family: 'Interval_Regular';
    font-size:13px;
    color:#333;
    width:45px;
    text-align:center;border:0px solid red;
}

/*GAME PLAY CSS----------*/

h3#levelTitle p.ie {
		font-family: 'Interval_SemiBold';
		color: #fff;
		width: 600px;
		font-size: 28px;
		text-shadow: 0 0 2px #333;
		line-height: 42px;
}

h3#levelTitle p.ie {
	zoom: 1;
	color: #333333;
	background: #333334;
	filter: filter: progid:DXImageTransform.Microsoft.Chroma(color=#333334),
	        progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}

h3#levelTitle p.ie:before {
	color: #fff;
	width: 600px;
	position: absolute;
	content: attr(data-innertext);
	margin-top: 2px;
	margin-left: 2px;
}

h3#levelTitle {

    margin: 20px 0 0 -15px;
    font-family: 'Interval_Semibold';
    color: #ffffff;
    font-size: 28px;
    padding-left: 100px;
    text-shadow: 0 0 2px #333;
    height: 48px;
    line-height: 42px;
    background-position: left center;
    background-repeat: no-repeat;
}

h3#levelTitle span.activityCount {
    background-color: #6e9aaf;
    -webkit-box-shadow: inset 0px 0px 3px 0px #003047;
    -moz-box-shadow: inset 0px 0px 3px 0px #003047;
    box-shadow: inset 0px 0px 3px 0px #003047;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    border: 1px solid #acd2e3;
    padding: 0 5px 6px 5px;
    text-shadow: 0px 1px 1px #43708d;
    color: #FFFFFF;
    font-family: 'Interval_Semibold';
    display: inline-block;
    font-size: 26px;
    margin-right: 10px;
}

div#playersBox {
    margin: 50px auto;
    padding-top: 100px;
    text-align: center;
    width: 100%;
    position: relative;
    background-position: top left;
    background-repeat: repeat-x;
}

div#transformBox {
    position: relative;
    margin: -50px auto 0;
    padding-top: 100px;
    text-align: center;
    width: 90%;
}

div.avatarTransform1,div.avatarTransform2 {
    background-position: bottom center;
    background-repeat: no-repeat;
}

div.player {
    display: inline-block;
    width: 200px;
    margin: 0 5px 0 5px;
    height: 200px;
    text-align: center;
}

div.player div.avatar-window {
    height: 150px;
    width: 150px;
    margin-left: 25px;
    position: relative;
    border-radius: 75px;
    behavior: url(common/assets/css/PIE.htc);
    margin-top: -50px;
}

div.player div.avatar-window p.notice {
    width: 129px;
    height: 37px;
    position: absolute;
    top: -40px;
    left: 10px;
    background: url(../../images/newlook/game/gamePlay/noticeBubble.png) top
        left no-repeat;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: none;
    color: #fff;
    font-family: 'Interval_Semibold';
}

div.player div.avatar-window div.avatarRing {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    /*  background: url(../../images/newlook/game/gamePlay/playerWrapper.png) top left no-repeat; */
    font-size: 10px;
    color: #fff;
    text-align: center;
}

div.player div.avatar-window div.avatarRing p {
    font-size: 10px;
    color: #fff;
    text-align: center;
    margin: -0px 0 0 0;
    padding: 0;
}

div.player div.avatar-window div.avatarRing div {
    top: 2.5px;
    margin: 0;
    padding: 0;
    left: 85px;
    width: 65px;
    height: 150px;
    position: absolute;
    overflow: hidden;
}

div.player div.avatar-window div.avatarRing div img {
    margin-left: -86px;
}

div.player div.avatar-window div.avatarRing div span.streakBar {
    left: -83px;
}

div.player div.avatar-window p.score {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 120px;
    left: 55px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: url(../../images/newlook/game/gamePlay/scoreBox.png) top
        left no-repeat;
}

div.player p.shadow-base {
    height: 70px;
    margin: 0;
    padding-top: 30px;
    text-align: center;
    color: #333;
    font-family: Serifa_Bold;
    font-size: 16px;
}

div.player p.shadow-base img {
    width: 200px;
    height: 14px;
    margin-bottom: 3px;
}

div#gameOver {
    width: 752px;
    height: 455px;
    position: absolute;
    padding: 12px 4px 4px 4px;
    top: -25px;
    left: 0;
    background: rgb(92, 119, 132) transparent;
    background: rgba(92, 119, 132, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#405C7784,
        endColorstr=#405C7784 );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#405C7784, endColorstr=#405C7784)";
    behavior: url(/common/assets/css/PIE.htc);
    display: none;
    z-index: 1000;
}

div#gameOver h3.won {
    height: 101px;
    width: 100%;
    display: none;
    background: url(../../images/newlook/game/gamePlay/txtYouWin.png) top
        center no-repeat;
}

div#gameOver h3.lost {
    height: 101px;
    width: 100%;
    display: none;
    background: url(../../images/newlook/game/gamePlay/txtNiceTry.png) top
        center no-repeat;
}

div#gameOver h4 {
    font-size: 32px;
    font-weight: Serifa_Bold, Arial, Helvetica, Sans-Serif;
    color: #333333;
    font-family: Interval_Bold;
    margin: 10px 0 5px 35px;
    padding: 0;
}

div#gameOver p.caption {
    font-family: Interval_Regular;
    font-size: 17px;
    font-weight: bold;
    color: #333333;
    margin: 0 0 0 35px;
    padding: 0;
}

div#gameOver div#avatar {
    margin: 40px 0 0 35px;
    float: left;
}

div#gameOver div#avatar p {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 23px;
    color: #333333;
    text-align: center;
}

div#gameOver div#pointsEarned {
    float: left;
    margin: 100px 0 0 15px;
}

div#gameOver div#pointsEarned p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

div#gameOver div#pointsEarned p:first-child {
    margin-left: 0;
    line-height: 45px;
    color: #016EA1;
    font-size: 40px;
    font-family: Interval_Bold;
    text-align: center;
}

div#gameOver div#correctAnswers {
    float: left;
    margin: 100px 0 0 15px;
}

div#gameOver div#correctAnswers p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

div#gameOver div#correctAnswers p:first-child {
    margin-left: 0;
    line-height: 45px;
    font-size: 40px;
    font-family: Interval_Bold;
    color: #016EA1;
    text-align: center;
}

div#gameOver div#correctAnswers p:last-child {
    margin-left: 5px;
}

div#gameOver div.left {
    height: 435px;
    width: 550px;
    float: left;
    margin-right: 2px;
    padding-top: 20px;
    position: relative;
    background: url(../../images/newlook/game/gamePlay/gameOverBG_left.png)
        top left repeat-x;
}

div#gameOver div.right {
    height: 430px;
    width: 198px;
    padding-top: 25px;
    margin-left: 2px;
    float: left;
    position: relative;
    background: url(../../images/newlook/game/gamePlay/gameOverBG_right.png)
        top left repeat-x;
}

div#gameOver div.bottom {
    height: 75px;
    width: 752px;
    margin-top: 4px;
    clear: both;
    float: left;
    background: #BDCCD4;
}

div#gameOver div.rankBox {
    width: 172px;
    height: 130px;
    float: left;
    margin-left: 0;
    margin-top: 5px;
    padding: 0px 2px 0 24px;
    border-bottom: 2px solid #94abbd;
}

div#gameOver div.rankBox p.rank {
    margin: 0 0 0 -12px;
    padding: 0;
    width: 50px;
    height: 36px;
    line-height: 12px;
    float: left;
}

div#gameOver p.rank1 {
    background: url(../../images/newlook/game/gamePlay/place_1st.png) top
        left no-repeat;
}

div#gameOver p.rank2 {
    background: url(../../images/newlook/game/gamePlay/place_2nd.png) top
        left no-repeat;
}

div#gameOver p.rank3 {
    background: url(../../images/newlook/game/gamePlay/place_3rd.png) top
        left no-repeat;
}

div#gameOver p.rank4 {
    background: url(../../images/newlook/game/gamePlay/place_4th.png) top
        left no-repeat;
}

div#gameOver div.player {
	float: left;
    width: 80px;
    margin: 0;
    height: 80px;
    text-align: center;
}

div#gameOver p.name-and-location {
    text-align: center;
    font-size: 16px;
    font-family: Interval_Bold;
    color: #333;
    margin-top: 5px;
    clear: both;
    margin-left: -12px;
}

div #gameOver p.name-and-location span {
    font-size: 12px;
}

div#gameOver div.player div.avatar-window {
    margin-left: 0px;
    margin-top: 0;
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 75px;
    behavior: url(common/assets/css/PIE.htc);
}

div#gameOver div.player p.name-and-location {
  margin-left: 10px;
}

div#gameOver div.player div.avatar-window img {
    width: 80px;
    height: 80px;
}

div#gameOver div.player div.avatar-window div.avatarRing {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    background: none;
}

div#gameOver div.player div.avatar-window div.avatarRing img {
    width: 80px;
    height: 80px;
}

div#gameOver div.player div.avatar-window p.score {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 60px;
    left: 24px;
    height: 31px;
    width: 32px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    background: url(../../images/newlook/game/gamePlay/scoreBox_small.png)
        top left no-repeat;
}
/*--PROGRESS BAR FOR TIMER*/
#gameTimer {
    width: 865px;
    margin: -15px auto;
    position: relative;
}

#gameTimer div.progress {
    border: 1px solid #7dabbe;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/common/assets/css/PIE.htc);
    z-index: 15;
    overflow: hidden;
    background: rgb(128, 128, 128) transparent;
    background: rgba(128, 128, 128, 0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10808080,
        endColorstr=#10808080 );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#10808080, endColorstr=#10808080)";
    position: relative;
    display: inline-block;
}

#gameTimer div.progress div {
    position: absolute;
    z-index: 2;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 0;
}

#gameTimer div.progress div div { /*  background-color: #fed26c; */
    background-position: top left;
    background-image: url(../../images/newlook/game/gamePlay/timerBg.png);
    background-repeat: repeat-x;
    /*  background-image: linear-gradient(top, #252525 10%, #333333 30%, #333233 76%, #2c2c2c 70%);
    background-image: -o-linear-gradient(top, #252525 10%,  #333333 30%, #333233 76%, #2c2c2c 70%);
    background-image: -moz-linear-gradient(top,#252525 10%,  #333333 30%, #333233 76%, #2c2c2c 70%);
    background-image: -webkit-linear-gradient(top, #252525 10%, #333333 30%, #333233 76%, #2c2c2c 70%);
    background-image: -ms-linear-gradient(top, #252525 10%, #333333 30%,#333233 76%, #2c2c2c 70%);
    -pie-background: linear-gradient(top , #252525 10%, #333333 30%, #333233 76.0%,#2c2c2c 70.0%); */
    /*    background-color: #fed16c;
    background: #fed16c; /* Old browsers
    background: -moz-linear-gradient(top,  #fed16c 0%, #ffba70 100%); /* FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed16c), color-stop(100%,#ffba70)); /* Chrome,Safari4+
    background: -webkit-linear-gradient(top,  #fed16c 0%,#ffba70 100%); /* Chrome10+,Safari5.1+
    background: -o-linear-gradient(top,  #fed16c 0%,#ffba70 100%); /* Opera 11.10+
    background: -ms-linear-gradient(top,  #fed16c 0%,#ffba70 100%); /* IE10+
    background: linear-gradient(top,  #fed16c 0%,#ffba70 100%); /* W3C
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed16c', endColorstr='#ffba70',GradientType=0 ); /* IE6-9

    -pie-background: linear-gradient(top,  #fed16c 0%,#ffba70 100%);
*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    behavior: url(/common/assets/css/PIE.htc);
    z-index: 1;
    width: 0px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#gameTimer div.progress p {
    position: relative;
    float: left;
    z-index: 10;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    display: inline-block;
    border-right: 1px solid #7dabbe;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
    opacity: .5;
}

#gameTimer div.progress p:last-child {
    border: none;
}

/*
*  New Home page L&F
*/
div#container {
    width: 864px;
    height: 555px;
    margin: auto;
    position: relative;
}

div#blur {
    z-index: 900;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: #ffffff;
}

div#topPanel {
    border: 2px solid #A0BBC9;
    background-color: #CEE5F0;
    width: 875px;
    height: 294px;
    margin: 20px 0 0 0;
}

div#topPanelLeft {
    width: 600px;
    height: 295px;
    float: left;
}

div#activityPanel {
    border-bottom: 1px solid #A0BBC9;
    width: 615px;
    height: 180px;
    float: left;
    font-size: 28px;
    padding: 15px 15px 15px 20px;
    background: url(../../images/newlook/home/panelBackground.png)
}

div#nextActivityPanel {
    width: 615px;
    height: 83px;
    float: left;
    background-image: url(../../images/newlook/home/greenBackground.png);
}

div#levelPanel {
    width: 259px;
    height: 294px;
    border-left: 1px solid #A0BBC9;
    float: right;
    background: url(../../images/newlook/home/panelBackground.png);
}

div#levelIndicator {
    width: 235px;
    height: 35px;
    padding: 10px 0 0 20px;
}

div#nextActivity {
    width: 340px;
    float: left;
    height: 83px;
    padding: 10px 0 10px 10px;
    width: 375px;
}

div#nextActivityLabel {
    font-size: 18px;
    font-family: 'Interval_Semibold';
    width: 100%;
    padding: 5px 0 0px 10px;
    color: #ffffff;
}

div#nextActivityText {
    width: 365px;
    padding: 0px 0 0 10px;
    font-size: 24px;
    font-family: 'Interval_Regular';
    white-space: normal;
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    color: #F9C27A;
}

div#nextActivityButton {
    float: right;
    width: 230px;
    padding-top: 12px;
}

div#goPlay {
    background-color: #34657d;
}

div#startHere {
    position: absolute;
    top: 189px;
    left: 420px;
    width: 131px;
    height: 44px;
    display: none;
    background: url(../../images/newlook/home/startHere.png) no-repeat;
}

div#totalTokens,div#weeklyPoints {
    color: #0370A0;
    font-family: 'Serifa_Bold';
    font-size: 44px;
    height: 83px;
    text-align: center;
    float: left;
    padding-left: 10px;
    text-shadow: -3px -3px 0px #c9e4ef;
}

div#totalTokens {
    background: url(../../images/newlook/home/banner_PlayTokens.png)
        no-repeat 58px 45px;
    width: 240px;
}

div#totalTokens img {
    position: relative;
    top: 3px;
}

div#weeklyPoints {
    background: url(../../images/newlook/home/banner_WeeklyPoints.png)
        no-repeat 58px 44px;
    width: 240px;
}

div#tokensGraphic {
    width: 100px;
    height: 75px;
    float: left;
    text-align: center;
}

div#pointsGraphic {
    width: 100px;
    height: 75px;
    float: left;
    text-align: center;
}

#toMathManiaButton {
	margin: 0 auto;
	width: 203px;
	height: 62px;
	display: block;
	background: url(../../images/newlook/mathMania/goPlayMathManiaButton.png) top left no-repeat;
}

div#goPlayButtonWrapper {
    text-align: center;
    padding-top: 12px;
    width: 259px;
    height: 71px;
    background-image: url(../../images/newlook/home/blueBackground.png);
    float: left;
}

div#bottomPanel {
    height: 225px;
    width: 880px;
    margin: 0 0 0 0;
    position: relative;
}

div#container div#avatar {
    height: 225px;
    width: 230px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    line-height: 430px;
    text-align: center;
    font-family: 'Serifa_Bold';
    position: absolute;
    top: 13px;
    left: -37px;
}

div#container div#avatar:first-letter {
    text-transform: capitalize;
}

div#recentAchievements {
    height: 165px;
    width: 500px;
    background: url(../../images/newlook/home/banner_RecentAchievements.png)
        no-repeat 0px 30px;
    margin: 0 auto;
    padding: 60px 0 0 0;
}

div#recentAchievements div {
    float: left;
    position: relative;
    text-align: center;
    top: 3px;
}

div#recentAchievements div span {
    font-family: 'Interval_SemiBold';
    padding-top: 82px;
    letter-spacing: 1px;
}

div#recentAchievements img {
    padding: 10px 0px 13px 0px;
}

div#recentAchievements div.medBadgeImage {
  color: #fff;
  width: 133px;
  height: 144px;
}
div#recentAchievements div.medBadgeImage div.medBadge {
  font-family: 'Serifa_Black';
  font-size: 14px;
  text-shadow: 2px 2px 2px #000;
  position: absolute;
  top: 73px;
  left: 0px;
  text-align: center;
  width: 133px;
}

div#recentAchievements div.medBadgeImage div.badgeSubImage {
	background-position: center;
	background-repeat: no-repeat;
	height: 50px;
	left: 17px;
	position: absolute;
	top: 37px;
	width: 100px;
}

div#recentAchievements div.medBadgeImage img.badgeMax {
	position: absolute;
	left: -8px;
	z-index: 200;
	top: 0;
}

div#recentAchievements div.medBadgeImage div.classC {
	top: 35px;
	color: #333;
	text-shadow: none;
}

div#recentAchievements div.medBadgeImage div.medBadge span.textLine2 {
  font-family: 'Serifa_Black';
  font-size: 11px;
  text-shadow: 1px 1px 1px #000;
  display: block;
  margin-top: 0px;
  padding-top: 0px;
}
div#recentAchievements div.medBadgeImage div.medBadgeCount {
  font-family: 'Serifa_Bold';
  font-size: 12px;
  position: absolute;
  top: 107px;
  right: 15px;
  text-align: right;
}

div.progressBarContainer {
    position: relative;
    margin-top: 22px;
}

div.progressBarContent {
    /*background: url(../../images/newlook/home/progressBarBackground.png) no-repeat 0 17px;*/
    position: absolute;
    width: 575px;
    height: 52px;
    margin-top: 5px;
    padding-left: 10px;
    z-index: 100;
    top: -25px;
    left: 0;
    cursor:default;
}

div.progressBarNumber {
    font-size: 18px;
    color: #333;
    padding: 0px;
    text-shadow: 1px 1px 0px #666666;
    display: inline-block;
    width: 35px;
    height: 47px;
    text-align: center;
    vertical-align: text-top;
}

div.incompleted { /*margin-top: 24px;*/
    height: 40px;
    margin-top: 13px;
}

.chrome div.incompleted {
    margin-top: 12px;
}

div.progressBarContent a { /*font-size: 18px;*/
    color: #ffffff;
    text-shadow: 1px 1px 0px #666666;
    text-decoration: none;
    text-align: center;
    cursor: inherit;
}

div.incompleted div {
    padding-top: 11px;
    color: #ffffff;
    font-size: 17px;
    font-family: 'Interval_Regular';
}

div.incompleted a {
    font-size: 18px;
    color: #ffffff;
    text-shadow: 1px 1px 0px #666666;
    text-decoration: none;
    text-align: center;
}

div.trophyBronze,div.trophySilver,div.trophyGold {
    margin-top: 0px;
    color: #989FA6;
    text-shadow: none;
    font-size: 12px;
    font-family: 'Interval_Bold';
}

div.trophyBronze {
    background: url(../../images/newlook/home/trophy_Bronze.png) no-repeat
        bottom;
}

div.trophySilver {
    background: url(../../images/newlook/home/trophy_Silver.png) no-repeat
        bottom;
}

div.trophyGold {
    background: url(../../images/newlook/home/trophy_Gold.png) no-repeat
        bottom;
}

div.trophyBronze div,div.trophySilver div,div.trophyGold div {
    padding-top: 50px;
}

div.marker {
    background: url(../../images/newlook/home/marker.png) no-repeat;
    background-position: -7px -5px;
    margin-top: 13px;
}

.chrome div.marker {
    background-position: -7px -4px;
}

div.marker div {
    color: #000000;
    padding-top: 12px !important;
}

div.globe {
    background: url(../../images/newlook/icons/ico_Globe.png) no-repeat;
    background-position: 11px 12px;
    padding-top: 0px;
}

div#moduleName {
    font-family: 'Interval_Bold';
    font-size: 26px;
    padding: 6px 0;
    width: 595px;
}

div.moduleTest {
    background: url(../../images/newlook/icons/ico_Cap.png) no-repeat;
    background-position: 11px 13px;
    padding-top: 0px;
    z-index: 1000;
    width:36px;
}

div.problemSolving {
    background: url(../../images/newlook/icons/problem_solving_dashboard.png) no-repeat;
    background-position: 11px 13px;
    padding-top: 0px;
    z-index: 1000;
}

div#activityPanel div.progressBar {
    width: 4px;
    margin-bottom: 8px;
    text-align: center;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    behavior: url(/common/assets/css/PIE.htc);
    background: url(../../images/newlook/home/progressBarBackground.png)
        repeat-x;
    background-color: transparent;
    z-index: 15;
    overflow: hidden;
    display: inline-block;
    position: absolute;
}

div#activityPanel div.progressBar div {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 0;
}

div#activityPanel div.progressBar div div {
    background-color: #439945;
    border: 0px solid #439945;
    behavior: url(/common/assets/css/PIE.htc);
    background: url(../../images/newlook/home/progressBar_Activities.png)
        repeat-x;
    border-radius: 16px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

div#activityPanel div.progressBar p {
    display: none;
}

div#levelIndicator div.progressLevelsSmall {
    width: 4px;
    margin-bottom: 10px;
    text-align: center;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    behavior: url(/common/assets/css/PIE.htc);
    background-color: #79B7C6;
    z-index: 15;
    overflow: hidden;
    position: relative;
    /*display: inline-block;*/
    display: block;
}

div#levelIndicator div.progressLevelsSmall div {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 0;
}

div#levelIndicator div.progressLevelsSmall div div {
    background-color: #439945;
    border: 0px solid #439945;
    behavior: url(/common/assets/css/PIE.htc);
    border-radius: 16px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

div#levelIndicator div.progressLevelsSmall p {
    display: none
}

div#time {
    padding-top: 20px;
}

div.largeButton {
    font-family: 'Interval_Bold';
    height: 37px;
    width: 196px;
    font-size: 33px;
    color: #ffffff;
    padding: 12px 0 10px 0;
    text-shadow: 1px 1px 0 #666;
}

div#module {
    -webkit-box-shadow: inset 0px 0px 3px 0px #215022;
    -moz-box-shadow: inset 0px 0px 3px 0px #215022;
    box-shadow: inset 0px 0px 3px 0px #215022;
    width: 115px;
    height: 22px;
    line-height: 20px;
    font-family: 'Interval_Semibold';
    font-size: 14px;
    background-color: #439945;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: 1.25px;
}

div#level {
    -webkit-box-shadow: inset 0px 0px 3px 0px #003047;
    -moz-box-shadow: inset 0px 0px 3px 0px #003047;
    box-shadow: inset 0px 0px 3px 0px #003047;
    width: 92px;
    height: 22px;
    line-height: 20px;
    font-family: 'Interval_Semibold';
    font-size: 14px;
    background-color: #016EA1;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: 1.25px;
    margin: 3px 0;
}

div#goLearn {
    border: 1px solid #DEFFDE;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: #666 0px 1px 2px;
    -moz-box-shadow: #666 0px 1px 2px;
    box-shadow: #666 0px 1px 2px;
    background: #9FD099;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#73CC8E),
        to(#158C44) );
    background: -webkit-linear-gradient(#73CC8E, #158C44);
    background: -moz-linear-gradient(#73CC8E, #158C44);
    background: -ms-linear-gradient(#73CC8E, #158C44);
    background: -o-linear-gradient(#73CC8E, #158C44);
    background: linear-gradient(#73CC8E, #158C44);
    -pie-background: linear-gradient(#73CC8E, #158C44);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73CC8E',
        endColorstr='#158C44' ); /* for IE */
    /*behavior: url(/common/assets/css/PIE.htc);*/
}

div#goPlay {
    border: 1px solid #DCF4FF;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: #666 0px 1px 2px;
    -moz-box-shadow: #666 0px 1px 2px;
    box-shadow: #666 0px 1px 2px;
    background: #7CC8EA;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7CC8EA),
        to(#026FA2) );
    background: -webkit-linear-gradient(#7CC8EA, #026FA2);
    background: -moz-linear-gradient(#7CC8EA, #026FA2);
    background: -ms-linear-gradient(#7CC8EA, #026FA2);
    background: -o-linear-gradient(#7CC8EA, #026FA2);
    background: linear-gradient(#7CC8EA, #026FA2);
    -pie-background: linear-gradient(#7CC8EA, #026FA2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CC8EA',
        endColorstr='#026FA2' ); /* for IE */
    /*behavior: url(/common/assets/css/PIE.htc);*/
    margin: auto;
}

a.largeButton {
    text-decoration: none;
}

div#container div#avatar {
    /*background-image: url(/common/assets/images/newlook/home/avatar_Cat.png) ;*/

}

div#chartContainer {
    float: right;
    /*background: url(../../images/newlook/home/chartBackground.png) no-repeat 0 48px;*/
    position: absolute;
    width: 230px;
    height: 195px;
    top: 10px;
    right: 20px;
}

div#min {
    font-size: 12px;
    font-family: 'Interval_Bold';
    padding: 2px 0;
    float: left;
    height: 17px;
}

div#legend {
    float: right;
}

div.tickLabel {
    font-family: 'Interval_Regular';
    font-size: 12px;
}

div#goal {
    position: absolute;
    color: #333333;
    font-size: 12px;
    font-family: 'Interval_Regular';
}

div#chart {
    position: relative;
    height: 140px;
    width: 230px;
    margin-top: 3px;
    margin-left: 0px;
    clear: both;
}

div#chartBackground {
    position: absolute;
    top: 0px;
    left: 23px;
    height: 112px;
    width: 204px;
    background-color: #333333;
    opacity: .05;
}

.ie8 div#chartBackground {
    background-color: transparent;
}

div#chartGoalLine {
    position: absolute;
    top: 24px;
    left: 24px;
    height: 1px;
    border-bottom: 1px dashed #999;
    width: 200px;
    z-index: 3;
}

div#yAxisBorder {
    position: absolute;
    top: 0px;
    left: 23px;
    height: 112px;
    border-left: 1px solid #999;
    width: 1px;
    z-index: 3;
}

div#xAxisBorder {
    position: absolute;
    top: 110px;
    left: 23px;
    height: 1px;
    border-bottom: 1px solid #999;
    width: 204px;
    z-index: 3;
}

.chrome div#chart {
    margin-top: 28px;
}

.safari div#chart {
    margin-top: 29px;
}

td.legendColorBox {
    padding: 3px 3px 0 3px;
}

td.legendLabel {
    font-size: 12px;
    vertical-align: middle;
    padding: 4px 2px 0 0;
    font-family: 'Interval_Regular';
}
/*! Dark tooltip style */
.ui-tooltip-vmath {
    border-radius: 2px 2px 2px 2px;
    behavior: url(/common/assets/css/newlook/PIE.htc);
	opacity: 0.8 !important;
	filter:alpha(opacity=80) !important;
}
.ui-tooltip-vmath .qtip-titlebar,.ui-tooltip-vmath .qtip-content
    {
    border-color: #303030;
    color: #f3f3f3;
}

.ui-tooltip-vmath .qtip-content {
/*    background-color: rgba(0, 0, 0, 0.7); */

    color: #F9C27A;
    font-weight: bold;
    font-size: 14px;
    background-color: #000;
}

.ui-tooltip-vmath .qtip-titlebar {
/*    background-color: rgba(0, 0, 0, 0.7) !important;*/
    font-size: 14px;
    font-weight: normal;
    height: 10px;
    background-color: #000 !important;

}

.ui-tooltip-vmath .ui-tooltip-tip {
    border-color: #444;
}

.ui-tooltip-vmath .qtip-titlebar .ui-state-hover {
    border-color: #303030;
}

/*  Learn Styles */
#mathDictionary {
    font-family: 'Interval_Regular';
    font-size: 14px;
    color: #CFCCCB;
    text-decoration: none;
    position: relative;
    top: -7px;
}

#mathDictionary .mathDictionaryText {
    position: relative;
    top: -3px;
}

#homeBtn {
	margin-top: 12px;
    margin-right: 4px;
    width: 30px;
    display: inline-block;
    height: 30px;
    background: url(../../images/newlook/icons/menuIcos.png) no-repeat;
    background-position: 0px 0px;
}
#homeBtn:hover {
	background-position: 0px -35px;
}

#menuBanner #help {
	margin-top: 12px;
	margin-right: 4px;
	width: 30px;
	height: 30px;
	background: url(../../images/newlook/icons/menuIcos.png) no-repeat;
	background-position: -36px 0px;
	display: inline-block;
}
#menuBanner #help.active,
#menuBanner #help:hover {
	background-position: -36px -35px;
}
#menuBanner #logout {
	margin-top: 12px;
	width: 38px;
	height: 30px;
	background: url(../../images/newlook/icons/menuIcos.png) no-repeat;
	display: inline-block;
	background-position: -72px 0px;
}
#menuBanner #logout:hover {
	background-position: -72px -35px;
}

#menuBanner #btnAudio {
	margin-top: 12px;
	margin-right: 4px;
	width: 30px;
	height: 30px;
	background: url(../../images/newlook/icons/menuIcos.png) no-repeat;
	background-position: -114px -70.5px;
	display: inline-block;
}

#menuBanner #btnAudio.menuActive {
	background-position: -114px 0px;
}

#menuBanner #btnAudio.active,
#menuBanner #btnAudio:hover {
	background-position: -114px -35.5px;
}

div#activityHeader {
    padding: 12px 0;
}

div#activityHeader div {
    display: inline-block;
}

div#activityHeader div#activityCount {
    font-family: 'Interval_Semibold';
    color: #ffffff;
    font-size: 26px;
    background-color: #6e9aaf;
    -webkit-box-shadow: inset 0px 0px 3px 0px #003047;
    -moz-box-shadow: inset 0px 0px 3px 0px #003047;
    box-shadow: inset 0px 0px 3px 0px #003047;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    border: 1px solid #acd2e3;
    padding: 0 5px 6px 5px;
    text-shadow: 0px 1px 1px #43708d;
    /*
    text-align: center;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    width: 92px;
    letter-spacing: 1.25px;
    */
}

div#activityHeader div#activityName {
    font-family: 'Interval_Semibold';
    color: #ffffff;
    font-size: 28px;
    padding-left: 10px;
    text-shadow: 0 0 2px #333;
}

div#main {
    width: 886px;
    height: 380px;
    border: 5px solid #69A5BA;
    position: relative;
}

div#mainLeft {
    width: 576px;
    height: 350px;
    background: #ffffff;
    padding: 15px;
    position: absolute;
    left: 0;
}

div#mainRight {
    background:
        url(/common/assets/images/newlook/learn/background_rightSide.png)
        left repeat-y #C6E3EB;
    width: 280px;
    height: 380px;
    position: absolute;
    right: 0;
}

div#messages {
    position: absolute;
    top: 70px;
    left: 44px;
}

div#messages div#top,div#pointsEarnedMessage div#top {
    background:
        url(/common/assets/images/newlook/learn/background_messagesTop.png)
        no-repeat;
    background-size: 100%;
    height: 18px
}

div#messages div#body,div#pointsEarnedMessage div#body {
    color: #ffffff;
}

div#messages div#bottom,div#pointsEarnedMessage div#bottom {
    background:
        url(/common/assets/images/newlook/learn/background_messagesBottom.png)
        no-repeat;
    background-size: 100%;
    height: 8px;
}

div#messages div#outerMessage {
    display: table;
    height: 30px;
    overflow: hidden;
    width: 200px;
    border: 0;
    padding: 0;
    text-align: center;
    background: #626262;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5E5E5E),
        to(#393939) );
    background: -webkit-linear-gradient(#5E5E5E, #393939);
    background: -moz-linear-gradient(#5E5E5E, #393939);
    background: -ms-linear-gradient(#5E5E5E, #393939);
    background: -o-linear-gradient(#5E5E5E, #393939);
    background: linear-gradient(#5E5E5E, #393939);
    -pie-background: linear-gradient(#5E5E5E, #393939);
    behavior: url(/common/assets/css/PIE.htc);
}

div#messages div#outerMessage div#innerMessage {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-family: 'Interval_Semibold';
}

div#messages div#mathTutor {
    position: absolute;
    bottom: -8px;
    right: -15px;
}

div#pointsEarnedMessage {
    position: absolute;
    top: 12px;
    left: 44px;
}

div#pointsEarnedMessage div#outerMessage {
    display: table;
    height: 30px;
    overflow: hidden;
    width: 200px;
    border: 0;
    padding: 0;
    text-align: center;
    background: #626262;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5E5E5E),
        to(#393939) );
    background: -webkit-linear-gradient(#5E5E5E, #393939);
    background: -moz-linear-gradient(#5E5E5E, #393939);
    background: -ms-linear-gradient(#5E5E5E, #393939);
    background: -o-linear-gradient(#5E5E5E, #393939);
    background: linear-gradient(#5E5E5E, #393939);
    -pie-background: linear-gradient(#5E5E5E, #393939);
    behavior: url(/common/assets/css/PIE.htc);
}

div#messages div#outerMessage div#innerMessage,div#messages div#pointsEarnedMessage div#innerMessage
    {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-family: 'Interval_Semibold';
}

div#pointsEarnedMessage div#mathTutor {
    position: absolute;
    bottom: -229px;
    right: -60px;
}

div#questionInstruction {
    font-family: 'Interval_Regular';
    font-size: 18px;
    padding: 0 0 3px 0;
    color: #333333;
}

div#problemDisplay {
    position: absolute;
    width: 575px;
    height: 270px;
}

div#main {
    position: relative;
}

div#questionButtonsWrapper {
    position: absolute;
    bottom: 15px;
    right: 10px;
}

input {
    border: 0 none;
}
button#nextQuestion, button#checkAnswer {
  border: 0px;
}

#checkAnswer,#nextQuestion,#button_review {
    cursor: pointer;
    background-image:
        url(/common/assets/images/newlook/learn/buttons_sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

#checkAnswer:disabled,#nextQuestion:disabled,#button_review:disabled {
    cursor: default;
    background-image:
        url(/common/assets/images/newlook/learn/buttons_sprite.png);
    background-repeat: no-repeat;
}

#checkAnswer {
    width: 163px;
    height: 38px;
    margin-right: 17px;
    background-position: -163px -1px;
}

#checkAnswer:disabled {
    background-position: 0px 0px;
}

#nextQuestion {
    width: 183px;
    height: 38px;
    margin-right: 6px;
    background-position: -183px -41px;
}

#nextQuestion:disabled {
    background-position: 0 -41px;
}

#button_review {
    width: 151px;
    height: 38px;
    position: absolute;
    bottom: 16px;
    left: 15px;
    background-position: -152px -81px;
}

#button_review:disabled {
    background-position: 0px -81px;
}

ol#ol-steps { /*list-style-type: decimal;*/
    list-style-position: inside;
    padding: 0 0 0 24px;
    width: 210px;
    font-size: 14px;
}

.ie ol#ol-steps {
    padding: 0 0 0 10px;
    margin: 0 0 0 5px;
}

ol#ol-steps li {
    padding: 10px 0 15px 0;
    text-indent: -15px;
    font-family: 'Interval_Light';
    /*border-bottom: 1px solid #F5F8FA;*/
}

.ie ol#ol-steps li {
    padding: 10px 0 15px 0;
    text-indent: 0px;
    font-family: 'Interval_Light';
    /*border-bottom: 1px solid #F5F8FA;*/
}

.mac.webkit ol#ol-steps li {
    padding: 10px 0 15px 0;
    text-indent: 0px;
    font-family: 'Interval_Light';
    position:relative;
    left:-15px;
    /*border-bottom: 1px solid #F5F8FA;*/
}

.ipad ol#ol-steps li {
    padding: 10px 0 15px 0;
    text-indent: 0px;
    font-family: 'Interval_Light';
    position:relative;
    left:-15px;
    /*border-bottom: 1px solid #F5F8FA;*/
}

ol#ol-steps li.spacer {
    text-indent: 0px;
    padding: 0;
    border-bottom: solid 1px #F4F8FA;
}

div#scaffoldingDisplay {
    width: 270px;
    height: 129px;
    position: absolute;
    top: -11px;
    right: 11px;
}

div#max {
    display: none;
    position: absolute;
    z-index: 500;
}

div.max_headScratching {
    background:
        url(/common/assets/images/newlook/learn/max_headScratching.png)
        no-repeat;
    left: 798px;
    top: 245px;
    width: 163px;
    height: 285px;
}

div.max_greeting {
    background:
        url(/common/assets/images/newlook/learn/max_greeting.png)
        no-repeat;
    right: -51px;
    top: 250px;
    width: 163px;
    height: 285px;
}

div.max_thumbsUp {
    background:
        url(/common/assets/images/newlook/learn/max_thumbsUp.png)
        no-repeat;
    left: 760px;
    top: 243px;
    width: 163px;
    height: 285px;
}

div.max_pointing_up {
    background:
        url(/common/assets/images/newlook/learn/max_pointing_up.png)
        no-repeat;
    left: 765px;
    top: 243px;
    width: 163px;
    height: 285px;
}

div.max_pointing_down {
    background:
        url(/common/assets/images/newlook/learn/max_pointing_down.png)
        no-repeat;
    left: 760px;
    top: 243px;
    width: 196px;
    height: 285px;
}

div.max_number_holder {
    background:
        url(/common/assets/images/newlook/learn/max_number_holder.png)
        no-repeat;
    left: 784px;
    top: 250px;
    width: 160px;
    height: 288px;
}

div#max_number {
    position: absolute;
}

div.max_number_5 {
    background:
        url(/common/assets/images/newlook/learn/number_blue_5.png)
        no-repeat;
    left: 782px;
    top: 262px;
    width: 34px;
    height: 50px;
}

div.max_number_6 {
    background:
        url(/common/assets/images/newlook/learn/number_blue_6.png)
        no-repeat;
    left: 784px;
    top: 263px;
    width: 34px;
    height: 50px;
}

div.max_number_7 {
    background:
        url(/common/assets/images/newlook/learn/number_blue_7.png)
        no-repeat;
    left: 785px;
    top: 264px;
    width: 38px;
    height: 50px;
}

div.max_bronze {
    background:
        url(/common/assets/images/newlook/learn/max_bronze.png)
        no-repeat;
    left: 798px;
    top: 251px;
    width: 160px;
    height: 288px;
}

div.max_silver {
    background:
        url(/common/assets/images/newlook/learn/max_silver.png)
        no-repeat;
    left: 806px;
    top: 202px;
    width: 138px;
    height: 332px;
}

div.max_gold {
    background:
        url(/common/assets/images/newlook/learn/max_gold.png)
        no-repeat;
    left: 811px;
    top: 162px;
    width: 137px;
    height: 374px;
}

div#max_dialog {
    position: absolute;
    display: none;
}

div.max_dialog_small {
    top: 110px;
    left: 623px;
    width: 265px;
    height: 146px;
    background:
        url("/common/assets/images/newlook/learn/messageBox_small.png");
    no-repeat;
}

div.max_dialog_medium {
    top: 110px;
    left: 624px;
    width: 265px;
    height: 173px;
    background:
        url("/common/assets/images/newlook/learn/messageBox_medium.png");
    no-repeat;
}

div.max_dialog_large {
    top: 80px;
    right: -22px;
    width: 265px;
    height: 215px;
    background:
        url("/common/assets/images/newlook/learn/messageBox_large.png");
    no-repeat;
}

div#max_dialog_text {
    color: #ffffff;
    text-align: center;
    font-family: 'Interval_SemiBold';
    font-size: 20px;
}

div.max_dialog_small_text {
    padding-top: 45px;
    font-size: 24px;
}

div.max_dialog_medium_text {
    padding-top: 50px;
}

div.max_dialog_large_text {
    padding-top: 40px;
}

div.max_dialog_large_text div {
    font-size: 28px;
    font-family: 'Interval_Semibold';
    padding-bottom: 15px;
}

div.max_dialog_achievement_text,div.max_dialog_large_text div.max_dialog_achievement_text
    {
    padding: 0 0 10px 0;
    font-size: 16px;
    font-family: 'Interval_Regular';
}

div.max_dialog_wrongAnswer {
    background:
        url(/common/assets/images/newlook/learn/messageBox.png)
        no-repeat;
    right: 105px;
    top: 143px;
    padding-top: 17px;
}

div.max_dialog_correct {
    background:
        url(/common/assets/images/newlook/learn/correct.png)
        no-repeat;
    background-position: bottom center;
    width: 185px;
    height: 149px;
    left: 660px;
    top: 80px;
}

div.max_dialog_pointsRibbon_5 {
    background:
        url(/common/assets/images/newlook/learn/points_ribbon_5.png)
        no-repeat center;
    width: 185px;
    height: 149px;
    left: 660px;
    top: 80px;
}

div.max_dialog_pointsRibbon_10 {
    background:
        url(/common/assets/images/newlook/learn/points_ribbon_10.png)
        no-repeat center;
    width: 185px;
    height: 149px;
    left: 660px;
    top: 80px;
}

div.max_dialog_text_points {
    right: 143px;
    top: 250px;
    height: 170px;
}

div#max_dialog_text .message {
    color: #333;
    font-size: 18px;
    font-family: 'Interval_SemiBold';
    padding-top: 150px;
}

div#scaffoldingDisplay #hintsBodyOuter {
    background:
        url(/common/assets/images/newlook/learn/notes_sideBody.png);
    background-repeat: repeat-y;
    background-position: left;
    margin-left: 11px;
}

div#scaffoldingDisplay #hintsBodyInner {
    background:
        url(/common/assets/images/newlook/learn/notes_background.png)
        #ffffff repeat-x top;
    width: 262px;
    font-size: 12px;
    margin-left: 5px;
    border-right: solid 1px #F1F6F7;
    max-height: 275px;
    overflow: auto;
}

div#scaffoldingDisplay .hintsFolded {
    background:
        url(/common/assets/images/newlook/learn/notes_folded.png)
        no-repeat;
    width: 283px;
    height: 33px;
    padding: 15px 0 0 35px;
    display: none;
}

div#scaffoldingDisplay #hintsTopUnfolded {
    background:
        url(/common/assets/images/newlook/learn/notes_top_unfolded.png)
        no-repeat;
    width: 283px;
    height: 23px;
    margin-top: -4px;
    margin-left: -3px;
}

div#scaffoldingDisplay .hintsBottomUnfolded {
    background:
        url(/common/assets/images/newlook/learn/notes_bottom_unfolded.png)
        no-repeat 0 -4px;
    width: 309px;
    height: 35px;
    margin-left: 11px;
}

div#scaffoldingDisplay .hintsBottomNoText {
    background:
        url(/common/assets/images/newlook/learn/notes_bottom_unfolded_notext.png)
        no-repeat 0 -4px;
    width: 309px;
    height: 35px;
    margin-left: 11px;
}

div#scaffoldingDisplay #hintButton {
    width: 155px;
    height: 28px;
    background-color: transparent;
    margin-left: 45px;
    cursor: pointer;
}
div#scaffoldingDisplay div#hintsBottom.hintsBottomUnfolded #hintButton {
	width: 150px;
	margin-left: 80px;
}
div#selectionInfo {
    width: 133px;
    height: 80px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

div#feedback {
    width: 353px;
    height: 30px;
    position: absolute;
    bottom: 60px;
    left: 250px;
    color: #FF2D35;
    font-size: 28px;
    font-family: 'Interval_SemiBold';
    display: none;
}
/*
.incorrecttxt {
    color: #FF2D35;
    font-size: 28px;
    font-family: 'Interval_SemiBold';
}
.correcttxt {
    color: #009647;
    font-size: 18px;
    font-family: 'Interval_Bold';
}*/
div#streak_container {
    background:
        url(/common/assets/images/newlook/learn/streak/streak_background.png)
        no-repeat;
    width: 886px;
    height: 53px;
    position: absolute;
    bottom: 13px;
    left: 10px;
    z-index: 100;
}

div#streak_container div#previous_streak_background {
    position: absolute;
    width: 886px;
    height: 53px;
    z-index: 200;
    background-position: left center;
    background-repeat: no-repeat;
}

div#streak_container div#active_streak_background {
    position: absolute;
    width: 886px;
    height: 53px;
    z-index: 300;
    background-position: left center;
    background-repeat: no-repeat;
}

div#streak_container div#active_streak_background div.A,
div#streak_container div#active_streak_background div.B
{
    position: absolute;
    width: 886px;
    height: 53px;
    z-index: 300;
    background-position: left center;
    background-repeat: no-repeat;
}

div#streak_container div#numbers {
    position: absolute;
    width: 886px;
    height: 53px;
    z-index: 400;
}

div#streak_container div#streak_numbers {
    position: absolute;
    width: 886px;
    height: 53px;
    z-index: 500;
}

div#streak_container div#streak_avatar {
    width: 124px;
    height: 81px;
    position: absolute;
    top: -60px;
    left: 5px;
    z-index: 1100;
}

div#streak_container div#numbers div#number_1 {
    background:
        url("/common/assets/images/newlook/learn/streak/blue_number_1.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 138px;
}

div#streak_container div#numbers div#number_2 {
    background:
        url("/common/assets/images/newlook/learn/streak/blue_number_2.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 209px;
}

div#streak_container div#numbers div#number_3 {
    background:
        url("/common/assets/images/newlook/learn/streak/blue_number_3.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 280px;
}

div#streak_container div#numbers div#number_4 {
    background:
        url("/common/assets/images/newlook/learn/streak/blue_number_4.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 352px;
}

div#streak_container div#numbers div#number_5 {
    background:
        url("/common/assets/images/newlook/learn/streak/blue_number_5.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 422px;
}

div#streak_container div#numbers div#number_6 {
    background:
        url("/common/assets/images/newlook/learn/streak/blue_number_6.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 493px;
}

div#streak_container div#numbers div#number_7 {
    background:
        url("/common/assets/images/newlook/learn/streak/blue_number_7.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 563px;
}

div#streak_container div#active_streak_numbers div#streak_1 {
    background:
        url("/common/assets/images/newlook/learn/streak/green_number_1.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 136px;
    z-index: 1000;
    display: none;
}

div#streak_container div#active_streak_numbers div#streak_2 {
    background:
        url("/common/assets/images/newlook/learn/streak/green_number_2.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 5px;
    left: 205px;
    z-index: 1000;
    display: none;
}

div#streak_container div#active_streak_numbers div#streak_3 {
    background:
        url("/common/assets/images/newlook/learn/streak/green_number_3.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 277px;
    z-index: 1000;
    display: none;
}

div#streak_container div#active_streak_numbers div#streak_4 {
    background:
        url("/common/assets/images/newlook/learn/streak/green_number_4.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 349px;
    z-index: 1000;
    display: none;
}

div#streak_container div#active_streak_numbers div#streak_5 {
    background:
        url("/common/assets/images/newlook/learn/streak/green_number_5.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 420px;
    z-index: 1000;
    display: none;
}

div#streak_container div#active_streak_numbers div#streak_6 {
    background:
        url("/common/assets/images/newlook/learn/streak/green_number_6.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 490px;
    z-index: 1000;
    display: none;
}

div#streak_container div#active_streak_numbers div#streak_7 {
    background:
        url("/common/assets/images/newlook/learn/streak/green_number_7.png")
        no-repeat top left;
    width: 37px;
    height: 34px;
    position: absolute;
    top: 6px;
    left: 562px;
    z-index: 1000;
    display: none;
}

div#streak_container div#numbers div#trophy_bronze {
    background:
        url("/common/assets/images/newlook/learn/streak/trophy_bronze.png")
        no-repeat top left;
    width: 37px;
    height: 38px;
    position: absolute;
    top: -1px;
    left: 636px;
}

div#streak_container div#numbers div#trophy_silver {
    background:
        url("/common/assets/images/newlook/learn/streak/trophy_silver.png")
        no-repeat top left;
    width: 37px;
    height: 40px;
    position: absolute;
    top: -3px;
    left: 705px;
}

div#streak_container div#numbers div#trophy_gold {
    background:
        url("/common/assets/images/newlook/learn/streak/trophy_gold.png")
        no-repeat top left;
    width: 39px;
    height: 46px;
    position: absolute;
    top: -8px;
    left: 775px;
}
/*  End Learn Styles */

/*  Module Test Styles */
div#moduleTest {
    display: none;
    position: absolute;
    width: 700px;
    left: 145px;
    height: 435px;
    z-index: 1000;
    top: -5px;
    padding: 10px 35px 35px 35px;
    background:
        url('/common/assets/images/newlook/learn/background_mathTutor.png')
        repeat-x top left #FFFFFF;
    border-right: 7px solid #BDCCD4;
    border-bottom: 7px solid #BDCCD4;
    border-left: 7px solid #BDCCD4;
}

div#moduleTestContainer {
    position: relative;
    width: 700px;
    height: 485px;
}

div#moduleTest div#moduleTestTitle {
    font-size: 32px;
    color: #3F6A9F;
    padding: 10px 0 0 0;
    font-family: 'Interval_SemiBold';
}

div#moduleTest div#moduleTestSubtitle {
    font-size: 20px;
    color: #333;
    padding: 6px 0;
    font-family: 'Interval_SemiBold';
}

div#start,div#continue {
    border: 0px solid #DCF4FF;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: #666 0px 1px 2px;
    -moz-box-shadow: #666 0px 1px 2px;
    box-shadow: #666 0px 1px 2px;
    background: #7CC8EA;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7CC8EA),
        to(#3F6A9F) );
    background: -webkit-linear-gradient(#7CC8EA, #3F6A9F);
    background: -moz-linear-gradient(#7CC8EA, #3F6A9F);
    background: -ms-linear-gradient(#7CC8EA, #3F6A9F);
    background: -o-linear-gradient(#7CC8EA, #3F6A9F);
    background: linear-gradient(#7CC8EA, #3F6A9F);
    -pie-background: linear-gradient(#7CC8EA, #3F6A9F);
    behavior: url(/common/assets/css/PIE.htc);
    margin: auto;
    /*background: url('/common/assets/images/newlook/home/startButtonGloss.png') repeat-x top left #7CC8EA;*/
}

div#continueButtonWrapper,div#reviewButtonWrapper {
    position: absolute;
    bottom: 35px;
}

div#continueButtonWrapper {
    left: 460px;
}

div#reviewButtonWrapper {
    left: 109px;
}

div#reviewButtonWrapper_small {
    position: absolute;
    bottom: 35px;
    left: 140px;
    width: 150px;
}

div#startFooterText {
    bottom: 15px;
    font-family: 'Interval_Light';
    font-size: 17px;
    left: 160px;
    letter-spacing: 1px;
    position: absolute;
}

div#moduleTestBanner {
    background:
        url(/common/assets/images/newlook/home/moduleTestBanner.png)
        no-repeat top left;
    position: absolute;
    top: 140px;
    left: 228px;
    width: 329px;
    height: 215px;
}

div#moduleTest_CompletedTest div { /*display: inline;*/

}

div#tries,div#triesCount {
    color: #3F6A9F;
    font-family: 'Interval_Bold';
    font-size: 42px;
    width: 115px;
    height: 75px;
    float: left;
    background:
        url(/common/assets/images/newlook/home/banner_Tries.png)
        no-repeat bottom center;
}

div#moduleTestProgressContainer {
    float: left;
}

div#score {
    color: #3F6A9F;
    font-family: 'Interval_SemiBold';
    font-size: 20px;
    width: 185px;
    height: 75px;
    background:
        url(/common/assets/images/newlook/home/banner_HighScore.png)
        no-repeat bottom center;
}

span#correctCount,span#summary_correctCount,span#totalCount,span#summary_totalCount
    {
    font-size: 42px;
}

div#percentage {
    color: #3F6A9F;
    font-family: 'Interval_Bold';
    font-size: 42px;
    width: 185px;
    height: 50px;
}

div#summary_percentage {
    color: #3F6A9F;
    font-family: 'Serifa_Bold';
    font-size: 42px;
    width: 100%;
    height: 50px;
    padding-top: 31px;
}

div#moduleTest_IncompleteTest {
    height: 85px;
    left: 510px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 187px;
    width: 180px;
}

div#questionsLeft {
    color: #3F6A9F;
    font-family: 'Interval_SemiBold';
    font-size: 42px;
    width: 185px;
    height: 73px;
    background:
        url(/common/assets/images/newlook/home/banner_QuestionsLeft.png)
        no-repeat bottom center;
}

div#moduleTestContent {
    width: 329px;
    height: 215px;
    position: relative;
}

div#moduleTestNumber,div#moduleTestSummaryNumber {
    color: #3F6A9F;
    font-family: 'Interval_SemiBold';
    font-size: 68px;
    left: 130px;
    position: absolute;
    top: 9px;
    text-shadow: 0px -2px 0px #FFFFFF;
    text-align: center;
}

div.moduleTestBannerText {
    color: #FFFFFF;
    font-family: 'Interval_SemiBold';
    font-size: 22px;
    left: 60px;
    position: absolute;
    top: 117px;
    width: 218px;
    letter-spacing: 2px;
    text-align: center;
    padding-top: 2px;
}

div#mt_container {
    width: 960px;
    height: 555px;
    margin: auto;
    position: relative;
    padding-left: 71px;
}

div#activityHeader div#mt_activityCount {
    font-family: 'Interval_Semibold';
    color: #ffffff;
    font-size: 26px;
    background-color: #677f91;
    -webkit-box-shadow: inset 0px 0px 2px 0px #003047;
    -moz-box-shadow: inset 0px 0px 2px 0px #003047;
    box-shadow: inset 0px 0px 2px 0px #003047;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px 0 0 4px;
    padding: 0 5px 6px 5px;
    text-shadow: 0px 1px 1px #43708d;
    border: 1px solid #a8b9c6;
    /*
    text-align: center;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    width: 92px;
    letter-spacing: 1.25px;
    */
}

div#activityHeader div#mt_moduleHeaderText {
    font-family: 'Interval_Semibold';
    color: #ffffff;
    font-size: 14px;
    background-color: #849FB5;
    -webkit-box-shadow: inset 0px 0px 2px 0px #003047;
    -moz-box-shadow: inset 0px 0px 2px 0px #003047;
    box-shadow: inset 0px 0px 2px 0px #003047;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0 4px 4px 0;
    padding: 8px;
    height: 16px;
    letter-spacing: 1px;
    vertical-align: 4px;
    text-shadow: 0px 1px 1px #43708d;
    border: 1px solid #a8b9c6;
    border-left: 0;
    /*
    text-align: center;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    width: 92px;
    letter-spacing: 1.25px;
    */
}

div#mt_container div#main {
    width: 886px;
    height: 415px;
    border: 5px solid #69A5BA;
    position: relative;
    background: #ffffff;
    padding: 15px;
}

div#mt_container #mt_problemDisplay {
    margin: 0 auto;
    width: 886px;
    height: 290px;
}

div#moduleTestSummary {
    display: none;
    position: absolute;
    width: 700px;
    left: 82px;
    height: 435px;
    z-index: 1000;
    top: -26px;
    padding: 10px 35px 35px 35px;
    background:
        url('/common/assets/images/newlook/learn/background_mathTutor.png')
        repeat-x top left #FFFFFF;
    border-right: 7px solid #BDCCD4;
    border-bottom: 7px solid #BDCCD4;
    border-left: 7px solid #BDCCD4;
}

div#moduleTestSummaryContainer {
    position: relative;
    width: 700px;
    height: 485px;
}

div#moduleTestSummary div#moduleTestTitle {
    font-size: 36px;
    padding: 40px 0 0 0;
    font-family: 'Interval_Bold';
    letter-spacing: 1px;
}

div#mt_questionButtonsWrapper {
    position: absolute;
    bottom: 41px;
    left: 370px;
}

div#questionCount {
    bottom: 15px;
    font-family: 'Interval_Light';
    font-size: 18px;
    left: 370px;
    position: absolute;
    text-align: center;
    width: 160px;
}

div.pass {
    color: #549710;
}

div.fail {
    color: #D30537;
}

div#moduleTestSummary div#moduleTestSubtitle {
    font-size: 20px;
    color: #333;
    padding: 6px 0;
    font-family: 'Interval_SemiBold';
    letter-spacing: 1px;
}

div#moduleTest_CompletedTest {
    width: 325px;
    height: 125px;
    top: 170px;
    left: 400px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
}

div#moduleTestSummaryBanner {
    position: absolute;
    top: 140px;
    left: 40px;
    width: 329px;
    height: 215px;
}

.moduleTest_passed {
    background:
        url(/common/assets/images/newlook/home/moduleTestCompletedBanner.png)
        no-repeat top left;
}

.moduleTest_failed {
    background:
        url(/common/assets/images/newlook/home/moduleTestBanner.png)
        no-repeat top left;
}

div#moduleTest_SummaryCompletedTest {
    width: 325px;
    height: 125px;
    top: 170px;
    left: 400px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    background:
        url(/common/assets/images/newlook/home/banner_TestScore.png)
        no-repeat;
    background-position: 65px 73px;
}

div#moduleTestSummaryProgressContainer {
    color: #3F6A9F;
    font-family: 'Serifa_Bold';
    font-size: 20px;
    width: 300px;
    height: 50px;
    padding: 10px 0;
}

span#percentage {
    color: #3F6A9F;
    font-family: 'Interval_Bold';
    font-size: 42px;
    width: 185px;
    height: 50px;
}

div#moduleTest_SummaryCompletedTest #summary {
    font-family: 'Interval_Regular';
    font-size: 18px;
    letter-spacing: 0.5px;
}

div#startModuleTest {
    width: 128px;
    height: 58px;
    background:
        url('/common/assets/images/newlook/moduleTest/moduleTestButtons.png')
        -1px -278px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    position: absolute;
    bottom: 43px;
    left: 322px;
}

input#continue {
    width: 185px;
    height: 58px;
    background:
        url('/common/assets/images/newlook/moduleTest/moduleTestButtons.png')
        -1px -156px no-repeat;
    cursor: pointer;
    margin: 0 auto;
}

input#reviewTest_large {
    width: 204px;
    height: 59px;
    background:
        url('/common/assets/images/newlook/moduleTest/moduleTestButtons.png')
        -1px -218px no-repeat;
    cursor: pointer;
    margin: 0 auto;
}

input#reviewTest_large:disabled {
    width: 206px;
    height: 59px;
    background:
        url('/common/assets/images/newlook/moduleTest/moduleTestButtons.png')
        -206px -218px no-repeat;
    margin: 0 auto;
    cursor: default;
}

input#reviewTest {
    width: 136px;
    height: 32px;
    background:
        url('/common/assets/images/newlook/moduleTest/moduleTestButtons.png')
        0px 0px no-repeat;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 3px;
}

input#reviewTest:disabled {
    width: 136px;
    height: 32px;
    background:
        url('/common/assets/images/newlook/moduleTest/moduleTestButtons.png')
        -137px 0px no-repeat;
    cursor: pointer;
    margin: 0 auto;
}

input#retakeTest {
    width: 136px;
    height: 32px;
    background:
        url('/common/assets/images/newlook/moduleTest/moduleTestButtons.png')
        0px -32px no-repeat;
    cursor: pointer;
    margin: 0 auto;
}

input#retakeTest:disabled {
    width: 137px;
    height: 32px;
    background:
        url('/common/assets/images/newlook/moduleTest/moduleTestButtons.png')
        -137px -32px no-repeat;
    cursor: pointer;
    margin: 0 auto;
}

/*****************************************
    Math Tutor & Glossary
*****************************************/
div#mathTutorWrapper, div#mathDictionaryModal {
    display: none;
    position: absolute;
    width: 700px;
    left: 82px;
    height: 466px;
    z-index: 1000;
    top: -8px;
    padding: 10px 35px 35px 28px;
    background:
        url('/common/assets/images/newlook/learn/background_mathTutor.png')
        repeat-x top left #FFFFFF;
    border-right: 7px solid #BDCCD4;
    border-bottom: 7px solid #BDCCD4;
    border-left: 7px solid #BDCCD4;
}
div#mathDictionaryModal {
    width:600px;
    left:100px;
}
iframe#mathDictionaryModaliFrame {
    position: absolute; z-index: 10010; display: block;
}
div#mathTutorContainer, div#mathDictionaryContainer {
    position: relative;
    width: 700px;
    height: 470px;
    padding-top: 8px;
}

div#mathTutorWrapper div#image {
    width: 820px;
    height: 415px;
    position: absolute;
}
div#mathDictionaryModal #mdContent {
    height: 456px;
    margin: 0;
    padding: 11px 0 0;
    width: 610px;
}

div#mathTutorWrapper div.title, div#mathDictionaryModal div.title {
    font-size: 13px;
    color: #666;
    padding: 10px 0 0 0;
    font-family: 'Interval_SemiBold';
}
div#mathDictionaryModal div.title {
    margin:20px 0 0 10px;
}
div#mathTutorWrapper div.subTitle {
    font-size: 32px;
    color: #333;
    padding: 5px 0;
    font-family: 'Interval_SemiBold';
}

.ie div#mathTutorWrapper mn,.ie div#mathTutorWrapper mo {
    font-size: 14px;
    padding: 0 3px;
}

.ie div#mathTutorWrapper .fm-den-frac,.ie div#mathTutorWrapper .fm-num-frac
    {
    height: 20px !important;
    line-height: 10px;
}

#menuSeparator {
    padding: 5px 15px;
    vertical-align: bottom;
}

div#mathTutorWrapper div#help {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    /*letter-spacing: -0.5pt;*/
    color: #333;
    height: 326px;
    width: 704px;
    display: none;
/*  overflow: auto; */
    background-color: #ffffff;
    border-top: 4px solid #5E757F;
}

div#mathTutorWrapper div#helpText {
    height: 357px;
    overflow: auto;
    overflow-x: none;
    overflow-y: auto;
}

div#helpInputs {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px 5px 3px 5px;
    width: 693px;
    height: 34px;
    background-color: #333;
    /*opacity: 0.5;
    filter:Alpha(opacity=50);*/
}

div#helpInputs div {
    display: inline-block;
}

div#helpNext {
    width: 75px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    float:right;
}

div#helpResponse {
    width: 671px;
    height: 40px;
}
/*.ie8 div#mathTutorWrapper input#helpInput{
    vertical-align: 8px;
}
div#mathTutorWrapper input#helpInput{
    border: 1px solid #333;
    width: 720px;
}*/
input#helpResponseLine {
    vertical-align: bottom;
    line-height: 1;
    height: 20px;
}

div#helpText div:first-child { /*border-bottom: 0px;*/

}

div#helpText div {
    font-size: 16px;
    font-weight: normal;
    padding: 15px;
    font-family: 'Interval_Regular';
    border-bottom: 1px solid #CCCCCC;
}

div#mathTutorWrapper div#mathTutorAudioPanel {
    width: 115px;
    height: 172px;
    background:
        url('/common/assets/images/newlook/learn/sidePanel_1button.png')
        no-repeat top right;
    position: absolute;
    top: 15px;
    right: -106px;
    padding-top: 80px;
}

div#mathTutorWrapper div.audio {
    margin: 0 auto;
}

div#mathTutorWrapper div#controls {
    position: absolute;
    width: 100%;
    height: 100%;
}
div#mathTutorWrapper #audioControl {
	cursor: pointer;
	background: url(../../images/newlook/common/btnReplay.png) center center no-repeat;
	position: absolute;
	width: 45px;
	height: 59px;
	top: 30px;
	left: 51px;
}
div#mathTutorWrapper #audio_pause,div#mathTutorWrapper #startOver,div#mathTutorWrapper #language,div#mathTutorWrapper #close, div#mathDictionaryModal #glossaryClose,div#mathTutorWrapper #helpSubmit,div#mathTutorWrapper #helpNextButton,div#mathTutorWrapper .audio_on,div#mathTutorWrapper .audio_off
    {
    cursor: pointer;
    background-image:
        url(/common/assets/images/newlook/learn/buttons_sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
}

div#mathTutorWrapper #audio_pause:disabled
    {
    cursor: default;
    background-image:
        url(/common/assets/images/newlook/learn/buttons_sprite.png);
    background-repeat: no-repeat;
}


div#mathTutorWrapper .audio_on {
    background-positin: -486px -68px;
}

div#mathTutorWrapper .audio_off {
    background-position: -44px -283px;
}

div#mathTutorWrapper #audio_pause {
    height: 60px;
    left: 54px;
    top: 100px;
    width: 41px;
    background-position: -236px -283px;
}

div#mathTutorWrapper #audio_pause.paused {
    height: 60px;
    left: 54px;
    top: 100px;
    width: 41px;
    background-position: -334px -283px;
}

div#mathTutorWrapper #audio_pause:disabled {
    background-position: -189px -283px;
}

div#mathTutorWrapper #startOver {
    width: 109px;
    height: 30px;
    top: 8px;
    left: 0px;
    background-position: -109px -230px;
}

div#mathTutorWrapper #language {
    width: 102px;
    height: 25px;
    top: 28px;
    right: 5px;
}
div#mathTutorWrapper #language.english {
    background-position: -104px -260px;
}
div#mathTutorWrapper #language.spanish {
    background-position: -312px -260px;
}

div#languageSelectBox {
    display:block;
    position:absolute;
    top:24px;
    left:0;
}
div.languageDropDown {
    display:none;
    background-color: #7BB5CD;
    border:1px solid #ccc;
    width:99px;
}
div.languageDropDown li {
    padding:5px;
    font-family: 'Interval_Regular';
    color:#fff;
    font-size:14px;
}
div.languageDropDown li:hover {
    background-color:#016EA1;
}
div#mathTutorWrapper #close, div#mathDictionaryModal #glossaryClose {
    width: 26px;
    height: 25px;
    top: 28px;
    right: -48px;
    z-index: 500;
    background-position: -94px -348px;
}

div#mathDictionaryModal #glossaryClose {
    top:14px;
    right:6px;
}

div#mathTutorWrapper #helpSubmit {
    background-position: -62px -121px;
    width: 60px;
    height: 28px;
    vertical-align: 2px;
}

.chrome div#mathTutorWrapper #helpSubmit {
    background-position: -68px -123px;
    cursor: pointer;
    width: 63px;
    height: 28px;
    vertical-align: 7px;
}

div#mathTutorWrapper #helpNextButton {
    background-position: -196px -122px;
    cursor: pointer;
    width: 75px;
    height: 28px;
    vertical-align: 2px;
}

.chrome div#mathTutorWrapper #helpNextButton {
    background-positin: -207px -123px;
    width: 75px;
    height: 28px;
    vertical-align: 7px;
}

div#mathTutorWrapper #helpInput {
    border: 0 none;
    height: 30px;
    font-family: 'Interval_Regular';
    font-size: 18px;
    width: 606px;
    margin-right: 5px;
}

.ipad div#mathTutorWrapper #helpInput {
    height: 24px;
}

.chrome div#mathTutorWrapper #helpInput {
    border: 0 none;
    height: 30px;
    font-family: 'Interval_Regular';
    font-size: 18px;
    width: 500px;
}

/* end new home page L&F */

/*****************************************
    Trophy Presentation
*****************************************/
div#trophyPresentationWrapper {
    display: none;
    position: absolute;
    width: 700px;
    left: 82px;
    height: 485px;
    z-index: 1000;
    top: -8px;
    padding: 10px 35px 35px 35px;
    background:
        url('/common/assets/images/newlook/learn/background_mathTutor.png')
        repeat-x top left #FFFFFF;
    border-right: 7px solid #BDCCD4;
    border-bottom: 7px solid #BDCCD4;
    border-left: 7px solid #BDCCD4;
}

div#trophyPresentationContainer {
    position: relative;
    width: 700px;
    height: 485px;
}

div#trophyPresentationWrapper div.title {
    font-size: 32px;
    color: #179417;
    padding: 20px 0 0 0;
    font-family: 'Interval_SemiBold';
}

div#trophyPresentationWrapper div.subTitle {
    font-size: 20px;
    color: #333;
    padding: 15px 0;
    font-family: 'Interval_Regular';
}

div#trophyPresentationWrapper #trophyPresentation_trophy {
    background-repeat: no-repeat;
    position: absolute;
    top: 130px;
    left: 75px;
    width: 225px;
    height: 240px;
}

div#trophyPresentationWrapper #trophyPresentation_activityTitle {
    font-family: 'Interval_Regular';
    position: absolute;
    top: 375px;
    left: 55px;
    width: 250px;
    height: 20px;
    text-align: center;
}

div#trophyPresentationWrapper #earnedMessage {
    font-family: 'Interval_Light';
    font-size: 18px;
    height: 20px;
    position: absolute;
    right: 115px;
    text-align: center;
    top: 153px;
    width: 225px;
}
div#trophyPresentationWrapper #points span.data,div#trophyPresentationWrapper #tokens span.data,
div#trophyPresentationWrapper #points,div#trophyPresentationWrapper #tokens
    {
    color: #056FA0;
    font-family: 'Serifa_Bold';
    font-size: 48px;
    text-align: center;
    height: 75px;
    top: 220px;
    line-height: 27px;
    /*text-shadow: -3px -3px 0px #c9e4ef;*/
}

div#trophyPresentationWrapper #points {
    position: absolute;
    right: 210px;
    width: 130px;
/*    background: url(../../images/newlook/home/bonusPoints.png) no-repeat
        bottom; */
}

div#trophyPresentationWrapper #tokens {
    position: absolute;
    right: 90px;
    width: 110px;
/*    background: url(../../images/newlook/home/button_tokens.png) no-repeat
        bottom; */
}

div#trophyPresentationWrapper #print {
    font-family: 'Interval_Light';
    font-size: 18px;
    height: 20px;
    position: absolute;
    right: 130px;
    text-align: center;
    top: 265px;
    width: 175px;
    display: none;
}

div#trophyPresentationWrapper #print a {
    color: #0370A0;
}

div#trophyPresentationWrapper #trophyPresentation_footer {
    bottom: -13px;
    font-family: 'Interval_Regular';
    font-size: 18px;
    left: 110px;
    position: absolute;
    display: none;
}

div#trophyPresentation_continueButton {
    position: absolute;
    bottom: 70px;
    right: 113px;
}

#gameTimer div.progress p:last-child {
    border: none;
}

#gameTimer p.time {
    display: inline-block;
    font-size: 21px;
    position: relative;
    margin: 0 0 0 15px;
    line-height: 40px;
    padding: 0;
    font-family: Interval_Bold;
    font-weight: 400;
    color: #fff;
}

/*------------COURSE MAP--------------------*/
div#bannerBack {
    width: 835px;
    margin: 115px auto 0;
    position: relative;
    height: 154px;
    overflow: visible;
    background:
        url(/common/assets/images/newlook/coursemap/bannerBack_repeat.png)
        top left repeat-y;
}

div#bannerFront {
    float: left;
    position: absolute;
    width: 840px;
    min-height: 485px;
    margin: -80px 0 0 -2.5px;
    padding: 80px 0 0 0;
    background:
        url('/common/assets/images/newlook/coursemap/trophy.png')
        center 17px no-repeat;
    z-index: 98;
}

div#bannerFront img.tip {
    z-index: 20;
    position: relative;
    margin-left: -30px;
    float: left;
}

div#bannerFront ul {
    display: block;
    float: left;
    list-style: none;
    width: 840px;
    height: 56px;
    margin: 0 0 21px 0;
    padding: 0;
    background:
        url(/common/assets/images/newlook/coursemap/ribbonFront.png)
        top left no-repeat;
    -webkit-box-shadow: #222 0px 5px 10px;
    -moz-box-shadow: #222 0px 5px 10px;
    box-shadow: #222 0px 5px 10px;
    behavior: url(/common/assets/css/PIE.htc);
    z-index: 99;
}

div#bannerFront ul li {
    width: 265px;
    height: 56px;
    padding-left: 15px;
    margin-top: 0px;
    display: inline;
    float: left;
    cursor: pointer;
}

.ie8 div#bannerFront ul li {
    width: 263px;
}


div#bannerFront ul li:first-child {
    width: 255px;
    padding: 3px 0 0 15px;
}

div#bannerFront ul li.last {
	width: 273px !important;
	background-position: 241px center;
}

div#bannerFront ul li.last p.percentComplete{
	margin-right: 20px !important;
}

div#bannerFront ul li h3 {
    font-weight: bold;
    font-family: 'Interval_SemiBold';
    font-size: 40px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    *float: left;
    *height: 56px;
    *clear: expression(style.marginTop =   "" +   ( offsetHeight <
        parentNode.offsetHeight ?   parseInt(( parentNode.offsetHeight -
        offsetHeight)/2 )+  "px":  "0" ), style.clear=  "none", 0 );
}

div#bannerFront ul li p {
	height: 45px;
    font-weight: bold;
    font-family: 'Interval_Regular';
    font-size: 14px;
    width: 175px;
    margin: 0 0 0 0px;
    padding: 5px 0 0 15px;
    display: table-cell;
    vertical-align: middle;
    *clear: expression(style.marginTop =   "" +   ( offsetHeight <
        parentNode.offsetHeight ?   parseInt(( parentNode.offsetHeight -
        offsetHeight)/2 )+  "px":  "0" ), style.clear=  "none", 0 );
}

/*div#bannerFront ul li div.percentComplete {
  font-weight: bold;
  font-family: 'Interval_Regular';
  font-size: 14px;
  width: 20px;
  margin: 0 0 0 0px;
  padding: 5px 0 0 15px;
  display: table-cell;
  vertical-align: middle;
}*/

div#bannerFront ul li.complete {
    background: url('../../images/newlook/coursemap/ico_Check.png')
        no-repeat;
    background-position: 235px center;
}


div#bannerFront ul li.complete h3 {
    color: #caeaf4;
}

div#bannerFront ul li.complete p {
    color: #caeaf4;
    width: 160px;
}

div#bannerFront ul li.active {
    background: url(../../images/newlook/coursemap/highlightBg.png)
        no-repeat;
    background-position: left 5px;
}

div#bannerFront ul li.cactive {
	background: url(../../images/newlook/coursemap/highlightBgContinuous.png) no-repeat;
	background-position: 8px 5px;
	color: #712C8A;
}


div#bannerFront ul li.active h3 {
    color: #2a4b7b;
}

div#bannerFront ul li.active p {
    color: #2a4b7b;
    width: 160px;
}

.ie8 div#bannerFront ul li.active p {
    width: 160px;
}

div#bannerFront ul li.active p.percentComplete {
    width: 42px;
    margin: 18px 10px 0 0;
    height: 18px;
    color: #caeaf4;
    background-color: #2a4b7b;
    float: right;
    padding: 3px 0 0 0;
    text-align: center;
}

div#bannerFront ul li.cactive p.percentComplete {
	background-color: #712C8A;
	color: #D9C1E5;
}

.ie8 div#bannerFront ul li.active p+p+p {
    width: 42px;
}

div#bannerFront ul li.incomplete {
    background: url('../../images/newlook/coursemap/ico_arrowRight.png')
        no-repeat;
    background-position: 245px center;
    padding-top: 2px;
    margin-top: 0;
    height: 54px;
}

div#bannerFront ul li.incomplete h3 {
    color: #88adc9;
}

div#bannerFront ul li.incomplete p {
    color: #88adc9;
}

div#bannerFront ul li.continuous {
	background-color: #935FA4;
	color: #E9DAF2;
}

div#bannerBack > div.continuousBackground {
	width: 840px;
	bottom: 0;
	position: absolute;
	background: url(../../images/newlook/coursemap/eBackground.png) top left repeat-y;
	background-position: center 57px;
}

div#bannerFront div.continuousBackground {
	width: 840px;
	float: left;
	margin-top: -20px;
	padding-top: 20px;
}


div#bannerFront div.continuousBackground ul {
	background: url(../../images/newlook/coursemap/eStripBG.png) top left repeat-x;
}

div#bannerFront ul li.continuous h3, div#bannerFront ul li.continuous p {
	color: #e9daf2;
	font-family: interval_regular;
}

div#bannerFront ul li.cactive h3, div#bannerFront ul li.cactive p {
	color: #712C8A;
}
div#bannerFront ul li.continuous h3,
div#bannerFront ul li.cactive h3 {
	letter-spacing: -8px;
}

div#bannerFront ul li.cactive p {
	width: 150px;
}

div#bannerFront ul li h3 span.small {
	font-size: 22px;
}

div#mainBox.courseMap div.left span.small {
  font-size: 22px;
}


div#mainBox.courseMap {
    display: inline-block;
    padding-bottom: 25px;
}

div#mainBox.courseMap div.left {
    float: left;
    margin: 0;
    padding: 0;
    height: 70px;
    width: 110px;
    position: relative;
}

div#mainBox.courseMap div.right {
    width: 110px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
}

div#mainBox.courseMap p#courseRibbon {
    background: url(../../images/newlook/coursemap/moduleRibbon.png) top
        left no-repeat;
    text-align: center;
    width: 91px;
    height: 55px;
    padding: 25px 0 0 0;
    margin: -8px auto 0;
    font-size: 36px;
    color: #fff;
    font-family: Serifa_Bold;
}

div#mainBox.courseMap div.header {
    width: 780px;
    height: 70px;
    position: relative;
    float: left;
}

div#mainBox.courseMap div.header h3 {
    font-size: 24px;
    font-family: 'Interval_Bold';
    text-align: left;
    color: #333333;
    height: 58px;
    line-height: 26px;
    float: left;
    width: 585px;
    overflow: visible;
    margin-top: 20px;
}

div#mainBox.courseMap div.header a {
    width: 170px;
    height: 32px;
    display: block;
    float: right;
    background:
        url(/common/assets/images/newlook/coursemap/btn_arrowLeft.png)
        top left no-repeat;
    margin: 15px 15px 0 0;
    padding: 0;
}

div#mainBox.courseMap a.btnPrev {
    text-decoration: none;
    width: 10px;
    height: 14px;
    display: block;
    margin-top: 12px;
    margin-left: 15px;
    float: left;
    background:
        url(/common/assets/images/newlook/coursemap/backArrow.png)
        top left no-repeat;
    /*  height: 39px;
    background: url(/common/assets/images/newlook/coursemap/modulePrev.png) top left no-repeat;
    display: block;
    font-size: 28px;
    font-family: Interval_Bold;
    color: #fff;
    text-align: right;
    padding: 20px 12px 0 0;
    margin:  119px auto; */
}

div#mainBox.courseMap a.btnNext {
    text-decoration: none;
    width: 10px;
    height: 14px;
    margin-top: 10px;
    margin-right: 13px;
    display: block;
    float: right;
    background:
        url(/common/assets/images/newlook/coursemap/nextArrow.png)
        top left no-repeat;
    /*  background: url(/common/assets/images/newlook/coursemap/moduleNext.png) top left no-repeat;
    font-size: 28px;
    font-family: Interval_Bold;
    color: #fff;
    text-align: left;
    padding: 22px 0 0 13px;
    margin: 187px auto 0; */
}

div#mainBox.courseMap div#activities {
    width: 843px;
    height: 395px;
    overflow: hidden;
    clear: both;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

div#mainBox.courseMap div#activities div#scrollTop {
    cursor: pointer;
    text-align: center;
    display: none;
    z-index: 100;
    width: 843px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    background:
        url(/common/assets/images/newlook/coursemap/scrollBG.png)
        top left repeat-x;
}

div#mainBox.courseMap div#activities div#scrollBottom {
    cursor: pointer;
    text-align: center;
    display: none;
    z-index: 100;
    width: 843px;
    height: 23px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:
        url(/common/assets/images/newlook/coursemap/scrollBG.png)
        top left repeat-x;
}

div#mainBox.courseMap div#activities div#scrollTop a {
    width: 17px;
    height: 12px;
    display: block;
    margin: 5px auto;
    background: url(../../images/newlook/coursemap/upArrow.png) top left
        no-repeat;
    cursor: pointer;
}

div#mainBox.courseMap div#activities div#scrollBottom a {
    width: 17px;
    height: 12px;
    margin: 5px auto;
    display: block;
    background: url(../../images/newlook/coursemap/downArrow.png) top left
        no-repeat;
    cursor: pointer;
}

div#mainBox.courseMap div#activities>ul {
    width: 100%;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
}

div#mainBox.courseMap div#activities>ul li {

}

div#mainBox.courseMap div#activities>ul li ul {
    width: 100%;
    height: 33px;
    list-style: none;
    background-color: #82919f;
    border-bottom: #9aa3af 1px solid;
}

div #mainBox.courseMap div#activities>ul li ul.dark {
    background-color: #2f3d4f;
    border-bottom: #465362 1px solid;
}

div#mainBox.courseMap div#activities>ul li ul li {
    display: inline-block;
    width: 50px;
    height: 25px;
    margin: 4px 0 4px 0;
    padding: -2px 0 0 0;
    text-align: center;
    line-height: 25px;
    font-size: 24px;
    font-family: Interval_SemiBold;
    color: #fff;
    float: left;
    text-decoration: none;
}

div#mainBox.courseMap div#activities>ul li ul li:first-child {
    margin-top: 0px;
}

div#mainBox.courseMap div#activities>ul li ul li a,div#mainBox.courseMap div#activities>ul li ul li a:visited
    {
    display: inline-block;
    width: 50px;
    height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 25px;
    font-size: 24px;
    font-family: Interval_SemiBold;
    color: #fff;
    float: left;
    text-decoration: none;
}

div#mainBox.courseMap div#activities>ul li ul li.trophy {
    border-left: 1px solid #9fabb5;
    border-right: 1px solid #9fabb5;
}

div#mainBox.courseMap div#activities>ul li ul.dark li.trophy {
    border-color: #4e5a69;
}

div#mainBox.courseMap div#activities>ul li ul li.gold {
    background: url(../../images/newlook/coursemap/goldTrophy.png) center
        center no-repeat;
}

div#mainBox.courseMap div#activities>ul li ul li.silver {
    background: url(../../images/newlook/coursemap/silverTrophy.png) center
        center no-repeat;
}

div#mainBox.courseMap div#activities>ul li ul li.bronze {
    background: url(../../images/newlook/coursemap/bronzeTrophy.png) center
        center no-repeat;
}

div#mainBox.courseMap div#activities>ul li ul li.mortarboard {
    background: url(../../images/newlook/coursemap/mortarboard.png) center
        center no-repeat;
}
div#mainBox.courseMap div#activities>ul li ul li.problemsolving {
    background: url(../../images/newlook/icons/problem_solving_coursemap.png) center center no-repeat;
}

div#mainBox.courseMap div#activities>ul li ul li.streak {
    font-size: 18px;
    font-family: 'Interval_Bold';
    color: #fff;
    line-height: 14px;
}

div#mainBox.courseMap div#activities>ul li ul li.streak span {
    font-size: 10px;
    font-family: Interval_SemiBold;
    text-transform: uppercase;
    display: block;
    padding: 0;
    margin: 0;
}

div#mainBox.courseMap div#activities>ul li ul li.percent {
    font-family: 'Interval_Bold';
}

div#mainBox.courseMap div#activities>ul li ul li.percent span {
    font-size: 11px;
    font-family: Arial, Helvetica, Sans-Serif;
    vertical-align: top;
    line-height: 22px;
}

div#mainBox.courseMap div#activities>ul li ul li:last-child {
    text-decoration: none;
    padding-left: 15px;
    font-size: 16px;
    font-family: 'Interval_Bold';
    width: auto;
}

div#mainBox.courseMap div#activities>ul li ul li:last-child a,div#mainBox.courseMap div#activities>ul li ul li:last-child a:visited
    {
    text-decoration: none;
    font-size: 16px;
    font-family: 'Interval_Bold';
    width: auto;
}

.ie8 div#mainBox.courseMap div#activities ul li ul li,.ie8 div#mainBox.courseMap div#activities ul li ul li a
    {
    white-space: nowrap;
    font-size: 16px;
}

.ie8 div#mainBox.courseMap div#activities ul li ul li+li+li {
    padding-left: 15px;
}

/*-----------LOGIN PAGE...maybe split this file up in future-------*/
div#bannerWrapper.login {
    background: url('../../images/newlook/login/topBannerBG.png') top left
        repeat-x;
}

div#bannerWrapper.login div#menuBanner p#version {
    float: left;
    background:
        url(/common/assets/images/newlook/login/version.png) top
        left no-repeat;
    width: 79px;
    height: 85px;
    padding: 0;
    margin: 0 25px 0 25px;
}
div#bannerWrapper.login div#menuBanner {white-space:nowrap;text-align:center;width:960px;}
div#bannerWrapper.login div#menuBanner div {display:inline-block;z-index:100;}

/*div#bannerWrapper.login div#menuBanner p#bannerMathMania {
    background:
        url(/common/assets/images/newlook/login/banner_mathmania.png) top
        left no-repeat;
    width: 107px;
    height: 120px;
    padding: 0;
    margin: 0 25px 0 25px;
    position:relative;
    display:inline-block;
    vertical-align:top;
}
div#bannerWrapper.login div#menuBanner p#bannerMathMania a {
    display:block;
    position:absolute;
    top:75px;
    width:100%;
    text-align:center;
    font-family: 'Interval_Regular';
    color:#CAEAF4;
    font-size:12px;
    text-decoration:underline;
}
*/
div#bannerWrapper.login div#menuBanner p#bannerMathMania {
    background:
        url(/common/assets/images/newlook/login/mathmania-2013-bowl.gif) top
        left no-repeat;
    width: 179px;
    height: 121px;
    padding: 0;
    margin: 0;
    position:relative;
    display:inline-block;
    vertical-align:top;
    z-index:-1;
}
div#bannerWrapper.login div#menuBanner p#bannerMathMania a {
    display: block;
    position: absolute;
    text-decoration: none;
}
div#bannerWrapper.login div#menuBanner p#bannerMathMania a.mmLeaderboard {
    left: 39px;
    top: 65px;
    width: 100px;
    height:17px;
}
div#bannerWrapper.login div#menuBanner p#bannerMathMania a.microsite {
    left: 39px;
    top: 104px;
    width: 100px;
    height:17px;
}
div#bannerWrapper.login div#menuBanner p#bannerMathMania a:hover {
    color:#F7C90D;
}

div#bannerWrapper.login div#menuBanner p#bannerMathManiaNone {
    width: 179px;
    height: 121px;
    padding: 0;
    margin: 0;
    position:relative;
    display:inline-block;
    vertical-align:top;
    z-index:-1;
}

div#bannerWrapper.login div#menuBanner div.left {
    float: left;
    display: inline-block;
}

div#bannerWrapper.login div#menuBanner div.right {
    float: right;
    display: inline-block;
}

div#bannerWrapper.login div#menuBanner ul {
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
    height: 24px;
}

div#bannerWrapper.login div#menuBanner ul li {
	float: left; /* comment out when new banner is applied - MM 09-13-12) */
    display: inline-block;
    color: #CAEAF4;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-right: 5px;
    margin-left: 5px;
    height: 24px;
    line-height: 24px;
}

div#bannerWrapper.login div#menuBanner div:first-child {margin-right:-25px;}
div#bannerWrapper.login div#menuBanner div:last-child {margin-left:-25px;}
div#bannerWrapper.login div#menuBanner div:first-child ul li {float:right;}
div#bannerWrapper.login div#menuBanner div:last-child ul li {float:left;}

div#bannerWrapper.login div#menuBanner ul li a:link {
    float: left;
    display: inline-block;
    color: #CAEAF4;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-right: 5px;
    margin-left: 5px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
}

div#bannerWrapper.login div#menuBanner ul li a:visited {
    float: left;
    display: inline-block;
    color: #CAEAF4;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-right: 5px;
    margin-left: 5px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
}

div#bannerWrapper.login div#menuBanner ul li a:hover {
    float: left;
    display: inline-block;
    color: #CAEAF4;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-right: 5px;
    margin-left: 5px;
    height: 24px;
    line-height: 24px;
    text-decoration: underline;
}

div#bannerWrapper.login div#menuBanner ul li span {
    font-weight: normal;
    color: #fff;
}

div#bannerWrapper.login div#menuBanner ul li.dot {
    color: #82a5c5;
    font-size: 24px;
    vertical-align: middle;
}

div#page.login {
    width: 870px;
}

div#page.login #mmbRegistrationLink {
	margin: 0 0 0 34px;
	display: block;
	float: left;
	width: 135px;
	height: 83px;
	background: url(../../images/newlook/mathMania/btnRegistration.png) center center no-repeat;
}

div#page.login h3#logo {
    width: 269px;
    height: 73px;
    background: url('../../images/newlook/login/logo_vmath_live.png') top
        left no-repeat;
    position: relative;
    margin: 13px 0 15px;
}

div#page.login #mainBox.login {
    width: 210px;
    margin-right: 23px;
    height: 305px;
    min-height: 0;
    float: left;
    margin-bottom: 0;
    margin-top: 7px;
}

div#page.login #mainBox.login>div {
    margin: 0 auto;
    width: 161px;
}

div#page.login #mainBox.login>div label {
    display: block;
    margin-bottom: 5px;
    margin-top: 16px;
    letter-spacing: 2px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    color: #333;
}

/*div label#jpassword{
    margin-top: 12px; display: block; margin-bottom: 5px; letter-spacing: 2px; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12px; color: #333;
}*/
.ie8 label#jpassword {
    position: relative;
    top: -8px;
}

.ie8 input#txtUsername {
    height: 33px;
    padding-top: 8px;
}

.ie8 input#submitBtn {
    position: relative;
    top: -8px;
}

.ie8 input#txtPassword {
    height: 33px;
    padding-top: 8px;
    position: relative;
    top: -8px;
}

.ie8 a#loginHelp {
    position: relative;
    top: -8px;
}

div#page.login #mmbCountdown {
	margin: 0 165px 0 0;
	float: right;
	text-align: center;
	width: 119px;
	height: 100px;
	background: url(/common/assets/images/newlook/mathMania/countdown.png) top center no-repeat;
}

div#page.login #mmbCountdown p {
	position: relative;
	top: 60px;
	margin: 0 0 0 2px;
	font-size: 16px;
	font-family: Interval_Bold;
	display: inline-block;
	width: 14px;
	padding: 0px 0 0 0;
	height: 19px;
	color: #fff;
	background: url(/common/assets/images/newlook/mathMania/countdownBGback.png) center center no-repeat;
}

div#page.login #mmbCountdown p img {
	position: absolute;
	top: 0;
	left: 0;
}
div#page.login #mainBox.login>div input[type=text],div#page.login #mainBox.login>div input[type=password]
    {
    border: none;
    background: url(../../images/newlook/login/txtBox.png) no-repeat;
    width: 156px;
    height: 33px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
}

div#page.login #mainBox.login>div form a {
    display: block;
    margin-top: 17px;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #5877A8;
    text-decoration: none;
    white-space: normal;
}

div#page.login #mainBox.login>div form input[type=submit] {
    margin-top: 6px;
    border: none;
    margin-left: -3px;
    background: url(../../images/newlook/login/btnLogin.png) no-repeat;
    width: 167px;
    height: 50px;
}

div#page.login #mainBox.leaderBoard {
    width: 630px;
    height: 375px;
    min-height: 0;
    float: left;
    margin-bottom: 0;
    margin-top: 7px;
}

/*div#page.login #mainBox.mmBowlActive {
	margin-bottom: 22px;
}*/


div#page.login div#leaderBoard {
    height: auto;
    margin-top: 0px;
    padding-top: 20px;
    border: none;
}



/*div#page.login div#leaderBoard>h4 {
    margin: 0px 0 15px 0;
    padding: 0;
}*/

div#page.login div#vip {
    float: right;
    margin-right: 30px;
    margin-top: -142px;
    text-align: center;
    position: relative;
}

div#page.login div#vip img {
    position: relative;
    top: 3px;
    left: -1px;
}

div#page.login div#vip p {
    font-size: 17px;
    color: #333;
    font-family: Serifa_Bold;
}

div#page.login div#vip p:last-child {
    font-size: 12px;
    font-family: Interval_Regular;
}

.ie8 div#page.login div#vip p+p {
    font-size: 12px;
    font-family: Interval_Regular;
}

div#page.login div#leaderBoard .titleBar {
    height: auto;
    /*border-right: 1px solid #686b6d; border-left: 1px solid #686b6d;*/
    border: none !important;
}

div#page.login div#leaderBoard .listWrapper table tr:nth-child(even) td
    {
    background: #f2f2f2;
}

div#page.login div#leaderBoard .listWrapper table tr:nth-child(odd) td {
    background: #fff;
}

div#page.login div#leaderBoard .listWrapper table td {
    border-bottom: none;
    vertical-align: middle;
    line-height: 30px;
    white-space:nowrap;
    overflow:hidden;
}

div#leaderBoard.game .listWrapper table td div {
    background: #fff;
}

div#leaderBoard.game .listWrapper table td div,div#page.login div#leaderBoard .listWrapper table td div
    {
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    margin: 0 3px 0 -3px;
    float: left;
    background-position: center center;
}

div#page.login div#leaderBoard #national {
    margin-bottom: 7px;
}

div#page.login div#leaderBoard #national .viewport {
    border: none;
    /*border-top: none;
    border-bottom: #686b6d 1px solid;
    border-left: #686b6d 1px solid;
    border-right: #686b6d 1px solid;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;*/
    height: 180px;
    behavior: url(/common/assets/css/PIE.htc);
}

div#page.login div.avatars {
    width: 950px;
    height: auto;
    clear: both;
    position: relative;
    margin-left: -30px;
    text-align: center;
}

div#page.login div.avatars ul {
    height: 160px;
    width: auto;
    list-style: none;
    position: relative;
    margin-top: -10px;
}

div#page.login div.avatars ul li {
    width: 140px;
    height: 160px;
    overflow: visible;
    text-align: center;
    display: block;
    padding: 0 8px 0 8px;
    float: left;
    position: relative;
}

div#page.login div.avatars ul li div {
    position: absolute;
    bottom: 0;
    width: 140px;
    text-align: center;
}

div#page.login div.avatars ul li:first-child {
    padding-left: 0;
}

div#page.login div.avatars ul li:last-child {
    padding-right: 0;
}

div#page.login div.avatars ul li p {
    color: #333;
    font-size: 14px;
    font-family: Serifa_Bold;
}

div#page.login div.avatars ul li p:last-child {
    font-size: 11px;
    font-family: Interval_Regular;
}

.ie8 div#page.login div.avatars ul li p+p {
    font-size: 11px;
    font-family: Interval_Regular;
}

div#page.login div.avatars ul li.even div {
    bottom: 20px;
}

div#footer {
    clear: both;
    height: auto;
    width: 100%;
    background: #2e3c4f;
    overflow: visible;
    position: relative;
    padding: 20px 0 10px 0;
}

div#footer>div {
    width: 100%;
    margin-top: -31px;
    height: 11px;
    position: absolute;
    z-index: 100;
    background-image: url('../../images/newlook/login/footer_bg.png');
    background-repeat: repeat-x;
    background-position: 0 4px;
    -webkit-box-shadow: #1f2835 0px 10px 10px;
    -moz-box-shadow: #1f2835 0px 10px 10px;
    box-shadow: #1f2835 0px 10px 10px;
    behavior: url(/common/assets/css/PIE.htc);
}

div#footer>ul {
    width: 960px;
    position: relative;
    height: 147px;
    list-style: disc;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #485465;
    list-style-position: inside;
    display: block;
}

div#footer>ul>li {
    display: inline-block;
    float: left;
    width: 259px;
    /* width: 216px;  Use this width if adding the FB section to footer */
    border-right: 1px dotted #697381;
    height: 127px;
    margin: 0;
    padding: 0 30px 0 30px;;
}

div#footer>ul>li:last-child {
    border-right: none;
}

div#footer>ul>li p {
    width: 240px;
    font-size: 12px;
    line-height: 14px;
    /* width: 180px;  Use this width if adding the FB section to footer */
}

div#footer p {
    font-size: 11px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
}

div#footer a,div#footer a:visited {
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    text-decoration: underline;
}

div#footer>ul>li h4 {
    color: #CAC9E5;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

div#footer>ul>li ul {
    margin-left: 20px;
}

div#footer>ul li ul li {
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    /*width: 180px;  Use this width if adding the FB section to footer */
    height: auto;
    border: none;
    display: list-item;
    list-style: disc;
    margin-bottom: 8px;
    line-height: 14px;
}

div#footer>p a {
    margin: 0 5px 0 5px;
}
/*------ New footer updates for 2015 school year ---------*/
#camVoyLogoWrapper {
  margin-left: 0px;
}

.camVoyLogo {
  /*background:url(/assets/images/wecan/VSL-logo-stacked-w-172x69.png) no-repeat;*/
  /*
  width:172px;
  height:69px;
  position:relative;
  display:block;
  margin-left: 8px;
  */
  margin-left: 8px;
  margin-bottom: 8px;
  display:block;
  width: 190px;
  position: relative;
}

 #footer #camVoyLogoWrapper .camVoyLogo span {
    color: #fff;
    font-size: 6px;
    position: absolute;
    left: 129px;
    bottom: 8px;
}
 .spacer {
   height:1px;
   width: 190px;
   background-color: #272d3a;
   display:block;
   clear:both;
 }
.hide-text {
   /*text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   display: block;*/
   display:none;
}
div.social-icons-block {
   width: 190px;
   float: left;
}
div.social-icons-block #camVoyLogoWrapper {
  margin-bottom: 8px;
}
div.connect-share {
  background:url(../../images/newlook/login/connect-share.png) no-repeat;
  height: 16px;
  display:block;
  margin-top: 8px;
  margin-bottom: 4px;
}
div.social-icons a {
   outline: none;
}
.social-icons div {
   width: 24px;
   height: 25px;
   display: inline-block;
   margin-right: 4px;
   background:url(../../images/newlook/login/social-icons-sprite.png) no-repeat;
   margin-left: 6px;
}
/*.social-icons div:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
}*/
div.icon-twitter { background-position: 0px 0px; }
div.icon-facebook { background-position: -27px 0px; }
div.icon-pinterest { background-position: -54px 0px; }
div.icon-googleplus { background-position: -81px 0px; }
div.icon-youtube { background-position: -108px 0px; }

/*-------- End of new footer updates for 2015 school year--------- */
/*----ACHIEVEMENTS PAGE----*/
div#page.achievements div#mainBox {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div#page.achievements div#mainBox ul li {
    float: left;
    display: inline-block;
    padding: 0;
    position: relative;
    margin: 0 0 0 15px;
    width: 118px;
    height: 150px;

  text-align: center;
  color: #fff;
}
div#page.achievements div#mainBox div.smBadge {
  font-family: 'Serifa_Black';
  font-size: 11px;
  margin-top: 82px;
  text-shadow: 1px 1px 1px #000;
}

div#page.achievements div#mainBox div.classC {
	margin-top: 55px;
	color: #333;
	text-shadow: none;
}
div#page.achievements div#mainBox div.classD {
	color: #333;
	margin-top: 42px;
	text-shadow: none;
}

div#page.achievements div#mainBox div.badgeSubImage {
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 24px;
	margin-top: 48px;
	width: 70px;
	height: 50px;
}


/*----WELCOME/VIDEO PAGE----*/
div.welcome {
    margin: 30px auto;
    width: 580px;
    height: 107px;
    position: relative;
}

.ie8 div.welcome {
    width: 600px;
    border: 0px solid red;
}

.ie8 div.videoPoint {
    margin-left: 5px;
}

.ie8 div.videoPoint+div.videoPoint {
    margin-left: 0;
}

div.welcome h3 {
    padding: 0 0 4px 5px;
    margin-bottom: 8px;
    font-family: Interval_SemiBold;
    font-size: 21px;
    color: #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

div.welcome #clickHere {
    position: absolute;
    top: 91px;
    left: 32px;
    z-index: 99;
    display: none;
}

.ie8 div.welcome #clickHere {
    left: 40px;
}

div.welcome div.videoPoint {
    position: relative;
    width: 172px;
    height: 102px;
    float: left;
    margin-right: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.welcome div.videoPoint:last-child {
    margin-right: 0;
}

div.welcome div.videoPoint[disabl] {
    cursor: default
}

div.welcome div.videoPoint h3 {
    float: left;
    font-size: 48px;
    font-family: 'Interval_Bold';
    color: #fff;
    height: 102px;
    line-height: 92px;
    width: 50px;
    text-align: center;
    margin: 0;
    padding: 0;
}

div.welcome div.qmark {
    position: absolute;
    right: 6px;
    top: 0;
    height: 102px;
    width: 122px;
    text-align: center;
    background:
        url(/common/assets/images/newlook/login/questionMark.png)
        center center no-repeat;
}

div.welcome div.learningPoint {
    position: absolute;
    right: 0;
    top: 0;
    height: 63px;
    width: 112px;
    vertical-align: middle;
    padding: 25px 10px 5px 10px;
    overflow: hidden;
    font-family: 'Interval_Bold';
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: none;
}
div.welcome div.learningPoint span {
    font-family:'Interval_Bold';
}
div.welcome div.learningPoint span.highlight {
    /*color: #FFF800;*/
    font-size: 18px;
}

#videoLoader {
    position: absolute;
    display: block;
    background: #000;
    top: 0px;
    left: 0px;
    visibility: visible;
    z-index: 99998;
    width: 558px;
    height: 322px;
}

#skipVideoContainer {
    position: absolute;
    top: 0;
    left: 0px;
    line-height: 33px;
    width: 558px;
    text-align: center;
    font-family: Interval_Regular;
}

#skipVideoContainer a {
    color: #86dbf7;
    font-size: 12px;
    text-decoration: underline;
}

#skipVideoContainer a:hover {
    color: #fff;
}

/* Tutorial Click-thru */
#tutorialContent {}
#tutorialContent .tutorialPage {
    display:block;
    width:750px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    border: 1px solid #BDCCD4;
    margin: 0 auto 25px;
    height: 520px;
    position: relative;
    z-index:4;
}
.ie8 #tutorialContent .tutorialPage {background-color:#e7eef1;}
#tutorialContent div.tutorialScreenDivider {position:absolute;top:608px;height:1px;width:100%;display:block;border-top:1px solid #BDCCD4;}
#tutorialContent .tutorialPage section {display:block;position:absolute;top:27px;left:29px;}
#tutorialContent .tutorialPage h1 {font-family:'Interval_Bold';font-size:30px;display:block;margin-bottom:30px;color:#333;}
#tutorialContent .tutorialPage p span,
#tutorialContent .tutorialPage p {font-family:'Interval_Light';font-size:20px;width:377px;line-height:22px;margin-bottom:20px;color:#333;}

#tutorialContent .tutorialPage em {font-style:italic;font-weight:500;font-family:'Interval_Light';}

#tutorialContent #tutorialAvatarContainer {z-index: 2;
    z-index: 1;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 1200px;
    margin-left: -600px; /* move left by half element's width */}
#tutorialContent #tutorialAvatarContainer02 {z-index: 2;
   z-index: 2;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 1200px;
    margin-left: -600px; /* move left by half element's width */}
#tutorialContent #tutorialAvatarContainer03 {z-index: 2;
    z-index: 3;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 1250px;
    margin-left: -600px; /* move left by half element's width */}
#tutorialContent .avatarFloat {
    display:block;
    position:absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity = 10);
    opacity: .1;
}
#tutorialContent #tutorialAvatar01 {top:1550px;left:6%;}
#tutorialContent #tutorialAvatar02 {top:1900px;left:85%;}
#tutorialContent #tutorialAvatar03 {top:1450px;left:6%;}
#tutorialContent #tutorialAvatar04 {top:600px;left:82%;}
#tutorialContent #tutorialAvatar05 {top:750px;left:5%;}
#tutorialContent #tutorialAvatar06 {top:1700px;left:80%;}
#tutorialContent #tutorialAvatar07 {top:1250px;left:6%;}
#tutorialContent #tutorialAvatar08 {top:1200px;left:81%;}
#tutorialContent #tutorialAvatar09 {top:1350px;left:4%;}
#tutorialContent #tutorialAvatar10 {top:1500px;left:84%;}
/*#tutorialContent #tutorialAvatar11 {top:1650px;left:5%;}*/
#tutorialContent #tutorialAvatar12 {top:1800px;left:82%;}
#tutorialContent #tutorialAvatar13 {top:1950px;left:6%;}

#tutorialContent #screenOne {top:40px}
#tutorialContent #screenOne img#tutorialMax {position:absolute;top:68px;left:22px;}
#tutorialContent #screenOne h1.tutorialWelcome {
    font-family:'Interval_Light';
    font-size:36px;
    font-weight:500;
    display:block;
    position:absolute;
    top:121px;
    left:267px;
    line-height: 34px;
    white-space: nowrap;
}
#tutorialContent #screenOne h1.tutorialWelcome strong {
    font-family:'Interval_Bold';
    font-weight:500;
    font-size:52px;
}
#tutorialContent a#continue {
    display:block;
    position:absolute;
    width:138px;
    height:42px;
    background: url(/common/assets/images/newlook/report/btnContinue.png) top left no-repeat;
    cursor:pointer;
    cursor:hand;
}
#tutorialContent #screenOne a#continue {top:361px;left:266px;}
#tutorialContent #screenOne img#collage {position:absolute;top:314px;left:472px;}

#tutorialContent #screenTwo {top:190px;}
#tutorialContent #screenTwo img.tutorialScreenCap {position:absolute;top:79px;left:317px;}
#tutorialContent #screenTwo img.tutorialAvatarFold {position:absolute;top:435px;left:11px;}
#tutorialContent #screenTwo p.foldDetail {
    display: block;
    font-family: 'Interval_Light';
    font-size: 14px;
    left: 22px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 400px;
    width: 238px;
}
#tutorialContent #screenTwo a#continue {top:452px;left:584px;}

#tutorialContent #screenThree {top:330px;}
#tutorialContent #screenThree em {font-family:'Interval_Regular';font-style:italic;text-decoration:underline;}
#tutorialContent #screenThree img.tutorialScreenCap {position:absolute;top:79px;left:426px;}
#tutorialContent #screenThree img.tutorialAvatarFold {position:absolute;top:388px;left:59px;}
#tutorialContent #screenThree a#continue {top:452px;left:584px;}

#tutorialContent #screenFour {top:480px;}
#tutorialContent #screenFour img.tutorialScreenCap {position:absolute;top:55px;left:424px;}
#tutorialContent #screenFour img.tutorialAvatarFold {position:absolute;top:378px;left:48px;}
#tutorialContent #screenFour a#continue {top:452px;left:584px;}

#tutorialContent #screenFive {top:630px;}
#tutorialContent #screenFive img.tutorialScreenCap {position:absolute;top:79px;left:426px;}
#tutorialContent #screenFive img.tutorialAvatarFold {position:absolute;top:388px;left:59px;}
#tutorialContent #screenFive a#continue {top:452px;left:584px;}

#tutorialContent #screenSix {top:780px;}
#tutorialContent #screenSix img.tutorialScreenCap {position:absolute;top:79px;left:411px;}
#tutorialContent #screenSix img.tutorialAvatarFold {position:absolute;top:367px;left:51px;}
#tutorialContent #screenSix a#continue {top:452px;left:584px;}

#tutorialContent #screenSeven {top:930px;}
#tutorialContent #screenSeven img.tutorialScreenCap {position:absolute;top:79px;left:426px;}
#tutorialContent #screenSeven img.tutorialAvatarFold {position:absolute;top:402px;left:22px;}
#tutorialContent #screenSeven a#continue {top:452px;left:584px;}

#tutorialContent #screenEight {top:1080px;}
#tutorialContent #screenEight p {width:100%;}
#tutorialContent #screenEight p img#threePoints {display:block;margin:0 0 12px 30px;}
#tutorialContent #screenEight p img#icoHelp {vertical-align:bottom;}
#tutorialContent #screenEight img.tutorialScreenCap {position:absolute;top:79px;left:426px;}
#tutorialContent #screenEight img.tutorialAvatarFold {position:absolute;top:368px;left:14px;}
#tutorialContent #screenEight p.foldDetail {
    display: block;
    font-family: 'Interval_Light';
    font-size: 14px;
    left: 2px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 472px;
    width: 238px;
}
#tutorialContent #screenEight p.foldDetail span {font-family:'Interval_Bold';font-size:16px;}
#tutorialContent #screenEight a#getStartedNow {
    display:block;position:absolute;top:452px;left:509px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity = 25);
    opacity: .25;
}

#getStartedNow {
    cursor: default;
    background-image:
        url(/common/assets/images/newlook/learn/buttons_sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -211px -423px;
    height: 39px;
    margin-right: 17px;
    width: 210px;
}

#getStartedNow:disabled {
    cursor: default;
    background-image:
        url(/common/assets/images/newlook/learn/buttons_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#tutorialScrollPad {
    top:1230px;
    display:block;
    width:750px;
    margin: 0 auto 25px;
    height: 310px;
    position: relative;
}

/*-------------------------*/

div#mainBox.myProgress div.titleBar {
    width: 840px;
    height: 33px;
}

div#mainBox.myProgress div#userProgress {
    border-top: 5px #049604 solid;
    width: 840px;
    height: auto;
    position: relative;
    margin: 2px auto 0;
    padding: 0;
}

div#mainBox.myProgress div#playProgress {
    border-top: 5px #016EA1 solid;
    width: 840px;
    height: auto;
    position: relative;
    margin: 2px auto 10px;
    padding: 0;
}

div#mainBox.myProgress div#timeProgress {
    border-top: 5px #404040 solid;
    width: 840px;
    height: auto;
    position: relative;
    margin: 2px auto 0;
    padding: 0;
    background: #7B8D9D;
    min-height: 400px;
}

div#leaderBoard #district .viewport {
    border-top: 5px #049604 solid;
}

div#leaderBoard #national .viewport {
    border-top: 5px #333333 solid;
}

div#leaderBoard #school .viewport {
    border-top: 5px #016EA1 solid;
}

div#mainBox.myProgress div.progressList p {
    white-space: normal;
    display: block;
    overflow: visible;
    padding: 2px;
    margin: 3px;
}

div#mainBox.myProgress div.progressList>ul {
    width: 100%;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}

div#mainBox.myProgress div.progressList>ul li {

}

div#mainBox.myProgress div.progressList>ul li ul {
    width: 100%;
    height: 50px;
    list-style: none;
    background-color: #82919f;
    border-bottom: #9aa3af 1px solid;
}

div #mainBox.myProgress div.progressList>ul li ul.dark {
    background-color: #2f3d4f;
    border-bottom: #465362 1px solid;
}

div #mainBox.myProgress div.progressList>ul li ul.continuous {
	background-color: #712C8A;
}

div #mainBox.myProgress div.progressList>ul li ul.active {
    background-color: #016EA1;
    border-bottom: #465362 1px solid;
}

div#mainBox.myProgress div.progressList>ul li ul li {
    display: inline-block;
    height: 30px;
    margin: 10px 0 10px 0;
    padding-right: 4px;
    padding-bottom: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    font-family: Interval_Regular;
    color: #fff;
    float: left;
    text-decoration: none;
    border-right: 1px solid #9aa3af;
}

.safari div#mainBox.myProgress div.progressList>ul li ul li {
    /*padding-bottom: 5px;*/
    height:41px;
}

div#mainBox.myProgress div.progressList>ul li ul li.textTooLong {
    margin: 0;
    height: 50px;
}

div#mainBox.myProgress div.progressList>ul li ul li.textTooLong p:first-child
    {
    margin-top: 2px;
    margin-bottom: -4px;
}

div#mainBox.myProgress div.progressList>ul li ul li.textTooLong p+p {
    display: table-cell;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
    white-space: normal;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li {
    border-right: 1px solid #465362;
    padding-right: 4px;
}

div#mainBox.myProgress div.progressList>ul li ul.play li {
    overflow: visible;
}

div#mainBox.myProgress div.progressList>ul li ul li p {
    padding: 0;
    margin: 0;
    line-height: 12px;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(1) {
    font-family: 'Interval_Bold';
    font-size: 36px;
    width: 52px;
    padding: 0;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(1) p.myProgressModuleNum
    {
    margin-top: 6px;
}

div#mainBox.myProgress div.progressList>ul li ul {
    border-bottom: #9aa3af 1px solid;
}

div #mainBox.myProgress div.progressList>ul li ul.dark {
    background-color: #2f3d4f;
    border-bottom: #465362 1px solid;
}

div #mainBox.myProgress div.progressList>ul li ul.continuous {
	background-color: #712C8A;
}

div#mainBox.myProgress div.progressList>ul li ul li {
    display: inline-block;
    height: 30px;
    margin: 10px 0 0 0;
    padding: 0;
    padding-right: 4px;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    font-family: Interval_Regular;
    color: #fff;
    float: left;
    text-decoration: none;
    border-right: 1px solid #9aa3af;
}
/*.ie8 div#mainBox.myProgress div.progressList > ul li ul li {
    margin: 10px  0 0 0;
}*/
div#mainBox.myProgress div#timeProgress h3,div#mainBox.myProgress div#timeProgress h4,div#mainBox.myProgress div#timeProgress p,div#mainBox.myProgress div#timeProgress div,div#mainBox.myProgress div#timeProgress
    {
    font-family: Interval_Regular;
    color: #fff;
}

div#mainBox.myProgress div#timeProgress div.top {
    height: 70px;
    margin-top: 0;
    width: 100%;
    position: relative;
}

div#mainBox.myProgress div#timeProgress div.left {
    float: left;
    width: 50%;
}

div#mainBox.myProgress div#timeProgress div.top div.left h3 {
    font-size: 20px;
    font-family: interval_bold;
    margin-left: 25px;
    margin-top: 15px;
}

div#mainBox.myProgress div#playProgress h3 {
  font-size: 20px;
  font-family: interval_bold;
  color: #fff;
  margin-left: 25px;
}

div#mainBox.myProgress div#timeProgress div.top div.left p {
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #ccc;
    margin-left: 25px;
    margin-top: 2px;
}

div#mainBox.myProgress div#timeProgress div.right {
    float: right;
    width: 50%;
}

div#mainBox.myProgress div#timeProgress div.legend:first-child {
    margin-left: 40px;
}

div#mainBox.myProgress div#timeProgress div.legend {
    margin: 28px 0 0 5px;
    width: 13px;
    height: 13px;
    border: 1px solid #404040;
    float: left;
}

div#mainBox.myProgress div#timeProgress div.green {
    background-color: #3ec141;
}

div#mainBox.myProgress div#timeProgress div.blue {
    background-color: #016EA1;
}

div#mainBox.myProgress div#timeProgress p.legend {
    height: 17px;
    font-size: 13px;
    float: left;
    margin: 25px 0 0 5px;
    padding: 3px 0 0 2px;
}

div#mainBox.myProgress div#timeProgress div.statsWrapper p.goal,div#mainBox.myProgress div#timeProgress div.top div.right p
    {
    margin: 25px 0 0 25px;
    padding: 3px 0 0 22px;
    height: 17px;
    display: block;
    width: 188px;
    float: left;
    font-size: 13px;
    background: url(../../images/newlook/report/bullsEye.png) center left
        no-repeat;
}

div#mainBox.myProgress div#timeProgress p.goal span,div#mainBox.myProgress div#timeProgress div.top div.right p span
    {
    color: #FFB3B3;
}

div#mainBox.myProgress div#timeProgress div.dateRangeWrapper {
    width: 165px;
    margin: 15px 0 0 0;
    padding: 3px 0 3px 5px;
    border: #5C666E solid 2px;
    border-radius: 4px;
    behavior: url(/common/assets/css/PIE.htc);
    float: left;
    font-size: 12px;
    color: #BDC6CE;
    letter-spacing: 1px;
}

div#mainBox.myProgress div#timeProgress div.dateRangeWrapper h4 {
    font-size: 13px;
    letter-spacing: 1px;
    color: #fff;
    margin: 0px 0 5px 3px;
    font-family: interval_regular;
    font-weight: 700;
}

div#mainBox.myProgress div#timeProgress div.dateRangeWrapper a:visited,div#mainBox.myProgress div#timeProgress div.dateRangeWrapper a
    {
    color: #CAEAF4;
    text-decoration: none;
    font-family: interval_regular;
    font-size: 12px;
    margin: 4px;
    cursor: default;
}

div#mainBox.myProgress div#timeProgress div.dateRangeWrapper a.current {
    color: #35FCFC;
}

div#mainBox.myProgress div#timeProgress div.barGraphs {
    width: 760px;
    height: 160px;
    margin-left: 50px;
}

div#mainBox.myProgress div#timeProgress div.barGraphs p.header {
    text-align: center;
    font-size: 14px;
    font-family: interval_bold;
    letter-spacing: 1px;
    color: #BDC6CE;
    height: 20px;
    display: inline-block;
    width: 175px;
    margin: 0;
    padding: 0;
}

div#mainBox.myProgress div#timeProgress div.barGraphs p.header:first-child
    {
    margin-left: 15px;
}

div.graphWrapper {
    width: 175px;
    height: 160px;
    position: relative;
    overflow: visible;
    float: left;
}

div.graphWrapper div.graphGroupData {
    background: #EBEBEB;
    width: 173px;
    height: 140px;
    position: relative;
    float: left;
    border-right: 2px solid #A3A7AE;
}

div.graphWrapper div.graphTitleBar {
    width: 100%;
    height: 20px;
    background: #404040;
    font-family: interval_regular;
    font-size: 14px;
}

div.graphWrapper div.graphTitleBar h4 {
    color: #ccc;
    float: left;
    margin: 2px 0 0 5px;
    padding: 0;
}

div.graphWrapper div.graphTitleBar p {
    margin: 2px 5px 0 0 !important;
    padding: 0 !important;
    color: #fff;
    font-size: 12px;
    float: right;
}

div.graphWrapper div.graphTitleBar p.goal {
    padding-left: 20px !important;
    background: url(../../images/newlook/report/bullsEyeSmall.png) center
        left no-repeat;
}

div.graphWrapper div.graphTitleBar p span {
    font-size: 14px;
    color: #fff;
    padding-right: 2px;
}

div.graphWrapper div.graphTitleBar p span.green {
    color: #b3ffb3;
}

div.graphWrapper div.graphTitleBar p span.red {
    color: #FFB3B3;
}

div.graphWrapper div.graphFrequencyAxis {
    height: 120px;
    width: 173px;
    overflow: visible;
}

div.graphWrapper div.graphFrequencyAxis p:first-child {
    height: 23px;
}

div.graphWrapper div.graphFrequencyAxis p {
    height: 33px;
    border-bottom: 1px solid #D5D6D8;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px;
}

div.graphWrapper div.graphFrequencyAxis p.displayLeft span {
    position: absolute;
    bottom: -8px;
    left: -40px;
    text-align: right;
    width: 35px;
}

div.graphWrapper div.graphFrequencyAxis p.displayRight span {
    position: absolute;
    bottom: -8px;
    right: -40px;
    text-align: left;
    width: 35px;
}

div.graphWrapper div.graphDataAxis {
    float: left;
    width: 175px;
    height: 25px;
}

div.graphWrapper div.graphDataAxis p {
    display: inline-block !important;
    width: 20px;
    font-size: 12px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    width: 25px;
}

div.graphWrapper div.graphDataAxis p.dark {
    color: #404040 !important;
}

div.graphWrapper div.graphDataAxis p.light {
    color: #ffffff !important;
}

div.graphWrapper div.graphDataAxis p.current {
    color: #35FCFC !important;
}

div.graphWrapper div.graphGroupData div.graphBarWrapper {
    width: 13px;
    margin: 0 6px 0 6px;
    padding: 0;
    position: absolute;
    float: left;
    bottom: 0;
}

div.graphWrapper div.graphGroupData div.graphBarWrapper div.graphBarSub
    {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

div.graphWrapper div.graphGroupData div.graphBarWrapper div.color1 {
    background-color: #016EA1;
}

div.graphWrapper div.graphGroupData div.graphBarWrapper div.color2 {
    background-color: #3EC141;
}

/*180x115*/
div#mainBox.myProgress div.statsWrapper {
    width: 775px;
    height: 90px;
    position: relative;
    margin: 30px 0 0 30px;
}

div#mainBox.myProgress div.statsWrapper div.longBar {
    margin-left: 65px;
    width: 698px;
    height: 15px;
    background: #404040;
    border-left: 1px #fff solid;
    border-right: #fff 1px solid;
    overflow: hidden;
}

div#mainBox.myProgress div.statsWrapper div.longBarTop {
    border-top: 1px solid #fff;
}

div#mainBox.myProgress div.statsWrapper div.longBarBottom {
    border-bottom: 1px solid #fff;
}

div#mainBox.myProgress div.statsWrapper div.longBar p {
    float: right;
    border-left: 1px solid #fff;
    height: 14px;
    font-size: 12px;
    font-family: interval_regular;
    text-align: left;
    padding: 1px 0 0 2px !important;
    margin: 0 !important;
}

div#mainBox.myProgress div.statsWrapper div.longBar p.green {
    background: #9ee0a0;
}

div#mainBox.myProgress div.statsWrapper div.longBar p.blue {
    background: #80b6d0;
}

div#mainBox.myProgress div.statsWrapper div.longBar p.darkGreen {
    background: #3E9541
}

div#mainBox.myProgress div.statsWrapper div.longBar p.darkBlue {
    background: #2A4B7B;
}

div#mainBox.myProgress div.statsWrapper table {
    width: 765px;
    height: 60px;
    padding: 0;
    margin: 0;
}

div#mainBox.myProgress div.statsWrapper table tr td {
    width: 25px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-family: interval_regular;
    color: #fff;
}

div#mainBox.myProgress div.statsWrapper table tr td:last-child {
    width: 30px;
}

div#mainBox.myProgress div.statsWrapper table tr td:first-child {
    width: 65px;
    height: 30px;
}

div#mainBox.myProgress div.statsWrapper table tr.activities td {
    border: 1px solid white;
    background: #9EE0A0;
}

div#mainBox.myProgress div.statsWrapper table tr.activities td.dark {
    background: #3ec141;
}

div#mainBox.myProgress div.statsWrapper table tr.activities td.dark:first-child
    {
    background: #3e9541;
}

div#mainBox.myProgress div.statsWrapper table tr.games td {
    border: 1px solid white;
    background: #80b6d0;
}

div#mainBox.myProgress div.statsWrapper table tr.games td.dark {
    background: #016ea1;
}

div#mainBox.myProgress div.statsWrapper table tr.games td.dark:first-child
    {
    background: #2A4B7B;
}

/*--------------PLAY PROGRESS LIST ITEM STYLES-----------*/
div#mainBox.myProgress div.progressList>ul li ul.play {
    display: block;
    white-space: nowrap;
}

div#mainBox.myProgress div.progressList>ul li ul.play li p.top {
    margin-bottom: 3px !important;
}

div#mainBox.myProgress div.progressList>ul li ul li.level {
    width: 293px !important;
    padding-left: 10px !important;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul li.level {
    width: 293px !important;
}

div#mainBox.myProgress div.progressList>ul li ul li.level p.top {
    font-size: 40px !important;
    font-family: Serifa_Bold !important;
    text-align: center !important;
    width: 20px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 7px;
}

div#mainBox.myProgress div.progressList>ul li ul li.level p.bottom {
    text-align: left !important;
    margin-left: 5px;
}

div#mainBox.myProgress div.progressList>ul li ul li.days {
    width: 50px !important;
}

div#mainBox.myProgress div.progressList>ul li ul li.days p {
    text-align: center !important;
}

div#mainBox.myProgress div.progressList>ul li ul.play li.rank {
    width: 95px !important;
    padding-right: 10px !important;
}

div#mainBox.myProgress div.progressList>ul li ul li.rank p {
    text-align: right !important;
    position: relative;
}

div#mainBox.myProgress div.progressList>ul li ul li.rank p.top span {
    margin-top: 1px;
    left: 0px;
    position: absolute;
    font-size: 10px;
    color: #A3BFCB;
}

div#mainBox.myProgress div.progressList>ul li ul li.rank p.bottom span {
    color: #bbbdbf;
    font-size: 20px;
}

div#mainBox.myProgress div.progressList>ul li ul li.rank p.bottom span.highlight
    {
    color: #07EF0D;
    font-size: 20px;
}

div#mainBox.myProgress div.progressList>ul li ul li.games {
    width: 45px !important;
    padding-right: 10px;
}

div#mainBox.myProgress div.progressList>ul li ul li.games p {
    top: 2px !important;
}

div#mainBox.myProgress div.progressList>ul li ul li.won {
    width: 90px !important;
    padding-right: 10px;
}

div#mainBox.myProgress div.progressList>ul li ul li.won p span {
    font-size: 16px !important;
    line-height: 0;
}

div#mainBox.myProgress div.progressList>ul li ul li.gatekeeper {
    width: 90px !important;
}

div#mainBox.myProgress div.progressList>ul li ul li.solved {
    width: 60px !important;
}
div#mainBox.myProgress #playProgress>ul li ul.lite li.points,
div#mainBox.myProgress #playProgress>ul li ul.active li.points,
div#mainBox.myProgress div.progressList>ul li ul li.points
    {
    width: 85px;
    border-right: none !important;
}

div#mainBox.myProgress div.progressList>ul li ul li.points p.top {
    color: #fff !important;
}
/*---------END PLAY PROGRESS LIST ITEM STYLES--------------*/
div#mainBox.myProgress div.progressList>ul li ul.dark li {
    border-right: 1px solid #465362;
}

div#mainBox.myProgress div.progressList>ul li ul li p {
    padding: 0px 0 0px 0;
    margin: 0;
    line-height: 12px;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li p:first-child {
    padding-top: 1px;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(1) {
    font-family: 'Interval_Bold';
    font-size: 36px;
    width: 52px;
    padding: 0;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(1) {
    color: #fff;
}

div#mainBox.myProgress div.progressList>ul li ul.lite li:nth-child(1) {
    color: #e6e7e8;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(2) {
    width: 87px;
    bottom: 0;
    position: relative;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(2) p:first-child
    {
    font-family: Interval_SemiBold;
    text-align: right;
}

.safari div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(2) p:first-child
    {
    margin-bottom: 7px;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(3) p.myProgressModuleName
    {
    position: relative;
    top: -4px;
}

div#mainBox.myProgress div.progressList>ul li ul.lite li p.myProgressModuleName
    {
    white-space: nowrap;
}

ul.dark .myProgressActivityNum {
    color: #fff;
    font-size: 21px;
    line-height: 18px;
}

ul.lite .myProgressActivityNum {
    font-size: 16px;
    color: #E6E7E8;
    line-height: 18px;
    text-align: right;
}

.myProgressOf {
    color: #e6e7e8;
    font-size: 16px;
    font-family: Interval_Regular;
}

.myProgressTotalActivities {
    color: #fff;
    font-size: 16px;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(2) p:last-child
    {
    font-family: Interval_Regular;
    font-size: 10px;
    font-weight: bold;
    color: #e6e7e8;
    text-align: right;
}

p.myProgressActivitiesDark {
    font-family: Interval_Regular;
    font-size: 10px;
    font-weight: bold;
    color: #e6e7e8;
    text-align: right;
}

p.myProgressActivitiesLite {
    font-family: Interval_Regular;
    font-size: 10px;
    font-weight: bold;
    color: #bbbdbf;
    text-align: right;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(2) p:last-child
    {
    color: #bbbdbf;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(3) {
    width: auto;
    color: #fff;
    font-family: Interval_SemiBold;
    text-align: left;
    padding-left: 8px;
    position: relative;
}

div#mainBox.myProgress div.progressList>ul li ul.active li:nth-child(3) p,div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(3) p
    {
    font-family: Interval_SemiBold;
    font-size: 14px;
    color: #fff;
    position: relative;
    top: -1px;
    height: 15px;
/*    overflow: hidden; */
}

div#mainBox.myProgress div.progressList>ul li ul.active li:nth-child(3) p:first-child, div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(3) p:first-child {
	overflow: hidden;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(3) {
    width: 240px;
    position: relative;
    top: 0;
    overflow: visible;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(4) {
    width: 50px
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(4) p
    {
    position: relative;
    top: 3px;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(5) {
    width: 120px;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(5) p
    {
    position: relative;
    top: 3px;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(6) {
    width: 60px;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(6) p
    {
    position: relative;
    top: 3px;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(7),div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(7)
    {
    width: 85px;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(7) p
    {
    position: relative;
    top: 3px;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(8) {
    width: 85px;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(8) p
    {
    position: relative;
    top: 3px;
}

.ie8 div#mainBox.myProgress div.progressList ul li ul.dark li p.myProgressModuleName
    {
    font-size: 14px;
}

.ie8 div#mainBox.myProgress div.progressList ul li ul.lite li p.myProgressModuleName
    {
    font-size: 21px;
    border-right: none;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li {
    width: 42px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li p.myProgressModuleNum
    {
    font-family: Interval_Bold;
    font-size: 36px;
    position: relative;
    top: 5px;
    left: 3px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.continuous li p.myProgressModuleNum {
	font-family: interval_semibold;
	letter-spacing: -5px;
	margin-left: -4px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li {
    width: 87px;
    bottom: 0;
    position: relative;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li p {
    text-align: right;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li p span.myProgressActivityNum
    {
    font-family: Interval_SemiBold;
    font-size: 21px;
    color: #FFFFFF;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li p span.myProgressOf
    {
    font-family: Interval_Regular;
    font-size: 16px;
    color: #E6E7E8
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li p span.myProgressTotalActivities
    {
    font-family: Interval_SemiBold;
    font-size: 16px;
    color: #FFFFFF;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.active li+li+li
{
    width: 240px;
    position: relative;
    overflow: hidden;
/*    padding-left: 8px; */
}
.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li
{
    width: 240px;
    position: relative;
    overflow: hidden;
/*    padding-left: 8px;*/
}
/*.ie8 div#mainBox.myProgress div.progressList>ul li ul.active li+li+li {
    width:90px !important;
}
.ie8 div#mainBox.myProgress div.progressList>ul li ul.active li+li+li+li {
    width:82px !important;
}
.ie8 div#mainBox.myProgress div.progressList>ul li ul.active li+li+li+li+li {
    width:82px !important;
}
.ie8 div#mainBox.myProgress div.progressList>ul li ul.active li+li+li+li+li+li {
    width:51px !important;
}
.ie8 div#mainBox.myProgress div.progressList>ul li ul.active li+li+li+li+li+li+li {
    width:81px !important;
    border-right:0;
}
.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li+li+li {
    border-right:0;
}*/
.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li p.myProgressModuleName
    {
    font-family: Interval_SemiBold;
    font-size: 14px;
    text-align: left;
    position: relative;
    top: -1px;
    overflow-x: visible;
    height: 18px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li {
    width: 50px;
    overflow: visible;
    padding-left: 0px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li p
    {
    position: relative;
    top: 0px;
    text-align: right;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li
    {
    width: 130px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li p
    {
    position: relative;
    top: 0px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li+li
    {
    width: 60px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li+li p
    {
    position: relative;
    top: 0px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul li+li+li+li+li+li+li,.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li+li+li
    {
    width: 85px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li+li+li p
    {
    position: relative;
    top: 0px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li+li+li+li
    {
    width: 85px;
    border: 0px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li+li+li+li p
    {
    position: relative;
    top: 3px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.dark li+li+li+li+li+li+li+li p.top
    {
    color: #CAEACA;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.lite li {
    width: 42px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.lite li p.myProgressModuleNum
    {
    font-family: Interval_Bold;
    font-size: 36px;
    position: relative;
    top: 5px;
    left: 3px;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.lite li+li {
    width: 87px;
    bottom: 0;
    position: relative;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.lite li+li p {
    text-align: right;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.lite li+li p span.myProgressActivityNum
    {
    font-family: Interval_SemiBold;
    font-size: 16px;
    color: #E6E7E8;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.lite li+li p.myProgressActivitiesLite
    {
    font-family: Interval_Regular;
    font-size: 10px;
    color: #E6E7E8
}

div#mainBox.myProgress #userProgress>ul li ul.lite li+li+li {
    border-right: none;
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.lite li+li+li {
    width: auto;
    overflow: visible;
    padding-left: 8px;
/*  border: 0px; */
}

.ie8 div#mainBox.myProgress div.progressList>ul li ul.lite li+li+li p.myProgressModuleName
    {
    font-family: Interval_SemiBold;
    font-size: 24px;
    text-align: left;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:nth-child(8) p.top
    {
    color: #CAEACA;
}

div#mainBox.myProgress div.progressList ul li ul.active li p.top,div#mainBox.myProgress div.progressList ul li ul.lite li p.top,div#mainBox.myProgress div.progressList>ul li ul.dark li p.top
    {
    font-family: Interval_SemiBold;
    font-size: 21px !important;
    color: #fff;
    text-align: right;
    padding-bottom: 2px;
    white-space: nowrap;
}

div#mainBox.myProgress div.progressList ul li ul.active li p.bottom,div#mainBox.myProgress div.progressList ul li ul.lite li p.bottom,div#mainBox.myProgress div.progressList>ul li ul.dark li p.bottom
    {
    font-family: Interval_Regular;
    font-size: 10px !important;
    font-weight: bold;
    color: #bbbdbf;
    text-align: right;
    white-space: nowrap;
}

.safari div#mainBox.myProgress div.progressList>ul li ul.dark li p.bottom
    {
    margin-top: 5px;
}

div#mainBox.myProgress div.progressList>ul li ul li:nth-child(5) {width

}

div#mainBox.myProgress div.progressList>ul li ul li:last-child {
    border-right: none;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li {
    border-right: #4e5a69 1px solid;
}

div#mainBox.myProgress div.progressList>ul li ul.dark li:last-child {
    border-right: none;
}

div#mainBox.welcomeBack div.progress div div {
    background: url(../../images/newlook/report/progressbg.png) top left
        repeat-x;
}
div#mainBox.welcomeBack span#name, #tutorialContent span#name {
    text-transform: capitalize;
}
div#mainBox.welcomeBack div.progress {
    border-radius: 4px 4px 4px 4px;
}

div#mainBox.welcomeBack div.progress div div {
    border-radius: 4px 4px 4px 4px;
}
.ie8 div#mainBox.welcomeBack div.progress div div {
    border-radius: 14px 14px 14px 14px;
    behavior: url(/common/assets/css/PIE.htc);
}

div#mainBox.welcomeBack div.gradient {
	position: absolute;
	z-index: 2000;
	top: 0;
	left: 0;
	width: 26px;
	height: 36px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(42,43,46,0.8)), to(rgba(42,43,46,0.2)), color-stop(.5,#333333));
	background-image: -moz-linear-gradient(rgba(42,43,46, 0.7) 0%, rgba(42,43,46, 0) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A2B2EFF, endColorstr=#2A2B2EFF);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A2E2BFF, endColorstr=#2A2E2BFF);
}

div#mainBox.welcomeBack p.rollNumber img {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 36px;
    background: url(../../images/newlook/report/numBg2.png) top left
        no-repeat;
    z-index: 1000;
}

div#mainBox.welcomeBack p.rollNumber {
    font-family: 'Interval_Regular';
    font-size: 34px;
    text-align: center;
    line-height: 34px;
    position: relative;
    padding: 0;
    display: inline-block;
    width: 26px;
    height: 36px;
    margin-right: 3px;
    background:
        url(/common/assets/images/newlook/report/numBg.png) top
        left no-repeat;
}

div#mainBox.welcomeBack div.blkBox p.num1,div#mainBox.welcomeBack div.blkBox:nth-child(1) p.rollNumber
    {
    color: #42c4ee;
}

div#mainBox.welcomeBack div.blkBox p.num2,div#mainBox.welcomeBack div.blkBox:nth-child(2) p.rollNumber
    {
    color: #ffa53e;
}

div#mainBox.welcomeBack div.blkBox p.num3,div#mainBox.welcomeBack div.blkBox:nth-child(3) p.rollNumber
    {
    color: #d29bfa;
}

.ie8 div#mainBox.welcomeBack div.blkBox p.num1 {
    color: #43c4ee;
}

.ie8 div#mainBox.welcomeBack div.blkBox p.num2 {
    color: #ffa53e;
}

.ie8 div#mainBox.welcomeBack div.blkBox p.num3 {
    color: #d29bfa;
}

div#mainBox.assignment {}
div#mainBox.assignment ul {}
div#mainBox.assignment ul li{
	width: 580px;
	height: 30px;
	background-color: #7f909f;
	display: bock;
	vertical-align: middle;
	border-bottom: 1px solid #a6b2bc;
	cursor: pointer;
}
div#mainBox.assignment ul li p {
	font-family: interval_regular;
	font-size: 16px;
	color: #fff;
	margin-left:1px;
	float: left;
}
div#mainBox.assignment ul li p.sequence {
	text-align: right;
	padding-right: 5px;
	font-size: 24px;
	border-right: 1px solid #A6B2BC;
	width: 30px;
}

div#mainBox.assignment ul li p.name {
	line-height: 24px;
	margin-left: 10px;
	font-family: interval_bold;
}
div#mainBox.assignment ul li p span {
	color: #C7E8F2;
}

div#carouselWrapper {
    width: 830px;
    height: 100px;
    padding-top: 40px;
    margin-left: 37px;
    margin-top: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.carousel {
    width: 700px;
    position: relative;
    float: left;
    margin-right: 40px;
    background:
        url(/common/assets/images/newlook/achievements/avatarbg.png)
        center center no-repeat;
    height: 100px;
}

#carousel {
    position: relative;
    height: 100px;
    margin: 0;
    padding: 0;
    padding-top: 0px;
    margin-top: -37px;
    margin-left: -20px;
}

#carousel li {
    float: left;
    cursor: pointer;
    cursor: hand;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 127px;
    height: 101px;
}

#carousel li img {
    width: 100%;
    height: 100%;
}

/*--------------------------------------------*/
/*----------AWARDS PRESENTATIONS--------------*/
/*--------------------------------------------*/
div.presWrapper {
    width: 750px;
    height: 496px;
    position: absolute;
    background: none;
    padding: 0;
    top: 25px;
    z-index: 700;
    display: none;
}

div.presentation {
    position: relative;
    margin: 0 auto;
    width: 695px;
    height: 491px;
    background: rgb(187, 203, 211) transparent;
    background: rgba(187, 203, 211, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80bbcbd3,
        endColorstr=#80bbcbd3 );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80bbcbd3, endColorstr=#80bbcbd3)";
    behavior: url(/common/assets/css/PIE.htc);
}

div.presentation div.container {
    position: relative;
    margin: 0 5px 5px 5px;
    width: 685px;
    height: 461px;
    padding: 25px 0 0 0;
    background: #fff url(../../images/newlook/achievements/presentation/bg.png)
        top left repeat-x;
}

div#gameList.presWrapper div.presentation div.container {
	margin:0 5px 5px 7px;
}



div.presWrapper p.close,div.presentation p.close,div.presentation div.container p.close
    {
    background:
        url(../../images/newlook/achievements/presentation/close.png) center
        center no-repeat;
    height: 43px;
    width: 35px;
    float: right;
    margin-top: 53px;
    display: block;
    margin-right: 12px;
    cursor: pointer;
    z-index: 105;
    position: absolute;
    right: 0;
}

div.presentation p.close {
    margin-right: -16px;
}

div.presentation div.container h3.certBanner {
    width: 640px;
    height: 66px;
    position: relative;
    margin: 0 auto 0;
    text-align: center;
    color: #fff;
    padding-top: 24px;
    background:
        url(../../images/newlook/achievements/presentation/certificateBanner.png)
        center center no-repeat;
    font-family: 'Interval_Bold';
    text-transform: uppercase;
    font-size: 22px;
}

div.presentation div.container h4 {
    font-size: 40px;
    color: #016EA1;
    font-family: 'Interval_Bold';
    padding-top: 25px;
    padding-left: 35px;
}

div.presentation div.container h5 {
    font-size: 22px;
    color: #333;
    font-family: 'Interval_SemiBold';
}

div.presentation div.container h6 {
    font-size: 20px;
    font-family: 'Interval_SemiBold';
    color: #333;
    padding-top: 3px;
    padding-left: 35px;
}

div.presentation div.avatar div.wrapper {
    width: 100%;
    height: 300px;
    position: relative;
}

div.presentation div.avatar div.wrapper>div.avatarLarge,div.presentation div.avatar div.wrapper>div:first-child
    {
    float: left;
    width: 300px;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
}

div.presentation div.avatar div.wrapper div.foldContainer {
    float: left;
    padding-top: 25px;
    width: 350px;
    height: 275px;
    text-align: center;
}

div.presentation div.avatar div.wrapper div.foldContainer div.foldWrapper
    {
    width: 200px;
    position: relative;
    margin: 0 auto;
    height: 200px;
}

div.presentation div.avatar div.wrapper div.foldContainer div.foldWrapper>div
	{
	position: relative;
	width: 230px;
	margin: 0 auto;
	height: 150px;
	text-align: center;
}

div.presentation div.avatar div.foldAvatar {
    position: absolute;
    bottom: 0;
    cursor: pointer;
}

div.presentation div.avatar div.foldAvatar a {
    font-size: 16px;
    font-family: interval_regular;
    color: #1076A6;
}

div.presentation div.avatar div.foldAvatar p {
    text-align: center;
    font-size: 14px;
    font-family: interval_regular;
    color: #323131;
}

div.presentation div.avatar div#ccontainer {
    clear: both;
    float: left;
    margin-top: -15px;
    width: 100%;
    padding-top: 0px;
    text-align: center;
}

div.presentation div.certificate p.footer {
    margin-top: 15px;
}

div.presentation div.certificate p.footer,div.presentation div.avatar p.footer
    {
    font-size: 16px;
    font-family: Interval_Regular;
    color: #333333;
    text-align: center;
    clear: left;
}

div.presentation div.badge h3 {
  margin-top: 17px;
  font-size: 40px;
  color: #006C9E;
  font-family: Interval_Bold;
  text-align: left;
  padding-left: 35px;
}

div.presentation div.badge h4 {
  color: #049604;
}

div.presentation div.badge h5 {
  margin-top: 5px;
  color: #333333;
  font-family: Interval_Regular;
  font-size: 18px;
  margin-top: 8px;
  padding-left: 39px;
}

div.presentation div.badge h6 {
  color: #333333;
  font-size: 16px;
  font-family: Interval_Regular;
}

div.presentation div.badge div#ccontainer {
    clear: both;
    width: 100%;
    padding-top: 30px;
    text-align: center;
}

div.presentation div.badgeWrapper {
  float: left;
  width: 100%;
}

div.presentation div.badgeEarningsWrapper {
  position: absolute;
  top: 185px;
  left: 330px;
  width: 320px;
  text-align: left;
}

div.presentation div.badge div.badgeImage {
  position: absolute;
  top: 150px;
  left: 40px;
  width: 280px;
  height: 195px;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 58px;
  color: #fff;
}

div.presentation div.badge div.badgeImage div.badgeSubImage {
	margin-left: 103px;
	margin-top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100px;
	height: 63px;
}

div.presentation div.badge div.badgeImage div.bigBadge {
  font-family: 'Serifa_Black';
  font-size: 24px;
  margin-top: 45px;
  text-shadow: 2px 2px 2px #000;
}
div.presentation div.badge div.badgeImage div.classC {
	margin-top: -20px !important;
	color: #333;
	text-shadow: none;
}

div.presentation div.badge div.badgeImage div.classD {
	margin-top: -35px;
	color: #333;
	text-shadow: none;
}

div.presentation div.badge div.badgeImage div.classE {
	float: left;
	display: block;
	margin-left: 50px;
	margin-top: 25px;
	text-align: center;
	width: 75px;
}

div.presentation div.badge div.badgeImage div.bigBadge span.textLine2 {
  font-family: 'Serifa_Black';
  font-size: 18px;
  display: block;
  text-shadow: 1px 1px 1px #000;
}
div.presentation div.badge div.badgeImage div.bigBadgeCount {
  font-family: 'Serifa_Bold';
  font-size: 18px;
  position: absolute;
  top: 167px;
  right: 47px;
  font-size: 24px;
  text-align: right;
}

div.presentation div.badgeWrapper div#totalTokensForBadge,div#weeklyPointsForBadge {
  color: #0370A0;
  font-family: 'Serifa_Bold';
  font-size: 44px;
  height: 83px;
  text-align: center;
  float: left;
  padding-left: 5px;
  text-shadow: -3px -3px 0px #c9e4ef;
}

div.presentation div.badgeWrapper div#totalTokensForBadge {
  background: url(../../images/newlook/home/button_tokens.png)
    no-repeat 15px 45px;
    width: 140px;
}

div.presentation div.badgeWrapper div#totalTokensForBadge img {
  position: relative;
  top: 3px;
}

div.presentation div.badgeWrapper div#weeklyPointsForBadge {
  background: url(../../images/newlook/home/bonusPoints.png)
    no-repeat 15px 44px;
    width: 140px;
}

div.presentation div.certificate h4 {
    color: #049604;
}

div.presentation div.certificate div.certImage {
    float: left;
    width: 50%;
    height: 230px;
    margin-left: 30px;
    margin-top: 40px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image:
        url(/common/assets/images/newlook/home/moduleTestCompletedBanner.png);
}

div.presentation div.certificate div.certImage p {
    text-align: center;
    font-family: interval_bold;
    font-size: 14px;
    margin-top: -4px;
    color: #3c3c3c;
}

div.presentation div.certificate div.certImage h3 {
    text-align: center;
    margin-top: 126px;
    font-family: Serifa_Bold;
    font-size: 18px;
    color: #fff;
}

div.presentation div.certificate div.earningsWrapper {
    float: left;
    width: 40%;
    height: 230px;
}

div.presentation div.certificate div.earningsWrapper>p:first-child {
    margin-top: 80px;
    font-size: 14px;
    font-family: interval_bold;
    color: #3c3c3c;
}

div.presentation div.certificate div.earningsWrapper div div p:first-child
    {
    margin-top: 0px;
    font-size: 46px;
    font-family: interval_bold;
    color: #00699C;
}

div.presentation div.certificate div.earningsWrapper>p:last-child a:visited,div.presentation div.certificate div.earningsWrapper>p:last-child a
    {
    font-size: 14px;
    font-family: interval_regular;
    color: #4C9BBF;
}

div.presentation div.certificate div.earningsWrapper p {
    text-align: center;
}

div.presentation div.certificate div#ccontainer {
    clear: both;
    width: 100%;
    padding-top: 8px;
    text-align: center;
}

div.presentation div.modcert {

}

div.printCert h4,div.presentation div.modcert h4 {
    height: 65px;
    /*    background: url('../../images/newlook/achievements/presentation/certificateBanner.png') center center no-repeat; */
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 8px;
    font-family: Serifa_Bold;
    font-size: 26px;
    text-align: center;
    width: 100%;
    color: #fff;
}

div.printCert h3,div.presentation div.modcert h3 {
    margin-top: -15px;
    font-size: 40px;
    color: #006C9E;
    font-family: Interval_Bold;
    text-align: center;
}

div.printCert h5,div.presentation div.modcert h5 {
    color: #000;
    font-size: 18px;
    font-family: Interval_Bold;
    text-align: center;
    margin: 5px 0 5px 0;
}

div.printCert div,div.presentation div.modcert div {
    width: 300px;
    margin: 0 auto;
    height: 200px;
    background-position: bottom center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}

div.printCert div ul,div.presentation div.modcert div ul {
    width: 683px;
    height: 50px;
    display: block;
    margin: 0 0 0 -192px;
    position: absolute;
    bottom: 0;
    overflow:hidden;
}

div.printCert div ul li,div.presentation div.modcert div ul li {
    background-position: bottom center;
    background-repeat: no-repeat;
    display: inline-block;
    list-style: none;
    height: 50px;
    width: 45px;
}

div.printCert div ul li.Bronze,div.presentation div.modcert div ul li.Bronze
    {
    background-image:
        url(/common/assets/images/newlook/home/trophy_Bronze.png);
}

div.printCert div ul li.Silver,div.presentation div.modcert div ul li.Silver
    {
    background-image:
        url(/common/assets/images/newlook/home/trophy_Silver.png);
}

div.printCert div ul li.Gold,div.presentation div.modcert div ul li.Gold
    {
    background-image:
        url(/common/assets/images/newlook/home/trophy_Gold.png);
}

div.printCert h2,div.presentation div.modcert h2 {
    color: #000;
    font-size: 40px;
    font-family: Interval_Bold;
    text-align: center;
    margin: 5px 0 5px 0;
    overflow:hidden;
    height:60px;
    display:block;
    white-space:nowrap;
}

div.printCert p.footer,div.presentation div.modcert p.footer {
    text-align: center;
    margin: 10px 0 5px 0;
    color: #323231;
    font-family: Interval_SemiBold;
}

div.presentation div.modcert a.printVersion {
    position: absolute;
    display: block;
    bottom: 5px;
    right: 5px;
    padding-left: 25px;
    background: url(../../images/coursebuilder/ico_Printer.png) left center
        no-repeat;
    font-family: interval_regular;
    font-size: 14px;
    color: #4997bb;
    line-height: 14px;
}

div.printCert {
    height: 600px;
    width: 750px;
    border: 2px solid #323131;
}

div.printCert div#trophies {
	width: 300px;
	margin: 0 auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 115px;
}

div.printCert h3.logo {
    /*    background: url(/common/assets/images/newlook/achievements/presentation/certlogo.png) center center no-repeat; */
    width: 100%;
    height: 74px;
    margin: 10px 0 15px 0;
    text-align: center;
}

div.printCert h3.name {
    font-size: 48px;
    color: #000;
}

div.printCert h5.course {
    font-size: 36px;
}

div.printCert h5.modulename {
    font-size: 36px;
}

div.printCert p.smalltext {
    font-family: Interval_Regular;
    font-size: 12px;
    color: #323231;
    text-align: center;
    margin: 13px 0 13px 0;
}

div.printCert p.bottomleft {
    position: absolute;
    bottom: 12px;
    left: 8px;
    font-size: 18px;
    width: 350px;
    font-family: Interval_Regular;
}

div.printCert p.bottomright {
    position: absolute;
    bottom: 12px;
    right: 8px;
    width: 350px;
    text-align: right;
    font-size: 18px;
    font-family: Interval_Regular;
}

/*------------------modal additions-------------*/

#startGameDialogWrapper {
	width :819px;
	height: 354px;
	margin: 0 auto;
	position: absolute;
	top: 155px;
	z-index: 10000;
	left: 150px;
    background: rgb(187, 203, 211) transparent;
    background: rgba(187, 203, 211, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50bbcbd3,
        endColorstr=#50bbcbd3 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50bbcbd3, endColorstr=#50bbcbd3)";
}

div.startGameModal {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 9000;
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.15);
	filter: alpha(opacity=30);
	background-color: #fff;
	opacity: 0.3;
}

#startGameDialog div.buttonContainer {
	text-align: center;
}

#startGameDialog #btnLeaveGame {
	width: 173px;
	height: 40px;
	display: inline-block;
	background: url(../../images/newlook/game/gameCenter/btnLeaveGame.png) center center no-repeat;
}

#startGameDialog #btnStartGame {
	width: 173px;
	height: 40px;
	display: inline-block;
	background: url(../../images/newlook/game/gameCenter/btnStartGame.png) center center no-repeat;
}

#startGameDialog #btnStartGame.unavailable {
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    opacity:.25;
    cursor: default;
}

#startGameDialog {
	width: 805px;
	height: 340px;
	margin-top: 7px;
	margin-left: 7px;
	background: url(../../images/newlook/game/gameCenter/modalShortBG.png) top left repeat-x;
	background-color: #fff;
}

#startGameDialog h3 {
	line-height: 45px;
	color: #333;
	font-family: interval_bold;
	font-size: 18px;
}

#startGameDialog h3 img {
	margin-right: 8px;
}


#startGameDialog ul {
	width: 740px;
	height: 185px;
	list-style: none;
	margin: 45px auto 0;
}

#startGameDialog ul li {
	float: left;
	width: 160px;
	height: 160px;
	margin: 0 12px;
	position: relative;
	background: url(../../images/newlook/game/gameCenter/avatarBG.png) center center no-repeat;
}

#startGameDialog ul li div.avatarDiv {
	position: relative;
	width: 127px;
	height: 101px;
	margin: 25px auto 0;
}

#startGameDialog ul li div.avatarDiv div.ghostCrane {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(../../images/newlook/game/gameCenter/ghostCrane.png) center center no-repeat;
}

#startGameDialog ul li div.orangeTextBox {
	text-align: center;
	width: 110px;
	height: 22px;
	background: url(../../images/newlook/game/gameCenter/orangeTxtBox.png) center center no-repeat;
	line-height: 20px;
	font-family: Interval_Semibold;
	font-size: 16px;
	color: #fff;
	position: relative;
	margin: -15px auto 0;
}

#startGameDialog ul li p.stuName {
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 14px;
	font-family: interval_regular;
	position: absolute;
}

div.modalMessage {

}
div.gameList.presWrapper h4 {
    color: #231f20 !important;
    font-size: 30px;
    font-faily: interval_regular;
    padding-top: 25px !important;
    padding-left: 130px !important;
    margin-top: 25px !important;
}
div.modalMessage h4 {
    color: #231F20 !important;
    font-size: 30px;
    font-family: interval_regular;
    height: 67px;
    padding-top: 40px !important;
    padding-left: 130px !important;
    margin-top: 25px !important;
    margin-left: -60px;
    background: url(../../images/newlook/report/mrFoldCircle.png) center
        left no-repeat;
}
div#gameList.presWrapper div.content {
    margin-left: 35px !important;
}

div#gameList.friends .presentation {
	height: 433px !important;
}

div#gameList.friends .presentation .container {
	height: 400px !important;
}

div#gameList.friends p.playersOnlineCount {
	color: #33;
	font-family: interval_regular;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div#gameList.friends div.container div.content {
	margin-left: 0 !important;
}
div#gameList.friends div.pagingWrapper {
	clear: both;
	display: block;
	height: 50px;
	text-align: center;
}
div#gameList.friends div.pagingWrapper p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: interval_regular;
	color: #333;
}

div#gameList.friends ul.pagingButtons {
	height: 20px;
}

div#gameList.friends ul.pagingButtons li {
	list-style: none;
	display: inline-block;
	width: 15px;
	height: 20px;
	background: url(../../images/newlook/game/gameCenter/pagingButton.png) center center no-repeat;
	margin: 0;
	padding: 0;
}

div#gameList.friends ul.pagingButtons li.current {
	background: url(../../images/newlook/game/gameCenter/pagingCurrent.png) center center no-repeat;
}


div#gameList.friends div.boxList {
	border-radius: 6px;
	position: relative;
	float: left;
	background-color: #C9E2ED;
	height: 230px;
	behavior: url(/common/assets/css/PIE.htc);
	overflow: hidden;
}

div#gameList.friends div.boxList h6 {
	padding-left: 10px;
	padding-top: 3px;
	font-size: 18px;
}

div#gameList.friends div.boxList ul {
	height: 200px;
	margin-left: 3px;
	margin-top: -2px;
	position: absolute;
}
div#gameList.friends div.boxList ul li{
	float: left;
	width: 100px;
	height: 86px;
	margin: 9px 6px;
	padding: 0;
	background-color: #94C9E1;
	border: 1px solid #23718F;
}

div#gameList.friends div.boxList ul li.unavailable{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    opacity:.25;
}

div#gameList.friends div.boxList ul li div.top {
	height: 62px;
	width: 100%;
	border-bottom: #23718F 1px solid;
	background-position: center 14px;
	background-repeat: no-repeat;
}

div#gameList.friends div.boxList ul li div.top p {
	width: 98px;
	height: 12px;
	padding-left: 2px;
	background-color: #016EA1;
	font-family: interval_semibold;
	font-size: 11px;
	line-height: 11px;
	text-align: left;
}

div#gameList.friends div.boxList ul li div.top p span {
	float: right;
	line-height: 10px;
}

div#gameList.friends div.boxList ul li div.top p span img {
	margin-right: 2px;
}

div#gameList.friends div.boxList ul li div.bottom {
	height: 23px;
	width: 100%;
	border-top: 1px solid #CAEAF4;
	position: relative;
}

div#gameList.friends div.boxList ul li div.bottom ul {
	width: 70px;
	height: 23px;
	list-style: none;
	float: left;
	position: relative;
	margin: 0;
}

div#gameList.friends div.boxList ul li div.bottom ul li {
	border: none;
	width: 23px;
	height: 23px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 0;
}

div#gameList.friends div.boxList ul li div.bottom p.expert {
	border-left: 1px solid #CAEAF4;
	height: 23px;
	width: 23px;
	float: right;
	background: url(../../images/newlook/game/gameCenter/star.png) center center no-repeat;
}

div#gameList.friends a.arrowLeft {
	background: url(../../images/newlook/game/gameCenter/leftArrow.png) center center no-repeat;
	height: 230px;
	width: 35px;
	float: left;
	cursor: pointer;
}

div#gameList.friends a.arrowLeft[disabled] {
	background: url(../../images/newlook/game/gameCenter/leftArrow_Disabled.png) center center no-repeat;
	cursor: default;
}

div#gameList.friends a.arrowRight {
	background: url(../../images/newlook/game/gameCenter/rightArrow.png) center center no-repeat;
	height: 230px;
	width: 35px;
	float: left;
	cursor: pointer;
}

div#gameList.friends a.arrowRight[disabled] {
	background: url(../../images/newlook/game/gameCenter/rightArrow_Disabled.png) center center no-repeat;
	cursor: default;
}

div#gameList.friends div.friendsList {
	float: left;
	height: 130px;
	width: 765px;
	position: relative;
	overflow: hidden;
}

div#gameList.friends div.friendsList ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000px;
	list-style: none;
	height: 130px;
	margin-left: 10px;
}

div#gameList.friends div.friendsList ul li {
	width: 130px;
	height: 130px;
	margin: 0 10px;
	float: left;
	position: relative;
}

div#gameList.friends div.friendsList ul li div.avatar {
	width: 130px;
	height: 100px;
	float: left;
}

div#gameList.friends div.friendsList ul li div.playerName {
	float: left;
	text-align: center;
	width: 100%;
	position: relative;
	height: 30px;
	font-family: interval_regular;
	font-size: 13px;
	color: #333;
}

div#gameList.presWrapper ul {height: auto;}
div#gameList.presWrapper p.rankTitle {
    background-color: #016EA1;
    color: #CAEAF4;
}
div#gameList.presWrapper p.cost {
    background-color: #016EA1;
    color: #CAEAF4;
    font-size: 11px;
    font-family: Interval_Bold;
    text-align: right;
    line-height: 12px;
    height: 15px;
}
div#gameList.presWrapper p.cost img {
    vertical-align: middle;
}
div.modalMessage div.content {
    min-height: 220px;
    color: #231F20;
    font-size: 24px;
    margin-left: 75px;
    margin-top: 30px;
}

div#gameList.presWrapper ul.gameList {
    width: 760px;
    height: auto;
}


div#gameList.presWrapper ul.gameList li div.gameIco {
    border-bottom: 1px solid #449DC1;
    margin-bottom: 1px;
    background-position: center 15px;
    height: 63px;
}

div#gameList.presWrapper ul.freeGames {

}

div#gameList.presWrapper ul.gameList li {
    color: #CAEAF4;
    margin-bottom: 3px;
    height: 82px;
}

div#gameList.presWrapper ul.freeGames li p.cost {
    color: #5ABF5A;
}

div#gameList.presWrapper p.close {
    margin-right: 37px;
}
div.modalMessage div#ccontainer {
    text-align: center;
}
div#timeoutMessage .modalBox,
div#standardMessage .modalBox {
    width: auto;
    position: relative;
    border-radius: 8px 8px 8px 8px;
    behavior: url(/common/assets/css/PIE.htc);
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    background-color: transparent;
    background: url(../../images/newlook/game/gameCenter/modalBG.png);
    padding-top: 7px;
    padding-bottom: 2px;
}
div#timeoutMessage .modalBox div.title,
div#standardMessage .modalBox div.title {
    border-radius: 6px 6px 0 0;
    margin: 5px 5px 0 5px;
    behavior: url(/common/assets/css/PIE.htc);
}
div#timeoutMessage .modalBox div.title p,
div#standardMessage .modalBox div.title p {
    font-size: 18px;
    font-family: Interval_Regular;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-top: 8px;
}
div#timeoutMessage p.closeButton,
div#standardMessage p.closeButton {
    right: 5px;
    top: 5px;
    padding: 0px;
    z-index: 200001;
    position: absolute;
    font-size: 0;
    border-color: transparent;
    background-color: transparent;
    background: url(../../images/newlook/game/gameCenter/modalBG.png);
    behavior: url(/common/assets/css/PIE.htc);
}
div#timeoutMessage .modalBox div.content,
div#standardMessage .modalBox div.content {
    border-radius: 0 0 0px 0px;
    margin-bottom: 0;
    margin: 0 5px 0 5px;
    height: auto;
}
div#timeoutMessage .modalBox div.content p,
div#standardMessage .modalBox div.content p {
    padding-left: 20px; font-family: interval_regular; color: #333; font-size: 16px;
}
div#timeoutMessage div.buttons,
div#standardMessage div.buttons {
    margin-bottom: 5px;
    border-radius: 0 0 6px 6px;
    behavior: url(/common/assets/css/PIE.htc);
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 5;
}
div#timeoutMessage .modalBox div.buttons input[type='button'],
div#standardMessage .modalBox div.buttons input[type='button'] {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8BD0EC), to(#007EAB));
    background: -webkit-linear-gradient(#8BD0EC, #007EAB);
    background: -moz-linear-gradient(#8BD0EC, #007EAB);
    background: -ms-linear-gradient(#8BD0EC, #007EAB);
    background: -o-linear-gradient(#8BD0EC, #007EAB);
    background: linear-gradient(#8BD0EC, #007EAB);
    -pie-background: linear-gradient(#8BD0EC, #007EAB);
    border-top: #49A3C5 1px solid;
    border-left: #12799C 1px solid;
    border-right: #037DA7 1px solid;
    border-bottom: #12799C 1px solid;
    border-radius: 4px;
    behavior: url(/common/assets/css/PIE.htc);
    font-family: Interval_Regular;
    letter-spacing: 1px;
    height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px; padding-bottom: 3px;
    font-size: 16px;
    color: #fff;
    -webkit-box-shadow: #666 0px 1px 2px;
    -moz-box-shadow: #666 0px 1px 2px;
    box-shadow: #666 0px 1px 2px;
}
div#timeoutMessage .modalBox div.buttons input[type='button']:hover,
div#standardMessage .modalBox div.buttons input[type='button']:hover {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#86c0d7), to(#007EAB));
    background: -webkit-linear-gradient(#86c0d7, #007EAB);
    background: -moz-linear-gradient(#86c0d7, #007EAB);
    background: -ms-linear-gradient(#86c0d7, #007EAB);
    background: -o-linear-gradient(#86c0d7, #007EAB);
    background: linear-gradient(#86c0d7, #007EAB);
    -pie-background: linear-gradient(#86c0d7, #007EAB);
}
div#timeoutMessage .modalBox div.buttons input[type='button']:active,
div#standardMessage .modalBox div.buttons input[type='button']:active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#86c0d7), to(#007EAB));
    background: -webkit-linear-gradient(#86c0d7, #007EAB);
    background: -moz-linear-gradient(#86c0d7, #007EAB);
    background: -ms-linear-gradient(#86c0d7, #007EAB);
    background: -o-linear-gradient(#86c0d7, #007EAB);
    background: linear-gradient(#86c0d7, #007EAB);
    -pie-background: linear-gradient(#86c0d7, #007EAB);
}



div#gameMessage .modalBox {
    border-radius: 8px 8px 8px 8px;
    background-color: transparent;
    background: url(../../images/newlook/game/gameCenter/modalBG.png);
    behavior: url(/common/assets/css/PIE.htc);

}
div#gameMessage .modalBox div.title {
    border-radius: 6px 6px 0 0;
    behavior: url(/common/assets/css/PIE.htc);
}

div#gameMessage .modalBox div.title p {
    font-size: 18px;
}

div#gameMessage .modalBox div.content {
    border-radius: 0 0 6px 6px;
    behavior: url(/common/assets/css/PIE.htc);
}
div#gameMessage p.closeButton,
div#gameMessage .modalBox div.title p.closeButton {
    border: none;
    z-index: 200001;
    top: 5px;
    right: 5px;
    padding: 6px;
    background-color: transparent;
    background: url(../../images/newlook/game/gameCenter/modalBG.png);
}


/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
div#stacktrace {
    margin-left: 75px;
    width: 589px;
    padding: 5px;
    height: 155px;
    border: 1px solid #016EA1;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    top: -30px;
    background-color: #FFFFFF;
}

/*  hints fix */
table.hintsTable {
    margin-top: 10px;
}

.ie8 table.hintsTable {
    margin-top: 10px;
    min-width:50px;
    width:auto;
}

table.hintsTable tr td {
    text-align: center;
}

table.hintsTable tr.borrowed td {
    font-size: 10px;
    line-height: 0;
    vertical-align: bottom;
}

.betaDialog {
    color: #ffffff;
    text-align: center;
    margin-top: 25px;
    font-family: 'Interval_Regular';
    font-size: 29px;
}

/*
* LO styles for Hints
*/
.ie #ol-steps .fm-num-frac,.ie #ol-steps .fm-den-frac {
    font-size: 12px;
    height: 15px !important;
    line-height: 10px;
    text-align: center;
}

#ol-steps .highlight {
    background-color: #F5F50A;
}

#ol-steps tr.carryOver {
    line-height: 6px;
}

#ol-steps td.carryOver {
    font-size: 9px;
    text-align: right;
}

span#versionInfo {
    font-family: arial;
    font-size: 12px;
    padding: 10px 0 5px;
    color: #ffffff;
}

span#versionInfo span.title {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #CAC9E5;
}

a#VersionInfoLink {
    font-family: arial !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    cursor: default !important;
}

/**
*  Problem Solving Styles
*/
div#problemSolvingHeader {
    padding: 0 0 0 35px;
    margin: 10px 0;
    background-image:
        url("/common/assets/images/newlook/problemSolving/lightbulb.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 350px;
    height: 32px;
    font-family: 'Interval_Semibold';
    color: #ffffff;
    font-size: 28px;
    text-shadow: 0 0 2px #333;
}

div#ps_streak {
    background:
        url(/common/assets/images/newlook/problemSolving/streak_background.png)
        no-repeat;
    width: 886px;
    height: 65px;
    position: absolute;
    bottom: 30px;
    left: 7px;
    z-index: 100;
}

div#ps_streak #streak_indicator {
    background:
        url(/common/assets/images/newlook/problemSolving/points_background.png)
        no-repeat;
    background-position: 67px 2px;
    width: 26px;
    height: 15px;
    position: absolute;
    bottom: 0px;
    left: 5px;
    z-index: 100;
    color: #FFFFFF;
    font-family: 'Interval_SemiBold';
    font-size: 12px;
    text-align: center;
    width: 26px;
    padding-left: 67px;
}

div#ps_streak #streak_bar {
    background:
        url(/common/assets/images/newlook/problemSolving/streak.png)
        no-repeat;
    height: 11px;
    width: 50px;
    position: absolute;
    top: 40px;
    left: 33px;
    display:none;
}

div#ps_streak #flag {
    background:
        url(/common/assets/images/newlook/problemSolving/flag_20.png)
        no-repeat right;
    width: 49px;
    height: 59px;
    position: absolute;
    bottom: 10px;
    left: 5px;
    z-index: 1200;
    padding-left: 67px;
    display: none;
}

div#ps_streak div#streak_avatar {
    width: 124px;
    height: 81px;
    position: absolute;
    top: -47px;
    left: 5px;
    z-index: 1100;
}

div#ps_streak div#goForGold{
    background:
        url(/common/assets/images/newlook/problemSolving/goForGold.png)
        no-repeat;
    width: 172px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 305px;
    z-index: 1300;
    display: none;
}

div#mainLeft #play {
    /*background:
        url(/common/assets/images/newlook/problemSolving/btn_play.png)
        no-repeat;*/
    background: url(../../images/newlook/common/btnReplay.png) center center no-repeat;
    width: 45px;
    height: 59px;
    /*
    width: 44px;
    height: 44px;*/
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
    cursor: pointer;
}

div#hints {
    background:
        url(/common/assets/images/newlook/problemSolving/hints_background.png)
        no-repeat;
    width: 319px;
    height: 192px;
    position: absolute;
    top: -21px;
    right: -33px;
}

div#hints div#hints_container {
    font-size: 13px;
    padding: 30px 0 0 30px;
    width: 250px;
}

div#hints div div {
    padding: 8px 0;
    line-height: 20px;
}

div#hints div div span {
    font-family: 'Interval_Bold';
}

.gold {
    color: #F7CF28;
    font-family: 'Interval_Bold';
}

div.max_dialog_header_text {
    font-family: 'Interval_Semibold';
    padding: 45px 0 10px 0;
    font-size: 20px;
}

div.max_dialog_body_text {
    font-family: 'Interval_Regular';
    padding: 8px 35px 10px 35px;
    font-size: 15px;
    line-height: 17px;
}

div.max_dialog_feedback_text {
    font-family: 'Interval_Semibold';
    padding-top: 150px;
    font-size: 20px;
    line-height: 17px;
    width: 135px;
    color: #000000;
}

div.max_dialog_pointsRibbon_ps_3 {
    background:
        url(/common/assets/images/newlook/problemSolving/points_ribbon_3.png)
        no-repeat;
    left: 690px;
    top: 162px;
    width: 123px;
    height: 146px;
}
div.max_dialog_pointsRibbon_ps_10 {
    background:
        url(/common/assets/images/newlook/problemSolving/points_ribbon_10.png)
        no-repeat;
    left: 690px;
    top: 162px;
    width: 123px;
    height: 146px;
}
div.max_dialog_pointsRibbon_ps_20 {
    background:
        url(/common/assets/images/newlook/problemSolving/points_ribbon_20.png)
        no-repeat;
    left: 690px;
    top: 162px;
    width: 123px;
    height: 146px;
}
div.max_dialog_correct {
    background:
        url(/common/assets/images/newlook/problemSolving/points_correct.png)
        no-repeat 0px 120px;
    left: 690px;
    /*top: 162px;*/
    top: 0;
    width: 123px;
    height: 146px;
}

div.max_bronze_ps {
    background:
        url(/common/assets/images/newlook/problemSolving/max_bronze.png)
        no-repeat;
    left: 798px;
    top: 251px;
    width: 172px;
    height: 291px;
}

div.max_silver_ps {
    background:
        url(/common/assets/images/newlook/problemSolving/max_silver.png)
        no-repeat;
    left: 806px;
    top: 202px;
    width: 161px;
    height: 346px;
}

div.max_gold_ps {
    background:
        url(/common/assets/images/newlook/problemSolving/max_gold.png)
        no-repeat;
    left: 811px;
    top: 162px;
    width: 154px;
    height: 380px;
}


/*----------GAME CENTER-----------------*/
p.blue_label {
    width: 158px;
    height: 22px;
    line-height: 20px;
    font-family: 'Interval_Semibold';
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    letter-spacing: 1.25px;
    display: inline-block;
    margin: 3px 0;
    background: url(../../images/newlook/game/gameCenter/label_blue.png) center center no-repeat;
    position: relative;
}

div#mainBox.gameCenter {
    min-height: 275px;
}

div#mainBox.gameCenter h3 {
    color: #333;
    font-size: 25px;
    font-family: Interval_Bold;
}

div#mainBox.gameCenter div.titleBar {
    width: 100%;
    height: 22px;
    margin-top: -15px;
    text-align: center;
    position: relative;
}

div#mainBox.gameCenter div#playerInfo {
    width: 245px;
    float: left;
}

div#mainBox.gameCenter div#playerInfo div#avatar {
    position: relative;
    width: 245px;
    height: 180px;
    text-align: center;
    margin: 10px 0 0 0;
}

div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper {
    position: absolute;
    bottom: 0;
    width: 245px;
    height: 30px;
    left: 23px;
}

div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper a#avatarEditButton {
    width: 36px;
    height: 36px;
    /*background: url(../../images/newlook/game/buttons/btn_edit_avatar.png) center center no-repeat;*/
    background: url(../../images/newlook/game/gameCenter/avatarEditButton.png) center center no-repeat;
    display:block;
    position:absolute;
    top:-8px;
    left:-2px;
    z-index:101;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper span.avatarEditPulse {
    display:none;
    position:absolute;
    top:-10px;
    left:-5px;
    overflow:hidden;
    width:42px;
    height:40px;
    z-index:100;
    background: url(../../images/newlook/game/buttons/anim_btn_edit_pulse_blue.gif) top left no-repeat;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper span.animEditYourAvatar {
    display:none;
    position:absolute;
    top:-41px;
    left:-7px;
    overflow:hidden;
    width:233px;
    height:73px;
    z-index:100;
    background: url(../../images/newlook/game/buttons/anim_customize_your_avatar.gif) top left no-repeat;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper div#avatarSelectBox {
    width: 170px;
    height: 24px;
    line-height: 20px;
    padding-left: 16px;
    margin: 0 0 0 8px;
    background: url(../../images/newlook/game/gameCenter/dropDownContainer.png) top left no-repeat;
    font-size: 16px;
    font-family: Interval_Bold;
    color: #333;
    text-align: center;
    position: absolute;
    top:-2px;
    left:28px;
    z-index:600;
    cursor:default;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper div#avatarSelectBox:hover {
    background: url(../../images/newlook/game/gameCenter/dropDownHover.png) top left no-repeat;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper div#avatarSelectBox.active {
    background: url(../../images/newlook/game/gameCenter/dropDownActive.png) top left no-repeat;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper div#avatarSelectBox p.hoverBox {
    height: 24px;
    width: 30px;
    float: right;
    cursor: pointer;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper div#avatarSelectBox div.avatarDropDown {
    position: absolute;
    top: 24px;
    width: 182px;
    border-right: 1px solid #016EA1;
    border-left: 1px solid #016EA1;
    display: none;
    z-index: 600;
    left: 0;
    text-align: left;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper div#avatarSelectBox div.avatarDropDown ul {
    width: 182px;
    padding: none;
    margin: none;
    list-style-type: none;
}
div#mainBox.gameCenter div#playerInfo div#avatar div#avatarSelectWrapper div#avatarSelectBox div.avatarDropDown ul li {
    cursor: pointer;
    width: 138px;
    padding-left: 44px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, Sans-Serif;
    line-height: 23px;
    height: 23px;
    border-bottom: 1px solid #016EA1;
    background-color: #E7EFF2;
    background-repeat: no-repeat;
    background-position: 15px center;
}

div#mainBox.gameCenter div#playerInfo div#stats {width: 245px;text-align: left;}
div#mainBox.gameCenter div#playerInfo div#stats ul#tokensAndPoints {
    list-style-type: none;
    width: 220px;
    padding: 0;
    margin: 0;
    margin-left: 25px;
}
div#mainBox.gameCenter div#playerInfo div#stats ul#tokensAndPoints li:first-child {
    border-top: none;
}
div#mainBox.gameCenter div#playerInfo div#stats ul#tokensAndPoints li {
    height: 30px;
    background: #C9D9E1;
    border-top: 1px solid #A5B3BE;
    width: 220px;
    line-height: 26px;

}

div#mainBox.gameCenter div#playerInfo div#stats ul#tokensAndPoints li p.label {
    margin-left: 10px;
    font-size: 12px;
    color: #2F3D4F;
    font-family: Interval_Bold;
    padding:0;
    float: left;
}

div#mainBox.gameCenter div#playerInfo div#stats ul#tokensAndPoints li div#playTokens {
    float: right;
    margin-top: 2px;
    margin-right: 10px;
    background: url(../../images/newlook/game/gameCenter/singleToken.png) center left no-repeat;
    padding-left: 26px;
}
div#mainBox.gameCenter div#playerInfo div#stats ul#tokensAndPoints li div#games_weeklyPoints {
    float: right;
    margin-top: 2px;
    margin-right: 10px;
}
div#mainBox.gameCenter p.rollNumber img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15px;
    height: 21px;
/*  background: url(../../images/newlook/game/gameCenter/numberBg2.png) top left */
        no-repeat;
    z-index: 500;
}



div#mainBox.gameCenter p.rollNumber {
    font-family: 'Interval_Bold';
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 17px;
    position: relative;
    padding: 0;
    display: inline-block;
    width: 15px;
    height: 21px;
    margin-right: 2px;
    background:
        url(/common/assets/images/newlook/game/gameCenter/numberBg.png) top left no-repeat;
}

div#mainBox.gameCenter div.vsDivider {
    height: 210px;
    width: 70px;
    float: left;
    background: url(../../images/newlook/game/gameCenter/vsIco.png) center center no-repeat;
}

div#mainBox.gameCenter div#gameSelectionMenu {
    height: 240px;
    margin-top: 25px;
    width: 575px;
    float: left;
}

div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock {
    text-align: center;
    width: 190px;
    height: 220px;
    position: relative;
    border-right: 1px dotted #9ECADE;
    float: left;
}
div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock div.friends {
    width: 190px;
    height: 220px;
    position: absolute;
    top:0;
    left:0;
/*    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    opacity:.25; */
}
div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock h3 {
    margin-top: -15px;
}
div#mainBox.gameCenter div#gameSelectionMenu div.everyone {
    background: url(../../images/newlook/game/gameCenter/avatarEveryone.png) center 30px no-repeat;
}
div#mainBox.gameCenter div#gameSelectionMenu div.friends {
    background: url(../../images/newlook/game/gameCenter/avatarFriend.png) center 30px no-repeat;
}
div#mainBox.gameCenter div#gameSelectionMenu div.tagComingSpring {
    position:absolute;
    top:38px;
    left:22px;
    display:block;
    z-index:100;
    background: url(../../images/newlook/game/tagComingSpring.png) top left no-repeat;
    width:155px;
    height:163px;
}
div#mainBox.gameCenter div#gameSelectionMenu div.max {
    background: url(../../images/newlook/game/gameCenter/avatarMax.png) center 30px no-repeat;
    border-right: none;
}

div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock div.gameSelectionButton {
    position: absolute; width: 195px;
    bottom: 0;
    height: 55px;
    text-align: center;
}
div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock div.gameSelectionButton a.playGameButton {
    display: inline-block;
    width: 149px;
    height: 41px;
}
div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock div.gameSelectionButton #btnJoinGame {
    background: url(../../images/newlook/game/gameCenter/btnJoinGame.png) center center no-repeat;
}
div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock div.gameSelectionButton #btnPlayFriend {
    background: url(../../images/newlook/game/gameCenter/btnPlayFriend.png) center center no-repeat;
/*    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; */
/*    filter: alpha(opacity=25);
    opacity:.25; */
}
div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock div.gameSelectionButton #btnPlayMax {
    background: url(../../images/newlook/game/gameCenter/btnPlayMax.png) center center no-repeat;
}
div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock div.gameSelectionButton p {
    font-size: 11px;
    font-family: Interval_Regular;
}
div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionBlock div.gameSelectionButton p span{
    font-weight: bold;
}

div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionButton img.singleCoin {
    display:block;
    position:absolute;
    top:-6px;
    left:19px;
    z-index:99;
}

div#mainBox.gameCenter div#gameSelectionMenu div.gameSelectionButton img.animCoinFlip {
    display:block;
    position:absolute;
    top:-25px;
    left:19px;
    width:17px;
    height:36px;
    z-index:100;
}
p#gameModalPlay {
	display:block;
	position:relative;
}
p#gameModalPlay img.singleCoin {
    display:block;
    position:absolute;
    top:-6px;
    left:-4px;
    z-index:99;
}

p#gameModalPlay img.animCoinFlip {
    display:block;
    position:absolute;
    width:17px;
    height:36px;
    top:-25px;
    left:-4px;
    z-index:100;
}

div.invisiBox {
    height: 220px;
    width: 890px;
}
div#myGames {
    width: 464px;
    height: 220px;
    position: relative;
}
div#myGames div.sliderWrapper {
    width: 430px;
    height: 127px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}
ul.gameList {
    width: auto;
    float: left;
    margin-top: 10px;
}
div#myGames ul.gameList {
    width: 10000px;
    height: 102px;
    list-style-type: none;
    position: absolute;
    margin-top: 0;
}
ul.gameList li,
div#myGames ul.gameList li {
    display: inline-block;
    height: 102px;
    width: 100px;
    margin-right: 6px;
    border: 1px solid #449DC1;
}
ul.gameList li div.gameIco,
div#myGames ul.gameList li div.gameIco {
    width: 100px;
    height: 85px;
    background: #D6EDF4 url(../../images/newlook/game/gameCenter/gameSkill.jpg) center center no-repeat;
    float: left;
}
ul.gameList li p.rankTitle,
div#myGames ul.gameList li p.rankTitle {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    width: 69px;
    font-size: 11px;
    height: 16px;
    line-height: 12px;
    font-family: interval_bold;
    background: #eee;
    color: #333;
    text-align: left;
    padding-left: 5px;
    text-transform: uppercase;
}
ul.gameList li p.rankNumber,
div#myGames ul.gameList li p.rankNumber {
    float: left;
    border-top: 1px solid #ccc;
    width: 25px;
    font-size: 11px;
    height: 16px;
    background: #fff;
    line-height: 12px;
    font-family: interval_bold;
    color: #049604;
    text-align: center;
}

div#myGames ul.shadowList {
    width: 10000px;
    height: 25px;
    list-style-type: none;
    position: absolute;
    bottom: 0;
}
div#myGames ul.shadowList li {
    width: 108px;
    height: 25px;
    display: inline-block;
    background: url(../../images/newlook/game/gameCenter/gameShadow.png) no-repeat;
    background-position: -15px 10px;
}
a.viewAllLink:visited,
a.viewAllLink {
    font-size: 11px;
    font-family: interval_regular;
    color: #449DC1;
    text-decoration: none;
}
a.viewAllLink:active,
a.viewAllLink:hover {text-decoration: underline;}
div#myGames a#viewAllGames {
    float: left;
}

div#myGames {

}

div#myGames p#gamePagingLabel {
    float: right;
    font-size: 11px;
    color: #333;
    font-family: interval_regular;
    margin-right: 50px;
}

div#myGames p#gamePagingLabel a.pagingButton {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(../../images/newlook/game/gameCenter/pagingButton.png) center center no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}
div#myGames p#gamePagingLabel .pageIdx_1 {
    margin-left: 15px;
    margin-right: 0;
}
div#myGames p#gamePagingLabel a.currentPage {
    background: url(../../images/newlook/game/gameCenter/pagingCurrent.png) center center no-repeat;
}

div#leaderBoardStatusWrapper {
    width: 250px;
    height: 220px;
    float: left;
    margin-top: 3px;
}

div#leaderBoardStatusWrapper ul.leaderBoardStatus {
    width: 230px;
    list-style-type: none;
        margin-bottom: 5px;
}
div#leaderBoardStatusWrapper ul.leaderBoardStatus li {
    height: 29px;
    width: 230px;
    font-size: 16px;
    font-family: interval-bold;
    color: #2F3D4F;
    border-bottom: 1px solid #69747F;
}

div#leaderBoardStatusWrapper ul.leaderBoardStatus li:first-child {
    padding-left: 10px;
    width: 220px;
    line-height: 26px;
    font-family: interval_bold;
}

div#leaderBoardStatusWrapper ul.leaderBoardStatus li ul {

    width: 230px;
    height: 29px;
    list-style-type: none;
}
div#leaderBoardStatusWrapper ul.leaderBoardStatus li ul li {
    display: table-cell;
    vertical-align: middle;
    height: 29px;
    font-size: 14px;
    margin: 0;
    border-bottom: none;
    padding-left: 10px;
}

div#leaderBoardStatusWrapper ul.leaderBoardStatus li ul li.label {
    width: 69px;
    border-right: 1px solid #69747f;
    font-family: interval_bold;
}
div#leaderBoardStatusWrapper ul.leaderBoardStatus li ul li.data {
    width: 131px;
    padding-left: 20px;
    font-family: interval_regular;
    line-height: 26px;
}
div#leaderBardStatusWrapper ul.leaderBoardStatus li ul li.data img {
    margin-right: -5px;
}

div#leaderBoardStatusWrapper ul.leaderBoardStatus li ul.active li {
    background: url(../../images/newlook/game/gameCenter/activeArrowBg.png) top left repeat-x;
    color: #016EA1;
}

div#leaderBoardStatusWrapper ul.leaderBoardStatus li ul li span.b {
    font-weight: bold;
}

div#leaderBoardStatusWrapper ul.leaderBoardStatus li ul li span.sup {
    position: absolute;
    font-family: arial !immportant;
    font-size: 11px;
    margin-top: -2px;
    margin-left: -6px;
}

div#leaderBoardStatusInfo {
    width: 145px;
    float: left;
    text-align: center;
    height: 140px;
    margin-left: 20px;
    margin-top: 40px;
    padding-left: 10px;
    border-left: 1px dotted #69747F;
}
div#leaderBoardStatusInfo h5 {
    font-family: Interval_Bold;
    font-size: 14px;
    color: #333;
}
div#leaderBoardStatusInfo p {
    font-family: Interval_Regular;
    font-size: 13px;
    margin: 7px 0 6px 0;
    color: #333;
}
div#leaderBoardStatusInfo p span#pointsToMove {
    color: #049604;
    font-family: Interval_Bold;
}
div#leaderBoardStatusInfo p#leaderBoardNameState {
	font-family:'Serifa_Regular';
	font-size:13px;
	color:#333;
	text-transform:capitalize;
}
/*---------------END-------------------*/

p.button-black {
    font-family: Interval_Regular;
    font-size: 13px;
    padding: 0 10px 0 10px;
    margin: 5px 0 2px 0;
    line-height: 23px;
    height: 23px;
    border-radius: 12px;
    display: inline-block;
    position: relative;
    width: auto;
    -webkit-box-shadow: #666 0px 1px 2px;
    -moz-box-shadow: #666 0px 1px 2px;
    box-shadow: #666 0px 1px 2px;
    behavior: url(/common/assets/css/PIE.htc);
    color: #fff;
    background-color: #333;
}

div#mainBox.welcomeBack div.progress {
    width: 590px;
    height: 36px;
    margin-bottom: -5px;
    margin-left: 0px;
}

div#mainBox.welcomeBack div.progress,div#playerInfo div.progress {
    margin-bottom: 3px;
    border: 1px solid #121212;
    text-align: center;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: #666 0px 1px 4px;
    -moz-box-shadow: #666 0px 1px 4px;
    box-shadow: #666 0px 1px 4px;
    behavior: url(/common/assets/css/PIE.htc);
    z-index: 15;
    overflow: hidden;
    background-image: linear-gradient(top, #252525 10%, #333333 30%, #333233 76%, #2c2c2c 70%);
    background-image: -o-linear-gradient(top, #252525 10%, #333333 30%, #333233 76%, #2c2c2c
        70%);
    background-image: -moz-linear-gradient(top, #252525 10%, #333333 30%, #333233 76%, #2c2c2c
        70%);
    background-image: -webkit-linear-gradient(top, #252525 10%, #333333 30%, #333233 76%,
        #2c2c2c 70%);
    background-image: -ms-linear-gradient(top, #252525 10%, #333333 30%, #333233 76%, #2c2c2c
        70%);
    -pie-background: linear-gradient(top, #252525 10%, #333333 30%, #333233 76.0%, #2c2c2c
        70.0%);
    position: relative;
    display: inline-block;
}

.ie8 div#mainBox.welcomeBack div.progress div {
    top: -1px;
    margin-left: 0px;
}
div.button_black,
p.button_black {
    font-family: Interval_Regular;
    font-size: 16px;
    padding: 1px 13px 1px 13px;
    min-width: 80px;
    margin: 5px 0 2px 0;
    line-height: 22px;
    height: 23px;
    border-radius: 12px;
    display: inline-block;
    position: relative;
    width: auto;
    -webkit-box-shadow: #666 0px 1px 2px;
    -moz-box-shadow: #666 0px 1px 2px;
    box-shadow: #666 0px 1px 2px;
    behavior: url(/common/assets/css/PIE.htc);
    color: #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#626362), to(#3C3C3C));
    background: -webkit-linear-gradient(#626362, #3C3C3C);
    background: -moz-linear-gradient(#626362, #3C3C3C);
    background: -ms-linear-gradient(#626362, #3C3C3C);
    background: -o-linear-gradient(#626362, #3C3C3C);
    background: linear-gradient(#626362, #3C3C3C);
    -pie-background: linear-gradient(#626362, #3C3C3C);

}


/*
------------------------------REMOVE AFTER 7/22/2012------------
div#gameSelectionMenu {
    height: 200px;
    width: 605px;
    float: left;
    padding-left: 15px;
    padding-top: 20px;
}

div#gameSelectionMenu div.leftContent {
    float: left;
    width: 280px;
}

div#gameSelectionMenu div#gameSelectionButtons {
    position: relative;
    clear: both;
    margin-top: 20px;
    float: left;
}

div#gameSelectionMenu div#gameSelectionButtons p {
    font-size: 18px;
    color: #333;
    margin: 0 0 6px 3px;
    padding: 0;
    font-family: Interval_Bold;
}

div#gameSelectionMenu div#gameSelectionButtons a {
    display: inline-block;
    height: 96px;
    margin-left: -2px;
}

div#gameSelectionMenu div#gameSelectionButtons p.vsOthers {
    display: inline-block;
    height: 96px;
    margin-left: -2px;
    margin-bottom: 0;
}

div#gameSelectionMenu div#gameSelectionButtons p.vsOthers,div#gameSelectionMenu div#gameSelectionButtons a.vsOthers
    {
    background: url(../../images/newlook/game/buttons/btn_vsOthers.png)
        no-repeat top left;
    margin-right: 15px;
    width: 186px;
}

div#gameSelectionMenu div#gameSelectionButtons a.vsFriends {
    background: url(../../images/newlook/game/buttons/btn_vsFriends.png)
        no-repeat top left;
    margin-right: 15px;
    width: 186px;
}

div#gameSelectionMenu div#gameSelectionButtons a.vsMathimus {
    background: url(../../images/newlook/game/buttons/btn_vsMathimus.png)
        no-repeat top left;
    width: 186px;
}

div#playerInfo {
    height: 480px;
    width: 268px;
    padding: 20px 0 0 0;
    border-left: 1px solid #BDCCD4;
    float: right;
}

div#playerInfo div#avatar {
    height: 275px;
    width: 100%;
    text-align: center;
}

div#playerInfo div#avatar h3 {
    font-family: Serifa_Bold;
    font-size: 24px;
    margin: 5px 0;
    padding: 0;
    color: #333;
}

div#playerInfo div#stats {
    height: 145px;
    width: 270px;
}



div#playerInfo div.progress {
    width: 5px;
}

div#playerInfo div.progress p.numbers {
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    padding: 0;
    margin: 0 8px;
    font-family: Serifa_Bold;
    display: inherit;
    z-index: 15;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
    opacity: .5;
}

div#playerInfo div.progress p.numbers:last-child {
    color: #fff;
}
*/
div#ipadToolbar{
    background-repeat: no-repeat;
    position: absolute;
    height: 64px;
    z-index: 500;
    display:none;
    padding: 10px 0 0 15px;
}
div.ipadToolbar_learn{
    background-image: url(/common/assets/images/newlook/common/ipadToolbar.png);
    width: 870px;
    top: 440px;
    left: 5px;
}
div.ipadToolbar_play{
    background-image: url(/common/assets/images/newlook/common/ipadToolbar_play.png);
    width: 926px;
    top: 525px;
    left: 20px;
}
div#ipadToolbar div{
    display: inline;
    padding-top: 2px;
}
div#ipadToolbar div button{
    margin: 1px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border-width: 1px;
    border-color: black;
    background-color: #F6F6F6;
    background-image: url(/common/assets/images/newlook/common/ipadButtonBackground.png);
    color: #000000;
    font-size: 10px;
}
div#ipadToolbar div button span{
    padding: 0.5em 0.8em;
    font-family: 'Interval_Regular';
    font-size: 14px;
}
div#ipadToolbar div#clear button span{
    padding: 0.5em 0.5em;
    font-size: 13px;
}
div#ipadToolbar #numbers{
    padding-left: 10px;
    height: 42px;
    width: 482px;
}
div.ipadToolbar_play #go{
    margin-left: 12px;
}
div#ipadToolbar #signs{
    margin-left: 23px;
    height: 42px;
    width: 290px;
}
div#ipadToolbar #signs button{
    margin-left: 5px;
}
div#ipadToolbar #clear{
    margin-left: 13px;
    height: 42px;
    width: 45px;
}

/*--------------------------AVATAR CUSTOMIZATION ------------------*/

#vip div.avatarWrapper {
    margin-left:15px;
}

div.avatarWrapper {
    background-repeat: no-repeat;
    background-position: center center;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

div.avatarFeature {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#selectAvatar {
    width: 680px;
    position: relative;
    margin: 0 auto;
}

#selectAvatar h3 {
    font-family: Interval_Bold;
    font-size: 26px;
    color: #016EA1;
    padding: 0;
    margin: 10px 0 3px 15px;
}

#selectAvatar h4 {
    font-family: Interval_SemiBold;
    font-size: 18px;
    color: #333333;
    margin: 0 0 0 15px;
    padding: 0;
}

#selectAvatar #selectAvatarWrapper {
    width: 680px;
    height: 200px;
    padding-top: 40px;
    margin-top: 100px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#selectAvatar div.carousel {
    width: 607px;
    margin-right: 10px;
    background-image: url(../../images/newlook/avatars/customization/avatarbg.png);
}
#selectAvatarCarousel {
    position: relative;
    height: 200px;
    width: 650px;
    margin: 0;
    padding: 0;
    padding-top: 0px;
    margin-top: -90px;
    margin-left: -20px;
}

#selectAvatarCarousel li {
        float: left;
    cursor: pointer;
    cursor: hand;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 127px;
    height: 101px;
}
#selectAvatarCarousel li img {
    height: 100%;
    width: 100%;
}

#selectAvatar #buttonWrapper {
    width: 271px;
    height: 42px;
    clear: both;
    margin: 0 auto 0;
}

#selectAvatar #buttonWrapper .btnCancel {
    width: 118px;
    height: 42px;
    display: inline-block;
    background: url(../../images/newlook/avatars/customization/btnCancel.png) center center no-repeat;
}

#selectAvatar #buttonWrapper .btnContinue {
    width: 118px;
    height: 42px;
    display: inline-block;
    margin-left: 30px;
    background: url(../../images/newlook/avatars/customization/btnContinue.png) center center no-repeat;
}

#customizeAvatar {
    width: 680px;
    position: relative;
    margin: 0 auto;
    height: 455px;
}

#customizeAvatar h3 {
    font-family: Interval_Bold;
    font-size: 26px;
    color: #016EA1;
    margin-left: 15px;
    margin-bottom: 20px;
}

#customizeAvatar #customizeFrame {
    width: 345px;
    height: 365px;
    float: left;
    position: relative;
    margin-left: 25px;
}
#customizeAvatar #customizeFrame div.pointer {
    height: 9px;
    width: 320px;
    border-bottom: 4px solid #016EA1;
    position: relative;
    margin: 0; padding: 0;
}

#customizeAvatar #customizeFrame div.pointer p {
    height: 9px;
    width: 30px;
    display: block;
    background: url(../../images/newlook/avatars/customization/icoUpArrow.png) center center no-repeat;
    margin: 0 0 0 26px;
    padding: 0;
}
#customizeAvatar #customizeFrame ul.parentMenu {
    height: 40px;
    width: 170px;
    list-style-type: none;
    margin-left: 15px;
}

#customizeAvatar #customizeFrame ul.parentMenu li {
    display: inline-block;
    width: 52px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

#customizeAvatar #customizeFrame ul.parentMenu li.current {
    cursor: default;
}

li#cat_body {
    background-image: url(../../images/newlook/avatars/customization/icoBody.png);
}
li#cat_body.current,
li#cat_body:hover {
    background-image: url(../../images/newlook/avatars/customization/icoBody_Active.png);
}

li#cat_color {
    background-image: url(../../images/newlook/avatars/customization/icoColors.png);
}
li#cat_color.current,
li#cat_color:hover {
    background-image: url(../../images/newlook/avatars/customization/icoColors_Active.png);
}


li#cat_accessories {
    background-image: url(../../images/newlook/avatars/customization/icoAccessories.png);
}

li#cat_accessories.current,
li#cat_accessories:hover {
    background-image: url(../../images/newlook/avatars/customization/icoAccessories_Active.png);
}

#customizeAvatar #customizeFrame div.box {
    display: none;
    position: absolute;
    top: 0;
    width: 340px;
    height: 290px;
    margin: 0;
    padding: 0;
    position: relative;
}

#customizeAvatar #customizeFrame div.box div.subCatWrapper {
    width: 110px;
    height: 290px;
    float: left;
    background: rgb(95, 103, 118) transparent;
    background: rgba(95, 103, 118, 0.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#155F6776,
        endColorstr=#155F6776 );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#155F6776, endColorstr=#155F6776)";
}

#customizeAvatar ul.subCat  {
    list-style-type: none;
    width: 90px;
    margin: 10px 0 0 10px;
}

#customizeAvatar ul.subCat li {
    font-size: 14px;
    font-family: Interval_Regular;
    text-decoration: underline;
    color: #016EA1;
    line-height: 18px;
    cursor: pointer;
}

#customizeAvatar ul.subCat li:hover {
    text-decoration: none;
}

#customizeAvatar ul.subCat li.current {
    color: #333;
    text-decoration: none;
    font-family: Interval_SemiBold;
    cursor: default;
}

#customizeAvatar #customizeFrame div.box div.sbWrapper {
    width: 225px;
    height: 290px;
    float: left;
    position: relative;
}

#customizeAvatar #customizeFrame div.box div.bodyItemsWrapper {
    width: 208px;
    height: 290px;
    margin-left: 2px;
    background: rgb(95, 103, 118) transparent;
    background: rgba(95, 103, 118, 0.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#155F6776,
        endColorstr=#155F6776 );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#155F6776, endColorstr=#155F6776)";
}

div.bodyItemsWrapper ul.bodyItems {
    width: 190px;
    list-style-type: none;
    position: relative;
    margin: 0px 0 0 10px;
    padding-top: 15px;
}

div.bodyItemsWrapper ul.bodyItems li {
    cursor: pointer;
    display: inline-block;
    width: 55px;
    height: 55px;
    margin: 5px 5px 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #F2F3EE;
}
div.bodyItemsWrapper ul.bodyItems li.none {
    background: #F2F3EE url(../../images/newlook/avatars/customization/body_remove.png) center center no-repeat;
}
div.bodyItemsWrapper ul.bodyItems li div {
    width: 55px;
    height: 55px;
    background: url(../../images/newlook/avatars/customization/featuresDefault.png) center center no-repeat;
}

div.bodyItemsWrapper ul.bodyItems li.current div {
    background: url(../../images/newlook/avatars/customization/featuresCurrent.png) center center no-repeat;
}

div.bodyItemsWrapper ul.bodyItems li:first-child {
    margin-left: 0;
}

#customizeAvatar #customizeFrame div#box_color.box {
    width: 320px;
    background: rgb(95, 103, 118) transparent;
    background: rgba(95, 103, 118, 0.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#155F6776,
        endColorstr=#155F6776 );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#155F6776, endColorstr=#155F6776)";
}

div#box_color div.colorItemsWrapper {
    width: 158px;
    float: left;
    margin-top: 15px;
    position: relative;
    margin-bottom: 15px;
}

div#box_color div.colorItemsWrapper:first-child {
    border-right: 2px solid #DEECF3;
}

div#box_color div.colorItemsWrapper h5 {
    font-family: Interval_Bold;
    font-size: 14px;
    color: #333;
    margin-left: 10px;
}

div#box_color div.colorItemsWrapper ul.colorItems {
    width: 145px;
    list-style-type: none;
    margin: 10px 0 0 10px;
}

div#box_color div.colorItemsWrapper ul.colorItems li {
    float: left;
    margin: 4px;
    padding: 2px;
    cursor: pointer;
    background-color: #fff;
}

div#box_color div.colorItemsWrapper ul.colorItems li.current {
    cursor: default;
    background-color: #fff;
    border: 4px solid #FD5D00;
    padding: 2px;
    border-radius: 4px;
    behavior: url(/common/assets/css/PIE.htc);
    margin: 0;
}
div#box_color div.colorItemsWrapper ul.colorItems li.default {
    background-image: url(../../images/newlook/avatars/customization/colorRibbon.png);
    background-repeat: no-repeat;
    background-position: 10px top;

}
div#box_color div.colorItemsWrapper ul.colorItems li.default div {
    background-image: url(../../images/newlook/avatars/customization/colorRibbon.png);
    background-repeat: no-repeat;
    background-position: 8px -4px;
}

div#box_color div.colorItemsWrapper ul.colorItems li div {
    background-color: #888;
    width: 21px;
    height: 21px;
}

div#box_color div.buttonWrapper {
    position: relative;
    clear: both;
    margin: 0 auto;
    height: 32px;
    width: 196px;
    margin-top: 10px;
}

div#box_color div.buttonWrapper a#btnResetColors {
    display: block;
    position: relative;
    width: 196px;
    height: 32px;
    background: url(../../images/newlook/avatars/customization/btnResetColors.png) center center no-repeat;
}

div#avatarFrame {
    width: 275px;
    height: 215px;
    right: 0;
    bottom: 65px;
    position: absolute;
}

div#customizeAvatar div.buttonWrapper {
    width: 250px;
    height: 42px;
    position: relative;
    clear: both;
    margin: 15px auto;
}

div#customizeAvatar div.buttonWrapper a.btnReset {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 42px;
    background: url(../../images/newlook/avatars/customization/btnReset.png) center center no-repeat;
}

div#customizeAvatar div.buttonWrapper a.btnDone {
    display: inline-block;
    position: relative;
    width: 115px;
    margin-left: 15px;
    height: 42px;
    background: url(../../images/newlook/avatars/customization/btnDone.png) center center no-repeat;
}

div#selectAvatarWrapper div.rotate_avatar {
    cursor: pointer; width: 20px; height: 90px;
    float: left;  position: relative;
}

div#selectAvatarWrapper div.right {
    margin-right: 10px;
background: url(/common/assets/images/newlook/achievements/arrowLeft.png) center center no-repeat;
}

div#selectAvatarWrapper div.left {
    background: url(/common/assets/images/newlook/achievements/arrowRight.png) center center no-repeat;
}

/**********************************************************
*********************DROP DOWN MENU************************
**********************************************************/
div.menuOverlay {

}
div.dropMenuWrapper {
    width: 250px;
	height: auto;
    position: absolute;
    background: none;
    padding: 0;
    top: 20px;
    z-index: 1999;
    display: none;
}

div#audioMenu.dropMenuWrapper {
	width: 205px;
}

div.dropMenu {
    position: relative;
    margin: 0 auto;
    padding-bottom: 4px;
    width: 230px;
	height: auto;
    background: rgb(187, 203, 211) transparent;
    background: rgba(187, 203, 211, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80bbcbd3,
        endColorstr=#80bbcbd3 );
    -ms-filter:
        "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80bbcbd3, endColorstr=#80bbcbd3)";
    behavior: url(/common/assets/css/PIE.htc);
}

div#audioMenu div.dropMenu {width: 185px;}

div.dropMenu div.container {
    position: relative;
    margin: 0 5px 0px 5px;
    width: 220px;
    height: auto;
    padding: 25px 0 0 0;
    background: #fff url(../../images/newlook/achievements/presentation/bg.png)
        top left repeat-x;
}

div#audioMenu div.dropMenu div.container {width: 175px;}

div.menuIcoHighlight {
	background: url(../../images/newlook/icons/menuIcoHighlight.png) top left no-repeat;
	width: 27px;
	height: 42px;
	margin-left: 2px;
	position: absolute;
	z-index: 10000;
	bottom: 0;
}

div.dropMenu div.title {
	width: 100%;
	position: relative;
	height: 50px;
	background: #fff;
	border-bottom: 1px solid #BDCCD4;
}

div.dropMenu div.title h3 {
	font-family: interval_bold;
	font-size: 18px;
	color: #333333;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

div.dropMenu ul {
	width: 100%;
	list-style-type: none;
}

div.dropMenu ul li {
	height: 80px;
	background-color: #E5EBEE;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #BDCCD4;
	cursor: pointer;
}



div#audioMenu div.dropMenu ul li {height: 75px; cursor: default;}

div.dropMenu ul li.disabled {
	cursor: default;
}

div#helpMenu div.dropMenu ul li div{
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
}

div#helpMenu div.dropMenu ul li h4 {
	font-family: interval_bold;
	font-size: 16px;
	color: #333333;
	float: right;
	margin-top: 30px;
	margin-right: 10px;
}

div#audioMenu div.dropMenu ul li h5 {
	font-family: interval_bold;
	font-size:14px;
	color: #333;
	margin: 0px 0 5px 15px;
	padding-top: 15px;
}

div#audioMenu div.dropMenu ul li div.setting {
	width: 125px;
	height: 21px;
	position: relative;
	margin: 2px 0 0 20px;
	background-image: url(../../images/newlook/menus/settings.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

div#audioMenu div.dropMenu ul li div#audio_volume.audio_on {
	background-position: -8px -7px;
}

div#audioMenu div.dropMenu ul li div#audio_volume.audio_off {
	background-position: -8px -30px;
}

div#audioMenu div.dropMenu ul li div#audio_language.audio_english {
	background-position: -8px -54px;
}

div#audioMenu div.dropMenu ul li div#audio_language.audio_spanish {
	background-position: -8px -79px;
}

div.dropMenu ul li:first-child { border-top: none;}

div.dropMenu p.close
{
    background:
        url(../../images/newlook/icons/menuCloseIco.png) center
        center no-repeat;
    height: 43px;
    width: 35px;
    float: right;
    margin-top: 3px;
    display: block;
    margin-right: 5px;
    cursor: pointer;
    z-index: 105;
    position: absolute;
    right: 0;
}

/***   REGISTRATION PAGE STYLES   ***/
div#registration div#menuBanner {
    width: 876px;
    height: 52px;
    margin: 0 auto;
}

div#registration div#menuBanner div#logo {
    background-image: url(../../images/newlook/logo.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-left: 180px;
    height: 52px;
    float: left;
    position:relative;
    left:-10px;
}

div#registration #menuBanner #registrationBack {
	margin-top: 12px;
	width: 59px;
	height: 21px;
	background: url(../../images/newlook/registration/back.png) no-repeat;
	display: inline-block;
    position:relative;
    left:-10px;
}

div#registration #menuBanner #registrationBackToVML {
	margin-top: 12px;
	width: 127px;
	height: 21px;
	background: url(../../images/newlook/registration/backToVML.png) no-repeat;
	display: inline-block;
    position:relative;
    left:-10px;
}

div#registrationWrapper {
	width: 876px;
	height:auto;
	margin:20px auto 0;
	border:2px solid #bdccd4;
	background: #f7f2ee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f2ee),
        to(#e1dad7) );
    background: -webkit-linear-gradient(#f7f2ee, #e1dad7);
    background: -moz-linear-gradient(#f7f2ee, #e1dad7);
    background: -ms-linear-gradient(#f7f2ee, #e1dad7);
    background: -o-linear-gradient(#f7f2ee, #e1dad7);
    background: linear-gradient(#f7f2ee, #e1dad7);
    -pie-background: linear-gradient(#f7f2ee, #e1dad7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f2ee',
        endColorstr='#e1dad7' ); /* for IE */
    /*behavior: url(/common/assets/css/PIE.htc);*/
}

div#registrationWrapper div#header {
	background: url(../../images/newlook/registration/header.png) no-repeat;
	display:block;
	width:876px;
	height:170px;
}

div#registrationWrapper h1 {
	color: #016EA1;
    font-family: 'Serifa_Black';
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 1px;
	margin:0px 30px 5px 0px;
}

.ie div#registrationWrapper h1 { font-family: 'Serifa_Bold'; }

div#registrationWrapper h2 {
	font-family: 'Interval_Regular';
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	letter-spacing:1px;
}

div#registrationWrapper h3 {
	color: #016EA1;
    font-family: 'Serifa_Bold';
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 1px;
	margin:0px 30px 5px 0px;
}

div#registrationWrapper h4 {
	color: #016EA1;
    font-family: 'Serifa_Bold';
    font-size: 20px;
    font-weight: normal;
    line-height: 18px;
}

div#registrationWrapper sup {
	font-size: 9px;
    vertical-align: top;
}

div#registrationWrapper i {
	font-style: italic;
}

div#registrationWrapper b {
	font-family: 'Interval_SemiBold'
	/*font-weight:bold;*/
}

div#registrationWrapper p {
	font-family: 'Interval_Regular';
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	margin-bottom:15px;
	line-height:18px;
}

div#registrationWrapper ul { list-style: disc; margin:5px 0px 10px;}
div#registrationWrapper ul li { margin-left:30px; }

div#registrationWrapper a:link, div#registrationWrapper a:visited  {
	font-family: 'Interval_Regular';
	font-size: 15px;
	color: #016EA1;
	font-weight: normal;
}
div#registrationWrapper a:hover  {
	font-family: 'Interval_Regular';
	font-size: 15px;
	color: #003E56;
	font-weight: normal;
}

div#registrationWrapper div#copy {
	margin: 20px 30px 30px;
	font-family: 'Interval_Regular';
	font-size: 15px;
	color: #000000;
	font-weight: normal;
}

div#registrationWrapper div#copy div#left {
	float: left;
	width: 580px;
}

div#registrationWrapper div#copy div#right {
	float: right;
	width: 210px;
}

div#countdown {
	background: url(../../images/newlook/registration/countdown.png) no-repeat;
	width: 179px;
	height: 123px;
	display: block;
	margin: 0 auto;
	position:relative;
}

span#countdownNumber {
	color: #FFFFFF;
    font-family: 'Interval_Light';
    font-size: 21px;
    font-weight: bold;
    left: 67px;
    letter-spacing: 10px;
    position: absolute;
    text-align: right !important;
    top: 90px;
    width: 44px;
}

table#faq { margin-top:15px; line-height:18px; }
table#faq tr { margin-bottom:10px; }
table#faq tr td.indicator {
	color: #016EA1;
    font-family: 'Serifa_Bold';
    font-size: 23px;
    font-weight: normal;
    padding-right: 6px;
}
table#faq tr td.question { padding-bottom:10px; }

div#infoBox {
	width: 205px;
	margin-top:15px;
	background-color:#CAEAF4;
	border:1px solid #016EA1;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div#infoBox div#infoTitle {
	background-color: #016EA1;
    color: #FFFFFF;
    font-family: 'interval_Regular';
    font-size: 14px;
    font-weight: normal;
    height: 22px;
    letter-spacing: 1px;
    padding-top: 4px;
    text-align: center;
    width: 205px;

}
div#infoBox div#infoCopy {
	padding:10px;
	font-family: 'interval_regular';
    font-size: 14px;
    font-weight: normal;
}
div#infoBox div#infoCopy div {
	color: #016EA1;
    font-family: 'interval_Regular';
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    width: 185px;
}

.clear {clear:both;}
#redSpacer { width: 570px; height: 2px; background-color: #991D32; }
#dashSpacer {
	width: 570px;
	height: 2px;
	background:url(../../images/newlook/registration/dashedLine.png) repeat-x;
	display:block;
	margin: 15px 0px;
}

#vportFrame { width:570px; height:490px;}


/*MATH MANIA HOME PAGE STYLES */

#page.mmb, #page.mmb #container {width: auto;}



#mmbContentWrapper {width: 100%; height: 382px; position: absolute; top: 135px; left: 0;}

#mmbLiveFeed { width: 290px; clear: both; margin: 0 0 0 25px; float: left;}
#mmbLiveFeed h4 {width: 150px; height: 22px; background: url(../../images/newlook/mathMania/btnLiveAction.png) center center no-repeat; margin: 0 0 15px 0;}
#mmbLiveFeed .viewport { width: 270px; height: 318px; overflow: hidden; position: relative; border: #B8C2C7 1px solid; }
#mmbLiveFeed .overview { list-style: none; position: absolute; left: 0; top: 0; }

#mmbLiveFeed .overview p {
	color: #0F3051;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 5px 10px;
	min-height: 20px;
	width: 250px;
	background-color: #fff;
	border-bottom: 1px solid #BDCCD4;
	margin-bottom: 2px;
}

#mmbLiveFeed .overview p span {
	height: 20px;
	display: table-cell;
	font-family: arial, helvetica, sans-serif;
	vertical-align: middle;
}

#mmbLiveFeed .overview p.odd {
	background-color: #E7E8EB;
	border-bottom: none;
	margin-bottom: 0;
}

#mmbLiveFeed .thumb .end,
#mmbLiveFeed .thumb { background-color: #016EA1; }
#mmbLiveFeed .scrollbar { position: relative; float: right; width: 15px; }
#mmbLiveFeed .track { background-color: #D1D1D1; height: 100%; width:7px; position: relative; padding: 0 1px; }
#mmbLiveFeed .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#mmbLiveFeed .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#mmbLiveFeed .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#page.mmb #avatarContent {
	width: 260px;
	margin-top: 30px;
	position: relative;
	float: left;
	text-align: center;
}

#page.mmb #avatarContent h4 {
	color: #333;
	font-size: 24px;
	font-family: interval_bold;
	text-align: center;
}
#page.mmb #avatarContent #avatarDisplay {
	margin: 10px auto;
	position: relative;
	width: 127px;
}


#avatarSelector {
	width: 227px;
	height: 32px;
	position: absolute;
	top: 7px;
	left: 0;
	margin: 0;
	background: url(/common/assets/images/newlook/mathMania/selAvatarBG.png) center center no-repeat;
}

#avatarSelector .moveLeft {
	float: left;
	width: 16px;
	height: 32px;
	background: url(/common/assets/images/newlook/mathMania/selAvatarLeft.png) right center no-repeat;
	cursor: pointer;
}

#avatarSelector .avatarBox {
	width: 195px;
	height: 32px;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#avatarSelector div.avatarBox ul {list-style-type: none; height: 32px; margin: 0 auto; }
#avatarSelector div.avatarBox ul.offset {margin-left: 39px;}
#avatarSelector div.avatarBox ul li {display: inline-block; width: 39px; height: 32px;}

#avatarSelector .moveRight {
	float: left;
	width: 16px;
	height: 32px;
	background: url(/common/assets/images/newlook/mathMania/selAvatarRight.png) left center no-repeat;
	cursor: pointer;
}

#avatarSelector .disabled {
	opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default !important;
}

#mmbLeaderBoards { width: 280px; margin: 0 0 0 10px; float: left;}
#mmbLeaderBoards h4 {width: 150px; height: 22px; background: url(../../images/newlook/mathMania/btnLeaderBoard.png) center center no-repeat; margin: 0 0 15px 0;}

#mmbLeaderBoards #leaderBoardTabs ul {
	width: 250px;
	height: 20px;
	list-style-type: none;
}

#mmbLeaderBoards #leaderBoardTabs ul li {
	color: #016EA1;
	float: left;
	font-size: 13.5px;
	line-height: 14px;

	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	cursor: pointer;
	border-left: 1px solid #333;
	text-align: center;
	width: 62px;
}

#mmbLeaderBoards #leaderBoardTabs ul li:first-child {
	border-left: none;
}

#mmbLeaderBoards #leaderBoardTabs ul li.active {
	text-decoration: none;
	color: #333;
	cursor: default;
}

#mmbLeaderBoards #leaderBoardList table {
	width: 275px;
	height: 300px;
	padding: 0;
	border: none;
}

#mmbLeaderBoards #leaderBoardList table tr td {
	vertical-align: middle;
	height: 25px;
}

#mmbLeaderBoards #leaderBoardList table tr.header {
	background-color: #5A4A42;
}

#mmbLeaderBoards #leaderBoardList table tr.header td {
	color: #fdffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
}

#mmbLeaderBoards #leaderBoardList table tr.data td {
	color: #333;
	font-size: 12px;
	font-weight: regular;
}

#mmbLeaderBoards #leaderBoardList table tr.header td.rank {text-align: center; width: 50px; border-right: 1px solid #ADA5A1;}
#mmbLeaderBoards #leaderBoardList table tr.header td.name {text-align: left; padding-left: 15px; width: 115px; border-right: 1px solid #ADA5A1;}
#mmbLeaderBoards #leaderBoardList table tr.header td.state {text-align: center; width: 30px; border-right: 1px solid #ADA5A1;}
#mmbLeaderBoards #leaderBoardList table tr.header td.score {text-align: right; padding-right: 15px; width: 50px; border-right: 1px solid #ADA5A1;}
#mmbLeaderBoards #leaderBoardList table tr.data td.rank {text-align: right; width: 35px; padding-right: 15px;}
#mmbLeaderBoards #leaderBoardList table tr.data td.name {text-align: left; padding-left: 15px; width: 115px;}
#mmbLeaderBoards #leaderBoardList table tr.data td.state {text-align: center; width: 30px;}
#mmbLeaderBoards #leaderBoardList table tr.data td.score {text-align: right; width: 50px; padding-right: 15px;}
#mmbLeaderBoards #leaderBoardList table tr.even td {background-color: #F0EDEB;}
#mmbLeaderBoards #leaderBoardList table tr.highlight td {background-color: #C02439; color: #fff; font-weight: bold;}

b {font-weight: bold;}


span.simpSub3Hint math {
  position: relative;
  left: 15px;
  width: 0;
}

span.simpSub3Hint fmath.ma-block {
    position: relative;
    left: 0px;
    top: 5px;
    width: 0;
}


/***  Picture Graphs  ***/

td.childName {
  color: #4D63AC;
  padding-right: 10px;
}
.ipad td.childName {
  color: #4D63AC;
  padding-right: 10px;
}

table.keyWrapper {
  color: #4D63AC;
  top: 10px;
  position: relative;
  border: 1px solid;
}


table.keyWrapper tr td.keyTitle, table.keyWrapper tr td.keyPicture, table.keyWrapper tr td.keyEqual, table.keyWrapper tr td.keyItemName { padding: 5px; }




/***  END Picture Graphs  ***/