/* Stylesheet name: MANCHESTER BLUE */
/* Rupa stylesheet - Authored by Jadu */

/* ########################################################################################
	ALL STYLES RELATING TO COLOUR AND GRAPHICAL ELEMENTS OF THE DESIGN ARE COMMENTED
	IN THE CSS BELOW.  PLEASE CHANGE ONLY THESE WHEN CREATING A NEW STYLESHEET.
	CHANGING ANYTHING ELSE COULD HAVE REPERCUSSIONS ON THE LAYOUT AND USER INTERFACE.
	MOVING  LINES OF CSS MAY EFFECT THE CASCADE AND SO ALSO CREATE PROBLEMS
 ######################################################################################## */

body {font-size: 77%; font-family: 'lucida grande', Verdana, Geneva, Helvetica, sans-serif; color: #333; line-height:1.5em; margin:0; padding:0; text-align:center; 
			/* Creates the very top border */ border-top: 2px solid #ddd; }
			
a img {border:none;}

/* ########## Top link */
.admin_nav { float:right; margin:0; padding:10px; font-size:.9em; line-height:0; }

/* ########## HOMPAGE SPECIFIC */
/* ########## Identity - Logo */
#rupa_home h1 span { position: absolute; margin-left: -13000px;}

#rupa_home h1 { width:100%; height:107px; padding:14px 0;
			/* Homepage logo */ background:url(../images/cheltenhamLogo.gif) no-repeat 50% 50%; /* The image height is 107px - width is 227px, transparent */
			/* This margin creates the space between above border and search strip */ margin:1em 0 1em 0;} 


/* ########## Main homepage keyword search box */
ul#user_nav { width: 99%; padding:0;  padding: 4px 0; text-align: right; padding-right: 1%; margin:0; margin-top: 2px; background: #518D30; repeat-x bottom; font-size:0.9em; } 
ul#user_nav li { display: inline; list-style: none; margin: 2px 4px; }

ul#user_nav a:link, ul#user_nav a:visited { color: #fff; text-decoration: underline; font-size:1em;}
ul#user_nav a:hover, ul#user_nav a:active { color: #eee; text-decoration: none; font-size:1em;}


#rupa_home .siteSelection { display: none; }

#rupa_home form { margin:0 0 20px 0; padding:0 0 7px 0;
			/* The drop-shadow at the very bottom of the search area */  }

#rupa_home form legend { display: none; height: 1px;}
#rupa_home form fieldset { border: none; padding: 0 0 2em 0; margin: 0;
			/* Background image for lower half of search box - the colour is to bullet proof */ background: #FFF;}

#rupa_home form fieldset  p { padding:0; margin:0; }

#rupa_home .home_keyword { margin-bottom: 7px;
			/* Background image for top half of search box*/ border-top:3px solid #FFF; }

#rupa_home .search_radios { clear:both; padding:1em 0; margin:0; } 
#rupa_home p { padding:0 0 1em 0; margin:0;}

#rupa_home .search_radios  em { clear:both; display:block; margin:4px 0; font-style:normal; font-size:1.2em;
				/* Colour of message once a preference is saved */ color: #FFF; } 

.hide_label label, label.hide_label, .home_keyword label {display: none;}
#rupa_home form label { font-size: 1.2em;
			/* Label colour */ color: #FDB913; }

