@font-face {  font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=3.0.2');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.0.2') format('embedded-opentype'),
url('fonts/fontawesome-webfont.woff?v=3.0.2') format('woff'),
url('fonts/fontawesome-webfont.ttf?v=3.0.2') format('truetype');
font-weight: normal;  font-style: normal;}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */ }

/** * Submit Buttons */
form input[type="submit"] { margin: 40px 0; float: none; }
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-search:before { content: "\f002"; }

/* Manual Font Awesome Styles */
[class^="icon-"]::before, [class^="icon-"]::after,
[class*=" icon-"]::before, [class*=" icon-"]::after {font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif; }

nav#main li a:hover, nav#main li.current a, nav#main .searchform { background:#fff; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0, 0.1), rgba(255,255,255,0.1) 0 1px 0;
box-shadow:inset 0 0 6px rgba(0,0,0, 0.1), rgba(255,255,255,0.1) 0 1px 0;
border-radius: 0px; border: 1px solid rgba(0,0,0,0.10); color: #000;
text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px; }

nav#main .searchform{margin:0px 0 2px 0px; padding:0px 0; border-radius:8px; position: relative; }

nav#main .searchform input { text-decoration: none; font: 14px/12px  Verdana, sans-serif; height: 38px;
padding: 5px 10px; margin: 0; background-color: transparent; border-style: none; color: #999999;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.0); width: 92%; box-shadow: none; }

/*
* 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder.
* 2. Using :placeholder for completeness.
*/
nav#main .searchform input::-webkit-input-placeholder { color: #000; }
nav#main .searchform input:-moz-placeholder { /* 1 */ color: #000; }
nav#main .searchform input::-moz-placeholder { color: #000; }
nav#main .searchform input:-ms-input-placeholder { color: #000; }
nav#main .searchform input:placeholder { /* 2 */ color: #000; }

    nav#main .searchform .icon-search {
        position: absolute;
        right: 7px;
        top: 3px;
        bottom: 3px;
        border-width: 0;
        border-left: 1px solid rgba(7, 7, 7, 0.35);
        background: url(https://ibslearning.com/Content/images/search_icon.jpg) no-repeat 3px !important;
        background-color: transparent;
        padding: 0 0 0 16px;
        opacity: 0.8;
        color: rgba(111,111,111,0.01);
    }

nav label {width: 100%;}
/* Media Queries
========================================================================== */
@media only screen and (max-width: 600px) {

nav#main .searchform {/* display: block;*/position: relative; float: right; width:99.5%; margin:4px auto; clear:none; }
}
/* Helper classes
========================================================================== */
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }