/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*
 * This CSS file is for customization purpose only
 *
 * To make it easier to update a YOOtheme template to the latest version use
 * this custom.css file for small CSS modifications.
 *
 * How it works:
 * For example if you want to change a color which is applied in layout.css
 * just copy the original styling into this file right after the commented
 * section. Do this for all CSS modifications.
 *
 * In case you have to update the template save the custom.css file on your computer.
 * De-install and re-install the updated template version. And copy your saved
 * custom.css file back in place. Now compare your modification with the new CSS
 * files and make sure they are working.
 *
 * To load this file when Gzip is enabled in the template parameters do the following:
 * Open css/template.css.php and take a look at the last line. Uncomment follwing line:
 * // include(PATH_ROOT . 'custom.css');
 *
 * To load this file when Gzip is disabled in the template parameters do the following:
 * Open lib/php/yootools.php and take a look at line 100. Uncomment follwing line:
 * // $document->addStyleSheet($baseurl.'/css/custom.css');
 *
 */ 



/*
 * layout.css
 */

ul.menu .level2 { display:none; visibility:hidden}

/*
 * general.css
 */
 
ul
{
    list-style-type:square;    
} 
 
#hs
{
    margin-top: 25px;
    clear:left;
} 

.hs_main{}
.hs_list{}

#hs_main, .hs_main 
{
    width:100%; 
}

#hs_list, .hs_list
{
    width:200px; 
    float:right; 
    border-left:dotted 1px #cccccc; 
    font-size:8pt; 
    padding-left:8px;
    margin-left:12px;
    margin-bottom: 12px;
    margin-top: 12px;
}


#hs li, #hs ol, .hs li, .hs ol
{
    margin-bottom:7pt;
}

table.hs_coursesummary_semester, table.hs
{
    width:100%;
}

table.hs_coursesummary_semester td, table.hs td
{
    padding-top:3px;
    padding-bottom: 3px;
}


table.hs_coursesummary_semester thead td, table.hs thead td
{
    background-color:#666666;
    color:#ffffff;
    font-size:7pt;
    font-weight:bold;
    text-align: left;
       
}

table.hs_coursesummary_semester tfoot td, table.hs tfoot td
{
    background-color:#666666;
    color:#ffffff;
    font-size:7pt;
    font-weight:bold;
    text-align: left;
       
}

table.hs_coursesummary_semester td,
{
    font-size:7pt;
    text-align: let;
    line-height: 7pt;
    border-bottom: dotted 1px #666666;
    
}

table.hs_coursesummary_semester td.course_title
{
    text-align: left;     
}

.hs{
    
}

.hs td 
{
    border-bottom: dotted 1px #cccccc;
    padding:4px;
}
.hs td p {
    
    margin:0;
    line-height: 10pt;
}
/*
 * menus.css
 */
.menu_hs_learnmore 
{
  list-style: none;
  margin-left: -34px;
  line-height:12pt;
    
}


.menu_hs_learnmore li.level1
{
    border-left: solid 5px #cccccc;
    margin-left:8px;
    padding-left:4px;
    padding-top:4px;
    padding-bottom:4px;
    padding-right:8px; 
    float:left;
    width:140px;
    display:block;
    

}

.menu_hs_learnmore li.level1:hover
{
    background-color: #E0EEE0;
}

.menu_hs_learnmore li.active
{
    background-color: #E0EEE0;
    border-left: solid 5px #97b705;
    
}

.menu_hs_learnmore li.level1 a.level1
{
    border-bottom: dotted 1px #cccccc;
    width:100%;
    display:block;
    
}



.menu_hs_learnmore a
{
    
    font-size: 8pt;

}


.menu_hs_learnmore a.active
{
    color:#97b705;
    font-weight: bold;
    

}


.menu_hs_learnmore ul.level2{
  margin-top: 0px;
  margin-left: -20px; 
  list-style: none;
  border-left:none;  
  
}

.menu_hs_learnmore li.level2
{
    border-left: none;    
    border-bottom: dotted 1px #cccccc;
}


/*
 * modules.css
 */



/*
 * joomla.css
 */



/*
 * extensions.css
 */



/*
 * [color]-[specific].css
 * Place here your color specific CSS changes depending on your choosen color variation
 */



/*
 * ie7hacks.css
 * use IE7 browser hacks to apply the styling only to IE7
 * For example: Star-Plus-HTML-Hack: *:first-child+html #YOURSELECTOR { attribute:value; }
 */



/*
 * ie6hacks.css
 * Use IE6 browser hacks to apply the styling only to IE6
 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }
 */