/*** Search stylesheet for manchester.ac.uk v2 (2013) ***/
/*** Copyright: (c) 2013 The University of Manchester, UK, all rights reserved. ***/

/*********** Table of Contents **************
:: Toolbar
:: Gooogle Search
:: Search Results
:: Fluid, Responsive Layouts
::: Tablet 
::: Mobile 480px- 
::: Mobile 320px- 
::: Mobile 240px- 
*/


/*.six.columns.no-padding-right ul.tabs-content.contained { display: noneX; }*/

/***********************************************************
 * Page Header Search
*************************************************************/
#PageHeader #Search { padding: 0; text-align: right; }
#PageHeader #Search input[type="text"] { position: static; float: left; height: 2.8em; width: 170px; width: 92%; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-image: -moz-linear-gradient(top, #f5f5f5, #fbfbfb); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f5f5f5), color-stop(1.0, #fbfbfb)); border: 1px solid #D3D3D3; background-color: #DDDDDD; }
#PageHeader #Search input[type="image"] { position: absolute; float: left; display: inline; width: 36px; height: 36px; margin-left: -10px; right: 1px; }
#PageHeader #Search #SearchOptions { margin-bottom: 6px; }
#PageHeader #Search #SearchOptions label, #PageHeader #Search #SearchOptions a { display: inline; margin: 0 2px; font-size: 12px; }
/***  IE8-  ***/
.lt-ie8 #PageHeader #Search input[type="text"] { height: 2em; line-height: 2.2em; }
/******************************************
 * Autocomplete Flyout
************************************************/
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all { list-style: none; padding: 15px; background: #fff; color: #343434; margin: 0; border: 1px solid #d9d9d9; width: 220px; /* position: absolute; top: 38px; left: -1px;  z-index: 99999999; */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 6px 6px 12px rgba(0,0,0,0.4); -moz-box-shadow: 6px 6px 12px rgba(0,0,0,0.4); box-shadow: 6px 6px 12px rgba(0,0,0,0.4); border-top: none; }
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li { margin: 0 0 1px 0; padding: 0; }
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a { display: block; cursor: pointer; margin: 0; padding: 0px 4px 2px 4px; }
/**********************************************************************
 * Gooogle Search
***************************************************************************/
.googlesearch { position: relative; float: left; margin-bottom: 1em; padding: 20px; background-color: #f5f5f5; width: 100%; border: 1px solid #ccc; border-width: 1px; max-width: 600px; }
.googlesearch input { }
.googlesearch .q, .googlesearch #btnG { height: 2.8em; font-size: 1.2em; }
.googlesearch .q { position: static; float: left; width: 84%; padding-right: 3em; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-image: -moz-linear-gradient(top, #f5f5f5, #fff); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fcfcfc), color-stop(1.0, #fff)); border: 1px solid #D3D3D3; }
.googlesearch #btnG { position: absolute; float: left; display: inline; right: 1px; width: 22%; margin: 0 20px 0 -10px; }
.googlesearch.advancedsearch { border-bottom-width: 0; }
.googlesearch.pagesearch { margin-bottom: 10px; }
.googlesearch.advancedsearch form p label, .googlesearch.pagesearch form p label { float: left; width: 230px; }
.googlesearch.advancedsearch form p input[type=text], .googlesearch.pagesearch form p input[type=text] { width: 350px; }
.googlesearch.intermediatesearch form p input[type=text] { width: 400px; }
/***  IE8-  ***/
.lt-ie8 .googlesearch .q { position: relative; float: none; width: 90%; height: 1em; font-size: 1.1em; padding: 1em 1.6em 1em 0.6em; border: 1px solid #D3D3D3; }
.lt-ie8 .googlesearch #btnG { font-size: 1em; padding: 0.6em 1.2em; position: relative; float: none; display: block; width: auto; height: auto; margin: 0; right: 0; }
/**********************************************************************
 * Search Results
***************************************************************************/
.searchresults { font-size: 1em; font-weight: normal; margin: 0; padding: 0; position: relative; float: left; }
/*.searchresults-statistics { background-color: #f5f5f5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: inherit; font-size: 0.9em; margin: 10px 0 0 0; padding: 10px 10px 20px 10px; width: 644px; }*/
.searchresults-statistics p { /* margin: 0; padding: 0; */ }
.searchresults-data dl dt { margin: 2em 0 0 0;/*  padding: 0; */ font-weight: normal; }
/*.searchresults-data dl dt a:hover { color: #12c; }
.searchresults-data dl dt a:visited { color: #609; } */
.searchresults-data dl dd { /*font-size: 0.9em;  margin: 0; padding: 0; */ word-wrap: break-word; max-width: 664px; }
.searchresults-data .url { /* color: #093; padding: 0; */ /* margin-top: 0; */ color: #006621; word-wrap: break-word; max-width: 664px; }
.searchresults-data .size { display: none; }
.searchresults-data .size, .searchresults-data .moreresults { color: #000; padding: 0; }
.searchresults-navigation { margin: 1em 0 2.5em 0; padding: 0; width: 98%; background-color: #f5f5f5; }
.searchresults-navigation ul { margin: 0; padding: 0; list-style-type: none; }
.searchresults-navigation ul li { display: inline; float: left; margin: 0; padding: 7px; }
.searchresults-data dl dt, .searchresults-data dl dd { margin-bottom: 6px; }
.spelling { color: #c03; }
.synonyms { color: #c03; }
.copyright { font-size: 1em; font-weight: normal; margin: 0; padding: 0; display: none; }
.searchhints { clear: left; position: relative; float: left; width: 98%; }

/**********************************************************************
 * Toolbar
**************************************************************************
#toolbar { float: left; width: 215px; margin: 0; padding: 0; color: #999; font-size: 0.8em; }
#toolbar p { margin: 0; padding: 5px 0 5px 0; }
#toolbar p a { margin: 0 0 3px 0; color: #999; }
#toolbar form { margin: 0; padding: 0; }
#toolbar label { margin: 0; padding: 0; color: #999; }
#toolbar input { margin: 0 5px 0 5px; padding: 0; }
#toolbar input.searchtext { margin: 0; padding: 0; width: 192px; background: #fff; border: 1px solid #999; border-right: none; height: 1.5em; vertical-align: top; }
#toolbar input.searchbutton { margin: 0; padding: 1px 1px 2px 1px; background: #f90; border: none; border: 1px solid #999; border-left: none; background: url("http://assets.manchester.ac.uk/phase1/templates/images/toobar_search.png"); height: 1.65em; vertical-align: top; width: 1.60em; }*/

/******************************************
 * Fluid, Responsive Layouts
************************************************/
@media only screen and (min-width: 1601px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width: 1200px) {
}
/******************************************
 * Tablet Landscape Layout: 1024px
************************************************/
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 900px) {
#PageHeader #Search #SearchOptions label, #PageHeader #SearchOptions a { margin: 0 1px; font-size: 11px; }
}

/******************************************
 * Tablet Portrait Layout: 768px
************************************************/
@media only screen and (max-width: 768px) {
}

/******************************************
 * Mobile Layout: 767px-
************************************************/
@media only screen and (max-width: 767px) {
.googlesearch { margin-top: 1em; }
.googlesearch .q { width: 84%; height: 44px; }
.googlesearch #btnG { width: 100px; height: 44px; margin: 0 20px 0 -5px; padding: auto; font-size: 1em; }
}

/******************************************
 * Mobile Layout: 480px-
************************************************/
@media only screen and (max-width: 480px) {
.googlesearch .q { width: 80% }
}

/******************************************
 * Mobile Layout: 320px-
************************************************/
@media only screen and (max-width: 320px) {
#PageHeader #Search { padding: 0; }
#PageHeader #Search #SearchOptions label, #PageHeader #SearchOptions #Search a, #PageHeader #Search input { margin: 0; font-size: 90%; }
#PageHeader #Search input[type="radio"] { width: 10px; height 10px;
}
#PageHeader #Search span { margin: 0; padding: 0; }
}

/******************************************
 * Mobile Layout: 240px-
************************************************/
@media only screen and (max-width: 240px) {
}