/* 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/logo_large.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: url(../images/clean_bg.gif) repeat-x bottom;  } 

ul#user_nav li { display: inline; list-style: none; margin: 2px 4px; font-size:1.2em; }



ul#user_nav a:link, ul#user_nav a:visited { color: #333; text-decoration: underline; }

ul#user_nav a:hover, ul#user_nav a:active { color: #D63; text-decoration: none; }





#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 {  text-decoration: underline;

			/* Main search box link colour */ color: #003399;}

			

#rupa_home a:hover, #rupa_home a:active  { 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/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;}