body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #666666;
	font-family:arial, tahoma, sans-serif;
	font-size:12px;
	color:#990000;
}
#wrapper{
	margin-top:0px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right:auto;
	width:990px;
	background-color: #666666;
}

#topBanner{
	margin-top:0px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right:auto;
	width:990px;
	height:157px;
	background-image:url(../images/body/body_01.jpg);

}

#topMenu{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:auto;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:190px;
	height:35px;
	width:auto;
	background-image:url(../images/body/body_02.jpg);
	border-style: none;
	border-width: 0px;
	}
#titleimage{
	background-image:url(/images/body/title.jpg);
	margin-left:172px;
	margin-right:33px;
	height:50px;
	text-align:right;
	}
#dropdown
{	
	border:solid 0px;
	margin: 0;
	padding: 0;
	height:35px;
	z-index: 30;

	}

#dropdown li
{	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	text-indent:0px;
	height:35px;

}

#dropdown li a
{	display: block;
	margin: 0px;
	padding: 7px 0px 4px 0px;
	width: 141px;
	height:20px;
	border: solid 0px;
	color: #FFF;
	font-size:16px;
	font-weight:normal;
	text-align: center;
	font-weight:normal;
	text-decoration: none;
	}

#dropdown li a:hover
{	}

#dropdown div
{	position: absolute;
	visibility: hidden;
	margin: 0px 1px;
	padding: 0px ;
	background: #EAEBD8;
	border: 0px solid;
	}

	#dropdown div a
	{	position: relative;
		display: block;
		margin: 0px;
		padding: 5px 0px;
		width: 139px;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		background: #EB5B05;
		color: #FFF;
		font-size:14px;
		}
	#dropdown div a:hover
	{	background: #FE7E47;
		color: #FFF;
		}
#dropdown img
{	display: block;
	margin: 0px;
	padding:0px;
	width: 141px;
	text-align: center;
	text-decoration: none;
	cursor:pointer}
#menuContainer{
	cursor:pointer;
}
#topAddress{
	margin:0px;
	height:30px;
	width:990px;
	background-image:url(../images/body/body_03.jpg);

}
#midBack{
	margin:0px;
	width:990px;
	background-image:url(../images/body/body_05.jpg);
	border: none 0px;
}
#title{
	width:784px;
	height:50px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	border: none 0px;
	display:block;
	padding-left:0px;
	background-color:#F9B88E;
	
}

#leftMenu{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:6px;
	margin-right:0px;
	padding-right:6px;
	width:160px;
	border: none 0px;
	display:block;
	background-color:#F9B88E;
	text-align:right;
	float:left;
}
	a.menuLeft:visited,
	a.menuLeft:link,
	a.menuLeft:active,
	a.menuLeft:hover{
		padding: 0px;
		width:160px;
		border:solid 0px;
		margin:0px 0px 0px 0px;
		text-align:right;
		display:block;
			}
.imgMenuLeft{
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 20px;
	border:solid 0px;

	}

#leftTop{
	display:block;
	background-image:url(../images/body/top.gif);
	width:145px;
	height:50px;
	margin-left:16px;
}
#leftMiddle{
display:block;
	background-image:url(../images/body/sss.gif);
	width:145px;
	margin-left:16px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
}
#leftBottom{
display:block;
	background-image:url(../images/body/bot.gif);
	width:145px;
	height:50px;
	margin-left:16px;
}
#contentHolder	{
	background-color:#F9B88E;
}
#content	{
	margin:0px;
	border:solid 0px;
	padding:0px;
	margin:10px 25px 10px 10px;
	background-color:#FFFFFF;
}

#mainContent{
	width:990px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	text-align:center;
	background-image:url(../images/body/body_05.jpg);
	}
#contentDiv {
	margin-left:166px;
	margin-right:35px;
	padding-left:3px;
	font-size:12px;
}	
#tiny{
	text-align:right;
	margin-right:35px;
	}
