html { font-size: 100%; /* IE hack */ }
a img {
  border: none;
}
div.balloon {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 300px;
  background-color: transparent;
  background-image: url(/images/balloon-bottom.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-bottom: 15px;
}
div.balloon_inside {
  border: 1px solid black;
  border-bottom: none;
  padding: 5px;
}
h4 {
  margin-left: 0;
  padding-left: 0;
}
table { font-size: 100%; /* IE hack */ }
.a_little_padded {
  padding: 4em;
}
.padded {
  padding: .1em .75em .1em .75em;
}
.bigger, .larger {
  font-size: larger;
}
.center, .loading {
  text-align: center;
}
.clear {
  clear: both;
}
.deleted, .disabled {
  opacity: .3;
  filter: alpha(opacity=30);
}
.float_to_left {
  float: left
}
.float_to_right {
  float: right;
}
.freetext {
  border: 3px dotted orange;
  background: #fff;
  padding: 1em;
}
/*

GAPS:

estas clases definen el estado correcto, incorrecto o indefinido de una respuesta

tal y como están se aplican igual a huecos (que son input) que a grupos de opciones (que son div)

si se quiere hacer diferente para cada uno, usar input.gaps.correct, div.gaps.correct, etc., siendo
más específico de esa forma y pudiendo distinguir entre divs e inputs

*/
.gaps.correct, .correct_true {
  border: 2px solid #80fa6a;
  color: green;
}
.gaps.incorrect, .correct_false {
  border: 2px solid red;
  color: red;
}
.gaps.undefined, .correct_unknown {
  border: 2px solid orange;
  color: orange;
}
.gaps.disabled {
  font-size: 1em;
  background: white;
  color: black;
}
.gapResult {
	line-height: 1.7;
	background-color: #e8e8e8;
	padding: 0 4px;
}
/* gapselect activities */
#student_activity_content option {
	color: #000;
}
select.correct {
	color: #0c0;
	*color: #000; /* ie */
	*background-color: #9f9;
}
select.incorrect {
	color: #f00;
	*color: #000;
	*background-color: #f99;
}
select.incorrect_changed {
	color: #ffa500;
	*color: #000;
	*background-color: #fc6;
}

.unanswered {
	border: 1px solid #666;
}
.help {
  cursor: help;
}
.justify {
  text-align: justify;
}
.larger {
  font-size: larger;
}
.left {
  text-align: left;
}
.left_padded {
  padding-left: 5%;
}
.loading img {
  float: none;
}
.right {
  text-align: right;
  /*margin-right:20px;*/
}
.slightly_disabled {
  opacity: .75;
  filter: alpha(opacity=75);
}
.smaller {
  font-size: smaller;
}
.smaller small {
  color: #a3c1e0;
}
.very_padded {
  padding: 10em 3em 10em 3em;
}
.very_lightly_padded {
  padding: 0.5em;
}
.very_small {
  font-size: .6em;
}
.whole_width {
  width: 96%;
}
#booking {
  background: #fff0b2;
}
#booking_confirmation {
  padding: 1em;
  text-align: center;
}
#calendar {
  text-align: center;
  width: 45%;
}
#calendar .day_names {
  font-size: smaller;
  font-weight: bold;
}
#calendar tr.highlighted {
  background: none;
  border: 1px solid black;
}
#calendar td {
	border: none;
}
#calendar th {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}
#calendar .past {
  color: #BBBBBB;
}
#calendar .normal {

}
#calendar .highlighted {
  background: #fff;
}
#message_attachments img {
  border: 1px solid #bbbbbb;
  margin-left:6px;
}
#message_attachments li, #user_search_results li, #selected_users li {
  display: block;
  float: none;
}
#timetable {
  text-align: center;
  width: 40%;
  background: #fff;
}
#timetable td {
  border: 1px solid gray;
  font-size: .9em;
}
#user_search_results ul, #selected_users ul {
  font-size: 1.55em;
}
* html .buggybox {height: 1%;}

/* MENSAJERÍA: DISTRIBUCIÓN */
#messaging{
		margin:0 5px 0 5px;
		border-bottom:1px solid #8c8c8c;
}
#messaging ul#folder_tabs {
	text-align: left;
	margin-top:1em;
	font: bold 11px verdana, arial, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	list-style-type: none;
	padding: 3px 10px 3px 10px;
}
#messaging ul#folder_tabs li {
	display: inline;
}
#messaging.inbox ul#folder_tabs li#inbox,
#messaging.archived ul#folder_tabs li#archived,
#messaging.sent ul#folder_tabs li#sent {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#messaging.inbox ul#folder_tabs li#inbox a,
#messaging.archived ul#folder_tabs li#archived a,
#messaging.sent ul#folder_tabs li#sent a {
	position: relative;
	top: 1px;
	padding-top: 4px;
}
#messaging ul#folder_tabs li a {
	padding: 3px 4px;
	border-style: solid;
	border-width: 1px;
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
}
#messaging table.messages {
	border-collapse: collapse;
	margin-top: 5px;
	width: 100%;
}
#messaging table.messages td {
	padding:3px;
}
#messaging table.messages tr {
	cursor: pointer;
	border-width:1px;
	border-style:solid;
}
#messaging table.messages tr.unread {
	font-weight: bold;
}
#messaging table.messages tr.highlight_unread {
	font-weight: bold;
}
#messaging table.messages td .body {
	font-weight: normal;
}

