/* Minification failed. Returning unminified contents.
(24,61): run-time error CSS1036: Expected expression, found ','
 */

/* Main Column Classes*/
#main { font-size: 12px; /*position: relative;*/ }
#main a { font-family: Montserrat, Roboto, Arial !important; }
#main img { width: auto; height: auto; padding: 0; float:none; }
div#main-col h1 { color:#fff !important; font-size: 1.5em !important; }
div#main-col h1 a { color: #990000 !important; font-size: 24px !important; text-decoration: none; }
div#ColumnArea { overflow: visible; position: relative; }
div#ColumnArea div#main-col { overflow: hidden; position: relative; font-family: Montserrat; }

/* Generic styles */
.floatRight { float: right; }
.floatLeft { float: left; }


/* Search results */
div #SearchResults {}
div#SearchResults a:link, #SearchResults a:visited { text-decoration: none; }     

div#SearchResults .featuredListingRow { background: #fff; border: 2px solid #990000; margin: 20px 0; padding: 5px 15px; position: relative; }
div#SearchResults .featuredListingRow .legend { background: #fff; border: 2px solid #990000; color: #990000; font-size: 10px; padding: 1px 20px 1px 8px; position: absolute; left: 25px; top: -10px; 
                                                    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
                                                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                                                background: url(data:image/svg+xml;base64
                                                ,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ViZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                                                background: -moz-linear-gradient(left,  #ffffff 0%, #fcebd9 100%);
                                                background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#fcebd9));
                                                background: -webkit-linear-gradient(left,  #ffffff 0%,#fcebd9 100%);
                                                background: -o-linear-gradient(left,  #ffffff 0%,#fcebd9 100%);
                                                background: -ms-linear-gradient(left,  #ffffff 0%,#fcebd9 100%);
                                                background: linear-gradient(to right,  #ffffff 0%,#fcebd9 100%); 
                                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcebd9',GradientType=1 );
                                            }
div#SearchResults .featuredListingRow .star { position: absolute; top: -20px; left:110px; }

div#SearchResults .featuredListingRow .instLogo { display: inline-block; height: 60px; width: 31%; text-align: center; }
div#SearchResults .featuredListingRow .instLogo .bar { display: inline-block; height:100%; vertical-align: middle; width: 1px; 
                                                        background: #ffd07f;
                                                        background: -moz-linear-gradient(top,  #ffffff 0%, #ffc156 30%, #ffc156 60%, #ffffff 100%);
                                                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#ffc156), color-stop(60%,#ffc156), color-stop(100%,#ffffff));
                                                        background: -webkit-linear-gradient(top,  #ffffff 0%,#ffc156 30%,#ffc156 60%,#ffffff 100%);
                                                        background: -o-linear-gradient(top,  #ffffff 0%,#ffc156 30%,#ffc156 60%,#ffffff 100%);
                                                        background: -ms-linear-gradient(top,  #ffffff 0%,#ffc156 30%,#ffc156 60%,#ffffff 100%);
                                                        background: linear-gradient(to bottom,  #ffffff 0%,#ffc156 30%,#ffc156 60%,#ffffff 100%); }
@media (max-width: 767px) {
    div#SearchResults .featuredListingRow .instLogo .bar { display: none; }
}
div#SearchResults .featuredListingRow .instLogo a { display: inline-block; max-height: 50px; width: 95%; vertical-align: middle; }
div#SearchResults .featuredListingRow .instLogo a img { float: none; margin-left: 7%; max-height: 52px; max-width: 100%; transition: all 0.2s; }
div#SearchResults .featuredListingRow .instLogo a:hover img {  }

div#SearchResults .featuredListingRow .leftArea { display: inline-block; padding: 10px 2% 10px 0; vertical-align: middle; width: 66%; }

div#SearchResults .featuredListingRow a.instName { display: block; font-size: 14px; padding-left: 25px; }
div#SearchResults .featuredListingRow a.instName:link,
div#SearchResults .featuredListingRow a.instName:visited { color: #979797 !important; }

div#SearchResults .featuredListingRow a.title { display: block; font-size: 16px; line-height: 18px; padding: 2px 0 5px 25px; }
div#SearchResults .featuredListingRow a.title:link,
div#SearchResults .featuredListingRow a.title:visited { color: #990000; }

div#SearchResults .featuredListingRow a.title:hover,
div#SearchResults .featuredListingRow a.instName:hover { color: red;  text-shadow: 1px 1px 1px #ddd; transition: color 0.2s; }

.ie7 div#SearchResults .featuredListingRow .instLogo,
.ie7 div#SearchResults .featuredListingRow .instLogo .bar,
.ie7 div#SearchResults .featuredListingRow .leftArea { display: inline; zoom: 1; }

div#SearchResults .courses { background: #fff; padding: 0; }

a#ReadMoreLink:link, a#ReadMoreLink:visited { display: inline-block; margin-left: 20px; transition: all 0.2s; }
a#ReadMoreLink:hover, a#ReadMoreLink:focus { color: #990000; text-decoration: none; }
a#ReadMoreLink span.glyphicon { top: 1px; font-size: 12px; padding-right: 3px; }
#ReadMoreHiddenText { display: none; overflow: hidden; }
#ReadMoreHiddenText h2:first-of-type { margin-top: 10px; }
#ReadMoreHiddenText a:link { font-family: inherit !important; text-decoration: underline; }
#ReadMoreHiddenText a:hover { color: #990000; }
#ReadMoreHiddenText .blurbFooter { border: 1px solid #ccc; color: #888; padding: 10px; margin-top: 20px; font-style: italic; }


/* Results row */
div#SearchResults .resultsRow { background: #ffffff; border-top: 1px solid #dedcde; padding: 20px 10px 20px 15px; margin: 0 -10px; position: relative; }
div#SearchResults .resultsRow a:link,
div#SearchResults .resultsRow a:visited { text-decoration: none; transition: color 1.2s; }
div#SearchResults .resultsRow a:hover { color: #700 !important; transition: color 0.2s; }

div#SearchResults .resultsRow .instLogo { background: #fff; display: block; max-width: 158px; max-height: 60px; padding: 0 0 4px 4px; float: right; }
div#SearchResults .resultsRow .instLogo img { max-width: 150px; max-height: 50px; }
@media (max-width: 767px) {
    div#SearchResults .resultsRow .instLogo { float: none; padding: 0 0 10px 0; }
}

div#SearchResults .resultsRow .courseLinkOuter { overflow: hidden; position: relative; }
div#SearchResults .resultsRow a.courseLink {
    color: #333 !important;
    font-weight: 200;
    display: block;
    font-size: 18px;
    line-height: normal;
    margin-left: 22px;
    font-weight: bold;
    text-decoration: underline;
}
div#SearchResults .resultsRow a.courseLink:link,
div#SearchResults .resultsRow a.courseLink:visited { color: #c40000; }
div#SearchResults .resultsRow a.courseLink:hover { color: #990000; }

div#SearchResults .resultsRow .instDeptRow { font-size: 14px; line-height: 20px; padding: 5px 0 0 0; }
div#SearchResults .resultsRow .instDeptRow a:link,
div#SearchResults .resultsRow .instDeptRow a:visited { color: #888 !important; line-height: 17px; }
div#SearchResults .resultsRow .instDeptRow .instLink:visited,
div#SearchResults .resultsRow .instDeptRow .instLink:link,
div#SearchResults .resultsRow .instDeptRow .instLink { color: #777 !important; font-size: 16px; line-height: 26px; }
div#SearchResults .resultsRow .instDeptRow .del { color: #990000; display: inline-block; font-size: 9px; margin: 0 2px; position: relative; top: -0.5px; }
div#SearchResults .resultsRow .instDeptRow a:hover,
div#SearchResults .resultsRow .instDeptRow a.instLink:hover { color: #990000 !important; }
        
div#SearchResults .resultsRow .distanceFrom { color: #777; margin: 5px 0; }
div#SearchResults .resultsRow .clearingDate { color: #777; margin: 5px 0; }
div#SearchResults .resultsRow .clearingDate .glyphicon { color: #aaa; font-size: 13px; margin: 5px 0; position: relative; right: -2px; }

div#SearchResults .resultsRow .datesRow { margin: 5px 0 0 0; color: #666; }
div#SearchResults .resultsRow .datesRow span { color: #c40000; }

div#SearchResults .resultsRow .instDeptRow a,
div#SearchResults .resultsRow .bottonsRow a { font-family: "Roboto", arial !important; }

div#SearchResults .resultsRow .bottonsRow { margin-top: 10px; }
div#SearchResults .resultsRow .bottonsRow a.ctaButton { background: #fff; border: 1px solid #c40000; border-radius: 0px; display: inline-block; padding: 8px 30px; text-align: center; margin-right: 5px; }
div#SearchResults .resultsRow .bottonsRow a.ctaButton:link,
div#SearchResults .resultsRow .bottonsRow a.ctaButton:visited { color: #c40000 !important; transition: all 0.7s; }
div#SearchResults .resultsRow .bottonsRow a.ctaButton:hover { background: cornsilk !important; color: #c40000 !important; border-color: #c40000; transition: all 0.4s; }

div#SearchResults .resultsRow .bottonsRow a.ctaButton .glyphicon { color: #c40000 !important; float: left; font-size: 12px; margin: 4px 4px 4px 4px; }
div#SearchResults .resultsRow .bottonsRow a.ctaButton .butlabel { float: left; line-height: 20px; padding-top: 2px; text-align: left; }

div#SearchResults .resultsRow .bottonsRow a.ctaButton.details { background: #c40000; border: 1px solid #c40000; float: left; }
div#SearchResults .resultsRow .bottonsRow a.ctaButton.details:link,
div#SearchResults .resultsRow .bottonsRow a.ctaButton.details:visited { color: #fff !important; }
div#SearchResults .resultsRow .bottonsRow a.ctaButton.details:hover { background: #700 !important; border-color: #700; }
div#SearchResults .resultsRow .bottonsRow a.ctaButton.details .glyphicon { color: #fff !important; font-size: 12px; }

/* Shortlist button */
div#SearchResults a.shortlistToggle { position: absolute; top: 3px; }
div#SearchResults .featuredListingRow a.shortlistToggle { top: 17px; }

div#SearchResults .desc { color: #777; margin: 15px 0 15px 0; position: relative; }
div#SearchResults .desc a:link,
div#SearchResults .desc a:visited { font-family: inherit !important; text-decoration: underline; }
div#SearchResults .desc a.readMoreOrLess:link,
div#SearchResults .desc a.readMoreOrLess:visited { display: inline-block; }
/*div#SearchResults .desc a.readMoreOrLess .glyphicon { font-size: 12px; position: relative; top: 1px; }*/
div#SearchResults .desc .descFrag { margin: 0; display: block; }
div#SearchResults .desc .descFull { display: none; }
div#SearchResults .desc .descH2 { color: #990000; font-family: "Bitter", Roboto, Arial; font-size: 15px; }

/*#region -- Counter -- */
#CounterOuter { left: 8px; position: absolute; width: 214px; top: 0px; }
#CounterOuter .hideFiltersTop { float: right; }
#CounterOuter #CounterInner { background: #fff; border: solid 1px #990000; height: 56px; margin: 5px 0 0 0; position: absolute; width: 214px; top: 12px; }
#CounterOuter #CounterInner img#CompassSpinner { height: 24px; left: 174px; position: absolute; top: 8px; width: 24px; }
#CounterOuter #CounterInner #CounterArea { height: 28px; overflow: hidden; position: absolute; left: 8px; top: 5px; }
#CounterOuter #CounterInner #CounterArea .bg{ float: left; height: 28px;
                            background: #990000;
}
#CounterOuter #CounterInner #CounterArea .side { float: left; height: 30px; position: relative; top: -1px; width: 5px; }
#CounterOuter #CounterInner #CounterArea .lft { border-right: 0 solid #fff; }  
#CounterOuter #CounterInner #CounterArea .ctr { overflow: hidden; }
#CounterOuter #CounterInner #CounterArea .rgt { border-left: 1px solid #fff; width: 6px; }  
#CounterOuter #CounterInner #CounterArea .counter-number { height: 297px; border-left: 1px solid #fff; padding: 0 2px; position: relative; background: url('/common/images/counter_ticker_med.png') repeat-y 2px 0; float: left; width: 23px; }
#CounterOuter #CounterInner #CounterBlurredArea { left: 13px; position: absolute; top: 5px; }
#CounterOuter #CounterInner #CounterBlurredArea .counter-number-blurred { border-left: 1px solid #fff; float: left; height: 28px; width: 23px; }
#CounterOuter #CounterInner #CounterText { font-size: 11px; position: absolute; left: 5px; text-align: center; top: 38px; width: 200px; }
#CounterOuter #CounterInner #CounterText a { color: #777; text-decoration:none; }
/*#endregion*/

/* Filters */
div#FiltersArea { font-family: Montserrat !important; padding: 8px 8px 8px 8px; position: relative; overflow: visible !important; width: auto !important; height: auto !important; }
div#FiltersArea #TopSpacer { height: 76px; }
#realm_central .archipelago_central div.island div.land div#FiltersArea h3 { background: #c40000; color: #fff; display:none; font-family: Roboto, Arial !important; font-size: 15px; line-height: 18px; padding: 3px 10px 6px 0; text-align: center; border: 16px solid #c40000; border-width: 0 0 10px 10px; border-bottom-color: #e6e6e6; }
div#FiltersArea .filterBoxOuter { margin-bottom: 12px; }
div#FiltersArea div.filterList { width: 220px; }
div#FiltersArea hr { border-top: dotted 1px #988; }
#main #main-inner div#FiltersArea label.filterHeading { background: #990000; color: #fff; display: block; font-style: initial; margin: 0 0 2px 0; padding: 2px 8px; font-family: Bitter !important; font-size: 14px; font-weight: normal; line-height: 1.2em; }

div#FiltersArea .clear { }
div#FiltersArea .clear:link,
div#FiltersArea .clear:visited { color: #fff !important; float: right; font-size: 14px; text-decoration: none; }
div#FiltersArea .clear:hover { text-decoration: underline; }

/* Current Filters */
div#FilteredBy { }

div#FilteredBy ul { color: #644; line-height: 10px; list-style: none; margin: 0 0 10px 0; }
div#FilteredBy ul li { display: inline-block; border: 0; margin: 0 4px 0 0; overflow: hidden; }
div#FilteredBy ul li div.inner { background-color: #eaeaea; line-height: 15px; min-height: 15px; padding: 0 20px 0 0; margin: 1px 0; position: relative; font-size: 14px; zoom: 1; transition: background-color 0.3s, color 0.3s; }
div#FilteredBy ul li div.inner label { color: #fff; cursor: default; display: none; /* display: inline-block; */ font-weight: 700; left: 0; margin: 0; margin-top: -10px; padding: 2px 4px; position: absolute; vertical-align: middle; top: 50%; width: 64px; }
div#FilteredBy ul li div.inner .text { background: #eaeaea; font-family: Montserrat; color: #333 !important; border-right: 2px solid #fff; display: block; border-left: 2px solid #e0e9e0; padding: 4px 8px; vertical-align: middle; }
div#FilteredBy ul li div.inner a:link,
div#FilteredBy ul li div.inner a:visited {color: #644; text-decoration: none; }
div#FilteredBy ul li div.inner a.checkbox {  background: #eaeaea; color: #900; font-family: sans-serif; font-size: 20px; height: 20px; line-height: 20px; margin: -11px 0 0 0; position: absolute; right: 0; text-align: center; top: 50%; width: 20px; transition: all 0.3s; }
div#FilteredBy ul li div.inner a:hover { background: #c40000; color: #fff !important; }
div#FilteredBy ul li div.inner a:hover a { color: #fff !important; transform: rotate(90deg); }


/* Filter */
div#FiltersArea div#AllFilters .filter .inputOuter { position: relative; width: 100%;  }

div#FiltersArea div#AllFilters .filter .inputOuter .greyout { background: #f0f0f0; font-size: 14px; font-weight: 300; border-radius: 0px; color: #655; overflow: hidden; padding: 13px 16px 6px 8px; position: relative;  white-space: nowrap; }
div#FiltersArea div#AllFilters .filter .inputOuter .greyout a { font-family: sans-serif; font-size: 28px; line-height: 23px; margin: 0; position: absolute; right: 5px; text-align: center; top: 3px; transition: all 0.3s; }
div#FiltersArea div#AllFilters .filter .inputOuter .greyout a:link { text-decoration: none; }
div#FiltersArea div#AllFilters .filter .inputOuter .greyout a:hover { color: #f00 !important; transform: rotate(90deg); }

div#FiltersArea div#AllFilters .filter .inputOuter .loadingBar { background: #fff; height: 46px; border: 1px solid #988; color: #666; font-weight: 700; padding: 13px 8px; font-weight: 300; position: absolute; top: 0; width: 215px; }
        
/* Keywords Input */
div#FiltersArea #KeywordsFilter #keywords { border: none; line-height: 17px; margin: 0; padding: 2px 2px 2px 4px; width: 215px; *width:209px; /* -moz-box-shadow: inset 1px 1px 8px #aaaaaa; -webkit-box-shadow: inset 1px 1px 8px #aaaaaa; box-shadow: inset 1px 1px 8px #aaaaaa; */ }
/*div#FiltersArea #KeywordsFilter #keywordsInput { height:20px; *height:14px; line-height:20px; }*/
div#FiltersArea #KeywordsFilter #keywords:focus { background-color: #fff8dc; }
div#FiltersArea #KeywordsFilter #keywords:hover { background-color: #fffbed; }
/*div#FiltersArea div#AllFilters #KeywordsFilter .inputOuter { background-color: #fff; border: 1px solid #baa; width: auto; }*/
div#FiltersArea #KeywordsFilter #KeywordSearchButton { display: block; font-size: 14px; font-weight: 700; height: 46px; line-height: 27px; right: 0px; top: 0px; }
div#FiltersArea #KeywordsFilter #KeywordSearchButton:link { font-weight: 300; background: #990000; color: #fff !important; position: absolute; text-align: center; text-decoration: none; padding: 8px 10px; }
div#FiltersArea #KeywordsFilter #KeywordSearchButton:hover { background: #d10000; }

#main #main-inner div#FiltersArea #ClearingFilter label.filterHeading { background: #91188b; position: relative; }
#main #main-inner div#FiltersArea #ClearingFilter label.filterHeading span { color: #fff; }
div#FiltersArea #ClearingFilter .inputOuter { padding-left: 7px; }
div#FiltersArea #ClearingFilter .loading { right: 5px; margin-top: -9px; position: absolute; top: 50%; }
div#FiltersArea #ClearingFilter #ClearingInput { position: absolute; right: 7px; top: 0px; }
div#FiltersArea #ClearingFilter #ClearingInfo { display: block; font-size: 18px; position: absolute; right: 6px; top: 2px; }

div#FiltersArea .radios { text-align: center; }
div#FiltersArea .radios .radioOuter { display: inline-block; position: relative; }
div#FiltersArea .radios .radioOuter input { margin-left: 0px; display: inline-block; }
div#FiltersArea .radios .radioOuter label { position: relative; font-size: 14px; font-weight: normal; top: -2px; }

div#FiltersArea .filterToggle { color: #990000; cursor: pointer; font-size: 14px; font-weight: 700; margin: 0 auto; text-align: center; width: 300px; }
div#FiltersArea .filterToggle .arrow { border-style: solid; display: inline-block; margin: 0 10px; height: 0; position: relative; top: 1px; width: 0; }
div#FiltersArea .filterToggle .arrow.upArrow {border-width: 0 5px 10px 5px; border-color: transparent transparent #990000 transparent; }
div#FiltersArea .filterToggle .arrow.dnArrow {border-width: 10px 5px 0 5px; border-color: #990000 transparent transparent transparent; }

#AllFilters .showAll { float: right; font-size: 12px; margin-right: 10px; }
#AllFilters .showAll:link { color: #988; text-decoration: none; }

div#FiltersArea #SubjModeFilter { padding-top: 5px; }
div#FiltersArea #SubjModeFilter .radio { padding: 2px 0 2px 15px; position: relative; }
div#FiltersArea #SubjModeFilter .radio .loading { left: 12px; margin-top: -9px; position: absolute; top: 50%; }
div#FiltersArea #SubjModeFilter .radio label { padding: 0 0 0 6px; position: relative; top: 1px; }

.scrollerOuter { overflow: hidden; position: relative; }
.scrollerOuter .top { height: 12px; left: 1px; pointer-events: none; position: absolute; top: 1px; width: 178px; zoom: 1;
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.scrollerOuter .bot { height: 12px; left: 1px; pointer-events: none; position: absolute; bottom: 1px; width: 178px; zoom: 1;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.01)), color-stop(1%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#ffffff',GradientType=0 );
}

/*   */
div#FiltersArea .textInput { background-color: #ffffff; font-weight: 300; border: 1px solid #baa; border-radius: 0px; color: #666; font-size: 14px; margin: 0 0; padding: 6px 2px 6px 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; /* -moz-box-shadow: inset 1px 1px 8px #aaaaaa; -webkit-box-shadow: inset 1px 1px 8px #aaaaaa; box-shadow: inset 1px 1px 8px #aaaaaa; */ }
div#FiltersArea .textInput:hover { background-color: #fffbed; }
div#FiltersArea .textInput:focus { background-color: #fff8dc; }

/* Search options */
.searchOpts { border-top: 1px solid #dedcde; color: #888; height: 32px; margin: 0 -10px; font-size: 13px; position: relative; }
.searchOpts.top { border-top-width: 1px; padding: 5px 8px 8px 8px; }
.searchOpts.bot { border-bottom-width: 1px; padding: 8px 8px 8px 8px; margin-bottom: 8px; top: -4px; }
.searchOpts .text { display: inline-block; height: 18px; line-height: 18px; left: 8px; margin-left: 3px; padding-top: 3px; position: absolute; top: 3px; }
.searchOpts .text a:link,
.searchOpts .text a:visited { color: #666 !important; display: inline-block; border: 1px solid #979797; padding: 2px 3px 0px 3px; text-decoration: none; line-height: 18px; }
.searchOpts .text a:hover { background-color: #ccc; }
.searchOpts .text a.selected:link,
.searchOpts .text a.selected:visited { background-color: #979797; color: #fff !important; }
.searchOpts .pagingOuter { left:auto; right: 8px; position: absolute; top: 3px; }
.searchOpts select { border: 1px solid #bbb; color: #666; height: 18px;  }

#ShowingCourses { color: #888; right: 8px; position: absolute; top: 6px; }

img#Cogs { position: absolute; }
.posRelative { position: relative; }
.inlineBlock { display: inline-block; }

/* Breadcrumbs */
#realm_central .archipelago_central div.island div.land h1 { color: #666; background-color: #eaeaea; margin: 0; padding: 6px 10px; }
#breadCrumb { background-color: #d6d6d6; }

.hoverTitle { cursor: help; }
.clickable { cursor: auto; }

/*  Intro page */
div.introbox { font-size: 14px; margin: 16px 8px; }
div.introbox.border { border: 1px solid #ccc; }
div.introbox.introbox-small { float:left; }
div.introbox .introbox-inner { background-color: #fff; position: relative; width:100%; overflow: hidden; }
div.introbox .introbox-inner a:hover { color: #f00 !important; }
div.introbox .introbox-inner-small { background-color: #fff; width:33%; }
div.introbox .introbox-inner .introbox-text { padding: 8px 20px 8px 10px; }
div.introbox .introbox-inner .introbox-text.no-padding-top { padding-top: 0; }
div.introbox .introbox-inner .introbox-text p { color:#999; margin-bottom:5px; }
div.introbox .introbox-inner .introbox-text a:hover { color: #f00 !important; }
div.introbox .introbox-inner .introbox-text p a { color:#990000; font-size:1.0em; }
div.introbox .introbox-inner .introbox-text a { color:#990000 !important; font-size:1.1em; text-decoration: none !important; }
div.introbox .introbox-inner .introbox-text a span.glyphicon { font-size: 0.9em; padding: 0 3px 0 1px; }
div.introbox .introbox-inner .introbox-text h3 { color:#990000 !important; font-size:1.3em !important; }
div.introbox .introbox-inner .introbox-text h2 { color:#990000; font-family: 'Bitter'; font-size:18px; margin-top: 0; }
div.introbox .introbox-inner .introbox-text h2 a { color:#990000 !important; font-family: 'Bitter'; font-size: 18px; }

div.list { margin: 20px 0 30px 0; }
div.list ul { display: inline-block; list-style-type: none; margin: 0; padding-left: 4%; text-align: left; vertical-align: top; width: 49%; }
div.list ul li { border: none; color:#999; font-size: 14px; line-height: 16px; padding: 5px 2px; }
div.list ul li a { font-size: 14px; }

#NoResultsArea { border: 1px solid #d6d6d6; color: #666; font-size: 14px; margin: 20px 0; padding: 20px 5%; }
#NoResultsArea ul#SuggestionsList p { line-height: 20px; }
#NoResultsArea ul#SuggestionsList { line-height: 17px; list-style: none; margin: 16px 0; }
#NoResultsArea ul#SuggestionsList li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAIElEQVQIW2NkAIL/DQz/QTQIMDYwMDIiC8AliBfEZiYADrYNgNcRmv8AAAAASUVORK5CYII=) no-repeat 5.5% 10px; border: none; line-height: 17px; padding: 4px 0 4px 8%; }
#NoResultsArea ul#SuggestionsList li span { color: #777; font-size: 11px; }

#AutoTypePanel.scroll { height: 221px; overflow-y: scroll; }

#ScrollToFilters { background: #eaeaea; display: none; position: fixed; top: 0; width: 233px; height: 28px; }
#ScrollToFilters .big { position: absolute; top: 6px; left: 0; width: 233px; text-align: center; }
#ScrollToFilters .sml { display: none; position: absolute; top: 8px; left: 0; text-align: center; width: 25px; }

#ScrollToFilters .rtArrow { border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #979797; display: inline-block; height: 0; width: 0; }
.hideFilters .lfArrow { border-style: solid; border-width: 5px 10px 5px 0; border-color: transparent #666 transparent transparent; display: inline-block; height: 0; width: 0; }
.hideFilters .upArrow { border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #666 transparent; display: inline-block; height: 0; width: 0; }
.hideFilters.bottom { border-top: 1px solid #979797; padding-top: 6px; text-align: center; }

/*#region --  Autotype element  --*/
select.AutoType {  }
div#FiltersArea input.AutoType.textInput { padding-left: 8px; }
ul#AutoTypePanel { background: #fff8dc; font-weight: 300; width: 100% !important; border: solid 1px #abadb3; display: none; list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 500;} 
ul#AutoTypePanel li { border: solid 1px #fff8dc; color: #666; cursor: pointer; font-size: 12px; line-height: 18px; margin: 1px 2px; padding: 1px 2px; text-align: left; }
ul#AutoTypePanel li span { background: #ccf; color: #000; font-weight: 700; }
ul#AutoTypePanel li.Selected { background: #ccf; border: solid 1px #ddf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
ul#AutoTypePanel li.Hidden { display: none; }
ul#AutoTypePanel li.NoResults { color: #888; font-style: italic; }
ul#AutoTypePanel li.NoResults span.keywords { font-family: sans-serif; font-style: initial; } 
/*#endregion*/

/*#region --  Paging  --*/
ul.pagingArea { list-style: none; margin: 0; padding: 2px 1px; position: relative; }
ul.pagingArea li { background: #fff; border: 1px solid #c40000; display: inline-block; font-size: 14px; line-height: 14px; margin: 0 2px; min-width: 16px; *display: inline; text-align: center; vertical-align: middle; zoom: 1; }
ul.pagingArea li.on { background-color: #c40000; border-radius: 0; color:#fff; cursor: pointer; transition: all 1s; }
ul.pagingArea li.on:hover { background-color: #990000; border-color: #990000; border-radius: 4px; color:#fff; transition: all 0.2s; }
ul.pagingArea li.off { color:#aaa; }
ul.pagingArea li.selected { background-color: #fff; color: #c40000; }
ul.pagingArea li.spacer { border: none; min-width: 0; }
ul.pagingArea li a,
ul.pagingArea li span { display: block; font-weight: normal; line-height: 14px; min-width: 22px; padding: 2px 4px; }
ul.pagingArea li a:visited,
ul.pagingArea li a:link { color: #fff !important; text-decoration: none; }
/*#endregion*/