html, body, ol, ul, li, dl, dt, dd, img {margin: 0;
padding: 0;
border: 0;
}

body {font-family: Verdana, Arial, sans-serif;}

#sizer {
margin: 0 auto;
/* centers #sizer in standard browsers */
  padding: 0;
width: 60%;
/* this value controls liquidity;
0% = full rigid, 100% = full liquid */
  text-align: left;
/* resets the default text alignment for the page */
  max-width: 300px;}

#expander {/* Any % height here causes IE to lose the neg right margin */
	margin: 0 -390px;
/* neg side margin values should be < or = to side body padding */
	min-width: 750px;
/* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative;
/* makes #expander visible outside #sizer in IEwin */}

/*\*/
* html #expander {height: 0;}

/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */

#wrapper1 {
	position: relative;
	top:200px;
  /* set global font-size here */
	font-size: small;
	border: 3px solid #da5;
	border-width: 0px 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	letter-spacing: normal
	}

/* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 {position: relative;
/* extra insurance against bugs in IEwin */}

/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */

.outer {/*  border-left: 2px solid #da5;
/*** Critical left divider dimension value ***/
/*  border-right: 2px solid #da5;
/*** Critical right divider dimension value ***/
  margin-left: 150px;
/*** Critical left col width value ***/
  margin-right: 150px;
/*** Critical right col width value ***/}

.float-wrap {float: left;
width: 100%;}

.mid-section {

float: right;
width: 100%;}

#dropdown .button{padding:0 0.5em;}

.left,
.right{background-color:transparent;position: absolute;top:0;width:150px;font-size:0.9em;}

.left {left:-135px;text-align:right;}

.right {right:-135px;text-align:left;}

.content {overflow: visible;width: 100%;}

.leftpane {

	font-size: 11px;
	text-align: right;
/*	padding-bottom: 80px;*/
	line-height: normal;
	}

.rightpane {
	font-size: 11px;
	text-align:left;
/*	padding-bottom: 80px; */
	line-height: normal;
	}



/*************** Elements taken from articles.css - NLR elements.*****************/
/*temporarily taken out*/





/*************** Header and Footer elements *****************/

.top-section {width: 100%;

}

/*\*/

* html .header {background-position: 10px 3px;}

/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.header span {color: #373;}

/************** Spacing Controls for various column contents ***************/

.outer ul {text-align: center;
margin: 10px 0;}

.textpadder {
padding: 10px;}

/************** Generic Rules *************/

/************** Fancy Nav Buttons *************/

/************** Special Fixes *************/

.outer {word-wrap: break-word;}

/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;}

/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/

* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a {height: 1%;}

/* Holly hack */

/*** Variance fixes for IEwin ***/

/*\*/

* html .outer p {margin-right: -6px;}

/* */

/**************** Utility Rules *******************/

/*\*/

/*/

.sidenav a:hover {position: relative;}

/* this fixes an IEmac hover bug in the left column, hidden from other browsers */

.brclear {/* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0; }

.hide {display: none;}

/*end of piefecta css (with alterations)*/

/**************** Items to move to typography css *******************/

/*taken from http://psacake.com/web/jl.asp*/

a.info {position:relative;
/*this is the key*/
    z-index:24;
background-color:#ccc;
color:#000;
text-decoration:none}

a.info:hover {z-index:25;
background-color:#F4D7A8}

a.info span {display: none}

/*we have different classes depending on whether the popup appears in the left or right pane
in order to offset the popup in the appropriate direction. the HTML is the same*/




h4#publisher {margin: 0;
text-align: center}

h4.center {margin: 0;
text-align: center}

a {cursor: pointer;
text-decoration: none}

a img {border: none}

.image {display: block;
text-align: center;
margin-top: 2em;
margin-bottom: 2em;}


.blueimage {color: #000000;
background-color: #E2E7EF;
background-image: url('/assets/images/NLR6letters.gif')
	}

.button {font-family: Verdana, Arial, sans-serif;
font-size: small;
background-color: transparent;
margin: 0;}

.dropdown {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	margin: 0;}

.searchbutton {font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 14px;
background-color: transparent;
margin: 0;
width: 70px}

.searchtext {font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 14px;
background-color: transparent;
margin: 0;
width: 130px}

.caption {text-align: center}

.typesizebutton {font-size: 10px;
line-height: 12px;
background-color: transparent;
margin: 0;
width: 52px}

#articlelogolist {text-align: center;
margin:1.5em 0 2.5em 0;
padding: 0}

