/* html definitions*/

body{

	font-family: Arial, verdana, Helvetica, sans-serif;

	margin-top: 4px;

	font-size: medium

	}



h1 {

	margin: 0px 0px 10px 0px;

	font-size: x-large; 

	color: black

	}



h2 { 

	margin-top: 0px;

	font-size: medium; 

	color: black

	}



h3 {

	margin: 0px;

	font-size: large; 	

	color: black

	}



p {

	}



a {

	}



img {

	border: 0px

	}



/* header classes*/

.header{

	background-color: #fff

	}



.oup_logo {

	background-color: #ffffff;

	height: 66px;

	vertical-align: top

	}



.banner {

	background-color: #fff; 

	border: 0px; 

	vertical-align: top

	}



.book_logo{

	background-color: #fff; 

	border: 0px; 

	vertical-align: top

	}



/* breadcrumb*/

.breadcrumb{

	background-color: black;	

	color: #fff;

	font-weight: bold;

	font-size: small;

	margin: 0px;

	padding: 2px 0px 2px 6px;

	border: 0px

	}



.breadcrumb a{

	color: #fff;

	text-decoration: none

	}



.breadcrumb a:hover {	

	color: #fff;

	text-decoration: underline

	}



/* middle matter*/

.middle_matter {

	border: 1px solid black;

	border-bottom: 0px;

	background-color: #fff;

	width:747px;

	vertical-align:top

	}



.navigation_top {

	background-color: #ddd;

	margin: 0px;

	padding: 12px 0px 0px 0px

	}



.navigation {

	text-align:center;

	background-color: #ddd;

	vertical-align: top;

	width: 158px

	}



.choice {

	font-size: 0px;

	text-indent: 5px;

	text-align: left;

	width: 100%

	}



.choice a {

	font-size: medium;

	width: 100%;

	background-color: black;

	display: block;

	font-weight: bold;

	text-decoration: none;	

	color: #fff;

	margin: 0px;

	padding: 2px 0px 2px 0px;

	border: 1px solid white;

	}



.choice a:hover {	

	margin: 0px;

	}



.book_image {

	/*margin-top: 30px;

	margin-bottom: 30px;

	text-align: center;*/
	display:none;

	}



.content {

	background-color: #ffffff;

	vertical-align: top;

	width: 589px;

	margin: 0px;

	border: 0px

	}



.form {

	height: 25px;

	padding: 5px 0px 2px 0px;

	margin: 0px;

	font-size: small

	}



.links {

	font-size: small

	}



/* bottom styles */

.home_bottom {	

	background-color: black

	}



.home_bottom td {	

	background: black;

	border: 1px solid black;

	border-top: 0px;

	height: 22px

	}



.bottom td {	

	border: 1px solid black;

	border-top: 0px

	}



/* Homepage styles */ 	

.home_page{

	vertical-align: top;

	text-align: left

	}



.home_page h2 {

	letter-spacing: 2px

	}



.books {

	width: 300px; 

	background-color: #eeeeee; 

	float: right; 

	padding-top: 0px;
	
	position:relative

	}
	
.intplus a {

	font-size: 10pt; 

	font-weight: bold;

	color: #6633CC; 

	text-decoration: none

	}



.intplus a:hover {

	color: #CC0000;

	text-decoration: underline

	}

.book {
	float:left;
	width:280px;
	padding:5px
	}
	
.book img {
	float:left;
	width:90px;
	}

.book a {
	text-decoration:none
	}
	
.text_link {
	width:180px;
	font-size:16px;
	padding-top:20px;
	float:right;
	text-align:left;
	color:#0033ff;
	font-weight: bold;
	}
	
.text_link:hover {
	color:#666666;
	text-decoration:none
	}



#books img {

	border: 0px

	}



#text {

	float: left; 

	width: 420px; 

	margin-left: 10px; 

	padding-top: 0px;

	}



#text p, ul {

	font-size: 10pt;

	color: #404040

	}



#text hr {

	color: #eeeeee

	}



#text h1 {

	font-size: 28pt; 

	color: #F17E01; 

	margin-bottom: 4px; 

	margin-top: 0px

	}



