/* -----------------------------------------------------
   page_specific_styles.css
   css for Strong Brain: elements for individual pages
  ----------------------------------------------------- */

.yellow_on_black {
    background: black;
    color: yellow;
}
.white_on_red {
    background: #FF0000;
    color: #FFFFFF;
}
.black_on_green {
    background: #00FF00;
    color: #000000;
}
.is_to_color {
    color: blue;
}
.as_color {
    color: red;
}

.ranks5 {
    height: 6.5em;
    width:48.0em;
    line-height:1.3em;
    margin-bottom:2.0em;
    margin-top:-1.7em;
    border:1px solid black; 
}

	/* ============== USER MANAGEMENT ============== */
.nuleftcol{
	text-align: right;
	width: 20.0em;
}
.nuleftinstrscol{
	text-align: left;
	width: 20.0em;
}
.nurightcol{
	text-align: left;
	width: 25.0em;
	background=yellow;
}
.nuerrcol{
	text-align: left;
	width: 25.0em;
	color: red;
	font-style: oblique;
}

	/* ============== WORD PLAY ============== */
	
/* ---- Crossword Puzzles ---- */
.dailycwinfo{
	width:70%;
	float:left;
}
.outercwcontainer{
	float:left; 
	width:390px; 
	height:500px; 
	border:1px solid black; 
	margin-top:1.6em;"
}
.std_crossword_container {
    margin-left=0.0em;
    
 /*   border:1px dashed red; */
}
.tiny_crossword_container {
    margin-left:0.0em;
    margin-top:-3.0em;
/*    border:1px dashed red;*/
}
#right_clues {
	float:left;
	margin-left=1.0em
	overflow:scroll;
/*	border:1px dashed red; */
	width=120.0em;
	font-size:0.9em;
	padding-right: 0.2em;
	padding-left: 0.2em;
}
#bottom_clues_left {
	/*
	float:left;
	margin-top:-1.5em;
	margin-left:0.5em;
	overflow:scroll;
//	border:1px dashed red;
	font-size:0.9em;
	*/
}
#bottom_clues_right {
	/*
	float:left;
	margin-left:1.0em;
	margin-top:-1.5em;
	overflow:scroll;
//	border:1px dashed red;
	font-size:0.9em;
	*/
}
#bottom_clues_left_std {
	/*
	float:left;
	margin-top:-1.5em;
	margin-left:0.5em;
	overflow:scroll;
	border:1px dashed red;
	font-size:0.9em;
	*/
}
#bottom_clues_right_std {
	/*
	float:left;
	margin-left:1.0em;
	margin-top:-1.5em;
	overflow:scroll;
	border:1px dashed red;
	font-size:0.9em;
	*/
}
.7xleftclues {
	float:left;
	margin-top:-1.5em;
	margin-left=1.0em;
	overflow:scroll;
	font-size:0.9em;
	width:80%;
/*	border:1px red dashed; */
}
.7xrightclues {
	float:left;
	margin-left:0.3em;
	margin-top:-1.5em;
	overflow:scroll;
	font-size:0.9em;
	width:80%;
/*	border:1px red dashed; */
}

.cws_white {
	float:left;
    width: 34px;
    height: 34px;
    background-color:white;
    text-align:center;
}
.cws_black {
	float:left;
    width: 34px;
    height: 34px;
    background-color:black;
}
.cws_clear {
	float:left;
    width: 34px;
    height: 34px;
}

#cwpuzzletitle{
     margin-top:0.5em;
     font-size: 1.2em;
     font-weight:bold;
}

#copyr_attrib{
    margin-top:-1.5em;
 	font-size: 0.9em;
}

.yellow_area {
    background: yellow;
}
#cw_instructions {
    position: relative;
    float:left;
    margin-top: 1.0em;
    margin-left: 0.0em;
    width: 17.0em;
    height: 1.5em;
/*      border:1px dotted #A0522D;
        background: #98FB98;    */
}

#cs_soln_buttons {
    position: relative;
    clear: both;
    margin-top: 2.0em;
    margin-left: 0.0em;
    width: 23.0em;
    height: 1.5em;
/*      border:1px dotted #A0522D;
        background: #98FB98;    */
}
#cwx_tag {
    position: relative;
    clear: both;
    float: left;
    margin-top: -22.0em;
    margin-left: -8.0em;
    width: 6.0em;
    height: 6.0em;
    font-size: 0.8em;
    /*  border:1px dotted #A0522D;
        background: #98FB98;   */
}

.staticxwd {
    margin-left: 0.4em;
    /*
    margin-right: auto;
    clear: both;
    */
    background: #FFFFFF;
    color: #000000;
/*    border:2px solid #000; */
    border:2px solid red;
}

.staticxwd td {
    border-bottom: solid #000000;
    border-right: solid #000000;
}



.cw_box{
    font-size: 1.0em;
    vertical-align: bottom;
    text-align: right;
    color: black;
}
.cw_boxnum {
    font-size: 0.8em;
    vertical-align: text-top;
    color: red;
}
.cw_boxentry {
    font-size: 1.5em;
    vertical-align: text-bottom;
    color: blue;
}
.cw_clues_container {
/*
    margin-left: auto;
    margin-right: auto;
 */
    margin-top: 0.7em;
    clear: both;
    color: #000000;
    
    background-color:green;
   border:1px dashed red;   
}
.cw_clues_table {
}



/* ---- Vocabulary Workout ---- */

#vocabulary_container{
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    margin-left: 1.0em;
    height: 26.0em;
/*
 border:1px dotted black;
*/
}

#top_vocab_message{
    position: relative;
    clear: both;
    height: 1.5em;
    margin-top: 0.0em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
//    background-color: #FFE4C4;
    color: black;
/* border:1px dotted #A0522D;
    background: #ffffff;    */
}

.vocab_choice_btn {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    background: #FF9933;
    color: #000000;
/*    margin-bottom: 1.0em;  */
    height: 1.9em;
}

.vocab_answer_entry {
    position: relative;
    margin-top: 0.6em;
    margin-left: 1.0em;
/*    height: 2.5em;   */
/*    border:1px dotted #A0522D;
    background: #ffffff;    */
}

#dict_entry_button{
    position: relative;
    height: 0.7em;
    margin-top: 0.3em;
    margin-left:  2.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
//    background-color: #FFE4C4;
    color: black;
/*  border:1px dotted #A0522D;
    background: #ffffff;     */
}

#incorrect_resp_div{
    position: relative;
    margin-top: 0.6em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
//    background-color: #FFE4C4;
    color: black;
/* border:1px dotted #A0522D;
    background: #ffffff;    */
}

#lower_vocab_message{
    position: relative;
    clear: both;
    height: 1.5em;
    margin-top: 1.0em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
//    background-color: #FFE4C4;
    color: black;
/*
    border:1px dotted #A0522D;
    background: cyan;
*/
}

#vocab_word_means{
    position: relative;
    height: 1.5em;
    margin-top: 1.0em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
//    background-color: #FFE4C4;
    color: black;
/* 
    border:1px dotted #A0522D;
    background: #ffffff;
*/
}

#vocab_filters{
    clear: both;
    position: relative;
    width: 27.0em;
    height: 2.5em;
    margin: auto;
    margin-top: 2.0em;
/* border:1px dotted #A0522D;
    background: #ffffff;  */
}





/* ---- Analogies Workout ---- */

#analogy_container{
    clear: both;
    font-size: 1.1em;
    height: 18.0em;
    margin-left: 3.0em;
    margin-right: 0.0em;
    margin-top: 1.0em;
/* border: 1px solid red;
    background-color:#98FB98;  */


}

#top_analogy_message{
    position: relative;
    clear: both;
    height: 1.5em;
    margin-top: 0.0em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
//    background-color: #FFE4C4;
    color: black;
/* border:1px dotted #A0522D; */
}

.analogy {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #0000FF;
    font-weight: bold;
    font-style: italic;
    font-size: large;
}
.analogy_as {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: red;
    font-weight: bold;
    font-style: italic;
    font-size: large;
}

#middle_answer_message{
    position: relative;
    clear: both;
    height: 1.5em;
    margin-left: 1.0em;
    margin-top: 1.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
//    background-color: #FFE4C4;
    color: black;
/* border:1px dotted #A0522D;
    background: yellow; */
}

#lead_in_message{
    position: relative;
    clear: both;
    height: 1.5em;
    margin-top: 1.0em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
 //   background-color: #FFE4C4;
    color: black;
/* border:1px dotted #A0522D;
    background-color: cyan; */
}

#analogy_display{
    position: relative;
    float: left;
    margin-left: 0.0em;
    margin-top: 1.0em;
/*
 border: 1px dashed #000000;
    background-color:yellow;
*/
}

.analogy_text {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: black;
}


	
/* ---- Word Memory Workout ---- */

#memory_statistics {
    float: right;
    margin-top: -3.0em;
    margin-right: 1.0em;
    width: 13.0em;
    height: 4.5em;
/*
    border:1px dotted #A0522D;
    background: green;
*/
}

#word_memory_user_messages{
    clear: both;
    width: 30.0em;
    height: 1.8em;
    margin: auto;
    margin-top: 0.8em;

    font-size: 120%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
//    background-color: #FFE4C4;
    color: black;
    /*
    border:1px dotted black; 
    */
}

#word_memory_container {
    clear: both;
    font-size: 132%;
    vertical-align: 10%;
    width:20.0em;
    height: 7.42em;
    margin: auto;
    margin-top: -3.0em;
/*    border: 0.18em solid black; */
}

#word_memory_container .wordBox,.activeWordBox
{
    float:left;
    margin-top: -2px;
    text-align:center;
    font-weight:bold;
    color: #8B4513;
//    background-color: #FFE4C4;
    background-color: Gainsboro;
    font-family: "Franklin Gothic Demi",Arial;
}

#word_memory_container .wordBox,.activeWordBox
{
    width:20.0em;
    height:1.35em;
    border: 0.1em solid black /* #000000;       */ ;
}

#word_memory_container .activeWordBox {
    background: #B0E0E6;   /* powder blue */
}



	/* ============== NUMBER PLAY ============== */

/* ---- Arithmetic Workout ---- */

#arithmetic_workout_container {
    margin: 0 auto;
    top: 0.0em;
    width: 13.4em;
    height: 33.2em;
   /* text-align: center;  IE Fix */
//    background: #FFF8DC;
    border:2px solid #660000;
    display:none;
/* border:2px dashed black;  */
}
.arithline {
    height: 1.0em;
}

/* ---- Sum to Fifteen ---- */

#magicSquare_container{
/*    position: relative;   */

    font-size: 200%;
    line-height: 100%;

/*
    width: 34%;
    height: 72%;
*/
    width: 6.00em;
    height: 12.00em;

    margin-left: 7.0em;
    margin-top: 1.0em;

/*    border: 0.1em solid #000000;  */
}

.sumSquare, .smallSquare, .inactiveSquare, .activeSquare{
    font-weight:bold;
    float:left;
    text-align:center;
    color: #8B4513;
    font-family: "Franklin Gothic Demi",Arial;
}
.sumSquare, .smallSquare, .inactiveSquare{
    width: 1.25em;
    height: 1.0em;
/*
    width: 28%;
    height: 8%;
    line-height: 150%;
*/
    border:1px solid #000000;
}
.sumSquare,.smallSquare{
    background-color: #FFFFFF;
}
.sumSquare{
    background-color: #F4A460;
}
.inactiveSquare{
    background-color: #98FB98;
}

.smallSquare{
cursor:pointer;
}

.activeSquare{
    height: 0.95em;
    width: 1.21em;
    border:2px solid #317082;
    background-color: #98FB98;
}

