/**************************************
 * THEME NAME: darkb
 *
 * Files included in this sheet:
 *
 *   darkb/blue.css
 **************************************/

/***** darkb/blue.css start *****/

/* body{font: "Helvetica Neue",Arial,Helvetica,sans-serif; margin:0; padding:0; background:#ccc; text-align:center; background:#ebebeb} */
/* body{font: "Helvetica Neue",Arial,Helvetica,sans-serif; margin:0; padding:0; background:#ccc; text-align:center; background:#ebebeb url(../imagenes/newb2.png) repeat-x} */

/* SIRVE PARA DESPLEGAR AUTOM�TICAMENTE LOS MEN�S AL PASAR EL RAT�N */
/* .dropdown:hover .dropdown-menu {
display: block;
} */

a:active{ outline:none}

:focus{ -moz-outline-style:none}

img{border:none}
html, body{height:100%}

/***
 ***ByJCA
 ***/

a.dimmed:link,
a.dimmed:visited {
  color:#AAAAAA;
  /*text-decoration:line-through;*/
  background-color: #DDDDDD 
}

/***
 ***set wrapper neg margin to same as #myfoot height....
 ***/

#myfootinner{padding:5px; color:#fff}
#myfootinner a{color:#fff}
#contents a{color:#113759}
#contents2 a{color:#113759}
#contentsin{width:100%; height:100%}
 
 
#contentbox{margin-top:0px; margin-bottom:0px; width:100%;  font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size:14px}

