/*=================================================================================================================
							Morningstar OneSearch Page Layout v3.5 Stylesheet
-------------------------------------------------------------------------------------------------------------------
The purpose of this stylesheet is to reset all of the browser values so we start from a level playing field.
This stylesheet should also contain all styles for the visual designs' CORE elements [listed below].

Style guide:
http://localhost:8080/OneSearch/maintain/styleguide OR http://localhost:8080/maintain/styleguide
==================================================================================================================*/
html,
body {
   height:100%;
}
#wrapper{
   min-height:100%;
   position:relative;
}
#footer-wrapper{
	visibility:hidden;
}
.fixed-bottom {
	position:absolute;
	bottom:0;
	width:100%;
	padding-top:20px;
}

/*	container.fullscreen
	- Removes the grey columns, currently used for help popup window
 */
#container.fullscreen { width: auto; margin: 0; }
#container.pdfPage{ width: auto; margin: 0; min-width: 980px; min-height: 400px; }

/*  Set Prototip & Lightview font sizes
	- Lightview & Prototip do not sit inside the #container div so we need to set these font sizes here
*/

.prototip .default h4, .prototip .default .title { font-family: aleoregular,serif; color: #4c4c4c; font-size: 14px; line-height: 1.3; font-weight:bold; text-transform:none; letter-spacing:normal}


/*********************************************
	Text styles
*********************************************/
:lang(ko) /* Need to change font for Korean language */
{ font-family: "dotum", sans-serif !important; }
:lang(ja) /* Need to change font for Japanese language */
{ font-family: sans-serif !important; }

/* e.g. results page snippet of text */
.snippet { font-size: 0.915em; color: #4c4c4c; line-height: 1.16; display:block; }
.snippet p { margin-left:10px; }

/* e.g. used mainly in the error_panel */
.error_message { font-size: 1em; color: #c00000; }

/* e.g docview/indexing details */
.sup { vertical-align: super; font-size: 0.7em; }


.header_navigation_left { float: left; margin-top: 3px; margin-left: 10px; }
.header_navigation_right { float: right; margin-top: 3px; }

.myResearchHeader {margin: 0 15px; line-height: 1.14em;}
.myResearchHeaderLogo { float:left; width:95px; height:auto; }

.left_spacing { margin-left: 10px; }
.right_spacing { margin-right: 10px; }

p {margin: 5px 0;}

blockquote { padding:5px 60px; }
code,kbd,pre { font-family: Courier New,Courier,monospace,sans-serif; color: #0c0c0c; line-height: 1.4em; }
abbr,acronym { border-bottom: dotted 1px #0c0c0c; cursor: help; line-height: 1.4em; }


/*********************************************
	Links and link icons
*********************************************/

a, a.small { color: #2a5db0; text-decoration: none; }
a:hover, a.small:hover { color: #1b3c72; text-decoration: underline; }
a.small { color: #2a5db0 !important; }
a.active, a.item_selected { color: #4c4c4c; text-decoration: none; }

/* No underline when there's a drop-down menu, otherwise you get a double top line */
a.subMenuHoverLink:hover {text-decoration: none;}

/*********************************************
	Forms
*********************************************/

fieldset { clear: left; /* border: solid 1px #c9c9c9; */ margin-bottom: 11px; }

/* To standardise the fieldset contents cross-browser */
.fieldset_contents { float: left; padding: 5px 15px 15px 15px; }

legend { padding: 0 7px 0 9px; font-size: 1.333em; margin-left: 9px; color: #4c4c4c; }

/* In a fieldset, lists are always on separate lines */
fieldset ul { clear: both; }

/* Standard label margin */
label, .label { display: inline-block; margin-right: 5px; vertical-align: top; }

textarea, input {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	color: #4c4c4c;
	line-height: 1.25;
	padding: 1px 0;
	min-height: 25px;
}


/* If you need a checkbox class when attribute selectors won't do it */
.checkbox { width: 13px; height: 13px; padding: 0; margin: 0 5px 0 0; vertical-align: bottom; position: relative; top: -1px; }

select { clear: both; }

.form_element_container { margin: 0 15px 12px 0; }
.form_element_container ul { margin-bottom: 5px; }
.form_element_container .error { display: none; }
.form_element_container .note { display: none; font-size: 0.915em; }
.form_element_container .post_field_link { margin-left: 5px; }

.radio_align { padding-top: 2px; margin-right: 10px; }
.form_element_container .longSmall { width:335px; }


/******************************************************************
	Lists
	- By default the list has NO bullet, to add this use ul.bullet
*******************************************************************/

ul { list-style-type: none; margin: 5px 0; padding:0;}

ul.bullet {list-style-type:disc; padding-left:16px;}

ol { padding-left: 1.5em; margin-bottom: 5px;}

ol li.divider { border-bottom: solid 1px #cccccc; padding-bottom: 5px; margin-bottom: 5px; }

ol.lowerAlpha {list-style-type:lower-alpha; padding-left:2.5em; margin-left:auto !important;}
ol.upperAlpha {list-style-type:upper-alpha; padding-left:2.5em; margin-left:auto !important;}
ol.lowerRoman {list-style-type:lower-roman; padding-left:2.5em; margin-left:auto !important;}
ol.upperRoman {list-style-type:upper-roman; padding-left:2.5em; margin-left:auto !important;}
ol.decimalList {list-style-type: decimal; padding-left:2.5em; margin-left:auto !important;}


/* Add to the <ul> tag to turn the list horizontal and with the margins as defined in the style guide. */
ul.horizontal { list-style-type: none; margin:0 0 5px 0; padding:0;}

/* Properly clears this containing ul so the contents can be floated */
ul.cleared { overflow: hidden; }
ul.horizontal li { display: inline-block; margin: 0 20px 0 0; background: none; vertical-align: top; }
ul.horizontal li.pipe { padding-left: 11px; background: url(../images/pagelayout/pipe.png) no-repeat left 4px; margin:0 12px 0; }
ul.horizontal li.last-child, ul.horizontal li:last-child { margin-right: 0 !important; }
ul.horizontal li.pipe.white { background-position: left -12px; }
ul.horizontal li.pipeTopBar { padding-left: 11px; background: url(../images/pagelayout/pipeTopBar.png) no-repeat 3px 7px; }
ul.horizontal li.dropdown ul li {margin:0 !important;}

/* By default make all nested lists within horizontal lists vertical */
ul.horizontal li li { display: block; }

/* MM : I've added an "in_toolbar" class to be used on the <ul class="horizontal..."> tag so that the list is nicely  aligned.  Otherwise the -3px margin-top of the button is out of place, as is the margin around the list */
ul.horizontal.in_toolbar { margin: 0 2px; }
ul.horizontal.in_toolbar label { padding-top: 0; }
ul.horizontal.in_toolbar li { vertical-align: middle; }
ul.horizontal.in_toolbar .btnNew { margin-top: 0; }

/* Preferences pipe needs to be slightly different */
#preferences_nav ul.horizontal li.pipe { background: url(../images/pagelayout/pipe.png) no-repeat left 2px; }


/*********************************************
 General elements
*********************************************/

.hr, .separator { height: 1px; border-top: solid 1px #dddddd; margin: 15px 0; }
#ft_container_printview .separator {clear:both;} /* Printview needs a clear both */

.exposedFieldRow{ clear: both; }
.exposedFieldRow .label{ float: left; width: 30%; }
.exposedFieldRow .input { float: left; width: 70%; }
.exposedFieldRow .input input,.exposedFieldRow .input textarea { width: 99%; }

/*********************************************
 Page areas
*********************************************/

/*	main_nav
	The top-left horizontal menu container (Search | Advanced | Publications | Databases).
*/

.topNavigation { clear:both; }

#main_nav { float: left; padding-top: 5px; }

/*	myresearch_nav
	The top-centre my research sign in/username container (Sign in | My research (0 new)).
*/
#signInLinkZone { display:block !important; /* height:34px */}

#myresearch_nav { float: right; color: #ffffff; margin-right: -12px; margin-top: 5px; margin-bottom: 1px; }

/*	myresearch_nav a
	- The container has a dark blue background colour so change the font colour to white.
	- The default a:hover will be used which is just underlining the link, the colour taken from the modified anchor.
*/

#myresearch_nav a,  #myresearch_nav a span, #thesaurusHeader a, #databaseOpenLayer, #dbCloseSpanId { color: #ffffff; text-decoration: underline; padding-bottom: 3px; cursor: pointer; }

#myresearch_nav span{ display: inline-block; }

#myresearch_nav li, #myresearch_nav ul.horizontal span.divider { margin-right: 4px; padding-top: 3px; }

/*	preferences_nav
	The top-right preferences/help menu.
*/

#preferences_nav { float: right; margin-left: 15px; padding-top: 6px; }

/*	preferences-nav li
	- Smaller font size for this menu, based on the #container font size, as with all other lowest level elements.
	- Larger margin to the right of the menu list items.
*/

#preferences_nav li { font-size: 0.915em; }


/*	header
	- The section with the ProQuest logo on the left hand side
	- On various pages there will be some sort of search box alongside the logo
*/

#header { clear: both; margin-top: 10px; }

/*	subheader
	- The (orange) header text such as Advanced search
*/

#subheader { clear: both; margin-top: 10px; }

/*	middle
	- A containing div to contain the content part of the page
	- Includes the side-panel when present
*/

#middle { clear: both; width: 100%; }

/*	basicsearch_content
	- Specific content containers on a per-page basis
	- Different pages have different margins and borders
*/

#basicsearch_content { margin-top: 60px; margin-left: 120px; }

/* Used when there's a horizontal list of links next to the main <h1> title */

.inline_link { float: left; margin-left: 10px; margin-top: 2px; }

.inline_link ul.horizontal { margin: 0; }


/*	advancedsearch_content
	- Specific content containers on a per-page basis
	- Different pages have different margins and borders
*/

#advancedsearch_content { float: left; width: 695px; border-top: solid 0px #cccccc; padding-top: 0px; }

/*	Needs to be fixed width so that the checkboxes line up in columns */
ul.columns li { width: 195px; }
ul.small_columns li { width: 150px; }

.date_range_year { padding-right: 10px; }

/*	centered_search_area
	- This is a container used on the basic search page
	- Needs a width so that the container can be centered using margin
	- Top margin keeps it away from the page top menu
*/

#centered_search_area {
	width: 800px;
	margin: 0 auto;
	position: relative;
}
a.bSearchBox {/* for placing help icon next to limiters */
	padding: 0px 1px 4px 0px !important;
}
a.bSearchBox img {vertical-align: top;}
/*********************************************
 Panels
*********************************************/

.panel_base {
	position: relative;
}

.display_record_abstract_copy.translationCont {clear:left;}


/*	side_panel
*/

#side_panel .divider {
	border-bottom: solid 1px #cccccc;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

#side_panel ul.horizontal {
	float: left;
	clear: both;
	margin-top: 5px;
}

.blueColor {
	background-color: #E2FFFF;
    border: 1px solid;
    border-radius: 18px;
}

/*	search_panel_content
	- All content in the side panel should go inside this containing div
*/

#search_panel .search_panel_logo {
	float: left;
	margin-left: 1px;	/* added to the default 10px padding of the search_panel */
	margin-right: 11px;
	margin-top: 28px;
	width: 96px;
	height: 44px;
}

#search_panel .search_panel_subcontent {
	float: left;
	width: 586px;
}

/*	search_inner_panel
	- The elements of the border are added at the start of the panel.
	- The actual contents of the panel should be put inside .panel_content, which is sufficiently spaced to avoid the images around the edge.
	- No need for all the side images to be uniform, just make sure the padding for the side-panel takes the width/height into consideration.
*/

#search_inner_panel {
	position: relative;
	float: left;


}

/*	search_panel_content
	- All content in the side panel should go inside this containing div
*/

#search_inner_panel .search_inner_panel_content {
	width: 100%;
}

#search_inner_panel .search_inner_panel_content .form_element_container {
	margin-bottom: 0;
}

/*	search_field
	- The styling of the actual <input> element
	- Needs to be a fixed height so that the search icon can fit on the right-hand edge
	- The 100% will work as a width as long as it's nested inside the search_field_outer and search_field_container divs
*/

#search_inner_panel .search_field {
	border: solid 1px #59799a;
	width: 100%;
	/*height: 24px;*/
	font-size: 1.3em;
	padding: 2px;
	height: 20px;
	float: left;	/* Removes the extra erroneous 1px top and bottom of the input field */
}

/*	search_field_outer
	- One of two containers for the search field
	- The width of 100% will extend this further than the width of the parent, because of borders/margins/padding
	- Then when the inner container has padding, it will allow the actual <input> element to be 100% and expand as needed
*/

#search_inner_panel .search_field_outer {
	width: 100%;
	position: relative;
	margin-bottom: 5px;
}

#search_inner_panel .search_field_links {
	width: 100%;
	text-align: right;
	margin-bottom: 5px;
}

/*	search_field_container
	- One of two containers for the search field
	- The right hand padding compensates for the border on the <input> element, allowing the <input> to be 100% and show correctly
*/

#search_inner_panel .search_field_container {
	position: relative;
	padding-right: 30px;
	margin: 0 0 3px 0;
	height: 26px;
}

/*	search_icon
	- Positioned absolutely inside the search_field_container so seems to appear inside the <input> field
*/

#search_inner_panel .search_icon {
	position: absolute;
	width: 25px;
	height: 26px;
	background: url(../images/pagelayout/search_panel/search_icon.png) no-repeat;
	right: 0;
	top: 0;
	border:0px none; /* added by Val */
	cursor: pointer;
}
a.search_icon:hover {text-decoration:none;} /* buttons change in to links hence taking out the underline on hover */

