/*  CUSTOM CSS FOR V-FLASH -------------------------------------------------------- */
#chapter1 .sectionRight
{
float:right;
width:399px;
}

#chapter1 .sectionLeft
{
width:525px;
}

#chapter2 .sectionRight
{
float:right;
width:690px;
}

#chapter2 .sectionLeft
{
width:237px;
float:left;
}

#chapter3_1 .sectionRight
{
float:right;
width:349px;
}

#chapter3_1 .sectionLeft
{
width:571px;
}

#chapter3_2 .sectionRight
{
float:right;
width:300px;
}

#chapter3_2 .sectionLeft
{
width:620px;
}

#chapter3_3 .sectionLeft
{
width:630px;
}

#left_container
{
width:650px;
float:left;
}

#right_container
{
width:300px;
float:right;
}

.scienceBox
{
background-color:#EFEEE8;
padding:10px;
margin-bottom:10px;
}

.scienceBox strong
{
font-size:18px;
padding-right:2px;
font-weight:bold;
}

/* CTA BUTTON */

/* CTA Button */
.CTAButtonContainer
{
padding:15px;
}

a.CTAButton {
width:128px;
padding-top:4px;
height:56px;
display:block;
background:url(/images/landing/btn_bg_large_dark_orange.jpg) repeat-x #F75119;
font-size:17px;
line-height:49px;
text-align:center;
text-decoration:none;
color:#FFF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
margin:auto;
}

a.CTAButton:hover {
color:#FFF;
background:url(/images/landing/btn_bg_large_light_orange.jpg) repeat-x #FE991B;
}

a.CTAButto2 #CTAButtonFREE{
font-size:22px;
display:block;
}

a.CTAButton2 {
width:128px;
padding-top:4px;
height:56px;
display:block;
background:url(/images/landing/btn_bg_large_dark_orange.jpg) repeat-x #F75119;
font-size:16px;
line-height:25px;
text-align:center;
text-decoration:none;
color:#FFF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
margin:auto;
}

a.CTAButton2:hover {
color:#FFF;
background:url(/images/landing/btn_bg_large_light_orange.jpg) repeat-x #FE991B;
}

a.CTAButton2 #CTAButtonFREE{
font-size:22px;
display:block;
}


#CTABar {
width:280px;
padding:10px;
margin-bottom:8px;
height:90px;
background:url(/images/landing/semi_trans_bg_dark_blue.png);
bottom:0;
left:0;
z-index:1;
color:#FFF;
text-align:center;
}

.ie6 #CTABar {
background:url(null);
background-color:#394b6b;
}

#CTABar h3
{
color:#ffffff;
font-size:15px;
padding-top:0px;
}

/* CTA Button END */

/*  PAGE STRUCTURE -------------------------------------------------------- */

