/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/slim_base.css);

/* import screen layout */

@import url(screen/basemod.css);
@import url(screen/content.css);

/*********** HACK FOR IE LAYOUT**********/
.trLayoutFix {
    font-size: 0px;
}
/*********** HACK FOR IE clear button **********/
input::-ms-reveal, input::-ms-clear {display:none;width:0;height:0px;}
/***************** scroll bar ********************/

.searchPreview::-webkit-scrollbar,.scrollingPopup::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(102,102,102,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(102,102,102,0.4); 
}

/************* ol widget layout ****************/
#dateWidgetContainer{

}
#dateWidgetBox{

}
#advSettingsHeader{
    margin-bottom: 10px;
    display: none;
}
span.searchPrompt {
    position: absolute;
    font-style: italic;
    color: #666;
    margin: 4px !important;
    display: none; 
}
/*searchArticlePrompt*/
span.searchArticlePrompt {
    position: absolute;
    font-style: italic;
    color: #666;
    margin: 3px !important;
    display: block; 
}
#headerBar {
    /*	width: 100%;
    padding: 5px !important;*/
    text-align: center;
    border: 1px solid #AAAAAA;
    color: #666666;
    background-color: #e5e5e5;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

#advancedSettings{
    /*display: none;*/
    margin: 10px 0px 5px 0px;
}
.advancedFilter{
    display: none;
    margin-top: 10px !important;
}
#olHeader > *{margin:0px;padding:0px;text-align: left;}
#pageContent{
    width: 100%;
    /*position: relative;*/
    color:#666;/*#bababa;#c0b390;*/
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}
#olHeader{
    position: relative;
    color: #aaaaaa;
    /*background-color: #f5f5f5;
    border:1px solid #e4e4e4;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
     */
    }
    #olTitleContainer{
        margin: 10px 5px 30px 5px;	
    }
    #olTitleContainer h1{
        padding: 0px 0px 0px 10px;
        font-size: 380%;
        color: #666;
        /*font-family: 'Federo',sans-serif;*/
        font-family: "Times New Roman";
    }
    #olTitleArea{
        float: left;
    }
    #olTitleArea > img{
        margin: 10px 0px 0px 5px;
    }
    #olTitleArea > *.selectable{

    }

    #titleFilter, #tocFilter, #courseFilter, #authorFilter{
        margin-left: 10px !important;
    }
    .selectable.toplinks{
        color:#040886;
        /*color:#7DAFCF;*/
    }
    #advSearchTipsLink, #searchTipsLink, #classicLibraryLink, #searchModeLink, #disclaimerLink{
        font-size: 80%;
        margin-left:10px;
        line-height: 16px;
    }
    #olTopQuickLinksArea{
        float: right;
    }
    #olTopQuickLinksArea ul{
        list-style: none;
        line-height: 16px;
        color: #aaaaaa;
        text-align: right;
    }
    .searchCoursesOnlineClasses, .tocLink  {
        color: #CC8400 !important;
    }
    #olTopQuickLinksArea ul li{
        cursor: pointer;
        margin-bottom: 2px;
    }
    #olSearchBar{ 
        z-index: 1;
        margin: 10px 0px 5px 0px;
        width: 469px;
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
    }
    .selectable{
        color:#666;
        line-height: 16px;
        cursor: pointer;
        padding: 0px;
        font-weight: bold;
        border-bottom: 1px solid transparent;
    }
    .selectable:active, .selectable:visited{
        cursor: pointer;
    }
    .selectable:hover, .selected{
        color:#000;/*#323232;*/
        border-bottom: 1px dotted #000; /*#323232;*/
        line-height: 16px;
    }
    .alternate{
        color: #ffa4b8;	
    }
    .alternate:hover{
        color: #ffa4b8;
        border-bottom: 1px dotted #ffa4b8;
        line-height: 16px;	
    }
    #olDateArea div.alternate{
        color: #ffa4b8;
    }

    #olPracticeMenu{
        /*font-size: 85%;*/
        padding: 5px ;
        display: none;
        border: 1px solid #EBE7DC;
        border-top: none;
        border-right: 2px solid #EBE7DC;
        border-bottom: 2px solid #EBE7DC;
    }
    #olPracticeQuickLinks{
        border-bottom: 1px dashed #ebe7dc;
        border-top: 1px dashed #ebe7dc;
        margin-bottom: 5px;
        padding-top: 5px;
    }
    #olPracticeHeader{

    }
    #olAllPracticeAreas{
        /*	float: left;
        display: inline-block;*/
}
#olAllPracticeAreas span{
    color: #323232;	
}
#olMyPracticeAreas{

    /*float: right;
    display: inline-block;*/
}
#olMyPracticeAreas span{
    color: #323232;	
}

