/* Don't display add slot one for screens under 960 */

.adslot_1 { display:inline-block; width: 320px; height: 50px; }

@media (max-width: 960px) { .adslot_1 { display: none; } }
@media (min-width:960px) { .adslot_1 { width: 160px; height: 600px; } }


html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
    margin: 0 auto;
    font-family:"lucida sans", arial, sans-serif;
    font-size:1.0em;
    line-height:1.8em;
}

footer, header { position: relative; clear: both; }

h4 {
	line-height:1.5em;
	width:auto;
 	background:url(images/headingback.gif) repeat-x #FFFFFF;
	font-size:1.15em;
	
	color:#124472;
	padding-top:0em;
    padding-bottom:0em;
    margin-bottom:0.5em;
	padding-left:0px;
	}

footer
{
    background:url(images/ftr.gif) repeat-x; height:3.2em; color:#fff;
}

footer p{margin:0 0 0 auto; width:225px; font-size: 9px; line-height:2.2em}

.left-column, .right-column, footer, header {  border: 0px solid  #ccc;   }

.left-column p {padding-left: 1.25em};

#scoreFont
{
     color:#ff0000;
      font-size:2.25em;
}


h1
{
    font-weight:normal;
    color:#000099;
    line-height:1.5em;
    font-size:1.25em;
}

.left-column  h1
{
    font-weight:normal;
    color:#000099;
    line-height:1em;
    font-size:1.25em;
}



.MiddleColumn h1
{
    font-weight:normal;
    color:#000099;
    line-height:1.5em;
    font-size:1.25em;
}

.MiddleColumnForIntro h1
{
    font-weight:normal;
    color:#000099;
    line-height:1.5em;
    font-size:1.25em;
}

.MiddleColumn .lhs
{
    float:left;
}

.MiddleColumn .rhs
{
     float:right;
}


.floatRHS {
    float:right;
}

.floatLHS {
    float:left;
}

.rhswrapper
{
     padding-left: 0.5em;
}

.rhsnav
{
    padding-left: 0.0em;
}

.rectanglebluelit
    {
        background:#0000ff;
    }
    
    .rectanglebluedull
    {
        background:#000066;
    }
    
    .rectangleredlit
    {
        background-color: #ff0000;
    }
    
    .rectanglereddull
    {
        background-color: #660000;
    }
    
     .rectanglegreenlit
    {
        background-color: #26FF17;
    }
    
     .rectanglegreendull
    {
          background-color: #006600;
    }
    
    .rectangleyellowlit
    {
        background-color: #ffff00;
    }
    
    .rectangleyellowdull
    {
        background-color: #666600;
    }


.rhsnav h1
{
    font-weight:normal;
}

.rhsnav ul
{
    
}

.rhsnav ul li
{
    padding-right: 1em;
    display: inline-block;
}

.rhsnav ul li a
{
      list-style-type: none;
}



a:link, a:visited
{
    font-weight:normal;
    color:#0000ff;
    text-decoration:none;
}

a.linksnopadding:link	{  color: #0000ff; text-decoration: none; }

a.linksnopadding:visited	{  color: #0000ff; text-decoration: none; }

a.linksnopadding:active	{ color: #0000ff; text-decoration: none; }

a.linksnopadding:hover	{ color: #0000ff; text-decoration: underline; }

a.quitLink:link, a.quitLink.visited
{
    font-weight:normal;
    color:#0000ff;
    line-height:1.75em;
    font-size:1.25em;
    text-decoration:none;
}

.line {
    width: 100%;
    float: left;
    margin-top:0px;
    border-bottom: 2px #aaaaaa solid;
}

.bottomline {
    width: 100%;
    float: left;
    margin-top:0px;
    margin-bottom:1.5em;
    border-bottom: 2px #aaaaaa solid;
}

table.reviewtablewhite
{
    width : 100%;
    border-collapse:collapse;
}
    
.reviewtablecoltype1
{
    
    table-layout:fixed;
    overflow: hidden;
  
    width:50%;
  
    height:2em;
    
    font-weight:normal;
   
    padding: 2px;
    border:1px gray solid;
    border-collapse:collapse;
    vertical-align:centre;
}

.reviewtablecoltype2
{
    table-layout:fixed;
    overflow: hidden;
    width:34px;
    padding: 4px;
    border:1px gray solid;
    border-collapse:collapse;
    vertical-align:centre;
}

.LowerMiddleOfCard
{
    clear:both;
    width:100%;
    left:50%;
    margin-left:-50%;
    position:absolute;
    bottom:110px;
}

.CentreOfCard
{
    width:100%;
    left:50%;
    margin-left:-50%;
    top:50%;
    height:14em;
    margin-top:-50px;
    position:absolute;
}

.CentreOfCardTop70
{
    width:100%;
    left:50%;
    margin-left:-50%;
    top:80%;
    height:14em;
    margin-top:-50px;
    position:absolute;
}

.CentreOfCardTop80
{
    width:100%;
    left:50%;
    margin-left:-50%;
    top:80%;
    height:14em;
    margin-top:-50px;
    position:absolute;
}

.CentreOfCardEnglishText
{
    width:100%;
    left:50%;
    margin-left:-50%;
    top:50%;
    height:14em;
    margin-top:-50px;
    position:absolute;
    color:#aaaaff;
    font-weight:normal;
    font-size:2em;
    line-height:44px;
}

.BottomCentreOfCard
{
    width:100%;
    left:50%;
    margin-left:-50%;
    position:absolute;
    bottom:0.5em;
}

.BottomLeftOfCard_UNUSED
{
    clear:both;
    width:1em;
    height:1em;
    position:absolute;
    left:50%;
    margin-left:-48%;
    bottom:4em;
}


.BottomLeftOfCard
{
    clear:both;
    height:1em;
    position:absolute;
    left:2%;
    bottom:4em;
}

.textColourWhite
{
    color:#ffffff;
}
    
.textColourBlack
{
    color:#000000;
}

.textColourBlue
{
  color:#0000ff;
}

    .panel .front {
        	float: none;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 900;
			width: inherit;
			height: inherit;
			border: 2px solid #eeeeee;
          	background: #444470;
			text-align: center;

			-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.9);
			-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.9);
			box-shadow: 0 1px 5px rgba(0,0,0,0.9);

			-webkit-transform: rotateX(0deg) rotateY(0deg);
			-webkit-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;

			-moz-transform: rotateX(0deg) rotateY(0deg);
			-moz-transform-style: preserve-3d;
			-moz-backface-visibility: hidden;

			/* -- transition is the magic sauce for animation -- */
			-o-transition: all .4s ease-in-out;
			-ms-transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-webkit-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
		}

        .panel.flip .front {
			z-index: 900;
			border-color: #eee;
			background: #00f;

			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			
			-moz-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
			box-shadow: 0 15px 50px rgba(0,0,0,0.2);
		}
		
                
		.panel .back {
			float: none;
            text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 800;
			width: inherit;
			height: inherit;
			border: 1px solid #ccc;
			background: #333;
			text-shadow: 1px  1px 1px rgba(0,0,0,0.6); 
			
			-webkit-transform: rotateY(-180deg);
			-webkit-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;

			-moz-transform: rotateY(-180deg);
			-moz-transform-style: preserve-3d;
			-moz-backface-visibility: hidden;

			/* -- transition is the magic sauce for animation -- */
			-o-transition: all .4s ease-in-out;
			-ms-transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-webkit-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
		}
		
		.panel.flip .back {
			z-index: 1000;
			background: #444466;

			-webkit-transform: rotateX(0deg) rotateY(0deg);
			-moz-transform: rotateX(0deg) rotateY(0deg);

			box-shadow: 0 15px 50px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
		}


 .SelectTestTypeButton {
    display: block;
    width: 100%;
     -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}

/* SET PANEL SIZE  600px max width */
@media screen and (max-width: 37.5em )
{
    .panel
    {
        float: none;
        width: 98%;
        height: 28em;
        position: relative;
        font-size: .8em;
       -webkit-perspective: 600px;
        -moz-perspective: 600px;
    }
}

/* SET PANEL SIZEs  between 600 and 960px   */
@media screen and (min-width: 37.5em) and (max-width: 60em)
{
    .panel
    {
        float: none;
        width: 550px;
        height: 28em;
        position: relative;
        font-size: .8em;
       -webkit-perspective: 600px;
        -moz-perspective: 600px;
    }
}

/* SET PANEL SIZEs  960px min width  */
@media screen and (min-width: 60em ) {

   .panel
    {
    
       float: left;
        width: 98%;
        height: 400px;
        margin: 20px;
        position: relative;
        font-size: .8em;
        -webkit-perspective: 600px;
        -moz-perspective: 600px;
    }

}

/*  Max width is 600
@media screen and (min-width: 37.5em ) {

}

@media screen and (max-width: 37.5em )

*/

/*  Max width is 960 */
@media screen and (max-width: 60em )
{
    header
    {
   /*     height:2em;  background:url(images/headermobile.gif) repeat-x 0 0;  overflow:hidden; position:relative;*/
        margin-bottom:0.0em;
        padding-top:0.0em;
        padding-right:0.0em;
          margin-top:0;
    }
    
    h1#logo
    {
    }
    
    .navigationtop
    {
        font-family:Helvetica, Arial, sans-serif; width: auto;
        float: right;
        font-size: 0.8em;
        list-style: none;
        font-weight: bold;
        margin-left: 0.2em;
        margin-right:0.5em;
        text-transform: uppercase;
        margin-top:0;
        margin-bottom: 0;
        padding-left: 0;
        padding-top:0;
        padding-right:0;
        border-right:0;
        border-top:0;
    }

    .navigationtop ul
    {
        list-style-type: none;
        padding-right: 1em;
    }

    .navigationtop li
    {
        display: inline;
         padding-right: 0.6em;
    }
    
    .navigationtop li a
    {
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        color:#2525aa;
        display: inline;
    }
    
   

    .MainContainer
    {
        position:relative;
        width:100%;
        margin:0px auto;overflow:hidden;
        border:0px;
    }
    
    .MainContainer .MainContainerMargin
    {
         margin:0px 0.5em 0px 0.5em;
    }

    
    .LeftColumn
    {
        float:left;
        width:0em;
        margin:0px 0px 0px 0px;
        border: 0px solid  #ccc;
        line-height:0em;
   }
    
    .MiddleColumn
    {
        margin:0 0.4em 0 0.4em;
        border: 0 solid  #ccc;
    }
    
    .MiddleColumnForIntro
    {
        width:80%;
        margin-left: auto;
        margin-right: auto;
        border: 0 solid  #ccc;
    }
    
    .RightColumn
    {
    }
    
    .rectangle
    {
        width:100%;
        height:5em;
        border-radius: 1em;
         
        margin-bottom:1em;
    }
    
    .rectangleText
    {
        text-align: center;
        color:#ffffff;
        font-weight:normal;
        font-size:1.3em;
        line-height:1.4em;
        margin-left:0.5em;
        margin-right:0.5em;
    }
   
    
    .flashcardPanelEnglishText
    {
        clear:both;
        margin-left: 0.4em;
        color:#aaaaff;
        font-weight:normal;
        font-size:1.7em;
        line-height:1.9em;
        float:left;
        text-align: left;
    }
    
    .flashcardPanelForeignText
    {
        clear:both;
        margin-left: 0.4em;
        color:#ffffff;
        font-weight:normal;
        font-size:1.7em;
        line-height:1.4em;
        float:left;
        text-align:left;
    }

    .flashcardPanelInfoText
    {
        color:#ffffff;
        font-weight:bold;
        font-size:1.3em;
        line-height:2em;
    }
    
     .clozeTestPossibleAnswerText
    {
        border-top: 3.4em;
        margin-left: 0.4em;
        font-weight:normal;
        font-size:1.8em;
        line-height:2em;
        text-align:center;
    }
    
     .clozeTestForeignText
    {
        clear:both;
        margin-left: 0.4em;
        font-weight:normal;
        font-size:1.8em;
        line-height:2em;
        text-align: center;
    }
    
   .StartTestButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.StartTestButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.StartTestButton:active {
	position:relative;
	top:1px;
}

    .PlaySoundButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.PlaySoundButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
.PlaySoundButton:active {
	position:relative;
	top:1px;
}



    
    .MiddleColumnForAds
    {
        float:left;
        margin:0px 0px 0px 0px;
        border: 0px solid  #ccc;
    }
    
    .left-column {
         margin:0 0.4em 0 0.4em;
    }
    
    table.sentencetable td
    {
        display: block;
    }
    
    table.sentencetable tr
    {
        display: block;
    }
    

    table.sentencetable
    {
        width : 100%;
        border: 1px solid #ffffff;
        border-collapse:collapse;
    }
  
  
    
    .BottomRightOfCard
    {
        width:1em;
        height:1em;
        position:absolute;
        right:5.5em;
        bottom:4em;
    }
    
  

     .PlayButtonPosition
    {
        width:100%;
        left:50%;
        margin-left:-50%;
        top:50%;
        height:14em;
        margin-top:-50px;
        position:absolute;
    }
   
}

/*  Min width is 960 */
@media screen and (min-width: 60em ) {

/*#header{height:116px; background:url(images/header.gif) repeat-x 0 0; overflow:hidden; position:relative; }
*/

header
{
    height:116px;  background:url(images/header.gif) repeat-x 0 0;  overflow:hidden; position:relative;
    margin-bottom:0.5em;
    padding-top:14px
    padding-right:0.4em;
}

h1#logo{
	background-image: none;
	font-size: 0;
	line-height:0;
	width:218px;
	height:86px;
	padding-top:10px;
	float: left;
	display: inline;
}

h1#logo a{
	display: block;
	text-indent: -4000px;
	height:86px;
	background:url(images/logo.gif);
}

    .navigationtop
    {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.8em;
        float: right;
        margin-right:2em;
         
        margin-left: 10px;
        margin-bottom: 0;
        padding-left: 0;
        padding-top:0;
     }

    .navigationtop ul
    {
        list-style-type: none;
        padding-right: 1em;
    }

    .navigationtop li
    {
        display: inline;
    }
    
    .navigationtop li a{ text-align: center; display: inline-block; float: left; line-height:15px; height:32px; text-transform: uppercase; font-weight: bold; text-align: center; color:#2525aa;  padding-top:12px; font-family:Helvetica, Arial, sans-serif; width: auto; padding-left:1em}

    .MainContainer
    {
        position:relative;
        width:60em;
        margin:0px auto;overflow:hidden;
        border:0px;
    }
    
     .LeftColumn
    {
        float:left;
        width:11em;
        margin:0px 0px 0px 0px;
        border: 0px solid  #ccc;
        line-height:0em;
   }
    
     .MiddleColumn
    {
        float:left;
        width:36em;
        margin:0px 0px 0px 0px;
        border: 0px solid  #ccc;
    }
    
    .MiddleColumnForIntro
    {
        float:left;
        width:36em;
        margin:0px 0px 0px 0px;
        border: 0px solid  #ccc;
    }
    
    .MiddleColumnForAds
    {
        float:left;
        width:36em;
        height:5em
        margin:0px 0px 0px 0px;
        border: 0px solid  #ccc;
    }
    
    .RightColumn
    {
        float:left;
        width:12em;
        margin:0 0 0 1.0em;
        border: 0px solid  #ccc;
    }
    
     .columns-container {
		float: left;

    }

    .left-column {
        margin-right: 20em;
		float: left;
    }

    .right-column {
        width: 13.75em;
		margin-left: -14.3em;
        float: left;
    }
    
   

    .PlayButtonPosition
    {
        width:100%;
        left:50%;
        margin-left:-50%;
        top:50%;
        height:14em;
        margin-top:-50px;
        position:absolute;
    }

    
   
    
  
   
   


    table.sentencetable
    {
        width : 35em;
        border: 1px solid #ffffff;
        border-collapse:collapse;
    }
    
    .PlaySoundButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) );
	background:-moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4bd', endColorstr='#eac380');
	background-color:#fae4bd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:23px;
	font-weight:bold;
	padding:15px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.PlaySoundButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eac380), color-stop(1, #fae4bd) );
	background:-moz-linear-gradient( center top, #eac380 5%, #fae4bd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac380', endColorstr='#fae4bd');
	background-color:#eac380;
}.PlaySoundButton:active {
	position:relative;
	top:1px;
}

.StartTestButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:23px;
	font-weight:bold;
	padding:15px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}.StartTestButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.StartTestButton:active {
	position:relative;
	top:1px;
}


    
    .buttonGreenSmall_UNUSED
    {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b3ff00), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b3ff00 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ff00', endColorstr='#a5cc52');
	background-color:#b3ff00;
	-webkit-border-top-left-radius:25px;
	-moz-border-radius-topleft:25px;
	border-top-left-radius:25px;
	-webkit-border-top-right-radius:25px;
	-moz-border-radius-topright:25px;
	border-top-right-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	-moz-border-radius-bottomright:25px;
	border-bottom-right-radius:25px;
	-webkit-border-bottom-left-radius:25px;
	-moz-border-radius-bottomleft:25px;
	border-bottom-left-radius:25px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:140px;
	text-decoration:none;
	text-align:center;

	text-shadow:1px 1px 0px #86ae47;
    }
    
    
    
    
    .BottomRightOfCard
    {
        width:1em;
        height:1em;
        position:absolute;
        right:7em;
        bottom:4em;
    }
    
    .clozeTestForeignText
    {
        clear:both;
        margin-left: 0.4em;
        font-weight:normal;
        font-size:2em;
        line-height:2em;
        text-align: center;
    }
   
   .clozeTestGap
   {
     margin-right: 1.4em;
   }
    
    .flashcardPanelEnglishText
    {
        clear:both;
        margin-left: 0.4em;
        color:#aaaaff;
        font-weight:normal;
        font-size:2em;
        line-height:2.5em;
        float:left;
        text-align: left;
    }
    
    .flashcardPanelForeignText
    {
        clear:both;
        margin-left: 0.4em;
        color:#ffffff;
        font-weight:normal;
        font-size:2em;
        line-height:2em;
        float:left;
        text-align:left;
    }
    
    .clozeTestPossibleAnswerText
    {
        border-top: 3.4em;
        margin-left: 0.4em;
        font-weight:normal;
        font-size:2em;
        line-height:2em;
        float:left;
        text-align:center;
    }


    .flashcardPanelInfoText
    {
        color:#ffffff;
        font-weight:bold;
        font-size:2em;
        line-height:3em;
    }
 
 .rectangle
    {
        width:100%;
        height:100px;
        border-radius: 1em;
         
        margin-bottom:1em;
    }
    
    .rectangleText
    {
        text-align: center;
        color:#eeeeee;
        font-weight:normal;
        font-size:1.8em;
        line-height:2.0em;
        margin-left:0.5em;
        margin-right:0.5em;
     }
 
}