/* top title and instruction box */
.ginstrdiv { border: 0 none; border-collapse: collapse; margin: auto; }
.ginstrtopbox    { background-color: #b9a045; padding: 5px;
background-image: -webkit-gradient(    linear,    left bottom,    left top,    color-stop(0.24, #998005),    color-stop(0.65, #d9c045));
background-image: -moz-linear-gradient(   center bottom,    #998005 24%,    #d9c045 65%);

abackground-color: #b9a045;
abackground-image: -moz-radial-gradient(10% 100% 90deg, #998005, #d9c045);
abackground: -webkit-gradient(linear, left center, right center, from(#998005), to(#b9a025));

abackground-color: #b9a045;
abackground-image: -moz-linear-gradient(10% 100% 90deg, #998005, #d9c045);
abackground: -webkit-gradient(linear, top center, bottom center, from(#998005), to(#b9a025));


}
.ginstrbottombox { background-color: #fffff6; padding: 5px; line-height: 100%; }
.gpagetitle1 { text-align: center; font-size: 18px; font-weight: bold; color: #000402; font-family: helvetica, sans-serif;}
.gpageinstr1 { font-size: 14px; font-family: helvetica, sans-serif;}

/* individual item boxes */
.gboxholder { width: 95%; margin: 10px; }
.gboxholder10 { width: 100px; margin: 10px; }
.gboxholder20 { width: 200px; margin: 10px; }
.gboxholder25 { width: 250px; margin: 10px; }
.gboxholder30 { width: 300px; margin: 10px; }
.gboxholder40 { width: 400px; margin: 10px; }

/* item box table */
.glargetable { width: 100%; margin: auto; }
.glargetable tr { vertical-align: top; }
.glargetable td { width: 50%; }

/* selectors and buttons in item boxes */
.gselector1, .gselector2 { color: #fefefe; background-color: #fed8a7; background-color: #d9c045; background-color: #250f69; background-color: #998045; border: 1px groove #666666;  
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.gselector1 { font-size: 14px; width: 150px; padding: 2px 10px; }
.gselector2 { font-size: 13px; width: 120px; padding: 0 7px;  }

.gsubmitbutton1     { background-color: #253f69; font-size: 1.2em; font-weight: bold; padding: 2px; border: 2px solid #777777; color: #ffffdd; cursor: pointer;  }
.gsubmitbutton1sm { background-color: #253f69; font-size: 0.8em; padding: 1px; border: 1px solid #777777; color: #ffffff; }
.gsubmitbutton2     { background-color: #253f69; font-size: 0.9em; font-weight: bold; padding: 2px; border: 2px solid #777777; color: #ffffff; cursor: pointer; }
.gsubmitbutton2sm { background-color: #253f69; font-size: 0.7em; font-weight: bold; padding: 2px; border: 2px solid #777777; color: #ffffff; cursor: pointer; }

.gsubmitbutton1, .gsubmitbutton1sm, .gsubmitbutton2, .gsubmitbutton2sm, .promptbutton { 
margin: 0 0 2px 2px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow:rgba(0,0,0,0.5) -2px 2px 2px;
-khtml-box-shadow:rgba(0,0,0,0.5) -2px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.5) -2px 2px 2px;
box-shadow:rgba(0,0,0,0.5) -2px 2px 2px;
abackground-image:-webkit-gradient(linear, 0% 1%, 0% 95%, from(rgba(255,255,255,0.9)), to(rgba(64,64,64,0.9)), color-stop(.8,rgba(64,64,64,0.25)),color-stop(.25,rgba(32,32,32,0.5)));
abackground-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.9)),color-stop(80%, rgba(64,64,64,0.25)),color-stop(25%, rgba(32,32,32,0.5)),to(rgba(64,64,64,0.9)));
}

.gsubmitbutton1:active, .gsubmitbutton1sm:active, .gsubmitbutton2:active, .gsubmitbutton2sm:active, .promptbutton:active   { 
-webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
-khtml-box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
-moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
margin: 0px 2px 2px 0;
}

.gsubmitbutton1:hover, .gsubmitbutton1sm:hover, .gsubmitbutton2:hover, .gsubmitbutton2sm:hover, .promptbutton:hover { background-color: #250f69; }


.nsubmitbutton1 { background-color: #253f69;  padding: 2px; border: 2px solid #777777; color: #ffffdd; cursor: pointer;  
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.gselecttable1 { width: 99%; font-size: 0.9em; }
.gselecttable1 tr { vertical-align: bottom; }
.gselecttable1 td { width: 2%; border-collapse: collapse; } 

.sectionfieldset { border: 1px inset #dddddd; }

/* item boxes on/off  */
.disabledclass { opacity: 0.3; filter: alpha(opacity=30); }
.enabledclass { }

.partdiv1 { width: 200px; float: left; margin-right: 15px; margin-bottom: 3px; }
.partdiv2 { padding: 10px; }
.partimage { max-width: 200px; margin: auto; }
.partform { margin: 0; }
.parttable { width: 100%; border-collapse: collapse; margin: 5px 0; }
.parttabletitle { font-size: 1.1em; text-align: center; }
.parttable td { border: 1px solid #aaaaaa; border-collapse: collapse; padding: 0; border-width: 1px 0; } 
.aparttablebutton { border: inherit; text-align: left; width: 100%; border-collapse: collapse; background-color: inherit; padding: inherit; margin: inherit; font-size: inherit; font-family: inherit; cursor: pointer; }
.parttablebutton { border: 0 none; text-align: left; width: 100%; border-collapse: collapse; padding: inherit; margin: inherit; font-size: inherit; font-family: inherit; cursor: pointer; display: block; width: 100%; height: 100%; }


.vidlisttimediv { display: block; margin-right: 0px; text-align: right;  }
.vidlisttimediv img { display: inline-block; padding:0 4px; margin-top: 60px; vertical-align:top; }


/* trantext full system  */
.transwapdiv { width: 95%; border: 1px solid; padding: 10px 20px; background-color: #fffff6; margin: auto; display: none; }
.tranimagel { margin: 5px 10px 5px 0; float: left; }
.tranimager { margin: 5px 0 10px 5px; float: right; }
.trantitletable { width: 100%; border: 0 none; background-color: #998005; margin: auto; }
.trantitletable td { vertical-align: bottom; }
.trantitletext { font-size: 2.0em; font-weight: bold; }
.imageborderdiv1 { padding: 0; border: 0 none; background-color: #ccc; color: inherit; margin-right: 4px; margin-top: 4px; line-height: 0; }
.imageborderdiv2 { position: relative; bottom: 4px; left: 4px; background-color: #666666; color: inherit; }
.tranlangbutton { border: 1px solid #eeeeee; color: #eeeeee; background-color: #990505; width: 150px; cursor: pointer; padding: 2px 4px; }

.intertranvocabtable { width: 100%; border: 0 none; border-collapse: collapse; font-size: 110%; }
.intertranvocabtable  td { border: 1px solid #dddddd; border-width: 1px 0 0 0; border-collapse: collapse; padding: 2px 5px; }
.intertranvocabtablehead { font-weight: bold; padding: 2px 4px; }

/* animated banners */
.banner_holdingdiv { border: 0 none; position: relative; z-index: 1; }
.banner_textbackground { position: absolute; z-index: 3; background-color: #ffffff; opacity: .50; filter:alpha(opacity=50); }
.banner_texttable { position: absolute; z-index: 4; padding: 0; border-collapse: collapse; border: 0 none; }
.banner_texttable td { padding: 0 10px; }
.banner_text { font-size: 2.5em; color: #dddd00; font-weight: bold; line-height: 80%;}
.banner_text2 { font-size: 2.5em; color: #000000; font-weight: bold; line-height: 80%; opacity: .50; filter:alpha(opacity=50); }
.banner_picdiv { border: 0 none; position: absolute; z-index: 2; overflow: hidden; }
.banner_pic { width: 150%; height: 150%; }
.banner_holdingdiv, .banner_picdiv { width: 600px; height: 100px; }

.weatherbox { border: 1px solid #666666; background-color: #e7e7e7; padding: 0px; border-left-width: 2px; border-bottom-width: 2px; margin-bottom: 2px;  }
.weathertab { border: 0 none; border-collapse: collapse; width: 100%; }
.weathertab td { vertical-align: top; text-align: center; font-size: 1.0em; font-weight: bold; font-family: arial, verdana;}
.weathertabsplit { border: 1px solid #cccccc; border-width: 0 0 0 1px; }

/* dialogue boxes */
.dialoguebox { font-size: 14px; border: 3px solid; border-width: 3px 3px 3px 3px;  color: #ffffee; padding: 5px 10px; }
.dialoguectrlbox { padding: 0 3px; text-align: center; vertical-align: bottom; padding: 5px;}
.dialoguebutton { font-size: 10px; height: 20px; border: 1px solid; background-color: #e5eef8; color: #5283c0; }
.dialogueparcolor, .dialoguectrlbox { border-color: #dd9977; background-color: #dd9977;}

.diatop, .diabottom { display:block; }
.diatop *, .diabottom * { display: block; height: 1px; overflow: hidden; font-size: 0; }
.dia1, .dia2, .dia3, .dia4, .diabox1, .diabox2 { background-color: #ddddee; border-width: 0 1px 0 1px; border-style: solid; border-color: #dddddd; } 
.dia1 { margin: 0 5px; }
.dia2 { margin: 0 3px; }
.dia3 { margin: 0 2px; }
.dia4 { margin: 0 1px; height: 2px; }
.diabox1 { border-width: 0 4px; color: #eeeeee; font-size: 17px; padding: 2px 5px; }
.diabox2 { border-width: 0 4px; color: #000000; }

.diaboxcolors { border-color: #227799; background-color: #2299bb; }
.diatabcolors { border-color: #227799; background-color: #227799; }

.diatable { width: 99%; border-collapse: collapse; padding: 0; }
.diatable td { border-collapse: collapse; padding: 0;}

.reading_quiz_icon_box { text-align: center; vertical-align: bottom; }
.reading_quiz_table { width: 550px; margin: auto; border: 1px #dddddd solid; } 
.reading_quiz_table td { border: 1px #bbbbbb solid; border-width: 1px 0 0 0; padding: 2px 10px; vertical-align: top; } 
.reading_quiz_instructions { font-size: 0.9em; line-height: 110%; }
.reading_quiz_statement { font-size: 0.9em; line-height: 110%; }
.reading_quiz_icon_box { text-align: center; }
.reading_quiz_icon_div { padding: 0; }
.reading_quiz_result_box { text-align: center; width: 100%; background-color: #222222; color: #ee0000; font-size: 1.5em; }
.reading_quiz_winning_answer { background-color: inherit; }