#bottom{
	display:block;
	float:none;
	margin:0px;
	width:990px;
	height:73px;
}
/*Div and styles for the left menu*/

	#login{
		margin-left: auto;
		margin-right: 0px;
		margin-top:33px;
		margin-bottom:0px;
		padding: 0px;
		width:100px;
		text-align:right;
		display:block;
		font-weight:bold;
		border: none 0px;
		}

	.login{
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		color: #990000;
		text-align: right;
		padding: 12px 0px 0px 0px;
		border: none 0px;
		}	
	.loginHead{
		font-size:12px;
		text-align:right;
		margin-right:0px;
		border: solid 0px;
		}
	.loginName{
		font-size:16px;
		font-weight:bold;
		margin:5px 0px 5px 5px;
		text-align:right;
		border: solid 0px;
		}
	.loginField {
		font-size:12px;
		margin:3px auto;
		border: solid 0px;
		}	
	.loginButton {
		padding-top:3px;
		padding-bottom:3px;
		padding-left:5px;
		padding-right:5px;
		margin-top:5px;
		margin-left:0px;
		margin-right:0px;
		border-style: solid;
		border-color:#CCCCCC;
		background-color:#FF6600;
		color:#F8F8F8;
		font-size:12px;
		font-weight:bold;
		border-width: 1px;
		cursor:pointer;	
		text-align:center;
		}
	.loginButton:hover{
		background-color:#CC0000;
		color:#FFFF00;
		border-color:#FF9933;
		}	
	.editButton {
		padding-top:1px;
		padding-bottom:1px;
		padding-left:3px;
		padding-right:3px;
		margin:0px 5px;
		border-style: solid;
		border-color:#CCCCCC;
		background-color:#737373;
		color:#CCCCCC;
		font-size:12px;
		font-weight:bold;
		border-width: 1px;
		cursor:pointer;	
		text-align:center;
		}
	.plusButton {
		display:inline;
		padding:2px;
		margin:0px 3px;
		border-style: solid;
		border-color:#CCCCCC;
		background-color:#FFFDFB;
		color:#CC3333;
		font-size:14px;
		font-weight:bold;
		border-width: 0px;
		cursor:pointer;	
		text-align:center;
		}		
	.loginMenu {
		margin-top:3px;
		border-style: solid;
		border-color:#000000;
		background-color:#FF6600;
		color: #ffffff;
		font-size:12px;
		border-width: 1px;
		cursor: pointer;	
		}

	.hrmenu {
		width:100px;
		margin-right:0px;
		margin-left:60px;
		}
	
	.menuTeacher {
		margin-top:0px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
		padding-top:10px;
		padding-bottom:10px;
		text-align:right;
		font-size:14px;
		font-weight:bold;
		color:#990000;
		}
	
	.menuStudent {
		margin-left:50px;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:0px;
		text-align:right;
		font-size:16px;
		font-weight:bold;
		color:#9900FF;
		padding-top:0px;
		padding-right:5px;
		}
#subjMenu{
margin-top:10px;
margin-bottom:10px;

}		
		
.satuMain {

		height:480px;
		margin:auto;
		width:440px;
		padding-top:0px;
		padding-left:100px;
		padding-right:100px;
		padding-bottom:0px;
		border-style:solid;
		border-width:1px;
		border-color:#FF0000;
		color:#CC0033;
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:18px;
		font-weight:bold;
		overflow:hidden;
		text-align:left;

		}
