/**************************************
 * THEME NAME: eeuuii
 *
 * Files included in this sheet:
 *
 *   eeuuii/user_styles.css
 **************************************/

/***** eeuuii/user_styles.css start *****/

body {

  font-size: 100%;

  color: #333333;

  font-family: verdana, arial, helvetica, sans-serif;

  margin: 0;

  padding: 0;

  background-image: url(pix/bg.png);/*fonto de toda la pagina*/

}

div#page {

  margin: 0 1%;

  padding-top: 2px;

  width: auto;

}

div.clearer {

  clear: both;

}

a:link,

a:visited {

  color: #116699;

  text-decoration: none;

}

a:hover {

  color: #FF9900;

  text-decoration: underline;

}

hr {

  color: #F1ECE6;

  background-color: #F1ECE6;

  border-style: none;

}

span.arrow {

  font-family: Arial,Helvetica,Courier,sans-serif;

  font-size: 80%;

}

p.arrow_button input {

  font-family: Arial,Helvetica,Courier,sans-serif;

  font-size: 80%;

}

table.generaltable {

  background-color: #EEEEEE;

}

img.resize {

  width: 1em;

  height: 1em;

}

p.helplink {

  margin: 0.5em 0;

}

h1.headermain {

  color: #0066ff;

  margin: 0 0 10px 0;

  font-size: 180%;

}

h2.main {

  background-image: url(pix/header.png);

  background-repeat: repeat-x;

  background-position: center top;

  padding: 5px 5px 6px;

  color: #FFFFFF;

  font-size: 120%;

  border-right-width: 1px;

  border-left-width: 1px;

  border-right-style: solid;

  border-left-style: solid;

  border-right-color: #F1ECE6;

  border-left-color: #F1ECE6;

}

h2.headingblock {

  background-image: url(pix/header.png);

  background-repeat: repeat-x;

  background-position: center top;

  padding: 5px 5px 6px;

  color: #FFFFFF;

  font-size: 100%;

  border-right-width: 1px;

  border-left-width: 1px;

  border-style: none solid;

  border-right-color: #F1ECE6;

  border-left-color: #F1ECE6;

}

div.loginbox {

  border: 1px solid #F1ECE6;

  

}

.loginbox.twocolumns .loginpanel {

  border-right: 1px solid #F1ECE6;

}

div.noticebox {

  background-color: #EEEEEE;

  border-width: 1px;

  border-style: solid;

  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;

}

div#notice.generalbox {

  border-style: none;

}

div.generalbox {

  border: 1px solid #F1ECE6;

}

div.generalbox.ccbox {

  border-style: none;

}

div.ccbox {

  border-style: none;

}

table.generalbox {

  border-top-width: 1px;

  border-style: solid none none;

  border-top-color: #DDDDDD;

}

table.generaltable th.header {

  padding-bottom: 10px;

  border-width: 1px;

  border-style: solid;

  border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;

}

table.generaltable td.cell {

  white-space: normal;

  border-color: #DDDDDD;

}

div.informationbox {

  background-color: #f1ece6;

  border: 1px solid;

  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;

}

table.userinfobox {

  border: 1px solid #DDDDDD;

  margin: 0 auto 5px;

}

div.errorbox {

  background-color: #E88;

  border-color: #660000;

}

table.environmenttable span.error {

  background-color: #E88;

  color: inherit;

}

p.copyright {

  text-align: center;

}

body#admin-index div.adminwarning {

  border-style: none;

  margin: 20px 30px;

}

body#admin-index .c1 {

  vertical-align: top;

}

td.cell {

  vertical-align: top;

}

div.headermenu {

  margin: 0;

  padding: 3px;

  font-size: 0.75em;

  color:#FFFFFF;  /*color del header menu no del autentificado*/

}

div.headermenu div.logininfo {

  margin-bottom: 0.2em;

}

div.breadcrumb {

  font-size: 0.8em;

  padding-left: 0.3em;

}

div.navbar div.navbutton form {

  float: left;

}

div.navbar div.navbutton {

  margin-top: 3px;

}

div.navbar {

  padding: 3px 3px 6px 0;

  margin: 5px 0 0 0;

  clear: both;

  color: #FFFFFF;

  background-image: url(pix/header.png);

  background-repeat: repeat-x;

  background-position: center bottom;

  border-right-width: 1px;

  border-left-width: 1px;

  border-style: none solid;

  border-right-color: #cccccc;

  border-left-color: #cccccc;

}

