/* This is the CSS stylesheet used in the exercise. */
/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */

/* BeginCorePageCSS */

/* Hack to hide a nested Quicktime player from IE, which can't handle it. */
* html object.MediaPlayerNotForIE {
	display: none;
}

body{
	font-family:'Arial',Verdana,Tahoma;
	background-color: #ffffff;
	color: #666666;
	margin-right: 5%;
	margin-left: 5%;
	font-size: small;
}

p{
	text-align: left;
	margin: 0px;
	font-size: 100%;
}

table.center {
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	border: 1px solid;
	color: #666;
}

tr, td {
	text-align: center;
	padding:3px;
	font-size: 100%;
	color: #ffffff;
	border: 1px solid;
	background-color:#3c688b;
}

div,span{
	font-size: 100%;
	color: #333;
}

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

.ExerciseTitle{
	font-size: 100%;
	color: #666;
	font-weight:bold;
}

.ExerciseSubtitle{
	font-size: 120%;
	text-align: left;
}

#ReadingDiv h3.ExerciseSubtitle{
	color: #666;
	margin: 15px;
	padding: 3px;
}

div.ExerciseDiv{
	color: #000000;
}

div.StdDiv{ /* fila*/
	background-color: #3c688b;
	font-family:'Arial',Verdana,Tahoma;
	text-align: center;
	font-size: 100%;
	color: #ffffff;
	font-weight:bold;
	padding: 0.5em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #666;
}

div.MenuNav{ /* fila*/
	background-color: #ffbb00;
	font-family:'Arial',Verdana,Tahoma;
	text-align: right;
	font-size: 100%;
	color: #000;
	padding: 0.5em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #666;
	margin-bottom: 1px;
}

/* EndCorePageCSS */

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

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

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

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

.Guess{
	font-weight: bold;
	color: #2a97c2;
}
 
.CorrectAnswer{
	font-weight: bold;
}

div#Timer{ /* Your time is over! */
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #2a97c2;
	font-weight: bold;
}
 
span#TimerText{ /* botón Timer */
	padding: 0.25em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: #666;
}

span.Instructions{
}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{ /* Texto de la ventana de OK */
	color: #666666;
	font-family:'Arial',Verdana,Tahoma;
	font-weight:bold;
}
 
.LeftItem{
	font-size: 100%;
	color: #333;
	text-align: left;
}
 
.RightItem{
	font-weight: bold;
	font-size: 100%;
	color: #333;
}

span.CorrectMark{

}

input, textarea{
	font-family:'Arial',Verdana,Tahoma;
	font-size: 120%;
}

select{
	font-size: 100%;
}

div.Feedback { /* OK screen */
	background-color: #eee;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: center;
	color: #3c688b; /* color del borde */
	position: absolute;
	display: none;
	font-size: 100%;
}
 
div.ExerciseDiv{
	color: #333;
}

div.LeftContainer{
	border-style: none;
	padding: 2px 0px 2px 0px;
	float: left;
	width: 49.8%;
	margin-bottom: 0px;
}

div.RightContainer{
	border-style: none;
	padding: 2px 0px 2px 0px;
	float: right;
	width: 49.8%;
	margin-bottom: 0px;
}

div.BottomContainer {
	border-style: none;
	padding: 2px 0px 2px 0px;
	margin-bottom: 0px;
	clear: both;
	background-color: #ffbb00;
	text-align: center;
}

.ReadingText{
	text-align: left;
	font-weight:normal;
}
 
/* Botones de Check y OK */

.FuncButtons {
	background-color: transparent;
	text-align: right;
	margin: 2px 0px 2px 0px;
	font-family:'Arial',Verdana,Tahoma;
	font-size: 100%;
}

