


/* == Menu over for the lms == */
body.yui-skin-sam .lms_menu_over{background:transparent;border:0px none;border-bottom:1px solid #cccccc; margin:0 0 5px 0;}
body.yui-skin-sam .lms_menu_over .yuimenubaritem{border-right:0px none;}
body.yui-skin-sam .lms_menu_over .yuimenubaritemlabel{padding: 0 10px;text-decoration:underline;cursor:pointer;}
body.yui-skin-sam .lms_menu_over .yuimenubaritem-selected{background:transparent;}
body.yui-skin-sam .lms_menu_over .yuimenubaritemlabel-selected{margin:-1px 0;}
body.yui-skin-sam .yuimenuitem .yuimenubaritemlabel-hassubmenu {padding-right:20px;}

#lms_menu_container>.bd>ul.first-of-type li {background:#666; border: 1px solid #999; border-radius: 8px 8px 8px 8px; margin: 10px 7px;}
#lms_menu_container>.bd>ul.first-of-type li.first-of-type {margin-left:0}
#lms_menu_container>.bd>ul.first-of-type li a {color:#ffffff; padding: 5px 20px; font-weight:bold;}

#lms_menu_container>.bd>ul.first-of-type li ul li{background:#FFF; border: 0; border-bottom:1px solid gray; border-radius: 0; margin: 10px 7px;}
#lms_menu_container>.bd>ul.first-of-type li.first-of-type ul li{margin-left:0}
#lms_menu_container>.bd>ul.first-of-type li ul li a {color:#ffffff; padding: 5px 20px; font-weight:normal; color:#333}


/* == Nested tab == */
.yui-nav{font-size:90%;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav,.yui-skin-sam div.nested_tab .yui-navset .yui-navset-top .yui-nav {border:none transparent;border-width:0;position:relative;zoom:1;background: #cccccc;padding: 16px 12px;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav li.first {border: 0px none;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav li,.yui-skin-sam div.nested_tab .yui-navset .yui-navset-top .yui-nav li {zoom:1;border-left: 1px solid #808080;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav .selected,.yui-skin-sam div.nested_tab .yui-navset .yui-navset-top .yui-nav .selected {margin:0 0.16em -1px 0;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav a,.yui-skin-sam div.nested_tab .yui-navset .yui-navset-top .yui-nav a {background: transparent;border:none #cccccc;border-width:0;color:#000;text-decoration:none;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav a em,.yui-skin-sam div.nested_tab .yui-navset .yui-navset-top .yui-nav a em {border:solid #cccccc;border-width:0px 0 0;cursor:hand;padding:0.10em .75em;left:0;right:0;bottom:0;top:-1px;position:relative;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav .selected a,.yui-skin-sam div.nested_tab .yui-navset .yui-nav .selected a:focus,.yui-skin-sam div.nested_tab .yui-navset .yui-nav .selected a:hover {background:transparent;color:#000000;font-weight: bold;text-decoration: underline;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav a:hover,.yui-skin-sam div.nested_tab .yui-navset .yui-nav a:focus {background:transparent;outline:0;text-decoration: underline;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav .selected a em {padding:0.10em 0.75em;}
.yui-skin-sam div.nested_tab .yui-navset .yui-nav .selected a,.yui-skin-sam div.nested_tab .yui-navset .yui-nav .selected a em {border-color:#003d6b;}
.yui-skin-sam div.nested_tab .yui-navset .yui-content,.yui-skin-sam div.nested_tab .yui-navset .yui-navset-top .yui-content {border:0px none;border-top-color:transparent;padding:0.5em 0.5em 0.25em;}

/* == Lateral menu == */
.lmsmenu_block{background:#FFFFFF;border:none;margin-left:5px;}

ul.main-v-ul{margin:0;padding:0;}
li.main-v{list-style:none;margin:0;padding:0;}
li.main-v a.main-av{font-size:108%;font-weight:bold;display:block;padding:2px 0 2px 10px;text-decoration:none;}

li.main-open a.main-av{background:url(../yui-skin/menubaritem_submenuindicator.png) no-repeat scroll left center transparent;}
li.main-close a.main-av{background:url(../yui-skin/menuitem_submenuindicator.png) no-repeat scroll left center transparent;}

li.main-v ul{padding: 4px 0 8px;margin:0;line-height:1.5em;}
li.main-close ul{display:none;}

li.sub-v{list-style:none;margin:0 0 4px;padding:0;}
li.sub-v a{text-decoration:none;display:block;padding:0 24px;}
li.sub-v a:hover{}

#course-info {
	width: 100%;
	text-shadow: none;
}

.yui-t3 #yui-main.yui-main-purple {
	width: 100%;
	margin-left: 1px;
}

#course-info #arrow {
	width: 16px;
	height: 16px;
	background: url(../images/course/down.png) 0 0 no-repeat transparent;
	float: left;
	margin-top: 3px;
margin-left: 5px;
}

#course-info .tempo {
	color: #000000;
font-family: HelveticaNeue, Open Sans Condensed, 'PT Sans', verdana, helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
float: left;
}

.yui-t3 #yui-main.yui-main-purple .yui-b {
	margin-left: 0px;
}

#yui-main.yui-main-purple .yui-b .tab_block{
	margin: 0px;
}

img.course_logo {
	float:left;
	width:12%;
	margin-right:10px;
	}

img.course_logo.sponsor {
  float: left;
  margin: -150px -720px;
  width: auto;
}

