/**************************************
 * THEME NAME: ale
 *
 * Files included in this sheet:
 *
 *   ale/resource.css
 *   ale/modules.css
 *   ale/blocks.css
 *   ale/campus_layout.css
 *   ale/campus_color.css
 *   ale/campus_fonts.css
 *   ale/container.css
 *   ale/tabbernav.css
 **************************************/

/***** ale/resource.css start *****/

.generalboxcontent body,
.generalboxcontent a,
.generalboxcontent p,
.generalboxcontent li,
.generalboxcontent h1,
.generalboxcontent h2,
.generalboxcontent h3,
.generalboxcontent h4,
.generalboxcontent h5,
.generalboxcontent h6,
.generalboxcontent table,
.generalboxcontent td {
   font-family:Arial,Helvetica,sans-serif;
}

.generalboxcontent a:link {
   text-decoration: none;
   color: #1319bf;
}

.generalboxcontent a:visited {
   text-decoration: none;
   color: #1319bf;
}

.generalboxcontent a:hover {
   text-decoration: none;
   color: #AAAAAA;
}

.generalboxcontent h1 {
   font-size: 20px;
   font-weight: bold;
   text-align: left;
   margin-top: 10px;
   color: #207498;
}

.generalboxcontent h2 {
   font-size: 18px;
   font-weight: bold;
   text-align: left;
   margin-top: 10px;
   color: #AAAAAA;
}

.generalboxcontent h3 {
   font-size: 15px;
   font-weight: none;
   text-align: left;
   margin-top: 10px;
   color: #000000;
}

.generalboxcontent h4 {
   font-size: 13px;
   font-weight: bold;
   text-align: left;
   margin-top: 10px;
   color: #207498;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-color: #AAAAAA;
}

.generalboxcontent h5 {
   font-size: 13px;
   font-weight: bold;
   text-align: right;
   margin-top: 10px;
   color: #207498;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-color: #AAAAAA;
}

.generalboxcontent h6 {
   font-size: 13px;
   font-weight: none;
   font-style: italic;
   text-align: left;
   margin-top: 10px;
   color: #000000;
}

.generalboxcontent img {
   border: 0px none ;
}

.generalboxcontent img.emoticon {
   vertical-align: middle;
   width: 15px;
   height: 15px;
}

.generalboxcontent body,
.generalboxcontent p,
.generalboxcontent li {
   font-size: 13px;
}

.generalboxcontent table {
   border-spacing: 0px;
   border-collapse: collapse;
   border-color: #207498;
}

.generalboxcontent td {
   padding-top: 3px;
}

/***** ale/resource.css end *****/

/***** ale/modules.css start *****/

/***
 *** Admin
 ***/

body#admin-index .c0 {
  vertical-align: top;
}

body#admin-index .c1 {
  vertical-align: middle;
}

body#admin-modules table.generaltable td.cell,
body#admin-modules .generaltablecell {
  padding-top: 2px;
  padding-bottom: 2px;
}

body#admin-blocks table#blocks,
body#admin-blocks table#incompatible {
  width: 70%;
  margin: auto;
}

body#admin-blocks table#blocks th,
body#admin-blocks table#incompatible th,
body#admin-blocks table#blocks td.cell,
body#admin-blocks table#incompatible td.cell {
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}

body#admin-blocks table#blocks td.c0,
body#admin-blocks table#blocks th.c0,
body#admin-blocks table#incompatible td.c0,
body#admin-blocks table#incompatible th.c0 {
  text-align: left;
}

body#admin-blocks
body#admin-config .confighelp {
  display: block;
  padding-bottom: 20px;
}

body#admin-roles-manage table.generalbox {
  margin: auto;
}

#admin-report-simpletest-index .exception pre {
  padding: 8px;
}

#admin-report-simpletest-index .unittestsummary {
  padding: 8px;
  margin-top: 1em;
}

#admin-roles-manage .singlebutton,
#admin-roles-allowoverride .singlebutton,
#admin-roles-allowassign .singlebutton {
  padding: 10px;
  text-align:center;
}

.rolecap .inherit,
.rolecap .allow,
.rolecap .prevent,
.rolecap .prohibit {
  text-align:center;
}

#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
  display: block;
}

#admin-roles-override .cell.c1,
#admin-roles-assign .cell.c1 {
  padding-top: 0.75em;
}

#adminsettings fieldset {
  margin-top: 1em;
  padding: 1em 0.5em;
}

#adminsettings legend {
  display: none;
}

#adminsettings .form-group {
  float: left;
}

#adminsettings .form-item {
  margin: 0;
}

#adminsettings label {
  display: block;
  float: left;
  width: 150px;
  text-align: right;
}

#adminsettings .form-shortname {
  display: block;
}

#adminsettings select,
#adminsettings input {
  float: left;
  margin: 0 0 0 10px;
}

#adminsettings textarea {
  float: left;
  margin: 0 0 0 10px;
  width: 65%;
}

#adminsettings .form-group select,
#adminsettings .form-group input {
  display: inline;
  float: none;
}

/* #adminsettings .admin-configtime .form-select {
  display: inline;
  float: none;
}

#adminsettings div.admin-frontpage div.form-group select.form-select {
  display: inline;
  float: none;
} */

#adminsettings .description {
  clear: both;
  margin: 0 1em 0 160px;
  padding: 0.3em 0 1.5em 0;
}

.form-buttons {
  margin: 10px 0 0 160px;
}

.form-text {
  width: 20em;
}
.form-textarea { }
.form-select { }
.form-checkbox { }
.form-radio { }
.form-submit { }
.form-reset { }

.admin-frontpagedesc .htmlarea {
  margin: 0 auto 10px auto;
  width : 600px;
}

.adminsearchform {
  padding-top:10px;
}


/***
 *** Blogs
 ***/

.blogpost .audience {
  text-align: right;
}

.blogpost .tags {
  margin-top: 15px;
}


/***
 *** Calendar
 ***/

#calendar {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}

#calendar h2,
#calendar h3
{
  text-align: center;
}

#calendar .maincalendar,
#calendar .sidecalendar
{
  vertical-align: top;
  border: 1px solid;
  padding: 0px;
  border-color: #C6BDA8;
}

#calendar .sidecalendar {
  width: 25%;
}

#calendar .maincalendar table.calendarmonth {
  border-collapse: separate;
  margin: 0px auto;
  width: 98%;
}

#calendar .maincalendar table.calendarmonth th {
  padding:10px;
  border-bottom:2px solid;
  border-color: #C6BDA8;
}

#calendar .maincalendar table.calendarmonth td {
  height: 5em;
  padding-left: 4px;
  padding-top: 4px;
  line-height:1.2em;
  font-size: 0.8em;
}

#calendar .maincalendar table.calendarmonth td,
table.minicalendar td,
table.minicalendar th {
  width:14%;
  vertical-align:top;
}
table.minicalendar th {
  padding: 0px 2px;
}
table.minicalendar td {
  text-align: center;
}
#calendar .maincalendar table.calendarmonth td table td {
  height: auto;
}

#calendar div.header
{
  padding: 5px;
}

#calendar .maincalendar .buttons {
  float: right;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
  border-collapse:separate;
  border-spacing: 2px;
  padding: 2px;
  width: 100%;
}

#calendar .maincalendar .filters {
  padding: 0px 10px;
}

#calendar .sidecalendar .filters {
  padding: 5px;
  font-size: 0.75em;
}

#calendar .maincalendar .controls {
  clear:both;
  padding:10px;
}

#calendar .maincalendar table.calendarmonth ul.events-new,
#calendar .maincalendar table.calendarmonth ul.events-underway
{
  padding:0px;
  margin:0px;
  list-style-type:none;
}

#calendar .maincalendar table.calendarmonth ul li {
  margin-top: 4px;
}

.minicalendarblock {
  padding: 0px 4px;
}

table.minicalendar {
  width: 100%;
  margin: 10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
  border-color:#C6BDA8;
}

#calendar .maincalendar .calendar-controls .previous,
#calendar .maincalendar .calendar-controls .next
{
  width: 30%;
}
#calendar .maincalendar .calendar-controls .current {
  width: 40%;
  font-weight: bold;
}

#calendar .indent {
  padding-left: 20px;
}

table.minicalendar tr.weekdays th {
   border-style: none;
   background-color:#FEF9F6;
   border-color:#C6BDA8;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   font-weight: normal;
}

table.minicalendar tr td.day {
   border-style: solid;
   border-width: 1px;
   border-color:#C6BDA8;
   font-size: 0.7em;
}

table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
}

table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
   border-color:#C6BDA8;
}


table.minicalendar tr td.weekend {
  border-color:#C6BDA8;
  color: red;
  }

#calendar .maincalendar .eventlist {
  padding: 10px;
}

#calendar .maincalendar .eventlist .topic {
  padding: 5px;
  border-style:solid;
  border-width: 0px;
  border-bottom-color: #EEEEEE;
  border-bottom-width: 1px;
}

#calendar .maincalendar .eventlist .event {
  width:100%;
  margin-bottom:10px;
  border-spacing:0px;
  border-collapse:separate;
  border-width:1px;
  border-style:solid;
}

#calendar .maincalendar .eventlist .event .name {
  float:left;
}

#calendar .maincalendar .eventlist .event .course {
  float:left;
  clear:left;
}

#calendar .maincalendar .eventlist .event .date {
  float:right;
}

#calendar .maincalendar .eventlist .event .description .commands {
  width:100%;
}

#calendar .maincalendar .eventlist .event .description {
  padding:5px;
}

#calendar .maincalendar .eventlist .event .picture {
  padding:8px;
}

#calendar .maincalendar .eventlist .event .side {
  width:32px;
}

#calendar #selecteventtype table {
  margin:auto;
}

#calendar .event_global,
#calendar .event_course,
#calendar .event_group,
#calendar .event_user,
.minicalendar .event_global,
.minicalendar .event_course,
.minicalendar .event_group,
.minicalendar .event_user {
  border:2px solid !important;
}

#calendar .duration_global,
#calendar .duration_course,
#calendar .duration_group,
#calendar .duration_user,
.minicalendar .duration_global,
.minicalendar .duration_course,
.minicalendar .duration_group,
.minicalendar .duration_user
{
  border-top:2px solid !important;
  border-bottom:2px solid !important;
}

/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
/*   border-color:#2EBA0E !important;
  background-color:#2EBA0E;
  */
   border-color:#AAAAAA !important;
  background-color:#AAAAAA;

}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#FF9966 !important;
  background-color:#FF9966;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#FBBB23 !important;
  background-color:#FBBB23;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#A1BECB !important;
  background-color:#A1BECB;
}

#calendar .today,
.minicalendar .today {
  border:2px solid;
  border-color:#000000 !important;
}