.FuncButtonUp {
	text-align: center;
	border-style: solid;
 
	border-left-color: #ffffff;
	border-top-color: #ffffff;
	border-right-color: #7f7f7f;
	border-bottom-color: #7f7f7f;
 	background-color: #ffbb00;
	color: #666;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.FuncButtonDown {
	text-align: center;
	border-style: solid;
 
	border-left-color: #7f7f7f;
	border-top-color: #7f7f7f;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	background-color: #ffbb00;
	color: #666;
 
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

/* End of  botones de Check y OK */

.NavButtonUp { /* Botón de navegación izquierda */
	border-style: solid;
 
	border-left-color: #ffdd7f;
	border-top-color: #ffdd7f;
	border-right-color: #7f5d00;
	border-bottom-color: #7f5d00;
	color: #ffffff; /* letra */
	background-color: #ffbb00;
	font-family:'Arial',Verdana,Tahoma;
	border-width: 2px;
	cursor: pointer;	
}
 
.NavButtonDown { /* Botón de navegación derecha */
	border-style: solid;
 
	border-left-color: #7f5d00;
	border-top-color: #7f5d00;
	border-right-color: #ffdd7f;
	border-bottom-color: #ffdd7f;
	color: #ffffff; /* letra */
	background-color: #3c688b;
	font-weight: bold;
	font-family:'Arial',Verdana,Tahoma;
	border-width: 2px;
	cursor: pointer;	
}

/*EndNavBarStyle*/

div.CardStyle { /* Tabla IZQUIERDA */
	position: absolute;
	font-family:'Arial',Verdana,Tahoma;
	font-size: 100%;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: #000;
	background-color: #fff;
	left: -50px;
	top: -50px;
	overflow: visible;
}
 
.rtl{
	text-align: right;
	font-size: 140%;
}

/* BUTTONS */

/*BeginNavBarStyle*/

input[Type="button"] {
	display:inline;
	margin:2px 4px 2px 0;
	background-color:#ffffff;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;    
	font-family:'Arial',Verdana,Tahoma;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 5px 7px; /* Links */
}

div.buttons {
	background-color: #ffbb00;
	text-align: center;
	margin: 2px 0px 2px 0px;
	font-family:'Arial',Verdana,Tahoma;
	font-size: 100%;
}

.buttons button{
	display:inline;
	margin:2px 4px 2px 0;
	background-color:#ffffff;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;    
	font-family:'Arial',Verdana,Tahoma;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */
button:hover {
    background-color:#3c688b;
    border:1px solid #565656;
    color:#ffffff;
}

input[Type="button"]:hover {
    background-color:#3c688b;
    border:1px solid #565656;
    color:#ffffff;
}

/* POSITIVE */
button.positive{
    color:#565656;
}

.buttons button.positive:hover{
    background-color:#3c688b;
    border:1px solid #565656;
    color:#ffffff;
}

/* FORMULARIO */

#formulario {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	border-collapse:collapse;
	color:#333;
	vertical-align:middle;
	table-layout: auto;
	margin-top: 20px;
	font-weight: normal;
}

#formulario th  {
	font-size:1.0em;
	padding:5px 2px 4px 2px;
	background-color:#6ab04b;
	color:#ffffff;
	border:1px solid #98bf21;
}

#formulario td {
	font-size:1em;
	border:1px solid #98bf21;
	padding:3px 10px 2px 10px;
	background-color:#ffffff;
	color: #333;
	text-align: left;
	height:30px;
}

#logo {
	height: auto;
	vertical-align:middle;
}

#formulario tr {
	
}

#formulario tr.alt td  {
	background-color:#eaf2d3;
	height:30px;
	color: #333;
}

/* RESPUESTAS */

#respuestas {
	font-family: Arial, Helvetica, sans-serif;
	margin:auto;
	border-collapse:collapse;
	color:#444;
          vertical-align:middle;
          table-layout: auto;
          margin-top: 10px;
}

#respuestas th  {
	font-size:1.0em;
	padding:5px 2px 4px 2px;
	background-color:#6ab04b;
	color:#ffffff;
	border:1px solid #98bf21;
}

#respuestas td {
	font-size:1em;
	border:1px solid #98bf21;
	padding:3px 10px 2px 10px;
	background-color:#ffffff;
	color: #333;
	text-align: left;
}

#respuestas tr {
	
}

#respuestas tr.alt td  {
	background-color:#eaf2d3;
	height:30px;
	color: #333;
}

.bgclr {
	background-color: white;
	color: #333;
	overflow:hidden;
}

a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color:#df0101;
	text-decoration:none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#df0101;
}

form{
		margin-top: 0px;
}