#sum_to_15_statistics{
    position: relative;
    float: right;
    margin-top: -3.0em;
    margin-right: 1.0em;
    width: 13.0em;
    height: 3.5em;
 /*
 border:1px dotted #A0522D;
        background: #98FB98;   
    */ 
}

/* ---- Number Memory Workout ---- */

#number_memory_container{
    position: relative;
    margin-top: 2.0em;
    margin-left: 12.0em;
    width: 11.5em;
    height: 15.7em;
/*    border: 0.1em solid #000000; */
/*    background: #98FB98;    */
}

#number_memory_container .numberBox,.activeNumberBox
{
    position: relative;
    float: left;
    text-align: center;
    color: #8B4513;
//    background-color: #FFE4C4;
    font-size:28px;
    font-weight:bold;
    font-family: "Franklin Gothic Demi",Arial;
}
#number_memory_container .numberBox,.activeNumberBox
{
    width: 5.7em;
    height: 1.5em;
    border:1px solid #000000;
}
#number_memory_container .activeNumberBox
{
    background: #B0E0E6;   /* powder blue */
}

/* ---- Number Sequence Workout ---- */

#number_seqs_container{
    position: relative;
    margin-top: 0.2em;
    margin-left: 0.0em;
    width: 34.0em;
    height: 1.5em;
    border: 1px solid #000000; 
    background: #9FC5C6;
    font-size:18px;
    font-weight:bold;
    font-family: "Franklin Gothic Demi",Arial;
}

#number_seqs_container .nSeqBox
{
    position: relative;
    float: left;
    margin-left:1.0em;
    width:3.0em;
    height:1.5em;
    border-right: 0.1em solid #000000; 
    border-left: 0.1em solid #000000; 
    text-align: center;
    color: #8B4513;
    background-color: #FFE4C4;
    font-size:18px;
    font-weight:bold;
    font-family: "Franklin Gothic Demi",Arial;
}


.nsm1 {
    margin-left: 2.0em;
    font-size: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    color: black;
    /*    border:1px dashed red; */
}

.nsm2 {
    width:37em;
    margin-top: 0.5em;
    margin-left: 2.0em;

    font-size: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    color: black;

/*   border:1px dashed red; */
 }

/* ---- Sudoku Puzzle ---- */

.sudoku {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: black;
    font-size: small;
}
#sudoku_level{
    clear: right;
    position: relative;
    float: right;
    margin-top: 0.5em;
    margin-right: 1.0em;
    width: 14.9em;
    height: 1.5em;
/*   border:1px dotted #A0522D;
    background: #ffffff;    */
}

#sudoku_user_messages {
    position: absolute;
    width: 200px;
    height: 24px;
    left: 200px;
    top: 5px;
/*
    border:1px dotted #A0522D;
    background: #98FB98;    */
}

#sudoku_container {
    clear: both;
    display: table;
    position: relative;
    width: 19.075em;
    height: 21.1em;
    border:2px solid #000000;
    margin: auto;
    top: 2.0em;
}

.sudokuSection {
   display: table;
   width: 6.150em;
   height: 6.0em;
   border:0.09em solid black;
   float:left;
}
.sudokuSquare,.sudokuSquareHighlighted {
   width: 1.1em;
   height: 1.1em;
   float:left;
   display: table-cell;
   padding-bottom: 4px;
   font-size: 1.7em;
   text-align: center;
/*   background-color:#FFF;*/
   cursor:default;
   border:1px solid #000000;
}

.sudokuSquareHighlighted {
   /*
   border:1px red solid #317082;
   width: 1.4em;
   height: 1.4em;
   width:46px;
   height:46px;
   */
   padding:0px;
/*   background-color:#E2EBED; */
   background-color: yellow;
}


#sudoku_soln_buttons {
    position: relative;
    clear: both;
    margin-top: 2.0em;
    margin-left: 7.0em;
    width: 23.0em;
    height: 1.5em;
/*      border:1px dotted #A0522D;
        background: #98FB98;    */
}



   /* ============== VISUAL PLAY ============== */