/*	search_panel_subtext
	- This is the section below the inner panel
	- The text and contents will change depending on the page the search panel is appearing on
*/

#search_panel .search_panel_subtext {
	float: left;
	width: 567px;
	line-height: 15px;
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 0;
}

#search_panel .search_panel_subtext .note {
	font-size: 0.915em;
}

/*	search_panel_searchtips
	- This is the section to the right of the inner panel, when present
*/

#search_panel .search_panel_searchtips {
	float: left;
	margin: 30px 0 0 15px;
	width: 82px;
	word-wrap: break-word;
}

/* Search panel switches
	- The panel uses cascading styles to switch the styling depending on the level you are on.
	- So ... .product, .subject & .results are all switched on the container/parent element to control the search_panel.
*/

/* By default show the search tips, turn it off below by targetting .product, .subject etc. */
#search_panel .search_panel_searchtips {
	display: block;
}

.product #search_panel, .subject #search_panel, .productHome #search_panel, .subjectHome #search_panel { width: 685px; padding: 10px;}

.product #search_panel, .productHome #search_panel { background-color: #d8eef9; }

.subjectHome #search_panel { background-color: #d8eef9; }

.subject #search_panel { background-color: #d8eef9; }

.product #search_panel .search_panel_searchtips {
	display: none;
}