.cal_popup_bg {
  padding:0px;
  margin:0px;
  border:1px solid;
  border-color:#C6BDA8;
  background-color:#FEF9F6;
}

.cal_popup_fg {
  background-color:#FEF9F6;
}

.cal_popup_close {
  margin-right:5px;
}

.cal_popup_caption {
  border-width:0px 0px 1px 0px;
  border-style:solid;
  padding-bottom:2px;
}

/*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
.calendar-controls .previous,
.calendar-controls .next
{
  width: 12%;
}
.calendar-controls .previous {
  text-align: left;
}
.calendar-controls .current {
  text-align: center;
}
.calendar-controls .next {
  text-align: right;
}
span.previous, span.current, span.next {
  display: block;
  float: left;
}
span.current {
  width: 76%;
}




/***
 *** Course
 ***/

.activitydate, .activityhead {
  text-align:center;
}

#course-view .section td {
  vertical-align:top;
}

#course-view .section td.content {
   padding:5px;
}

#course-view .section td.side {
   padding:5px;
}

#course-view .section td.left {
   border-right:0px;
   text-align:center;
   width: 1.5em;
   padding-top: 10px;
   border-color: #FFFFFF;
}

#course-view .section td.right {
   border-left:0px;
   text-align:center;
   width: 1.5em;
   border-color: #FFFFFF;
}

#course-view .current .side {
}

#course-view .section .spacer {
   height:0.5em;
   padding-bottom: 1em;
}

#course-view .section .weekdates {
}

#course-view ul.section,
#site-index ul.section,
#course-view ul.section li,
#site-index ul.section li {
   margin: 0;
   padding: 0;
   text-indent: 0;
   list-style: none;
   padding-bottom: 0.2em;
   padding-top: 0.2em;
}

#course-view ul.section li.activity ul li,
#site-index ul.section li.activity ul li {
  list-style: disc;
}

/*Accessibility: No-tables course format. */
#course-view ul.weekscss, .weekscss li {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
}
/* Window-width: 800 pixels.
   IE doesn't support, see inline IE conditional comment. */
.weekscss-format {
  min-width: 763px;
}
.weekscss-format .block_adminblock select,
.weekscss-format .block_calendar_month .minicalendar {
  width: 100%;
  padding: 0;
}
.weekscss-format .block_calendar_month .minicalendar th,
.weekscss-format .block_calendar_month .minicalendar td {
  padding: 0.1em 0 0.1em 1px;
}
.weekscss-format #middle-column {
  margin: 0 12.5em 0 12.5em;
}
.weekscss-format #left-column,
.weekscss-format #right-column {
  width: 11.5em;
}
.weekscss-format #left-column {
  float: left;
}
.weekscss-format #right-column {
  float: right;
}
.weekscss li.section {
  margin-bottom: 0.5em;
  border-style:solid;
  border-width:1px;
}
.weekscss .content,
.weekscss .side {
  padding: 5px;
}
.weekscss .content {
  margin: 0 1.7em 0 1.7em;
}
.weekscss .right {
  width: 1.6em;
  float: right;
  text-align:center;
}

.section .activity img.activityicon {
  vertical-align:middle;
  height:16px;
  width:16px;
}

.section img.movetarget {
  height:16px;
  width:80px;
}

body#course-view .unread {
  margin-left: 3em;
}

body#course-view .sideblock.drag .header {
  cursor: move;
}

body#course-enrol .generalbox {
  margin-top: 20px;
}

body#course-enrol .coursebox {
  margin-top: 20px;
}

body#course-user .graph {
  text-align: center;
}

body#course-user .section,
body#course-user .content {
  margin-left: 30px;
  margin-right: 30px;
}

body#course-user .section {
  border-width:1px;
  border-style:solid;
  padding:10px;
  margin-bottom: 20px;
}

body#course-user .section h2 {
  margin-top: 0px;
}


.headingblock, h2.headingblock {
  border-width:1px;
  border-style:solid;
  padding:5px;
  margin:0%;
}

.headingblock .link {
  text-align:right;
}

body#site-index .headingblock,
body#course-view .headingblock {
   margin-bottom: 9px;
   background-color: #017a9b;
   text-transform: uppercase;
   color: #207498;
}

.coursebox {
  margin-bottom: 8px;
  width: 90%;
}

.categoryboxcontent,
.courseboxcontent {
  border-width:1px;
  border-style:solid;
}

.courseboxcontent .cost {
  padding-top: 20px;
}

.courseboxcontent ul.teachers li {
  list-style-type:none;
  padding:0;
  margin:0;
  text-indent:0;
}

.headingblock {
  border-width:1px;
  border-style:solid;
  padding:5px;
}


.categorybox .category,
.categorybox .category {
  border-bottom: solid;
  border-width: 1px;
  padding-top: 7px;
  border-color: #C6BDA8;
  font-size: 1.2em;
  font-weight: bold;
}

#course-view .section .left {
   font-size: 1.1em;
   font-weight: bold;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-width: 1px;
  border-style: dashed;
}

.headingblock {
   border-color:#007D98;
}

.categoryboxcontent,
.courseboxcontent {
  border-color:#C6BDA8;
  background: #FFFFFF;
}

#course-view .section.main .content {
   border-color: #FFFFFF;
   background-color: #FFFFFF;
}

#course-view .section.main .summary {
   text-align: left;
   font-size: 14px;
/* AEA   color: #FBA92A; */
   color: #207498;
   padding-left: 5px;
   margin-top: 6px;
   margin-bottom: 15px;
   font-weight: bold;
}

#course-view .section.main .side {
   background-color: #FFFFFF;
/* AEA   color: #FBA92A; */
   color: #AAAAAA;
}

#course-view .current .right.side,
#course-view .current .left.side {
  background-color: #C6BDA8;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-color:#C6BDA8;
}

#course-view .current .side{
  background-color: #E3DFD4;
}

/***
 *** Forms
 ***/

form.mform {
  margin: 0;
  padding: 0;
  width: 100%;
}
form.mform fieldset {
  border: 1px solid black;
  padding: 10px 0;
  margin: 0;
  width:100%;
}
form.mform fieldset.hidden, form.mform fieldset.felement {
  border: 0;
}
form.mform fieldset.felement {
  width: auto;
}
form.mform fieldset legend {
  font-weight: bold;
}

form.mform div.fitem {
  clear: both;
  width: 100%;
  min-height: 1.5em;
}
/* uncomment this and edit formslib.php for
ol li containers for form items.

form.mform fieldset li.qfrow {
  list-style: none;
  padding: 5px;
  margin: 0;
  clear: both;
  width: 100%;
  min-height: 1.5em;
}
form.mform fieldset ol {
  margin: 0;
  padding: 0;
}*/

/* AEA - disable, because newuser form
form.mform label {
  display: block;
  float: left;
  width: 30%;
  padding: 0;
  margin: 0 0 0 0;
  text-align: right;
}
div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label{
  display:inline;
  float: none;
  width: auto;
}
*/
form.mform div.felement,  form.mform fieldset.felement{
  display: block;
  float: left;
  margin: 5px 0 0 10px;
  padding: 0;
  text-align:left;
}

form.mform div.fdescription {
  clear: both;
  min-height: 1.5em;
}

form.mform input, form.mform select {
  width: auto;
}
form.mform ftextarea {
}
form.mform br {
  clear: left;
}
form.mform div.fhtmleditor {
  margin: 0 auto 10px auto;
  width : 718px;
  clear:both;
  float:none;
}
form.mform span.error, form.mform span.required {
  color: red;
}
form.mform div.error,form.mform fieldset.error {
  border: 1px solid red;
  padding: 5px;
  color: inherit;
}

/***
 *** Tabs
 ***/

.tabs {
  width: auto;
  margin-bottom: 15px;
  border-collapse: collapse;
}

.tabs td {
  padding: 0px;
}

.tabs .side {
  width: 50%;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

.tabrow {
  border-collapse:collapse;
  width:100%;
  margin: 1px 0px 0px 0px;
}

.tabrow td {
  padding:0 0 0px 14px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

.tabrow th {
  display:none;
}
.tabrow td .tablink {
  display:block;
  padding:10px 14px 4px 0px;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
}
.tabrow .last {
  display:block;
  padding:0px 1px 0px 0px;
}

.tabrow td.selected {
  border-width: 0px;
}

.tabs .side {
  border-color: #C6BDA8;
}
.tabrow td {
  background:url(img/pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(img/pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(img/pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(img/pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(img/pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(img/pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(img/pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(img/pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(img/pix/tab/right_active_hover.gif);
}
.highlight {
  background-color: #aaffaa;
}

/***
 *** Doc
 ***/

body#doc-contents h1 {
  margin: 1em 0px 0px 0px;
}

body#doc-contents ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 90%;
}


/***
 *** Grades
 ***/

body#grade-index .grades {
  border-width:1px;
  border-style:solid;
  border-collapse: separate;
}

body#grade-index .grades td {
  border-width:0px 1px 0px 1px;
  border-style:solid;
  border-collapse: collapse;
}

body#grade-index .grades .header {
  vertical-align: top;
}

body#grade-index .grades .points,
body#grade-index .grades .percent,
body#grade-index .grades .weighted {
  text-align: right;
}

.backup-form-instances {
   margin:0px 20px 0px 20px;
}
.restore-form-instances {
   margin:0px 20px 0px 20px;
}


/***
 *** Login
 ***/

.loginbox {
  margin-top:15px;
  margin-bottom:0px;
  background-color: #F9FAFA;
/*  width: 460px;
  height: 190px; */
  width: 350px;
/*  height: 140px; */
  margin-left: 0px;
}

.loginbox .content {
  border-width:1px;
  border-style:solid;
  padding:15px;
  border-top-width: 0px;
  border-color:#C6BDA8;
}

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
  border-color:#C6BDA8;
}

table.loginbox {
  margin-top: 20px;
}

.loginbox_bottom {
  margin-top:0px;
  background-color: transparent;
/*  width: 460px;
  height: 190px; */
  width: 350px;
/*  height: 140px; */
  margin-left: 0px;
}

.loginbox_bottom table {
  width: 350px;
}

.loginform .c1,
.logintable .c1 {
  text-align: left;
}

.loginform .c1 input,
.logintable .c1 input {
  width: 6em;
}


/***
 *** Message
 ***/

.message .link {
  vertical-align:middle;
}

table.message .searchresults td {
  padding:5px;
  border-width:1px;
  border-style:solid;
  border-collapse:collapse;
  border-spacing:0px;
}
.message .summary .link {
  text-align:right;
}
.message .heading {
  text-align:center;
}

.message .note {
  text-align:center;
  padding:10px;
}

#message-user .commands span {
  margin-left:10px;
  margin-right:10px;
}

body#message-messages {
  padding:10px;
}

/***
 *** MyMoodle
 ***/

.my .courseboxcontent .overview .info {
  margin-left:20px;
}

.my .courseboxcontent .overview {
  margin-bottom:10px;
}

/***
 *** Question
 ***/

.que {
/* AEA  width: 90%; */
  width: 740px;
  text-align: left;
  margin: 10px auto 15px auto;
  border: 1px solid;
  clear: both;
}
.que .info {
  float: left;
  margin: 5px;
  width: 8%;
}
.que .info .no {
  font-weight: bold;
  color: #207498;
}

.que .grade {
  margin-top: 0.5em;
}
.que .content {
  float: right;
  margin: 5px;
  width: 88%;
}
.que .qtext {
  margin-bottom: 1.5em;
  font-weight: bold;
  color: #207498;
}
.que .ablock {
  margin: 0.7em 0 0.3em 0;
}
.que .prompt {
  float: left;
  width: 15%;
  height: 2em;
  padding-top: 0.3em;
  font-weight: bold;
}
.que .control {
  width: 5%;
}
.que .answer {
  float: right;
  width: 83%;
  margin-bottom: 0.5em;
}
.que .submit {
  position: relative;
  clear: both;
  float: left;
}
/* MSIE Hack */
* html .que .submit {
  float: none;
}
.multianswer .submit {
  margin-top: 1em;
}
.que .c0,
.que .c1 {
  padding: 0.3em 0 0.3em 0.3em;
  vertical-align: top;
}
.que .feedback {
  clear: both;
  float: right;
  width: 83%;
  padding: 0 0 0.3em 0.3em;
  border: 1px solid;
}
.multichoice td.feedback {
  width: auto;
  vertical-align: top;
  padding-top: 0.3em;
  border-style: none;
}
.essay .feedback {
  border-style: none;
}
.multichoice .text {
  width: auto;
}
.calculated .answer,
.numerical .answer,
.shortanswer .answer,
.truefalse .answer {
  padding: 0.3em 0 0.3em 0.3em;
}
.calculated .answer input,
.numerical .answer input,
.shortanswer .answer input {
  width: 85%;
}
.truefalse .answer span {
  float: left;
  clear: left;
  padding: 0.2em 0;
}
.que .grading,
.que .comment,
.que .commentlink,
.que .generalfeedback,
.que .history {
  float: right;
  margin: 5px;
  width: 88%;
}

/***
 *** Logs
 ***/

.logtable td,
.logtable th {
  padding-left: 10px;
  padding-right: 10px;
}

.logtable th {
  text-align:left;
}

/***
 *** User
 ***/

.userinfobox {
  margin-bottom:5px;
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;
}

.userinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}