#text h2 {

	font-size: 18pt; 

	color: #F17E01; 

	font-weight: normal; 

	margin-top: 0px

	}



#specialfeature {

	border: 1px solid #cccccc; 

	width: 50%; 

	float: left; 

	margin-bottom: 10px

	}



#calendar {

	width: 97%; 

	float: left;

	margin-bottom: 20px;
	
	padding:10px 5px 5px 5px

	}
	
#calendar img {
	float:left;
	width:70px
	}
	
#calendar p {
	float:right;
	text-align:left;
	width:330px
	}
	
#calendar a {
	font-size:16px;
	font-weight:bold;
	color:#0033ff;
	text-decoration:none
	}
	
#calendar a:hover {
	color:#666666;
	text-decoration:none
	}



#text h4 {

	background-color:#333333; 

	color: #ffffff; 

	margin: 0px; 

	padding: 2px

	}



.bc_padding {

	font-size: 0px

	}



/* Level Page styles */

#children {

	padding: 0px 10px 0px 10px;

	margin: 0px

	}



#children li {

	margin-bottom: 5px; 

	border-bottom: 1px dotted #ccc;

	list-style-type: square;

	list-style-position: inside

	}



#children a {

	text-decoration: none

	}



#children a:hover {

	text-decoration: underline

	}



#levelpage_column1 {	

	float:left; 

	width: 48%;

	}



#levelpage_column1 a {	

	text-decoration: none

	}



#levelpage_column1 a:hover {	

	text-decoration: underline

	}



#levelpage_column2 {	

	float:left; 

	width: 48%;

	}



#levelpage_column2 a {	

	text-decoration: none;

	}



#levelpage_column2 a:hover {	

	text-decoration: underline

	}







/* Section page exercise links */

.exercise {

	padding: 20px 10px 20px 10px;

	margin: 0px

	}



/*exercise and level pages*/

.menus {

	background-color: #ddd

	}



/* exercise styles */

.rubric {

	margin-bottom: 10px

	}



.exercise_number {

	font-weight: bold;

	margin: 0px 10px 0px 0px;

	padding: 0px

	}



.exercise li{

	font-weight: bold;

	margin-bottom: 10px;

	padding: 0px;

	margin-bottom: 25px

	}



.exercise ol{

	font-size: medium;

	text-align: left;

	padding: 0px;

	margin: 0px 0px 0px 25px

	}



.exercise_row {

	margin-bottom: 10px

	}



.exercise_text {	

	margin: 0px;

	font-weight: normal;	

	margin-bottom: 25px

	}



.exercise_marking {

	margin: 0px 7px 0px 7px

	}



.exercise img {

	margin: 0px 7px 0px 7px

	}



.exercise_buttons {

	margin: 20px 0px 0px 0px;

	clear: both;

	margin-bottom: 25px

	}



.exercise object {

	margin-bottom: 20px

	}



/* Drop Down Styles */

.exercise_dropdown {

	margin: 0px 5px 0px 5px

	}



/* Gapfill Styles */

.gapfill_wordsfill {

	font-weight: bold;

	word-spacing: 20px;

	margin-bottom: 25px

	}



.exercise_gapfillbox {

	margin: 10px 5px 0px 5px

	}



.exercise_opencompletiongapfill {

	width: 100%

	}



/* Radio Button Multiple Choice Styles */

.multiplechoice {

	clear: both; 

	vertical-align: top;

	margin: 0px;

	padding: 0px

	}



.multiplechoice p {

	float: left;

	vertical-align: top;

	margin: 0px 10px 10px 0px;

	padding: 0px

	}



.multiplechoice_radiobutton {

	margin-left: 0px;

	margin-top: 15px

	}



/*Radio Button Multiple Choice One Row Styles */

.multiplechoice_onerow_answers {

	margin: 0px 10px 0px 5px;

	padding: 0px;

	font-weight: normal;

	font-style: italic

	}



/* Sentence Matching Styles */

.upper_alpha {

	font-weight: bold;

	margin-right: 15px;

	margin-left: 10px

	}