.product #search_panel .search_panel_subtext, .subject #search_panel .search_panel_subtext, .product #search_panel .search_panel_logo, .subject #search_panel .search_panel_logo,
.productHome #search_panel .search_panel_subtext, .subjectHome #search_panel .search_panel_subtext, .productHome #search_panel .search_panel_logo, .subjectHome #search_panel .search_panel_logo { display: none; }

.product #search_panel .search_panel_searchtips,
.subject #search_panel .search_panel_searchtips,
.productHome #search_panel .search_panel_searchtips,
.subjectHome #search_panel .search_panel_searchtips { display: none; }

.product #search_panel .search_panel_subcontent, .subject #search_panel .search_panel_subcontent, .productHome #search_panel .search_panel_subcontent, .subjectHome #search_panel .search_panel_subcontent { width: 612px; }
.product #search_panel #search_inner_panel, .subject #search_panel #search_inner_panel, .productHome #search_panel #search_inner_panel { width: 592px; }

.subjectHome #search_panel #search_inner_panel,
.productHome #search_panel #search_inner_panel { width: 664px; }


.product #search_panel #search_inner_panel, .subject #search_panel #search_inner_panel, .productHome #search_panel #search_inner_panel, .subjectHome #search_panel #search_inner_panel { background-color: #c3deec; }

.publicationBrowseSearch #search_panel{width:940px;padding: 10px 0 14px 10px;}
.publicationBrowseSearch #search_panel .search_panel_subcontent {width:auto;}

#textMatch_panel {width: 815px; float:right; margin:-30px 20px 0 0;}

.subject #search_panel, .product #search_panel{float:left;}




/*	thumbnail_nav_panel
*/

.thumbnail_nav_panel {
	padding: 5px;
	background-color: #fff;
	border-top: 0;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: url(../images/pagelayout/thumbnail_nav_panel/t.png) repeat-x center top #fff;
}

.thumbnail_nav_panel_titlebar {
	margin-bottom: 15px;
}


/*	body
	- All content in the panel should go inside this containing div
*/

.thumbnail_nav_panel .body {
	overflow: hidden;
}
.thumbnail_nav_panel_titlebar p.noFilters {color:#F3F2F2; cursor:default; max-width:95%; max-height:30px; overflow:hidden; margin-top:-8px; font-size:9999em;}

/*	pinkienails_panel
	- Not an ID like the other panels because it can appear multiple times on a page
	- The elements of the border are added at the start of the panel.
	- The actual contents of the panel should be put inside .panel_content, which is sufficiently spaced to avoid the images around the edge.
*/

.pinkienails_panel {
	position: relative;
	padding: 15px;
	background-color: #f3f2f2;
	border: solid 1px #cccccc;
	margin-bottom: 10px;
	border-radius: 5px !important;
}

/*	body
	- All content in the panel should go inside this containing div
*/

.pinkienails_panel .body {
	overflow: hidden;
}


/*	pinkienails_deepindexed_panel
	- Not an ID like the other panels because it can appear multiple times on a page
	- The elements of the border are added at the start of the panel.
	- The actual contents of the panel should be put inside .panel_content, which is sufficiently spaced to avoid the images around the edge.
*/

.pinkienails_deepindexed_panel {
	position: relative;
	padding: 5px 10px;
	background-color: #e3f1fa;
	border: solid 2px #93d3f7;
	margin-bottom: 15px;
}

/*	body
	- All content in the panel should go inside this containing div
*/

.pinkienails_deepindexed_panel .body {
	overflow: hidden;
}


/*	basicsearch_textpanel
	- This is the panel below the scroller on the basic search page
	- There are two panels side-by-side
	- Or a single panel
*/

.basicsearch_textpanel {
	float: left;
	margin-left: 15px;
	margin-top: 28px;
	width: 354px; 
}

.basicsearch_textpanel2{
	margin-left: 30px;
}

.basicsearch_textpanel h3 {
	color: #d18104;
}
.basicsearch_textpanel_single {
	float: left;
	margin-left: 15px;
	margin-top: 21px;
	width: 700px;
}
.basicsearch_textpanel_single h3 {
	color: #d18104;
}

/*	toolbar_panel
	- The elements of the border are added at the start of the panel.
	- The actual contents of the panel should be put inside .toolbar_panel_content, which is sufficiently spaced to avoid the images around the edge.
	- No need for all the side images to be uniform, just make sure the padding for the side-panel takes the width/height into consideration.
*/

.toolbar_panel .bookmark_icon {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../images/icons/icon_bookmark.png) no-repeat 0 0;
	width: 125px;
	height: 18px;
}

