/*  CUSTOM CSS FOR V-FLASH -------------------------------------------------------- */



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

#swfWrapper { margin:0px auto; width:640px; }
#vcheckWrapper { margin:0px auto; width:640px; height:400px;}

.cap_inter{ display:block; height:116px; width:90px; float:left; padding-right:20px; padding-top:6px;}

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

.qr_box{
padding-bottom:15px;
}

#vflash_header {  }
#vflash_trail { margin:20px 0; }
#vflash_container { margin:10px 0 20px 10px;}
#studymode_vflash_container { margin:0px 0 20px 10px;}
#vflash_container h2, #studymode_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:17px;}

#tools_link h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #0d153a;
}



/*  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; 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:16px;}
#vflash_trail a { color:#625a00;}
#vflash_trail a:hover { color:#afa100;}


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

.body_copy h2 {
padding-top:0px;
padding-bottom:12px;
font-size:2.2em;
color:#00356D;
}


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

#vflash_panel_flashcards { margin-right:10px;}

#sightWordsStyle
{
width:800px;
margin:auto;
}

#soundBubblesStyle
{
width:650px;
margin:auto;
}

/*  --/-- 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;
}

#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 -------------------------------------------------------- */
#settings-flashcards
{
margin-top: -20px;
margin-bottom: 28px;
padding: 10px;
width: 620px;
position: relative;
left: 10px;
font-size: 12px;
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:auto;
margin-bottom: 50px;
padding: 10px;
width: 780px;
font-size: 12px;
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: auto;
margin-bottom:50px;
padding: 6px;
width: 540px;
position: relative;
font-size: 12px;
background-color: #EFEEE8;
}

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

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





.bannerBG{
background-color: #f3f3f3;
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;
}

.toolbox-fc a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_flashcards.jpg);
text-indent:-9999px;
}

.toolbox-fc a:hover{
background-position:0px 109px;
}

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

.toolbox-sw a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_sightwords.jpg);
text-indent:-9999px;
}

.toolbox-sw a:hover{
background-position:0px 109px;
}

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

.toolbox-sb a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_soundbubbles.jpg);
text-indent:-9999px;
}

.toolbox-sb a:hover{
background-position:0px 109px;
}


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

.toolbox-mb a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_mobile.jpg);
text-indent:-9999px;
}

.toolbox-mb a:hover{
background-position:0px 109px;
}

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

.toolbox-fc-ja a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_flashcards_ja.jpg);
text-indent:-9999px;
}

.toolbox-fc-ja a:hover{
background-position:0px 109px;
}

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

.toolbox-sw-ja a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_sightwords_ja.jpg);
text-indent:-9999px;
}

.toolbox-sw-ja a:hover{
background-position:0px 109px;
}

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

.toolbox-sb-ja a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_soundbubbles_ja.jpg);
text-indent:-9999px;
}

.toolbox-sb-ja a:hover{
background-position:0px 109px;
}

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

.toolbox-mb-ja a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_mobile_ja.jpg);
text-indent:-9999px;
}

.toolbox-mb-ja a:hover{
background-position:0px 109px;
}

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

.toolbox-fc-about a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_flashcards_about.jpg);
text-indent:-9999px;
}

.toolbox-fc-about a:hover{
background-position:0px 109px;
}

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

.toolbox-sw-about a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_sightwords_about.jpg);
text-indent:-9999px;
}

.toolbox-sw-about a:hover{
background-position:0px 109px;
}

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

.toolbox-sb-about a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_soundbubbles_about.jpg);
text-indent:-9999px;
}

.toolbox-sb-about a:hover{
background-position:0px 109px;
}

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

.toolbox-mb-about a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_mobile_about.jpg);
text-indent:-9999px;
}

.toolbox-mb-about a:hover{
background-position:0px 109px;
}

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

.toolbox-fc-ja-about a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_flashcards_about_ja.jpg);
text-indent:-9999px;
}

.toolbox-fc-ja-about a:hover{
background-position:0px 109px;
}

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

.toolbox-sw-ja-about a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_sightwords_about_ja.jpg);
text-indent:-9999px;
}

.toolbox-sw-ja-about a:hover{
background-position:0px 109px;
}

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

.toolbox-sb-ja-about a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_soundbubbles_about_ja.jpg);
text-indent:-9999px;
}

.toolbox-sb-ja-about a:hover{
background-position:0px 109px;
}

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

.toolbox-mb-ja-about a{
display:block;
width:260px;
height:109px;
background: url(/images/btn_mobile_about_ja.jpg);
text-indent:-9999px;
}

.toolbox-mb-ja-about a:hover{
background-position:0px 109px;
}

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

.bannerSideText h1{;
font-size: 2em;
color: #000000;
padding:0px;
}

.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 : 14px; 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 : 13px; 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:14px; 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 : 16px; 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:14px; 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:1.1em; 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-color: #f3f3f3;
width: 800px;
float: left;
}

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

.gray-bottom
{
background: url(/images/bg_gray_bottom.gif) bottom left no-repeat;
background-color: #f3f3f3;
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:13px;}

#sp_tools h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #0d153a;
}

#other_sp{
float: left;
}