.sentencematching {

	clear: both;

	padding: 10px 0px 10px 0px;

	margin: 0px

	}



.sentencematching .exercise_text {

	width: 35%

	}



.sentencematching span {

	float: left;

	display: block

	}



.sentencematching input {

	float: left

	}



/* Word Ordering Styles */

#wordordering a {

	color: #333333;

	text-decoration: none;

	border: 1px solid #cccccc;

	padding: 2px

	}



#wordordering a:hover {

	color: red

	}



#wordordering a:visited {

	color: #333333

	}



#wordordering a:active {

	color: #333333

	}



.wordordering_gapfillbox {

	background-color: #eeeeee;

	margin-top: 4px;

	border-bottom: 2px solid #999999;

	border-left: 0px;

	border-right: 0px;

	border-top: 0px;

	width: 90%

	}



.exercise_linktext {

	color: #000099;		

}

.exercise_inputbox {

	background-color: #eeeeee;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	margin-top: 4px;

	margin-bottom: 4px;

	font-size: 12pt;

	margin-left: 15px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-left-width: 0px;

}




.weblinks_box{	

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom: 3px;

	border: 1px solid black

}



.weblinks{	

	font-size:11pt;

}

.weblinks_bottomborder{

	border-bottom: 2px solid black

}



/* Spot the Extra Word exercise styles */

#spotthemistake a{

	color: #000;

	border: 1px solid white;

	text-decoration: none;

	padding: 2px

	}



#spotthemistake a:hover{

	border: 1px solid red

	}



#spotthemistake a:active {

	border: 1px solid red

	}



#spotthemistake li{

	margin-bottom: 10px

	}



.exercise_spot_number{

	padding-right: 4px;

	font-weight: bold;

}



.exercise_spot_row{

	margin-bottom: 10px;

}



.exercise_spot_row a:visited {  

	font-family: Arial, Helvetica, sans-serif; 

	color: #000000; 

	text-decoration: none

}



.exercise_spot_row a:link {  

	font-family: Arial, Helvetica, sans-serif; 

	color: #000000; 

	text-decoration: none

}



/* Errorcorrection Styles*/

#errorcorrection input {

	border: 1px solid #cccccc;

	margin-top: 6px;

	width: 100px;

	background-color: #eeeeee

	}





#errorcorrection a {

	text-decoration: none;

	color: #000000

	}



#errorcorrection a:hover {

	background-color: #000000;

	color: #FFFFFF

	}



legend, label {

	font-size: small; 

	color: #666666

	}



fieldset {

	display: inline

	}



.scorebox {

	border: 1px solid #ff9933;

	width: 20px;

	height: 20px;

	font-size: small;

	color: #003399;

	text-align: center;

	font-weight: bold

	}



/* Email exercise styles */

#emailtop{

	padding: 10px 0px 5px 5px;

	font-size: 7px;

	color: #9999ff;

	background: #eee url("/images/elt/adultlist/adultlist_emailtop.gif") repeat-x top

	}

	

#emailtext {

	background-color: #fff; 

	border-left: 4px solid #eee; 

	border-right: 4px solid #eee; 

	padding: 5px; 

	text-align: left; 

	overflow: hidden; 

	line-height: 20px

	}



#emailexercise {

	background: #eee url("/images/elt/adultlist/adultlist_emailbottom.gif") repeat-x bottom;

	text-align: left; 

	padding: 0px; 

	margin: 0px;  

	width: 98%; 

	overflow: hidden; 

	border: 1px solid #999

	}	



.email_buttons {

	background-color: #eee;

	margin: 10px 0px 10px 12px

	

	}



#emailtext sup {

	margin-left: 3px;

	margin-right: 3px

	}



/* Help Page styles */

#help p {

	margin: 4px 0px 4px 0px

	}



.games {

	float: left; 

	width: 160px;

	margin: 0px 0px 0px 0px;

	}



.games img {

	padding: 0px;

	margin: 0px

	}



.games li {

	text-align: left;

	list-style-type: square;

	list-style-position: outside;

	margin: 0px 0px  5px 0px;

	padding: 0px;	

	}