.toolbar_panel ul {
	margin: 0;
}

.toolbar_panel .toolbar_panel_actions {
	padding-top: 10px;
	clear: left;
}


/*	info_panel
	- The elements of the border are added at the start of the panel.
	- The actual contents of the panel should be put inside .info_panel .body, which is sufficiently spaced to avoid the images around the edge.
*/

.info_panel {
	padding: 5px;
	background-color: #eef7fb;
	border: solid 1px #59799a;
	margin-bottom: 15px;
}

.info_panel_white{
	clear: left; /* Changed this to clear left as clear both will also clear the side panel */
	border: solid 1px #ccc;
	margin-bottom: 15px;
	padding:10px;
}

.info_panel .body {

}


/*	status_change_panel
	- The elements of the border are added at the start of the panel.
	- The actual contents of the panel should be put inside .status_change_panel .body, which is sufficiently spaced to avoid the images around the edge.
*/

.status_change_panel, .status_change_error {
	padding: 10px;
	background-color: #ffffff;
	border: solid 1px #f29625;
	margin-bottom: 15px;
	border-radius: 5px;
}

.status_change_panel_selected {
	padding: 5px 10px;
	background-color: #ffffff;
	border: solid 1px #f29625;
	margin-bottom: 0px;
}

.previewLinks .status_change_panel_selected.save_to_my_research_notification {
	padding: 2px 3px;
	margin-top: -3px;
}

/*	error_panel
	- The elements of the border are added at the start of the panel.
	- The actual contents of the panel should be put inside .error_panel .body, which is sufficiently spaced to avoid the images around the edge.
*/

.error_panel {
	padding: 2px 10px;
	background-color: #ffffff;
	border: solid 2px #f29625;
	margin-bottom: 10px;
}

.openurl_error_panel {
  padding: 2px 10px;
  background-color: #F9E9E9;
  border: solid 2px #F27325;
  margin-bottom: 10px;
  color: rgb(190, 73, 73);
}

/* The icons_sprite class should be added in addition to a specific icon from the ones following.
		i.e "icons_base_sprite icon_print"
*/

.icons_base_sprite {
	background: url(../images/icons/icons_sprite.png) no-repeat 0 0 transparent;
	padding: 2px 0 2px 25px;
}

.icon_alert {
	background-position: 0 0;
	padding-left: 20px;
}

.icon_print {
	background-position: 0 -50px; /* -20px; */
	padding-left: 20px;
}

.icon_rss {
	background-position: -1px -201px; /* -81px; */
	padding-left: 18px;
}

.icon_cite {
	background-position: -1px -101px; /* -40px; */
	padding-left: 18px;
}

.icon_link {
	background-position: -3px -300px; /* -120px; */
	padding-left: 14px;
}

.icon_save {
	background-position: -1px -150px; /* -60px; */
	padding-left: 19px;
}

.icon_email {
	background-position: -1px 2px;
	padding-left: 19px;
}

.icon_tags {
	background-position: -1px -251px; /* -101px; */
	padding-left: 19px;
}

.icon_signin {
	background-position: 0 -501px; /* -201px; */
	padding-left: 19px;
	background-color: #046091;
}

.icon_info {
	background-position: 3px -451px; /* -182px; */
	padding-left: 18px;
}

.icon_external {
	background-position: right -2352px; /* -942px; */
	padding: 2px 18px 2px 0 !important;
}

.icon_help {
	background-position: right -350px; /* -140px; */
	padding:0px 20px 3px 0 !important;
}



.icon_internal {
	background-position: right -400px; /* -160px; */
	padding: 2px 18px 2px 0 !important;
}

.icon_findacopy {
	background-position: 0 -550px; /* -220px; */
	padding-left: 18px;
}

.icon_modify {
	background-position: 0 -701px; /* -281px; */
	padding-left: 19px;
}

.icon_addtofolder {
	/*background: url(../images/icons/folder.png) no-repeat 0 0;*/
	background-position: 0 -600px; /* -240px; */
	padding-left: 20px;
}

.icon_singlefolder {
	background: url(../images/icons/folder.png) no-repeat 0 -2px;
	padding-left: 20px;
}

.icon_delete {
	background-position: 0 -649px; /* -261px; */
	padding-left: 20px;
}

.icon_delete_sm {
	background-position: 0 -901px; /* -361px; */
	padding-left: 17px;
}

.icon_globe {
	background-position: 0 -951px; /* -381px; */
	padding-left: 20px;
}

.icon_share {
	background-position:0 -751px; /* -301px; */
	padding-left: 18px;
}

.icon_donotshare {
	background-position:0 -801px; /* -321px; */
	padding-left: 18px;
}

.icon_lightbulb {
	background-position: 0 -850px; /* -340px; */
	padding-left: 18px;
}

.icon_nextlink {
	background-position: 1px -1051px; /* -421px; */
	padding-left: 20px;
}

.icon_prevlink {
	background-position: 1px -1101px; /* -441px; */
	padding-left: 20px;
}

.icon_interlibrary {
	background-position: 0 -1151px; /* -461px; */
	padding-left: 21px;
}

.icon_closelayer {
	background-position: 0 -1200px; /* -480px; */
	padding-left: 20px;
}

.icon_elibrary {
	background-position: 0 -1250px; /* -500px; */
	padding-left: 20px;
}

.icon_findfulltext {
	background-position: 0 -1302px; /* -522px; */
	padding-left: 19px;
}

.icon_unlocked {
	background-position: -3px -1350px; /* -540px; */
	padding-left: 17px;
}

.icon_locked {
	background-position: -3px -1401px; /* -561px; */
	padding-left: 13px;
}

.icon_shoppingCart {
	background-position: 0 -1651px; /* -661px; */
	padding-left: 20px;
	/* background-color: #046091; */
}

.icon_home {
	background-position: 0 -1501px; /* -601px; */
	padding-left: 20px;
}

.icon_copyfolder {
	background-position: 0 -1550px; /* -620px; */
	padding-left: 22px;
}