div#footer {
  background-image: url(pix/footer/beige_box.png);
  font-size: 0.75em;

  padding: 0;

  margin: 5px auto;

  border-style: none;
  
  

  height: 127px 

}

div#content {

  padding: 0;

  font-size: 0.75em;

  line-height: 1.6em;

  clear: both;

  border-top-style: none;

  border-bottom-style: none;

}

ul.section li {

  margin: 0.2em 0;

}

div.sideblock div.content * {

  text-align: left;

}

div.calendar-controls a.next {

  text-align: right;

}

div.block_login div.content div.c1 {

  text-align: right;

  margin: 0.3em 0;

}

div.block_login div.content div.btn input {

  text-align: center;

}

div.block_adminblock {

  min-width: 210px;

}

div.sideblock ul.list span.c1 {

  padding-left: 0;

}

div.sideblock div.title h2 {

  font-size: 1em;

  line-height: 1.1em;

  color:#FFFFFF;
   /* imagen de fonde de cada block en su title */
  background-image: url(pix/cblocks/titleblocks.png);

}

div.sideblock div.header {

  padding: 0;

  border-style: none;

}

div.sideblock div.content {

  padding: 0.3em 0.3em 0.5em;

  border-style: none;

  background-color: #FFFFFF;  /*fondo de cada bloque */

}

div.sideblock table.minicalendar td.day {

  text-align: center;

  font-size: 0.9em;

}

div.sideblock table.minicalendar {

  border-style: none;

  margin-bottom: 0;

}

body#admin-lang h2.main {

  font-size: 1em;

  text-align: left;

}

body#course-index table.generalbox {

  background-color: #EEEEEE;

  border-width: 1px;

  border-style: solid;

  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;

}

table.minicalendar th {

  padding: 0px 1px;

}

table.minicalendar td.today {

  line-height: 1.4em;

  border: 2px solid #0066FF;

}

div.sideblock table.minicalendar tr.weekdays {

  font-size: 0.8em;

}

div.coursebox {

  border-style: solid;

  border-color: #F1ECE6;

}

div.courseboxcontent {

  background-color: #EEEEEE;

  border-width: 1px;

  border-style: solid;

  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;

}

td.courseboxcontent {

  background-color: #EEEEEE;

  border-width: 1px;

  border-style: solid;

  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;

}

ul.tabrow td {

  border: 1px solid #88DD55;

}

ul.tabrow td.selected {

  border-top-width: 1px;

  border-right-width: 1px;

  border-left-width: 1px;

  border-style: solid solid none;

  border-top-color: #88DD55;

  border-right-color: #88DD55;

  border-left-color: #88DD55;

}

div.sideblock div.content div.message {

  text-align: left;

}

.sideblock .header .hide-show-image {

  margin-top: 0;

}

table#calendar td.event_global {

  background-color: #D6F8CD;

  border-color: #D6F8CD;

}

table.minicalendar td.event_global {

  background-color: #D6F8CD;

  border-color: #D6F8CD;

}

div.block_calendar_month td.event_global {

  background-color: #D6F8CD;

  border-color: #D6F8CD;

}

table#calendar td.event_course {

  background-color: #FFD3BD;

  border-color: #FFD3BD;

}

table.minicalendar td.event_course {

  background-color: #FFD3BD;

  border-color: #FFD3BD;

}

div.block_calendar_month td.event_course {

  background-color: #FFD3BD;

  border-color: #FFD3BD;

}

table#calendar td.event_group {

  background-color: #FEE7AE;

  border-color: #FEE7AE;

}

table.minicalendar td.event_group {

  background-color: #FEE7AE;

  border-color: #FEE7AE;

}

div.block_calendar_month td.event_group {

  background-color: #FEE7AE;

  border-color: #FEE7AE;

}

table#calendar td.event_user {

  background-color: #DCE7EC;

  border-color: #DCE7EC;

}

table.minicalendar td.event_user {

  background-color: #DCE7EC;

  border-color: #DCE7EC;

}

div.block_calendar_month td.event_user {

  background-color: #DCE7EC;

  border-color: #DCE7EC;

}

div.block_calendar_month div.filters table {

  background-color: inherit;

}

table#calendar td.maincalendar div.filters table {

  background-color: inherit;

}

table#calendar td.sidecalendar div.filters table {

  background-color: inherit;

}

