* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: medium none;
    color: #000000;
}

i {
    display: block;
}

img {
    border: medium none; /*display: block;*/
}

body {
    text-align: center;
    font: 14px/16px Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0;
}

.footer {
	width:100%;
	background:url(../images/footerBG.png);
	z-index:-1;
	/*margin-top:-100px;*/
	padding-top:15px;
        padding-bottom: 10px;
}
.footer_text{
	margin: 0 auto;
	text-align:justify;
	padding-left: 26px;
}
.wrapper {
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    min-width: 980px;
	padding:0 20px;
}

#wrapper1{
    max-width: 1260px;
    position: relative;
    text-align: left;
    min-width: 1025px;
}


.header {
    background: url("../images/headerBG.png") repeat scroll 38px 0 transparent;
    position: relative;
    z-index: 3;
    height: 176px;
	margin-bottom:10px;
}

.content {
    min-height: 570px;
    position: relative;
    overflow: hidden;
    padding: 0 180px 0 0;
}

.logo {
    width: 266px;
    height: 93px;
    display: block;
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 15px;
    top: 4px;
}

.menu {
    position: absolute;
    left: 0;
    top: 100px;
    padding: 1px 0 0 0;
    z-index: 5;
    left:25px;
    width:100%;
}

.menu a {
    padding: 7px 9px 5px;
    display: block;
    font: 16px/21px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

.menu b {
    width: 17px;
    height: 45px;
    position: absolute;
    top: 0;
    left: -17px;
    display: none;
    background: url("../images/menuActive.png") no-repeat scroll 0 0 transparent;
}

.menu i {
    width: 17px;
    height: 45px;
    position: absolute;
    top: 0;
    right: -17px;
    display: none;
    background: url("../images/menuActive.png") no-repeat scroll 0 bottom transparent;
}

.menuBG {
    position: relative;
    background-image: url(../images/menu_back.png); /*none repeat scroll 0 0 #4A60AA;*/
    display: block;
    margin: 101px 0 0;
    width: 100%;
    float: left;
    height: 41px;
}
.leftmenuBG{
	background-image: url("../images/leftmenubg.png");
    display: block;
    height: 41px;
    left: -8px;
    position: relative;
    top: 100px;
    width: 8px;
}

.rightmenuBG{
	background-image: url("../images/rightmenubg.png");
    display: block;
    height: 44px;
    right:-13px;
    position: absolute;
    top: 101px;
    width: 15px;
}

.menu div {
    min-height: 38px;
    float: left;
    position: relative;
	margin-right:15px;
}

.menu:after {
    clear: both;
    content: " ";
    display: block;
}

.menuActive a {
    padding: 14px 30px;
}

.menuActive b {
    display: block;
}

.menuActive i {
    display: block;
}

.menuActive ul {
    top: 42px;
}

div.menuActive {
    margin: 7px 2px 0;
    background: url("../images/activeMenu.png") no-repeat scroll 0 6px transparent;
	width:118px;
	text-align:center;
}

.subMenu {
    border:1px solid #0B5281;
    position: absolute;
    top: 35px;
    left: 0;
    list-style: none outside none;
    /*background: none repeat scroll 0 0 #5F5972;*/
    background: none repeat scroll 0 0 #0D7AC1;
    display: none;
}
.subMenu a:hover{
	background-color: #0c6096;
}
.subMenu a {
    padding: 5px 13px 5px 15px;
    font: 14px/16px Arial, Helvetica, sans-serif;
}

.subMenu li {
    border-top: 1px solid #0B5281;
}

.utilityMenu {
    width: 306px;
    height: 39px;
    position: absolute;
    top: 94px;
    font: 17px/20px Arial, Helvetica, sans-serif;
    color: #000000;
    background: url("../images/utilityMenuBG.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 21px;
    z-index: 4;
    right: 10px;
}

.utilityMenu a {
    padding: 5px 6px 4px 2px;
    display: inline-block;
    font: 17px/20px Arial, Helvetica, sans-serif;
    color: #000000;
}

.utilityMenu p {
    position: absolute;
    top: 0;
    right: 16px;
}

.utilityMenu i {
    display: inline-block;
}

.paper{
	 background: url("../images/paper.png") repeat scroll 0 0 transparent;
    display: block;
    height: 122px;
    position: absolute;
    right: 76px;
    width: 115px;
    z-index: 1000;
}

.stains {
    position: absolute;
    top: 0;
    left: 200px;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: url("../images/headerStains.png") no-repeat scroll center 0 transparent;
}

.headerTitle {
    height: 37px;
    display: block;
    position: absolute;
    top: -1px;
    background: url("../images/headerTitle.png") no-repeat scroll center 27px transparent;
    right: 106px;
    padding: 31px 0 30px;
    width: 428px;
    left: 47%;
    z-index: 4;
}

.header .corner {
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/headerCorner.png") no-repeat scroll 0 0 transparent;
}

.wBG {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.wBG em {
    width: 22px;
    position: absolute;
    background: url("../images/vBorders.png") repeat-y scroll 0 0 transparent;
}

.wBG .cornerBR {
    width: 44px;
    height: 44px;
    bottom: -22px;
    right: -22px;
    z-index: 1;
    /*background: url("../images/wBGCorners.png") no-repeat scroll right bottom transparent;*/
}

.wBG .cornerBL {
    width: 44px;
    height: 44px;
    bottom: -22px;
    left: -22px;
    z-index: 1;
    /* background: url("../images/wBGCorners.png") no-repeat scroll left bottom transparent;*/
}

.wBG .borderLeft {
    top: 0;
    left: -22px;
    bottom: 22px;
}

.wBG .borderRight {
    top: 0;
    right: -22px;
    bottom: 22px;
    background-position: right top;
}

.bLeft {
    padding-left: 22px;
    margin-left: -22px;
    background: url("../images/vBorders.png") repeat-y scroll 0 0 transparent;
}

.bRight {
    padding-right: 22px;
    margin-right: -22px;
    background: url("../images/vBorders.png") repeat-y scroll right top transparent;
}

.bBottom {
    width: 100%;
    height: 22px;
    display: block;
    background: url("../images/hBorders.png") repeat-x scroll 0 0 transparent;
}

.wBGcornerBR {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 0;
    right: -22px;
    z-index: 1;
   /* background: url("../images/wBGCorners.png") no-repeat scroll right bottom transparent;*/
}

.wBGcornerBL {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 0;
    left: -22px;
    z-index: 1;
    /*background: url("../images/wBGCorners.png") no-repeat scroll left bottom transparent;*/
}

.innerWrapper {
    background: none repeat scroll 0 0 #FFFFFF;
}
.bottom_caruselLeft{
	background: url("../images/bottomCaruselLeft.png") no-repeat;
	height:134px;
	width:95px;
}
.bottom_caruselLeft h2{
        -webkit-transform:  rotate(-90deg);
        -moz-transform:  rotate(-90deg);
        -o-transform:  rotate(-90deg);
        position:relative;
        top:64px; 
left:4px;
        font-size: 28px;
        color:#fff;
        text-shadow: 2px 2px 2px #000;
        text-transform: uppercase;
}
.bottom_caruselRight{
	background: url("../images/bottomCaruselRight.png")  no-repeat;
	height:134px;
	width:110px;
}
.bottom_carusel{
	background: url("../images/bottomCaruselBg.png") repeat-x;
	width:106%;
	height:134px;
	position:relative;
	left:-30px;
	
	
}
.carousel {
    clear: both;
    position: relative;
    padding: 8px 0 0 0px;
    /* background: url("../images/wBGCorners.png") no-repeat scroll left bottom transparent;*/
}

.carousel a {
    display: block;
    color: #000000;
    font: 14px/16px Arial, Helvetica, sans-serif;
}

.carousel i {
    padding: 6px 0 0 10px;
}

.carousel li {
    float: left;
    width: 180px;
    margin: 0 0 0 0;
}

.carousel img {
    width: 158px;
    height: 112px;
    border: 2px solid #ddd;
}

.carousel:after {
    clear: both;
    content: " ";
    display: block;
}

.carousel a.next {
    left: auto;
    right: -31px;
    background-position: right 0;
}

.carousel .disable {
    visibility: hidden;
}

.carousel .buttons {
    width: 29px;
    height: 34px;
    display: block;
    position: absolute;
    border: medium none;
    margin: 0;
    top: 55px;
    left: -50px;
}

.carousel .viewport {
    width: 102%;
    height: 150px;
    overflow: hidden;
    position: relative;
}

.carousel .overview {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    position: absolute;
    top: 0;
    left: 0;
}

.goodCarousel{
	background-image: url("../images/carouselBG.png");
	width:100%;
	height:297px;
	margin-left:-4px;
}
.carouselRight{
	background-image: url("../images/carouselRight.png");
	width:70px;
	height:297px;
	margin-left:-15px;
	background-repeat:no-repeat;
}
.carouselfLeft{
	background-image: url("../images/carouselLeft.png");
	height:297px;
}
.wrapCarousel {
    z-index: 1;
    height: 120px;
    background: url("../images/practiceSprite.png") no-repeat scroll 0 -401px transparent;
    float: left;
    position: relative;
}

.wrapCarousel:after {
    clear: both;
    content: " ";
    display: block;
}

.wrapCarousel .character {
    display: block;
    position: absolute;
    height: 113px;
    background: url("../images/practiceSprite.png") no-repeat scroll -300px 0 transparent;
    width: 120px;
    z-index: 1;
    top: 3px;
    left: 2px;
}

.wrapCarousel .leftBorder {
    display: block;
    position: absolute;
    background: none repeat scroll 0 0 #75007F;
    z-index: 1;
    top: 2px;
    width: 1px;
    height: 115px;
}

.wrapCarousel .rightBorder {
    display: block;
    position: absolute;
    width: 1px;
    background: none repeat scroll 0 0 #75007F;
    bottom: 3px;
    top: 3px;
    z-index: 1;
    left: 937px;
}

.wrapCarousel .viewport {
    position: relative;
    height: 120px;
    overflow: hidden;
}
.tower2{
	width:728px;
	height:90px;
	margin:15px auto !important;
	border:1px solid #ccc;
	clear:both;
	float:none !important;
}
.tower {
    width: 160px;
    position: absolute;
    right: 0;
    z-index: 2;
    height: 100%;
    top: 29px;
    background-color: white;
}

.tower b {
    display: block;
    background: none repeat scroll 0 0 #B3B3B3;
    position: relative;
    z-index: 2;
    width: 159px;
    height: 130%;
}

.status {
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    word-spacing: -1px;
    color: #3B2008;
    position: relative;
    top: -3px;
    background: none repeat scroll 0 0 #B9CAE1;
    clear: both;
    width: 125%;
    padding: 8px 0 5px 20px;
}

.categoryMenuBG {
    background: none repeat scroll 0 0 #B8CCFF;
    z-index: -1;
    padding: 5px 0 7px;
    position: relative;
    height: 18px;
    margin: 0 0 0 17px;
    width: 98.2%;
}

.categoryMenu {
    z-index: 2;
    position: relative;
    padding: 6px 0 6px 0; /*margin: -30px 0 0 17px;*/
    font-size: 14px !important;
    background: none repeat scroll 0 0 #B8CCFF;
    height: 18px;
}
.content p[style='text-align: justify']{
    margin-left: 15px;
}
.categoryMenu div {
    position: relative;
    float: left;
    background: url("../images/sixSevenSprite.png") no-repeat scroll -100px -557px transparent;
    margin: 0 0 0 9px;
    padding: 0 0 0 6px;
}

.categoryMenu i {
    float: left;
    color: #FFFFFF;
    font: Arial;
    font-size: 14px !important;
    position: relative;
    top: 2px;
}

.categoryMenu:after {
    clear: both; /*content: " ";*/
    display: block; /*height:4px;*/
}

.categoryMenu .subMenu {
    width: 170px;
    left: 5px;
    top: 19px;
    opacity: 1 !important;
}

.categoryMenu a {
    color: #FFFFFF;
}

.categoryMenu .menuTitle {
    color: #3F3F63;
    font: 14px/16px Arial, Helvetica, sans-serif;
    display: block;
    width: 141px;
    background: url("../images/sixSevenSprite.png") no-repeat scroll 158px -556px #FFFFFF;
    padding: 1px 20px 1px 9px;
}

.bodyWrap {
    position: relative;
    z-index: 1;
    margin: 0 0 0 17px;
    min-height: 571px;
    width: 98.2%;
}



.redPin {
    background: url("../images/rightPin.png") no-repeat scroll left center transparent;
    margin-left: 10%;
    color: #DB3850;
    font: bold 20px/28px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
}

.bluePin {
    background: url("../images/bluePin.png") no-repeat scroll left center transparent;
    margin-left: 30%;
    color: #4a60aa;
    font: bold 20px/28px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
}

.bubbleWrapper {
    background: url("../images/bubbles.png") no-repeat scroll right 0 transparent;
    width: 241px;
    height: 392px;
    top: 18%;
    position: absolute;
    right: 6%;
}

.yellowShadow {
    width: 135px;
    height: 20px;
    position: absolute;
    background: url("../images/bubbles.png") no-repeat scroll -327px -375px transparent;
    left: 291px;
    bottom: 30px;
}

a.birdTrigger {
    display: block;
    width: 241px;
    height: 140px;
    padding: 102px 0 0;
    font: bold 26px/28px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    color: #3F3F3F;
    text-align: center;
}


.bird {
    height: 119px;
    position: absolute;
    width: 152px;
    background: url("../images/bird.png") no-repeat scroll 0 0 transparent;
    z-index: 3;
    top: 100px;
    right: 147px;
}

.topicMenu {
    position: absolute;
    list-style: none outside none;
    width: 400px;
    height: 560px;
    left: 32%;
    top: 8%;
}

.topicMenu a {
    display: block;
    position: relative;
    width: 133px;
    padding: 86px 0 7px 7px;
    height: 19px;
    background: url("../images/sixSevenSprite.png") no-repeat scroll 0 0 transparent;
    font: bold 15px/18px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
}

.topicMenu li:hover {
    background: url("../images/sixSevenSprite.png") no-repeat scroll 10px bottom transparent;
}

.topicMenu li:hover b {
    display: none;
}

.topicMenu li>a {
    margin-top: -45px;
}

.topicMenu .active a {
    display: block; /*height: 30px;*/
    width: 140px;
}

.topicMenu b {
    display: block;
    position: absolute;
    bottom: 0;
    background: url("../images/sixSevenSprite.png") no-repeat scroll -150px -600px transparent;
    width: 121px;
    height: 2px;
    left: 4px;
}

.topicMenu i .scroll {
    overflow: auto;
    height: 520px;
    width: 98%;
}

.topicMenu i {
    background: url("../images/sixSevenSprite.png") no-repeat scroll -139px -27px transparent;
    display: none;
    height: 530px;
    left: 147px;
    padding: 5px 0 0 11px;
    position: absolute;
    top: -1px;
    width: 212px; /*overflow: hidden;*/
    z-index: 1;
}

.tutrialsPage-1 li {
    list-style-type: none;
}

.tutrialsPage-1 a {
    background: none repeat scroll 0 0 transparent;
    color: #3F3F3F;
    display: block;
    font: bold 17px/34px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    height: auto;
    padding: 0;
    width: auto;
}

.tutrialsPage-1 {
    display: block;
    left: 425px;
    top: 35px;
    overflow: auto;
    padding: 5px 0 0 10px;
    height: 528px;

}

.shortV a {
    background-position: 7px 0;
    padding: 90px 3px 3px 4px;
    position: relative;
}

.shortV a p {
    text-align: center;
}

.longV a p {
    text-align: center;
}

.otherV a p {
    text-align: center;
}

.longV a {
    background-position: 7px -224px;
    padding: 91px 0 2px 7px;
}

.longV b {
    left: 3px;
    bottom: -1px;
}

.otherV a {
    background-position: 7px -336px;
    padding: 90px 3px 3px 4px;
}

.wordS a {
    padding: 88px 0 5px 12px;
    width: 138px;
    background-position: 10px -448px;
}

.topicMenu .active i {
    display: block;
}

.topicMenu .active b {
    display: none;
}

.topicMenu .scroll a span {
    color: #db3850;
}

.topicMenu .scroll a p {
    text-align: left;
    width: 98%;
    font: 12px/25px ArialRoundedMTBold, Arial, Helvetica, sans-serif
}

.topicMenu .active i a {
    display: block;
    height: auto;
    background: none repeat scroll 0 0 transparent;
    width: auto;
    color: #3F3F3F;
    font: bold 17px/34px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    padding: 0;
}

.topicMenu li {
    width: 141px;
    padding-top: 20px;
    margin-bottom: 50px;
}

.topicMenu li.active {
    background: url("../images/sixSevenSprite.png") no-repeat scroll -393px 0px transparent;
    display: block;
    width: 150px;
}

.topicMenu li.first {
    display: block;
    width: 150px;
    background: url("../images/sixSevenSprite.png") no-repeat scroll -400px 27px transparent;
}

.topicMenu .const.active {
    background-position: -400px 27px;
}

.topicMenu .wordS.active {
/*background-position: -400px -448px;*/
}

.sixSevenPopup {
    position: absolute;
    left: 548px;
    top: 201px;
    display: none;
    z-index: 5;
}

.sixSevenPopup span {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: none repeat scroll 0 0 #000000;
}

.sixSevenPopup .innerWrapper {
    width: 644px;
    height: 662px;
    background: url("../images/sixSevenPopupBG.png") no-repeat scroll 0 0 transparent;
    position: relative;
    z-index: 1;
    text-align: center;
}

.sixSevenPopup em {
    display: block;
    color: #566CA3;
    width: 240px;
    letter-spacing: -0.5px;
    font: bold 25px/29px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    padding: 113px 0 0 231px;
}

.sixSevenPopup .close {
    width: 25px;
    height: 36px;
    display: block;
    position: absolute;
    top: 108px;
    right: 42px;
}

.sixSevenPopup .close:hover {
    background: url("../images/sixSevenPopupBG.png") no-repeat scroll -656px 0 transparent;
}

.sixSevenPopup .watch {
    display: block;
    position: absolute;
    left: 84px;
    top: 369px;
    font: 17px/22px Arial, Helvetica, sans-serif;
    width: 175px;
    z-index: 1;
}

.watch b {
    display: block;
    color: #FF332B;
    font: bold 28px/30px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    letter-spacing: -0.3px;
}

.watch i {
    display: block;
    color: #566CA3;
    font: bold 15px/16px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
}

.sixSevenPopup .last {
    padding: 0 0 5px;
}

.sixSevenPopup .popCreature {
    width: 200px;
    height: 300px;
    display: block;
    background: url("../images/popCreature.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 110px;
    left: 82px;
}

.practice {
    display: block;
    position: absolute;
    text-align: left;
    width: 264px;
    padding: 10px;
    top: 199px;
    left: 293px;
}

.practice {
    overflow-y: auto;
    height: 359px;
    top: 225px;
    width: 289px;
}

.practice a {
    display: block;
    font: 12px/14px Arial, Helvetica, sans-serif;
    padding: 20px 0 0 0;
    width: 280px;
}

.practice  a p {
    padding-right: 17px;
}

.practice i {
    color: #FF332B;
    display: block;
    font: bold 8px/14px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    letter-spacing: 0.4px;
    word-spacing: 0.6px;
}

.practice b {
    color: #FF332B;
    display: block;
    font: bold 16px/18px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    letter-spacing: -0.4px;
    padding: 3px 0 2px;
}

.practice .blue {
    color: #45A3FF;
}

.practice .green {
    color: #75BF00;
}

.practice .orange {
    color: #F75F01;
}

.practice .purple {
    color: #76388A;
}

.catAndGames {
    background: url("../images/gamesBG.png") repeat scroll 0 0 transparent;
    overflow: auto;
    padding: 12px 0 12px 12px; /*margin: 0 10px 0 0;*/
    height: 601px;
}

.catAndGames:after {
    clear: both;
    content: " ";
    display: block;
}

.catAndGames a {
    float: left;
    margin: 0 10px 15px 0;
}

.catAndGames b {
    display: block;
    font: 14px/16px Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 5px 0 0;
    padding: 5px 0;
    background: url("../images/arrow.png") no-repeat scroll 137px 1px #FFFFFF;
}

.catAndGames i {
    display: block;
    font: 14px/16px Arial, Helvetica, sans-serif; /*background: url("../images/opacBG.png") repeat scroll 0 0 transparent;*/
    background-color: #FFFFFF;
    padding: 0 3px 3px;
    margin: 2px 0 0;
}

.catAndGames img {
    border: 1px solid #000000;
}

.eightNine .categoryMenuBG {
    background: none repeat scroll 0 0 #FA9D64;
}

.eightNine .subMenu {
    background: none repeat scroll 0 0 #F7823B;
}

.eightNine .menuTitle {
    background: url("../images/eightNineSprite.png") no-repeat scroll 158px -395px #FFFFFF;
    color: #F75F01;
}

.lion {
    position: absolute;
    bottom: 30px;
    left: 0;
    height: 360px;
    background: url("../images/lion.png") no-repeat scroll 88px 3px transparent;
    width: 357px;
}

.stick {
    height: 100px;
    position: absolute;
    width: 350px;
    left: 0;
    bottom: 2px;
    background: url("../images/lion.png") no-repeat scroll -352px 0 transparent;
}

.text {
    position: absolute;
    left: 390px;
    width: 190px;
    top: 230px;
}

.lolipops {
    display: block;
    position: absolute;
    top: 8px;
    width: 425px;
    height: 570px;
    right: -140px;
}

.lolipops i {
    position: absolute;
    text-align: center;
    width: 78px;
    overflow: hidden;
    height: 60px;
    padding-top: 19px;
    z-index: 1;
    left: 16px;
    top: 10px;
    font: 20px/30px DaDaAntiqueristDaDaAntiqueris, Arial, Helvetica, sans-serif;
}

.lolipops b {
    position: absolute;
    color: #292929;
    font: bold 16px/19px Arial, Helvetica, sans-serif;
    width: 143px;
    letter-spacing: 0.2px;
    display: none;
    top: 31px;
    left: -119px;
}

.lolipops a {
    position: relative;
    margin: 10px 0 0;
    z-index: 2;
    float: right;
    clear: both;
    cursor: pointer;
    height: 110px;
    width: auto;
}

._lolipops {
    display: block;
    position: absolute;
    top: 8px;
    width: 425px;
    height: 570px;
    right: 25px;
}

._lolipops .c-2 {
    margin-top: 250px;
    background-position: -268px 0px;
}

._lolipops a p {
    padding-top: 112px;
    text-align: center;
    font: bold 26px/28px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
}

._lolipops a {
    position: absolute;
    margin: 10px 0 0;
    z-index: 2;
    cursor: pointer;
    height: 252px;
    width: 252px;
    right: 1px;
    background: url("../images/bubbles.png") no-repeat scroll 0 bottom transparent;
}

.lolipops img {
    width: 287px;
    height: 110px;
    position: relative;
    z-index: 1;
}

.lessonsBox {
    position: absolute;
    top: 0;
    right: 15px;
    width: 340px;
}

.lessonsBox .tName {
    width: 164px;
    height: 123px;
    padding-top: 38px;
    position: absolute;
    text-align: center;
    top: 38px;
    font: 24px/45px DaDaAntiqueristDaDaAntiqueris, Arial, Helvetica, sans-serif;
    left: -171px;
}

.lessonsBox img {
    width: 421px;
    height: 161px;
    position: absolute;
    top: 40px;
    right: 14px;
}

.LessonsTitle {
    font: bold 15px/16px Arial, Helvetica, sans-serif;
    letter-spacing: 0.1px;
    padding: 5px 25px 11px 0;
}

a.prev {
    background: url("../images/leftarrow.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    margin: 33px 0 0 60px;
    font: 20px/22px AMToonMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.2px;
    position: relative;
    z-index: 1;
    padding: 0 0 0 15px;
    display: inline-block;
}

.prev i {
    position: absolute;
    top: 0;
    right: -12px;
    height: 25px;
    width: 12px;
    background: url("../images/eightNineSprite.png") no-repeat scroll -488px -50px transparent;
}

.topLolipop {
    display: block;
}

.topLolipop i {
    display: block;
}

.loliCover {
    display: block;
    position: absolute;
    top: 0;
    z-index: 3;
    height: 780px;
    background: none repeat scroll 0 0 #FFFFFF;
    right: -30px;
    width: 35px;
}

.lessons {
    width: 100%;
    font: bold 16px/15px Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 1; /*padding: 0 0 0 22px;*/
    display: none;
}

.lessons p .b1 {
    background: url("../images/circles.png") no-repeat scroll 0px -0px transparent;
    width: 25px;
    height: 25px;
    border: 0 none;
    float: left;
    margin-top: 18px;
}

.lessons a {
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 5px;
    width: 260px;
    background-color: white;
    border-bottom: 1px dashed #542437;
}

.lessons i {
    padding: 0;
    font: bold 30px/20px AMToonMedium, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid black;
    width: 80%;
    padding-left: 20px;
    padding-bottom: 10px;
    cursor: pointer;
}

.lessons b {
    display: block;
    position: relative;
    left: -12px;
    height: 1px;
    background: url("../images/eightNineSprite.png") no-repeat scroll 0 6px transparent;
    padding: 0 0 9px;
}

.lessons .first {
    padding: 6px 0 0;
}

.lessons .last {
    padding: 0 0 14px;
}

.theLessons a.next {
    background: url("../images/eightNineSprite.png") no-repeat scroll 0 -50px transparent;
    height: 25px;
    padding: 0 0 0 15px;
    font: 20px/22px AMToonMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.2px;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 6px 0 0 10px;
}

a.topicNext {
    background: url("../images/1012_Next_Topic.png") no-repeat scroll transparent;
    width: 123px;
    height: 58px;
    display: block;
}

.topicPrevHolder {
    position: absolute;
    left: 65.5%;
    top: 12.5%;
    z-index: 10;
}

.topicNextHolder {
    position: absolute;
    left: 71.5%;
    top: 66.5%;
}

.small .topicNextHolder {
    left: 72.5%;
    position: absolute;
    top: 75.5%;
}

.small .topicPrevHolder {
    position: absolute;
    left: 65.5%;
    top: 8.5%;
}

.CBGTheLessons {
    background: url("../images/1012_Tutorials_c_bg.png") no-repeat scroll transparent;
    width: 622px;
    height: 778px;
    position: absolute;
    top: 12px;
    left: 39%
}

a.topicPrev {
    background: url("../images/1012_Prev_Topic.png") no-repeat scroll transparent;
    width: 123px;
    height: 58px;
    display: block;
}

.theLessons a.next i {
    position: absolute;
    top: 0;
    right: -12px;
    height: 25px;
    width: 12px;
    background: url("../images/eightNineSprite.png") no-repeat scroll -488px -50px transparent;
}

.eightNinePopup {
    position: absolute;
    left: 548px;
    top: 201px;
    display: none;
    z-index: 5;
}

.eightNinePopup span {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: none repeat scroll 0 0 #000000;
}

.eightNinePopup .innerWrapper {
    position: relative;
    z-index: 1;
    text-align: center;
    background: url("../images/eightNineBG.jpg") no-repeat;
    width: 471px;
    height: 548px;
    color: #FFFFFF;
}

.eightNinePopup .close {
    display: block;
    position: absolute;
    background: url("../images/eightNineSprite.png") no-repeat scroll 0 -100px transparent;
    top: 3px;
    height: 41px;
    width: 90px;
    right: -46px;
}

.eightNinePopup .close:hover {
    background-position: 0 -150px;
}

.eightNinePopup em {
    display: block;
    font: bold 26px/28px AMToonMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.9px;
    padding: 25px 0 0;
}

.eightNinePopup .slideshowLink {
    font: bold 20px/22px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    display: block;
    padding: 17px 0 13px;
    margin: 0 35px;
}

.slideshowLink b {
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    display: block;
    padding: 0 0 0 4px;
    letter-spacing: -0.4px;
}

.popPractice {
    text-align: left;
    color: #292929;
    padding: 0 0 0 10px;
    position: relative;
    top: 5px;
    height: 266px;
    overflow-y: auto;
}

.eightninelessonsPopup {
    height: 333px;
    overflow-y: auto;
}

.popPractice a {
    display: inline;
    color: #F75F01;
    text-decoration: underline;
    font: bold 26px/8px Arial, Helvetica, sans-serif;
}

.popPractice p {
    line-height: 17px;
    padding: 22px 0 0;
}

.dancing {
    background: url("../images/eightNineSprite.png") no-repeat scroll -100px -100px transparent;
    width: 270px;
    height: 141px;
    margin: 14px auto 1px;
}

.tenTwelve .categoryMenuBG {
    background: none repeat scroll 0 0 #63C5DC;
}

.tenTwelve .menuTitle {
    color: #00A0C6;
    background: url("../images/tenTwelveSprite.png") no-repeat scroll 155px 4px #FFFFFF;
}

.tenTwelve .subMenu {
    background: none repeat scroll 0 0 #63C5DC;
}

.grumpy {
    display: block;
    position: absolute;
    width: 300px;
    height: 460px;
    top: 166px;
    left: 16.3%;
}

.grumpy .mainFrame {
    position: absolute;
    width: 300px;
    height: 480px;
    top: 0;
    left: -5px;
    background: url("../images/grumpy.png") no-repeat scroll 0 0 transparent;
}

.grumpy .bottle {
    position: absolute;
    width: 200px;
    height: 120px;
    background: url("../images/grumpy.png") no-repeat scroll -300px -150px transparent;
    left: 47px;
    top: 269px;
    display: none;
}

.grumpy .spray {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 229px;
    left: 174px;
    background: url("../images/grumpy.png") no-repeat scroll -300px 0 transparent;
    display: none;
}

.grumpy .spill {
    position: absolute;
    width: 15px;
    background: url("../images/spill.png") no-repeat scroll 0 0 transparent;
    left: 307px;
    top: 213px;
    height: 0;
}

.choose_your_10_12 {
    background: url("../images/split/1012_split_choose_your.png") no-repeat scroll 0 0 transparent;
    width: 216px;
    height: 125px;
    top: 204px;
    left: 58px;
    position: absolute;
}

.bigHandCursor {
/*cursor: url(../images/cursor_hand.png);*/
    cursor: pointer;
}

.theTopics {
    position: absolute;
    width: 240px; /*top: 90px;*/
    top: 12%; /*left: 640px;*/
    left: 55%;
}

.chTheTopics {
    top: 13%;
}

.small .chTheTopics {
    top: 4%;
}

.theTopicsCircle {
    position: absolute; /*width: 240px;*/
    width: 34%; /*top: 80px;*/
/*left: 505px;*/
    top: 10%;
    left: 47%;
}

.theTopics a {
    display: block;
    margin: 20px 0 0;
    cursor: pointer;
    min-height: 75px;
}

.theTopicsCircle a {
    display: block;
    margin: 6% 0 0;
    cursor: pointer;
    min-height: 48px !important;
}

.theTopicsCircle p {
/*padding-top: 112px;*/
/*text-align: center;*/
/*font: bold 26px/28px ArialRoundedMTBold, Arial, Helvetica, sans-serif;*/
}

.c-1 p, .c-2 p {
    margin-left: 7%;
}

.c-1 img, .c-2 img {
/*height: 255px;*/
    width: 100%;
}

.theTopicsCircle .c-2 {
/*height: 255px;*/
/*width: 357px;*/
/*background: url("../images/split/1012_split_fifth_grade.png") no-repeat scroll 0 bottom transparent;*/
/*padding-left:30px;*/
/*margin-top:20px*/
}

.theTopicsCircle .c-1 {
/*height: 255px;*/
/*width: 357px;*/
/*background: url("../images/split/1012_split_fourth_grade.png") no-repeat scroll 0 bottom transparent;*/
/*padding-left:30px;*/
}

.c-2 p.underLined:hover, .c-1 p.underLined:hover {
    color: #e2007a;
}

.c-1 p.smplText, p.smplText, .c-2 p.smplText {
    font: 18px/22px Arial, Helvetica, sans-serif !important;
    padding-top: 0;
}

.split_welcome_box {
    margin-top: 12%;
    margin-left: -37%;
    width: 150%;
}

.small .split_welcome_box {
    margin-top: 5%;
    margin-left: -37%;
    width: 150%;
}

.ttText {
    font: bold 32px/45px TimotheosRegular, Arial, Helvetica, sans-serif !important;
    padding-top: 0;
}

.c-1 p.underLined, .c-2 p.underLined {
    font: bold 22px/38px TimotheosRegular, Arial, Helvetica, sans-serif !important;
    padding-top: 0;
    text-decoration: underline;
}

.theTopics b {
    position: relative;
    left: -34px;
    display: block;
    font: 13px/15px Arial, Helvetica, sans-serif;
    width: 300px;
}

.theTopics i {
    font: 19px/21px TimotheosRegular, Arial, Helvetica, sans-serif;
    letter-spacing: -0.3px;
}

.theLessons {
    position: absolute;
    background: url("../images/grumpy.png") no-repeat scroll -300px -300px transparent;
    width: 360px;
    height: 471px;
    left: 540px;
    top: 14%;
    padding-top: 75px;
}

.theLessons a {
    display: block;
    background: none repeat scroll 0 0 transparent;
    width: 220px;
    margin: 8px 0 0 43px;
    overflow: hidden;
}

.theLessons b {
    color: #FFFFFF;
    font: 12px/12px Arial, Helvetica, sans-serif;
}

.theLessons i {
    color: #FF0394;
    letter-spacing: -0.3px;
    display: inline;
    font: 13px/15px TimotheosRegular, Arial, Helvetica, sans-serif;
}

.theLessons .yellow {
    color: #FFFF00;
}

.theLessons .green {
    color: #00FF00;
}

.theLessons .prev {
    padding: 0;
    width: 120px;
    height: 40px;
    margin: 0 0 42px 155px;
}

.theLessons .next {
    padding: 0;
    margin: 68px 0 42px 213px;
    height: 43px;
    width: 122px;
}

.grumpyPopup {
    position: absolute;
    top: 230px;
    left: 640px;
    display: none;
    z-index: 5;
}

.grumpyPopup span {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: none repeat scroll 0 0 #000000;
}

.grumpyPopup i {
    color: #F75F01;
    text-align: left;
    letter-spacing: -0.3px;
    padding: 0 0 7px;
    font: bold 19px/21px Arial, Helvetica, sans-serif;
}

.grumpyPopup .innerWrapper {
    position: relative;
    background: url("../images/ttimages/bg.png") no-repeat scroll right 0 transparent;
    width: 464px;
    height: 600px;
    color: #FFFFFF;
    text-align: left;
    z-index: 1;
}

.grumpyPopup a {
    font: 12px/14px Arial, Helvetica, sans-serif;
    padding: 5px 0 0 5px;
    cursor: pointer;
}

#hookGrumpyPopup {
    overflow-y: auto;
}

.grumpyPopup .close {
    display: block;
    position: absolute;
    right: 10px;
    top: 2px;
    color: #FFFFFF;
    font: 8px/10px TimotheosRegular, Arial, Helvetica, sans-serif;
    height: 17px;
    padding: 7px 30px 23px 2px;
    z-index: 1;
}

.additions {
    position: relative;
    padding-left: 15px;
}

.grumpyPopup a.hideble {
    position: absolute;
}

.grumpyPopup .close:hover {
    background-position: 0 -150px;
}

.grumpyPopup em {
    color: #FF0394;
    font: bold 26px/28px TimotheosRegular, Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 14px 0 0 22px;
    display: inline-block;
}

.grumpyPopup .slideshowLink p {
    padding-left: 56px;
    padding-top: 12px;
    text-align: left;
    font: 18px/24px TimotheosRegular, Arial, Helvetica, sans-serif;
    letter-spacing: 0.1px;
}

.grumpyPopup .slideshowLink {
    display: block;
    top: 62px;
    left: 35px;
    padding: 0;
    background: url("../images/ttimages/slideshow.png") no-repeat scroll right 0 transparent;
    width: 388px;
    height: 70px;
}

.grumpyPopup .rect1 {
    display: block;
    top: 155px;
    background: url("../images/ttimages/custom-rectangle.png") no-repeat scroll transparent;
    width: 218px;
    height: 69px;
    left: 13px;
}

.grumpyPopup .rect2 {
    display: block;
    top: 320px;
    background: url("../images/ttimages/custom-rectangle.png") no-repeat scroll transparent;
    width: 218px;
    height: 69px;
    left: 13px;
}

.grumpyPopup .rect3 {
    display: block;
    top: 395px;
    background: url("../images/ttimages/custom-rectangle.png") no-repeat scroll transparent;
    width: 218px;
    height: 69px;
    left: 25px;
}

.grumpyPopup .pairs-rec {
    display: block;
    top: 238px;
    left: 55px;
    background: url("../images/ttimages/say-rectangle.png") no-repeat scroll right 0 transparent;
    width: 216px;
    height: 69px;
}

.grumpyPopup .cloze-rec {
    display: block;
    background: url("../images/ttimages/circle.png") no-repeat scroll transparent;
    height: 113px;
    width: 113px;
    top: 300px;
    left: 230px;
}

.grumpyPopup .circle1 {
    display: block;
    background: url("../images/ttimages/circle.png") no-repeat scroll transparent;
    height: 113px;
    width: 113px;
    top: 470px;
    left: 14px;
}

.grumpyPopup .word {
    display: block;
    overflow: hidden;
    width: 195px;
    padding: 6px 0 0 12px;
    height: 62px;
    margin: 12px 0 0 7px;
}

.grumpyPopup .sentence {
    display: block;
    width: 203px;
    overflow: hidden;
    padding: 5px 0 0 11px;
    height: 64px;
    margin: 12px 0 0 26px;
}

.grumpyPopup .games {
    display: block;
    position: absolute;
    top: 301px;
    left: 235px;
    height: 93px;
    width: 83px;
    z-index: 1;
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 21px 0 0 32px;
}

.grumpyPopup .purple {
    float: left;
    color: #75007F;
    padding: 0 4px 7px 0;
}

.grumpyPopup .clozeC {
    float: left;
    color: #ff0394;
    padding: 0 4px 7px 0;
}

.grumpyPopup .green {
    float: left;
    color: #75BF00;
    width: 97px;
    letter-spacing: 0;
    font: bold 18px/21px Arial, Helvetica, sans-serif;
}

.grumpyPopup .blue {
    color: #002BBF;
    float: left;
    letter-spacing: -0.9px;
    width: 80px;
    line-height: 17px;
    padding: 0 9px 0 0;
}

.grumpyPopup .pink {
    display: block;
    color: #DF00D8;
    position: relative;
    left: -10px;
    padding: 0 0 7px;
}

.grumpyPopup .sitting {
    width: 190px;
    height: 330px;
    background: url("../images/grumpyPopAnim.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 119px;
    right: 1px;
}

.sitting .eye {
    width: 73px;
    position: absolute;
    padding: 0;
    height: 32px;
    background: url("../images/grumpyPopAnim.png") no-repeat scroll -200px -300px transparent;
    top: 100px;
    left: 24px;
}

.sitting .arm {
    width: 105px;
    position: absolute;
    left: 78px;
    padding: 0;
    height: 125px;
    top: 193px;
    background: url("../images/grumpyPopAnim.png") no-repeat scroll -273px 20px transparent;
}

.homeContent {
    display: block;
    position: relative;
    margin: 0 0 0 21px;
}

.homeContent p {
    display: block;
    text-align: justify;
}

.homeContent .readMore {
    color: #C1D12D;
    font: italic bold 14px/16px Arial, Helvetica, sans-serif;
}

.homeContent .ageGroups {
    overflow: hidden;
    margin: 9px 0 0;
}


.ageGroups i {
    width: 250px;
    height: 215px;
    background: url("../images/homeSprite.png") no-repeat scroll -244px 23px transparent;
    margin: 0 auto;
}

.ageGroups b {
    display: block;
    font: bold 20px/22px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding: 5px 0;
    text-align: center;
}

.ageGroups span {
    font: 12px/12px Arial, Helvetica, sans-serif;
}

.ageGroups .homeCreature {
    margin: 0;
}
.ageGroups{padding:10px 0 15px;}

.beginnerFrame,.interFrame,.advancedFrame{
	width:31%;float:left;margin-right:20px;
	border-top:2px solid #ccc;
	border-left:2px solid #333;
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	border-radius:15px;
}
.shadow{
	background: url("../images/shadow.png") no-repeat;
	position:relative;
	height:30px;
	top:28px;
	z-index:-1;
	margin-left:3%;
}
.beginnerFrame{

}
.frametop{
	width:100%;
	background: url("../images/frametop.png");
	height:68px;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
	text-align:center;
	padding-top:20px;
}
.frametop h1{
        padding-bottom:10px;
        font-size: 24px;
}

.framecontain{height:212px;padding:0 10px}
.framecontain li{
	margin:10px 0;
	list-style:none;
	display:block;
	
}
.framecontain li a{
    border:1px solid #ccc;
        border-radius:5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px #ccc;
	display:block;
	color:#1f4572;
	padding:5px;
}
.beginnerFrame .framecontain li a:hover{
    background-color: #A0CF31;
    color:#fff;
}
.interFrame .framecontain li a:hover{
    background-color: #E5C120;
    color:#fff;
}
.advancedFrame .framecontain li a:hover{
    background-color: #43B1F1;
    color:#fff;
}
.beginnerBottom, .interBottom, .advancedBottom{
	width:100%;
	height:40px;
	border-bottom-right-radius:13px;
	border-bottom-left-radius:13px;
	float:left;
}

.beginnerBottom a,.interBottom a,.advancedBottom a{
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #B38538;
    float:right;
    padding:13px 15px 0 0;
	text-align:right;
	width:100%;
}

.beginnerBottom{
	background: url("../images/beginnerbottom.png") repeat-y;
}
.interBottom{
	background: url("../images/interbottom.png") repeat-y;
}
.advancedBottom{
	background: url("../images/advancedbottom.png") repeat-y;
}

.beginnerBottom img, .interBottom img, .advancedBottom img{
    float:right;
    padding-left: 4px;
}

.interFrame{

}
.advancedFrame{
	margin-right:0;
}
.homeLion i {
    background: url("../images/homeSprite.png") no-repeat scroll 26px -331px transparent;
}

.homeGrumpy i {
    background: url("../images/homeSprite.png") no-repeat scroll -730px -5px transparent;
}

.homeCreature b {
    background: none repeat scroll 0 0 #5a8bd7;
}

.homeLion b {
    background: none repeat scroll 0 0 #fe0200;
}

.homeGrumpy b {
    background: none repeat scroll 0 0 #000000;
}

.homeContent .gallery {
    position: relative;
    display: block;
    width: 140px;
    height: 300px;
    background: url("../images/galleries.png");
    left: -3px;
	float:left;
	margin-right:15px;
}

.homeCarousel {
    position: relative;
    background: url("../images/gamesBG.png") repeat scroll 0 0 transparent;
    height: 250px;
    width: 103%;
	border:2px solid #156b97;
	border-radius:10px;
	margin-top:35px;
	left:-4px;
}
.gallery_shadow{
	position: absolute;
	width:78%;
	height:27px;
	bottom:-9px;
	left:20%;
}
.carouselMaska{
	position: absolute;
	width:60%;
	right:0;
	height:180px;
}
.homeCarousel a {
    display: block;
    color: #000000;
    font: 14px/16px Arial, Helvetica, sans-serif;
    height: 183px;
    padding: 35px 0 0 37px;
}

.homeCarousel i {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 190px;
    padding: 188px 31px 0 4px;
    height: 35px;
    overflow: hidden;
    background: url("../images/homeSprite.png") no-repeat scroll 0 -711px transparent;
    font: bold 17px/18px Arial, Helvetica, sans-serif;
}

.homeCarousel li {
    float: left;
    position: relative;
    width: 233px;
}

.homeCarousel img {
    border-width: 1px 1px 1px medium;
    border-style: solid solid solid none;
    border-color: #000000 #000000 #000000 -moz-use-text-color;
}

.homeCarousel:after {
    clear: both;
    content: " ";
    display: block;
}

.carousel a.prev {
	background: url("../images/rightarrow.png") no-repeat scroll 0 0 transparent;
    left: auto;
    background-position: right 0;
    margin: 0;
    right: -60px;
}
.carousel a.next{
    background: url("../images/leftarrow.png") no-repeat scroll 0 0 transparent;
    left:-50px;
}
.homeCarousel .prev {
	background: url("../images/rightarrow.png") no-repeat scroll 0 0 transparent;
}
.homeCarousel .next {
	background: url("../images/leftarrow.png") no-repeat scroll 0 0 transparent;
}
.homeCarousel .buttons {
    width: 29px;
    height: 34px;
    display: block;
    position: absolute;
    border: medium none;
    margin: 0;
    top: 110px;
    padding: 0;
    left: -20px;
}

.homeCarousel .viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 250px;
    float: left;
}

.homeCarousel .overview {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    position: absolute;
    width: 2070px;
    top: 22px;
    left: 0;
}

.homeCarousel img {
    height: 114px;
    width: 114px;
}

.homeCarousel .prev{
    left: auto;
    background-position: right 0;
    right: -20px;
} 

.homeCarouselTitle {
    width: 340px;
    height: 110px;
    position: absolute;
    display: block;
    background: url("../images/homeSprite.png") no-repeat scroll -253px -798px transparent;
    z-index: 1;
    top: 2px;
    left: 30%;
}

.homeCarousel .leftBorder {
    top: 22px;
    left: 0;
    background: url("../images/homeSprite.png") no-repeat scroll -917px -314px transparent;
    width: 80px;
    height: 220px;
}

.homeCarousel .rightBorder {
    background: url("../images/homeSprite.png") no-repeat scroll -776px -314px transparent;
    top: 19px;
    left: 92.9%;
    width: 60px;
}

.signin p {
    text-align: justify;
}

.signin .content {
    min-height: 610px;
    padding: 6px 212px 0 39px;
}

.signinForm .boxWrap {
    width: auto;
    margin: 0;
    float: none;
    background: url("../images/signupSprite.png") repeat scroll 0 -200px transparent;
    padding: 0 0 2px;
}

.signinForm .boxWrap:after {
    clear: both;
    content: " ";
    display: block;
}

.signinForm {
    position: relative;
    z-index: 0;
    margin: 5px 6px 14px 11px;
}

.signinForm a {
    position: absolute;
    top: 70px;
    left: 48%;
    display: block;
    font: 11px/14px Arial, Helvetica, sans-serif;
}

.signinForm h2 {
    font: bold 22px/14px Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 1;
    color: #CF1756;
    padding: 6px 0 6px 5px;
    letter-spacing: 0.4px;
}

.signinForm label {
    width: 36%;
    float: left;
    font: 21px/23px Arial, Helvetica, sans-serif;
    padding: 14px 0 0 6px;
}

.signinForm input {
    height: 22px;
    display: inline-block;
    font: 17px/17px Arial, Helvetica, sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CF1756;
    margin: 0 0 0 18px;
    width: 59%;
}

.signinForm button {
    width: 142px;
    height: 47px;
    color: #C7EAEB;
    font: bold 22px/24px Arial, Helvetica, sans-serif;
    text-align: center;
    float: left;
    border: medium none;
    cursor: pointer;
    background: url("../images/signupSprite.png") no-repeat scroll 0 0 transparent;
    margin: 11px 0 6px 27px;
}

.signInBorderL {
    background: url("../images/signupSprite.png") no-repeat scroll 0 -100px #EBF5FF;
}

.signInBorderR {
    padding: 0 10px;
    background: url("../images/signupSprite.png") no-repeat scroll right -300px transparent;
}

.greyBox {
    height: 501px;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: -6px 0 0 13px;
    min-width: 47%;
}

.commingSoon {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.commingSoon b {
    height: 100%;
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
}

.commingSoon i {
    width: 517px;
    height: 501px;
    background: url("../images/commingSoon.gif") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 44px;
    left: 72px;
    display: none;
}

.flash {
/*text-align: center;*/
    font: bold 76px/78px ArialRoundedMTBold, Arial, Helvetica, sans-serif; /*position: relative;*/
/*overflow: hidden;*/
/*margin: 0 5px 0 17px; *//*top: -115px;*/
    overflow: hidden;
}

#flashContent {
/*margin:-44px 150px 0 17px !important;*/
    margin-right: 150px;
}

.clear {
    clear: both;
}

.flash object {
    width: 100%;
    height: 689px; /*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
}

.practiceWarp {
    background: none repeat scroll 0 0 #4A60AA;
    margin: 0 8px 15px 17px;
}

.practiceGeneric {
    height: 277px;
    overflow: hidden;
}

.practiceGeneric i {
    color: #4A60AA;
    border-bottom: 2px solid #FF7E00;
    padding: 0 0 6px;
    margin: 0 0 2px;
    font: bold 20px/22px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
}

.practiceGeneric a {
    float: left;
    background: url("../images/practiceSprite.png") no-repeat scroll 0 -250px transparent;
    font: 12px/13px Arial, Helvetica, sans-serif;
    width: 154px;
    margin: 0 0 11px 3%;
}

.practiceGeneric span {
    padding: 21px 8px 0 10px;
    height: 90px;
    display: block;
}

.practiceGeneric .bigBox {
    width: 216px;
    height: 233px;
    background: url("../images/practiceSprite.png") no-repeat scroll 0 0 transparent;
    float: right;
    margin: 0 19px 0 18px;
    position: relative;
}

.practiceGeneric .practiceTitle {
    display: block;
    color: #FFFFFF;
    font: bold 22px/24px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    letter-spacing: 0.8px;
    border-bottom: 2px solid #FFFFFF;
    padding: 2px 0 4px 17px;
    margin: 0 0 5px;
    height: auto;
}

.practiceGeneric .twoLines {
    width: 142px;
    padding: 2px 4px 0 8px;
    height: 109px;
}

.practiceGeneric .twoLines i {
    padding: 0 0 3px;
}

.bigBox i {
    text-align: center;
    width: 135px;
    padding: 21px 0 6px;
    margin: 0 auto 10px;
}

.bigBox b {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    left: 38px;
    top: 3px;
    background: url("../images/practiceSprite.png") no-repeat scroll -250px 0 transparent;
}

.bigBox img {
    width: 103px;
    height: 72px;
}

.bigBox a {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    float: none;
    width: 103px;
    height: 72px;
    display: block;
    border: 1px solid #5A5E3F;
    margin: 5px auto 0;
}

.practiceTitle b {
    display: inline-block;
    color: #FF7E00;
}

.practiceTitle span {
    float: right;
    margin: 0 72px 0 0;
    height: auto;
    padding: 0;
}

.sixSevenCarousel {
    padding: 0 38px 0 155px;
    width: 72.7%;
    margin: 0 0 0 5%;
}

.sixSevenCarousel a {
    display: block;
    color: #000000;
    height: 113px;
    font: 13px/14px Arial, Helvetica, sans-serif;
    padding: 7px 0 0 10px;
    width: 147px;
}

.sixSevenCarousel i {
    font: bold 18px/20px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    padding: 10px 0 12px;
}

.sixSevenCarousel b {
    display: block;
    position: absolute;
    height: 40px;
    width: 40px;
    top: 25px;
    background: url("../images/practiceSprite.png") no-repeat scroll -250px -300px transparent;
    left: 125px;
    z-index: -1;
}

.sixSevenCarousel span {
    display: block;
    color: #FF332B;
    font: 11px/13px Arial, Helvetica, sans-serif;
}

.sixSevenCarousel .pink {
    color: #FF7BAC;
    background-position: -250px -250px;
}

.sixSevenCarousel .blue {
    color: #002BBF;
    background-position: -200px -350px;
}

.sixSevenCarousel .cerulean {
    color: #45A3FF;
    background-position: -200px -300px;
}

.sixSevenCarousel .green {
    color: #75BF00;
    background-position: -200px -249px;
}

.sixSevenCarousel li {
    float: left;
    position: relative;
}

.sixSevenCarousel img {
    border-width: 1px 1px 1px medium;
    border-style: solid solid solid none;
    border-color: #000000 #000000 #000000 -moz-use-text-color;
}

.sixSevenCarousel:after {
    clear: both;
    content: " ";
    display: block;
}

.disable {
    /*visibility: hidden;*/
}

.sixSevenCarousel .buttons {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    background: url("../images/practiceSprite.png") no-repeat scroll -250px -100px transparent;
    top: 49px;
    width: 28px;
    height: 30px;
    z-index: 3;
    left: 127px;
}

.sixSevenCarousel .next {
    margin: 0;
    left: auto;
    background-position: -250px -49px;
    right: 5px;
}

.sixSevenCarousel .overview {
    list-style: none outside none;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
}

.sixSevenCarousel img {
    height: 114px;
    width: 114px;
}

.sixSevenCarousel .title {
    width: 340px;
    height: 110px;
    position: absolute;
    display: block;
    background: url("../images/homeSprite.png") no-repeat scroll -253px -798px transparent;
    z-index: 1;
    top: 5px;
    left: 30%;
}

.sixSevenCarousel .twoLines {
    position: relative;
    padding: 0 0 2px;
    font: bold 15px/20px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
}

.eightNPCarousel {
    background: url("../images/practiceSprite.png") no-repeat scroll 5px -548px #000033;
    padding: 0 38px 0 177px;
    width: 76.7%;
    margin-top: 0;
}

.eightNPCarousel a {
    display: block;
    color: #000000;
    padding: 0 0 0 6px;
    height: 86px;
    width: 112px;
    font: 11px/13px Arial, Helvetica, sans-serif;
    margin: 0 20px 0 0;
}

.eightNPCarousel i {
    font: bold 18px/19px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    color: #F75F01;
    border-bottom: 1px solid #F75F01;
    padding: 0 0 2px;
    margin: 0 0 2px;
}

.eightNPCarousel b {
    display: block;
    position: absolute;
    height: 87px;
    width: 1px;
    top: 3px;
    background: url("../images/practiceSprite.png") no-repeat scroll -350px -150px transparent;
    left: 130px;
}

.eightNPCarousel li {
    float: left;
    position: relative;
}

.eightNPCarousel img {
    border-width: 1px 1px 1px medium;
    border-style: solid solid solid none;
    border-color: #000000 #000000 #000000 -moz-use-text-color;
}

.eightNPCarousel:after {
    clear: both;
    content: " ";
    display: block;
}

.eightNPCarousel a.next {
    margin: 0;
    background-position: -298px -214px;
    border-color: -moz-use-text-color #380050;
    left: 94.7%;
}

.eightNPCarousel .disable {
    visibility: hidden;
}

.eightNPCarousel .buttons {
    display: block;
    position: absolute;
    border-width: medium 1px;
    border-style: none solid;
    margin: 0;
    padding: 0;
    width: 17px;
    top: 16px;
    height: 86px;
    background: url("../images/practiceSprite.png") no-repeat scroll -298px -267px #DF00A8;
    border-color: -moz-use-text-color #380050 -moz-use-text-color #9999AD;
    left: 159px;
}

.eightNPCarousel .viewport {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    height: 86px;
    margin: 16px 0 17px;
    background: none repeat scroll 0 0 #CCCCD6;
}

.eightNPCarousel .overview {
    margin: 0;
    list-style: none outside none;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
}

.eightNPCarousel img {
    height: 114px;
    width: 114px;
}

.eightNPCarousel .next {
    left: auto;
    background-position: right 0;
    right: -33px;
}

.eightNPCarousel .title {
    width: 340px;
    height: 110px;
    position: absolute;
    display: block;
    background: url("../images/homeSprite.png") no-repeat scroll -253px -798px transparent;
    z-index: 1;
    top: 5px;
    left: 30%;
}

.eightNPCarousel .character {
    display: block;
    position: absolute;
    height: 113px;
    background: url("../images/practiceSprite.png") no-repeat scroll -449px 0 transparent;
    top: 2px;
    width: 125px;
    z-index: 2;
    left: 22px;
}

.eightNPCarousel .leftBorder {
    display: block;
    position: absolute;
    bottom: 3px;
    height: 86px;
    background: none repeat scroll 0 0 #CCCCD6;
    top: 16px;
    width: 59px;
    left: 118px;
}

.eightNPCarousel .last {
    width: 130px;
}

.eightNPCarousel .last b {
    display: none;
}

.eightNPCarousel .prev {
    background-position: -348px -264px;
}

.eightNPCarousel .rightBorder {
    height: 115px;
    background: url("../images/practiceSprite.png") no-repeat scroll -1004px -550px transparent;
    width: 10px;
    top: 2px;
    left: auto;
    right: 1.3%;
    display: none;
}

.tenTPCarousel {
    background: url("../images/practiceSprite.png") no-repeat scroll -1px -701px transparent;
    padding: 0 0 0 140px;
    width: 83%;
    margin: 0 0 0 18px;
}

.tenTPCarousel a {
    display: block;
    color: #000000;
    font: 11px/13px Arial, Helvetica, sans-serif;
    background: url("../images/practiceSprite.png") no-repeat scroll -600px -150px transparent;
    padding: 5px 5px 0 8px;
    width: 116px;
    height: 107px;
}

.tenTPCarousel i {
    font: bold 18px/19px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    padding: 0 0 2px;
    color: #FF332B;
    margin: 0 0 4px;
}

.tenTPCarousel li {
    float: left;
    position: relative;
    padding: 5px 7px 0 0;
    background: url("../images/practiceSprite.png") no-repeat scroll -450px -145px transparent;
}

.tenTPCarousel img {
    border: 1px solid #000000;
}

.tenTPCarousel:after {
    clear: both;
    content: " ";
    display: block;
}

.tenTPCarousel a.next {
    left: 983px;
    border-right: medium none;
    border-left: 1px solid #FFFFFF;
}

.tenTPCarousel .disable {
    visibility: hidden;
}

.tenTPCarousel .buttons {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 17px;
    left: 111px;
    border-right: 1px solid #FFFFFF;
    top: 0;
    height: 120px;
    background: url("../images/practiceSprite.png") no-repeat scroll -1001px 3px transparent;
}

.tenTPCarousel .viewport {
    float: left;
    overflow: hidden;
    position: relative;
    height: 120px;
    width: 816px;
}

.tenTPCarousel .overview {
    margin: 0;
    list-style: none outside none;
    position: absolute;
    top: 0;
    left: 0;
}

.tenTPCarousel img {
    height: 73px;
    width: 103px;
    margin: 0 0 0 4px;
}

.tenTPCarousel .title {
    width: 340px;
    height: 110px;
    position: absolute;
    display: block;
    background: url("../images/homeSprite.png") no-repeat scroll -253px -798px transparent;
    z-index: 1;
    top: 5px;
    left: 30%;
}

.tenTPCarousel .character {
    display: block;
    position: absolute;
    width: 125px;
    z-index: 1;
    background: url("../images/practiceSprite.png") no-repeat scroll -589px 0 transparent;
    top: 0;
    left: -7px;
    height: 120px;
}

.tenTPCarousel .leftBorder {
    display: block;
    position: absolute;
    width: 1px;
    left: 161px;
    background: none repeat scroll 0 0 #75007F;
    bottom: 3px;
    top: 3px;
}

.tenTPCarousel .last {
    width: 130px;
}

.tenTPCarousel .last b {
    display: none;
}

.tenTPCarousel .prev {
    background-position: -352px -149px;
}

.tenTPCarousel .yellow a {
    background-position: -750px 0;
}

.tenTPCarousel .yellow i {
    color: #E5BD3E;
}

.tenTPCarousel .purple a {
    background-position: -750px -150px;
}

.tenTPCarousel .purple i {
    color: #75007F;
}

.tenTPCarousel .green a {
    background-position: -150px -850px;
}

.tenTPCarousel .green i {
    color: #75BF00;
}

.tenTPCarousel .blue a {
    background-position: -300px -850px;
    width: 117px;
    padding: 5px 5px 0 7px;
}

.tenTPCarousel .blue i {
    color: #002BBF;
    font: 16px/17px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    padding: 0 0 6px;
}

.tenTPCarousel .games a {
    background-position: 0 -850px;
}

.games i {
    color: #DF00D8;
    padding: 0 0 2px;
    width: 105px;
}

.categories {
    background: url("../images/gamesBG.png") repeat scroll 0 0 transparent;
    overflow-y: auto;
    margin: 0 5px 0 0;
    padding: 16px 0 0 6px;
    height: 609px;
}

.categories div {
    position: relative;
    float: left;
    margin: 0 0 0 30px;
}

.categories .mainLink {
    display: block;
    height: 140px;
    padding: 23px 0 0;
    width: 140px;
}

.categories .plate {
    width: 114px;
    height: 112px;
    position: absolute;
    left: 0;
    background: url("../images/categoriesSprite.png") no-repeat scroll 0 0 transparent;
    top: 0;
}

.categories .fork {
    width: 25px;
    height: 75px;
    position: absolute;
    background: url("../images/categoriesSprite.png") no-repeat scroll 0 -200px transparent;
    top: 26px;
    left: 108px;
}

.categories .plusMinus {
    width: 21px;
    height: 21px;
    position: absolute;
    background: url("../images/categoriesSprite.png") no-repeat scroll -150px 0 transparent;
    left: 91px;
    top: 91px;
}

.categories .name {
    height: 32px;
    display: table-cell;
    vertical-align: middle;
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    padding: 6px 10px 0 0;
    text-align: center;
    width: 130px;
}

.categories img {
    display: block;
    margin: 0 0 19px;
    position: relative;
    left: 20px;
}

.categories .catMenu {
    display: none;
    position: absolute;
    background: url("../images/categoriesMenuSprite.png") repeat-y scroll -100px 0 transparent;
    left: 68px;
    top: 119px;
}

.catMenu a {
    display: block;
    font: 11px/13px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border-bottom: 1px solid #E26992;
    margin: 0 4px;
    padding: 1px 0 0 5px;
    width: 55px;
}

.catMenu .borderTop {
    display: block;
    position: absolute;
    height: 5px;
    background: url("../images/categoriesMenuSprite.png") no-repeat scroll 0 0 transparent;
    left: 0;
    top: -5px;
    width: 70px;
}

.catMenu .borderBottom {
    display: block;
    position: absolute;
    height: 5px;
    left: 0;
    bottom: -5px;
    background: url("../images/categoriesMenuSprite.png") no-repeat scroll -200px 0 transparent;
    width: 70px;
}

.catMenu .first {
    margin: -2px 4px 0;
}

.catMenu .last {
    border: medium none;
}

.bottomFork .fork {
    background-position: -200px 0;
    width: 75px;
    height: 25px;
    top: 99px;
    left: 34px;
}

.bottomFork .plate {
    top: -10px;
    left: 14px;
}

.bottomFork img {
    margin: -10px 0 32px 14px;
}

.bottomFork .plusMinus {
    left: 103px;
}

.bottomFork .name {
    padding: 6px 0 0 5px;
}

.forkUpsidedown .fork {
    background-position: 0 -200px;
    left: 0;
    top: 20px;
}

.forkUpsidedown .plate {
    left: 20px;
}

.forkUpsidedown img {
    left: 41px;
}

.forkUpsidedown .name {
    padding: 6px 0 0 10px;
}

.forkUpsidedown .plusMinus {
    left: 116px;
}

.eightNine .wrapCarousel {
    padding: 0;
    background: none repeat scroll 0 0 transparent;
    width: auto;
    margin: -110px 0 0 18px;
}

.tenTwelve .wrapCarousel {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    margin: -110px 0 0 29px;
}

.homePage .tower {
    height: 622px;
}

.generalPractice .tower {
    height: 877px;
}

.sixSevenCarousel .rightBorder {
    left: 96.2%;
}

.signupPage .tower, .categoriesPage .tower, .gameIndex .tower {
    height: 625px;
}

.small .wrapper {
    min-width: 990px;
}

.small .theTopics {
/*top: 43px;*/
/*top: 5%;*/
/*left: 437px;*/
/*left: 47%;*/
}

.small .theTopics a {
/*margin: 30px 0 0;*/
    min-height: 48px;
}

.small .theTopics b {
    font: 11px/11px Arial, Helvetica, sans-serif;
    left: -12px;
    width: 240px;
}

.small .theLessons {
    left: 381px;
    top: 60px;
}

.small .menu {
    width: 1017px;
}

.small .sixSevenCarousel {
    padding: 0 32px 0 155px;
    margin: 0 0 15px 2%; 
    width: 74%;
}

.small .sixSevenCarousel a.next {
    left: 96.5%;
}


.small {
    /*width: 31.3%;*/
}

.small .rightBorder {
    display: block;
    left: auto;
    right: 30px;
}

.small .homeCreature {
    margin: 0;
}

.small .homeLion {
    margin: 0 0 0 20px;
}

.small .homeGrumpy {
    margin: 0 0 0 28px;
}

.small .homeCarousel {
}

.small .homeCarousel .overview {
    left: -121px;
}

.small .carousel a.next {
    right: -35px;
}

.small .homeCarousel .rightBorder {
    background: url("../images/homeSprite.png") no-repeat scroll -776px -314px transparent;
    width: 50px;
    left: 550px;
    top: 19px;
}

.small .eightNPCarousel {
    width: 552px;
    padding: 0 52px 0 178px;
    /*margin: -97px 0 0 19px;*/
}

.small .eightNPCarousel a.next {
    left: 730px;
}

.small .eightNPCarousel .character {
    left: 22px;
}

.small .eightNine .wrapCarousel {
    margin: -1px 0 0;
}

.small .practiceWarp {
    margin: 5px 0;
}

.small .generalPractice .tower {
    height: 734px;
}

.small .bird {
    top: 60px;
}

.small .yellowShadow {
    left: 240px;
}

.small .topicMenu {
/*top: 0;*/
}

.small .tenTPCarousel {
    width: 544px;
    padding: 0 20px 0 140px;
    margin: -95px 0 0 57px;
}

.small .lolipops {
    right: -150px;
}

.small .spill {
    left: 276px;
    top: 219px;
}

.small .grumpy {
    left: 76px;
    top: 59px;
}

.small .lessonsBox {
/*top: -25px;*/
}

.small .tenTPCarousel .viewport {
    width: 544px;
}

.small .tenTPCarousel a.next {
    left: 683px;
}

.tenTPCarousel .rightBorder {
    display: none;
}

.bgImage {
    width: 100%;
}

.sizer {
    height: 689px;
}

.homeCarousel .disable {
    display: none;
}

/*spelling slideshow complete-word complete-sentence games*/

.practice a {
    background-image: url("../images/beginner-activities.png");
    background-repeat: no-repeat;
}

.practice .games {
    background-position: 255px -252px;
}

.practice .cloze {
    background-position: 255px -252px;
}

.practice .complete-sentence {
    background-position: 255px -184px;
}

.practice .complete-word {
    background-position: 255px -112px;
}

.practice .spelling {
    background-position: 255px 30px;
}

.practice .slideshow {
    background-position: 255px -28px;
}

.hide {
    display: none !important;
}

.pagerLink {
    cursor: pointer;
}

.typeName {
    font: bold ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    font-size: 18px !important;
}

.tocenter {
    text-align: center !important;
}

.contactHolder .name input {
    padding: 4px 4px 4px 45px;
    width: 255px;
}

.contactHolder .mail input {
    padding: 4px 4px 4px 41px;
    width: 259px;
}

.contactHolder .r-text textarea {
    padding: 4px 4px 4px 38px;
    width: 262px;
}

.contactHolder .subject input {
    padding: 4px 4px 4px 55px;
    width: 245px;
}

.contactHolder .form input, .contactHolder .form textarea {
    border: 1px solid black;
}

.contactHolder .form  .row label {
    position: absolute;
    padding: 5px;
}

.contactHolder .form  .row {
    position: relative;
    padding: 5px 0;
}

.contactHolder .form {
    padding-top: 100px;
}

.contactHolder {
    background-image: url("../images/contact_background.jpg");
    height: 600px;
}

.alert {
  padding: 8px 35px 8px 14px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.home-header-lessons {
    background-image: url("../images/home-tabs-lessons.png");
    width: 315px;
    height: 27px;
}

.home-header-categories {
    background-image: url("../images/home-tabs-categories.png");
    width: 315px;
    height: 27px;
}

.home-bg-lessons {
    background-image: url("../images/home-bg-lessons.png");
}

.home-bg-categories {
    background-image: url("../images/home-bg-categories.png");
}

.home-spinner-categories {
    background-image: url("../images/home-spinner-categories.png");
    width: 100%;
    height: 1px;
}

.home-spinner-lessons {
    background-image: url("../images/home-spinner-lessons.png");
    width: 100%;
    height: 1px;
}

.home-header > ul a {
    color: white;
    height: 21px;
}

.home-header  li.first {
    float: left;
    margin: 6px 58px 0 30px;
}

.hSubMenu {
    list-style: none;
}

.errorMessage {
    color: red;
}

.no-image {
    background-image: none !important;
}

/*tutorial-content*/
.tutorial-content {
    height: 528px; /*left: 425px;*/
    left: 35%;
    margin: 5px 0 0 10px;
    top: 35px;
    position: absolute;
    width: 417px;
}

tutorial-top {
    background: url("../images/tutorials-sprite.png") no-repeat -6px -2px transparent;
    width: 399px;
    height: 15px;
}

.tutorial-bottom {
    background: url("../images/tutorials-sprite.png") no-repeat -6px -153px transparent;
    width: 399px;
    height: 15px;
}
.jspArrowUp {
    background: url("../images/scroll-up-down.png") no-repeat scroll 0px 0px !important;;
    height: 7px !important;
    width: 13px !important;
}

.jspArrowDown {
    background: url("../images/scroll-up-down.png") no-repeat scroll 0px -8px !important;
    height: 7px !important;
    width: 13px !important;
}

.tt-Item button {
    background-image: url("../images/tutorials-sprite.png");
    border: 0 none;
    height: 10px;
    width: 10px;
    vertical-align: 4px;
}

.tt-Item .gTitle {
    font: bold 21px/30px ArialRoundedMTBold, Arial, Helvetica, sans-serif;
    color: #805a95;
    cursor: pointer;
}

.pDesc {
    padding: 5px;
    cursor: pointer;
}

.small .c-2 {
    margin-top: 7px;
}

.small .c-2 p.underLined, .small .c-1 p.underLined {
    font: bold 15px/30px TimotheosRegular, Arial, Helvetica, sans-serif !important;
}

.small .c-2 p.smplText, .small  p.smplText, .small .c-1 p.smplText {
    font: 13px/26px Arial, Helvetica, sans-serif !important
}

.small .ttText {
    font: 13px/26px TimotheosRegular, Arial, Helvetica, sans-serif !important
}

/*eight nine split page*/
.eightNineSplitPage table {
/*height:100%;*/
    width: 100%;
    position: absolute;
    bottom: 2.5%;
    left: 0;
    height: 80%;
}

.eightNineSplitPage span {
    font: bold 22px/28px AMToonMedium, Arial, Helvetica, sans-serif;
}

.eightNineSplitPage span.bigWord {
    font: bold 46px/45px AMToonMedium, Arial, Helvetica, sans-serif;
}

.eightNineSplitPage p {
    font: bold 22px/28px AMToonMedium, Arial, Helvetica, sans-serif;
}

.eightNineSplitPage td {
/*width:33.3%;*/
}

.eightNineSplitPage img {
    width: 100%;
}

.eightNineSplitPage {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0%;
    height: 100%;
}

.eightNineSplitPage .guided span {
    display: block;
    text-align: left;
    padding: 1% 0 0 20px;
}

.small .eightNineSplitPage span {
    font: 16px/22px AMToonMedium, Arial, Helvetica, sans-serif;
}

.small .eightNineSplitPage span.bigWord {
    font: bold 30px/32px AMToonMedium, Arial, Helvetica, sans-serif;
}

.small .eightNineSplitPage p {
    font: 22px/28px AMToonMedium, Arial, Helvetica, sans-serif;
}

.kHello {
    position: absolute;
    bottom: 44%;
    left: 22%;
}

.kTweet {
    position: absolute;
    top: -15%;
    left: -25%;
}

.small .kHello {
    bottom: 55%;
    left: 26%;
    position: absolute;
}

#contact-form > div {
    width: 280px;
    margin: 0 auto;
    text-align: left;
}

.tentwelveTutorial .hideSpan i {
    color: #ffff01;
}

.tentwelveTutorial .hideSpan b {
    color: black;
}

.tentwelveTutorial .showSpan i {
    color: #c8d6d6;
}

.tentwelveTutorial div p {
    color: white;
    line-height: 20px;
}

.tentwelveTutorial  div b {
    font-weight: bold;
}

.tentwelveTutorial  div i, .tentwelveTutorial  div b {
    font: 18px/20px TimotheosRegular, Arial, Helvetica, sans-serif
}

.tentwelveTutorial .showSpan i:hover {
    color: black !important;
}

.tentwelveTutorial {
    position: relative;
}

.tentwelveTutorial .showSpan b {
    color: #ffff01;
}

.gameContent canvas {
}

.gameContent {
    padding: 5px 0;
    position: relative;
    width: 99%;
    height: 670px;
    margin-left: 0.5%;
}

#game {
/*    position: absolute; */
    width: 100%;
    height: 95%;
    margin: 10px 0;
}

.gameItem .gameName {
    font-size: 18px;
}

.gameItem {
    margin: 0 10px 5px 0 !important;
    height: 280px;
}

.gameItem b {
    display: block;
    font: 14px/16px Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0;
    padding: 5px 0 0 0;
    background: url("../images/arrow.png") no-repeat scroll right 0px #FFFFFF;
}

.gameItem i {
    display: block;
    font: 12px/14px Arial, Helvetica, sans-serif; /*background: url("../images/opacBG.png") repeat scroll 0 0 transparent;*/
    background-color: #FFFFFF;
    padding: 0 3px 3px;
    margin: 0 2px;
}

.gameItem img {
    border: 1px solid #000000;
}

#jsContent {
    margin-bottom: 10px;
    min-width: 850px;
}

@media print
{
.reload{display:none ;}
.controllBar{display:none;}
.secondColom{display:none;}
.tower{display:none;}
.secondColom{display:none;}
.practiceWarp{display:none;}
.bottomCarousel{display:none;}
.footer{display:none;}
.yiiLog{display:none;}
.menu {display:none}
.utilityMenu {display:none}
.header {display:none}
.categoryMenu{display:none}
.lastScroll{height:auto !important; overflow:visible;}
.gameOver{height:auto !important; overflow:visible; position:relative !important; }
.picCon, .ques{display:none !important;}

}

.additionalSearchDialog{
	height:400px !important;
}
#mydialog{
	overflow:inherit !important;
	min-height:400px !important;
}
.additionalSearchDialog,.activityPopupDialog{
	border:1px solid #ccc;
	border-radius:10px;
	background:url(../images/dialogbg.png) repeat-x;
	background-color:#fff;
}
.ui-widget-header,.activityPopupDialogTitle{
	
	height:26px;
	margin:0 auto;
	background:url(../images/activityPopupDialogTitle.png) repeat-x;
	padding-top:13px;
}
.activityPopupDialogDesc{
    padding:5px 15px;
    text-align: justify;
    font-size: 13px;
    color:#444;
}

.ui-dialog .ui-dialog-title, .activityPopupDialogTitle span{
	color: #0b93f0;
	font-size: 18px;
	font-weight: bold;
	font-family: tahoma;
}
.additionalSearchDialogTitle{
	width:100%;
	height:43px;
	margin:0 auto;
	background:url(../images/dialogheaderbg.png) no-repeat;
}

.additionalSearchDialogContent,.activityPopupDialogContent{
	padding:5px 0 5px 0;
}
.activityPopupDialogContent a{
width:142px;height:45px;margin-bottom:2px;display:inline-block;
}
.activityPopupDialogSlideshow{background:url(../images/slideshowButton.png) no-repeat;}
.activityPopupDialogSpelling{background:url(../images/spellingButton.png) no-repeat;}
.activityPopupDialogMatching{background:url(../images/matchingButton.png) no-repeat;}
.activityPopupDialogFill{background:url(../images/fillblankButton.png) no-repeat;}
.activityPopupDialogCloze{background:url(../images/clozeButton.png) no-repeat;}
.activityPopupDialogPairs{background:url(../images/pairsButton.png) no-repeat;}

.asTutorials, .asLessons, .asGames{
	float:left;
	width:260px;
	height:165px;
}
.asTutorials h2, .asLessons h2, .asGames h2{
    background:url(../images/activityPopupDialogButton.png) no-repeat;
    width:128px;
    font-size: 16px;
    font-weight: normal;
    padding-top: 10px;
    color: #2398EF;
    text-shadow:1px 1px 1px #fff;
    margin-bottom:-10px;
}

.asTutorials a,.asLessons a, .asGames a{
    width:140px;
    display: inline-block;
}
.asTutorials h2{
	height:35px;
}
.asLessons h2{
	height:35px;
}
.asGames h2{
	height:35px;
}
.subLessonButton{
	background:url(../images/subLessonButton.png) no-repeat;
	height: 30px;
	width: 115px;
	margin-top: 7px;
	margin-left: 20px;
}
.asSubLessonsDropDown{
	/*background:url(../images/searchresultbg2.png) no-repeat !important;
	height:300px !important;*/
}
.asLessonsDropDown{
	background:url(../images/searchresultbg.png) no-repeat !important;
	padding:6px !important;
	height:140px !important;
	width:175px !important;
}
.ui-dialog{overflow:visible !important;}
.asDropDown{
	width:180px;
	background:url(../images/searchresultbg2.png) no-repeat;
	margin:0 auto;
	padding:6px 3px;
	display:none;
	height:255px;
}
/*
.asDropDown ul{
	height:125px;
	overflow-y:auto;
}*/
.asDropDown ul,.asDropDown li{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
.asDropDown li {
	font-size:12px;
}
.asDropDown li a{
	display:block;
	color:#555;
	padding:2px;
	border-bottom:1px solid #ccc;
        width: 170px;
}
.asDropDown li:hover{
background: transparent url(../images/advancedsearchlistbg.png);
}
.asDropDown li.selected{
    background: transparent url(../images/advancedsearchlistbg.png);
}
.asDropDown li.selected a{
    color:#fff;
}
.asDropDown li a:hover{
	color:#fff;
}
    /* Tiny Scrollbar */
.asLessonsDropDown .viewport{height: 90px !important; }
.asDropDown .viewport { height: 235px; overflow: hidden; position: relative;margin-top:11px }
.asDropDown .overview { width:162px;list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }

.asDropDown .scrollbar{z-index:100;top:10px;left:-4px;background: transparent url(../images/bg-scrollbar-track-y.png) repeat 0 0; position: relative; background-position: 0 0; float: right; width: 18px; }
.asDropDown .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 2px; width: 17px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.asDropDown .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.asDropDown .disable .thumb{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#hooksixSeven{
	background: transparent url(../images/beginnerBG.png);
	padding-bottom: 25px;
}
#hookeightnine{
	background: transparent url(../images/intermediateBG.png);
	padding-bottom: 25px;
}
#hooktentwelve{
	background: transparent url(../images/advancedBG.png);
	padding-bottom: 25px;
}