.icon_movefolder {
	background-position: 0 -1600px; /* -640px; */
	padding-left: 23px;
}

.icon_shoppingcart {
	background-position: 0 -1650px; /* -660px; */
	padding-left: 20px;
}

.icon_shoppingcart_orange {
	background-position: 0 -1700px; /* -680px; */
	padding-left: 20px;
}

.icon_purchasecopy {
	background-position: 0 -1650px; /* -680px; */
	padding-left: 20px;
}

.icon_downloadvideo {
	background-position: 0 -1751px; /* -701px; */
	padding-left: 18px;
}

.icon_setupalert {
	background-position: 0 -1800px; /* -720px; */
	padding-left: 23px;
}

.icon_viewlatest {
	background-position: 0 -1851px; /* -741px; */
	padding-left: 23px;
}

.icon_viewshared {
	background-position: 0 -1901px; /* -761px; */
	padding-left: 24px;
}

.icon_addnotes {
	background-position: 0 -1952px; /* -782px; */
	padding-left: 22px;
}

.icon_renamefolder {
	background-position: 0 -2000px; /* -800px; */
	padding-left: 21px;
}

.icon_clearfolder {
	background-position: 0 -2050px; /* -820px; */
	padding-left: 21px;
}

.icon_view {
	background-position: 0 -2100px; /* -840px; */
	padding-left: 21px;
}

.icon_alreadytrialled {
	background-position: 0 -2151px; /* -861px; */
	padding-left: 22px;
}

.icon_fullsize {
	background-position: 0 -2200px; /* -880px; */
	padding-left: 21px;
}

.icon_trialalert {
	background-position: 0 -2250px; /* -900px; */
	padding-left: 22px;
}

.icon_newlist {
	background-position: 0 -2300px; /* -920px; */
	padding-left: 22px;
}

.icon_addtodoc {
	background-position: 0 -2402px; /* -962px; */
	padding-left: 22px;
}

.icon_preview {
	background-position: 0 -2452px; /* -982px; */
	padding-left: 18px;
}

.icon_originalsearch {
	background-position: 0 -2501px; /* -1001px; */
	padding-left: 20px;
}

.icon_reviewed {
	background-position: 0 -2551px; /* -1021px; */
	padding-left: 18px;
}

.icon_transactions {
	background-position: 0 -2602px; /* -1042px; */
	padding-left: 17px;
}

.icon_savetomyresearch {
	background-position: 0 -2651px !important; /* -1061px !important; */
	padding-left: 23px;
}

/* Note that this is "saved" not "save" ...tomyresearch */
.icon_savedtomyresearch {
	background-position: 0 -2701px !important; /* -1081px !important; */
	padding-left: 21px;
}

.icon_resend {
	background-position: 0 -2750px; /* -1100px; */
	padding-left: 20px;
}
.icon_helplarge {
	background-position: right -2800px; /* -1120px; */
	padding: 3px 21px 3px 0 !important;
}

.thes_icon_help {
	background-position:right -2851px; /* -1141px; */
	padding:3px 20px 3px 0 !important;
	background-color:#046091;
}

.icon_createMRaccount {
	background-position: 0 -2899px; /* -1161px; */
	padding-left: 22px;
}

.icon_geturl {
	background-position: 0 -2951px; /* -1181px; */
	padding-left: 22px;
}

.icon_linkpdf,
.icon_lnulink {
	background-position: 0 -3001px; /* -1201px; */
	padding-left: 21px;
}

.icon_browseissue {
	background-position: 0 -3101px; /* -1241px; */
	padding-left: 24px;
}

.icon_header_info {
	background-position: 0 -3152px; /* -1262px; */
	padding-left: 18px;
}

.icon_downloadresults {
	background-position: 0 -3200px; /* -1282px; */
	padding-left: 22px;
}

.icon_flow {
	background-position: 0 -3741px; 
	padding-left: 20px;
}
.icon_share {background-position: 0 -3792px; /* ready to replace the addThis graphic */
	padding-left: 20px;}

.icon_tick {
	background-image: url(../images/icons/tick_sprite.gif);
	background-position: 0 -1px;
	padding-left: 21px;
}

.icon_hoovers {
	background: url(../images/icons/intellidocs.png) no-repeat right top;
	padding-right: 15px;
}


.icon_filter {
	background-position: 0 -3251px; /* -1301px; */
	padding-left: 20px;
}

.icon_smallnotes {
	background-position: 0 -3302px; /* -1322px; */
	padding-left: 21px;
}

.icon_contractarrow {
	background-position: 0 -3351px; /* -1341px; */
}

.icon_expandarrow {
	background-position: 0 -3401px; /* -1361px; */
}

.icon_magnifier {
	background-position: 0 -3451px; /* -1381px; */
	padding-left:20px;
	padding-top:1px;
}

.icon_exportsearches {
	background-position: 0 -3500px;
	padding-left: 19px;
}

.icon_resend_grey {
	background: url(../images/icons/resend_grey.png) no-repeat right top;
}

/* The indicators_base_sprite class should be added in addition to a specific indicator class from the ones following.
		i.e "indicators_base_sprite indicator_menu"
*/

.indicators_base_sprite {
	background: url(../images/icons/indicators_sprite.gif) no-repeat 0 0;
	padding: 0 0 0 14px;
}

.indicator_menu_down {
	background-position: right 2px;
	padding: 0 13px 0 0;
	cursor:pointer;
}

.indicator_menu_down_left {
	background-position: left 0;
	padding: 0 0 0 16px;
}

.indicator_menu_down_advanced {
	background-position: right 0;
	padding: 0 5px 0 0;
	cursor:pointer;
}

.indicator_menu_right {
	background-position: right -100px;
	padding: 0 16px 0 0;
}
.indicator_menu_left {
	background-position: left -100px;
	padding: 0  0 0 16px;
}

.indicator_expand {
	background-position: 0 -198px;
	min-width: 12px;
}

.indicator_collapse {
	background-position: 0 -298px;
}


.disabled.indicator_expand {
	background-position: 0 -600px;
	min-width: 12px;
}

.disabled.indicator_collapse {
	background-position: 0 -700px;
}

.indicator_sort_down {
	background-position: right -800px;
	padding: 0 13px 0 0;
}

.indicator_sort_up {
	background-position: right -900px;
	padding: 0 13px 0 0;
}