h3.eventskey {

  font-size: 100%;

}

div.block_calendar_month div.content {

  padding: 0;

}

div.sideblock div.calendar-controls span.current {

  text-align: center;

}

table#calendar td.sidecalendar div.sideblock {

  border-color: #ccc;

}

table#calendar td.maincalendar {

  border-color: #ccc;

}

table#calendar td.nottoday {

  border-color: #ccc;

}

table.minicalendar td.today {

  border-color: #ccc;

}

table.minicalendar td.event_user {

  border: 1px solid  #ccc !important;

}

table.minicalendar td.event_group {

  border: 1px solid  #ccc !important;

}

table.minicalendar td.event_course {

  border: 1px solid  #ccc !important;

}

table.minicalendar td.event_global {

  border: 1px solid  #ccc !important;

}

table#calendar td.event_user {

  border: 1px solid  #ccc !important;

}

table#calendar td.event_group {

  border: 1px solid  #ccc !important;

}

table#calendar td.event_course {

  border: 1px solid  #ccc !important;

}

table#calendar td.event_global {

  border: 1px solid  #ccc !important;

}

body.admin table.generaltable {

  width: 100%;

}

body.admin div.generalboxcontent {

  background-color: inherit;

  border-style: none;

}

body.admin table.generalbox {

  background-color: inherit;

  border-style: none;

}

body.admin td.generalboxcontent {

  background-color: inherit;

  border-style: none;

}

body#course-view tr.section td.side {

  border-style: none;

}

body#course-view tr.current td.side {

  background: #f1ece6;

}

body#course-view tr.section td.content {

  padding-bottom: 1.5em;

  border-style: none;

}

div.que {

  border: 1px solid #F1ECE6;

}

td.sitetopiccontent {

  border-style: none;

}

body#site-index td.categoryboxcontent {

  border-style: none;

}

div.sideblock span.icon {

  display: block;

  float: left;

  margin-right: 0.3em;

}

div.sideblock ul.list li {

  clear: left;

  padding-left: 18px;

}

div.block_rss_client ul.list li {

  padding-left: 0;

}

div.block_messages div.content {

  font-size: inherit;

}

div.block_messages div.content div.info {

  text-align: left;

}

div.sideblock div.column.c0 {

  margin-left: -19px;

}

td.categoryboxcontent {

  background-color: #EEEEEE;

  border-width: 1px;

  border-style: solid;

  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;

}

body#admin-roles-manage td.generalboxcontent table td {

  padding-left: 0.5em;

  padding-right: 0.5em;

}

body#admin-roles-override td.cell.c1 {

  padding-top: 0.5em;

}

body#admin-roles-assign td.cell.c3 {

  padding-top: 0.5em;

}

body#admin-roles-assign td.cell.c1 {

  padding-top: 0.5em;

}

body#admin-roles-override td.capcurrent {

  background-color: #eeeeee;

  border: 1px solid #cccccc;

}

body#admin-roles-manage td.capdefault {

  background-color: #dddddd;

  border: 1px solid #cecece;

}

body#admin-roles-manage tr.rolecap {

  border-style: none;

  border-bottom: 1px solid #cecece;

}

body#admin-roles-override tr.rolecap {

  border-style: none;

  border-bottom: 1px solid #cecece;

}

body#admin-roles-manage td.rolecap span.cap-desc span.cap-name {

  color: #888;

}

body#admin-roles-override td.rolecap span.cap-desc span.cap-name {

  color: #888;

}

div.breadcrumb span.sep {

  font-family: arial, sans-serif;

  color: #FFFFFF; /*fondo de las flechas de el directorio moodle*/

}

div.calendar-controls span.previous {

  font-family: arial, sans-serif;

}

div.calendar-controls span.next {

  font-family: arial, sans-serif;

  text-align: right;

}

div.sideblock div.header div.commands {

  height: 16px;

  background-color: #ffffff;

}

form#adminsettings fieldset {

  margin-top: 1em;

  padding: 0;

  background-color: inherit;

}

fieldset.adminsettings span.form-shortname {

  color: #AAAAAA;

  font-style: italic;

  font-size: 90%;

}

form#adminsettings span.form-shortname {

  color: #AAAAAA;

  font-style: italic;

  font-size: 90%;

}

form#adminsettings span.defaultinfo {

  color: #AAAAAA;

  font-style: italic;

  font-size: 90%;

  margin-left: 1.5em;

  padding-bottom: 0.2em;

}