.keyword_field, select.wide { width:55%; padding: 3px 2px; font-size:1.3em;}
.keyword_field { 
			/* Main search text input border colour */ border: 2px solid #000;} 
			
.keyword_field:focus {
			/* Main search text on focus border colour */border: 2px solid #000; background: #FAFAE0; }

#rupa_home a:link, #rupa_home a:visited { font-size: 1.2em;  text-decoration: underline;
			/* Main search box link colour */ color: #003399;}
			
#rupa_home a:hover, #rupa_home a:active  { font-size:1.2em;  text-decoration:none;
			/* Main search box link colour */ color: #003399;}
			
.select_group { 
			/* Main search text input border colour */ border: 1px solid #000;}
			
#drawer { margin-top: 30px; }
			
			
/* ########## MAST HEAD FOR ALL OTHER PAGES */

#header { width: 100%; float: left; margin:0; padding: 0 0 4px 0; 
			/* Background for mast head */ background:url(../images/clean_bg.gif) repeat-x bottom center;
			/* Border for mast head */ }

#rupa_admin .myprefs { padding:0.5em 0 0 0; margin:0; margin-top: 0.2em; font-size:0.9em;}

#header h1 span { position: absolute; margin-left: -13000px; }

#header h1 a { display: block; height:78px; width:259px; background:url(../images/wbc_new_logo_small.gif) no-repeat 0px 0px; margin: 10px 0 -10px 0;}
/*
#header h1 a:hover { background:url(../images/logo_small.gif) no-repeat 0px -70px;}
*/
#header h1 {  border:none;  margin: 5px 14px 5px 10px; padding:0; float:left;}

#header p { padding:0; margin:0; }
/*
#header ul#user_nav { margin: 0; text-align: left;}
#header ul#user_nav li { display: inline; list-style: none; margin: 0 5px; padding: 0; }
#header ul#user_nav li.first { margin-left: 0; }
*/
#header form { margin: 12px 0 0 0; padding:0; float:left;}
#header form fieldset { border:none; padding:0; margin:0; background:none; text-align:left; display: inline; }

#header form label { font-size: 1.2em;}
#header .search_radios  em { clear: both; display: block; margin:4px 0; font-style: normal; font-size: 1.2em;  color: #FEE5AA;} 

/*
#header a:link, #header a:visited, #content_browse p a:link, #content_browse p a:visited { color: #0066CC; text-decoration: underline;}
#header a:hover, #header a:active, #content_browse p a:hover, #content_browse p a:active  { color: #0066CC; text-decoration: none;}
*/

/* ########## Buttons */
.big_button { font-size: 1.2em; padding: 1px 2px; color: #000; 
			/* border and background colours */ background: #ccc; border: 2px solid #333;}
			
.big_button:focus {
			/* border and background colours of focus */ background: #777; border: 2px solid #333; }

.big_button:hover {
	background: #666; border: 2px outset #000; color: #fff; font-weight: normal; cursor: pointer; }


.small_button { font-size: 1.3em; padding: 2px 2px; color: #000;
			/* border and background colours */ background: #ccc; border: 2px solid #333;}

.small_button:hover {
	background: #666; border: 2px outset #000; color: #fff; font-weight: normal; cursor: pointer; }

.small_button:focus {
			/* border and background colours of focus */ background: #777; border: 2px solid #333; }

select {
	font-size: 1.3em;
	border: 5px solid #333;
	padding: 3px;
	margin-right: 5px;
}


#PrefsLink a:active, #PrefsLink a:hover, #PrefsLink a:link, #PrefsLink a:visited { font-size:1.2em;  text-decoration:none; color: #003399;}
			
			
#header form input, #header form .select {width: auto;}

/* ########## TABS FOR SEARCH HISTORY DRAWER */
div#content_browse ul.tabs {margin: 2em 0 0 0;padding:0 0 2px 25px; text-align:left;
			/* Colour of baseline */ border-bottom: 2px solid #FDB913; }

div#content_browse ul.tabs li a.current, div#content_browse ul.tabs li a:hover.current {text-decoration:none; padding:5px; margin:0; font-size: 1em; font-weight:normal;
			/* Main tab font and background colour */ color: #222; background:#FEE7AE;}

div#content_browse ul.tabs li {margin:0;padding:0;list-style:none;display:inline; }
div#content_browse ul.tabs li a:link, ul.tabs li a:visited {text-decoration:none;padding:5px;margin:0;font-size: 1em;font-weight:normal; border-bottom: none;
			/* Font, border and background colour of inactive tab */ color: #222; border: 1px solid #FDB913; background:#FEE7AE;}
			
div#content_browse ul.tabs li a:hover, ul.tabs li a:active {text-decoration:none;padding:5px;margin:0;font-size: 1em;font-weight:normal; border-bottom: none;
			/* Font, border and background colour of inactive tab hover state */ background:#222; color: #000; border: 1px solid #FDB913;}

/* ########## SEARCH HISTORY DRAWER CONTENTS */
#content_browse {background:none; position:absolute; z-index:4; bottom:0; left:0; width:100%} 
body > #content_browse {position:fixed;}
#expanded_browse { display: inline-block;  height:375px; overflow-y:auto;/* IE6 Hack - to display drawer background crrectly  */ 
			/* Main background colour */ background:#fff;}
#content_browse > #expanded_browse { height:auto; overflow-y:visible;}

#content_browse {margin:3em 0 0 0;padding:0;clear:both; }
#content_browse ul.tabs {margin:0; padding:0;}
#content_browse span { position: absolute; right: 10px; }
#content_browse span img { border: none; margin: 4px 10px;}
ul.tabs {float:none;}

div.history_list_container {clear:both; margin:0;padding:0 0 0 1%;
			/* Main background colour for all browsers but IE6 */ background:#fff; border-top:1px solid #fff;}
			
.history_list_container dl {margin: 0 1%; padding:10px 0; width:30%; float:left; text-align: left;}
.history_list_container dl dt {font-weight:bold; margin:0; padding: 0 5px; } 
.history_list_container dl dd {margin:0;padding: 0;}
.history_list_container dl dd a { padding: 2px 4px; }
.history_list_container dl dd a em { display: inline; text-align: right; font-size: .8em; padding-left: 6px; font-style: normal;}
.history_list_container dl dd img { height: 13px; width: 13px; border: none; }

 #content_browse .history_list_container dl dd p a { background: none; margin:0; border: none;}
 #content_browse .history_list_container dl dd a:link,  #content_browse .history_list_container dl dd a:visited {text-decoration:none; display:block; margin-bottom:1px;
			/* Link colours for link lists */ color:#222; background:#FEE7AE; border: 1px solid #FDB913; }

 #content_browse .history_list_container dl dd a:hover,  #content_browse .history_list_container dl dd a:active {text-decoration:none; display:block;margin-bottom:1px;
			/* Link colours for hover link lists */color:#222; background:#fff; border: 1px solid #FDB913; }

#content_browse p { border: none; margin:0; padding:3px 0; font-size: .9em;
			/* Font colour*/ color:#108AAD;}

/* ########## Advanced and Preferences */
#rupa_admin #trackrefine{ clear: both;width:100%;margin: 0 auto; text-align:left; float:left;}
#trackrefine h2, .onebox_results_wrap h2  {margin:0; color: #000;background:#FFF; border-bottom: 1px solid #ddd; font-size:1em; text-align:right; padding:0.5em;}
#trackrefine form fieldset {border:none;text-align:left;}
#trackrefine legend { display:none;}
form.refine_search_form fieldset span { clear:left;float:left;margin:1em auto 0 auto;width:80%}
form.refine_search_form fieldset span label {float:left;width:40%;text-align:right;margin-right:1em;}
form.refine_search_form .keyword_field {border:1px solid #024;}
form.refine_search_form .keyword_field:focus {border:1px solid #aaa;}
form.refine_search_form .big_button {margin-top:0.8em;}

#rupa_admin #trackrefine table {text-align:left;border-collapse:collapse; width:78%;margin:2em auto;background:#eee;}
#rupa_admin #trackrefine table td { vertical-align:top; padding:10px 0;border:1px solid #fff;}
#rupa_admin #trackrefine table .right_cell { text-align:right; font-weight:bold; color:#444; font-size:1em; padding-right:2em;}
#rupa_admin #trackrefine table td  ul{margin:0;list-style:none; padding:0;}
#rupa_admin #trackrefine table thead {display:none;}

#rupa_admin #trackrefine a:link.faux_button, #rupa_admin #trackrefine a:visited.faux_button, #rupa_admin #trackrefine a:hover.faux_button, #rupa_admin #trackrefine a:active.faux_button {background: #fff; border: 2px outset #FDB913;text-decoration:none;padding:3px 10px;font-weight:normal;}
p.search_radios {color:#2D941F; font-weight:bold;line-height:2.5em;text-align:center;}

#trackrefine a:link, #trackrefine a:visited { font-size: 1.2em; color: #333; text-decoration: underline; padding-right: 15px;}
#trackrefine a:hover, #trackrefine a:active  { font-size: 1.2em; color: #333; text-decoration: none; padding-right: 15px;}
#trackrefine .root .selected { text-decoration: none; background: url(../images/tick.png) no-repeat center right; }

.clear {clear:both; padding:0; margin:0;} /* Mozilla clearing hack */

.googstrip { padding-right: 1%; padding-top: 5px; padding-bottom: 5px; text-align: right; background:#eee; margin:0; border-top: 1px solid #ccc; font-size: 1.1em; color: #000;}

.first { font-size: 1.2em; }
.first strong { color: #000; }

/* ########## iFrame to correct IE6 bug */

iframe.ie6_iframe_fix{ position:absolute; z-index:2; bottom:0;left:0; padding:0; margin:0; width:100%; height:360px;border:none;}


/* ########## a-z search */


#live_find {
	margin:12px 16px 0 12px;
}

#live_find span img { margin-left: 6px; }

#live_find label  {
	padding: 0 2px 0 0;
	color: #000;
	font-size: 1.3em;
	letter-spacing:  -.3px;
	font-family: georgia, 'new century schoolbook', 'times new roman', times, serif;
}

#live_find ul, #az_live_find ul { float: left; list-style: none; margin: 10px 0 20px 0px;}
#live_find li, #az_live_find li { padding: 2px 0 2px 26px; clear: both; font-size: 1.1em; margin-bottom: 5px;}

#live_find li ul, #az_live_find li ul { clear: both; float: left; font-size: .8em; margin: 4px 0 4px 0; padding: 3px 5px; background-color: #eee; width: 96%; }
#live_find li ul li, #az_live_find li ul li { padding: 0; margin:0; background-image: none; }

.google_map { text-align: center; color: #666; padding: 1px; border: 3px solid #eee; }

.az_p { margin: 1.7em 0;  }

.slim { margin: .5em 0; }

.az_ul {
clear:both;
margin:0 0 0 20px;
padding:0;
text-align: left;
width: 96%;
}

.az_ul li {
list-style:none;
color: #666;
padding:4px 0 4px 46px;
background:url(../images/leaf.png) no-repeat 0px 10px;
}

.az_ul li.show_more {
list-style:none;
color: #666;
padding: 14px 0 14px 26px;
background: none;
}

.az_ul li a .az_result_title {
	font-size: 2.1em;	
}

.az_ul li span { font-size: 1em; }

.pid {color:#777; font-size:.9em; font-style: italic;}

p.powered_by { font-size:0.9em;}