.userinfobox .content {
  padding: 10px;
  vertical-align: top;
}

.userinfobox .links {
  width: 100px;
  padding: 5px;
  vertical-align: bottom;
}

.userinfobox .list td {
  padding: 3px;
}

.userinfobox .username {
  padding-bottom: 20px;
}


table.userinfobox {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

table.groupinfobox {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
  border-width:1px;
  border-style:solid;
  margin-bottom: 20px;
}

.groupinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}

body#user-index h2 {
  text-align: center;
}

body#user-index #longtimenosee,
body#user-index #showall {
  text-align: center;
}

body#user-index #showall {
  margin: 10px 0px;
}

body#user-index table#participants {
  margin: auto;
  width: 80%;
}

body#user-index table#participants td,
body#user-index table#participants th {
  vertical-align: middle;
  text-align: left;
  padding: 4px;
}

body#user-index table.controls {
  width: 100%;
}
body#user-index table.controls tr {
  vertical-align: top;
}
body#user-index table.controls td.right,
body#user-index table.controls td.left {
  padding: 4px;
}
body#user-index table.controls .right {
  text-align: right;
}
body#course-participation h2 {
  text-align:center;
}
body#course-participation #showall {
  text-align:center;
  margin: 10px 0px;
}
body#user-index .rolesform {
  text-align:center;
}

/***
 *** Modules: Assignment
 ***/

#mod-assignment-submissions .feedback .content,
#mod-assignment-submissions .feedback .topic,
#mod-assignment-submissions .feedback .picture
{
  padding: 10px;
  border-width:1px;
  border-style:solid;
  border-color:#DDDDDD;
}

.mod-assignment .feedback .files {
  float: right;
  background-color: #EFEFEF;
  padding:5px;
}

.mod-assignment .feedback .grade {
  float: right;
}

.mod-assignment .feedback .from {
  float: left;
}

.mod-assignment .feedback .time {
  font-size: 0.8em;
}

.mod-assignment .late {
  color: red;
}

.mod-assignment .files img {
  margin-right: 4px;
}

.mod-assignment .files a {
  white-space:nowrap;
}

#mod-assignment-submissions .generaltable .r1 {
  background-color: #FFFFFF;
}

#mod-assignment-submissions .header .commands {
  display: inline;
}

#mod-assignment-submissions .s0 {
  background: #FFD991;
}

#mod-assignment-submissions table.submissions td,
#mod-assignment-submissions table.submissions th
{
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
}

#mod-assignment-submissions .submissions .grade {
  text-align: right;
  font-weight:bold;
}

#mod-assignment-submissions .picture {
  width: 35px;
}

#mod-assignment-submissions .fullname {
  text-align: left;
}

#mod-assignment-submissions .timemodified,
#mod-assignment-submissions .timemarked
{
  text-align: left;
  font-size: 0.9em;
}

#mod-assignment-submissions .status {
  text-align: center;
}

#mod-assignment-view #online .singlebutton {
  text-align: center;
}

#mod-assignment-view #dates {
  font-size: 0.8em;
  margin-top: 30px;
  margin-bottom: 30px;
}

#mod-assignment-view #dates .c0{
  text-align:right;
  font-weight:bold;
}

#mod-assignment-view .feedback {
  border-width:1px;
  border-style:solid;
  border-color:#DDDDDD;
  margin-top: 15px;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

#mod-assignment-view .feedback .topic {
  padding: 4px;
  border-style:solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color:#DDDDDD;
}

#mod-assignment-view .feedback .fullname {
  font-weight: bold;
}

#mod-assignment-view .feedback .date {
  font-size: 0.8em;
}

#mod-assignment-view .feedback .content {
  padding: 4px;
}

#mod-assignment-view .feedback .grade {
  text-align: right;
  font-weight:bold;
}

#mod-assignment-view .feedback .left {
  width: 35px;
  padding: 4px;
  text-align: center;
  vertical-align: top;
}


/***
 *** Modules: Chat
 ***/

#mod-chat-gui_header_js-jsupdate {
  margin:10px
}
#mod-chat-gui_header_js-jsupdate .chat-event,
#mod-chat-gui_header_js-jsupdate .chat-message {
  width:100%;
  padding:0;
  margin-top:7px
}
.chat-event .picture,
.chat-message .picture {
  width:40px;
  vertical-align:top;
}
.chat-event .text,
.chat-message .text {
  text-align: left;
}

/***
 *** Modules: Choice
 ***/

.mod-choice .results {
  border-collapse: separate;
}

.mod-choice .results .data {
  border-width:1px;
  border-style:solid;
  border-color:#999;
}

/***
 *** Modules: Data
 ***/

#mod-data-view #sortsearch .c0 {
  text-align: right;
}

.mod-data-field .c0 {
  text-align: right;
}

.mod-data-field .fieldname {
  width:300px;
}

.mod-data-field .fielddescription {
  width:300px;
}

.presetcontrols form {
  display: inline;
}


/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-color:#C6BDA8;
/* AEA */
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.forumpost {
  margin-top: 15px;
}

.forumpost .topic {
  padding: 4px;
  border-style:solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-bottom-color: #C6BDA8;
}

.forumpost .commands {
  padding-top: 0.5em;
  text-align:right;
  clear: both;
}

.forumpost .ratings {
  padding-top: 1em;
  text-align:right;
}

.forumpost .attachments {
  padding: 7px;
  text-align:right;
}

.forumpost .content {
  padding: 4px;
  background: #FEF9F6;
}

.forumpost .footer {
  padding-top: 0.5em;
  text-align:right;
}

.forumpost .link {
  padding-top: 0.5em;
  text-align:right;
}

.forumpost .left {
  width: 35px;
  padding: 4px;
  text-align: center;
  vertical-align: top;
}

.forumpost .starter {
  background:#FEF9F6;
}

.mod-forum .indent {
  margin-left: 30px;
  background:#FEF9F6;
}

body#user-view .forumpost,
.course .forumpost {
  width: 100%;
}

body#mod-forum-search .c0 {
  text-align: right;
}

body#mod-forum-search .introcontent {
  padding: 15px;
}

.forumolddiscuss {
  text-align: right;
}

/* AEA
.forumheaderlist {
  width: 100%;
}
*/

.forumheaderlist td {
  border-width:1px 0px 0px 1px;
  border-style:solid;
  border-color: #C6BDA8;
}

.forumheaderlist .replies {
  text-align: center;
  white-space: nowrap;
}

.forumheaderlist .picture {
  width: 35px;
}

.forumheaderlist .discussion .starter {
  vertical-align: middle;
  background:#FEF9F6;
}

.forumheaderlist .lastpost {
  white-space: nowrap;
  text-align: right;
}

.forumheaderlist .discussion .author {
  white-space: nowrap;
}
.forumolddiscuss {
  text-align:right;
}
.forumaddnew,
.forumnodiscuss,
.noticeboxcontent {
  text-align:center;
}

.forumthread .unread {
  background: #FEF9F6;
}

#mod-forum-view .unread {
  padding-left: 3px;
  padding-right: 3px;
}
#mod-forum-discuss .forumpost {
  background: none;
}
#mod-forum-discuss .forumpost.unread .content {
  border-style: solid;
  border-width: 2px;
  border-color: #C6BDA8;
}
#mod-forum-index .unread img,
#mod-forum-view .unread img
{
  margin-left: 5px;
}

#email .unsubscribelink {
  margin-top:20px;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  text-align:center;
}

/***
 *** Modules: Glossary
 ***/

.glossarypost .commands {
  width: 200px;
  white-space: nowrap;
}

#mod-glossary-comments .glossarypost,
#mod-glossary-comment .glossarypost {
  margin-top: 15px;
}

.entryboxheader {
  border-width: 1px 1px 0px 1px;
  border-style: solid;
}

.entrybox {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
}

.glossarypost {
  width: 95%;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  margin-bottom: 5px;
  text-align: left;
}


.entrylist {
  border-width:0px;
}