fieldset.adminsettings {

  background-color: #EEEEEE;

  border-width: 1px;

  border-style: solid;

  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;

}

form.mform div.textarea textarea {

  width: 35em;

}

form#adminsettings div.form-item {

  

/*background: url(pix/small_bg_gradient.png) repeat-x 0 bottom;*/

  border-top: 1px solid #F1ECE6;

}

form#adminsettings .form-label {

  padding-right: 0.3em;

  border-right: 1px solid #F1ECE6;

}

form#adminsettings div.form-htmlarea {

  width: 600px;

}

body#admin-lang div.generalbox {

  border-style: none;

}

body#admin-lang table.translator {

  border-color: #F1ECE6;

}

body#admin-langimport div.generalbox {

  border-style: none;

}

div.htmlarea iframe {

 

}

div#header-home {
  
  background-image: url(pix/header/beige_box.png);
  position: relative;
  background-repeat:no-repeat ;
 
  

  width:100%;

  height:190px;
}

div#header {
  background-image: url(pix/header/beige_box.png);
  position: relative;

  
  
  background-repeat:no-repeat ;

  width:100%;
  height:190px;


}

td#left-column {

  padding-top: 10px;

  padding-right: 5px;

}

td#right-column {

  padding-top: 10px;

  padding-left: 5px;

}

table#layout-table {

  margin-top: 0;

  border-collapse: collapse;

  border-spacing: 0;

}

table#layout-table td#middle-column {

  padding: 10px 0 0;

}

div.sitetopic {

  border-style: none;

}

div.categorybox {

  border-style: solid;

  border-width: 1px;

  border-color: #EEEEEE;

}

div.mdescr div.images {

  text-align: center;

}

fieldset {

  border-style: none;

}

body#admin-auth td#middle-column {

  padding-bottom: 10px;

}

div.sideblock h2 {

  color: #333;

}

table.cal_popup_bg {

  background-color: #ffffff;

  border-color: #F1ECE6;

}

div.homelink {

  margin: 2px 0 0;

  padding: 0;

}

div.logininfo {

  white-space: nowrap;

   

}

div.bt div {

  font-size: 1px;

  line-height: 1%;

  height: 0;

  background-repeat: no-repeat;

  background-position: 0 0;

  background-color: transparent;

}

div.bt {

  background-repeat: no-repeat;

  background-position: 100% 0;

  text-align: left;

}

div.bb div {

  font-size: 1px;

  line-height: 1%;

  height: 0;

  background-repeat: no-repeat;

  background-position: 0 0;

  background-color: transparent;

}

div.bb {

  background-repeat: no-repeat;

  background-position: 100% 0;

  text-align: left;

}

div.i1 {

  background-repeat: repeat-y;

  background-position: 0 0;

  background-color: transparent;

}

div.i2 {

  background-repeat: repeat-y;

  background-position: 100% 0;

  background-color: transparent;

}







div.sideblock div.bt div {

  background-image: url(pix/cblocks/headerblocks.png);

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}

div.sideblock div.bt {

  background-image: url(pix/cblocks/headerblocks.png);

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}

div.sideblock div.header div.bt div {

  background-image: url(pix/cblocks/headerblocks.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}

div.sideblock div.header div.bt {

  background-image: url(pix/cblocks/headerblocks.png);

  background-repeat: no-repeat;

  background-position: 100% 0;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}

div.sideblock div.header div.i1 {

  background-image: url(pix/cblocks/borderblocks.png);

  background-repeat: repeat-y;

  background-position: 0 0;

  background-color: transparent;

  padding: 0 0 0 12px;  /*espacio del title lado izquierdo*/

}

div.sideblock div.header div.i2 {

  background-image: url(pix/cblocks/borderblocks.png);

  background-repeat: repeat-y;

  background-attachment: scroll;

  background-position: 100% 0;

  background-color: transparent;

  padding: 0 12px 0 0; /*espacio del title lado derecho*/

}
/*cuadrilla del title*/
div.sideblock div.header div.i3 {

  padding: 0 0 5px;  /*tabla tamaņo del titulo*/

  /*color del fondo title de cada blockd*/ 
  background-color: #3eb2e6;  

  border-top-width: 1px;

  border-right-width: 0;

  border-bottom-width: 1px;

  border-style: solid none;

  border-top-color: #5FBCE7; /*borde top del cuadrilla title*/

  border-bottom-color: #3eb2e6;

}

/*parte central izquierda*/

div.sideblock div.i1 {

  background-image: url(pix/cblocks/beige_borders_blocks.png);

  background-repeat: repeat-y;

  background-position: 0 0;

  background-color: transparent;

  padding: 0 0 0 12px;

}

div.sideblock div.i2 {

  background-image: url(pix/cblocks/beige_borders_blocks.png);

  background-repeat: repeat-y;

  background-attachment: scroll;

  background-position: 100% 0;

  background-color: transparent;

  padding: 0 12px 0 0;

}

div.sideblock div.i3 { /*#3eb2e6*/

  background-color: #3eb2e6; /*color de este espacio*/

  padding: 0px; /*espacio rodeo de el contenido del block*/

  border-style: none;

}

div.sideblock div.bb div {

  background-image: url(pix/cblocks/beige_box_blocks.png);

  background-repeat: no-repeat;

  background-position: 0 100%;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}

div.sideblock div.bb {

  background-image: url(pix/cblocks/beige_box_blocks.png);

  background-repeat: no-repeat;

  background-position: 100% 100%;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}

td#left-column div.hidden div.header {

  border-bottom-style: none;

}