#sfBack{
	margin:50px 70px;
	background-color:#00CCFF;
	border:#FF9900 solid 2px;
	text-align:center;
	}		
		.qTitle {
		margin-left:auto;
		margin-right:auto;
		padding-top:10px;
		padding-bottom:60px;
		height:30px;
		width:300px;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		font-weight:bold;
		color:#FF0000;
		}
		#toggleSkin {
		margin-left:auto;
		margin-right:auto;

		margin-bottom:0px;
		height:20px;
		width:100px;
		font-weight:bold;
		text-align:center;
		}
		.satuStart {
		height:auto;
		margin:auto;
		width:440px;
		padding-top:20px;
		padding-left:100px;
		padding-right:100px;
		padding-bottom:80px;
		border-style:solid;
		border-width:1px;
		border-color:#FF0000;
		background-color:#FFFFFF;
		color:#CC0033;
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:14px;
		overflow:auto;
		text-align:left;
		}
		.mpSatu {
		color:#000000;
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:20px;
		text-align:left;
		}
		.satuChoice {
		margin-left:60px;
		margin-top:20px;		
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:16px;
		text-align:left;
		}
		.satuFinish {
		height:auto;
		margin:auto;
		width:440px;
		padding-top:20px;
		padding-left:100px;
		padding-right:100px;
		padding-bottom:20px;
		border-style:solid;
		border-width:1px;
		border-color:#FF0000;
		background-color:#FFFFFF;
		background-image:none;
		color:#CC0033;
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:20px;
		font-weight:bold;
		overflow:hidden;
		text-align:center;
		}
		#submitForm{
		margin-top:25px;
		}
		.satuSave {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:12px;		

		}
		.satuUl {
		background-color:#FFFFFF;
		color:#CC0033;
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:12px;
		text-align:left;
		}
		.satuLi {
		
		}
	#satuResult {
		height:259px;
		width:259px;
		margin-top:35px;
		margin-left:120px;
		background-image:url(../subjects/english/images/satuChoice/Image/image47.jpg);

		}
	#satuNumber {
		width:100px;
		padding:0px;
		padding-top:167px;
		margin-left:-5px;
		font-size:40px;
		font-weight:bold;
		text-align:center;
		}
/*MpChoice styles*/

	.mpq {
	margin-left:50px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	height:30px;
	
	}
	.mpAnswer{
	text-align:left;
	margin-left:90px;
	width:60px;
	height:20px;

	}
	.mpCorrect{

	
	}
	.mpField{
	margin-left:10px;
	position:relative;
	top:-20px;
	left:160px;

	
	}
	.hwButton {
		margin-top:5px;
		margin-bottom:auto;
		margin-left:auto;
		margin-right:auto;
		height:18px;
		border-style: solid;
		border-color:#990000;
		background-color:#E9E9E9;
		color:#990000;
		font-size:10px;
		font-weight:bold;
		border-width: 1px;
		cursor:pointer;	
		}
	.hwButton:hover{
		margin-top:7px;
		background-color:#CC0033;
		color:#FFFF00;
		border-color:#FF9933;
		}
	