.entrylowersection {
  padding-top: 10px;
}
.entrylowersection table{
  width: 100%;
}
.entrylowersection .aliases {
  text-align:center;
}
.entrylowersection .icons,
.entrylowersection .ratings {
  text-align:right;
  padding-right: 5px;
}
.entrylowersection .ratings {
  padding-bottom: 2px;
}
.categoryheader {
  width: 95%;
}
.glossaryformatheader {
  width: 90%;
}

.glossarypost .entry {
  padding: 3px;
}

.glossarypost .picture {
  width: 35px;
}

.glossarycomment {
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  margin-bottom: 5px;
  text-align: left;
}


.glossarycomment .entry {
  padding: 3px;
}

.glossarycomment .picture {
  width: 35px;
}

.glossarycomment .icons {
  text-align: right;
}

.glossarydisplay {
  width: 70%;
}

.glossarydisplay .tabs {
  width: 100%;
}

.glossarydisplay .separator {
  width: 4px;
}

.glossarydisplay .tabs .selected,
.glossarydisplay .tabs .inactive,
.glossarydisplay .tabs .general {
}

.glossarypopup {
  width: 95%;
}

.glossaryapproval {
  width: 100%;
}

.mod-glossary .glossarydisplay .tabs {
  margin-bottom: 0px;
}
.mod-glossary .glossarydisplay .tabs .side {
  border-style: none;
  border-width: 0px;
  width: auto;
}


/***
 *** Modules: Journal
 ***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
  margin: 5px;
  text-align: center;
}
#mod-journal-view .feedbackbox {
  width: 75%;
  border-collapse: separate;
}
#mod-journal-view .entrycontent {
  padding: 3px;
}
#mod-journal-view .picture {
  width: 35px;
}
#mod-journal-view .grade {
  text-align: right;
}
#mod-journal-view .info {
  margin-bottom: 5px;
  text-align: right;
}

/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/

.mod-lesson .contents {
    text-align: left;
}

.mod-lesson .addlinks {
    font-size: .8em;
}

.mod-lesson .userinfotable .cell,
.mod-lesson .userinfotable .userpicture {
    vertical-align: middle;
}

#mod-lesson-view .password-form {
    text-align: center;
    margin-top: 20px;
}

#mod-lesson-view .password-form .submitbutton {
    display: inline;
}

#mod-lesson-essay .graded {
    color:#DF041E;
}

#mod-lesson-essay .sent {
    color:#006600;
}

#mod-lesson-essay .ungraded {
    color:#999999;
}

#mod-lesson-essay .gradetable {
    margin-bottom: 20px;
}

#mod-lesson-essay .buttons {
    text-align: center;
}
/* .response style is applied for both .correct and .incorrect */
.mod-lesson .response {
    padding-top: 10px;
}

/* for correct responses (can override .response) */
.mod-lesson .correct {
    /*color: green;*/
}

/* for incorrect responses (can override .response) */
.mod-lesson .incorrect {
    /*color: red;*/
}

/* for highlighting matches in responses for short answer regular expression (can override .incorrect) */
.mod-lesson .matches {
    /*color: red;*/
}
/* NOTE: background color, height and width are set in the lesson settings */
.mod-lesson .slideshow {
    overflow: auto;
    padding-right: 16px; /* for the benefit of macIE5 only */
    /* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */
    padding-right: 0;
    padding: 15px;
}
.mod-lesson .leftmenu_container {
  width:170px;
  height:400px;
  overflow:auto;
  vertical-align:top;
  padding-bottom: 15px;  /* for the sake of MacIE5 only */
}
.mod-lesson .leftmenu_title {
}
.mod-lesson .leftmenu_courselink {
    font-size:.9em;
}
.mod-lesson .leftmenu_links {
    font-size:.85em;
    font-style: normal;
}
.mod-lesson .leftmenu_links ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-left: 10px;
}

.mod-lesson .leftmenu_selected_link {
}

.mod-lesson .leftmenu_not_selected_link {
}

.mod-lesson .skip {
    position: absolute;
    left: -1000em;
    width: 20em;
}
.mod-lesson .lessonbutton a {
  padding-left:1em;
  padding-right:1em;
}

.mod-lesson .lessonbutton a:link,
.mod-lesson .lessonbutton a:visited,
.mod-lesson .lessonbutton a:hover {
    color: #000;
    text-decoration: none;
}

.mod-lesson .lessonbutton a:link,
.mod-lesson .lessonbutton a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}

.mod-lesson .lessonbutton a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
/***
 ***  Use these to override lessonbutton class
 ***  Or just comment out all of lessonbutton class definitions and start from scratch below
 ***/

/* for previous branch buttons only */
.mod-lesson .previousbutton {
}

/* for next branch buttons only */
.mod-lesson .nextbutton {
}

/* All other branch buttons */
.mod-lesson .standardbutton {
}

/* Next classes are for branch table buttons when displayed horizontally */
.mod-lesson .prevhorizontal,
.mod-lesson .prevhorizontal .lessonbutton,
.mod-lesson .nexthorizontal,
.mod-lesson .nexthorizontal .lessonbutton,
.mod-lesson .standardhorizontal,
.mod-lesson .standardhorizontal .lessonbutton {
    display: inline;
}

/* Next classes are for branch table buttons when displayed vertically */
.mod-lesson .prevvertical .lessonbutton,
.mod-lesson .nextvertical .lessonbutton,
.mod-lesson .standardvertical .lessonbutton {
    padding: 5px;
}

/*  branchbuttoncontainer wraps around branch table buttons */
.mod-lesson .branchbuttoncontainer {
    text-align: center;
    padding: 13px 3px 3px 3px;
}

.mod-lesson .branchbuttoncontainer form {
    display: inline;
}

/***
 *** Lesson Progress Bar
 ***    Default styles for this are very basic right now.
 ***    User is supposed to configure this to their liking (like using pictures)
 ***/

.mod-lesson .progress_bar {
    padding: 20px;
}

.mod-lesson .progress_bar_table {
    width: 80%;
    padding: 0px;
    margin: 0px;
}

.mod-lesson .progress_bar_completed {
    /*  Example Use of Image
    background-image: url(http://aulavirtual.calle11.com/mod/lesson/completed.gif);
    background-position: center;
    background-repeat: repeat-x;
    */
    background-color: green;
    padding: 0px;
    margin: 0px;
}

.mod-lesson .progress_bar_todo {
    /*  Example Use of Image
    background-image: url(http://aulavirtual.calle11.com/mod/lesson/todo.gif);
    background-repeat: repeat-x;
    background-position: center;
    */
    background-color: red;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.mod-lesson .progress_bar_token {
    /*  Example Use of Image
    background-image: url(http://aulavirtual.calle11.com/mod/lesson/token.gif);
    background-repeat: repeat-none;
    */
    background-color: #000000;
    height: 20px;
    width: 5px;
    padding: 0px;
    margin: 0px;
}


/***
 *** Modules: Quiz
 ***/


#mod-quiz-attempt #page {
  text-align: center;
}

body#mod-quiz-report table#attempts,
body#mod-quiz-report table#commands,
body#mod-quiz-report table#itemanalysis
{
  width: 80%;
  margin: auto;
}
body#mod-quiz-report table#attempts {
  margin: 20px auto;
}
body#mod-quiz-report table#attempts .header,
body#mod-quiz-report table#attempts .cell
{
  padding: 4px;
}
body#mod-quiz-report table#attempts .header .commands {
  display: inline;
}
body#mod-quiz-report table#attempts .picture {
  width: 40px;
}
body#mod-quiz-report table#attempts td {
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  vertical-align: middle;
}
body#mod-quiz-report table#attempts .header {
  text-align: left;
}
body#mod-quiz-report table#attempts .picture {
  text-align: center !important;
}
body#mod-quiz-report .controls {
  text-align: center;
}

/* .navbutton form {
  display: inline;
  } */

body#mod-quiz-report table#itemanalysis {
  margin: 20px auto;
}
body#mod-quiz-report table#itemanalysis .header,
body#mod-quiz-report table#itemanalysis .cell
{
  padding: 4px;
}
body#mod-quiz-report table#itemanalysis .header .commands {
  display: inline;
}
body#mod-quiz-report table#itemanalysis td {
  border-width: 1px;
  border-style: solid;
}
body#mod-quiz-report table#itemanalysis .header {
  text-align: left;
}
body#mod-quiz-report table#itemanalysis .numcol {
  text-align: center;
  vertical-align : middle !important;
}

body#mod-quiz-report table#itemanalysis .uncorrect {
  color: red;
}

body#mod-quiz-report table#itemanalysis .correct {
  color: blue;
  font-weight : bold;
}

body#mod-quiz-report table#itemanalysis .partialcorrect {
  color: green !important;
}

body#mod-quiz-report table#itemanalysis .qname {
  color: green !important;
}

/* manual grading */
body#mod-quiz-grading table#grading
{
  width: 80%;
  margin: auto;
}

body#mod-quiz-grading table#grading
{
  margin: 20px auto;
}

body#mod-quiz-grading table#grading .header,
body#mod-quiz-grading table#grading .cell
{
  padding: 4px;
}

body#mod-quiz-grading table#grading .header .commands
{
  display: inline;
}

body#mod-quiz-grading table#grading .picture
{
  width: 40px;
}

body#mod-quiz-grading table#grading td
{
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  vertical-align: bottom;
}

.mod-quiz .quiz-report-title {
  text-align: center;
  font-weight : bold;
}

.mod-quiz .gradingdetails {
  font-size: small;
}

#mod-quiz-attempt #page {
    text-align: center;
}

#mod-quiz-attempt #timer .generalbox {
  width:150px
}

#mod-quiz-attempt #timer {
  position:absolute;
  /*top:100px; is set by js*/
  left:10px
}
#question-preview .essay .answer textarea {
  width: 400px;
}


/***
 *** Modules: Resource
 ***/

.ims-nav-bar {
  position: relative;
  padding:0.1em;
}

.ims-nav-button a,
.ims-nav-dimmed {
  padding-left:1em;
  padding-right:1em;
}

#ims-containerdiv {
  margin-top:0.2em;
}

#ims-menudiv {
  position:absolute;
  width:250px;
  overflow:auto;
}

#ims-menudiv ol {
  list-style-type:none;
  margin:0px;
  padding-left:1em;
}

#ims-contentframe {
  position:absolute;
  left:260px;
  border:1px solid;
  width:640px;
  height:480px;
}

#ims-contentframe-no-nav {
  position:absolute;
  border:1px solid;
  width:640px;
  height:480px;
}

#mod-resource-view div#footer {
  margin-top: 5px;
}

/***
 *** Modules: Scorm
 ***/