/* ---- Picture Memory ---- */
#picture_memory_container {
    position: relative;
    float: left;
    clear: both;
    width:460px;
    height:240px;
    margin-top: 20px;
    margin-left: 60px;
    border:2px solid #000000;
}

.pix_square {
    position: relative;
    float: left;
    width: 75px;
    height: 75px;
    margin-top: 20px;
    margin-left: 10px;
    border:2px solid black;
}

.pix_square_low {
    position: relative;
    float: left;
    width: 75px;
    height: 75px;
    margin-top: 40px;
    margin-left: 10px;
    border:2px solid black;
}

.correct_mid_first {
    position: relative;
    float: left;
    width: 35px;
    height: 17px;
    margin-top: 10px;
    margin-left: 30px;
}

.correct_mid_rest {
    position: relative;
    float: left;
    width: 35px;
    height: 17px;
    margin-top: 10px;
    margin-left: 55px;
}

#movingPixContainer{
  position:absolute;
}

.pix_square_low_green {
    position: relative;
    float: left;
    width: 79px;
    height: 79px;
    margin-top: 40px;
    margin-left: 10px;
    border:4px solid green;
    background: red;
}

#pix_mem_user_messages {
    width:41.0em;
    height:2em;
    clear: both;
    margin-left: 4.0em;
    margin-top: 1.0em;

    font-size: 90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
/*    background-color: #FFE4C4;*/
    color: black;
/*
    border:1px dotted #A0522D;
    background: #98FB98;  
*/
}
#pix_attrib {
	position: relative;
	float: left;
    clear: both;
    margin-left: 60px;
     font-size: 90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
}

/* ---- STROOP TASK ---- */

#stroop_container{
    clear: both;
    position: relative;
    width: 37.5em;
    height: 18.0em;
    margin-left: 0.0em;
    margin-left: 1.0em;
    margin-top: 1.0em;
    border: 2px solid #000000;
/*    background-color:#FFE4C4;*/
}

#stroop-locate{
    position:absolute;

    width: 16.0em;
    height: 9.0em;
    margin-left:0.0em;
    margin-top:0.0em;
    color: #FFD700;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: xx-large;
    font-weight: bold;
/*    border: 1px solid #000000;  */
}

#buttons-container{
    position: absolute;
    width: 4.8em;
    height: 10.0em;
    right: 0.0em;
    bottom: 0.0em;
    border:2px solid #8B4513;
    background-color:#FFE4C4;
    z-index: 5;
}



/* ---- PICTURE SCRAMBLE PUZZLE ---- */

#puzzle_container{
    clear: both;
    position:relative;
    float:left;
    margin: auto;
    margin-top: 1.0em;

    text-align:center;
    border: 0.1em solid black;

    color: #FFFFFF;
    /*-color: GhostWhite; #FFE4C4;*/

    width: 560px;       /* IE 5.x */
    width/* */:/**/540px;       /* Other browsers */
    width: /**/540px;

    height: 560px;      /* IE 5.x */
    height/* */:/**/540px;      /* Other browsers */
    height: /**/540px;
}

#puzzle_container .square{
    overflow:hidden;
    border-left:1px solid #FFF;
    border-top:1px solid #FFF;
    position:absolute;
}

#image_credit {
	clear: both;
    position: relative;
    height: 1.5em;
    width: 50.0em;
    font-style:italic;
    font-size:0.9em;
/*	border:1px dashed red;*/
}

.activeImageIndicator{
	border:1px solid #FF0000;
	position:absolute;
	z-index:10000;
}

#scramble_filters{
    clear: right;
    position: relative;
    float: left;
    width: 40.0em;
    height: 2.5em;
    margin: auto;
    margin-top: 1.0em;
/*
    border:1px dotted #A0522D;
*/

}



    /* ============== GAMES ============== */

/* ---- Peg Solitaire ---- */
#big_peg_container{
    font-size: 12pt;
    clear: both;
    margin: auto;
    margin-top: 1.0em;
    width: 16.4em;
    height: 15.9em;
    background-color:#8B4513;
    border: 0.7em solid;
    border-color: #A0522D #633E00 #633E00 #A0522D;
}