#messaging.message p {
	margin: 0 0 2px 0;
}
#messaging.message span.message_field {
	float: left;
	width: 8em;
	font-weight: bold;
}
#messaging.message p.body {
	margin-top: 8px;
}
#messaging.message input#subject {
	width: 45em
}
#messaging .mail_quote {
	margin: 4px 0 4px 5px;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 3px 0 10px 5px;
}
div.yui-toolbar-group h3 {
	background-color: #f2f2f2; /* reestablecer el fondo del toolbar del editor */
	white-space: nowrap;
	border-color: #f2f2f2;
}
/* MENSAJERÍA: COLORES */
#messages{/*************************************************************************************************************************************************************/
	border-left:1px solid #8c8c8c;
	border-right:1px solid #8c8c8c;
	padding:5px;
}
#messages input, #messaging input{
	border:1px solid #666;
	background-color:#ccc;
	color:#333;
	cursor:pointer;
}
#messaging{
	background-color:#fcfcfc;
}
#messaging p.body{
	border:1px solid #ccc;
	background-color:#fcfcfc;
	padding:5px;
}
#messaging ul#folder_tabs {
	border-bottom-color: #999;
}
#messaging.inbox ul{
	background-color:#f2f2f2;
}
#messaging.inbox ul#folder_tabs li#inbox,
#messaging.archived ul#folder_tabs li#archived,
#messaging.sent ul#folder_tabs li#sent {
	border-bottom-color: #FCFCFC;
	background-color: #FCFCFC;
}
#messaging.inbox ul#folder_tabs li#inbox a,
#messaging.archived ul#folder_tabs li#archived a,
#messaging.sent ul#folder_tabs li#sent a {
	background-color: #FCFCFC;
	color: #999;
}
#messaging.message{
	background-color:#F2F2F2;
	padding:10px;
}
#messaging.message a{
	text-align:right;
	font-weight:bold;
}
#messaging.message form{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
#messaging ul#folder_tabs li a {
	border-color: #666;
	background-color: #cecece;
	color: #666;
}
#messaging ul#folder_tabs a:hover {
	background: #fcfcfc;
}
#messaging table.messages tr {
	background-color: #e0dfdf;
	border-color: #666;
}
#messaging table.messages tr.unread {
	background-color: #F2F2F2;
}
#messaging table.messages tr.highlight {
	background-color: #ccc;
}
#messaging table.messages tr.highlight_unread {
	background-color: #EC0076;
	color:#FFFFFF;
}
#messaging table.messages td .body {
	color: #999999;
}
#compose{
	font-weight:bold;
    float:right;
	margin:7px;
}
#compose a{
	border:1px solid #666;
	background-color: #f09;
	padding:2px 4px;
	color: #fff;
	}
#compose a:hover{
	background-color:#FF53A9;
}
#messaging .mail_quote {
	border-left-color: #999;
}
/*** FIN DE LOS ESTILOS PARA LA MENSAJERÍA ***/

