@CHARSET "UTF-8";

*{padding: 0; margin: 0;}

body {
	font-family: Trebuchet MS, sans-serif;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #ecf2df;
}

div {
	margin: 0;
}

p, dl, ol, ul, blockquote {
	font-family: Georgia, Times, serif;
	font-size: 95%;
	line-height: 140%;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
}

ul,ol {
	margin-left: 1em;
}

li {
	padding: 0 0 0.2em 1em;
}

#content ol {
	list-style-position: outside;
	padding-left: 2em;
}

ul.expanded li, ol.expanded li {
	padding: 0.3em 0 0.3em 1em;
}

table li {
	padding: 0 0 0 1em;
}

div.reference, div.footnote {
	padding-left: 3em;
	text-indent: -3em;
	font-family: Georgia, Times, serif;
}

dt {
	clear: left;
	float: left;
	font-weight: bold;
	font-style: normal;
	font-family: Georgia, Times, serif;
}

dd {
	margin-left: 10em;
	margin-bottom: 0.5em;
}
/*
p.fin {
	margin: 0;
	font-size: 0;
}
*/

h1 {
	font-size: 150%;
	text-align: right;	
	margin-top: 0;
	padding-left: 30%;
	padding-top: 0.4em;
}

h1.author {
	font-size: 110%;
	text-align: right;
	font-style: italic;	
	font-weight: lighter;
	margin-top: 0;
	padding-top: 0.5em;	
}
h1.subtitle {
	font-size: 130%;
	text-align: right;
	font-style: normal;	
	font-weight: lighter;
	margin-top: 0;
	padding-top: 0.5em;
	color: #324b00;	
}

h2 {
	font-size: 120%;
	text-align: left;	
	margin-top: 0;
	padding-top: 0.8em;	
}

h2 span.theme, h1 span.theme {
	font-style: italic;
	}

h3 {
	font-size: 95%;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-style: italic;
	text-align: left;	
	margin-top: 0;
	padding-top: 0.8em;
	padding-bottom: 0;	
}

h4 {
	font-family: Georgia, Times, serif;
	font-size: 95%;
	font-weight: bold;
	text-align: left;	
	margin-top: 0;
	padding-top: 0.8em;
	padding-bottom: 0;	
}

h1 a, h2 a {
	text-decoration: none;
}

blockquote {
	margin-left: 1em;
	padding-left: 1em;
	margin-right: 1em;
	padding-right: 1em;
	background-color:  #ecf2df;	
}

a:link,a:visited {
	color:  #324b00;
}

a:hover {
	color: black;
	text-decoration: underline;
}

img {
	border: none;
}

	
.abstract {
	color:  #324b00;
	font-weight: normal;
	font-style: italic;
}

.abstract p, .abstract ul {
	padding-left: 3em;
}

table.greentable {
	border:  2pt solid #ecf2df;
	border-collapse:collapse;
}

table.greentable td, table.greentable th {
	padding: 0 1em 0 1em;
	font-size: 80%;
	border: 2pt solid #ecf2df;	
}

table.greentable th {
	background-color: #ecf2df;
	font-weight: bold;
}

table.greentable .dark {
	background-color: #bad286;
}
table.greentable .medium {
	background-color: #ecf2df;
}

#TB_ajaxContent {
	font-size: 130%;
}

#TB_ajaxContent .caption {
	display: none;
}


.inlinefigure {
	display: none;
}

a.inlinefigure {
	display: none;
}


/*
	div.figure: - optimise for printing;
	div.thumbnail: - keep at pixel size
*/