.structlist  {
  list-style-type: none;
  white-space: nowrap;
  font-size: small;
}
.orgtitle {
  font-weight: bold;
  font-size: small;
}
.mod-scorm .top {
  vertical-align: top;
}
.mod-scorm .left {
  text-align: left;
}
.mod-scorm .center {
  text-align: center;
}
.mod-scorm .right {
  text-align: right;
}
.mod-scorm .scoframe {

}

#mod-scorm-player #scormpage {
  position: relative;
  width: 100%;
}
#mod-scorm-player #tocbox {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 19%;
}
#mod-scorm-player #tochead {
  text-align: center;
  font-weight: bold;
}
#mod-scorm-player #scormbox {
  position: absolute;
  right: 0px;
  top: 0px;
}
#mod-scorm-player .toc {
  width: 80%;
  margin-left: 20%;
}
#mod-scorm-player .no-toc {
  width: 100%;
}
#mod-scorm-player #scormobject {
 /* border: 1px solid black; */
}
#mod-scorm-player #scormtop {
  position: relative;
  width: 100%;
  height: 30px;
}
#mod-scorm-player #scormbrowse {
  position: absolute;
  left: 5px;
  top: 0px;
}
#mod-scorm-player #scormnav {
  position: absolute;
  right: 5px;
  top: 0px;
}
#mod-scorm-player .structurelist {
  list-style-type: none;
  text-indent:-4ex;
  font-size: small;
}

#mod-scorm-view .structurehead {
  font-weight: bold;
  text-align: center;
}
#mod-scorm-view .structurelist  {
  list-style-type: none;
  white-space: nowrap;
}


/***
 *** Modules: Survey
 ***/

/***
 *** Modules: Wiki
 ***/

/***
 *** Modules: Workshop
 ***/

.workshop_feedbackbox {
    margin-top: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
}

.workshop_feedbackbox .picture {
    vertical-align: top;
}

.workshop_feedbackbox .author {
    vertical-align: top;
    display: block;
}

.workshop_feedbackbox .time {
    vertical-align: top;
    display: block;
}

.workshop_feedbackbox .content {
    vertical-align: top;
}

.workshop_feedbackbox .comment {
    display: block;
}

.workshop_feedbackbox .teachercomment {
    display: block;
    font-weight: bold;
}

/* Plugin : admin_alert */

.admin_alert_title {
    font-weight: bold;
    color: #BFBAA8;
    border : solid 1px #BFBAA8;
/*    color: #FFFFFF; */
/*    background-color: #BFBAA8; */
    margin-top : 15px;
    margin-bottom : 10px;
    padding-left: 2px;
}

.admin_alert_titlelist {
    margin-top: 10px;
    margin-left: 10px;
    border-bottom : solid 1px #207498;
}

.admin_alert_noitems {
    padding-left: 20px;
}

ul.admin_alert_list {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 40px;
}

.admin_alert_list li {
}

.admin_alert_fastitem {
   font-size: 0.8em;
   list-style-type: none;
}

.contact_panel h4 {
   font-family:Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align: left;
   margin-top: 10px;
   margin-bottom: 5px;
   color: #207498;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-color: #AAAAAA;
}

.contact_panel .contact_title {
   font-weight: bold;
}


table.enrol-course-info {
    /* width: 100%; */
    margin: 10px 30px;
    border: 1px solid #aacfdd;
}

table.enrol-course-info td.field-label {
    width: 200px;
    padding: 5px;
    background: #aacfdd;
    font-weight: bold;
    vertical-align: top;
}

table.enrol-course-info td.field-value {
    padding: 5px;
}

.moderated-filter-from,
.moderated-course-selected {
    width: 95%;
    margin: 10px auto;
}

.moderated-return-button {
    margin: 10px auto;
    width: 100px
}

/***** ale/modules.css end *****/

/***** ale/blocks.css start *****/

/***
 *** Blocks
 ***/

/*Accessibility: Skip block link, for screen reader users. */
a.skip-block, .skip-block {
  display:block;
  width:2em;
  height:1px;
}
.sideblock .skip-block {
  height:4px;
}
.skip-block-to {
  font-size:1px;
}

.sideblock li .icon img {
  width:16px;
  height:16px;
}

ul.list, ul.list li, ol.list, ol.list li {
	list-style-type:none;
	padding:0;
	margin:0;
	text-indent:0px;
}

.sideblock .content h3,
.sideblock .content h2 {
  text-align: left;
}
/*.sideblock .content h3, ??*/
.sideblock .content h2 {
  margin:1.5em 0 0;
  padding:0;
}

.sideblock {
  margin-bottom:1em;
  width: 100%;
  border-color:#C6BDA8;
}

.sideblock .header, .sideblock h2.header {
	text-align: left;
	margin:0;
	padding:0px;
	padding-top:0;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
}
.sideblock h2 {
	margin:0;
	text-transform: uppercase;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 0px;
	color: #FFFFFF;
	font-size: 11px;
}

.sideblock .header .hide-show {
  float:right;
}

.sideblock .header .hide-show img.hide-show-image {
  background: url(pix/t/switch_minus.gif) no-repeat bottom;
  height:11px;
  width:11px;
  margin-top:0.25em;
}

.sideblock .header .commands {
  margin-top: 0.3em;
  clear: both;
  height: 16px;
}

.sideblock .header .commands a {
  margin: 0px 2px;
}

.sideblock .content {
   padding: 4px;
   border-width: 1px;
   border-style: solid;
   border-color:#FFFFFF;
   background-color:#FFFFFF;
}

.sideblock .content hr {
  height:1px;
  margin-top:4px;
  margin-bottom:4px;
  border:none;
  border-top:1px solid;
}

#left-column .hidden .header,
#right-column .hidden .header
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#left-column .hidden .content,
#right-column .hidden .content
{
  display: none;
}

.sideblock .list {
	width: 100%;
}

.sideblock .list .c0{
  padding: 2px;
}

.sideblock .footer {
   border-top-color:#C6BDA8;
   margin-bottom: 4px;
   text-align:center;
   border-top-width:1px;
   border-top-style:dashed;
   font-size: 0.85em;
   text-align: left;
}

.sideblock .header .icon.hide,
.sideblock .header .icon.edit {
  margin-right: 6px;
}

.sideblock .content .head {
  margin-top: 10px;
}

.sideblock .icon {
  display: block;
  float: left;
  margin-right: 0.3em;
}

.sideblock .list li {
	clear: left;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.blockconfigtable {
  margin-top: 0;
}

.blockconfiginstancecontent .tabs {
  margin-bottom: 0px;
}

.block_online_users .listentry {
  padding-top:5px;
}

.sideblock .header {
/*	border-color: #FFFFFF; */
   border-color: #bfbaa8;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
  background: url(pix/t/switch_plus.gif) no-repeat bottom;
}

.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
  color: #000000;
  }

.sideblock .post .head {
  color:#FEF9F6;
}

/***
 *** Block: Admin
 ***/

.block_adminblock .content {
    text-align: center;
    padding: 10px;
}

/***
 *** Block: Blog tags
 ***/

.block_blog_tags .s20 {
  font-size: 1.5em;
  font-weight: bold;
}

.block_blog_tags .s19 {
  font-size: 1.5em;
}

.block_blog_tags .s18 {
  font-size: 1.4em;
  font-weight: bold;
}

.block_blog_tags .s17 {
  font-size: 1.4em;
}

.block_blog_tags .s16 {
  font-size: 1.3em;
  font-weight: bold;
}

.block_blog_tags .s15 {
  font-size: 1.3em;
}

.block_blog_tags .s14 {
  font-size: 1.2em;
  font-weight: bold;
}

.block_blog_tags .s13 {
  font-size: 1.2em;
}

.block_blog_tags .s12,
.block_blog_tags .s11 {
  font-size: 1.1em;
  font-weight: bold;
}

.block_blog_tags .s10,
.block_blog_tags .s9 {
  font-size: 1.1em;
}

.block_blog_tags .s8,
.block_blog_tags .s7 {
  font-size: 1em;
  font-weight: bold;
}

.block_blog_tags .s6,
.block_blog_tags .s5 {
  font-size: 1em;
}

.block_blog_tags .s4,
.block_blog_tags .s3 {
  font-size: 0.9em;
  font-weight: bold;
}

.block_blog_tags .s2,
.block_blog_tags .s1 {
  font-size: 0.9em;
}

/***
 *** Block: Calendar month
 ***/

.block_calendar_month .cal_popup_caption,
.block_calendar_month .cal_popup_fg div {
    font-size: 0.85em !important;
}

.block_calendar_month .filters {
    font-size:0.75em;
    padding: 5px;
}

.block_calendar_month .filters table {
    border-collapse:separate;
    border-spacing: 2px;
    padding: 2px;
}

.block_calendar_month .event_global,
.block_calendar_month .event_course,
.block_calendar_month .event_group,
.block_calendar_month .event_user {
    border-width: 2px;
    border-style: solid;
}

/***
 *** Block: Calendar upcoming
 ***/

.block_calendar_upcoming .event .date {
    text-align:right;
}

/***
 *** Block: Course summary
 ***/

.block_course_summary .content {
    padding:10px;
}

/***
 *** Block: Login
 ***/

.block_login .logintable {
  text-align:center;
}

.block_login .loginform {
  display:inline;
}

/***
 *** Block: News items
 ***/

.block_news_items .newlink {
  text-align: center;
}

/***
 *** Block: Quiz results
 ***/

.block_quiz_results {
    text-align: center;
}

.block_quiz_results table.grades .number,
.block_quiz_results table.grades .grade {
    text-align: right;
    width: 10%;
}

.block_quiz_results table.grades {
    text-align: left;
    width: 100%;
}

.block_quiz_results table.grades caption {
    margin: 1em 0px 0px 0px;
    border-bottom: 1px solid;
    font-weight: bold;
}

.block_quiz_results h1 {
    margin: 4px;
    font-weight: bold;
    font-size: 1.1em;
}

/***
 *** Block: RSS client
 ***/

.block_rss_client .link {
  border-top:1px solid;
  border-top-color:#DDDDDD;
  padding-bottom:5px;
  font-size:0.82em;
}

.block_rss_client .description {
  color:#555555;
  font-size:0.78em;
  padding-left:10px;
  padding-bottom:8px;
}

.block_rss_client .title {
  font-size:1.0em;
}

.block_rss_client .image {
}

.blockconfigtable #rssfeeds {
    width: 100%;
}

.blockconfigtable #rssfeeds td.actions {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.blockconfigtable #rssfeeds td.feed {
    vertical-align: middle;
    padding: 5px;
}

.blockconfigtable #rssfeeds .title {
    font-weight: bold;
    margin-bottom: 2px;
}