/*Tables*/

	#table {
		margin:auto;
		width:90%;
		}
	#pre {
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
		width:70%;
		padding:15px;
		background-color:#FFFFFF;
		color:#CC0033;
		border:1px;
		border-style:solid;
		border-color:#FF0000;
		font-family:tahoma,arial,helvetica,sans-serif;
		font-size:14px;
		overflow:auto;
		text-align:left;
		}
	.mpImage {
	width:auto;
	border-width:1px;
	border-style:solid;
	border-color:#FF0000;
	
	
	}
	.showNotes {
		display:block;
		}
	.toggle {
	height:25px;
	width:auto;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	background-color:#FFFFFF;
	}

	.cptable {
		margin:auto;
		padding: 10px;
		width:300px;
		border:2px;
		border-color:#000000;	
		color:#CC0033;
		}
	.admintable {
		margin:auto;
		border-color:#000000;	
		width:765px;
		}
	.formedit {
		width:90%;
		margin:auto;
		border:dotted;
		border-color:#FFFFFF;
		}
	.hwContainer {
		margin: 15px 35px 0px 15px;
		padding: 15px;
		border:1px;
		border-color:#666666;	
		background-color:#FFFFFF;
		color:#CC0033;
		text-align:left;
		}
	.hwTable {
		margin: 0px auto;
		width:80%;
		background-color:#FFF;
		color:#CC0033;
		text-align:center;
		}
	.quiztableVis {
		margin:auto;
		padding: 15px;
		width:90%;
		border:2px;
		border-color:#000000;	
		background-color:#FFF;
		color:#CC0033;
		text-align:left;

		}
	
	.quiztable {
		margin:auto;
		padding: 15px;
		width:760px;
		border:2px;
		border-color:#000000;	
		background-color:#F7F7F7;
		color:#CC0033;
		display:none;
		text-align:left;
		}
	.mpChoice {
		margin:auto;
		padding: 15px;
		width:90%;
		border:2px;
		border-color:#000000;	
		background-color:#FFF;
		color:#CC0033;
		text-align:left;

		}		
	.whiteTable {
		margin:auto;
		padding: 15px;
		width:90%;
		border:2px;
		border-color:#000000;	
		background-color:#F7F7F7;
		color:#CC0033;
		}
	.tableButton {
		padding-left:8px;
		padding-right:8px;
		margin-top:5px;
		margin-bottom:auto;
		height:22px;
		border-style: solid;
		border-color:#666666;
		background-color:#E9E9E9;
		color:#990000;
		font-size:12px;
		font-weight:bold;
		border-width: 1px;
		cursor:pointer;	
		}
	.tableButton:hover{
		background-color:#333333;
		color:#FF9933;
		border-color:#FF9933;
		}
	.resultButton {
		padding-left:8px;
		padding-right:8px;
		margin-top:5px;
		margin-bottom:auto;
		height:20px;
		border-style: solid;
		border-color:#666666;
		background-color:#E9E9E9;
		color:#990000;
		font-size:12px;
		font-weight:bold;
		border-width: 1px;
		cursor:pointer;	
		}
		.resultButton:hover{
		background-color:#FF9933;
		color:#660000;
		border-color:#330000;
		}
	
	#spellTable {
	width:600px;
	margin-top: 40px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;	
	}
	.spellRow{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	width: 675px; 
	overflow: hidden; 
	}
	.col1{
	float: left; 
	font-size: 120%; 
	margin: 20px 10px 0 10px; 
	width: 100px;

	}
	.col2{
	float: left;
	width:100px; 
	margin: 10px 0px 0px 0px; 
	text-align: center;
	}
	.col3{
	float: left; 
	width: 150px; 
	margin: 10px 0px 0px 50px; 
	text-align: left;
	}

	#latest {
		margin:15px;		
		padding:10px;
		background-color:#FFFFFF;
		color:#990000;
		}
	#selected {
		margin:15px;
		padding:10px;
		background-color:#F7F7F7;
		color:#660033;
		}
    .inputEdit{
		margin:5px;
		text-align:left;
		font-size:12px;
		}