.indicator_menu_up {
	background-position: right -398px;
	padding: 0 13px 0 0;
}

.indicator_menu_up_left {
	background-position:left -400px;
	padding: 0 0 0 16px;
}

.indicator_dropdown {
	background-position: left -503px;
}
.sort-asc a {background: url(../images/icons/indicators_sprite.gif) no-repeat 100% -900px !important; padding: 0 13px 0 0;}
.sort-desc a {background: url(../images/icons/indicators_sprite.gif) no-repeat 100% -800px !important; padding: 0 13px 0 0;}

/* The arrows_base_sprite class should be added in addition to a specific arrow class from the ones following.
		i.e "arrows_base_sprite arrow_first"
*/

.arrows_base_sprite {
	background: url(../images/icons/arrows_sprite.png) no-repeat 0 0;
}
.arrow_first {
	background-position: -2px -13px;
	padding: 0 0 0 10px;
}
.arrow_previous {
	background-position: -2px -13px;
	padding: 0 7px 0 10px;
}
.arrow_next {
	background-position: right 3px;
	padding: 0 12px 0 0;
	margin-left:18px;
}
.arrow_last {
	background-position: right 3px;
	padding: 0 12px 0 0;
}
.arrow_first_disabled {
	background-position: -2px -46px;
	padding: 0 0 0 10px;
	color: #6c6c6c;
}
.arrow_previous_disabled {
	background-position: -2px -46px;
	padding: 0 7px 0 10px;
	color: #6c6c6c;
}
.arrow_next_disabled {
	background-position: right -29px;
	padding: 0 12px 0 0;
	margin-left:18px;
	color: #6c6c6c;
}
ul.horizontal li.pageNumbers {
	margin-right:0px;
}
.pipe {
	padding:0px 2px 0px 2px;
}

/* The formats_base_sprite class should be added in addition to a specific arrow class from the ones following.
		i.e "formats_base_sprite format_fulltext"
*/

.formats_base_sprite {
	background: url(../images/icons/formats_sprite.png) no-repeat 0 0;
	padding: 2px 0 2px 20px;
}

.format_textandgraphics {
	background-position: 0 -50px; /* -20px; */
}

.format_fulltext {
	background-position: 0 -101px; /* -41px; */
}

.format_video {
	background-position: 0 -200px; /* -80px; */
}

.format_record {
	background-position: 0 -250px; /* -100px; */
}

.format_pdf {
	background-position: 0 -150px; /* -60px; */
}

.format_zip {
	background-position: 0 -300px; /* -120px; */
}

.format_flash {
	background-position: 0 -350px; /* -140px; */
}

.format_pagemap {
	background-position: 0 0;
}

.format_paperclip {
	background-position: 0 -400px; /* -160px; */
}

.format_excel {
	background-position: 0 -450px; /* -180px; */
}

.format_rtf {
	background-position: 0 -500px; /* -200px; */
}

.format_word {
	background-position: 0 -550px; /* -220px; */
}

.format_audio {
	background-position: 0 -849px; /* -339px; */
}

.format_transcript {
	background-position: 0 -900px; /* -360px; */
}

.format_powerpoint {
	background-position: 0 -952px; /* -382px; */
}

.format_briefcitation {
	background-position: 0 -1001px; /* -401px; */
}

/* Hit highlighting */

#toggleHits {
	background-color: #f4e99d;
	float: right;
	margin-top: 10px;
}

.hit {
	background-color: #f4e99d;
	color: #000000;
	padding: 0px 2px;
	z-index:500 !important;
}

a:hover span.hit {
	text-decoration: underline;
}

/*********************************************
	Drop down / pop up menus
*********************************************/

#main_nav .dropdownMenu ul li {
	float: none !important;
	background: none;
	padding: 2px 5px;
	line-height: 16px;
	display:block;
}

.dropdownMenu {
	position: absolute;
	z-index: 100;
	display: none;
	speak:normal;
	padding-top:4px;
	margin-top:-5px;
}

.dropDownInner {
	background-color: #fff;
	border: solid 2px #046091;
	padding: 6px 9px 6px 9px;
	border-radius: 5px;
	box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.5);
}

.dropdownMenu .nextLine {
	height: 0;
	width: 0;
}

.dropdownMenu ul {
	list-style-type: none;
	font-size: 0.95em;
	float: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.dropdownMenu ul li {
	float: none !important;
	background: none;
	padding: 2px 5px;
	line-height: 16px;
	margin: 0 !important;
	white-space:nowrap;
}

.dropdownMenu ul li:last-child,		/* selector */
.dropdownMenu ul li.last-child {	/* class for IE */
	border-bottom: none;
}

.tlNav .dropdownMenu ul li.last-child {	/* class for IE */
	border-bottom: none;
}

.dropdownMenu ul li a:link, .dropdownMenu a:link span { color: #005e8f; text-decoration: none; white-space:nowrap}
.dropdownMenu ul li a:visited, .dropdownMenu a:visited span{ color: #005e8f; text-decoration: none}
.dropdownMenu ul li a:hover, .dropdownMenu a:hover span { color: #005e8f; text-decoration: underline !important;}

#myresearch_nav .dropdownMenu ul li a {font-size: 1.2em;}
#myresearch_nav .dropdownMenu ul li a:link, .dropdownMenu a:link span { color: #005e8f; text-decoration: none; white-space:nowrap}
#myresearch_nav .dropdownMenu ul li a:visited, .dropdownMenu a:visited span{ color: #005e8f; text-decoration: none}
#myresearch_nav .dropdownMenu ul li a:hover, .dropdownMenu a:hover span { color: #005e8f; text-decoration: underline !important;}

ul.float_right .dropdownMenu  li {
	margin: 0;
}

/*********************************************
	Indicators
*********************************************/

/*	Indicators
	- Add these indicators as classes to <a href> anchors
	- Icons are added as backgrounds to the anchors, with appropriate padding

	- closed_indicator/open_indicator add the right-pointing and down-pointing arrows for closed/open sections
	- help_icon is for the Help link at the top of the page
*/

.closed_indicator {
	background: url(../images/icons/blt_orange.gif) no-repeat left -18px;
	padding-left: 16px;
	height: 15px;
}

.open_indicator {
	background: url(../images/icons/blt_orange.gif) no-repeat left 4px;
	padding-left: 16px;
	height: 15px;
}


/* The bullets_sprite class should be added in addition to a specific icon class from the ones following.
		i.e "bullets_sprite chevron_single_left"
*/

.bullets_base_sprite {
	background: url(../images/icons/bullets_sprite.png) no-repeat 0 0;
	padding-right: 13px;	/* by default on the right */
}

.chevron_double_up {
	background-position: 0 -2px;
	padding-right: 0;
	padding-left: 12px;
}

.chevron_double_right {
	background-position: right -102px;
}

.chevron_double_left {
	background-position: 0 -202px;
	padding-right: 0;
	padding-left: 12px;
}

.chevron_single_right {
	background-position: right -302px;
	padding-right: 12px;
}

.chevron_single_left {
	background-position: 0 -402px;
	padding-right: 0;
	padding-left: 11px;
}

.bullet_arrow_right {
	background-position: right -500px;
	padding-right: 13px;
}

.bullet_arrow_left {
	background-position: 0 -601px;
	padding-right: 0;
	padding-left: 12px;
}

.bullet_arrow_right_disabled {
	background-position: right -700px;
	padding-right: 12px;
	color:#6c6c6c;
}

.bullet_arrow_left_disabled {
	background-position: 0 -801px;
	padding-right: 0;
	padding-left: 12px;
	color:#6c6c6c;
}

.chevron_double_left_white {
	background-position: right -902px;
	padding-left: 12px;
}

.chevron_double_right_white {
	background-position: right -1002px;
	padding-right: 12px;
}

.bullet_list_bullet {
	background-position: -2px -1203px;
	padding-right: 0;
	padding-left: 11px;
}

.bullet_transactional {
	background-position: 0 -1097px;
	padding-right: 0;
	padding-left: 13px;
}
.chevron_double_white_left {
	background-position: 0 -897px;
	padding-right:0;
	padding-left: 12px;
}
/*********************************************
	Controls
*********************************************/

#pagination_control {
	display: inline-block;
	overflow: hidden;
	background-color: #eee;
}

#pagination_control ul {
	float: left;
}

#pagination_control li {
	margin-right: 5px;
}

#pagination_control li.numerals_start {
	margin-left: 20px;
}