.blockconfigtable #rssfeeds .url, .blockconfigtable #rssfeeds .description {
    font-size: 0.8em;
}

.blockconfigtable #rssfeeds tr.r0 {
  background-color: #ffffff;
}

.blockconfigtable #rssfeeds tr.r1 {
  background-color: #f0f0f0;
}

/***
 *** Block: Search forums
 ***/

.block_search_forums .searchform {
    text-align: center;
}

.block_search_forums .searchform img {
    vertical-align: middle;
}

/***** ale/blocks.css end *****/

/***** ale/campus_layout.css start *****/

/**************************************************************
  General - UTF8 Encoded - España
**************************************************************/

#page {
   min-width: 1090px; /* AEA - min width para que no desaparezcan los logos de salud madrid */
}

a img {
   border:none;
}

body {
   margin: 5px;
}

/* Defined in resource.css
h1,h2 {
   margin-top: 0px;
}

h2 {
   padding: 2px;
}

h2,
h3,
h4 {
  padding-left: 5px;
}

h4 {
  border-bottom-style: solid;
  border-bottom-width:1px;
}

h6 {
   border-style: solid;
   border-width: 1px 1px 1px 10px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 5px;
}
*/
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  padding-left: 5px;
}

img {
   border: 0px none ;
}

img.left {
   margin: 3px 10px 3px 0pt;
   clear: both;
   float: left;
}

img.right {
   margin: 10px 0pt 3px 10px;
   clear: both;
   float: right;
}

img.center {
   margin: 10px 58% 10px 42%;
}

img.userpicture,
img.grouppicture,
.block_online_users .listentry img {
  border: 0px solid
}

img.emoticon {
  width: 15px;
  height: 15px;
}

form {
  margin-bottom:0px;
}

form.popupform {
  display: inline;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
}

span.hide,
div.hide {
  display:none;
}

div.float-right {
   float: right;
}

div.float-left {
   float: left;
}

/* subclass = formtable */

table.formtable {
  margin: auto;
}

table.formtable tbody td,
table.formtable tbody th
{
  padding: 5px;
}

table.formtable tbody .htmlarea td,
table.formtable tbody .htmlarea th
{
  padding: 0px;
}

/**************************************************************
  id = layout-table
**************************************************************/

#layout-table {
  width:100%;
  border-collapse:separate;
/*  margin-top: 8px; */
  margin-top: 0px;
}

#layout-table #middle-column {
  padding-left:12px;
  padding-right:12px;
}

/**************************************************************
  id = help
**************************************************************/
#help .indent {
  margin-left:3em;
}

/**************************************************************
  id = header, header-home
**************************************************************/
#header-home {
  /* padding:1em 0.5em; */
/* AEA  height:80px; */
/*   height:64px; */
  height:119px;
}

#header-home, #header {
   border-style: none;
   border-width: 0px;
}

#header {
/* AEA   height:80px; */
/*   height:64px; */
   height: 119px;
}

.logininfo,
#header-home .headermenu font {
   padding-right: 5px;
/*   padding-top: 70px; */
}

/**************************************************************
  id = footer
**************************************************************/

/**************************************************************
  id = footer_line
**************************************************************/
#footer_line {
   height: 16px;
   border-top: solid 1px #207498;
}
/**************************************************************
  class = clearer
**************************************************************/

.clearer {
  clear:both;
  margin:0px;
  padding:0px;
  height:1px;
  border:none;
  display:block;
}

/**************************************************************
  class = clearfix
**************************************************************/

.clearfix {
  min-width: 0;
  overflow: hidden;
}

.clearfix:after {
  /* content: " ";  */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* .clearfix {display: inline-table;} */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**************************************************************
  class = mdl-align
**************************************************************/

/**************************************************************
  class = first
**************************************************************/

/**************************************************************
  class = continuebutton
**************************************************************/

/**************************************************************
  class = notifyproblem
**************************************************************/

.notifyproblem {
  padding: 10px;
}

/**************************************************************
  class = notifysuccess
**************************************************************/

.notifysuccess {
  padding: 10px;
}

/**************************************************************
  class = notifytiny
**************************************************************/

.notifytiny {
  padding: 0px;
}

/**************************************************************
  class = generalbox
**************************************************************/
.generalbox {
   border-width:1px;
   border-style:solid;
/* AEA margin-top: 15px; */
   margin-bottom: 15px;
/* AEA   width: 84%; */
/* AEA   width: 75%; */
   width: 700px;
/* AEA   padding:1px 1px 1px 1px; */
/* AEA   padding:20px 20px 20px 20px; */
}

.generalbox#intro {
   width: 700px;
}

/**************************************************************
  class = generaltable
**************************************************************/

.generaltable {
  border-width: 1px;
  border-style: solid;
}

.generaltable .cell {
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
}

/**************************************************************
  class = noticebox
**************************************************************/

.noticebox {
  border-width:1px;
  border-style:solid;
}

/**************************************************************
  class = errorbox
**************************************************************/

.errorbox {
  border-width:1px;
  border-style:solid;
  margin: 1em 15%;
  width: 70%;
}

.errorbox .title {
  padding: 5px;
}

/**************************************************************
  class = informationbox
**************************************************************/

.informationbox {
  border-width:1px;
  border-style:solid;
}

/**************************************************************
  class = feedbackbox
**************************************************************/
.feedbackbox {
  border-width:1px;
  border-style:solid;
}

/**************************************************************
  class = initialbar
**************************************************************/

/**************************************************************
  class = tabledivider
**************************************************************/
.tabledivider {
  border-width:1px;
  border-style:solid;
  border-left:0px;
  border-right:0px;
  border-top:0px;
}

/**************************************************************
  class = sitetopic
**************************************************************/
.sitetopic {
  margin-bottom:20px;
}

/**************************************************************
  class = sitetopiccontent
**************************************************************/
.sitetopiccontent {
  border-width:1px;
  border-style:solid;
}

/**************************************************************
  class = pagingbar
**************************************************************/

.pagingbar a {
  padding-left: 10px;
}

.pagingbar .thispage {
  padding-left: 10px;
}

/**************************************************************
  class = paging
**************************************************************/
.paging {
  margin: 10px 0px 10px 0px;
}

/**************************************************************
  class = unread
**************************************************************/
.unread {
  padding-right:2px;
}

/**************************************************************
  class = cell
**************************************************************/

/**************************************************************
  class = helplink
**************************************************************/
.helplink img {
/* width: 17px;
   height: 17px; */
   margin-right: 5px;
   margin-top: 0px;
   margin-bottom: 6px;
}

/**************************************************************
  class = accesshide
**************************************************************/
/*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
.accesshide {
  position:absolute;
  top:-1000px;
  left:10px;
}

/**************************************************************
  class = headerskip
**************************************************************/
.headerskip {
  position:absolute;
  right:20em;
}

/**************************************************************
  class = headermenu
**************************************************************/
.headermenu {
/* (AEA)
   height: 80px;
*/
/* height: 64px; */
   height: 20px;
/* (AEA)
   width: 500px;
*/
   width: 375px;
   float:right;
}

/**************************************************************
  class = headerbanner
**************************************************************/
.headerbanner {
   height: 92px;
   width: 680px;
   float:right;
}
/**************************************************************
  class = navbar
**************************************************************/
.navbar {
   padding:0px;
  /* height: 20px; */
   height: 35px;
   border-width: 1px;
   border-style: solid;
/* margin-top: 10px; */
}

table.navbar {
  width: 100%;
}

.navbar .navbutton form {
  float: left;
}

.navbar .navbutton {
  margin-top: 3px;
  padding-right: 3px;
  padding-top: 2px;
}

.navbar .breadcrumb {
   float:left;
/* margin-left: 2px;
   margin-top: 7px;
   */
   margin: 0px;
}

.navbar .navbutton,
.navbar .menu {
  float:right;
}

/**************************************************************
  class = breadcrumb
**************************************************************/
.breadcrumb ul {
  padding:0%;
  margin:0%;
  text-indent:0%;
  list-style:none;
}

.breadcrumb li {
  display:inline;
}

.breadcrumb {
 padding-top: 3px;
 padding-left: 3px;
 }

/**************************************************************
  class = reportlink
**************************************************************/
.reportlink {
  text-align:right;
}

/**************************************************************
  class = homelink
**************************************************************/
.homelink {
  margin: 1em 0;
}

.homelink a {
  padding-left:1em;
  padding-right:1em;
}

/**************************************************************
  class = performanceinfo
**************************************************************/
.performanceinfo {
  margin: 2em;
}

.performanceinfo span {
  display: block;
}

/**************************************************************
  class = toolTip
**************************************************************/

/**************************************************************
  class = toolTipPopUp
**************************************************************/

/**************************************************************
  class = icon12pre, icon12post
**************************************************************/

img.icon12pre {
  vertical-align:middle;
  margin-left:2px;
  margin-right:4px;
  width:13px;
  height:13px;
  border:0px;
}

img.icon12post {
  vertical-align:middle;
  margin-left:4px;
  margin-right:2px;
  width:13px;
  height:13px;
  border:0px;
}

/**************************************************************
  --- miscelanea ---
**************************************************************/

#content {
   clear: both;
}

#login-space {
   height: 100px;
   margin-top: 15px;
}
#login-index #content {
   background-color: #FFFFFF;
   background-image: url(madrid_star_bg.jpg);
   background-repeat: no-repeat ;
   background-position: left bottom ;
   height: 350px;
}

/*
#login-index .headermenu {
   background-image: none;
}

#login-index #header {
   height: 64px;
   border-width: 0px;
}


#login-index #header-line {
   height: 12px;
   height: 0px;
   background-color: #962D70;

}
*/

#header-line {
   height: 19px;
   background-color: #039EE0;
}

.publifooter td{
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 4px;
   padding-right: 4px;
}

.publifooter,
.publifooter tbody,
.publifooter table {
   border: solid 0px #FFFFFF;
   border-collapse: collapse;
   border-spacing: 0;
}

.sideblock h2 {
   padding-top: 0.25em;
}

.entradilla {
   margin-bottom: 35px;
}

.destac {
   border-style: solid;
   border-width: 1px 1px 5px 1px;
   padding: 10px;
   margin-left: 15%;
   margin-right: 15%;
   line-height: 120%;
}

.legis {
   border-style: solid;
   border-width: 1px 2px 2px 1px;
   padding: 5px 10px 5px 70px;
   margin-left: 15%;
   margin-right: 15%;
   line-height: 120%;
}

.ejemplo {
   border-style: solid;
   border-width: 1px 2px 2px 1px;
   padding: 5px 10px 5px 70px;
   margin-left: 15%;
   margin-right: 15%;
   line-height: 120%;
}