.vflash_trail { margin:20px 0; }
.vflash_container { margin:10px 0 20px 10px;}
.vflash_container h2 { color: #0d153a; }
.games_navigation li { float:left; padding-right:5px; padding-top:15px; padding-bottom:10px; }


.tools_link {
height: 80px;
padding-top:17px;
clear: both;

}

.tools_link ul {
padding-left:20px;
padding-bottom:10px;
list-style-type: disc;
}

.tools_link ul li{font-size:13px;}

.tools_link h3{
font-family: Arial, Helvetica, sans-serif, Dotum;
font-size: 1.3em;
color: .0d153a;
}

.qr_box{
padding-bottom:15px;
}

/*  SECTION SPECIFIC -------------------------------------------------------- */

/*  --/-- VFLASH_HEADER -------------------------------------------------------- */

/* .vflash_header h2 { display: block; background:url(/images/vflash/vflash_header_h2.gif) 0 0 no-repeat; position:absolute; top:10px; left:15px; padding-top:40px; height:0; overflow: hidden; width:400px;}*/
.vflash_header h2 { font-size:3.3em; color: #AFA100; padding-top: 5px; padding-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Dotum; font-weight: normal; }

.vflash_header .vflash_nav_flashcards { position:absolute; display:block; overflow:hidden; padding-top:40px; height:0; width:120px; right:140px; top:10px; background:url(/images/vflash/vflash_flashcards_button.gif) 0 0 no-repeat; }
.vflash_header .vflash_nav_flashcards:hover {background-position:0 -40px;}

.vflash_header .vflash_nav_games { position:absolute; display:block; overflow:hidden; padding-top:40px; height:0; width:120px; right:10px; top:10px; background:url(/images/vflash/vflash_games_button.gif) 0 0 no-repeat; }
.vflash_header .vflash_nav_games:hover {background-position:0 -40px;}

/*  --/-- VFLASH_TRAIL -------------------------------------------------------- */

.vflash_trail { font-size:1.4em;}
.vflash_trail a { color:.625a00;}
.vflash_trail a:hover { color:#afa100;}


/*  --/-- VFLASH_CONTAINER -------------------------------------------------------- */
.body_copy { float: left;}
.body_copy img { }

.body_copy h2 {
font-size:18px;
color:#00356D;
margin-bottom:8px;
}


/*  --/-- VFLASH_TOP layout -------------------------------------------------------- */

.vflash_panel_flashcards { margin-right:10px;}





/*  --/-- VFLASH_GAMES -------------------------------------------------------- */
.vflash_games_menu { margin:20px 0;}


/*  --/-- SPACED Repetition -------------------------------------------------------- */
.spaced_repetition {
width: 760px;
padding-right: 20px;
padding-left: 20px;
font-size-adjust: none;
font-size: 9px;
background-color: #EFEEE8;
}

.spaced_repetition span{
padding-bottom: 10px;
width:349px;
}

.spaced_repetition h3 {
font-size:15px;
color: .AFA100;
padding-top: 10px;
padding-bottom: 4px;	
}


.spaced_repetition .forgetting_image{
float:right;
}

/*  --/-- demo text -------------------------------------------------------- */

.alert
{
font-size:11px;
color:#ff0000;
}

.settings-flashcards
{
margin-top: -20px;
margin-bottom: 28px;
padding: 10px;
width: 620px;
position: relative;
left: 10px;
font-size: 12px;
background-color: #EFEEE8;
}


*html .settings-flashcards
{
margin-bottom: 28px;
padding-top: 10px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 10px;
width: 633px;
font-size: 10px;
background-color: #EFEEE8;
}

.settings-flashcards ul
{
list-style: none;
}

.settings-flashcards ul li
{
float: left;
margin-left: 5px;
}

*html .settings-flashcards ul li
{
float: left;
}


.settings-sightwords
{
margin-top: -10px;
padding: 10px;
width: 780px;
position: relative;
top: 10px;
font-size: 12px;
background-color: #EFEEE8;
}

*html .settings-sightwords
{
margin-top: -10px;
padding-top: 10px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 10px;
width: 794px;
font-size: 10px;
background-color: #EFEEE8;
}

.settings-sightwords ul
{
list-style: none;
}

.settings-sightwords ul li
{
float: left;
margin-left: 5px;
}

*html .settings-sightwords ul li
{
float: left;
}


.settings-soundbubbles
{
margin-bottom: 32px;
padding: 6px;
width: 634px;
position: relative;
top: 10px;
font-size: 12px;
background-color: #EFEEE8;
}

*html .settings-soundbubbles
{
margin-bottom: 32px;
padding-top: 10px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 10px;
width: 643px;
font-size: 10px;
background-color: #EFEEE8;
}


.settings-soundbubbles ul
{
list-style: none;
}

.settings-soundbubbles ul li
{
float: left;
}





.bannerBG{
background-color: #EFEEE8;
background-image: url(/images/bg_gray_bottom.gif);
background-repeat: no-repeat;
background-position: bottom;
height: 126px;
width: 800px;
margin-bottom:10px;
}

.bannerTop{
background-image: url(/images/bg_gray_top.gif);
background-repeat: no-repeat;
background-position: top;
height: 9px;
width: 800px;
margin: 0px;
padding: 0px;
}

.toolbox-fc{
padding-left: 8px;
height: 109px;
width: 260px;
float:left;
}

.bannerSideText{
font-size: 6pt;
width: 520px;
float:left;
padding-left: 5px;
}

.bannerSideText h2{
font-size:15px;
color:#00356D;
margin:0;
padding:0;
}

.bannerUnderText{
font-size: 10pt;
}


.fc_howtoBG{
background-color: #ffffff;
width: 800px;
margin-top:10px;
margin-bottom:10px;
}


.fc_howtoImg{
height: 170px;
width: 325px;
float:left;
margin:5px;
}

.fc_1 { font-size : 1.4em; margin-top: 4px; margin-bottom: 3px; }

.fc_howtoSideText{
font-size: 10pt;
width: 460px;
float:left;
padding-top: 5px;
padding-left: 5px;
padding-right:10px;
clear: both;
}

.fc_howtoSideText h2 {font-size:1.1em; padding-bottom:5px}



.sw_howtoBG{
background-color: #ffffff;
height: 160px;
width: 800px;
margin-top:10px;
margin-bottom:10px;
}


.sw_howtoImg{
height: 109px;
width: 325px;
float:left;
}

.sw_1 { font-size : 1.4em; margin-top: 4px; margin-bottom: 3px; }

.sw_howtoSideText{
font-size: 10pt;
width: 450px;
float:left;
padding-top: 5px;
padding-left: 5px;
padding-right:10px;
clear: both;
}

.sw_howtoSideText h2 {font-size:1.1em; padding-bottom:5px}


.sb_howtoBG{
background-color: #ffffff;
height: 160px;
width: 800px;
margin-top:10px;
margin-bottom:10px;
}


.sb_howtoImg{
height: 109px;
width: 325px;
float:left;
}

.sb_1 { font-size : 1.4em; margin-top: 4px; margin-bottom: 3px; }

.sb_howtoSideText{
font-size: 10pt;
width: 460px;
float:left;
padding-top: 5px;
padding-left: 5px;
padding-right:10px;
clear: both;
}

.sb_howtoSideText h2 {font-size:1.1em; padding-bottom:5px}

.spaceBG{
background-color: #f3f3f3;
background-image: url(/images/bg_gray_bottom.gif);
background-repeat: no-repeat;
background-position: bottom;
height: 720px;
width: 800px;
}

.spaceTop{
background-image: url(/images/bg_gray_top.gif);
background-repeat: no-repeat;
background-position: top;
height: 9px;
width: 800px;
margin: 0px;
padding: 0px;
}

.game-title
{
margin: 0;
padding: 0;
float: left;
width: 450px;
font-size: 12px;
}

*html .game-title
{
margin: 0;
padding: 0;
float: left;
width: 420px;
font-size: 12px;
}

.game-title h2 {font-size:14px; padding-bottom:5px}


.game-img
{
margin-left: 20px;
padding: 0;
float: left;
width: 250px;
}

.game-img ul li
{
text-align:center;
}

.game-img ul li a p
{
font-size:11px;
}

*html .game-img
{
margin-left: 20px;
padding: 0;
float: left;
width: 320px;
}

.vflash-box
{
margin: 0;
padding: 0;
}

.vflash-box ul
{
list-style: none;
}

.vflash-box ul li
{
margin-bottom: 10px;
}


.gray-body
{
margin-left: 0px;
margin-right: 0px;
margin-top: -5px;
margin-bottom: -5px;
padding: 0;
background: #EFEEE8;
width: 800px;
float: left;
}

.gray-body2
{
margin-left: 0px;
margin-right: 0px;
margin-top: -5px;
margin-bottom: -5px;
padding: 0;
width: 800px;
float: left;
}

.gray-top
{
background: url(/images/bg_gray_top.gif) top left no-repeat;
background-color: #EFEEE8;
width: 800px;
height: 9px;
text-indent: -9999px;
}

.gray-bottom
{
background: url(/images/bg_gray_bottom.gif) bottom left no-repeat;
background-color: #EFEEE8;
width: 800px;
height: 9px;
text-indent: -9999px;
clear: both;
}

.both
{
width: 1px;
height: 20px;
background: #fff;
clear: both;
text-indent: -9999px;
}

.sp_tools ul {
padding-top:10px;
padding-left:20px;
padding-bottom:10px;
list-style-type: disc;
clear: both;
}

.sp_tools ul li{font-size:1.5em;}

.sp_tools h3{
font-family: Arial, Helvetica, sans-serif, Dotum;
font-size: 1.3em;
color: .0d153a;
}

.other_sp{
float: left;
}

.imgFloatRight
{
float:right;
padding-bottom:10px;
}

.imgFloatLeft
{
float:left;
padding-right:15px;
}

#imgSpacedRepetition
{
float:left;
margin-bottom:10px;
}