/*Text styles*/

	h1 {
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:28px;
		text-align:center;		
		}

	h2 {
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:18px;
		text-align:center;
		}
	h3 {
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#9900FF;		
		text-align:left;
		}
	
	p 	{
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-style: normal;
		text-align:left;
		margin: 20px 15px;
    	}	

	ul  {
		text-indent:15px;
		text-align:left;
		}	
	
	ol  {
		text-align:left;
		}	
	
	li  {
		text-indent:15px;
		}

	pre { 
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:14px;
		}

	.result{
		font-size:18px;
		color:#990033;
		}
	.pcenter {
		display:inline;
		text-align:center;
		padding-bottom:15px;
		padding-top:15px;
		}

	.pcentered {
		display:block;
		text-align:center;
		padding-bottom:15px;
		padding-top:15px;
		}
	.center {
		display:block;
		text-align:center;
		margin-bottom:5px;
		margin-top:5px;
		}
	
	.welcome {
		margin-left:30px;
		margin-right:30px;
		font-style: normal;
		color: #FFFFFF;
		text-align: center;
		padding: 0px;
		}

	.hr{
		width:600px;
		text-align:center;
		}
		
	.whiteButton {
		padding-left:8px;
		padding-right:8px;
		margin:10px;
		height:20px;
		border-style: solid;
		border-color:#333333;
		background-color:#F7F7F7;
		color:#CC0033;
		font-size:12px;
		border-width: 1px;
		cursor:pointer;	
		}
		.whiteButton:hover{
		background-color:#CCCCCC;
		font-weight:bold;
		border-color:#330000;
		}
	.whiteButt {
		padding-left:8px;
		padding-right:8px;
		margin:10px;
		height:20px;
		border-style: solid;
		border-color:#333333;
		background-color:#F7F7F7;
		color:#CC0033;
		font-weight:bold;
		font-size:12px;
		border-width: 1px;
		cursor:pointer;	
		}
	
	#Spellcontrol {
		margin:10px;
		width: 730px;
		}
	.Spellactions {
		width: 150px;
		}
	.Spellresults {
		width: 600px;
		padding:10px;
		}
	.accuSpan {
	display:inline;
	margin-left:2em;
	width:10em;
	text-align:left;
	float:left;
	}
	.accuField {
	display:inline;
	margin-left:12em;
	text-align:left;
	}

	/*Links*/
	a:link,
	a:active,
	a:visited {

		font-family:arial, Helvetica, sans-serif;
		text-decoration:underline;
		border-style:none;
		outline: none;
		}
	a:hover {
		color:#CC0033;
		border-style:none;
		}

	a.pinkmenu:visited,
	a.pinkmenu:link,
	a.pinkmenu:active {

		margin:5px 0px 5px 0px;
		font-weight:bold;
 		display:block;
		color:#990000;
		text-decoration:none;
		cursor:pointer;
		text-align:right;
		}
	a.pinkmenu:hover {
		margin:5px 0px 5px 0px;
		font-weight:bold;
 		display:block;
		color:#660033;
		text-decoration:none;
		cursor:pointer;
		text-align:right;
		}
		
	a.pinkmenuJS:visited,
	a.pinkmenuJS:link,
	a.pinkmenuJS:active {
 		margin-left:80px;
		font-weight:bold;
 		display:block;
		color:#DBD8E0;
		text-decoration:none;
		cursor:pointer;
		}
	a.pinkmenuJS:hover {
 		margin-left:40px;
		font-weight:bold;
 		display:block;
		color:#660033;
		text-decoration:none;
		cursor:pointer;
		
		}
 	.whitemenu{
			margin-top:7px;
		margin-right:0px;
		padding-right:3px;
		color:#990000;
		text-align:right;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		}
	a.whitemenu:visited,
	a.whitemenu:link,
	a.whitemenu:active{
		margin-top:7px;
		margin-right:0px;
		padding-right:3px;
		color:#990000;
		text-align:right;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		display:block;

		}
	a.whitemenu:hover {
		margin-top:7px;
		text-decoration:none;
		color:#9900FF;
		font-size:13px;
		font-weight:bold;
		display:block;
		}
				
	a.whitemenuitem:visited,
	a.whitemenuitem:link,
	a.whitemenuitem:active {
		margin-top:7px;
		margin-bottom:5px;
		padding-right:3px;
  		color:#990000;
		display:block;
		text-indent:20px;
		font-size:13px;
		font-weight:normal;
		text-align:right;
		}
	 a.whitemenuitem:hover {
		margin-top:7px;
		margin-bottom:5px;
 		color:#9900FF;
		display:block;
		text-indent:20px;
		font-size:13px;
		font-weight:bold;
		text-align:right;
		}
	a.table:link,
	a.table:active,
	a.table:visited,
	a.table:hover {
		color: #CC0033;
		background-color:#FFFFFF;
  		font-family:arial, Helvetica, sans-serif;
  		text-decoration:underline;
  		border-style:none;
		}

	a.white:visited,
	a.white:link,
	a.white:active {
		color:#9900FF;
 		font-weight:bold;

		}
	a.white:hover {
		color:#990000;
  		font-weight:bold;
		}
				
	a.red:visited,
	a.red:link,
	a.red:active {
		color: #CC0000;
		font-weight:bold;
		font-size:14px;
		}
	a.red:hover {
		color:#FF3366;
		border-style:none;
		}

	a.tiny:visited,
	a.tiny:link,
	a.tiny:active {

		color:#E0E0E0;
 		font-weight:bold;
		cursor:pointer;
		}
	a.tiny:hover {

		color:#00FF00;
		cursor:pointer;
		}
	/* Image styles*/
	
	.thumb {
		display:inline;
		margin:10px;
		width:90px;
		text-align:center;
		padding:5px;
		float:left;
		/*border: 1px solid #999;*/
		height:160px;
		
		}
	.thumb img { width: 90px; height: 120px; }	
	.clearboth { clear: both; }	
		
	
	.snap {
		display:block;
		margin:15px;
		border:solid;
		border-width:1px;
		border-color:#FF0000;
		}
	.left {
		float:left;
		margin-right:15px;
		margin-left:15px;
		margin-top:5px;
		border-color:#FFFFFF;
		border-style:solid;
		border-width:thin;
		}

	.leftnoborder {
		float:left;
		margin-right:15px;
		margin-left:15px;
		margin-top:5px;
		}

	.icenter {
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		margin-bottom:15px;
		border-color:#FFFFFF;
		border-style:solid;
		border-width:thin;
		}

	.icenternoborder {
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		margin-bottom:15px;
		}

	.right {
		float:right;
		margin-left:15px;
		margin-top:5px;
		border-color:#FFFFFF;
		border-style:solid;
		border-width:thin;
		}

	.rightnoborder {
		float:right;
		margin-left:15px;
		margin-top:5px;
		margin-right:35px;
		}
	.santa {		
		margin:40px auto;
		text-align:center;
	}
	.santaimage {
		width:240px;
		height:180px;
		border:1px solid #000066;
		}
	