#olPracticeQuickLinks div{
    display: inline-block;
}
.areaColumn div{
    /*margin-right: 10px;*/
}
#olTabContainer{width:100%;
margin-bottom: 2px;}
#olTabBar{
    display: block;
    /*margin-left: -5px;*/
}
#olTabBar div {
    float:left;
    display:block;
    /*padding: 1px;*/
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
    /*cursor: pointer;*/
    /*font-size: 90%;
    line-height: 20px;
    color: #AAAAAA;*/
}
#olDateContainer{
    float: left;
    /* padding: 1px 3px; */
    /*color: #aaaaaa;
    line-height: 20px;*/
}
#olDateContainer div{
    display: inline-block;
}
.olYearHolder{
    border-bottom: 1px dotted;
    padding: 0px;
    line-height: 16px;
    color: #666;
    margin: 0px 2px;
    /*cursor: pointer;*/
}
#olSearchButtons{
    float: right;
    cursor: pointer;
    z-index: -1;
    background-color: #FFFFFF;/*#e5e5e5;*/
    padding: 2.5px 3px 2.5px 0px;
}
#olSearchButtons div{
    width: 20px;
    height: 20px;
    background-color:#666; /*#EBE7DC;*/
    float: left;	
}
#olInfoButton{
    background-image: url(Images/info.png);
    margin-right: 5px;
    background-color: #3E7FA9 !important;
    display: none;
    /*border: 1px solid #e5e5e5;
    border-left: 1px solid #dddddd;*/
}
#olInfoButton:hover{
    background-color: #323232 !important;
}
#olListButton{
    display: none;
    background-image: url(Images/List.png);
    background-color: #ffa4b8 ;
    margin-right: 5px;
    /*border: 1px solid #e5e5e5;
    border-left: 1px solid #dddddd;*/
}
#olListButton:hover{
    background-color: #323232 !important;
}
#advancedSearchTips, #advancedSearchTips2 {
    margin: 10px 0px;
    padding: 10px;
    display: none;
}

#olSearchButtonArea {
    float: left;
    background-color: #999497;
    padding: 3.5px 5px;
    border: 1px solid #ad9d70;
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; 
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    border-left: none;
    border-right: 1px solid #D8D1BC;
    border-bottom: 1px solid #D8D1BC;
    cursor: default;
}
#olSearchButtonArea div{
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    float: left;	
    cursor: pointer;
}

#olSearchButton{
    /*cursor: default !important;*/
    background-image: url(Images/search.png);
}
#olSearchButton:hover{background-color: #323232;}
/*#olSearchButtonArea div{
background-color: #323232;
}*/
#olClearButton{
    background-image: url(Images/clear.png);
}
#olClearButton:hover{
    background-color: #323232;
}
/*********** Practice Areas ***********/
#olPracticeContainer{
    font-size: 85%;
    /*	padding-bottom: 10px;*/
}
#olPracticeLabel{
    float: left;
    margin-right: 5px;
    /*margin-top: -1px;*/
    cursor: pointer;
    padding: 0px 5px;
    z-index: 1000;
}
#olPracticeHeader.active{
    border: 1px solid #EBE7DC;
    border-right: 2px solid #EBE7DC;
    border-bottom: none;
}
#olPracticeSelected{
    color: #666;
    float: left;
    width: 430px;
    height: 20px;
    overflow: hidden;
}
/**************** Search Area ***********/
#courseListHolder{
    margin-top: 10px;
}
#searchBox{
    /*margin: 4px;*/
    width: 404px;
    border:none;
    outline: none;
    font-size: 80%;	
    height: 26px;
    outline: none;
    font-size: 100%;
    margin-left: 3px;
}

#olSearchArea{
    border: 1px solid #EBE7DC;
    /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
    background-color: #FFFFFF;
    padding: 2px 0px;
    float: left;
    width: 430px;
    border-bottom: 1px solid #D8D1BC;
}