#pagination_control li.numerals_end {
	margin-right: 20px;
}

#pagination_control li.jump_prev {
	margin-left: 10px;
	margin-right: 0;
}

#pagination_control li.jump_next {
	margin-right: 10px;
}

#pagination_control li.jump_start,
#pagination_control li.jump_end {
	margin: 0;
}

#pagination_control .left_arrow {
	background: url(../images/icons/arrows.png) no-repeat left -15px;
	padding-left: 11px;
}

#pagination_control .right_arrow {
	background: url(../images/icons/arrows.png) no-repeat right 0;
	padding-right: 11px;
}

#pagination_control li.greyed .left_arrow {
	background: url(../images/icons/arrows.png) no-repeat left -45px;
	padding-left: 11px;
}

#pagination_control li.greyed .right_arrow {
	background: url(../images/icons/arrows.png) no-repeat right -30px;
	padding-right: 11px;
}

#pagination_control .items_per_page {
	clear: both;
	margin-top: 10px;
	float: right;
}


/*********************************************
	Logos
*********************************************/

.page_header_logo {
	padding: 20px 0;
}

/*********************************************
	MLAIB Icon
*********************************************/
.mlaib_icon{background: url(../images/icons/icon-mlaib.gif) no-repeat left 4px; padding-left:40px;margin-left:10px;}

/*********************************************
	Film Icons
*********************************************/
.afi_icon{background: url(../images/icons/icon-afi.gif) no-repeat left 4px; padding-left:40px;margin-left:10px;}
.fii_icon{background: url(../images/icons/icon-fii.gif) no-repeat left 4px; padding-left:40px;margin-left:10px;}
.fiaf_icon{background: url(../images/icons/icon-fiaf.gif) no-repeat left 4px; padding-left:40px;margin-left:10px;}


/*********************************************
	Button styles
*********************************************/
/* Cancel Link - if a lightview layer has a cancel link it should be a normal link with the following span & class */
.cancelLink {
	line-height:20px;
	padding-left:10px;
}

/*********************************************
	Switches
*********************************************/

.clear {
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.float_none {
	float: none !important;
}


/*********************************************
	Accessibilty styles
*********************************************/

#skip a {
	height:1px;
	top:0px;
	overflow:hidden;
	position:absolute;
	left:-5000px;
	width:1px;
}
#skip a:active, #skip a:focus {
	background-color:#0033CC;
	border:1px solid #333;
	color:#FFFFFF;
	font-weight:bold;
	height:auto;
	left:5px;
	overflow:visible;
	padding:5px;
	position:absolute;
	top:5px;
	width:auto;
	z-index:1;
}
.hiddenText, .hiddenTextSearch {
	height:1px;
	left:-5000px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:1px;
	display:block;
}
.hiddenTextSearch {
	left:0px;
}
.shortText  i{
	height:1px;
	top:-9999px;
	overflow:hidden;
	position:absolute;
	left:0;
	width:1px;
	display:block;
}
#hitSwitch a {
	height:1px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:-500px;
	width:1px;
}
#hitSwitch a:active, #hitSwitch a:focus {
	background-color:#0033CC;
	border:1px solid #333;
	color:#FFFFFF;
	font-weight:bold;
	height:auto;
	left:5px;
	overflow:visible;
	padding:5px;
	position:absolute;
	top:5px;
	width:auto;
	z-index:1;
}
.imgExternalLink .icons_base_sprite{
	background-image:none;
}
#start:focus, #skiptoresults:focus, #skipSmartSearch:focus { 
	outline: none; 
}

/* Back to top global styling */
#top-link-block {
    bottom: 30px;
    position: fixed;
    right: 20px;
    z-index: 999;
    cursor:pointer;
}
#top-link-block .well {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
    color: #9f9f9f;
    padding: 13px 11px 11px;
}
#top-link-block .well:hover {
    background: #e9e9e9 none repeat scroll 0 0;
    border: 1px solid #c4c4c4;
    color: #8b8b8b;
}
#top-link-block i {
    display: inline-block;
    font-size: 20px;
}


/*********************************************
	Header styles - logo etc
*********************************************/
#logo{/* padding:15px 0 0 0; */} /* Logo should always appear in the same place - the only exception is the basic search page */
.logoImage{float:left;padding-right:10px}
#logoBasic{padding:29px 0 17px 0;} /* helpLogo and Subject vertical pages needs a little more padding */

