.courseelement   {  border-top: 0px solid #DDD; }
.courseelement li {  padding: 3px 0 10px 16px;font-size:12px;}
.courseelement span.folder, .courseelement span.file { padding: 1px 0 1px 16px; display: block; }
.courseelement span.folder { background: url(image/folder.gif) 0 0 no-repeat; }
.courseelement li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.courseelement span.file { background: url(image/file.gif) 0 0 no-repeat; }
 

 span.res0 {padding: 1px 0 1px 19px;  background: url(image/structure_over.png) 0 0 no-repeat;}
 span.res1 {padding: 1px 0 1px 19px; padding-right:20px; background: url(image/file.gif) 0 0 no-repeat;}
 span.res2 {padding: 1px 0 1px 19px;  background: url(image/doc.png) 0 0 no-repeat;}
 span.res3 {padding: 1px 0 1px 19px; background: url(image/forum.png) 0 0 no-repeat;}
 span.res4 {padding: 1px 0 1px 19px;  background: url(image/wiki_over.png) 0 0 no-repeat;}
 span.res5 {padding: 1px 0 1px 19px;  background: url(image/poll_icon.gif) 0 0 no-repeat;}
 span.res6 {padding: 1px 0 1px 19px;  background: url(image/test_over.png) 0 0 no-repeat;}
 span.res7 {padding: 1px 0 1px 19px; background: url(image/player.png) 0 0 no-repeat;}
 span.res8 {padding: 1px 0 1px 19px;  background: url(image/television.png) 0 0 no-repeat;}
 


#course-page{ width: 100%;  }

#elementTree{  background:none repeat scroll 0 0 #FFFFFF; overflow: auto; }
#elementContent { margin: 0 0px 0 0; }


#elementTree h2 { position: relative; padding: 0 10px; height: 30px;  line-height: 30px; border-bottom:1px solid #CCCCCC}

.course_entry{
 -moz-border-radius:4px 4px 4px 4px;
 background:none repeat scroll 0 0 #FBFBFB;
 border:1px solid #cccccc;
 padding:5px;
 margin:0 0 1em;
}

.course_entry .coursemenu{
 
    margin: 0 10px;
    overflow: hidden;
    padding: 5px 5px 0;
}
.course_entry .coursemenu hr{
	
    border: 1px solid #D8DFEA;
  
}
.course_entry .coursemenu li {
    border-bottom: 0px solid #D8DFEA;
    font-size: 1em;
    height: 20px;
    line-height: 21px;
    margin: 0 0 12px;
    overflow: hidden;
    position: relative;
    width: 127px;
    font-size:13px;
}

.course_entry .coursemenu li img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.element_title{
border-bottom:1px solid #ACAAAA;
}
.element_title h3{
 
}
.element_desc{
color:#AAAAAA;
}
.course_list{ margin: 20px 0 0; }
    .course_list ol{ margin: 0; padding: 0; list-style: none; }
    .course_list ol li{ margin: 0 0 20px; padding: 0 0 10px; width: 100%; border-bottom:1px solid #EBE6C9; overflow: hidden; }
    .course_list ol li li{ margin: 0; padding: 0; width: 100%; overflow: hidden; border: none; }
    .course_list .course_icon{ float: left; padding: 0 10px 10px 0; width: 110px;   text-align: center;}
    .course_list .course_icon img{ padding: 4px; max-width: 100px; max-height: 100px;  background: #FFF; border: 1px solid #DDD; zoom: expression( function(elm) { if (elm.width > 100 || elm.height > 100 ){ if (elm.width>elm.height) { elm.width=100; } else{ elm.height=100; } } elm.style.zoom = '1'; }(this) ); }
    .course_list .course_content{ float: left; width:420px; line-height: 150%; }
    .course_list .course_content h4{font-size: 14px;}
    .course_cat, .join_event_list { padding:0 10px; width:230px; overflow:hidden; }
    .course_cat li { float:left; width: 110px; line-height:180%; }
    .course_cat li.on { padding: 0 0 0 15px;  width: 95px; background:transparent url(image/d.gif) no-repeat scroll 5px 10px; font-weight: bold; }
    
 .course .course_icon{ float: left; margin: 0 20px 0 0; width: 200px; height: 200px; text-align: center; vertical-align: middle; clear: left; }
    .course .course_icon img{max-width: 200px; max-height: 200px; zoom: expression( function(elm) { if (elm.width > 200 || elm.height > 200 ){ if (elm.width>elm.height) { elm.width=200; } else{ elm.height=200; } } elm.style.zoom = '1'; }(this) ); }
    .course .course_content{ float: left; width: 320px; }
    .course_title{ margin: 0 0 5px; font-weight: normal; }
    .course .course_content dl dt{ float: left; width: 60px;}
    .course .course_content ul { margin: 10px 0; width: 100%; color: #333; overflow: hidden; }
    .course .course_content ul li{ float: left; margin: 0 10px 0 0;}
    .buttons a, .buttons span{ width: 80px; height: 30px; background-image: url(image/buttons.gif); text-indent: -99px; line-height: 30px; display: block; overflow: hidden; }
    .buttons a.study_course_button{ background-image: url(image/study.jpg);background-repeat:no-repeat; background-position: 0 0px; }
    .buttons a.do_course_button{ background-position: 0 0; }
    .buttons a.wish_course_button{ background-position: 0 -100px; }
    .buttons a.recs_course_button{ background-position: 0 -200px; }
    .buttons a.cancel_course_button{ width: auto; height: auto; background: none; text-indent: 0; display: inline; text-decoration: underline; }
    .course_article{ margin: 0 0 10px; padding:5px 10px; }
    .course_state{ color: #060; }
    .course_albs_p{ background: #FCF9E6; text-align: center; }    
     
.sub_menu{ padding: 0 10px; height: 30px;   border-bottom:1px solid #EBE6C9; overflow: hidden;}
    .sub_menu div{ position: absolute; width: 520px; }
    .sub_menu a{ float: left; position: relative; margin: 7px 10px 0 0; padding: 0 10px; height: 24px; line-height: 24px; display:block; }
    .sub_menu a.active{ margin: 6px 0 0; background: #FFF; border:1px solid #EBE6C9; border-bottom: none; }
    
  .cat_nav a { padding: 0 0 0 12px; background: url(image/tri.gif) no-repeat; color: #999; font-size: 12px; font-weight: normal; }
      .cat_nav a.off { background-position: 0 50%; }
      .cat_nav a.on { background-position: -100px 50%; }

      
 .courseTop{
 
 }
 
 .courseTop .logo a {
    background: url("image/logo.jpg") no-repeat scroll left center transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    padding: 0;
    width: 87px;
 
}