/********* drop shadow container *************/
.dropShadow{
    background-color: #ebe7dc;
    padding:0px 2px 2px 1px;
    margin: 0px;
}
.dropShadow div{
    background-color: #FFFFFF;
    /*margin: -1px 0px 0px 0px;*/
}
#olYearPopup{
    text-align: center;
    border: 1px solid #ebe7dc;
    border-right: 2px solid #d8d1bc;
    border-bottom: 2px solid #d8d1bc;
    position: absolute;
    z-index: 100;
    width: 170px;
    display: none;
    background-color: #ffffff;
}
#olYearMenuHeader{
    border-bottom: 1px solid #e5e5e5; 
    /*margin: -1px 0px 0px -1px;*/
}
#olYearSelectedTab{
    color: #666;
    float: right;
    margin-top: -20px;
    margin-right: -2px;
    padding: 0px 3px;
    border-top: 1px solid #ebe7dc;
    border-left: 1px solid #ebe7dc;
    border-right: 2px solid #d8d1bc;
    border-bottom: none;
    background-color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
}

/******************
date option menu
 ******************/
#optionBar{
    width:100%;
    position: relative; 
}
#optionBar h6{
    float: left;
    margin: 5px 15px 5px 0px;
    list-style: none;
    line-height: 20px;
    font-size: 85%;
}
#optionBar div{
    float: left;
    margin: 5px 25px 5px 0px;
    list-style: none;
    line-height: 20px;
    font-size: 85%;
    cursor: pointer;
}
.dateMenu{
    font-size: 85%;
    cursor: pointer;
    position: absolute;
    padding: 2px;
    z-index: 10;
    background: #FFFFFF;
    border: 1px solid #aaa;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;

}
.dateMenu ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    cursor: pointer;
}
.dateMenu ul li{
    padding: 2px;
    margin: 0px;
    list-style: none;
    cursor: pointer;
}
#optionBar ul li{
    margin: 0px;padding:0px;
    display: none;
}
#optionBar ul li.displayed{
    display: block;
}

/*********** Auto Complete *************/
#pageContent .ui-autocomplete { position: absolute; cursor: default;font-size: 80%; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.13
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
#pageContent .ui-menu {
    list-style:none;
    padding: 0px;
    margin: 0;
    display:block;
    float: left;
}
#pageContent ul.ui-corner-all{
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    /*	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;	*/

}
#pageContent .ui-menu .ui-menu {
    margin-top: -3px;
}
#pageContent .ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
#pageContent .ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em 0em;
    line-height:1.5;
    background-color: #f6f6f6;
    zoom:1;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
}
#pageContent .ui-menu .ui-menu-item a.ui-state-hover,
#pageContent .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
    background: #FFFFFF;
}
#pageContent .ui-widget-content{
    border: 1px solid;
    border-top: none;
}
#autoCompletePopup{
    background-color: #f6f6f6;
}
#autoType{
    width: 100%;
    font-size: 70%;
    background-color: #e5e5e5;
}
#autoOptions a{
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    padding: 0px;
}

/*********** My Articles *************/
#myArticles{
    width: 350px;
    border: 1px solid #ebe7dc;
    border-right: 2px solid #d8d1bc;
    border-bottom: 2px solid #d8d1bc;
    padding: 3px;
    display: none;
    position: absolute;
    background-color: #FFFFFF;
}
#myArticlesTab{
    float: right;
    margin-top: -30px;
    margin-right: -5px;
    color: #323232;
    /*font-weight: bold;*/
    border: 1px solid #ebe7dc;
    border-right: 2px solid #d8d1bc;
    border-bottom: none;
    background-color: #FFFFFF;
    z-index: 1000;	
    padding: 3px;
    cursor: pointer;
}
.myArticleYear{
    font-weight: bold;
    padding:0px;
    border-bottom: 1px solid #aaaaaa;
}
.myArticleCourse{

}
.myArticleCourseLink{

}
/*********** Search Results *************/
#searchHeader{
    margin-top: 15px;
    margin-bottom: 15px;
    display: none;
}
#searchHeaderTitle{
    color:#666;
    font-size: 150%;
    /*font-family: 'Federo',sans-serif;*/
    width: 100%;
    border-bottom: 1px dotted #aaaaaa;
}

#searchHeaderStats{
    float: right;
    font-size: 80%;
    color: #666;
    margin-top: -18px;
    font-weight: bold;
}

.multiPartLink{
    float: left;
    margin: 0px 5px 0px 0px;
}
.multiPartHeader,#multiPartLink{
    display: none;
}

