body {
  background: #124676 !important;
  color: #000000;
  font-family:Calibri;
  padding:0px;
  margin:0px;
}


#page, header
{
  width:80% !important;
}

#scorm_toc{
  display: none !important;
}

@media only screen and (max-width : 785px) {
  #page, header
  {
    width:100% !important;
  }
}

#page {
  margin:0px auto;
  background: #FFFFFF;
  padding:0px !important;
}

#page-footer, #page-header > .page-context-header> .page-header-headings, #page-navbar > .breadcrumb-nav
{
  display: none !important;
}


#page-navbar
{
  height:41px;
  background-color:#E5E5E5;
  padding-left:25px;
  padding-right:25px;
  padding-top:0px;
  padding-bottom:0px;
  border:0px;
}

#page > #page-header > .page-context-header
{
  height:97px;
  background:url(/images/banner.jpg) top no-repeat;
  padding-left:30px;
  padding-top:30px;
  background-position:left top;
  display: none;
}


#region-main-box
{
  padding-right: 20px;
  padding-left: 20px;
}

#page > #page-header {
  width:100% !important;
  margin:0px auto;
  height:0px;
  background:url(/images/top.png) top repeat-x;
  color:#000000;
}

#region-main-box
{
  margin-top: 40px;
}

header{
  position:relative !important;
  margin:auto !important;
  background-color:#fff;
}

header > .navbar-inner
{
  background:url(/images/header_open.jpg) right no-repeat;
  /*background: #333;*/
  height: 130px;
}

header > .navbar-inner > .container-fluid > .nav-collapse, header > .navbar-inner > .container-fluid > a
{
   display: none !important;
}

.jsenabled .usermenu .moodle-actionmenu.show {
    background-color: #FFF !important;
}

.usermenu
{
   height: 42px;
}

.usermenu img
{
   height: 25px !important;
   width: 25px !important;
}

.usertext
{
  color: #124676 !important;
}

.boxwidthwide
{
  width: 100% !important;
  font-family: Arial, Verdana, Helvetica, sans-serif !important;
  font-size: 12px !important;
  color: #666;
}

.boxwidthwide span
{
  font-family: Arial, Verdana, Helvetica, sans-serif !important;
  font-size: 12px !important;
  color: #666 !important;
}

#page-mod-scorm-view #toc{
  background-color: #C8F8FE !important;
  width: 98%;
  border: none;
  padding: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif !important;
  font-size: 12px !important;
  color: #666;
  padding:10px;
  padding-right: 0px;
}

#page-mod-scorm-view  #toc .structurehead
{
   padding-left: 26px;
   font-size: 16px;
   color: #000;
   padding-bottom: 0px;
   font-weight: bold;
}

#page-mod-scorm-view  #toc ul
{
  padding: 10px 0px 10px 0px;
  background-color: #fff;
}

#page-mod-scorm-view  #toc ul li
{
    padding: 3px 3px;
    color: #124676;
    font-size: 12px !important;
    margin-left: 20px;
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
    list-style-type: none;
    vertical-align: text-bottom;
}

#page-mod-scorm-view  #toc ul li img
{
    vertical-align: text-bottom;
}

#page-mod-scorm-view #toc ul li a
{
    text-decoration: none;
    font-weight: 400;
}

#page-mod-scorm-view  #toc > ul
{
    background: #C8F8FE;
    margin-left: 20px;
    padding-top: 0px;
}

#page-mod-scorm-view  #toc > ul > li{
    background: #C8F8FE;
    margin-left: -4px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 0px;
    font-size: 14px !important;
    font-weight: 600;
}

#page-mod-scorm-view  #toc > ul > li > ul{
    margin-top: 10px;
    margin-left: 0px;
}


#region-main h2
{
  color: #124676;
  font-weight: 400;
}


.usermenu  #action-menu-0-menu
{
  padding:0px !important;
}

.usermenu  #action-menu-0
{
  min-width: 160px !important; 
  border-radius: 3px !important;
}


#page-content
{
  padding:10px !important;
  width: 98% !important;
  /*padding-top: 60px !important;*/
}

#action-menu-0
{
  background: #fff !important;
}


.loginpanel .guestsub, .loginpanel .desc
{
  display:none !important;
}

.loginpanel input[type="text"], input[type="password"]
{
    width: 100% !important;
    height: 30px;
}

.loginpanel  .form-label, .loginpanel .rememberpass, .loginpanel .form-group
{
  text-align:left !important;
}

.loginpanel
{
  min-height: 420px !important;
}

.loginpanel input[type="submit"]
{
    margin:0px !important;
}


.usermenu .login {
    line-height: 40px !important;
    color: #f9f9f9 !important;
}

.loginerrors
{
    /*text-align: left !important;*/
}

.sco_li_activity{
  background-color: lightblue;
  margin-bottom: 3px;
  margin-left: 0px !important;
  padding-left: 23px !important;
}

.sco_activity{
  font-weight: bold;
}