.topsad{display:inline; float:right; margin-top:-28px; margin-bottom:-28px; color:#fff; text-align:right}

.topsad a, .topsad a:visited{color:#fff}
.topsad ul, .topsad li, .topsad li a{list-style-type:none; padding:0; margin:0; background:none !important; display:inline}
.topsad li{padding-right:6px; padding-left:6px; border-right:1px solid #333}
.topsad li.topslast{padding-right:0px; padding-left:6px; border-right:none}
#logopics{float:left; margin-top:8px; margin-left:5px}

.echohead{margin-top:5px; margin-left:5px; margin-right:25px; font-size:27px; color:#fff; float:left; width:109px; height:45px; background:url(../imagenes/LDicon512.png) no-repeat}
.bmenu{float:left; margin-top:22px}
.bmenu ul, .bmenu li, .bmenu li a{list-style-type:none; padding:0; margin:0; background:none !important; display:inline}
.bmenu li{padding-right:10px; padding-left:10px; padding-bottom:8px}
.bmenu li.topslast{padding-right:0px; padding-left:6px; border-right:none}

.bmenu li a, .bmenu li a:visited{color:#aaa; text-transform:uppercase; font-weight:200; font-size:11px; text-shadow:0 -1px 1px rgba(0,0,0,0.25)}

.bmenu li.current a, .bmenu li a:hover{color:#fff; text-decoration:none}
.bmenu li.current, .bmenu li:hover{border-bottom:1px solid #333}
.csearch{float:right;  height:31px; margin-top:17px}
.csearch span{color: white}

.navbutton2 fieldset{background:none !important; border:none !important}

ul#topnav li .sub{position:absolute; top:119px; z-index:9999; width:300px; background:#fff; padding:20px 20px 20px; float:left; text-shadow:none; border-left:4px solid #0c253d; border-right:4px solid #0c253d; border-bottom:4px solid #0c253d; margin-left:80px; /*--Bottom right rounded corner--*/-moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /*--Bottom left rounded corner--*/-moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); display:none}
ul#topnav li .row{clear:both; float:left; width:100%; margin-bottom:10px}
ul#topnav li .sub ul{list-style:none; margin:0; padding:0; width:150px; float:left}
ul#topnav .sub ul li{width:100%; color:#333}
ul#topnav .sub ul li:hover{border:none}
ul#topnav .sub ul li hr{  border:0;  color:#dadada;  background-color:#dadada;  height:3px}
ul#topnav .sub ul li h2{padding:0;  margin:0; font-size:1.3em; font-weight:normal}
ul#topnav .sub ul li h2 a{padding:5px 0; background-image:none; color:#666; text-shadow:none}
ul#topnav .sub ul li a{float:none; text-indent:0; /*--Reset text indent--*/height:auto; font-size:12px; padding:7px 5px 7px 15px; display:block; text-decoration:none; color:#333; text-shadow:none}
ul#topnav .sub ul li a:hover{color:#ff5f00; background-position:5px 12px}

#myprofilesub{min-width:500px; font-size:13px}
#myprofilesub a img{float:left; margin-right:15px; border:5px solid #333}

.sub{min-width:300px; font-size:11px}
#mysupportsub li{display:block; float:none}

.csearch #s{    float:left;     padding:0;     margin:6px 0 0 6px;     margin-bottom:15px !important;     border:0;     width:159px;     background:none;     color:#fff}
.csearch #go{    float:right;    margin-bottom:10px;    margin-right:5px;        color:#fff}

.categorydiv{float:left; padding-right:5px; padding-bottom:8px; border-right:1px dotted #ccc; border-bottom:1px dotted #ccc; font-size:28px; margin-right:6px; margin-bottom:-3px; margin-top:5px; color:#666}
.categorydivarrow{height:72px; width:130px; background:url(icos/right_arrow.png) no-repeat; font-size:25px; position:relative; left:-120px; margin-bottom:-72px}

/***
 ***bread crumb nav bar stuff
 ***/
#crumbnav ul, #crumbnav li{list-style-type:none; padding:0; margin:0}
#crumbnav{height:40px}
#crumbnav ul{height:40px; background:none}
#crumbnav li{float:left; line-height:39px; color:#ccc; padding-left:.75em}
#crumbnav li a{background:url(../imagenes/crumb4.png) no-repeat right center; display:block; padding:0 22px 0 0}
#crumbnav li a:link, 
#crumbnav li a:visited{color:#fff; text-decoration:none; text-shadow:0 -1px 1px rgba(0,0,0,0.25)}

#crumbnav li a:hover, 
#crumbnav li a:focus{color:#dd2c0d}
#crumbnav .arrow{display:none !important}

#crumbnav img{vertical-align:middle}

 
 #middle-column2{ width:400px}
 
 .minicalendar{ font-size:10px;  border:1px solid #ccc}
 .calendar-controls{ }
 
 
 /***
 ***Core:side block stuff
 ***/
 
 #middle-column{border:1px solid #dadada; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px}
 .sideblock{ border:none}
 #right-column{ padding-left:4px}
 #left-column{ padding-right:4px}
 .sideblock a{ text-decoration:none;  font-size:12px}
#left-column .sideblock .header, #right-column .sideblock .header{background:url(../imagenes/sideback.png) repeat-x; border-top:5px solid #fff !important; border-left:4px solid #fff !important; border-right:4px solid #fff !important; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2)}
 .sideblock div.title{ }
 #right-column .sideblock .header{}
 .sideblock h2{text-transform:uppercase; font-weight:200; font-size:11px; text-shadow:0 -1px 1px rgba(0,0,0,0.25);  padding-top:7px;  padding-bottom:2px;  padding-left:3px;  color:#fff}
 #left-column .sideblock h2{ padding-left:7px}
 #right-column .sideblock h2{ position:relative;  text-align:right;  right:10px}
 .sideblock .content{ border:none !important;  background:#fff;  -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.header{border:none !important; font-size:14px; clear:both}
.sitetopic{ border:none}
.sitetopic ul, .sitetopic li{list-style-type:none; padding:0; margin:0}
.coursebox{border:none; padding:0; margin:0}

.boxwidthwide{  }
.unlist{background:#fff; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px}
.unlist li{list-style-type:none; padding:0; margin:0}
.unlist li a{text-decoration:none}
.oddrow{background:#eee; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc}
.teachers li a, .teachers li{font-size:10px}
.johnswitch{float:right; margin-top:4px}
.categorybox{background:#fff;  text-align:left !important}
.categorybox a{text-decoration:none}
.categorybox td{padding-top:5px; padding-bottom:5px; border-bottom:1px dotted #ccc}
.oddrowtd{background:#eee}

#pfile{float:right; margin-right:10px; margin-top:0px}
#pfile img{-moz-box-shadow:0px 1px 6px rgba(0,0,0,0.8); -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.8);  -moz-border-radius:2px; -webkit-border-radius:2px; border:2px solid #fff; width:60px; height:60px}
.pfiletext{float:left; margin-right:7px; color:#fff; text-align:right; margin-top:8px}

.pfiletext a{color:#fff; font-size:11px; text-decoration:none}
.pfiletext ul, .pfiletext li{list-style-type:none; padding:0; margin:0}

.generalbox.sitetopic.box{}

.navbutton2{display:inline; float:right; margin-top:17px}
.navbutton2 img{margin-bottom:3px; border:0px solid #216477}
.navbutton2 form, #crumbnav form{display:inline !important}
.navbutton2 div, #crumbnav div.old{display:inline !important}
.navbutton2 span, #crumbnav span{display:inline !important}
h2.headingblock.header{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size:20px; text-align:right; text-transform:uppercase; font-weight:200; border-bottom:2px solid #0c253d !important; color:#0c253d; ; margin-top:4px}

h2.headingblock.header.outline{font-size:18px; font-weight:200}
h2.headingblock.header.outline span{color:#666}

h2.main{color:#113759; text-transform:uppercase; font-weight:200; font-size:18px}
/***
 ***Core:Course 
 ***/
.coursebox{}
.topics, .weeks{ background:#fff}
body#site-index .headingblock, 
body#course-view .headingblock{margin-bottom:0px}

.section{}

.section td.content{border-top:0px; border-left:0px; border-right:0px; padding-top:2px; padding-bottom:2px; padding-left:0px; border-bottom:1px dotted #ccc}
.section td.content li, .section td.content ul{list-style:none; margin-left:0; padding:0 !important}
.section td.content li a{color:#025167; font-size:13px}
.section.main{padding-top:3px; padding-bottom:3px}
.section td.side{  }
.section td.left.side{vertical-align:top; font-weight:bold; font-size:13px; color:#666; width:7px}
.section td.right.side{vertical-align:top; text-align:right; width:20px}

/***By JCA
.generalbox.box{border:none; font-weight:bold; font-size:17px; text-align:center}
***/
.generalbox.box{border:none}
.section.current td.right.side{background:#ffc !important}
.section.current td.left.side{background:#ffc !important}
li.activity{margin-top:3px; margin-bottom:3px}
table.forumpost{font-size:0.85em; margin-left:10px; margin-bottom:1px; border:none; margin-right:10px}

.forumpost .commands a{color:#33c !important}
.forumpost td.left{padding-right:5px; background:url(../imagenes/quoter.png) no-repeat; background-position:100% 0%}
.forumpost .picture{background:none !important}
.forumpost .picture img{border:4px solid #fff; border-bottom:9px solid #fff; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-transform:rotate(-2deg); -moz-transform:rotate(-2deg)}

.forumpost .starter{background-color:#FFF}

.forumpost td.content{border:3px solid #0d2a43; border-top:none; padding:1em 1em 1em 2em; background:#fff; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px}
.forumpost td.topic{border:3px solid #0d2a43; border-bottom:none; padding:7px; background:#eee; -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px}

.forumpost .subject{color:#091d2f; font-size:16px}
.forumpost .author{font-size:9px !important; color:#666; text-transform:uppercase; font-weight:200}
.forumpost .side{background:none}

.info .name a{font-weight:bold}
.indent{margin-left:30px}

#participants{width:80%}
.forumheaderlist, .files, .editcourse{background:#fff; margin-left:auto; border-collapse:collapse; margin-right:auto; border:thin #666 solid; border-spacing: 0px;}
table.forumheaderlist{border:none !important; margin-top:10px; border-collapse:collapse; background:#fff}
table.forumheaderlist a{text-decoration:none}
table.forumheaderlist td.picture{border-left:none !important; border-right:none !important}
table.forumheaderlist td.author{border-left:none !important}
/***
 ***table stuff
 ***/
 /***
 ***Core:tab stuff
 ***/
  .tabtree ul{padding:0px; margin:0px; list-style:none; background:none; margin-top:10px; margin-bottom:10px; border:none !important}

 ul.tabrow1{ margin-bottom:10px}
 ul.tabrow{ border:none !important}
.tabrow0 li, .tabrow0 li a, .tabrow1 span{background:none !important; text-decoration:none !important}

.tabrow0 li a span{background:none !important; text-decoration:none !important}
.tabrow0 li{border-left:1px solid #ccc; border-top:1px solid #ccc; padding-top:5px; padding-bottom:3px; background:#091d2f url(../imagenes/butover.png) repeat-x !important;   -moz-border-radius-topleft:2px;  -webkit-border-top-left-radius:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px}
.tabrow0 li:hover{background:#adcfed url(../imagenes/alert-overlay.png) repeat-x !important; color:#333}
.tabrow0 li.last{border-right:1px solid #ccc}
.tabrow0 li a span{color:#fff}
.tabrow0 li a span:hover{color:#333}
.tabrow0 li.selected{background:#adcfed url(../imagenes/alert-overlay.png) repeat-x !important}

.tabrow0 li.selected a span{color:#333}

 .sideblock{ }
.sideblock .commands{background:url(../imagenes/commandsB.png) !important; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; padding-top:6px}

.graph{margin-top:17px; margin-left:auto; margin-right:auto; border:1px solid #aaa; width:70%; height:15%}

div.graph img{width:100%; height:100%}

div.buttons div.old{display:inline}

/***
 ***button styling remove all for default buttons
 ***/
 #contents2 button, #contents2 input[type="submit"], #contents2 input[type="button"]{background:#041628 url(../imagenes/butover.png) repeat-x; display:inline-block; color:#fff; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); text-shadow:0 -1px 1px rgba(0,0,0,0.25); position:relative; cursor:pointer}
 #contents2 button:hover, #contents2 input[type="submit"]:hover{background:#f00 url(../imagenes/butover.png) repeat-x; color:#fff}


#contents2 button, #contents2 input[type="submit"], #contents2 input[type="button"]
{background:#041628 url(../imagenes/butover.png) repeat-x; display:inline-block; padding:5px 10px 6px; 
color:#fff; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; 
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); 
text-shadow:0 -1px 1px rgba(0,0,0,0.25); position:relative; cursor:pointer; border:2px 
solid #dadada; font-size:10px}

.navbutton2 button:hover, .navbutton2 input[type="submit"]:hover, #contents2 button:hover, #contents2 input[type="submit"]:hover{background:#f00 url(../imagenes/butover.png) repeat-x; color:#fff}
 button.old, input.old[type="submit"]:visited{top:1px}

.navbutton input.old[type="submit"] { padding:1px 1px 1px !important}

.sideblock input.old[type="submit"] { padding:3px 6px 4px !important}

/*
.navbutton2 button.old, .navbutton2 input.old[type="submit"], .navbutton2 input.old[type="button"]{ background:#041628 url(../imagenes/butover.png) repeat-x; display:inline-block; padding:2px 4px 2px; color:#fff; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); margin-left:3px; position:relative; cursor:pointer; font-size:9px}
*/

/***
 ***some hacks below to make the messaging pop up look okay
 ***/
/***OLD
#message-messages #crumbnav, #message-messages #topbar, #message-messages .topsad{ display:none}
 
 #message-messages, #message-send{ background:#eee !important;  font-size:16px}
***/ 
/***** darkb/blue.css end *****/