div.template{
    display: none;
}
.searchResult{
    margin-bottom: 10px;
    font-size: 85%;
    padding: 5px;
    width: 604px;
    word-wrap: break-word;
    /*margin-left: 15px;*/
    /*border: 1px solid #FFFFFF ;*/
    /*border-left: 3px solid #FFFFFF;*/
}
.searchResult:hover{
    /*border-color: #dcdcdc;*/
    background-color: #e4f3fd;/*D5EAFB-f5f5f5*/
}
.searchResultDate{
    font-style: italic;
}
.searchResultAuthors{
    margin-top: 5px;
}
#courseListLink{
    margin: 10px 5px;
    /*display: none;*/

}
#courseListLink > span{
    color: #006600;
}
.courseYearContainer{
    display: none;
    margin-top: 10px;
}
.courseYearContainer > h1,#myCourseArticles > h2{
    font-size: 150%;
    width: 604px;
    border-bottom: 1px dotted #aaaaaa;
    margin-bottom: 10px;
}
#myCourseArticles{
    display: none;
}
.myCourseArticlesHeader{
    color:#666;
    font-size: 150%;
    /*font-family: 'Federo',sans-serif;*/
    width: 100%;
    margin: 10px 0px;
}

/*
.searchHits{
margin-right: -25px;
display: inline-block;
float: right !important;
position: relative;
font-size: 75%;
top: -5px;
padding: 0px;
cursor: help;
}
 */
.hitsHeader{
    margin-top: 5px;
}
.searchTitle, .searchTitle:visited,.searchTitle:active{
    /*color:#b98924;*/
    color: #666;
    font-weight: bold;
    font-size: 120%;
    text-decoration: underline;
    cursor: pointer;
}
.hitCount{
    font-size: 75%;
    margin-left: 5px;
    color:#990000;
}
.hitsPreview{
    color: #666666;
}

.hitsButton{
    color: #4C664C;
}
.hitsButton:hover{
    color: #006600;
}
.searchTitle:hover{
    text-decoration: underline;
    color: #000;
}
#authorTemplate{
    display: none;
}
a.searchResultAuthor,a.searchResultAuthor:active,a.searchResultAuthor:visited {
    text-decoration: none;
    color:#27506B;/*#998d7f;#b98924;*/
    font-weight: bold;
    margin-right: 10px;
    float: left;
}

.searchResultCourse,.searchResultCourse:active,.searchResultCourse:visited {
    color:#3e7fa9;
    text-decoration: none;
}
.searchResultCourse:hover{
    color: #3e7fa9;
}

a.searchResultAuthor:hover{
    text-decoration: underline;

}
.searchPreview{
    /*line-height: 90%;*/
    letter-spacing: 0.01em;
    display: none;
    /*padding: 0px 10px;*/
}
.searchResultHeader{
    clear: both;
}
.searchResultFooter{
    margin-top: 5px;
}

.searchResultAuthor{

}
.searchResultCourse{

}
.searchResultHeaderBar div{
    float: left;
}
.searchResultHeaderBar div.titleIcons div{
    width: 16px;
    height: 16px;
    /*background-color: #EBE7DC;*/
}
.hitsLink{

}

.titleIcons{
    cursor: pointer;
}
.searchArticleButton{
    background-image: url(Images/eye_small.png)!important;
    /*margin-right: 5px;*/
    margin-left: -23px;
    margin-top: 2px;
}
.searchResult:hover .searchArticleButton{
    background-image: url(Images/eye_small_hot.png)!important;
}

.eye{
    width: 16px;
    height: 16px;
    background-image: url(Images/eye_small.png)!important;
    display: inline-block;
}
.hitsLabel:hover .eye{
    background-image: url(Images/eye_small_hot.png)!important;
}
/*
.searchArticleButton{
background-image: url(Images/search_small.png)!important;
margin-left: 10px;
}*/
.tocButton{
    background-image: url(Images/toc.png)!important;
}
.searchResult:hover .searchArticleButton{
    /*background-color: #670000 !important;*/
}
.searchResult:hover .tocButton{
    background-color: #006600 !important;
}
.searchArticleButton:hover{

}
#searchResults{
    width: 604px;
}
.searchResultsTitle{
    /*width: 572px;*/
    overflow: hidden;
}
.browseCourseArticles, .browseCourseArticles:hover{
    color: #006600;
    margin-right: 15px;
}