div.figure, div.thumbnail {
	display: block;
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


span.caption {
	display: block;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-size: 75%;
	margin: 0;
	padding: 0;
	padding-bottom: 0.2em;
	color: #324b00;
}

.columns span.caption, threecolumns span.caption {
	padding-right: 1em;
}

th.caption {
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-size: 90%;
	margin: 0;
	padding: 0;
	padding-bottom: 0.2em;
	vertical-align:baseline;
}

table.figure img {
	width: 90%; height: auto;
}


div.edbanner {
	margin-right: 0.55em;
}

.figure a, .thumbnail a {
	/*font-size: 75%;*/
	padding-top: 2px;
	color: #324b00;
	text-decoration: none;
}

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

.magnify, .download, .extlink {
	display: block;
	font-size: 75%;
	font-family: Georgia, Times, serif;
	background-image: url("ed_img/magnifier.png");
	background-position: center left;
	background-repeat: no-repeat;
	margin: 2px 0 4px 0;
	padding: 0 0 0 14px;
}


a:hover span.magnify,a:hover span.download,a:hover span.extlink {
	text-decoration:underline;
}

.download {
	background-image: url("ed_img/doc_white.png");

}

div.textandthumbnail,div.textandpopupthumbnail {
	position: relative;
	width: 100%;
	overflow: hidden;	
}

div.textandthumbnail div.thumbnail,div.textandpopupthumbnail div.thumbnail {
	width: 200px;
	float: right;
	clear: right;
	margin-left: 10px;
}

div.textandthumbnail div.text, div.textandpopupthumbnail div.text {
	margin-right: 210px;
}

table.figure, table.thumbnail {
	width: 100%;
}

table.figure th, table.thumbnail th {
	text-align:left;
}

table.figure td, table.thumbnail td  {
	vertical-align: top;
}

table.thumbnail td p {
	padding-right: 0.5em;
}

div.textandfigure {
	width: 100%;
	overflow: hidden;
}

div.textandfigure div.figure {
	width: 50%;
	clear: right;
	float: right;
	margin-left: 1em;
}
div.textandfigure div.figure img {
	width: 100%;
	height: auto;
}

div.columns {
	width: 100%;
	overflow: hidden; 
}

div.columns div.figure, div.columns div.thumbnail {
	display: block;
	float: left;
	width: 50%;
}


div.threecolumns {
	width: 100%;
	overflow: hidden; 
}

div.threecolumns div.figure, div.threecolumns div.thumbnail {
	display: block;
	float: left;
	width: 33%;
}

div.centered {
	text-align:center;
}

div.centered div.figure {
	display: block;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;ß
}

div.centered div.figure img {
	width: 98%;
	height: auto;
}


div.columns div.figure img {
	width: 98%;
	height: auto;
}

div.threecolumns div.figure img {
	width: 98%;
	height: auto;
}

/* Div.footnote - not used 
div.footnote {
	font-size: 80%;
	color:  #324b00;
	border-top: 0.5pt solid #324b00;
	margin-left: 2em;
}

div.footnote p {
	padding 0;
}
*/

.edbanner img.edlogo {
	display: none;
	padding: 0.3em 0 0 0.5em;
}

.edbanner h1 {
	font-variant: small-caps;
	letter-spacing: 0.3em;
	color: black;
	margin: 0;
	padding: 0.1em 0 0 0;
	text-align: right;
	width: auto;
}

.edgreen {
	color: #324b00;
}

.edbanner h2 {
	font-size: 100%;
	font-variant: small-caps;
	font-weight: lighter;
	text-align: right;
	margin: 0;
	padding: 0.1em 0.45em 0 0;
		
}


#wrapper {
	width: 95%;
	margin: 0;
	padding-bottom: 3em;
	position: relative;
}

#header {
	position: relative;
	background-color:  #ecf2df;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-left: 13em;	
}

#header .copyright {
	display: none;
}

#navbar {
	background-color: #324b00;
	color: white;
	text-align: right;
	margin-bottom: 0px;
	margin-left: 13em;
	padding: 1px 1em 1px 0;
}

#endbar {
	background-color: #324b00;
	color: white;
	text-align: right;
	padding-right: 1em;
	margin-bottom: 0px;
	margin-left: 13em;
	padding-bottom: 1px;
	padding-top: 1px;
}

#endbar .copyright {
	float: left;
	font-size: 70%;
	padding-left: 1em;
}

#endbar div.options {
	display: block;
	font-size: 70%;
	padding: 2px 0 1px 0;
}



#navbar div.bookmarks {
	display: block;
	font-size: 70%;
}

#navbar div.options {
	display: block;
	float: left;
	font-size: 70%;
	padding: 0;
	margin: 0;
}

#navbar .onbutton, #navbar .offbutton,  #navbar .button, #navbar .dlbutton {
	border-right: 1pt solid #ecf2df;
} 

#endbar .onbutton, #endbar .offbutton,  #endbar .button,  #endbar .dlbutton {
	border-left: 1pt solid #ecf2df;
} 