.phoneChatTooltip p.chatStudent {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
.phoneChatTooltip p.chatTimeTutor {
	font-size: 0.9em;
	text-align: center;
}
.phoneChatTooltip p.chatResno {
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
}

/* FLASHCARDS */
div.flashcards {
	border: 1px solid #ccc;
	padding: 10px;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
}
div.flashcards .counter {
	float: right;
}
div.flashcards h4 {
	font-weight:bold;
	color:#666;
	margin:0 10px 7px 10px;
	border-bottom:1px solid #ccc;
}
div.flashcards .contentArea {
	height: 25em;
	overflow: auto;
}
div.flashcards .instructions p{
	font-weight:bold;
}
div.flashcards .instructions ul {
	margin: 0 0 1em 2em;
}
div.flashcards .instructions li {
	list-style-type: disc;
}
div.flashcards .card {
	font-size: 2em;
}
div.flashcards input.answer {
  text-align: center;
  width: 20em; 
}
div.flashcards .frontSide {
	height: 100%;
}
div.flashcards .frontSide table {
	width: 100%;
	height: 100%;
}
div.flashcards .frontSide td {
	text-align: center;
}
div.flashcards .controlArea {
	height: 7em;
	text-align: center;
}
div.flashcards .startButton {
	margin-top: 4em;
}
div.flashcards .correct {
	border-width: 0;
	color: #009900;
}
div.flashcards .incorrect {
	border-width: 0;
	color: #ff0000;
}
table.flashcardResults {
	border-collapse: collapse;
}
table.flashcardResults caption {
	text-align: center;
	font-weight: bold;
	margin: 3px;
}
table.flashcardResults th,
table.flashcardResults td {
	border: 1px solid #ccc;
	padding: 10px;
}
table.flashcardResults th {
	font-weight: bold;
}
/* ACTIVIDADES DE ENLAZAR */
table.matchExercise td {
	padding: 3px;
	border-bottom-width: 0;
}
table.matchExercise td.help {
	vertical-align: top;
}
table.matchExercise .matchLeft {
	background: transparent url(/images/rarr.gif) no-repeat right;
}
table.matchExercise .matchLeft span {
	border: 1px solid #808080;
	background-color: #fff;
	display: block;
	margin-right: 29px;
	padding: 1px 2px;
	color: #666;
}
table.matchExercise .matchRight span {
	border-width: 1px;
	border-style: solid;
	display: block;
	padding: 1px 2px;
	margin-right: 6px;
	border-color: #ccc #aaa #aaa #ccc;
	color: #666;
}
table.matchExercise .matchRight span.correct {
	border-color: #0f0;
}
table.matchExercise .matchRight span.incorrect {
	border-color: #f00;
}
table.matchExercise .matchRight span.draggable {
	cursor: move;
}
/* formularios */
form.labelledForm label {
	float: left;
	text-align: right;
	padding: 3px 5px 0 0;
}
form#newActivityForm label {
	width: 7em;
}
form#newActivityForm #activityTitle {
	margin-top: 20px;
}
form#newActivityForm #activitySave {
	margin-top: 20px;
}
form#placementTestAssignment p {
  margin-bottom: 5px;
}
form#placementTestAssignment label {
  float: left;
  width: 10em;
  clear: left;
}
form#placementTestAssignment label.checkbox {
  margin-left: 10em;
  float: none;
  width: inherit;
}
form#level_form p,
form#reference_form p {
  margin-bottom: 10px;
}
form#level_form label,
form#reference_form label {
	width: 10em;
}
#newActivityOptions p {
  clear: left;
}
#newActivityOptions label {
  float: left;
  width: 8em;
  padding-bottom: 2px;
  position: relative;
  top: -2px;
}
#newActivityOptions label.checkBox {
  margin-left: 7em;
  padding-left: 5px;
  float: none;
  width: inherit;
}
.nonstudent_section_list li img.category {
	background-color: #f90;
}
.nonstudent_section_list li img.tutored {
	position: relative;
	left: 28px;
	top: -30px;
	z-index: 100;
}
.nonstudent_section_list li span.tutoredActivity {
	position: relative;
	left: -25px;
}
.nonstudent_section_list li span.activity {
	position: relative;
	top: -13px;
}

div.microphonePlayer {
  padding: 3px;
  clear: both;
}
body.popupHelp {
  font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body.popupHelp h1 {
  font-size: 1.2em;
}
body.popupHelp img {
  margin-bottom: 20px;
}
body.popupHelp ol.steps li {
  margin-bottom: 11px;
}
body.popupHelp ol.steps li img {
  margin-left: 20px;
}
a.tutoredSection,
a.nonTutoredSection {
  padding-left: 22px;
}
a.tutoredSection {
  background: transparent url('/images/tutor_cap.png') no-repeat left center;
}

/* estilos temporales para la prueba de nivel */
table.testResult {
  border-collapse: collapse;
  width: 100%;
}
table.testResult th {
  font-weight: bold;
}
table.testResult th,
table.testResult td {
  border: 1px solid #ccc;
  width: 50%;
  vertical-align: top; 
}

a.downArrow {
  padding-left: 12px;
  background: transparent url('/images/downArrow.png') no-repeat left center;
}
a.upArrow {
  padding-left: 12px;
  background: transparent url('/images/upArrow.png') no-repeat left center;
}
div#activityAdvancedSearchLink {
  clear: both;
  font-size: smaller;
  text-align: right;
  padding-right: 20px;
  margin-bottom: 8px;
}
div#activityAdvancedSearch {
  float: right;
  clear: both;
  text-align: right;
}
div#activityAdvancedSearch label {
  float: left;
  width: 10em;
  text-align: right;
  margin-right: 3px;
  clear: left;
}
div#activityAdvancedSearch span.control {
  float: left;
  width: 15em;
  text-align: left;
}
#btnMarkActivityAsReviewed {
  margin-top: 15px;
}