/* Buttons */

.clueButton {
		height:20px;
		width:60px;
		font-size:10px;
		font-weight:bold;
		color:#CC0033;
		letter-spacing:1px;
}
/*Text styles*/

	h1 {
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:28px;
		text-align:center;
		}	
	
	h2 {
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:18px;
		text-align:center;
		}
	h3 {
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#9900FF;		
		text-align:left;
		text-indent:15px;
		}
	
	p 	{
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-style: normal;
		text-align:left;
		margin: 20px 15px;
    	}	

	ul  {
		text-indent:15px;
		text-align:left;
		}	
	
	li  {
		text-indent:15px;
		}

	pre { 
		font-family:tahoma,arial, Helvetica, sans-serif;
		font-size:14px;
		}

	.result{
		font-size:18px;
		color:#990033;
		}
	.pcenter {
		display:inline;
		text-align:center;
		padding-bottom:15px;
		padding-top:15px;
		}
	.psanta {
		width:250px;
		text-align:center;
		margin: 10px 0px;
		}		

	.pcentered {
		display:block;
		text-align:center;
		padding-bottom:15px;
		padding-top:15px;
		}
	.center {
		display:block;
		text-align:center;
		margin-bottom:5px;
		margin-top:5px;
		}
	
	.welcome {
		margin-left:30px;
		margin-right:30px;
		font-style: normal;
		color: #FFFFFF;
		text-align: center;
		padding: 0px;
		}

	.whiteButton {
		padding-left:8px;
		padding-right:8px;
		margin-top:5px;
		height:20px;
		border-style: solid;
		border-color:#333333;
		background-color:#F7F7F7;
		color:#CC0033;
		font-size:12px;
		border-width: 1px;
		cursor:pointer;	
		}
		.whiteButton:hover{
		background-color:#CCCCCC;
		font-weight:bold;
		border-color:#330000;
		}
	
	#Spellcontrol {
		margin:10px;
		width: 730px;
		}
	.Spellactions {
		width: 150px;
		}
	.Spellresults {
		width: 600px;
		padding:10px;
		}
	.accuSpan {
	display:inline;
	margin-left:2em;
	width:10em;
	text-align:left;
	float:left;
	}
	.accuField {
	display:inline;
	margin-left:12em;
	text-align:left;
	}

#Layer1 {
	position:fixed;
	width:100px;
	height:30px;
	z-index:1;
	left: 65px;
	top: 690px;
	visibility: visible;
}

/* Hot Potatoes Styles */


table,div,span,td{
/*	font-size: 100%;*/

}

div.Titles{
	padding: 0.5em;;
	text-align: center;
	color: #800040;
}

