/* 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
 ######################################################################################## */

a img {border:none;}
a:link {color: #20c; text-decoration: underline;}
a:visited {color: #551A8B; text-decoration: underline;}
a:hover {color: #0A3449; text-decoration: underline;}
a:active {color: #0A3449; text-decoration: underline;}

/* ########## STRUCTURAL */
body {font-size: 77%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #444; line-height:1.5em; margin:0; padding:0; text-align:center; background:#0a3449 url(../images/bar.gif) repeat-x center top;}
#container { max-width: 80em; min-height: 37em; margin: 0 auto;}
.inner { background: #fff;}
#rupa_home .inner { background: #fff url(../images/world.gif) no-repeat center top;}		
		
/* ########## HOME PAGE SPECIFIC */
#rupa_home h1 span { position: absolute; margin-left: -13000px;}
#rupa_home h1 { height:130px; padding: 0; background:url(../images/logo_big.gif) no-repeat 50% 50%; margin:160px 0 0 0;} 
#rupa_home form { margin:0; padding:0;}
#rupa_home form p { padding:10px; margin:0 10em; background: #fff; position: relative; }
#rupa_home form p label { position: absolute; left: -20000px; }
#rupa_home form p input.field { border-top: 1px solid #c4cacf; border-left: 1px solid #c4cacf; border-bottom: 1px solid #959da5; border-right: 1px solid #959da5; width: 96%; padding:10px; font-size: 2.5em; }
#rupa_home form p input.button { position: absolute; top: 15px; right: 20px; height: 46px; width: 46px; background: url(../images/magnify.gif) no-repeat top left; outline: none;}
#rupa_home form p input.button:hover { background: url(../images/magnify-hover.gif) no-repeat top left; outline: none;}
#rupa_home form p input.button:focus { background: url(../images/magnify-hover.gif) no-repeat top left; outline: none;}

/* ########## HEADER */
#header { max-width: 80em; margin: 0 auto; }
#header h1 { margin: 0; padding: 0; float: left; clear: left; width: 511px; }
#header h1 span { position: absolute; margin-left: -13000px; }
#header h1 a { height:119px; width: 511px; padding: 0; background:url(../images/logo_small.gif) no-repeat 50% 50%; margin:0; display: block;}
#header form { margin: 30px 2% 0 0; padding: 0; float:right; width: 44%; }
#header form p { position: relative; }
#header form p label { position: absolute; left: -20000px; }
#header form p input.field { border-top: 1px solid #c4cacf; border-left: 1px solid #c4cacf; border-bottom: 1px solid #959da5; border-right: 1px solid #959da5; width: 96%; padding:10px; font-size: 1.5em; }
#header form p input.button { position: absolute; top: 5px; right: 10px; outline: none; height: 32px; width: 32px; background: url(../images/magnify_small.gif) no-repeat left top; }
#header form p input.button:hover { background: url(../images/magnify-small-hover.gif) no-repeat left top; }
#header form p input.button:focus { background: url(../images/magnify-small-hover.gif) no-repeat left top; }

/* ########## SEARCH RESULTS */
p.googstrip { background: #ecf1f5; font-size: 1.2em; padding: 10px 15px; margin:0; text-align: right;}
p.googstrip a { font-weight: bold; }

p.searchedFor { border-bottom: 1px solid #ecf1f5; padding: 15px 15px; margin:0; font-size: 1.3em; }
p.searchedFor a { font-weight: bold;}
p.searchedFor a:visited { color: #3366cc; }
p.searchedFor span { float: right;}

p.url {color: #669933; padding: 0; margin: 0 0 30px 0;}

#searchResults h2 { margin:4px 0 0 36px; padding:0; font-weight: normal; font-size: 1.4em; }
#searchResults h2 span { color: #666;}
#searchResults {  width: 55%; padding: 15px 1%; margin: 0 18% 0 0; word-wrap:break-word; overflow:hidden; }
#searchResults p {margin: 0 0 0 36px; padding: 0; clear:both;}
#searchResults p.url {color: green; padding: 0; margin: 0 0 30px 36px;}

#searchResults p.suggestedSearch { font-size: 1.2em; padding: 0 0 15px 0; margin: 0;}
#searchResults div.coll_image { float: left; width: 22px; height: 22px; margin-top: 2px;}
#searchResults div.coll_image img {width: 26px; height: 26px;}

p#pagenav { text-align: left; margin: 0; padding: 0 0 40px 235px; font-size: 1.2em; color : #666;}
p#pagenav a, p#pagenav strong { font-weight: bold; padding: 5px 8px;}
p#pagenav a.on_page, p#pagenav strong { font-weight: normal; color: #000;}

#searchResults div.suggestedLink { background: #fff8dd; padding: 10px 15px; margin: 0 0 15px 0;}
#searchResults div.suggestedLink h2 { padding: 0 0 10px 0; margin:0; }
#searchResults div.suggestedLink p {margin: 0; padding:0; }

#searchResults div.keymatch { background: #fff8dd; padding: 10px 15px; margin: 0 0 15px 0;}
#searchResults div.keymatch h2 { padding: 0 0 10px 0; margin:0; }
#searchResults div.keymatch p {margin: 0; padding:0; }

/* ########## LEFT COLUMN */
div#searchKey { float: left; width:22%; margin: 15px 0 0 0; overflow: hidden; }
div#searchKey p { padding: 0 15px; margin: 0; font-size: 1.1em;}
div#searchKey p span { background: #ecf1f5; padding: 3px; margin: 0 3px; } 
div#searchKey p a { border: 1px solid #ecf1f5; border-bottom: none; padding:2px 3px; margin: 0 3px; } 
div#searchKey div { padding:15px 15px 24px 15px; background: #ecf1f5 url(../images/left_nav_shadow.gif) no-repeat left bottom; }
div#searchKey div h3 { padding: 0 0 15px 0; margin: 0; font-weight: normal; font-size: 1.3em; }
div#searchKey div a { font-weight: bold;}
div#searchKey div ul { list-style: none; margin: 0; padding: 0;}
div#searchKey ul li {margin: 0 0 10px 0; padding:0; font-size: 1.1em;}
div#searchKey ul li img { width: 26px; height: 26px; padding-right: 5px; vertical-align: middle;}

div#searchKey ul li ul {font-size: 0.9em; margin: 0 0 0 35px;}
div#searchKey ul li ul li { margin: 0; padding: 0 0 0 16px; background: url(../images/branch.gif) no-repeat left top;}

/* ########## RIGHT COLUMN */
#rightColumn { float: right; width: 17%; padding: 15px 0; overflow: hidden;}
#rightColumn h3 { padding: 0 0 15px 0; margin: 0; font-weight: normal; font-size: 1.2em; }
#rightColumn h4 { padding: 0; margin: 0; font-weight: normal; font-size: 1.4em; }
#rightColumn h4 a { text-decoration: underline;}
#rightColumn h4 a:hover { text-decoration: none;}
#rightColumn p { padding: 0; margin: 0; }
#rightColumn p.url { padding: 0 0 15px 0; margin: 0; }

/* ########## ADVANCED SEARCH */
#trackrefine h2 { clear: left; text-align:left; padding: 15px; background: #ecf1f5; }
#trackrefine form { margin:0; padding:0; }
#trackrefine form fieldset { margin:15px 0; padding:15px; border: none;}
#trackrefine form legend { font-size: 1.2em; padding: 0; margin:0;}
#trackrefine form p { text-align: left; clear: left; position: relative;}
#trackrefine form p label { width:35%; padding: 5px 2% 0 0; font-size: 1.3em; float: left; text-align: right;}
#trackrefine form p input.field { border-top: 1px solid #c4cacf; border-left: 1px solid #c4cacf; border-bottom: 1px solid #959da5; border-right: 1px solid #959da5; padding:9px 12px; width:38%; font-size: 1.2em; }
#trackrefine form p input.button { position: absolute; top: 2px; right: 23%; border: 1px solid #fff; outline: none;}
#trackrefine form p select.select { border-top: 1px solid #c4cacf; border-left: 1px solid #c4cacf; border-bottom: 1px solid #959da5; border-right: 1px solid #959da5; padding:9px 12px; font-size: 1.2em; }
#trackrefine form ul {list-style: none; padding: 0 0 0 37%; margin: 0; font-size: 1.3em; text-align: left;}
#trackrefine form p.center {text-align: left; padding-left: 37%; }
input.button_adv {border-right: 1px solid #666; border-bottom: 1px solid #666; background: #a6adb4; color: #fff; font-size: 1.6em; }

/* ########## TOP NAV */
#user_nav { padding:0; text-align: right; margin:0; color: #fff; background: #0a3449; height: 30px; } 
#user_nav a:link, #user_nav a:visited { color: #fff; text-decoration: none; }
#user_nav a:hover, #user_nav a:active { color: #eee; text-decoration: underline;}
#user_nav div {max-width: 80em; margin: 0 auto; position:relative; }
#user_nav span span.shadow { position: absolute; top: 30px; width: 330px; height: 9px;}
#user_nav span.left { float: left; }
#user_nav span.left span.shadow { left: 0; background: url(../images/left_nav_shadow.gif) no-repeat left top;}
#user_nav span.right { float: right; position: relative; z-index: 1;}
#user_nav span.right span.shadow { right: 0; background: url(../images/right_nav_shadow.gif) no-repeat left top;}
#user_nav div a {display: block; width: 8em; color: #fff; background: #36c url(../images/nav_arrow.gif) no-repeat right 10px; text-align: left; padding: 6px 15px; font-size: 1.1em; }
#user_nav div a:focus { outline: none; border: none;}
#user_nav div a:hover { background: #a6adb4 url(../images/nav_arrow_alt.gif) no-repeat right 3px; color: #fff;} 
#user_nav ul#dropDownList { margin: 0; padding:0; position: absolute; top: 30px; left: 0; }
#user_nav ul li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #fff;}
#user_nav ul li.div {border-top: 3px solid #fff;}
#user_nav ul li a { background: #a6adb4;}
#user_nav ul li a:hover { background: #36c; text-decoration:none;}
#user_nav ul#dropDownListRight { right: 0; margin: 0; padding:0; position: absolute; top: 30px; z-index: 100;}
#user_nav ul li a img { vertical-align: middle;}

/* ########## FOOTER */
#drawer { background: #0a3449; text-align: left; color: #999; padding-top: 5em; clear:both;}
#drawer p { max-width: 67em; margin: 0 auto; padding-left: 10em;  font-size: 0.9em; }
#drawer a:link, #drawer a:visited { color: #999; text-decoration: none;}
#drawer a:hover, #drawer a:active { color: #999; text-decoration: underline; }

#rupa_admin #drawer { background: #0a3449 url(../images/world_footer.gif) no-repeat center top; min-height: 600px;}
#rupa_admin #drawer p { padding-left: 20em;}

#rupa_admin #drawer div { max-width: 67em; font-size: 0.9em; margin: 40px auto 15px; padding-left: 20em;}
#rupa_admin #drawer form { text-align: left; padding:0; margin:0;}
#rupa_admin #drawer form p { position: relative; padding: 0; margin: 0; width: 500px; text-align: left; }
#rupa_admin #drawer form label { position: absolute; left: -20000px; }
#rupa_admin #drawer form p input.field { border-top: 1px solid #c4cacf; border-left: 1px solid #c4cacf; border-bottom: 1px solid #959da5; border-right: 1px solid #959da5; display: block; padding:10px; width: 480px; font-size: 1.5em; }
#rupa_admin #drawer form p input.button { position: absolute; top: 5px; right: 10px; outline: none; height: 32px; width: 32px; background: url(../images/magnify_small.gif) no-repeat left top; }
#rupa_admin #drawer form p input.button:hover { background: url(../images/magnify-small-hover.gif) no-repeat left top; }
#rupa_admin #drawer form p input.button:focus { background: url(../images/magnify-small-hover.gif) no-repeat left top; }