.pegsq,.pegblank,.pegempty {
    float: left;
    width: 1.8em;
    height: 1.8em;
    border: 0px;
    color: #000000;
}
.pegblank {
    background-color:#8B4513;
}
.pegempty {
    background-color:#DEB887;
}

#peg_sol_user_messages {
    width:30em;
    height:2em;
    clear: both;
    margin: auto;
    margin-top: 1.0em;

    font-size: 120%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
 /*   background-color: #FFE4C4;*/
    color: black;
/*
    border:1px dotted #A0522D;
    background: #98FB98;  
*/
}

/* ---- 15 Puzzle ---- */

#puzzle15_container{
    clear: both;
    margin-left: 10.0em;
    margin-top: 1.0em;

    width: 16.0em;
    height: 16.0em;
    border:0px solid;
    border-color:#8B4513;
    background-color: #A0522D;
}

.puzzle-grid {
    background: #8B4513;
    color: white;
    font: 2em Gadget, Charcoal, sans-serif;
    margin: auto;
    border: 0.5em solid;
    border-color: #A0522D #633E00 #633E00 #A0522D;
    border-spacing: 0em;
}

.puzzle-grid td {
    margin: 0;
    padding: 0;
    border: .1em solid;
    border-color: #633E00 #8B4513 #A0522D #633E00;
    background: #555;
}

.puzzletile {
    display: block;
    width: 1.3em;
    height: 1.3em;
    margin: auto;
    padding: 0;
    border: 0.2em solid;
    border-color: #EEDD82 #B8860B #B8860B #EEDD82;
    text-align: center;
    background: #DAA520;
    color: black;
}



/* ---- Klondike Solitaire ---- */

#klondikecontainer{
    clear: both;
/*    position: relative; */
    float: left;
    width: 45.0em;
    height: 30.0em;
    margin-left: 0.0em;
    margin-top: 1.0em;
 /*border:0.1em dotted black;*/
}


#bg_deck{
  position: relative;
  float: left;
  margin-left: 0.0em;
  margin-top: 1.0em;
  width: 11.7em;
  height: 6.4em;
/*  background: yellow; 
  border: 0.1em dotted #A0522D; */
}

#bg_deck_inner{
  position: relative;
  float: left;
  margin-left: 0.0em;
  margin-top: 0.0em;
  width: 4.3em;
  height: 6.44em;
  border:1px dotted #A0522D;
/* background: red; */

}
#bg_deck_shown{
  position: relative;
  float: left;
  margin-left: 1.5em;
  margin-top: 0.0em;
  width: 5.5em;
  height: 6.4em;
  border: 1px dotted #A0522D;
 /* background: green; */
}
#bg_deck_shown div div{
  margin-left: 1.0em;
}
#bg_deck_shown div div div{
  margin-left: 1.0em;
}

#bg_aces{
/*  background-image:url('/images/cardimages/bg_aces1.gif');  */
  position: relative;
  float: right;
  margin-right: 0.0em;
  margin-top: 0.0em;

  width: 30.0em;
  height: 8.4em;
  background: #8B4513;
/*
  border:1px dotted #A0522D;
*/
}

#bg_seven{
  /* background-image:url('/images/cardimages/bg_seven1.gif'); */
  clear: both;
  position: relative;
  margin-left: 0.0em;
  margin-top: 9.0em;
  width: 45.0em;
  height: 21.0em;
  background: #D2B48C;
}

.card{
  width:70px;
  height:100px;
  background-color:#FFF;
  padding-top:0px;
  padding-left:0px;
  position:absolute;
  left:0px;
  top:0px;
  overflow:visible;
}

#movingCardContainer{
  position:absolute;
}

	/* ============== Reading ============== */

/* ---- Reading elements ---- */