.dlbutton {
	background-image: url("ed_img/doc.png");
	background-repeat: no-repeat;
	background-position: 8px center;
	padding-left: 22px;
	padding-right: 4px;
}

div.options .button {
	padding-left: 1em;
	padding-right: 1em;	
	color: #ecf2df;
}
	
div.options .offbutton {
	background-image: url("ed_img/tick.png");
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 20px;
	padding-right: 1em;	
	color: #ecf2df;
}

div.options .onbutton {
	background-image: url("ed_img/notick.png");
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 20px;
	padding-right: 1em;	
	color: #ecf2df;
}
span.notickbox {
	display: none;
}

#navbar div.bookmarks a {
	font-size: 95%;
	border-left: 1pt solid #ecf2df;
	padding-left: 0.5em;
	/*background-image: url("img/navbar_sep.png");
	background-repeat: no-repeat;
	background-position: left center;*/
}

#navbar a:link, #navbar a:visited,#endbar a:link, #endbar a:visited {
	color: white;
	text-decoration: none;	
}

#navbar a:hover,#endbar a:hover {
	color: white;
	text-decoration: underline;	
}


#sidebar {
	width: 13em;
	background-color: #ecf2df;
	/* float: left; on IE */
	
	padding-bottom: 1em;
	border-bottom: solid 1pt #ecf2df;

	
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	overflow: auto;
	

}


#sidebar h2 {
	font-size: 100%;
	padding-left: 0.6em;
	color: #324b00;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#sidebar h3 {
	font-size: 80%;
	padding-left: 0.6em;
	color: #324b00;
}
#sidebar p {
	font-size: 100%;
	padding-left: 0.6em;
	color: #324b00;
	font-size: 80%;	
}

	
#sidebar div.article, #sidebar div.issue   {
	padding: 0 0 0 0;
	margin: 0.5em 0.4em 1.0em 0;
}
#sidebar div.issue   {
	clear: left;
}

#sidebar div.article {
	background-image: url("ed_img/indexarrow.png");
	background-repeat: no-repeat;
	background-position: 0.4em 0.1em;
}

#sidebar div.issue {
	background-image: url("ed_img/book_closed.png");
	background-repeat: no-repeat;
	background-position: 0.4em 0.1em;
}
#sidebar div.issue a {
	font-style:italic;
	font-weight:normal;
}

#sidebar div.current div.issue {
	background-image: url("ed_img/book_open.png");
}
#sidebar div.current div.article {
    background-image: url("ed_img/indexarrow_on_down.png");
}
	
#sidebar div.toplevel div.article {
    background-image: url("ed_img/indexarrow.png");
    margin: 0.5em 0.4em 0em 0;
}
#sidebar div.toplevel div.current div.article {
    background-image: url("ed_img/indexarrow_on_down.png");
}

#sidebar ul {
	padding: 0;
	margin: 0 0 0 2.5em;
	list-style-position: outside;
	list-style-type: square;
	text-indent: 0;
	color: #324b00;
}

#sidebar  li {
	padding-left: 0;
	margin: 0;
	font-size: 90%;
	line-height: 110%;
	padding-bottom: 3px;
}

#sidebar  ul a {
	display: inline;
	padding: 0;
	margin: 0;
	font-style: normal;
}

#sidebar  a {
	font-style: italic;
	font-size: 90%;
	padding-left: 2.5em;
	display: block;
	color: #324b00;
}

#sidebar  a:link, #sidebar a:visited {
	text-decoration: none;	
}
#sidebar  a:hover, #sidebar a:active {
	text-decoration: underline;	
}

#sidebar .article h2, #sidebar .issue h2 {
	padding-left: 2em;
}

#sidebar .author, #sidebar .subtitle {
	font-family: Trebuchet MS, sans-serif;
	font-size: 80%;
	color: black;
	text-align: right;
	padding-right: 0.5em;
	padding-left: 4em;
}

#sidebar .edbanner {
	position: relative;
	background-image: url("ed_img/edlogo.png");
	background-position: center left;
	background-repeat: no-repeat;		
/*	top: 0.5em;
	left: 0.5em;
*/	height: 50px;
	padding-left: 50px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}

#sidebar .edbanner h1 {
	text-align: left;
	font-size: 90%;
}