.beginner_account,.intermediate_account,.advanced_account{
    height:663px;
}
.inside_frame .title{
    height:75px;
    text-align: center;
    padding-top:20px;
    text-shadow:1px 1px 1px #fff;
}
.inside_frame .title h1{
    padding-bottom: 8px;
    font-size:24px;
    letter-spacing: -1px;
}
.advanced_account{
	background: transparent url(../images/advancedAccount.png) no-repeat;
}
.intermediate_account{
	background: transparent url(../images/intermediateAccount.png) no-repeat;
}
.beginner_account{
	background: transparent url(../images/begginnerAccount.png) no-repeat;
}
.inside_frame{
	background: transparent url(../images/frameBG.png) no-repeat;
	width:442px;
	height:666px;
	margin: 0 auto;
	padding: 2px 0 0 4px;
}

.beginner_account li,.intermediate_account li,.advanced_account li{
	list-style:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.inside_frame li span.selected{
	background-color:#8AB6F7;
}
.inside_frame li span{
	position:relative;
	background-color:#bedb7f;
	text-align:center;
	padding:4px 8px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	left:-6px;
	top:1px;
	float:left;
}
.beginner_account li a,.intermediate_account li a,.advanced_account li a{
	color:#25406d;
	display:block;
	padding:5px;
}
.beginner_account li a:hover,.intermediate_account li a:hover,.advanced_account li a:hover{
	background-color:#ffe9c4;
}

    /* Tiny Scrollbar */
.inside_frame .scrollbartrack{ height:551px;z-index:100;top:-21px;background: transparent url(../images/scroll_track.png) repeat 0 0; position: relative; float: right; width: 30px; }
.inside_frame .viewport { height: 505px; overflow: hidden; position: relative;margin-top:5px }
.inside_frame .overview { width:100%;list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.inside_frame .scrollbar{ z-index:100;top:25px;position: relative; background-position: 0 0; float: right; width: 30px; }
.inside_frame .thumb{ background: transparent url(../images/scroll2.png) no-repeat 50% 100%; height: 2px; width: 27px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.inside_frame .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.inside_frame .disable { display: none; }


.lessonFrame{
	background-image:url(../images/lessonsframe.png);
	background-repeat:repeat-x;
	width:200px;
	position:relative;
	float:left;
	left:-207px;
	padding-top:30px;
	border:2px solid #422400;
	padding-bottom:30px;
	border-radius:10px;
	background-color:#fff;
	top:170px;
}
.lessonFrameButton:hover{
margin-left:35px;
}
.lessonFrameButton{
	width:137px;
	height:42px;
	margin:0 auto;
	cursor:pointer;
        background:url(../images/lessonFrameButtonBg.png) no-repeat;
        text-shadow:1px 1px 0 white, 0 0 1px #054376;
        padding-top:12px;
        color:#054376;
        font-size:15px;
        height:30px;
        text-align: center;
}
.lessonFrameButton.selected{
        background:url(../images/lessonFrameButtonhoverBg.png) no-repeat;
        text-shadow:none;
        color:#fff;
}
.PrefixesAndSuffixes{
    height: 39px;
    padding-top: 4px;
    
}
.see_more{
	width:100px;
	height:19px;
	position:absolute;
	margin-left: 38px;
        margin-top: 9px;
        font-weight: bold;
        font-size: 20px;
        color:#fff;
        text-shadow:2px 2px 2px black;
}

.activityPopupDialogReadingComp {
    background: url("../images/readingCompButton.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}