table#phoneChatTopics {
  width: 100%;
}
table#phoneChatTopics th {
  padding-bottom: 5px;
  font-weight: bold;
}
table#phoneChatTopics tr {
  vertical-align: top;
}
table#phoneChatTopics tbody tr:hover {
  background-color: #fff4e0;
}
table#phoneChatTopics tr.odd {
  background-color: #fffaff;
}
table#phoneChatTopics tr.thisWeek {
  border: 1px solid #ffa500;
}
table#phoneChatTopics td {
  height: 20px;
}
table#phoneChatTopics form {
  display: inline;
}
table#phoneChatTopics td span.actions a,
table#phoneChatTopics td a.action {
  font-size: 0.9em;
}
div#phoneChatTopicsNav {
  margin-top: 15px;
}
.nowrap {
  white-space: nowrap;
}
#reviewRecording {
  border: 1px solid #808080;
  height: 30px;
  padding: 3px;
  margin: 10px 0;
}

#reviewRecordingPlayer {
  margin-top: 10px;
}

#tutor_courses_id {
  display: block;
  font-size: 0.8em;
  width: 9em;
} 

#ie6Warning {
  background-color: #feefda;
  border-bottom: 1px solid #f7941d;
  color: #000;
  height: 90px;
}
#ie6Warning img#closeWarning {
  float: right;
  margin: 3px 3px 0 0;
  cursor: pointer;
}
#ie6Warning img.warning {
  float: left;
  margin: 22px 15px 0 40px;
}
#ie6Warning .text {
  float: left;
  width: 40%;
  text-align: left;
  padding: 20px 10px 10px 10px;
}
#ie6Warning .icons {
  display: inline;
  float: left;
}
#ie6Warning #getFirefox {
  margin: 0 2px 8px 0;
}
#ie6Warning #getSafari {
  margin-bottom: 19px;
}
#ie6Warning #getChrome {
  margin: 0 0 10px 5px;
}
#ie6Warning #getOpera {
  margin: 0 0 20px 8px;
}
table#referenceItems {
  margin-top: 9px;
}
table#referenceItems td {
  height: 28px;
}

#subscriptionTabs {
  list-style-type: none;
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
  padding-right: 10px;
  text-align: right;
}
#subscriptionTabs li {
  display: inline;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 1px 0;
  margin: 0 0 0 7px;
  padding: 0;
}
#subscriptionTabs li a {
  text-decoration: none;
}
#subscriptionTabs li strong {
  border-bottom: 1px solid #fff;
  padding: 0 7px;
  font-weight: normal;
}
#subscriptionTabs li a strong {
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}
#lessonShortcuts {
  border: 1px solid #e2e2e2;
  float: right;
}
#lessonShortcuts h3 {
  font-size: 0.9em;
  background-color: #efefef;
  border-width: 0;
  color: #6a6a6a;
  padding: 3px;
  margin: 0;
}
#lessonShortcuts ul {
  margin: 3px;
}
#lessonShortcuts ul li a {
  font-size: 0.9em;
  font-weight: bold;
}
table#lessonList {
  width: 100%;
  margin: 10px 0;
}
table#lessonList tr:hover {
  background-color: #f5f5f5;
}
table#lessonList th {
  font-size: 1.2em;
  background-color: #efefef;
  padding: 3px 0;
}
table#lessonList td {
  height: 20px;
  vertical-align: top;
}
table#lessonList a.unreviewed {
  font-weight: bold;
}
table#lessonList span.percentage {
  background-color: #afa;
  float: left;
  margin-top: 1px;
}
table#lessonList span.completed {
  background-color: #008000;
}
table#lessonList span.percentValue {
  margin-left: 3px;
}
table#lessonActivities td.sectionTitle {
  padding-right: 20px;
}
table#lessonActivities img.poor {
  background-color: #f00;
}
table#lessonActivities img.poor_reviewed {
  background-color: #edadad;
}
table#lessonActivities img.fair {
  background-color: #fa0;
}
table#lessonActivities img.fair_reviewed {
  background-color: #ffda93;
}
table#lessonActivities img.good {
  background-color: #008000;
}
table#lessonActivities img.good_reviewed {
  background-color: #a0c4a0;
}
#activityTooltip {
  text-align: left;
}
#backLink {
  margin: 10px 0;
}
#courseLessonTitle {
  margin-bottom: 20px;
}
#courseLessonTitle h2 {
  display: inline;
}
#courseLessonTitle a {
  font-size: 0.9em;
  margin-left: 6px;
}
#courseLessonPagination {
  margin-top: 10px;
}