td#right-column div.hidden div.header {

  border-bottom-style: none;

}



/*parte de arriba*/

td#middle-column div.bt div {

  background-image: url(pix/box.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}

td#middle-column div.bt {

  background-image: url(pix/box.png);

  background-repeat: no-repeat;

  background-position: 100% 0;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}



/*parte de abajo*/

td#middle-column div.bb div {

  background-image: url(pix/box.png);

  background-repeat: no-repeat;

  background-position: 0 100%;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}

td#middle-column div.bb {

  background-image: url(pix/box.png);

  background-repeat: no-repeat;

  background-position: 100% 100%;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}



/*------------------------------------*/

td#middle-column div.i1 {

  background-image: url(pix/borders.png);

  background-repeat: repeat-y;

  background-position: 0 0;

  background-color: transparent;

  padding: 0 0 0 12px;

}

td#middle-column div.i2 {

  background-image: url(pix/borders.png);

  background-repeat: repeat-y;

  background-attachment: scroll;

  background-position: 100% 0;

  background-color: transparent;

  padding: 0 12px 0 0;

}

td#middle-column div.i3 {

  background-color: #FFFFFF;

  padding: 0 12px;

  border-width: 1px 0;

  border-style: solid;

  border-color: #FFFFFF;

}











td#middle-column div.bt div {

  z-index: 10;

}









/*parte top del footer*/
/*
div#footer div.bt div {

  background-image: url(pix/footer/beige_box.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px; /*tamaņo dela esquina izquierda superior*/

}*/
/*
div#footer div.bt {

  background-image: url(pix/footer/beige_box.png);

  background-repeat: no-repeat;

  background-position: 100% 0;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

  text-align: left;

}*/

/*
div#footer div.i1 {

  background-image: url(pix/footer/beige_borders.png);

  background-repeat: repeat-y;

  background-position: 0 0;

  background-color: transparent;

  padding: 0 0 0 10px;

}

div#footer div.i2 {

  background-image: url(pix/footer/beige_borders.png);

  background-repeat: repeat-y;

  background-attachment: scroll;

  background-position: 100% 0;

  background-color: transparent;

  padding: 0 10px 0 0;

}

div#footer div.i3 {

  background-image:url(pix/footer/footer.png);

  padding: 0 10px;

  height:81px;

  border-style: solid;

  border-color: #3eb2e6;

}

div#footer div.i3 {

  color:#FFFFFF;

}
*/


/*parte de abajo de footer*/
/*
div#footer div.bb div {

  background-image: url(pix/footer/beige_box.png);

  background-repeat: no-repeat;

  background-position: 0 100%;

  background-color: transparent;

  height: 12px;

  left: -12px;

  position: relative;

  width: 12px;

}*/
/*
div#footer div.bb {

  background-image: url(pix/footer/beige_box.png);

  background-repeat: no-repeat;

  background-position: 100% 100%;

  margin: 0 0 0 12px;

  height: 12px;

  background-color: transparent;

  text-align: left;

}

*/