.yui-t3 #course-info h1 {
	float: left;
	margin: 0 0 .6em 0;
	width:60%;
}

.yui-t3 #course-info #menu-oriz {
	height: 65px;
	padding:0.6em 0 0 0;
	margin:0;
	background-color: #FFFFFF;
	border: 0;
	border-top:1px solid #CCC;
}

.yui-t3 #course-info .clear {
  clear: both;
}

.yui-t3 #course-info #accordion {
    cursor: pointer;
    float: right;
    margin: 0;
    outline: none;
	width:25%;
}

.yui-t3 #course-info #accordion h3 .tempo {
	font-size:14px;
}

#ui-accordion-accordion-header-0 {padding:0;}

#course-info ul.float-left{
	float: left;
	padding: 2px 0px 0px 0px;
	margin-top:40px;
	margin-left:0px
}

#course-info ul.sub_hide{
	display: none;
}

#course-info ul.float-left li{
	float: left;
	list-style-type: none;
	margin-right: 2px;
	font-size: 13px;
}

#course-info ul.float-left li a {
	padding:5px;
	text-decoration:none;
}

#course-info ul.float-left li a:hover{
	color: #CC0000;
	text-decoration:underline;
}

#course-info ul.float-left li a.active {
	font-weight:bold;
	text-decoration:underline;
}


#course-info ul#float-right{
	height: 15px;
	padding: 0;
	position: absolute;
	left:0;
	margin-left:0px;
	margin-top:8px;
}

#course-info ul#float-right li{
	float: left;
	list-style-type: none;
	margin-right: 2px;
	font-size: 13px;
}

#course-info ul#float-right .menu-area:hover{
	background-color:#9c0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#D9DCDF), to(#F1F2F4));
	background: -moz-linear-gradient(top,  #D9DCDF,  #F1F2F4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9DCDF', endColorstr='#F1F2F4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#course-info ul#float-right a:hover, #course-info ul#float-left a:hover{
	text-decoration:none;
}

#course-info ul#float-right .menu-area {
    padding: 5px 10px 3px;
    text-decoration: none;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 2px;
    font: 16px HelveticaNeue,Open Sans Condensed,'PT Sans',verdana,helvetica,sans-serif;
    background-color: #f1f2f4;
    border: 1px solid #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#F1F2F4 ), to(#D9DCDF ));
	background: -moz-linear-gradient(center top , #F1F2F4, #D9DCDF ) repeat scroll 0 0 transparent;
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F2F4', endColorstr='#D9DCDF ',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 0 #fff inset;
}

#course-info ul#float-right .menu-area a {
	color:#000;
	text-shadow:1px 1px 0 #fff;
}

#course-info ul#float-right .menu-selected {
	background-color:#9c0000;
	border: 1px solid #9c0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#CC0000), to(#9c0000));
	background: -moz-linear-gradient(top,  var(--color-primary), #993300);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC0000', endColorstr='#9c0000',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px 0 #DD5860 inset;
}

#course-info ul#float-right .menu-selected:hover{
    background-color: #9c0000;
    border: 1px solid #9c0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#9c0000), to(#CC0000));
	background: -moz-linear-gradient(top,  var(--color-primary),  var(--color-primary));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c0000', endColorstr='#CC0000',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 0 #DD5860 inset;
}

#course-info ul#float-right .menu-selected a {
	color:#fff;
	text-shadow:-1px -1px 0 #292929;
}




/* make sidebar nav vertical - MENU RESPONSIVE */ 
@media (min-width: 768px){
  .affix-content .container {
    width: 700px;
  }   


    .affix-content .container .page-header{
    margin-top: 0;
  }
  .sidebar-nav{
       // position:fixed; 
      //  width:100%;
  }
  .affix-sidebar{
    padding-right:0; 
    font-size:small;
    padding-left: 0;
  }  
  .affix-row, .affix-container, .affix-content{
    height: 100%;
    margin-left: 0;
    margin-right: 0;    
  } 
  .affix-content{
    background-color:white; 
  } 
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar{
    border-radius:0; 
    margin-bottom:0; 
    border:0;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
    width:100%;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }  
}

@media (min-width: 769px){
  .affix-content .container {
    width: 600px;
  }
    .affix-content .container .page-header{
    margin-top: 0;
  }  
}

@media (min-width: 992px){
  .affix-content .container {
  width: 900px;
  }
    .affix-content .container .page-header{
    margin-top: 0;
  }
}

@media (min-width: 1220px){
  .affix-row{
    overflow: hidden;
  }

  .affix-content{
    overflow: auto;
  }

  .affix-content .container {
    width: 1000px;
  }

  .affix-content .container .page-header{
    margin-top: 0;
  }
  .affix-content{
    padding-right: 30px;
    padding-left: 30px;
  }  
  .affix-title{
    border-bottom: 1px solid #ecf0f1; 
    padding-bottom:10px;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-collapse{
    padding: 0;
  }
  .sidebar-nav .navbar li a:hover {
    background-color: #cccccc;
    color: white;
  }
  .sidebar-nav .navbar li a > .caret {
    margin-top: 8px;
  }  
}


  .active-li{
    padding-right:0; 
    font-size:small;
    background-color: #dddddd;
    padding-left: 0;
    font-weight:bold;
    
    
  } 

  .active-sub{
    background-color: #eeeeee;
    
  }

.green_menu .badge {
  position: absolute;
  right: 4px;
  top: 4px;
  background-color: #ddd;
  z-index: 1;
}