#quest_sub {
  clear: both;
  position: relative;
  margin-left: 0.0em;
  margin-top: 0.5em;
  width: 45.0em;
  height: 7.0em;
  background: #D2B48C;
  border:1px solid black;

}

.response_input_div {
  clear: both;
  position: relative;
  margin-left: 0.0em;
  margin-top: 0.3em;
  width: 45.0em;
  height: 10.0em;
  background: #D2B48C;
  border:1px solid black;
}

.reading_browse_btn {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    background: #FF9933;
    color: #000000;
}
.reading_author_btn {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    background: #D8BFD8;
    color: #000000;
}

.alpha_browse {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.alpha_browse ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
    text-align: center;
}
.alpha_browse li {
    display: inline;
}

/* --------- Story reading page --------- */

.Part {
    text-align:left;
    margin-bottom:0px;
    margin-top:0px;
    margin-right:0px;
    text-indent:0px;
    direction:ltr
}

.reading {
    font-family: Times New Roman, Garamond, Book Antiqua, serif;
    font-size: 1.0em; 
}

.basic_reading {
	line-height:130%;
}

.basic_para {
	margin-bottom:0.7em;
	text-align:justify;
}

.basic_quote {
	font-style:italic;
	margin-bottom:2.0em;
}


	/* ============== Site Map ============== */

.sitemapbox{
    width: 38.5em;
    background: #FFFFFF;
    color: #000000;
    border:1px solid #000;
    padding:5px 10px;
}

.leftsitemapbox0 {
/*
    position: absolute;
    left: 0px;
    top: 9.0em;
    */
    width: 38.5em;
    background: #FFFFFF;
    color: #000000;
    border:1px solid #000;
    padding:5px 10px;
}
.rightsitemapbox0 {
/*
    position: absolute;
    right: 0px;
    top: 9.0em;
    */
    width: 38.5em;
    background: #FFFFFF;
    color: #000000;
    border:1px solid #000;
}

.leftsitemapbox1 {
/*
    position: absolute;
    left: 0px;
    top: 29.0em;
    */
    width: 38.5em;
    background: #FFFFFF;
    color: #000000;
    border:1px solid #000;
}
.rightsitemapbox1 {
/*
    position: absolute;
    right: 0px;
    top: 27.5em;
    */
    width: 38.5em;
    background: #FFFFFF;
    color: #000000;
    border:1px solid #000;
}

.leftsitemapbox2 {
/*
    position: absolute;
    left: 0px;
    top: 46.0em;
    */
    width: 38.5em;
    background: #FFFFFF;
    color: #000000;
    border:1px solid #000;
}
.rightsitemapbox2 {
/*
    position: absolute;
    right: 0px;
    top: 47.0em;
    */
    width: 38.5em;
    background: #FFFFFF;
    color: #000000;
    border:1px solid #000;
}

.leftsitemapbox3 {
/*
    position: absolute;
    left: 0px;
    top: 57.0em;
    */
    width: 38.5em;
    background: #FFFFFF;
    color: #000000;
    border:1px solid #000;
}

	/* ============== Calendar Styling ============== */
	
.days = {
	background-color:yellow;
}


/* --------- idiom games page --------- */


#idioms_container{
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    margin-left: 1.0em;
    height: 26.0em;
 /*border:1px dotted black;*/

}

#top_idioms_message{
    position: relative;
    clear: both;
    margin-top: 0.0em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
    color: black;
/* border:1px dotted #A0522D;*/

}

.idms_choice_btn {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    background: #FF9933;
    color: #000000;
}

.vocab_answer_entry {
    position: relative;
    margin-top: 0.6em;
    margin-left: 1.0em;
 /*   border:1px dotted #A0522D; */
}

#incorrect_resp_div{
    position: relative;
    margin-top: 0.6em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
    color: black;
 /* border:1px dotted #A0522D; */
}

#lower_vocab_message{
    position: relative;
    clear: both;
    height: 1.5em;
    margin-top: 1.0em;
    margin-left: 0.0em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.0em;
    color: black;
/*
    border:1px dotted #A0522D;
*/
}