/*
div#header div.bt div,

div#header-home div.bt div{

  background-image: url(pix/header/beige_box.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-color: transparent;

  height: 12px;

  left: -12px;

  position: relative;

  width: 12px;

}*//*

div#header div.bt ,

div#header-home div.bt{

  background-image: url(pix/header/beige_box.png);

  background-repeat: no-repeat;

  background-position: 100% 0;

  margin: 0 0 0 12px;

  height: 12px;

  background-color: transparent;

}
*/


/*lado izquierdo header pading central*/
/*
div#header div.i1,

div#header-home div.i1{

  background-image: url(pix/header/beige_borders.png);

  background-repeat: repeat-y;

  background-position: 0 0;

  background-color: transparent;

  padding: 0 0 0 9.2px;/*espacio izquierdo*/

}
*/
/*lado derecho header pading central*/
/*
div#header div.i2 ,

div#header-home div.i2 {

  background-image: url(pix/header/beige_borders.png);

  background-repeat: repeat-y;

  background-attachment: scroll;

  background-position: 100% 0;

  background-color: transparent;

  padding: 0 9.2px 0 0; /*espacio derecho*/

}
*//*
div#header div.i3,

div#header-home div.i3{

  /*background-color:#0066FF;*/

  background-image:url(pix/header/header_bg.png);

  padding: 0 2px 0 2px;

  width:auto;



}*//*

div#header div.bb div ,

div#header-home div.bb div{

  background-image: url(pix/header/beige_box.png);

  background-repeat: no-repeat;

  background-position: 0 100%;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}
*//*
div#header div.bb ,

div#header-home  div.bb{

  background-image: url(pix/header/beige_box.png);

  background-repeat: no-repeat;

  background-position: 100% 100%;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}*/

/*

div#header-home div.bt div {



  

  background-image: url(pix/header/beige_box.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-color: transparent;

  height: 40px;

  left: -13px;

  position: relative;

  width: 13px;

}

div#header-home div.bt {



  background-image: url(pix/header/beige_box.png);

  background-repeat: no-repeat;

  background-position: 100% 0;

  margin: 0 0 0 13px;

  height: 40px;

  background-color: transparent;

}

div#header-home div.i1 {



  

  background-image: url(pix/header/beige_borders.png);

  background-repeat: repeat-y;

  background-position: 0 0;

  background-color: transparent;

  padding: 0 0 0 12px;

}

div#header-home div.i2 {

  background-image: url(pix/header/beige_borders.png);

  background-repeat: repeat-y;

  background-attachment: scroll;

  background-position: 100% 0;

  background-color: transparent;

  padding: 0 12px 0 0;

}

div#header-home div.i3 {

  background-color: #009933;

  padding: 10px 5px;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-style: solid none;

  border-top-color: #FFFF33;

  border-bottom-color: #FF0000;

  

}





div#header-home div.bb div {

  background-image: url(pix/header/beige_box.png);

  background-repeat: no-repeat;

  background-position: 0 100%;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}

div#header-home div.bb {

  background-image: url(pix/header/beige_box.png);

  background-repeat: no-repeat;

  background-position: 100% 100%;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}

*/

div#header-home div.i3 div.wraphome {

  background-color: #F1ECE6;

  border: 1px solid #F1ECE6;

  padding: 0 10px;

}





body.nolayouttable div#content div.bt div {

  background-image: url(pix/box.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}

body.nolayouttable div#content div.bt {

  background-image: url(pix/box.png);

  background-repeat: no-repeat;

  background-position: 100% 0;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}

body.nolayouttable div#content div.i1 {

  background-image: url(pix/borders.png);

  background-repeat: repeat-y;

  background-position: 0 0;

  background-color: transparent;

  padding: 0 0 0 12px;

}

body.nolayouttable div#content div.i2 {

  background-image: url(pix/borders.png);

  background-repeat: repeat-y;

  background-attachment: scroll;

  background-position: 100% 0;

  background-color: transparent;

  padding: 0 12px 0 0;

}

body.nolayouttable div#content div.i3 {

  background-color: #FFFFFF;

  padding: 0 10px;

  border-width: 1px 0;

  border-style: solid;

  border-color: #FFFFFF;

}

body.nolayouttable div#content div.bb div {

  background-image: url(pix/box.png);

  background-repeat: no-repeat;

  background-position: 0 100%;

  background-color: transparent;

  height: 12px;

  left: -13px;

  position: relative;

  width: 13px;

}

body.nolayouttable div#content div.bb {

  background-image: url(pix/box.png);

  background-repeat: no-repeat;

  background-position: 100% 100%;

  margin: 0 0 0 13px;

  height: 12px;

  background-color: transparent;

}

