.instructions{
color:black;
text-indent: -.5em;
margin-left: 10px;
font-size: 10px;
line-height: 140%;
margin-bottom: 5px;
}
.lite_hilite{
padding: 2px;
border: 1px solid #0099FF;
}
.normal_space{
word-spacing:1px;
}
#new_wrapper{
position: relative;
top: 0px;
margin: 0 auto;
width: 674px;
height: 1120px;
text-align: justify;
}
#wrapper{
position: relative;
top: 0px;
margin: 0 auto;
width: 924px;
height: 1120px;
text-align: justify;
}
.white_back{
background-color: white;
text-align: center;
font-size: 14px;
}
.red_back{
background-color: red;
text-align: center;
font-size: 14px;
}
.green_back{
background-color: lime;
text-align: center;
font-size: 14px;
}
.yellow_back{
background-color: yellow;
text-align: center;
font-size:14px;
}
#content_box {
position: relative;
top: 60px;
margin-left: 0px;
width: 674px;
height: 2400px;
text-align: justify;
}
#easy_content_box {
position: relative;
top: 40px;
margin-left: 35px;
width: 624px;
height: 1120px;
text-align: justify;
}
#content_box_alt{
position: relative;
top: 40px;
margin-left: auto;
margin-right: auto;
width: 640px;
height: 1120px;
text-align: justify;
}
.banner_text{
margin-top: 12px;
font-size: 12px;
font-weight: bold;
word-spacing: 6px;
text-align: right;
margin-right:5px;
}
.banner_text_bottom{
margin-top: 15px;
font-size: 12px;
font-weight: bold;
text-align: right;
margin-right:5px;
}
.small_spacing{
word-spacing: -1px;
}
.quiz_box{
position: absolute;
top: 60px;
width: 624px;
height: 1120px;
text-align: left;
}
.quiz_box_alt{
position: absolute;
top: 60px;
width: 640px;
height: 1120px;
text-align: left;
}
.test_box{
position: relative;
top: 50px;
margin-left: auto;
margin-right:auto;
width: 100px;
height: 100px;
}
p {
color: black;
font-size: 14px;
font-family:Arial;
margin-top: 0px;
margin-left: 7px;
margin-right: 16px;
line-height: 150%;
}
.warning{
background: #FEF75D;
font-weight: bold;
margin-top: -18px;
margin-left: 14px;
}
.incomplete_message{
font-weight: bold;
background: #E0E4CC;
margin-left:3px;
margin-top: 20px;
width: 150px;
}
.score{
background:  #D5F1D8;
font-weight: bold;
margin-top: 10px;
margin-left: 2px;
padding-top:10px;
padding-bottom:8px;
width: 150px;
}
.item_box1{
position: absolute;
top:0px;
left: 0px;
width: 639px;
height: 28px;
}
.item_box1_alt{
position: absolute;
top:0px;
left: 0px;
width: 640px;
height: 28px;
}
.word_box1{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
text-align: right;
}
.definition_box1{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box2{
position: absolute;
top:31px;
left: 0px;
width: 639px;
height: 28px;
}
.word_box2{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
text-align: right;
}
.definition_box2{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box3{
position: absolute;
top:62px;
left: 0px;
width: 639px;
height: 28px;
}
.word_box3{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
text-align: right;
}
.definition_box3{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box4{
position: absolute;
top:93px;
left: 0px;
width: 639px;
height: 31px;
text-align: right;
}
.word_box4{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 30px;
}
.definition_box4{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 30px;
}
.item_box5{
position: absolute;
top:124px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box5{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box5{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box6{
position: absolute;
top:155px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box6{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box6{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box7{
position: absolute;
top:186px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box7{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box7{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box8{
position: absolute;
top:217px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box8{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box8{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box9{
position: absolute;
top:248px;
left: 0px;
width: 639px;
height: 28px;
}
.word_box9{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
text-align: right;
}
.definition_box9{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box10{
position: absolute;
top:279px;
left: 0px;
width: 639px;
height: 28px;
}
.word_box10{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
text-align: right;
}
.definition_box10{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box11{
position: absolute;
top:310px;
left: 0px;
width: 639px;
height: 28px;
}
.word_box11{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
text-align: right;
}
.definition_box11{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box12{
position: absolute;
top:341px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box12{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box12{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box13{
position: absolute;
top:372px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box13{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box13{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box14{
position: absolute;
top:403px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box14{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box14{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box15{
position: absolute;
top:434px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box15{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box15{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box16{
position: absolute;
top:465px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box16{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box16{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box17{
position: absolute;
top:496px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box17{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box17{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box18{
position: absolute;
top:527px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box18{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box18{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box19{
position: absolute;
top: 558px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box19{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box19{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.item_box20{
position: absolute;
top: 589px;
left: 0px;
width: 639px;
height: 28px;
text-align: right;
}
.word_box20{
position:absolute;
top: 0px;
left: 0px;
width: 180px;
height: 27px;
}
.definition_box20{
position:absolute;
top: 0px;
right: 0px;
width: 454px;
height: 27px;
}
.vQz_para{
color: black;
text-align: left;
}
.vQz_para_top{
color: black;
margin-top: 0px;
margin-bottom: 12px;
}
.correct_answer{
border: 2px solid lime;
padding: 2px;
}
.large_font{
font-size: 26px;
}
.mc_lead{
margin-left: 0px;
color: black;
margin-bottom: 12px;
margin-top:22px;
}
.mc_choices{
margin-left: 50px;
color: black;
margin-top: -10px;
}
.lime{
background: lime;
}
.red{
background: red;
}
.yellow{
background: yellow;
}
.left_directory_box{
position: absolute;
width:312px;
height: 850px;
top: 0px;
left: 0px;
border-right: 1px solid green;
}
.right_directory_box{
position: absolute;
width:312px;
height: 850px;
top: 0px;
left: 312px;
}
.column{
position: absolute;
width: 2px;
height: 850px;
}
.col1{
left: 207px;
}
.col2{
left:415px;
}
.directory_hdg{
position: absolute;
width: 300px;
height: 30px;
top: 10px;
left:4px;
}
.directory_subhdg{
position: absolute;
width: 280px;
height: 300px;
left: 12px;
top:40px;
}
.d_subhdg1{
top: 30px;
left: 15px;
}
.d_subhdg2{
top: 30px;
left: 223px;
}
.d_hdg1{
left:10px;
}
.d_hdg2{
left:219px;
}
.d_hdg3{
left:427px;
}
.bold{
font-weight: bold;
}
#vocab_box{
position: fixed;
height: 265px;
width: 240px;
top: 360px;
margin-left:685px;
border: 1px solid gray;
}
#IEroot #vocab_box{
position: absolute;
height: 265px;
width: 240px;
top: 360px;
margin-left:685px;
border: 1px solid gray;
}
.test_box_2{
position: fixed;
height:50px;
width: 50px;
top: 0px;
left: 0px;
background: red;
}
.vocab_font{
font-size: 13px;
line-height: 110%;
margin: 8px;
color: gray;
}
.vocab_entry{
font-size: 13px;
line-height: 110%;
margin: 8px;
color: gray;
margin-right: 12px;
}
.acknowledgements{
margin-left: 25px;
font-style: italic;
font-size: 12px;
text-align: left;
line-height: normal;
}
#audio_box{
position: fixed;
margin-left: 700px;
width:155px;
height:180px;
top: 500px;
text-align: left;
}
#IEroot #audio_box{
position: absolute;
margin-left: 700px;
width:155px;
height:180px;
top: 500px;
text-align: left;
}
a{
color: gray;
text-decoration: none;
}
a:visited{
color: gray;
}
a:hover{
text-decoration:underline;
color: black;
}
.special_rmargin{
margin-right: 11px;
}
.fourteen{
font-size: 14px;
}
.gray{
color: gray;
}
.no_bottom{
margin-bottom: 0px;
color:gray;
font-size: 12px;
font-family: Arial;
margin-top: 0px;
margin-left:0px;
font-weight: bold;
}
.italic{
font-style: italic;
}
.indent{
text-indent: 25px;
}
.explanation{
border: 2px solid #C4CCCC;
left:0px;
top: 0px;
width: 624px;
height:200px;
}
.code{
top:0px;
margin-top:100px;
width:624px;
height: 3750px;
border: 3px solid #E7E1D8;
}
.directory_p{
color: black;
margin-top:2px;
margin-bottom: 12px;
font-family: Arial;
text-align: left;
font-size:16px;
font-style: italic;
}
.subdirectory_p{
color: black;
margin-top:2px;
margin-bottom:0px;
font-family: Arial;
text-align: left;
font-size:14px;
}
p a {
text-decoration: underline;
color:black;
}
p a:hover {
color:black;
text-decoration: underline;
}
p a:visited {
color:black;
text-decoration: underline;
}
h3 a {
text-decoration: none;
color: gray;
}
h3 a:hover {
text-decoration: underline;
color: gray;
}
h4 a {
text-decoration: none;
color: black;
}
h4 a:hover {
text-decoration: underline;
color: black;
}
h4 a:visited {
text-decoration: underline;
color: black;
}
h1 {
color: gray;
margin-left: 7px;
margin-top: 9px;
margin-bottom:4px;
font-size: 14px;
font-family:Arial;
}
h2 {
color:black;
font-size: 16px;
font-family: Arial;
margin-top: 5px;
margin-left: 7px;
margin-bottom: 0px;
}
h3 {
color:gray;
font-size: 13px;
font-family: Arial;
margin-top:2px;
}
h4 {
color: black;
font-size: 28px;
font-family: Arial;
text-indent: 2em;
margin-top:25px;
}
#banner_box {
position: relative;
margin-left:0px;
top:0px;
width: 674px;
height: 95px;
background: white;
}
#banner_box_easy {
position: relative;
margin-left: 35px;
margin-right: auto;
top:0px;
width: 640px;
height: 63px;
background: white;
border: none;
}
#topLink_1{
position: absolute;
right:0px;
top: 7px;
height: 18px;
width: 62px;
background:transparent;
border-left:2px solid gray;
}
#bottomLink_1{
position: absolute;
right:0px;
top: 7px;
height: 18px;
width: 66px;
background:#D5F1D8;
border-left: 2px solid gray;
}
#bottomLink_2{
position: absolute;
right:68px;
top: 7px;
height: 18px;
bottom:25px;
width: 66px;
background:#D5F1D8;
border-left: 2px solid gray;
}
#bottomLink_3{
position: absolute;
right:136px;
top: 7px;
height: 18px;
width: 66px;
background:#D5F1D8;
border-left: 2px solid gray;
}
#bottomLink_4{
position: absolute;
right:204px;
top: 7px;
height: 18px;
width: 66px;
background:#D5F1D8;
border-left: 2px solid gray;
}
#bottomLink_5{
position: absolute;
right:272px;
top: 7px;
height: 18px;
width: 66px;
background:#D5F1D8;
border-left: 2px solid gray;
}
#topLink_2{
position: absolute;
right: 64px;
top: 7px;
height: 18px;
width: 50px;
background:#E0E4CC;
border-left: 2px solid gray;
}
#topLink_3{
position: absolute;
right: 116px;
top: 7px;
height: 18px;
width: 60px;
background:#E0E4CC;
border-left: 2px solid gray;
}
#topLink_4{
position: absolute;
right: 178px;
top: 7px;
height: 18px;
width: 60px;
background:#E0E4CC;
border-left: 2px solid gray;
}
#topLink_5{
position: absolute;
right: 240px;
top: 7px;
height: 18px;
width: 42px;
background:#E0E4CC;
border-left: 2px solid gray;
}
#topLink_6{
position: absolute;
right: 284px;
top: 7px;
height: 18px;
width: 60px;
background:#E0E4CC;
border-left: 2px solid gray;
}
#topLink_7{
position: absolute;
right: 346px;
top: 7px;
height: 18px;
width: 52px;
background:#E0E4CC;
border-left: 2px solid gray;
}
#topLink_8{
position: absolute;
right: 400px;
top: 7px;
height: 18px;
width: 42px;
background:#E0E4CC;
}
#banner_topLeft {
position: absolute;
margin-left: 0px;
top: 0px;
width: 146px;
height: 41px;
background: #D5F1D8;
}
#banner_topRight {
position: absolute;
top: 0px;
right: 0px;
width: 525px;
height: 41px;
background: #E0E4CC;
text-align: right;
}
#banner_bottomLeft {
position: absolute;
top: 43px;
left: 0px;
width: 146px;
height: 50px;
background: #E0E4CC;
}
#banner_bottomRight {
position: absolute;
top: 43px;
right: 0px;
width: 525px;
height: 50px;
background: #D5F1D8;
text-align: right;
}
#instruction_box{
position: absolute;
width: 624px;
top:0px;
height: 70px;
text-align: left;
}
#exercise_box{
padding-top: 30px;
position: absolute;
top: 110px;
width: 674px;
height: 750px;
text-align: justify;
border-top: 4px solid #E0E4CC;;
}
#exercise_border{
position: absolute;
top: 100px;
width:624px;
height: 4px;
background-color: silver;
}
#fixed_box{
position: fixed;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}
#IEroot #fixed_box{
position: absolute;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}
#fixed_box2{
position: fixed;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}
#IEroot #fixed_box2{
position: absolute;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}
#logo_box {
position: fixed;
margin-left: 850px;
top: 0px;
width: 75px;
height: 150px;
}
#IEroot #logo_box {
position: absolute;
margin-left: 850px;
top: 18px;
width: 75px;
height: 150px;
}
#logo_box_2 {
position: fixed;
margin-left: 750px;
top: 0px;
width: 75px;
height: 150px;
}
#IEroot #logo_box_2 {
position: absolute;
margin-left: 750px;
top: 18px;
width: 75px;
height: 150px;
}
#button_box{
position: fixed;
margin-left: 722px;
width:155px;
height:160px;
top: 400px;
text-align: left;
border: 4px solid #E0E4CC;
padding: 2px;
text-align: center;
}
#IEroot #button_box{
position: absolute;
margin-left: 722px;
width:155px;
height:180px;
top: 375px;
text-align: left;
}
#button_box_2{
position: fixed;
margin-left: 640px;
width:135px;
height:100px;
top: 350px;
text-align: left;
border: 4px solid #E0E4CC;
padding: 8px;
text-align: center;
}
#IEroot #button_box_2{
position: absolute;
margin-left: 640px;
width:135px;
height:100px;
top: 350px;
text-align: left;
border: 4px solid #E0E4CC;
padding: 8px;
text-align: center;
}
#submit_box {
position: fixed;
margin-left: 700px;
top: 400px;
width: 100px;
height: 25px;
border: 1px solid green;
}
#IEroot #submit_box {
position: absolute;
margin-left: 640px;
top: 400px;
width: 75px;
height: 25px;
}
#alert_box {
position: fixed;
margin-left: 700px;
top: 490px;
width: 100px;
height: 125px;
border: 3px solid #BB0000;
}
#IEroot #alert_box {
position: absolute;
margin-left: 640px;
top: 490px;
width: 75px;
height: 150px;
}