#content-wrapper{clear:both;padding-top:22px;} /* Content should start immediately after this div with a <h1> or what ever */
.results-wrapper{padding-top:26px;}
.results-wrapper #content-wrapper{clear:none !important;} /* Results page has a different layout as the search box is next to the logo*/
.results-wrapper .logoImage {margin-top: 16px;}

/* Subject vertical/Product page header styles */
#sitePageHeader .logoImage{border-right:1px solid #D8D8D8; height:53px;}
.siteNameShort, .siteNameLong{color:#D18104;padding-left:10px;padding-right:10px;width:auto; display:inline;width:668px;}
.siteNameShort {font-size:2.6em;line-height:0.80em;}
.siteNameLong {font-size:1.25em;line-height:1.1em;}
#logo #main-nav{padding:5px 0 0 12px;}
.siteNameWrapper{padding-top:7px;}
#logoBasic .siteNameWrapper{padding-bottom:7px;} /*DF fix for decenders in IE7/IE8comp being chopped off */

.siteNameShort a, .siteNameLong a, .siteNameShort a:hover, .siteNameLong a:hover{color:#D18104;text-decoration:none !important;}/* Headers don't need link styling */


/***********************************
You are searching
************************************/
.searchingDB {
	color:#fff;
	padding-top:3px;
	float:left;
	margin-left:-6px;
	margin-top: 5px;
	margin-bottom: 1px;
}
.searchingDB span.searching {
	padding-right:3px;
}
.searchingDB ul {
	margin-top:-1px;
}
.searchingDB ul li {
	margin-right:5px;
}
.searchingDB li.pipe.white {
	padding-left:6px;
}
.searchingDB a, .searchingDB a:hover {
	color:#fff;
	text-decoration: underline;
}
.searchingDBhome {
	padding-top:16px;
	margin-top:-3px;
}


input.t-error, textarea.t-error, select.t-error {
	color:#C00;
	border:2px solid #59799A;
	font-style:normal;
	background-color:#FF9;
	float:left;
}
input.t-error {height:18px;}

img.t-error-icon {
	margin-right:2px;
	margin-left:-1px;
}
span.t-error {font-size: 0.915em;}
.t-error {
	line-height: 1.365;
	float:left;
}
div.t-error {
	margin: 0px 4px 0px 4px;
}
html > body div.t-error li {/* to override default.css specificity - Val */
	margin-left:5px;
	font-size: 0.915em;
}
div.t-error div {
	font-size: 0.915em;
}

/* ****** #1794 Spinner's styles start here ----- Ali Khan ---- *** */

.up_arrow {font-size: 0.6em; margin:1px 0 0 -19px; padding:2px 2px 2px 2px; float:left;	border: 1px solid #999;	text-align:center;	/* padding:0px; */}
#spinnerValue {float:left; height:13px; width:40px; padding-bottom:2px;}
.down_arrow {font-size: 0.6em; border: 1px solid #999; float:left; margin:15px 0 0 -19px; padding:0px 2px 2px 2px; text-align:center;}

/* Spinner's styles end here */

/* #NP2-1672 Updated input fields style  ------ Ali Khan ------ */

#show_hitHilitght_alertZonesearchalert {float:left;}
.margin_left {margin-left:140px;}

/* #NP2-2400 Updated login page --- Vot Zardzewialy @ 5 Jan 11 */


/* POSITION RELATIVE (several bugs, class missing) --- Vot Zardzewialy @ 10 Jan 11 */

.position_rel { position: relative !important; }


#changeLanguageDropDown {margin-left: -86px; width: 175px; font-size: 1.1em; z-index:100;}
#changeLanguageDropDown ul li {font-size: 1em; padding: 2px 2px;}

.t-zone { background: none !important; }
.loadingGif{background:url(../images/pagelayout/loading.gif) no-repeat 50% 50%;height:67px;width:100%;text-align:center;padding:20px 0px}
.loadingGifWbg{background:url(../images/pagelayout/loading_wbg.gif) no-repeat 50% 50%;height:67px;width:100%;text-align:center;padding:20px 0px}
.downloadingText{width:400px;float:left}
.printDocHeading h1 {color:#000000;}
.refWorksLogo { width:81px; height:42px; }

/* CSS3 panel classes - to be added properly soon... */

.toolbar_panel { -moz-border-radius: 6px !important; border-radius: 6px !important; }


.login_panel { border-radius: 5px; padding: 10px !important; box-shadow: 3px 4px 7px -1px #ddd !important; }
.login_panel_inner { border-radius: 5px !important; }


.basicsearch_textpanel { margin-top: 28px; }

.dropDownInner { border-radius: 5px !important; box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.5) !important; }

.pinkienails_panel { border-radius: 5px !important; }

#search_panel.mrSignIn { width: 470px !important }

.status_change_panel { border-radius: 5px; }
.section_content {margin-left: 30px;}

/** Banner styles **/
#bannerDiv {background-color:#fff; position:relative; border:2px solid #f29625; padding:8px 28px 8px 8px; color:#000000; margin-bottom:-1px }
#bannerDiv ul{margin-top:0px;}
#bannerDiv #closeBanner{position:absolute; top: 10px; right: 12px;}

#checkBoxTreeZone {padding: 0 0 0 10px;}

.databaseImageBlock{
	margin-bottom:10px;
}
/*This clears the search tip link in the BasicSearchBoxUX.tml. This link may be removed hence the quick class*/ 
.small .popUpHelp{
	clear:left;
	float:left;
}

#savedSearchExpirationMessageMyResearchLink {
	display: inline-block;
}

#savedSearchExpirationMessageMyResearchLink #saveSearchLink {
	padding-left: 0px;
}

#savedSearchExpirationMessageMyResearchLink .icons_base_sprite {
  background: none;
}


#institution-layer {
	height: 350px;
    min-height: 100px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
    margin-left: 0;
    border: 1px solid #ccc;
    padding: 10px 20px 10px 10px;
    margin-bottom: 15px
}

.header-logo {
	
    background-color : transparent;
    /*background-image: url('http://ux.proquest.com/dist/dist/images/pq-logo.svg');*/
    background-image: url('../../poc/resources/styles/proquest-uikit-1.0.0/src/uxframework/images/pq-logo.svg');
    background-repeat: no-repeat;
    background-attachment : scroll;
	 background-size: 53px 11px; 
	
  height: 11px;
  width: 53px; 
  position: absolute;
  top: 15px;
  left: 12px;
  display: inline-block;
	
}