.searchCoursesOnlineClasses, .searchCoursesOnlineClasses:hover, .searchCoursesOnlineClasses:visited,.searchCoursesOnlineClasses:active{
    /*color: red;*/
    text-decoration: none;
}

.searchResultsCourseHeader, .coursesOnlineClasses{
    display: none;
}

#searchLoader{
    display: none;
    position: absolute;
    /* right: 9px;/\*65px;*\/ */
    width: 16px;
    height: 16px;
    background: url(Images/SearchingLoaderIcon.gif) no-repeat center;
    background-color: #999497 !important;
}

/****************** inside article search ********/
div.active .searchResultHeader{
    display:none;
}
.searchArticleHolder{

    /*	background-color: #f6f6f6;*/
    padding: 5px;
    display: none;
}
.active .searchArticleHolder{
    display: block;
    /*	border: 1px solid #f6f6f6;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}
.active .searchResultBody{
    /*	background-color: #f6f6f6;*/
    /*		border: 1px solid #aaaaaa;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}
.searchArticleHits{
    float: left;
    display:none;
}
.searchArticleDisplayedHits,.searchArticleTotalHits{
    font-weight: bold;
}
.searchArticleTotalHits{

}

.searchPreviewDivider{
    width: 100%;
    border-bottom: 1px dotted #aaaaaa;
    margin-bottom: 10px;
    display: none;
}

.hitBlock{
    padding-right: 10px;
}

.active .searchPreview{
    margin: 10px 5px;
    /*border-top:1px dotted #aaaaaa;*/
    padding: 5px 0px;
    overflow: auto;
    max-height: 300px;
}

.active.searchResult{
    background-color: #EAEEF2;/*#e4e4e4;/*#dcdcdc;*/
}
.active .searchResultFooter{
    display: none;
}
.searchArticleArea div{
    float: left;
}
.searchArticleArea{
    border: 1px solid #aaaaaa;/*#e5e5e5;*/
    background-color: #FFFFFF;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    padding: 2px 0px;
    height: 18px;
}
input.searchArticleBox{
    margin: 2px 4px;
    width: 562px;
    border:none !important;
    outline: none !important;
    font-size: 80%;	
}
.searchArticleClose{
    display: none;
    float: right;
    color: #990000;
}

