﻿@charset "utf-8";
/* **** UTF8:áéíóú **** */

/************************************************************************
* Standard tag definitions
************************************************************************/
body, table {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
body { margin-left: 40px; }
i { font-style: italic; }
b { font-weight: bold; }
input { font: 9pt "MS Sans Serif", Arial, Helvetica, sans-serif; }

table { text-align: left; }

h1 {
	color: #999;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
}
h2 {
	color: #999;
	font-size: 16px;
}

h3 {
	color: #999;
}

h1 img {
	margin-bottom: 12px;
}

div#body-content {
	/*width: 650px;*/
}

/************************************************************************
* Section icon styles
************************************************************************/

/* common items */
h1.section01, h1.section02, h1.section03, h1.section04, h1.section05,
h1.section06, h1.section07, h1.section08, h1.section09, h1.section10,
h1.section11, h1.section12, h1.section13, h1.section14, h1.section15,
h1.section-exam {
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

/* The elected style */
h1.style06 {
	padding: 0px 0px 0px 42px;
	line-height: 33px;
	font-size: 16px;
}
div.style06 {
	padding: 0px;
	padding-bottom: 20px;
	height:36px;
}
div.style06 div.PageDescriptor {
	margin:0;
	padding:0 0 0 42px;
	color:#999;
}
/* used only on contents pages */
p.section01, p.section02, p.section03, p.section04, p.section05,
p.section06, p.section07, p.section08, p.section09, p.section10,
p.section11, p.section12, p.section13, p.section14, p.section15 {
	font: 9pt Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
	height: 55px;
}


/* section title for contents pages */
.unit-section-title { font-weight: bold; font-size: 10pt; color: #999; }

.sample {
	border: 1px solid #ccc;
	padding: 0px 20px;
	background: #eee;
	margin-bottom: 10px;
	display: table;
}
.intro {
	border: 1px solid #ccc;
	padding: 10px 20px;
	background: #eee;
	margin-bottom: 10px;
	width:450px;
}
.samplelink{ color:#0000FF; text-decoration: underline;}

/************************************************************************
 * Other definitions
 */
table.module-contents td, td.module-contents {
	padding: 5px;
	border: 0px;
	margin: 0px;
	vertical-align: baseline;
}

.module-contents a {
	xbackground: url(../images/black-bullet.gif) no-repeat 0px 4px;
	xpadding-left: 15px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.section-title { font: bold 12pt Arial, Helvetica, sans-serif; } /* for mid-test and end-of-level test sections */
.exercise-title { font-weight: bold; margin-top: 0px; }
.color_botones { background-color: #EEEEE0; }
.align-exercise {  text-align: left; background-color: #FFFFFF}
.justify {  text-align: justify}
.copyright-text {  font-size: 8pt}
.lettered-list { list-style-type: lower-alpha; }
.dotted-list { list-style-type: disc; }
.phonetic { font: 14px "Lucida Sans Unicode, Arial Unicode MS"; }
.handwriting-style {font-family: "Comic Sans MS", Arial}
.text-heading {  font-size: 14pt; color:#AAA}
.grammar-item {  color:#f00}
.example-text {  color:#f00}
.text-numbering {  font: 7pt Verdana, Arial, Helvetica, sans-serif; color:#777}
table.border {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
table.border td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}


div.border {
	padding:10px;
	border: 1px solid #ccc;
}
div.popinScroll {
	overflow:auto;
	height:250px;
	padding-right:10px;
}
/* radiobuttons quiz score table */
table.quizScore {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.quizScore th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
}
table.quizScore td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
}

/* When FeedbackFromDatabase default styles are removed then this can be removed. */
div.exercise div.FeedbackFromDatabase {
	background-image:none;
	padding-top: 0;
	position:static;
	padding-left: 0;
	margin-top: -20px;
}