.articlelogoitem {font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 12px;
display:inline;
margin: 10px}

.artbody {}



.firstparagraph {margin-top: 2em}

/* backgroundcolours-official.css */

.red {color: #000000;
background-color: #FEE5EA}

.orange {color: #000000;
background-color: #FFECD5}

.yellow {color: #000000;
background-color: #FFFFBF}

.green {color: #000000;
background-color: #C9E7BF}

.blue {color: #000000;
background-color: #E3ECF4}

.indigo {color: #000000;
background-color: #E1E6EB}

.turquoise {color: #000000;
background-color: #D3EDDB}

.pink {color: #000000;
background-color: #F8E7F3}

.brown {color: #000000;
background-color: #E8D9B8}

.purple {color: #000000;
background-color: #F0F0FF}

.white {color: #000000;
background-color: #FFFFFF}

.black {color: #000000;
background-color: #DDDDDD}

#footnotes { margin-top: 3em; padding-top: 2em; border-style: groove; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }
/* #footer { margin-top: 3em; padding-top: 2em; border-style: groove; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px } */
#footer { margin-top: 3em; padding-top: 2em; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }
#footer p { font-weight: bold; text-align: center }


p              { text-align: justify }
p.center { text-align: center }
address,
blockquote, 
body, dd, div, 
dl, dt, 
fieldset, form,
frame, frameset,
h1, h2, h3, h4, 
h5, h6, iframe, 
noframes, 
object, ol, p, 
ul, applet, 
center, dir, 
hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table; font-size: 1em; text-align: left;
		  font-family: Verdana, Arial, sans-serif;
		  font-size: small;
		}
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
h1, h2, h3      { font-family: Georgia, "Times New Roman", Times, serif; 
                  text-align: center; line-height: 1.5em; font-weight: bold }
h1.logo{text-align:left;}
/* h1              { font-size: 200%; margin: 1em 0; text-transform: uppercase } */
h1              { font-size: 200%; margin-top: 0; margin-bottom: 1em; text-transform: uppercase }
h2              { font-size: 140%; margin: 1em 0 1.5em 0; text-transform: uppercase  }
h3              { font-size: 140%; margin: 2em 0 1em 0; text-transform: uppercase }
h4              { font-size: 125%; margin: 1em 0; font-weight: bold }
p,
blockquote,
fieldset,
dl, dir,
menu            { margin: 1em 0; }
ol p            { margin-top: 0.5em; margin-bottom: 0.5em }
ul p            { margin-top: 0.5em; margin-bottom: 0.5em }
h5              { font-size: 100%}
h6              { font-size: 100%}
b, strong       { font-weight: bolder }
blockquote p     { font-size: 85%; margin-left: 5%; width: 90%; line-height: 1.5em; text-align: justify;}
blockquote blockquote p { margin-left: 10%; width: 80%; text-align: justify; }
i, cite, em,
var, address    { font-style: italic }
em em           { font-style: normal }
pre, tt, code,
kbd, samp       { font-family: Verdana, Arial, sans-serif; }
pre             { white-space: pre }
big             { font-size: 120% }
sub, sup        { font-size: 70% }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }

/*something in this mass of ol and ul is shifting the nav menu over to the side slightly*/

ol, ul          { list-style-position: outside; margin-top: 1em; margin-bottom: 1em; margin-left: 5%; padding-right: 1%; padding-left: 1%; }
ul#main_navigation, ul.subnav, #top_links ul{margin:0;padding:0;}
ol              { list-style-type: decimal }
ul              { list-style-type: disc }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0; }
u, ins          { text-decoration: underline }


.caption { text-align: center }
.typesizebutton { font-size: 10px; line-height: 12px; background-color: transparent; margin: 0; width: 52px }
.articlelogolist { text-align: center; margin: 0; padding: 0 }
.articlelogoitem { font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 12px; display:inline; margin: 10px }

.firstparagraph { margin-top: 2em }
.abstract {  width: 90%; margin-left: 5%; color: #990000; line-height: 1.3em; background-color: transparent; text-align: justify;}
.abstractsearch {  line-height: 1.3em; background-color: transparent; text-align: justify;}
.author {  font-weight: bold; font-size: 120%; text-transform: uppercase; margin-top: 2em }
.numberedlist { text-align: justify; }
.footnote { font-size: 85%; margin-left: 5%; width: 90%; line-height: 1.5em }
.smallcaps { text-transform: uppercase; }
.subscript {vertical-align: sub;}
.centeritalic {text-align: right; font-weight: normal;}

.paneheading { font-weight: bold; }
.question {  font-style: italic; }
.question .artquestionhi { font-style:normal; }

.order_by_relevance {
      font-size:.8em;
      color:#444444;
}
.order_by_relevance input {
      vertical-align:middle;
}
.relevance_dropdown {
      font-size:small;
}

a img { border: none }

/* background images */
.letters32 {
	background-image: url('/assets/images/NLR32letters.gif');
	}

.basictable {
	border-style: solid;
	background-color: transparent;
	border-color: #CCCCCC;
	border-width: 1px;
	}

.images {
	margin-left: 0.2%;
	margin-right: 0.2%;
	}

.abstractsearch {
	font-size: 85%;
	}

.logindiv {
			text-align: center;
		}

.loginbox {
			text-align: center;
			font-family: Verdana, Arial, sans-serif; 
			padding: 5px;
			border-style: none;
			background-color: transparent;
		}

.loginboxborder {
			border-style: ridge;
			text-align: center;
			border-color: #FFFFFF;
			border-width: 1px;
		}

.loginboxleft {
			font-family: Verdana, Arial, sans-serif; 
			margin: 0px;
			font-size: 12px;
			line-height: 15px;
			padding: 5px;
			text-align: left;
		}

.loginboxright {
			font-family: Verdana, Arial, sans-serif; 
			margin: 0px;
			font-size: 12px;
			line-height: 15px;
			text-align: right;
		}

.loginboxcenter {
			font-family: Verdana, Arial, sans-serif; 
			margin: 0px;
			font-size: 12px;
			line-height: 15px;
			text-align: center;
		}

.searchform {
	width: 80%;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	}

.searchselect {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	}

#years_from_to select {width:5em;float:none;}

.formbox {
	width: 230px;
	font-size: small;
	}

.linksleft {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	text-align: right;
	}

.linksright {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	text-align: left;
	}

.notice {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: normal;
	}

#overDiv table{border:1px solid black;}
#overDiv td font{padding:.5em;display:block;}

/* Web User Survey page */
.rankings li {list-style:none;padding:2em 0;border:1px solid gray;margin:1em 0;padding:1em 0 1em 1em;width:100%;padding:1em;position:relative;font-size:11px;}
.rankings .feature {text-align:left;font-weight:bold;}
.rankings .form_elements {top:35%;float:left;clear:left;}
.rankings .form_elements span {vertical-align:top;}
.comment_toggler {left:2.7em;position:relative;border-bottom:1px dashed;color:#666666;font-size:10px;cursor:pointer;}
li .comment_toggler {float:left;}
.comment_toggler:hover {color:black;}
.togglable_comment {left:2.7em;position:relative;}
li .togglable_comment {clear:left;padding:1em;position:inherit;text-align:left;}
.clearer {clear:both;}
#submit {margin:2em 0;}

/* Author index */
#author_index li {list-style:none;}
#alphabetic_buttons li {display:block;width:2em;font-size:2em;float:left;margin:1em 0;}
.letter {clear:both;}

#basket #add_back_issues {border:solid 1px #ccc;padding:0 1em 1em;margin-bottom:1em;}
#basket #add_back_issues select {float:none;}
#basket #add_back_issues input[name='quantity'] {width:3em;float:none;}
#basket #add_back_issues input[type='submit'] {margin:0;}

#basket #login_or_create_account form {display:inline;}
#change_details {width:61%;margin:0 auto;}
#change_details input[type='submit'] {float:left;clear:left;}