.non-boton {
   cursor:pointer;
/*   background: #F9FAFA; */
   background: transparent;
   color: #207498;
   font-weight: bold
   border: 0px;
}
.non-boton:hover {
   color: #AAAAAA;
}
.login-boton {
   cursor: pointer;
/*    font-weight: bold; */
   background-color: #fff;
   color: #207498;
   padding: 5px;
   border: 1px outset #207498;
   width: 78px;
   float:right;
}

.pass-boton {
   cursor: pointer;
   background-color: #fff;
   color: #207498;
   padding: 5px;
   border: 1px outset #207498;
   width: 150px;
   position: absolute;
   bottom: 11px;
   right: 100px;
}

.register-boton {
   cursor: pointer;
   background-color: #fff;
   color: #207498;
   padding: 5px;
   border: 1px outset #207498;
   width: 150px;
   bottom: 11px;
   right: 100px;
}

a.demo-boton,
a.demo-boton:link,
a.demo-boton:hover,
a.demo-boton:visited {
   cursor: pointer;
/*    font-weight: bold; */
   background-color: #203d64;
   background-image: url(btn_demo_bg.jpg);
   color: #96b5da;
   border: 1px outset #FFFFFF;
   width: 100px;
}

   color: #96b5da;
}

.loginbox .loginform .form-buttons {
   margin: 0px;
}

.loginbox  {
/*   height: 120px; */
   width: 320px;
   float: left;
   margin-top: 0px;
}

.loginbox .loginform {
   width: 300px;
}

.loginbox .loginform .form-input,
.loginbox .loginform .form-input input {
   width: 150px;
   float: right;
}

.loginbox .loginform .form-label {
   width: 125px;
   margin-right: 5px;
}

.loginbox .loginpanel .subcontent {
   position: relative;
}

.contentbox {
   float: right;
}
.demobox {
/*   margin-top: 15px; */
   margin-right: 50px;
   float: left;
   width: 400px;
   text-align: justify;
   color: #207498;
}
.demobox p.first_line {
   margin-top: 0px;
}

.registerbox {
/*   margin-top: 15px; */
   margin-right: 50px;
   float: left;
   width: 400px;
   text-align: justify;
   color: #207498;
}
.registerbox p.first_line {
   margin-top: 0px;
}

.resaltado {
   background-color: #e3e5e7;
}
.resaltado p {
   margin-left: 20px;
   margin-right: 20px;
}

.resaltado p.first_line {
   padding-top: 10px;
}

/*
.loginbox .loginpanel .desc {
   text-align: right;
}*/

.course-catalog-btn {
    display: block;
    padding: 4px 10px;
    border: solid 1px #207498;
    width: 200px;
    background: #e3e5e7;
    margin: 10px auto 20px auto;

}

.name {
    width: auto;
}

body#course-info .generalbox.popupinfo {
    margin: 0px 0px 0px 10px;
}
/***** ale/campus_layout.css end *****/

/***** ale/campus_color.css start *****/

/**************************************************************
  General - UTF8 Encoded - España
**************************************************************/

a:link {
/*   color: #0033CC; */
/*   color: #962070; */
   color: #207498;
}

a:visited {
/*   color:#962070; */
   color: #207498;
}

a:hover {
/*   color: #CC9900; */
   color: #AAAAAA;
}

a.dimmed:link,
a.dimmed:visited {
   color:#AAAAAA;
}

a.dimmed_text {
   color:#AAAAAA;
}

body {
   background-color: #FFFFFF;
}

/* Defined in resource.css
h1 {
   color: #962070;
}

h2 {
   color: #CC9900;
}

h3 {
   border-color:#C6BDA8;
}

h4 {
   border-color:#C6BDA8;
}

h6 {
   border-color: #962070;
   background: #D7B5B6 none repeat scroll 0%;
   -moz-background-clip: initial;
   -moz-background-origin: initial;
   -moz-background-inline-policy: initial;
   color: rgb(255, 255, 255);
}
*/
th {
   background-color:#ffffff;
}

th.header,
td.header,
div.header {
/* background-color: #CC9900;
   border-color:#E3DFD4; */
   background-color: #bfbaa8;
   border-color: #bfbaa8;
}

th.header,
td.header,
div.header,
.headingblock {
   color: #207498;
}

body#site-index .headingblock,
body#course-view .headingblock {
/* background-color: #962070; */
   background-color: #fff;
}

.headingblock {
/* border-color: #962070; */
   border: 1px solid #207498;
}
/**************************************************************
  id = layout-table
**************************************************************/
#layout-table #left-column {
    /* background-color: yellow; */
}

/**************************************************************
  id = help
**************************************************************/

/**************************************************************
  id = header, header-home
**************************************************************/
#header-home, #header {
   background: #fff url(header_farmacoterapia_bg.jpg) repeat-x center top;
}

.logininfo {
   color: #207498;
}

/**************************************************************
  id = footer
**************************************************************/

/**************************************************************
  class = clearer
**************************************************************/
.clearer {
   background: transparent;
}

/**************************************************************
  class = clearfix
**************************************************************/

/**************************************************************
  class = mdl-align
**************************************************************/

/**************************************************************
  class = first
**************************************************************/

.first {
  color: #000000;
}

/**************************************************************
  class = continuebutton
**************************************************************/

/**************************************************************
  class = notifyproblem
**************************************************************/

/**************************************************************
  class = notifysuccess
**************************************************************/

/**************************************************************
  class = notifytiny
**************************************************************/

/**************************************************************
  class = generalbox
**************************************************************/

.generalbox {
   border-color:#FFFFFF;
   background-color:#FFFFFF;
}

/**************************************************************
  class = generaltable
**************************************************************/

/**************************************************************
  class = noticebox
**************************************************************/

/**************************************************************
  class = errorbox
**************************************************************/

/**************************************************************
  class = informationbox
**************************************************************/

/**************************************************************
  class = feedbackbox
**************************************************************/

/**************************************************************
  class = initialbar
**************************************************************/

/**************************************************************
  class = tabledivider
**************************************************************/

/**************************************************************
  class = sitetopic
**************************************************************/

/**************************************************************
  class = sitetopiccontent
**************************************************************/

.sitetopiccontent {
  border-color:#C6BDA8;
  background-color:#FFFFFF;
}

/**************************************************************
  class = pagingbar
**************************************************************/

/**************************************************************
  class = paging
**************************************************************/

/**************************************************************
  class = unread
**************************************************************/

/**************************************************************
  class = cell
**************************************************************/

/**************************************************************
  class = helplink
**************************************************************/

/**************************************************************
  class = accesshide
**************************************************************/

/**************************************************************
  class = headerskip
**************************************************************/

/**************************************************************
  class = headermenu
**************************************************************/
.headermenu {
   background-color: transparent;
}

/**************************************************************
  class = headerbanner
**************************************************************/
.headerbanner {
/* background-image: url(banner_right_devel.jpg); */
/* background-image: url(banner_right_test.jpg); */
   background-image: url(logo_ale.png);
   background-repeat: no-repeat;
   background-position: right 12px;
/* (AEA)
   background-color: #FFFFFF;
*/
   background-color: transparent;
}

/**************************************************************
  class = navbar
**************************************************************/

.navbar {
   background-color:#FFFFFF;
   border-color:#FFFFFF;
}

/**************************************************************
  class = breadcrumb
**************************************************************/

/**************************************************************
  class = reportlink
**************************************************************/

/**************************************************************
  class = homelink
**************************************************************/

/**************************************************************
  class = performanceinfo
**************************************************************/

/**************************************************************
  class = toolTip
**************************************************************/

.toolTip {
/* AEA   color: #C5370E; */
   color: #207498;
}

/**************************************************************
  class = toolTipPopUp
**************************************************************/

.toolTipPopUp {
/* AEA   color: #C5370E; */
   color: #207498;
}

/**************************************************************
  class = icon12pre, icon12post
**************************************************************/


/**************************************************************
  --- miscelanea ---
**************************************************************/

/*
#login-index #header {
   background-image: url(logo_login_campus_left.jpg);
   background-color: #962070;
}

#login-index .headermenu {
   background-image: url(logo_login_campus_right.jpg);
   background-position: right;
   background-color: transparent;
}
#site-index .headermenu {
   background-image: url(logo_small_campus_right.jpg);
   background-position: right;
   background-color: transparent;
}
*/

/*
#login-index .logininfo {
   color: #FFFFFF;
}


#login-index .logininfo a {
   color: #FFFFFF;
}
*/

.g {
   color: #962070;
}

.g:hover {
   color: #336699;
}

.g:visited {
   color: #336699;
}

.l {
   color: #336699;
}

.l:hover {
   color: #88BAB6;
}

.l:visited {
   color: #336699;
}

.entradilla {
   color: #000000;
}

.destac {
/* AEA   border-color: #999999;
   background-color: #FEEFEA; */
   border-color: #207498;
   background-color: #9aafc8;
}

.legis {
   border-color: rgb(153, 102, 130);
   background-image: url(img/legal.gif);
   background-repeat: no-repeat;
   background-position: 15px 50%;
   background-color: rgb(238, 206, 223);
   color: rgb(0, 0, 0);
}

.ejemplo {
   border-color: rgb(153, 102, 130);
   background-image: url(img/ejemplo.gif);
   background-repeat: no-repeat;
   background-position: 15px 50%;
   background-color: rgb(238, 206, 223);
   color: rgb(0, 0, 0);
}

button {
   border: 1px solid rgb(0, 0, 0);
   color: rgb(255, 255, 255);
/* (AEA)
   background-color: rgb(170, 170, 170);
*/
/*   background-color: #F15D35; */
   background-color: #AAAAAA;
}

.loginbox {
   border-color: #207498;
}

.loginbox .loginpanel .desc {
   color: #207498;
}

.loginbox .loginpanel .form-label {
   color: #207498;
}
/***** ale/campus_color.css end *****/

/***** ale/campus_fonts.css start *****/

/**************************************************************
  General - UTF8 Encoded - España
**************************************************************/

a:link {
   text-decoration: none;
}

a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

body, td, li {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

/* Defined in resource.css

h1 {
   font-size: 18px;
   font-weight: bold;
}

h2 {
   font-size: 14px;
}

h3 {
   font-size: 13px;
}

h4 {
   font-weight: bold;
}

h2,
h3,
h4 {
   text-align: left;
}

h6 {
   font-size: 1.8em;
   font-family: Arial, Helvetica, sans-serif;
}
*/

h1.main {
   text-align: center;
}

h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: left;
}

img.emoticon {
  vertical-align: middle;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
}