#sidebar .edbanner h2 {
	color: black;
	text-align: left;
	margin: 0;
	padding: 0 0 0 0.4em;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#content {
	background-color: white;
	margin-top: 0px;	
	margin-left: 13em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	border: 1pt solid #324b00;
}

#content.nobg {
	background-color: #ecf2df;
	border: none;
	padding: 1em 1em 1em 1em;
	text-align: center;
}

#content h2 {
	padding-top: 1.5em;
}


#footer {
	display: none;
	margin: 0;
	margin-left: 13em;
	padding: 0.4em 0 0 0;
	clear: both;

	font-family: Trebuchet MS, sans-serif;
	font-size: 80%;
	text-align: center;	
}	

.fudgemargin {
	margin:0;
}	


div.page {
	clear: both;
}


div.refpopup {
	display: none;
}

#TB_ajaxContent p.reference, #TB_ajaxContent p.footnote {
	padding-left: 3em;
	
}

div.pagebreak {
display: none;
}

div.addresstrio {
	margin-top: 1em;
	margin-bottom: 0.5em;
	width: 100%;
	overflow: hidden;
}
	
div.addresstrio p {
	font-family: Trebuchet MS, sans-serif;
	font-size: 80%;
	margin-top: 0; margin-bottom: 0;
	padding-top: 0; padding-bottom: 0;
}

div.addresstrio_1 {
	text-align:center;
}

div.addresstrio_2 {
	text-align:left;
	float: left;
}

div.addresstrio_3 {
	text-align:right;
	float: right;
}

div.mugshot {
	display: block;
	overflow: hidden;
	width: 100%;
}
div.mugshot img {
	padding: 0 1em 0 0;
	float: left;
}

div.page {

	}
	
#TB_ajaxContent .inlinefigure {
	display: block;
}

div.mycitation {
	font-size: 70%;
	text-align: right;
	margin-left: 10em;
	margin-top: 0.2em;
}
.textandthumbnail div.mycitation, .textandpopupthumbnail div.mycitation,   {
text-align: left;
margin-left: 0;
}

div.mycitation a {
	color: black;
	text-decoration: none;
}
div.mycitation a:hover {
	text-decoration: underline;
}

/* New for ED2 */
div.dialogue {
	margin-left: 1em;
	padding-left: 1em;
	margin-right: 1em;
	padding-right: 1em;
	background-color:  #ecf2df;	
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

div.dialogue span.question {
	display: block;
	width: 70%;
}
div.dialogue span.answer {
	display: block;
	text-align: right;
	font-style:italic;
}

div.leftimage {
	width: 100%;	
	overflow: auto;
	position: relative;
}

div.leftimage img.left {
	float: left;
	clear: left;
	margin-right: 1em;
}

ol.roman {
	list-style-position: outside;
	list-style-type: lower-roman;
	padding-left: 2em;
}
ol.roman li {
	
}

ol.questions {
	list-style-type: lower-alpha;
	list-style-position: outside;
	padding-left: 2em;	
}

div.script p, div.script li {
	font-family: comic sans ms, sans-serif;
	font-size: 10pt;
}

.textbox {
	border: thin black solid;
	padding: 1.5em;
}

.box {
	border: 2pt solid #ecf2df;
	padding: 1em;
	overflow: auto;
	margin-bottom: 1em;
	}

.blackbox {
	border: 0.5pt black solid;
}
	
dt,dd {
	margin-top: 0.5em;
	}
dt {
	font-weight: normal;
	font-style:italic;
	}
	
span.footnote {
position: relative;
	font-size: 70%;
	text-decoration: none;
	padding-left: 0.2em;
	padding-right: 0.2em;
	vertical-align: top;
	font-weight: bold;
	top: -0.2em;
}

/* Show/hide popups */

.nopopups {
	display: none;
}

.popups {
	display: block;
}

div.textandpopupthumbnail div.thumbnail {
	display: block;
}

.screenonly {
	display: block;
}
.printonly {
	display: none;
}

/* New for ED3 */
div.taskbox {
	border: thin black solid;
	padding: 0.5em;
	overflow: auto;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
		margin-top: 1em;
}

div.taskbox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align:center;
	margin-top: 0; padding-top: 0;
}

div.taskbox p {
	font-family: Arial, Helvetica, sans-serif;
}
div.taskbox blockquote {
	background-color: white;
}