button{
	font-family: Geneva,tahoma,arial,sans-serif;
	font-size: 10px;
	display: inline;
	letter-spacing:1px;
	font-weight:bold;
}

.TopImage{
	margin:15px;
	padding:5px;
	width:auto;
	height:auto;
	}

.ExerciseTitle{
	font-size: 140%;
	color: #800040;
}

.ExerciseSubtitle{
	font-size: 120%;
	color: #800040;
}

div.StdDiv{
	background-color:#FFECD9;
	text-align: center;
	font-size: 100%;
	color: #000000;
	padding: 0em 0.5em 0em 0.5em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #E45F04;
	margin: 1px 1px 1px 7px;
}

/* EndCorePageCSS */

.RTLText{
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,tahoma,arial,sans-serif; 
}

.CentredRTLText{
	text-align: center;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,tahoma,arial,sans-serif; 
}

button p.RTLText{
	text-align: center;
}

.RTLGapBox{
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Times New Roman", Geneva,tahoma,arial,sans-serif;
}

.Guess{
	font-weight: bold;
}

.CorrectAnswer{
	font-weight: bold;
}

div#Timer{
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #800040;
}

span#TimerText{
	padding: 0.25em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: #800040;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
	color:#FFFFCC;
	font-size:larger;
	font-weight:bold;

}

.LeftItem{
	font-size: 100%;
	color: #000000;
	text-align: left;
}

.RightItem{
	font-weight: bold;
	font-size: 100%;
	color: #000000;
}

span.CorrectMark{

}

input, textarea{
	font-family: Geneva,tahoma,arial,sans-serif;
	font-size: 120%;
}

select{
	font-size: 100%;
}

div.Feedback {
	background-color:#FE7E47;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 2px;
	border-color:#CC0033;
	padding: 5px;
	text-align: center;
	color:#FFF;
	position: absolute;
	display: none;
	font-size: 100%;
}




div.ExerciseDiv{
	color: #000000;
}

/* JMatch flashcard styles */
table.FlashcardTable{
	background-color: transparent;
	color: #000000;
	border-color: #000000;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;
	position: relative;
	text-align: center;
	padding: 0px;
}

table.FlashcardTable tr{
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #efefef;
}

table.FlashcardTable td.Showing{
	font-size: 140%;
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #efefef;
}

table.FlashcardTable td.Hidden{
	display: none;
}

/* JMix styles */
div#SegmentDiv{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}

