/* begin overall style */


/*
 * Main div : container, header, footer, content
*/
.header{
  background: #003333 url('/images/main/background.jpg') repeat-x 0 0;
  height: 56px;
  border-bottom:1px solid black;

}

#footer{
  background-color: #669999;
  color: #CCCC99;
  text-align:center;
}

a{
	text-decoration:none;
	color: #006666;
}
.a_footer{
	color: black;
	font-size:15px;
	font-weight:bold;
}

#content{
  font-size:16px;
  min-height:560px;
  padding-top:10px;
  padding-bottom:20px;
}
#contentPop{
  font-size:16px;
  padding-top:0px;
  padding-bottom:20px;
  margin:20px;
  color:black;
  background-color:#FFFFFF;
  text-align:left;
  min-height:330px;
}
.bordered{
border:1px solid black;
}

/* used to keep min width */
#prop{
  height: 600px;
  float:right;
  width:1px;
}

.header #title{
  color : #CCCC99;
  padding-top:0px;
  font-family : Garamond, Arial;
  font-size: 38px;

  text-align:center;
}

.header #close{
  font-size:11px;
  text-align: center;
  line-height:12px;
}
.header #close a{
  color: white;
  font-style:italic;
  padding-bottom:6px;
}
.headerPop{
  background-color:#669999;
  color:#FFFFFF;
  text-align:center;
  font-size:18px;
  margin-bottom:12px;
}
fieldset, .fieldset{
  padding-top:6px;
  border:2px solid #669999;
  border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}
.legend, .legend-title{
	color: blue;
	font-size:1.3em;
}
.legend-title{
	max-width:240px;
}

/*form */




select{
font-size:16px;

}
.deep1{
  min-height:200px;
}
form.deep1, form.deep_irreg{
  font-size:18px;
}
.btn-lg{
min-width:200px
}
form.deep1 label{
  float:left;
  width:70px;
  height:30px;
  padding-right:10px;
  text-align:right;
}

div.deep1 label{
  float:left;
  width:70px;
  height:30px;
  padding-right:10px;
  text-align:right;
}

form .myRow{
  clear:both;
  margin-bottom:10px;
}

input{
  font-size:1em;
}
label.l_radio{
  float: right;
}

/* for text after radio buttons (readreplay)*/
label.radio_questions{
  font-size:16px;
  color:black;
  font-weight:normal;
}

label.labelTop{
  color:#333333;
  font-size:13px;
  float:none;
  padding-left:0px;
  margin-left:0px;
  text-align:left;
}

form.deep1 input.inputtext, .deep_irreg .inputtext{
	height:28px;
	width:140px;
	padding-left:14px;
	border: 0px;
	border-bottom:solid 1px black;
	padding-bottom:0px;
}

div.deep1 input.inputtext{
  	margin-bottom:4px;
  	height:28px;
	width:140px;
	padding-left:14px;
	border: 0px;
	border-bottom:solid 1px black;
	padding-bottom:0px;
}



.deep1 input.text, .deep_irreg input.text{
	height:28px;
	width:140px;
	padding-left:14px;
	border: 0px;
	border-bottom:solid 1px black;
	padding-bottom:0px;
}
.deep_irreg input.text{
	width:90px;
	padding-left:0px;
}
.example{
  color: #666666;
  font-style:italic;
}
.deep1 input.myRadio{
    width:20px;
    height:14px;
    margin-bottom:10px;
}

form th{
   vertical-align:top;
}
p.radio_question{
  font-weight:bold;
  margin-bottom:6px;
}

/* for deep-exercises*/

.deep1 #upperBlock{
  margin-top:8px;
}
.deep1 #lowerBlock{
  margin-top:26px;
}


.deep_msg{
  font-size:16px;
  background-color: #f3f296;
  padding: 3px;
  border:1px solid black;
}


.error{
  color:red;
}
.systemError{
  border:1px solid black;
  padding:10px;
  color:red;
  font-size:18px;
  background-color:silver;
  margin-top:10px;
  text-align:center;
}

#dialogBoxSuccess{
  min-height:80px;
  background-color:silver;
  border:solid 2px gray;
  margin-top:50px;
  margin-bottom:50px;
  padding:10px;
}
.hidden_rightAnsw, .translationBox{
position:absolute;
background-color:#669999;
color:white;
font-weight:bold;
font-size:18px;
padding:2px;
border:1px soldid silver;
}

div.paragraphNumber{
  color:#666666;
  font-size:12px;
  float:left;
}

a#hidetext{
  font-size:20px;
  text-align:right;
  line-height:20px;
}

div.comment{
  font-size:14px;
  border:3px solid #CCCC99;
  background-color:#d4feff;
  padding-left:8px;
  padding-right:8px;
  padding-top:12px;
  padding-bottom:12px;
  margin-top:10px;
  position:absolute;
}

div.grade, p.grade{
  font-size:18px;
  font-weight:bold;
  border:1px dotted #669999;
  max-width:160px;
  text-align:center;
  background-color:#d4feff;
  margin-top:6px;
}
.smaller{
  font-size:14px;
}

 #book_instructions{
    font-size:18px;
    font-weight:normal;
    margin-bottom:8px;
    border:solid 3px #d48449;
    padding:8px;
    top:-10px;
    margin-left:20px;
    width:95%;
  }

#instructions{
  background-color: #f3f296;
  padding: 3px;
  border:1px solid black;
  font-size:16px;
  margin-bottom:16px;
  padding-left: 10px;

}

#mainItem{
  border:solid 1px black;
  padding:6px;
}

.grayBold{
  color: #666666;
  font-weight:bold;
}

  .msg{
    font-size:14px;
    border:solid 1px silver;
    margin-bottom:0px;
    margin-top:6px;
    padding:6px;
    background-color:#edd;
  }

.book_poem{
  font-size:14px;
  border: solid 1px silver;
  padding: 6px;
  margin:10px;
}

#space_wordlist, #lessons_wordlist{
    font-style:italic;
    font-size:18px;
    text-align:center;
    margin-bottom:12px;
    border:solid 1px #669999;
    background-color:silver;
}
a.dict{

    text-decoration:underline;

}

.getWord{

	font-weight:bold;
	color:black
}
#book_dictionary{
	display:none;
	position:absolute;
	border:solid #c8c60e 2px;
	background:#f9f9d5;
	padding:4px;
	min-height:30px;
	width:180px;
	font-size:13px;
}



div#hint fieldset{
	background:#f4a210;
	border:solid 2px #6e0502;
	margin:0;
}
div#hint fieldset legend{
	font-size:12px;
	color:#6e0502;
}
#q_help_instr{
	background:#f4a210;
	border:solid 2px #6e0502;
	color:#000000;
	padding:10px;
}

.multi_feedback{
	border:2px #4e4f52 solid;
	padding: 8px;
	background: #f9f5e3;
}

.keypad-popup{width:200px !important}

.markWord{
	cursor:pointer;
}


body, blockquote{
	font-size:14px;
}
.legend-title{
	max-width:660px;
}

@media screen and (min-width: 768px) {
	body, blockquote{
		font-size:15px;
	}
	.legend-title{
		max-width:660px;
	}


}
@media screen and (min-width: 992px) {

	body, blockquote{
		font-size:17px;
	}
	.legend-title{
		max-width:560px;
	}
}


@media screen and (min-width: 1200px) {
	body, blockquote{
		font-size:18px;
	}
	.legend-title{
		max-width:660px;
	}


}