.searchArticleBlock{
    float: left;
}
.searchArticleButtons{
    float: right;
    /*cursor: pointer;*/
    z-index: -1;
    background-color: #FFFFFF;/*#e5e5e5;*/
    padding: 0px;
    margin-right: 2px;
    /*border-left: 1px solid #EBE7DC;
    border-right: 1px solid #EBE7DC;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}
.searchArticleButtons div{
    width: 16px;
    height: 16px;
    background-color: #EBE7DC;
    float: left;	
}
.searchWithinArticleButton{
    background-image: url(Images/search_small.png);
    margin-right: 3px;
}
/*hover states*/
#pageContent > .ui-state-hover,#pageContent .ui-widget-content .ui-state-hover,
#pageContent .ui-widget-header .ui-state-hover,#pageContent .ui-state-focus,
#pageContent .ui-widget-content .ui-state-focus,#pageContent .ui-widget-header .ui-state-focus 
{ border: 1px solid #670000; font-weight: bold; color: #3e7fa9; background: #FFFFFF !important; }
#pageContent .ui-state-highlight,#pageContent .ui-widget-content .ui-state-highlight,
#pageContent  .ui-widget-header .ui-state-highlight  
{border: 1px solid #b7d700; color: #3e7fa9; background: #FFFFFF !important; }


/******* scroll to top link *************/
ul.bottomRight{
    list-style: none;
}
.scrollHidden{

}
.scrollTop {
    position:fixed;
    right:15px;
    bottom:15px;
    width:50px;
    height:25px;
    padding-top:25px;
    line-height:25px;
    background:#e4e4e4;
    color:#aaaaaa;
    display:block;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center;
    font-size:14px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    /*behavior:url(../PIE.htc);*/
}

.scrollTop:before {
    position:absolute;
    top:11px;
    left:14px;
    content:"";
    border-bottom:11px solid #aaaaaa;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
}

.scrollTop:hover {
    color:#666;
}

.scrollTop:hover:before {
    border-bottom-color:#666;
}

/*.opacity .scrollTop {
opacity:1;
-webkit-transition:opacity 700ms linear;
-moz-transition:opacity 700ms linear;
transition:opacity 700ms linear;
}

.opacity .scrollTop.scrollHidden {
opacity:0;
}
 */
.scrollTop.scrollHidden {
    display:none;
}

/***************** color bits ****************
Color : #B98924 - deep gold
Color : #670000 - deep red
Color : #006600 - dark green
Color : #001BD9 - Blue
 *********************************************/
.colorMorph{} /********** bogus class to facilitate changing colors ********************/
/***************** content ******************** ff1493 */
/*#contentFilter.selected,#contentFilter:hover,#olSearchArea.contentFilter, #olSearchArea.contentFilter,#autoCompletePopup.contentFilter{
border-color: #670000 !important;
}
#contentFilter.selected,#contentFilter:hover,#olSearchArea.contentFilter, 
#olSearchArea.contentFilter,.contentFilter  div.datepicker a:hover,
.contentFilter tbody.datepickerDays td.datepickerSelected a, div.contentFilter div.selected,ul.contentFilter li.selected,ul.contentFilter li:hover{
color: #670000;
}
#olSearchButtons.contentFilter #olSearchButton:hover,#olSearchButtons.contentFilter #olInfoButton:hover,#olAdvanced.contentFilter:hover div {
background-color: #670000;
}
/*#olAdvanced.contentFilter:hover div{background-color:#670000; }*/

/***************** courses **************** #001BD9 */
/*#courseFilter.selected,#courseFilter:hover,#olSearchArea.courseFilter, #olSearchArea.courseFilter,#autoCompletePopup.courseFilter{
border-color: #001BD9;
}
#courseFilter.selected,#courseFilter:hover,#olSearchArea.courseFilter, 
#olSearchArea.courseFilter,.courseFilter  div.datepicker a:hover,
.courseFilter tbody.datepickerDays td.datepickerSelected a,
div.courseFilter div.selected,ul.courseFilter li.selected,ul.courseFilter li:hover {
color: #001BD9;
}
#olSearchButtons.courseFilter #olSearchButton:hover,#olSearchButtons.courseFilter #olInfoButton:hover,#olAdvanced.courseFilter:hover div {
background-color: #001BD9;
}

/***************** Authors *****************/
/*#authorFilter.selected,#authorFilter:hover,#olSearchArea.authorFilter, #olSearchArea.authorFilter,#autoCompletePopup.authorFilter{
border-color: #B98924;
}
#authorFilter.selected,#authorFilter:hover,#olSearchArea.authorFilter, #olSearchArea.authorFilter,
.authorFilter  div.datepicker a:hover,.authorFilter tbody.datepickerDays td.datepickerSelected a, 
div.authorFilter div.selected,ul.authorFilter li.selected,ul.authorFilter li:hover {
color: #B98924;
}
#olSearchButtons.authorFilter #olSearchButton:hover,#olSearchButtons.authorFilter #olInfoButton:hover,#olAdvanced.authorFilter:hover div {
background-color: #B98924;
}
/***************** free *****************/
/*#freeFilter.selected,#freeFilter:hover,#olSearchArea.freeFilter, #olSearchArea.freeFilter,#autoCompletePopup.freeFilter{
border-color: #006600;
}
#freeFilter.selected,#freeFilter:hover,#olSearchArea.freeFilter, #olSearchArea.freeFilter,
.freeFilter  div.datepicker a:hover,.freeFilter tbody.datepickerDays td.datepickerSelected a, 
div.freeFilter div.selected,ul.freeFilter li.selected,ul.freeFilter li:hover {
color: #006600;
}
#olSearchButtons.freeFilter #olSearchButton:hover,#olSearchButtons.freeFilter #olInfoButton:hover,#olAdvanced.freeFilter:hover div {
background-color: #006600;
}
/***************** title *****************/
/*#titleFilter.selected,#titleFilter:hover,#olSearchArea.titleFilter, #olSearchArea.titleFilter,#autoCompletePopup.titleFilter{
border-color: #FF0000;
}
#titleFilter.selected,#titleFilter:hover,#olSearchArea.titleFilter, #olSearchArea.titleFilter,
.titleFilter  div.datepicker a:hover,.titleFilter tbody.datepickerDays td.datepickerSelected a, 
div.titleFilter div.selected,ul.titleFilter li.selected,ul.titleFilter li:hover {
color: #FF0000;
}
#olSearchButtons.titleFilter #olSearchButton:hover,#olSearchButtons.titleFilter #olInfoButton:hover,#olAdvanced.titleFilter:hover div {
background-color: #FF0000;
}