/*info box section start */

div#content div.ccbox div.bt div {

  background-image: url(pix/mask_box.png);

}

div#content div.ccbox div.bt {

  background-image: url(pix/mask_box.png);

}

div#content div.ccbox div.i1 {

  background-image: url(pix/mask_borders_le.png);

}

div#content div.ccbox div.i2 {

  background-image: url(pix/mask_borders_re.png);

}

div#content div.ccbox div.i3 {

  background-color: transparent;

  border-color: transparent;

}

div#content div.ccbox div.bb div {

  background-image: url(pix/mask_box.png);

}

div#content div.ccbox div.bb {

  background-image: url(pix/mask_box.png);

}

div#content div.ccbox div.bt div {

  z-index: 10;

}

div#content div.ccbox {

  background-image: url(pix/info_gradient.png);

  background-repeat: repeat-x;

  background-position: 50% 50%;

  padding: 0;

}

body#course-report div#content {

  padding: 0;

  margin: 10px 0;

}

/*info box section end */

td#middle-column tr.section {

  background-image: url(pix/bottom_shadow_to_top.png);

  background-repeat: repeat-x;

  background-position: center bottom;

  border: 1px solid #F1ECE6;

}

td#middle-column tr.separator {

  background-image: none;

  height: 1.5em;

  border-style: none;

}

fieldset.clearfix {

  background-image: url(pix/bottom_shadow_to_top.png);

  background-repeat: repeat-x;

  background-position: center bottom;

}

th.header {

  background-image: url(pix/header.png);

  background-repeat: repeat-x;

  background-position: center bottom;

  background-color: #FFFFFF;

  color:#FFFFFF;

  /*padding-bottom: 5px; causes mis-alignment in IE. MDL-21088*/

}

form.mform legend {

  color: #0066CC;

  font-size: 120%;

}

div.coursebox div.summary {

  width: 45%;

}

body#mod-forum-view div.subscription {

  float: none;

  text-align: right;

  white-space: nowrap;

}

table.forumpost tr.header {

  background-image: url(pix/header.png);

  background-repeat: repeat-x;

  background-position: left bottom;

}

table.forumpost td.starter {

  background: inherit;

}

table.forumpost td.left {

  background: inherit;

}

table.forumpost td.picture {

  background: #fff;

}

table.forumpost {

  margin-top: 20px;

  border-style: none;

}

table.forumpost tr.header td.topic {

  padding-bottom: 10px;

  border-style: none;

}

table.forumpost div.commands {

  background-image: url(pix/bottom_shadow_to_top.png);

  background-repeat: repeat-x;

  background-position: center bottom;

  padding-bottom: 7px;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-style: solid none;

  border-top-color: #F1ECE6;

  border-bottom-color: #F1ECE6;

}

table.forumheaderlist {

  border-color: #F1ECE6;

}

table.forumheaderlist tr.discussion td {

  border-color: #F1ECE6;

}

td.content {

  border-right-width: 1px;

  border-right-style: solid;

  border-right-color: #F1ECE6;

}

div.glossarydisplay table.glossarypost {

  border-color: #F1ECE6;

}

div.glossarydisplay table.glossarycategoryheader {

  background-color: inherit;

}

div.glossarydisplay div.entrybox {

  border-color: #F1ECE6;

}

div.glossarydisplay hr {

  color: #F1ECE6;

  background-image: url(pix/bottom_shadow.png);

  background-repeat: repeat-x;

  background-position: left top;

  height: 10px;

  border-style: none;

}

body#mod-glossary-view div.glossarycontrol {

  float: none;

  text-align: right;

  white-space: nowrap;

  margin: 5px 0;

}

table.glossarypost div.concept h3 {

  display: inline;

}

table.glossarypost.continuous div.concept {

  display: inline;

}

div.mwiki div.tabtree {

  margin-top: 10px;

}

table#categoryquestions {

  margin-top: 10px;

}

div.que div.info {

  padding-bottom: 7px;

}

div.que div.ablock {

  padding-bottom: 5px;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-top-style: none;

  border-bottom-color: #0066FF;

}

div.que div.qtext {

  background-image: url(pix/bottom_shadow_to_top.png);

  background-repeat: repeat-x;

  background-position: center bottom;

  padding-bottom: 7px;

  margin-bottom: 10px;

  padding-left: 5px;

  border-left-width: 1px;

  border-left-style: solid;

  border-left-color: #F1ECE6;

}