a.ExSegment{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

span.RemainingWordList{
	font-style: italic;
}

div.DropLine {
	position: absolute;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #800040;
	width: 80%;
}

/* JCloze styles */

.ClozeWordList{
	text-align: center;
	font-weight: bold;
}

div.ClozeBody{
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
	line-height: 2.0
}

span.GapSpan{
	font-weight: bold;
}

/* JCross styles */

table.CrosswordGrid{
	margin: auto auto 1em auto;
	border-collapse: collapse;
	padding: 0px;
	background-color: #000000;
}

table.CrosswordGrid tbody tr td{
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	font-size: 140%;
	padding: 1px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	color: #000000;
}

table.CrosswordGrid span{
	color: #000000;
}

table.CrosswordGrid td.BlankCell{
	background-color: #000000;
	color: #000000;
}

table.CrosswordGrid td.LetterOnlyCell{
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell{
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	padding: 1px;
	font-weight: bold;
}

.NumLetterCellText{
	cursor: pointer;
	color: #000000;
}

.GridNum{
	vertical-align: super;
	font-size: 66%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.GridNum:hover, .GridNum:visited{
	color: #000000;
}

table#Clues{
	margin: auto;
	vertical-align: top;
}

table#Clues td{
	vertical-align: top;
}

table.ClueList{
  margin: auto;
}

td.ClueNum{
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

td.Clue{
	text-align: left;
}

div#ClueEntry{
	text-align: left;
	margin-bottom: 1em;
}

/* Keypad styles */

div.Keypad{
	text-align: center;
	display: none; /* initially hidden, shown if needed */
}

div.Keypad button{
	font-family: Geneva,tahoma,arial,sans-serif;
	font-size: 120%;
	background-color: #ffffff;
	color: #000000;
	width: 2em;
}

/* JQuiz styles */

div.QuestionNavigation{
	text-align: center;
}

.QNum{
	margin: 0em 1em 0.5em 1em;
	font-weight: bold;
	vertical-align: middle;
}

textarea{
	font-family: Geneva,tahoma,arial,sans-serif;
}

.QuestionText{
	margin:0px;
	color:#CC0033;
	font-weight:bold;


}

.Answer{
	font-size: 120%;
	letter-spacing: 0.1em;
}

.PartialAnswer{
	font-size: 120%;
	letter-spacing: 0.1em;
	color: #800040;
}

.Highlight{
	color: #000000;
	background-color: #ffff00;
	font-weight: bold;
	font-size: 120%;
}

ol.QuizQuestions{
	text-align: left;
	list-style-type: none;
	padding-top:0px;
	padding-bottom:0px;
}

li.QuizQuestion{
	padding: 0em 0em 0em 1em;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
}

ol.MCAnswers{
	text-align: left;
	list-style-type: upper-alpha;
	padding: 0.5em;
}

ol.MCAnswers li{
	margin-bottom: 1em;
}

ol.MSelAnswers{
	text-align: left;
	list-style-type: lower-alpha;
	padding: 1em;
}

div.ShortAnswer{
	padding: 1em;
}

.FuncButton {
	text-align: center;
	border-style: solid;

	border-left-color: #f7f7f7;
	border-top-color: #f7f7f7;
	border-right-color: #777777;
	border-bottom-color: #777777;
	background-color: #FFB89F;
	color:#333333;

	border-width: 1px;
	padding: 1px 6px 1px 6px;
	cursor: pointer;
	margin:10px auto;
}

.FuncButtonUp {
	color: #efefef;
	text-align: center;
	border-style: solid;

	border-left-color: #f7f7f7;
	border-top-color: #f7f7f7;
	border-right-color: #777777;
	border-bottom-color: #777777;
	color:#333333;
	background-color:#FFFFFF;
	border-width: 1px;
	padding: 1px 6px 1px 6px;
	cursor: pointer;
	margin:10px auto;	
}

.FuncButtonDown {
	color: #efefef;
	text-align: center;
	border-style: solid;

	border-left-color: #777777;
	border-top-color: #777777;
	border-right-color: #f7f7f7;
	border-bottom-color: #f7f7f7;
	color:#333333;
	background-color:#FFFFFF;

	border-width: 1px;
	padding: 1px 6px 1px 6px;
	cursor: pointer;
	margin:10px auto;	
}

/*BeginNavBarStyle*/

div.NavButtonBar{
	background-color: #FFF;
	text-align: center;
	margin: 10px 0px 2px 0px;
	padding:2px;
	font-size: 100%;
}

.NavButton {
	border-style: solid;
	
	border-left-color: #bfbfbf;
	border-top-color: #bfbfbf;
	border-right-color: #404040;
	border-bottom-color: #404040;
	background-color: #FE7E47;
	color: #FFFFFF;

	border-width: 2px;
	cursor: pointer;	
}

.NavButtonUp {
	border-style: solid;

	border-left-color: #bfbfbf;
	border-top-color: #bfbfbf;
	border-right-color: #404040;
	border-bottom-color: #404040;
	color:#CCCCCC;
	background-color:#666666;

	border-width: 2px;
	cursor: pointer;	
}

.NavButtonDown {
	border-style: solid;

	border-left-color: #404040;
	border-top-color: #404040;
	border-right-color: #bfbfbf;
	border-bottom-color: #bfbfbf;
	color: #808080;
	background-color: #666666;

	border-width: 2px;
	cursor: pointer;	
}

/*EndNavBarStyle*/


div.CardStyle {
	position: absolute;
	font-family: Geneva,tahoma,arial,sans-serif;
	font-size: 100%;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #efefef;
	left: -50px;
	top: -50px;
	overflow: visible;
}

.rtl{
	text-align: right;
	font-size: 140%;
}