/* fbs */
        div#search {
                padding: 10px;
                background: #fff;
				width: 100%
        }
		
		span.twitter-typeahead {
			width:100%;
		}

		#search .input-wrapper {
			padding-right: 0;
		}

        #searchTrainingLabel {
                text-align: right;
                padding-top: 8px;
        }

        input#topSearch {
                background-color:#fff;
                border:1px solid #c0c0c0;
                height:25px;
                width:100%;
                padding-left: 5px;
        }
        a.SearchButton {
                cursor: pointer;
        }

/* course search */
div.tt-menu.tt-open {
        background: #fff;
        padding:12px 8px;
        width: 600px;
        margin-left: -300px;
        margin-top: 12px;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
        z-index: 1005 !important;
}



@media screen and (max-width:400px) {
        div.tt-menu.tt-open {
        width: 300px;
        margin-left: -20px;
        }
}

@media screen and (min-width:401px) and (max-width:600px) {
        div.tt-menu.tt-open {
        width: 400px;
        margin-left: -20px;
        }
}

div.staticList, div.dynamicList {
        padding: 0 7px;
        text-align: left;
}

div.staticList:hover, div.dynamicList:hover {
        cursor: pointer;
}

div.staticList:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00e";
    padding-right: 10px;
}

div.staticList:hover, div.staticList.tt-cursor {
    background: #f5f5f5;
}

div.dynamicListHdr {
    padding: 3px 3px 3px 10px;
    margin-bottom: 7px;
}

div.dynamicList:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2f6";
    padding-right: 10px;
}

div.tt-dataset-dynamicList {
        border-top: 1px solid #428bca;
        margin-top: 5px;
        padding-top: 5px;
}

div.dynamicList:hover, div.dynamicList.tt-cursor {
        background: #DBEFFF;
}

#search input.tt-hint {
        height: 34px;
        border-radius: 3px;
        padding-left: 8px;
        width: 100%;
        background-color: #fff;
        border-radius: 3px 0 0 3px;
		font-family: 'Open Sans' !important;		
}

input#topSearch {
        background-color: #fff;
        height: 34px;
        padding-left: 9px;
        border: 1px solid  #428bca;
        border-radius: 3px 0 0 3px;
        width: 100%;
		font-family: 'Open Sans' !important;
}

#searchGoDiv {
        padding: 0;
}

button#SearchButton {
        background:#428bca;
        border: none;
        padding: 3px 4px 2px 4px;
        top: 0 !important;
        margin-left: -15px !important;
        border-radius: 0 3px 3px 0;
        cursor: hand;
}

#SearchButton span.gobtn {
        display: inline-block;
        height: 29px;
        width: 25px;
        color: #fff;
        font-size: 1.1em;
        padding-top: 4px;
}