div.que div.content {

  margin: 5px 0 0;

}

body#course-user div.section {

  border: 1px solid #F1ECE6;

}

body#course-user div.tabtree {

  margin-bottom: 10px;

}

.tabrow0 div,

.tabrow0 ul {

  top: 2em;

}

a.dimmed:link,

a.dimmed:visited {

  color: #AAAAAA;

}

span.dimmed_text {

  color: #AAAAAA;

}

.dimmed_text {

  color: #AAAAAA;

}

tr.hidden div.summary {

  color: #AAAAAA;

}

tr.hidden td.left {

  color: #AAAAAA;

}

body#message-index div#header,

body#message-discussion div#header,

body#message-history div#header,

body#message-user div#header {

  display: none;

}

body#message-index div#footer,

body#message-discussion div#footer,

body#message-history div#footer {

  display: none;

}

body#message-index div#page,

body#message-user div#page,

body#message-history div#page {

  width: auto;

}

body#message-user div#page {

  margin: 0;

}

body#message-user div#content {

  padding: 0;

}

body#grade-index .grades th.header {

  font-weight: bold;

  font-size: 0.7em;

}

body.grade-edit-scale div.scale_options {

  font-size: 0.7em;

}

body.grade-report-grader table#user-grades tr.groupavg td.cell {

  font-weight: bold;

  color: #006400;

}

body.grade-report-grader table#user-grades {

  width: auto;

}

body.grade-report-grader table#user-grades tr.avg td.cell {

  font-weight: bold;

  color: #00008B;

}

body.grade-report-grader table#user-grades td.cat {

  font-weight: bold;

}

body.grade-report-grader table#user-grades td.course {

  font-weight: bold;

}

#admin-roles-override .capcurrent {

  background-color: #FFFFFF;

  border: 1px solid #cecece;

}

#admin-roles-manage .capdefault {

  background-color: #dddddd;

  border: 1px solid #cecece;

}

#admin-roles-manage .rolecap {

  border: none;

  border-bottom: 1px solid;

  border-bottom-color: #cecece;

}

#admin-roles-override .rolecap {

  border: none;

  border-bottom: 1px solid;

  border-bottom-color: #cecece;

}

#admin-roles-manage .rolecap .cap-desc .cap-name {

  color: #888;

}

#admin-roles-override .rolecap .cap-desc .cap-name {

  color: #888;

}

.plugincompattable {

  font-size: 90%;

  text-align: left;

}

.plugincompattable td.standard {

  font-weight: normal;

}

.plugincompattable td.nonstandard {

  font-weight: bold;

}

.plugincompattable td.missingplugin {

  font-weight: bold;

}

.plugincompattable td.warning {

  font-style: normal;

}

.plugincheckwrapper {

  text-align: center;

}

.plugincompattable td.ok {

  color: #008000;

}

.plugincompattable td.warning {

  color: #DF7800;

}

.plugincompattable td.error {

  color: #DF0000;

}

.tag_cloud .s20 {

  font-size: 1.5em;

  font-weight: bold;

}

.tag_cloud .s19 {

  font-size: 1.5em;

}

.tag_cloud .s18 {

  font-size: 1.4em;

  font-weight: bold;

}

.tag_cloud .s17 {

  font-size: 1.4em;

}

.tag_cloud .s16 {

  font-size: 1.3em;

  font-weight: bold;

}

.tag_cloud .s15 {

  font-size: 1.3em;

}

.tag_cloud .s14 {

  font-size: 1.2em;

  font-weight: bold;

}

.tag_cloud .s13 {

  font-size: 1.2em;

}

.tag_cloud .s12,

.tag_cloud .s11 {

  font-size: 1.1em;

  font-weight: bold;

}

.tag_cloud .s10,

.tag_cloud .s9 {

  font-size: 1.1em;

}

.tag_cloud .s8,

.tag_cloud .s7 {

  font-size: 1em;

  font-weight: bold;

}

.tag_cloud .s6,

.tag_cloud .s5 {

  font-size: 1em;

}

.tag_cloud .s4,

.tag_cloud .s3 {

  font-size: 0.9em;

  font-weight: bold;

}

.tag_cloud .s2,

.tag_cloud .s1 {

  font-size: 0.9em;

}
/***** eeuuii/user_styles.css end *****/