th.header,
td.header,
div.header,
.headingblock {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

/* subclass = formtable */

table.formtable tbody th {
  vertical-align: top;
}

/**************************************************************
  id = layout-table
**************************************************************/
#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column
{
  vertical-align:top;
}

/**************************************************************
  id = help
**************************************************************/

/**************************************************************
  id = header, header-home
**************************************************************/
.logininfo,
#header-home .headermenu font {
   font-size: 0.9em;
/* AEA   font-weight: bold; */
}

.logininfo a {
   font-size: 0.9em;
   font-weight: bold;
}


/**************************************************************
  id = footer
**************************************************************/
#footer {
   text-align:center;
/*   text-align:left; */
}

/**************************************************************
  class = clearer
**************************************************************/

.clearer {
   font-size: 1px;
}

/**************************************************************
  class = clearfix
**************************************************************/

/**************************************************************
  class = mdl-align
**************************************************************/

.mdl-align {
  text-align: center;
}

/**************************************************************
  class = first
**************************************************************/

/**************************************************************
  class = continuebutton
**************************************************************/

.continuebutton {
  text-align: center;
}

/**************************************************************
  class = notifyproblem
**************************************************************/
.notifyproblem {
  text-align: center;
}

/**************************************************************
  class = notifysuccess
**************************************************************/
.notifysuccess {
  text-align:center;
}

/**************************************************************
  class = notifytiny
**************************************************************/
.notifytiny {
  text-align:left;
}

/**************************************************************
  class = generalbox
**************************************************************/
.generalbox li {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   text-align: justify;
}

/**************************************************************
  class = generaltable
**************************************************************/

/**************************************************************
  class = noticebox
**************************************************************/

/**************************************************************
  class = errorbox
**************************************************************/

/**************************************************************
  class = informationbox
**************************************************************/

/**************************************************************
  class = feedbackbox
**************************************************************/

/**************************************************************
  class = initialbar
**************************************************************/
.initialbar {
  text-align: center;
}

/**************************************************************
  class = tabledivider
**************************************************************/

/**************************************************************
  class = sitetopic
**************************************************************/

/**************************************************************
  class = sitetopiccontent
**************************************************************/

/**************************************************************
  class = pagingbar
**************************************************************/
.pagingbar {
  text-align:center;
}

/**************************************************************
  class = paging
**************************************************************/
.paging {
  text-align: center;
}

/**************************************************************
  class = unread
**************************************************************/

/**************************************************************
  class = cell
**************************************************************/
.cell {
  vertical-align: top;
}

/**************************************************************
  class = helplink
**************************************************************/
.helplink img {
	vertical-align: middle;
}

/**************************************************************
  class = accesshide
**************************************************************/
.accesshide {
  font-weight:normal;
  font-size:1em;
}

/**************************************************************
  class = headerskip
**************************************************************/
.headerskip {
  font-size:0.8em;
}

/**************************************************************
  class = headermenu
**************************************************************/
.headermenu {
   text-align:right;
}

/**************************************************************
  class = navbar
**************************************************************/

/**************************************************************
  class = breadcrumb
**************************************************************/
.breadcrumb {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.85em;
   font-weight: bold;
}

/**************************************************************
  class = reportlink
**************************************************************/

/**************************************************************
  class = homelink
**************************************************************/

/**************************************************************
  class = performanceinfo
**************************************************************/

/**************************************************************
  class = toolTip
**************************************************************/

.toolTip {
   text-decoration: none;
   font-weight: bold;
   cursor: pointer;
}

/**************************************************************
  class = toolTipPopUp
**************************************************************/

.toolTipPopUp {
   text-decoration: none;
   font-weight: bold;
   cursor: pointer;
}

/**************************************************************
  class = icon12pre, icon12post
**************************************************************/

/**************************************************************
  --- miscelanea ---
**************************************************************/

.publifooter td {
   font-size: 0.8em;
   text-align: right;
   vertical-align: middle;
   border-width: 0;
}

#login-index .logininfo a {
   font-weight: bold;
}

.g {
   font-weight: bold;
}

.g:link {  }

.g:hover {
   text-decoration: none;
   cursor: pointer;
   font-weight: bold;
}

.g:visited {
   text-decoration: none;
}

.l {
   font-weight: bold;
}

.l:link {  }

.l:hover {
   text-decoration: none;
   cursor: pointer;
   font-weight: bold;
}

.l:visited {
   text-decoration: none;
}

.entradilla {
   font-family: Arial, Helvetica, sans-serif;
   font-style: italic;
   font-size: 1em;
   text-align: left;
}

.destac {
   font-size: 1em;
   font-family: Arial,Helvetica,sans-serif;
   text-align: left;
}

.legis {
   font-size: 1em;
   font-family: Arial,Helvetica,sans-serif;
   font-style: italic;
   text-align: left;
}

.ejemplo {
   font-size: 1em;
   font-family: Arial,Helvetica,sans-serif;
   font-style: italic;
   text-align: left;
}

button {
   font-weight: bold;
}

.loginbox .loginpanel .desc {
   font-weight: bold;
}/***** ale/campus_fonts.css end *****/

/***** ale/container.css start *****/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
	position:absolute;
	z-index: 1;
}

.masked .yui-panel-container {

    /*
        Default to a z-index 1 higher than default if the Panel is modal
        to make sure the panel is above its modality mask.
    */

   z-index: 2;

}

.yui-tt .bd {
  position:relative;
  top:0;
  left:0;
  z-index:1;
  color:#000;
  padding:5px 15px;
  border-color:#000000;
  border-width:1px;
  border-style:solid;
  background-color:#FDFBE2;
}
/*
.yui-tt {
	visibility:hidden;
	position:absolute;
	color:#000000;
	background-color:#FDFBE2;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
	border:1px solid #000000;
	font:100% sans-serif;
	width:500px;
}
*/

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended
    to its root element via JavaScript once it has been rendered.  The
    code that creates the shadow lives in the Tooltip's public "onRender"
    event handler that is a prototype method of YAHOO.widget.Tooltip.
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {

/*    display: none; */
  overflow:auto;
  position:absolute;
  top:2px;
  right:-3px;
  left:2px;
  bottom:-3px;
  background-color:#000;

}
.yui-tt-shadow-visible {

  opacity:.12;
  *filter:alpha(opacity=12);
}


* html body.masked select {
	visibility:hidden;
}

* html div.yui-panel-container select {
	visibility:inherit;
}

* html div.drag select {
	visibility:hidden;
}

* html div.hide-select select {
	visibility:hidden;
}

.mask {
    /*
        Default to a z-index of 1 less than the default defined
        by ".masked .yui-panel-container"
    */

    z-index: 1;
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating
       above them.

    2) An Overlay's scrollbars and the scrollbars of its child nodes remain
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child
       nodes is toggled between "hidden" and "auto" (through the application
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between
       "false" and "true."

    2) The "display" property of <SELECT> elements that are child nodes of the
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:

    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are
       applied only for Gecko on Mac OS X and are added/removed to/from the
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.

    2) There may be instances where the CSS for a web page or application
       contains style rules whose specificity override the rules implemented by
       the Container CSS files to fix this bug.  In such cases, is necessary to
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

	overflow: hidden;

}

.hide-scrollbars select {

	display: none;

}

.show-scrollbars {

    overflow: auto;

}

.yui-panel-container.show-scrollbars {

    overflow: visible;

}

.yui-panel-container.show-scrollbars .underlay {

    overflow: auto;

}

.yui-panel-container.focused {

}


/* Panel underlay styles */

.yui-panel-container .underlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

.yui-panel-container.matte {

	padding: 3px;
	background-color: #fff;

}

.yui-panel-container.shadow .underlay {

    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

}

.yui-panel {
	visibility:hidden;
	border-collapse:separate;
	position:relative;
	left:0;
	top:0;
	font:1em Arial;
	background-color:#FFF;
	border:1px solid #000;
	z-index:1;
	overflow:hidden;
}

.yui-panel .hd {
	background-color:#3d77cb;
	color:#FFF;
	font-size:100%;
	line-height:100%;
	border:1px solid #FFF;
	border-bottom:1px solid #000;
	font-weight:bold;
	padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
	overflow:hidden;
	padding:4px;
}

.yui-panel .bd p {
	margin:0 0 1em;
}

.yui-panel .container-close {
	position:absolute;
	top:5px;
	right:4px;
	z-index:6;
	height:12px;
	width:12px;
	margin:0px;
	padding:0px;
	background:url(close12_1.gif) no-repeat;
	cursor:pointer;
	visibility:inherit;
}

.yui-panel .ft {
	padding:4px;
	overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-right:10px;
	float:left;
}

.yui-simple-dialog .bd span.blckicon {
	background: url("blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
	background: url("alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
	background: url("hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
	background: url("info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
	background: url("warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
	background: url("tip16_1.gif") no-repeat;
}

.yui-dialog .ft,
.yui-simple-dialog .ft {
	padding-bottom:5px;
	padding-right:5px;
	text-align:right;
}

.yui-dialog form,
.yui-simple-dialog form {
	margin:0;
}

.button-group button {
	font:100 76% verdana;
	text-decoration:none;
	background-color: #E4E4E4;
	color: #333;
	cursor: hand;
	vertical-align: middle;
	border: 2px solid #797979;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:2px;
	padding:2px;
}

.button-group button.default {
	font-weight:bold;
}

.button-group button:hover,
.button-group button.hover {
	border:2px solid #90A029;
	background-color:#EBF09E;
	border-top-color:#FFF;
	border-left-color:#FFF;
}

.button-group button:active {
	border:2px solid #E4E4E4;
	background-color:#BBB;
	border-top-color:#333;
	border-left-color:#333;
}/***** ale/container.css end *****/

/***** ale/tabbernav.css start *****/

      h3.trigger{
         background:#9aafc8;
         cursor:pointer;

      }
      h3.trigger:hover{
         cursor:pointer;
         background:#DEDEDE;
      }
      h3.expanded{
         background:#9aafc8;
         cursor:pointer;
      }
      h3.expanded:hover{
         cursor:pointer;
      }
      h3.show{
     position:static;
     display: table;
      }
      h3.hide{
         position:absolute;
         left:-999em;
         height:1px;
         width:100px;
         overflow:hidden;
      }

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #207498;
 font: bold 11px Arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #207498;
 border-bottom: none;
 background: #9aafc8;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }

ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #DEDEDE;
 border-color: #207498;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #207498;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
.tabberlive .tabbertab p {
   margin:10px;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


abbr, acronym, .help { #000000;
   cursor: help;
}

#dhtmltooltip{
position: absolute;
border: 1px solid #003366;
padding: 6px;
background-color: #ffffff;
visibility: hidden;
z-index: 100;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS(color=gray,direction=35);*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
/***** ale/tabbernav.css end *****/