/* == Colour scheme information
	Background: #ffff99
	red: #ff0033
	blue: #0033cc
	light yellow: #ffffaa
	dark yellow: #eeee33	
  === Layering scheme
	0: background
	10: mainBody div
		50: footnote references
	100: feature/block
		(500: illustration)
	1000: menu top
		1001: menu left
		1021ff: balloon
	2000: footnote hover

 ============================ */

/* == Default CSS to general browser values ============================ */
body	{
	color: #000000;
	background-color: #ffffff;
	*background-color: #ffff99;										/* IE7 and below */
	_background-color: #ffff99;										/* IE6 and below */
	}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	text-decoration: none;
	}
a img, :link img, :visited img {
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}

/* == AusReprints Basics ============================ */
body	{
	margin: 30px 50px 0px 160px;
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	font-size: 90%;
	background: #FFFF99 url('/content/resource/images/dots.gif') repeat-y right;
	}
p 	{
	font-weight: normal;
	line-height: 1.4;
	padding: 10px 0px 0px 10px;
	}
p.first 	{
	font-weight: 900;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}
p.tight 	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}
p.right 	{
	float: right;
	}
i i	{
	font-style: normal;
	font-variant: small-caps;
	}
h1 	{
	position:relative;
	left:-10px;
	top:-5px;
	color: #ff0033;
	font-weight: 900;
	font-size: 160%;
	text-transform: capitalize;
	margin: 0px 0px 0px 0px
	}
h2 	{
	color: #ff0033;
	font-weight: 700;
	font-size: 120%;
	margin: 15px 0px -10px 0px
	}
h3 	{
	color: #0033cc;
	font-weight: 700;
	font-size: 100%;
	margin: 15px 0px -10px 0px;
	}
h1+p, h2+p, h2+span.pic-l+p	{
	font-weight: 700;
	}
b 	{
	color: #000000;
	font-weight: 900;
	}
a:link, 
a:visited, 
a:focus, 
a:focus:hover, 
a:focus:active 	{
	color: #ff0033;
	font-weight: 600;
	}
ol	{
	list-style-type: decimal;
	list-style-position: inside;	
	text-indent: 0px
	}
ol li	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
ul	{
	list-style-image: url('/content/resource/images/dot.gif');
	margin: 5px 0px 0px 30px;
	}
ul li	{
	font-weight: normal;
	padding: 0px 0px 3px 0px;
	margin: 5px 0px 0px 0px;
	}
hr 	{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ff0033;
	border-top: 1px solid #ff0033;
	background: transparent;
	height: 0px;
	width: 100%;
	clear:left;
	}
small 	{
	font-size: 80%;
	line-height: 100%;
	}
table 	{
	}
tr 	{
	}
td 	{
	vertical-align: top;
	}
sup	{
	position:relative;
	top: -0.5em;
}
blockquote	{
	font-size: 80%;
	line-height: 120%;
	padding: 30px 30px 10px 30px;
	font-style:italic;
	}
.icon	{
	width:10px;
	height:10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000000;
	}
.bullet	{
	width:10px;
	height:10px;
	padding: 0px 10px 0px 20px;
	margin: 0px 0px 0px 0px;
	}
.clearleft	{
	clear: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	}


/* == CSS for body area div ============================ */
#mainBody	{
	position:relative;
	z-index:10;
	}

/* == CSS for top menu ============================ */
#menu	{
	position: absolute;
	z-index:1000;
	top: 0px;
	right: 0px;	
	color: #ffff99;
	background: #0033cc; 
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 70%;
	padding: 0px 50px 0px 0px;		/* */
	margin: 0px 0px 0px 0px;
	width: 120%;
	}
#menu ul	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;			/*vital*/
	float: right;
	}
#menu a,
#menu a:visited	{
	display:block;
	width: 100px;				/*vital*/
	text-decoration: none;
	color: #ffff99;
	background: #0033cc;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #0066ff;
	border-bottom: 1px solid #0066ff;
}
#menu a:first-child	{
	border-left: 1px solid #0066ff;
}
#menu a:hover	{
	color: #ff0033;
	background: #ffff99;
	border-left: 0px solid #0066ff;
	}
#menu li	{
	float: left;
	width: 100px;				/*vital*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
#menu li li,
#menu li li li	{
	color: #ffff99;
	background: #0033cc;
	width:auto;
	}
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul li.ieHover ul ul	{
	z-index:150;
	position: absolute;
	width: 130px;				/*vital*/
	display:none;
}
#menu ul li:hover ul, 
#menu ul li.ieHover ul, 
#menu ul ul li:hover ul, 
#menu ul ul li.ieHover ul {
    left: auto; 				/*vital*/
	display:block;
	}
#menu ul ul ul	{
	margin-left: 118px;
	_margin-left: 99px;
	top: 1px;
	border-left: 5px solid #0066ff;
	}





/* == CSS for group menu ============================ */
div#group	{
	background: #0033cc url('/content/resource/images/menupages.gif') repeat-y left;
	position: absolute;
	z-index:1001;
	top:0px;
	left:0px;	
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 80%;
	line-height: 100%;
	color: #ffff99;
	width: 150px;
	min-height: 98%;
	_height: 100%;
	border-bottom: 20px solid #ff0033;
}
#group img {
	border: 0px solid #0033cc;
	margin: 0px 0px -30px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	}
#group p {
	color: #eeee33;
	font-weight: normal;
	clear: both;
	border-bottom: 1px solid #0066ff;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 150px;
	}
#group p b {
	color: #eeee33;
	font-weight: bold;
	}
#group ul	{
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;			/*vital*/
}
#group a,
#group a:visited	{
	display:block;
	font-weight: bold;
	width: 146px;				/*vital*/
	color: #ffff99;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 4px;
	border-bottom: 1px solid #0066ff;
}
#group a:hover	{
	color: #ff0033;
	background: #ffff99;
}
#group li	{
	float: right; 
	width: 150px;				/*vital*/
	position:relative;
	background:transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#group li ul	{
	position: absolute;
	left: -1000em;
	width: 150px;				/*vital*/
	display: none;
	background: #0033cc;
}
#group li li	{
	background: #0033cc;
}
#group li li:first-child	{
	border-top: 1px solid #0066ff;
}
#group li:hover ul,
#group li.ieHover ul {
    left: 145px; 				/*vital*/
	top: 1px;
	position:absolute;
	display: block;
	color: #0033cc;
	background: #ffff99;
	border-left: 5px solid #0066ff;
	}
#group a.logo, 
#group a.logo:link, 
#group a.logo:visited, 
#group a.logo:focus, 
#group a.logo:focus:hover, 
#group a.logo:focus:active 	{
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	}

/* == CSS for footer ============================ */
div#footer	{
	clear:both;
	display:block;
	background:#ff0033;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 70%;
	line-height: 1.5;
	color:#ffff99;
	}
#footer	p {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	clear: none;
	}
#footer	p.left {
	width:25%;
	text-align:left;
	float:left;
	}
#footer p.right {
	width:70%;
	text-align:right;
	}
#footer a,
#footer a:link, 
#footer a:visited, 
#footer a:focus, 
#footer a:focus:hover, 
#footer a:focus:active 	{
	color:#ffff99;
	font-weight: 900;
	}
#footer	small {
	font-size: 90%;
	line-height: 1.3;
	padding-top: 3px;
	display:block;
	clear:both;
	background:#ffff99;
	color:#000000;
	font-weight: 400;
	}
#footer small a,
#footer small a:link, 
#footer small a:visited, 
#footer small a:focus, 
#footer small a:focus:hover, 
#footer small a:focus:active 	{
	color:#ff0033;
	font-weight: 900;
	}


/* == for display of Advert and Cover full page============================ */
#fullPageImage img	{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
	border: 1px solid #000000;
}

/* == CSS for horizontal summary blocks (group, adverts pages)============================ */
div.blockContainer	{
	clear: both;
	position:relative;
	border-top: 1px solid #ff0033;
	margin: 0px 0px 0px 0px;
	width:100%;
	}
span.currentYear	{
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	font-variant: small-caps
	}


/* == CSS to manage right aligned picture on most summary blocks============================ */
div.blockRight	{
	position:relative;
	float:right;
	width:150px;
	padding: 10px 0px 10px 10px;
	margin: 0px 0px 0px 10px;
	z-index:100;
}
.blockRight em	{
	display: block;
	text-align:right;
	font-style: normal;
	font-weight:700;
	font-size: 7pt;
	padding: 0px 0px 2px 0px;
	}
.blockRight img	{
	width: 150px;
	margin: 0px 0px -2px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #000000;
}
.blockRight form	{
	width: 150px;
	border: 2px solid #000000;
}
.blockRight select	{
	width: 150px;
}

/* == CSS to manage left aligned picture in some summary blocks (Adverts)============================ */
div.blockLeft	{
	position:relative;
	bottom:0px;
	float:left;
	width:150px;
	padding: 10px 10px 10px 0px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #000000;
	z-index:100;
}
.blockLeft img	{
	width: 150px;
	margin: 0px 0px -2px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #000000;
}
.blockLeft em	{
	display: block;
	text-align:left;
	font-style: normal;
	font-weight:700;
	font-size: 7pt;
	padding: 0px 0px 2px 0px;
	}

/* == CSS for centre block where needed to stop runnover on left/right blocks (Adverts)============================ */
div.blockCentre	{
	position:relative;
	width:auto;
	padding: 0px 10px 0px 170px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000000;
	}
.blockCentre h2+p	{
	font-weight:400;
	font-size: 80%;
	font-style:italic;
	}

/* == CSS to manage list of groups on adverts page============================ */
div.blockContainer	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	}
.blockContainer ul.firsthalf	{
	margin: 0px 0px 10px 20px;
	width:35%;
	float:left;
	border: 0px solid #000000;
	}
.blockContainer ul.firsthalf li	{
	margin: 0px 10px 0px 20px;
	}
.blockContainer ul.secondhalf	{
	margin: 10px 0px 30px 0px;
	border: 0px solid #000000;
	}
.blockContainer ul.secondhalf li	{
	margin: 0px 10px 0px 20px;
}
.blockContainer div+p	{
	clear: left;
	margin: 0px 0px 0px 10px;
}



/* == CSS for clickable list of items at top of a summary page ============================ */
div.history	{
	border: 1px solid #ff0033;
	border-bottom: 0px solid #ff0033;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
div.history	h2 {
	font-size: 90%;
	color:#ffff99;
	background:#ff0033;
	margin: 0px 0px 10px 0px;
	padding: 2px 4px 2px 4px;
	border-left: 1px solid #ff0033;
	border-right: 1px solid #ff0033;
	}
div.history	br {
	clear:both;
	}
.history div.historyColumn { 
	float: left;
	width: 30%;
	margin: 0px 5px 5px 5px;
	font-size: 75%;
	}
.historyColumn p {
	line-height:1.05;
	display:block;
	text-indent:-1em;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}



/* == CSS for page navigation when an item is listed over several pages============================ */
div.navigation {
	text-align:right;
	clear: both;
	font-size: 80%;
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 5px 0px;
	border-top: 1px solid #eeee33;
	}
div.navigation a.fixed,	
div.navigation b.fixed	{
	margin: 5px 0px 0px 0px;
	padding: 0px 1px 0px 1px;
	border-left: 1px solid #ff0033;
	border-right: 1px solid #ff0033; 
	font-weight: 900;
	font-size: 95%;
	font-style: normal;
	text-align: center;
	display: inline-block;
	min-width: 23px;
	}
div.navigation img {
	margin: 10px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	border: 0px solid #000000;
	}


/*div.navigation span	{
	font-weight: 900;
	}
*/
/* p.navigation	{
	text-align:right;
	font-size: 80%;
	clear: both;
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 5px 0px;
	border-top: 1px solid #eeee33;
	}
*/

/* == CSS to group a block of items on the right of a page (Home, Random Advert) ============================ */
#rightFeature	{
 	position:relative;
 	float:right;
	margin: 10px 0px 10px 50px;
	padding: 0px 0px 0px 0px;
 	width:200px;
	z-index:100;
 	}

/* == CSS for feature on home page ============================ */
.feature	{
	border: 0px solid #ff0033;
	background:transparent;
}
.feature h1	{
	position:relative;
	left:0px;
	top:0px;
	display:block;
	color:#ffff99;
	background:#ff0033;
	font-weight:900;
	font-size: 95%;
	text-transform: none;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px 2px 4px;
	_height:1%;
	}
.feature img	{
	display:block;
	background:#ffff99;
	border: 1px solid #ff0033;
	width: 198px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.feature p	{
	display:block;
	background:#ffff99;
	border: 1px solid #ff0033;
	border-top: 0px solid #ff0033;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px 4px 4px;
	font-weight:400;
	font-size: 75%;
	line-height:1.1;
	}
.feature em	{
	display:inline;
	font-weight:900;
	font-style: normal;
	}
.feature h1 a,
.feature h1 a:link, 
.feature h1 a:visited, 
.feature h1 a:focus, 
.feature h1 a:focus:hover, 
.feature h1 a:focus:active 	{
 	display:block;
	color:#ffff99;
	text-align:right;
	}
.feature h1 a img	{
	display:inline;
	width:10px;
	height:10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:#ff0033;
	}
.feature h2	{
	font-size: 90%;
	color:#ff0033;
	background:#ffff99;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px 2px 4px;
	border-left: 1px solid #ff0033;
	border-right: 1px solid #ff0033;
}

/* == CSS for wider quick search box - must go after feature section ============================ */
#quickSearch	{
	width:240px;
	margin: 0px 0px 20px 0px;
	background:#ffff99;
	border: 1px solid #ff0033;
}
#quickSearch input[type=text],
#quickSearch input.text	{
	margin: 0px 0px 0px 0px;
	border: 0px solid #ff0033;
	width:236px;
	}
#quickSearch fieldset.title {
	border-bottom: 1px solid #ff0033;
	}
#quickSearch fieldset.sort {
	display:block;
	float:left;
	font-size: 95%;
	border: 0px solid #000000;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width:55%;
	}
#quickSearch fieldset.checkbox	{
	border-top: 1px solid #ff0033;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	}
#quickSearch fieldset.title legend	{
	display:none;
	}
#quickSearch fieldset.sort legend	{
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-weight:900;
	font-size: 95%;
	color:#ff0033;
	}
#quickSearch input[type=radio]	{
	margin: 5px 0px 0px 10px;
	}
#quickSearch input[type=checkbox]	{
	margin: 5px 0px 0px 10px;
	}
#quickSearch fieldset.radio label,
#quickSearch fieldset.checkbox label	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	font-weight: 500;
	font-size: 90%;
	}
#quickSearch .sort label	{
	font-weight: normal;
	margin: 0px 5px 0px 0px;
	}
#quickSearch input[type=submit],
#quickSearch input.submit		{
	display:block;
	float: right;
	width: 80%;
	font-weight:900;
	font-size: 80%;
	margin: 0px 10px 0px 0px;
	padding: 1px 5px 1px 5px;
	}
#quickSearch fieldset.submit {
	border: 0px solid #000000;
	margin: 5px 0px 0px 25px;
	padding: 10px 0px 10px 0px;
	}

/* == CSS for home page ============================ */
div.coverBlock	{
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.coverBlock img	{
	width: 50px;
	height: 70px;
	border: 1px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
p.new	{
	text-align: right;
	}
#status table	{
	border-collapse: separate;
	*border-collapse: collapse;
	font-weight: 400;
	font-size: 80%;
	margin: 20px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	}
#status colgroup col.publisher {
	}
#status colgroup col.cover, 
#status colgroup col.index	{
	width: 10%;
	}
#status colgroup col.series,
#status colgroup col.issue, 
#status colgroup col.coverpc, 
#status colgroup col.indexpc {
	width: 8%;
	}
#status table caption h2	{
	color: #ff0033;
	font-weight: 900;
	font-size: 130%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #ff0033;
	}
#status table caption p	{
	color: #000000;
	font-weight: 400;
	font-size: 80%;
	margin: 5px 0px 10px 0px;
	padding: 10px 0px 5px 0px;
	border-bottom: 2px solid #ff0033;
	}
#status thead tr td	{
	color: #ff0033;
	font-weight: 900;
	border-top: 1px solid #ff0033;
	border-bottom: 1px solid #ff0033;
	}
#status td	{
	border-bottom: 1px solid #ff0033;
	margin: 0px 0px 0px 0px;
	padding: 4px 35px 4px 5px;
	}
#status td.data	{
	text-align: right;
	}
#status tfoot td	{
	text-align: right;
	border-top: 2px solid #ff0033;
	border-bottom: 0px solid #ff0033;
	padding-right: 0px;
	color: #000000;
	}
#status div.navigation {
	float: right;
	}
#status div.navigation b	{
	color: #000000;
	}
#status div.navigation a	{
	cursor: pointer;
	color: #ff0033;
	}
#status div.navigation a.fixed,	
#status div.navigation b.fixed	{
	margin: 5px 0px 0px 0px;
	padding: 0px 1px 0px 1px;
	border-left: 1px solid #ff0033;
	border-right: 1px solid #ff0033;
	font-weight: 900;
	font-size: 100%;
	font-style: normal;
	text-align: center;
	display: inline-block;
	width: 25px;
	}


/* == CSS for AJAX table ============================ */
div.tableHidden	{
	font-weight: normal;
	display: none;	
	}
div.central	{
	width: 70%;
	border: 0px solid #000000;
	}
div#ajaxTable {
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}
#ajaxTable img.loading	{
	vertical-align: middle;
	}
#ajaxTable table	{
	border-collapse: separate;
	*border-collapse: collapse;
	font-weight: 400;
	font-size: 80%;
	table-layout: fixed;
	margin-left: 10px;
	margin-right: 10px;
	width: 95%;
	}
#ajaxTable caption	{
	color: #000000;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #ff0033;
	vertical-align: bottom;
	}
#ajaxTable caption p	{
	display: inline-block;
	font-size: 120%;
	font-weight: 900;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px -10px;
	}
#ajaxTable caption p+p	{
	float: right;
	display: inline-block;
	font-size: 80%;
	font-weight: 900;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	}
#ajaxTable colgroup col.countrycode {
	/* =fixed width to match flag= */
	width: 30px;
	}
#ajaxTable colgroup col.percentgroupcovers,
#ajaxTable colgroup col.percentgroupindex,
#ajaxTable colgroup col.percentindex,
#ajaxTable colgroup col.percentcovers {
	/* =control for percentage bar image= */
	width: 130px;
	}
#ajaxTable colgroup col.countgrouptitles,
#ajaxTable colgroup col.countgroupissues,
#ajaxTable colgroup col.countgroupstories,
#ajaxTable colgroup col.countissues,
#ajaxTable colgroup col.counttitles {
	/* =control for narrow width= */
	width: 60px;
	}
#ajaxTable colgroup col.duration {
	/* =control for narrow width= */
	width: 110px;
	}
#ajaxTable colgroup col.title,
#ajaxTable colgroup col.issue,
#ajaxTable colgroup col.publisher,
#ajaxTable colgroup col.imprint {
	/* =allow any width appropriate= */
	width: auto;
	}
#ajaxTable colgroup col.titles,
#ajaxTable colgroup col.issues,
#ajaxTable colgroup col.stories,
#ajaxTable colgroup col.years {
	/* =force narrow= */
	width: 100px;
	}
#ajaxTable thead tr td	{
	color: #ff0033;
	font-weight: 900;
	border-top: 1px solid #ff0033;
	border-bottom: 2px solid #ff0033;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 4px 5px;
	}
#ajaxTable td	{
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #ff0033;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 5px;
	}
#ajaxTable td img.flag {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#ajaxTable td img.done {
	height: 15px;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	}
#ajaxTable td p.doneOn {
	width: 100px;
	height: 15px;
	text-align: center;
	color: #ffffaa;
	font-weight: 600;
	margin: -17px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#ajaxTable td p.doneOff {
	width: 100px;
	height: 15px;
	text-align: center;
	color: #000000;
	font-weight: 600;
	margin: -17px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#ajaxTable tfoot tr td	{
	width: 100%;
	text-align: right;
	border-top: 1px solid #ff0033;
	border-bottom: 0px solid #ff0033;
	padding-right: 0px;
	color: #000000;
	}
#ajaxTable div.navigation {
	text-align:right;
	border-top: 0px solid #000000;
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#ajaxTable div.navigation b	{
	color: #000000;
	}
#ajaxTable div.navigation a	{
	cursor: pointer;
	color: #ff0033;
	}
#ajaxTable div.navigation a.fixed,	
#ajaxTable div.navigation b.fixed	{
	margin: 5px 0px 0px 0px;
	padding: 0px 1px 0px 1px;
	border-left: 1px solid #ff0033;
	border-right: 1px solid #ff0033;
	font-weight: 900;
	font-size: 100%;
	font-style: normal;
	text-align: center;
	display: inline-block;
	width: 25px;
	}
#logoBlock	{
	display: block;
	text-align: center;
	margin: 20px 0px 10px 0px;
}
#logoBlock img	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	border: 0px solid #ff0033;
}

/* == CSS to for articles============================ */
#article h1 {
	z-index:-10;
	margin: -15px 0px -15px 0px;
	padding: 0px 0px 0px 0px;
	}
#article h3+p	{
	margin: 15px 5px 5px 5px;
	font-weight: 700;
	}
#article li {
	margin: 0px 0px 0px 250px;
	}
#article p	{
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	}
#article p.tight	{
	margin: 5px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
	}
#article p+blockquote	{
	font-size: 90%;
	line-height: 130%;
	margin: -10px 0px 0px 0px;
	padding: 0px 30px 0px 30px;
	font-style:italic;
	}
#article b	{
	color:#000000;	
	}
p span.quote	{
	font-size: 80%;
	line-height: 120%;
	padding: 30px 30px 10px 30px;
	font-style:italic;
	}
a.footnoteRef	{
	position:relative;
	display:inline;
	font-size: 7pt;
	font-style: normal;
	font-weight:900;
	color: #0033cc;
	top: -.6em;
	padding: 0px 4px 0px 0px;
	z-index:50;
	}
a.footnoteRef:hover,
a.footnote:hover	{
	background-color: #0033cc;
	color:#ffff99;	
	z-index:2000;
}
a.footnoteRef span	{
	display:none;
	}
a.footnoteRef:hover span	{
	display:block;
	position:absolute;
	top:25px;
	left:-50px;
	width:200px;
	color:#000000;
	font-weight:400;
	line-height:1.3;
	font-size: 100%;
	background-color: #ffffcc;	
	margin: 2px 2px 2px 2px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ff0033;
	border-left: 33px solid #ff0033;
	}
a.footnoteRef:hover span em,
a.footnoteRef:hover a	{
	position:absolute;
	float:left;
	left:-32px;
	top:-2px;
	font-weight:900;
	font-size: 150%;
	padding: 0px 0px 0px 0px;
	font-style: normal;
	color:#ffff99;
	}
#footnotes h3	{
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	border-top: 1px solid #ff0033;
	clear:both;
	}
#footnotes strong	{
	color:#0033cc;
	font-weight:900;
	}
#footnotes ul	{
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
	}
#footnotes li	{
	text-indent:-20px;
	margin: 10px 30px 0px 30px;
	font-size: 80%;
	line-height:1.3;
	}


/* == CSS to for article illustrations============================ */
span.pic-r,
span.pic-l	{
	position:relative;		/* required to prevent float/italics problem blocking links */
	border: none;
	width:200px;
	font-size:65%;
	font-weight:400;
	line-height:1.2;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffff99;
	}
span.pic-r	{
	float: right;
	clear: right;
	padding: 10px 0px 10px 40px;
	margin: 0px 0px 0px 40px;
	}
span.pic-l	{
	clear: left;
	float: left;
	padding: 10px 30px 10px 10px;
	margin: 20px 40px 0px 0px;
	}
.pic-r img,	
.pic-l img	{
	width: 200px;
	border: 2px solid #000000;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
.pic-r strong,
.pic-l strong	{
	color:#ff0033;
	font-weight:900;
	padding: 0px 10px 0px 0px;
	}

/* == CSS for group page ============================ */
a.black:link, 
a.black:visited, 
a.black:focus, 
a.black:focus:hover, 
a.black:focus:active 	{
	color: #000000;
	}

/* == CSS for issues page ============================ */
.block	{
	clear: both;
	margin: 20px 20px 0px 20px;
	font-weight: 900;
	font-style:italic;
	}
.right 	{
	float: right;
	clear: both;
	}
.small	{
	font-size: 70%;
	}
span.page	{
	position:relative;		/* required to prevent float/italics problem blocking links */
	border: none;
	width:100px;
	font-size:65%;
	font-weight:400;
	line-height:1.2;
	clear: left;
	float: left;
	padding: 0px 10px 10px 0px;
	margin: 0px 10px 0px 0px;
	}
span.page img	{
	width: 100px;
	border: 2px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.reprints img	{
	width: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px -2px 0px;
	}

/* == CSS for series and metaseries pages ============================ */
div.issues	{
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 10px;
	border: 0px solid #000000;
	}
div.issues table	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 1px solid #FF0033;
	border-spacing: 0pt;
    }
div.issues td	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #FF0033;
	}
div.issueTableBlank	{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 70px;
	height: 100px;
	}
div.issueTableBlank b	{
	z-index:101;
	position: absolute;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	left:20%;
	right:20%;
	top:40%;
	bottom:auto;
	font-weight: 400;
	font-size: 90%;
	color: #000000;
	}
div.issueTableActive	{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	cursor:pointer; 
	cursor:hand;
	width: 70px;
	height: 100px;
	}
div.issueTableActive img	{
	z-index:100;
	position: absolute;
	width: 70px;
	height: 100px;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
div.issueTableActive b	{
	z-index:101;
	position: absolute;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	left:10%;
	right:10%;
	top:40%;
	bottom:auto;
	font-weight: 900;
	font-size: 90%;
	border: 1px solid #666666;
	background: #000000;
	color: #ffffff;
	}

/* == CSS to for search page============================ */

.searchform form {
	border-collapse: collapse;
	border: 0px solid #000000;
	font-size: 80%;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}
.searchform form tr 	{
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.searchform td 	{
	border: 0px solid #000000;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	}
.searchform form tr td h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.searchform form input {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
.searchform hr 	{
	border: 0px solid #000000;
	border-top: 1px solid #ff0033;
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
.searchform h2+p	{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

/* == CSS to for QuickSearch box============================ */
table.search {
	font-size: 10pt;
	line-height: 12pt;
	font-style: normal;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #FF0033;
	border-spacing: 0pt;
	}
table.search td {
	border: 1px solid #FF0033;
	border-spacing: 0pt;
	}
table.search th {
	border: 1px solid #FF0033;
	border-spacing: 0pt;
	font-weight:800;
	background-color: #FF0033;
	color: #FFFF99;
	}




/* == CSS for insertIssueString function============================ */
.publisher a:link, 
.publisher a:visited, 
.publisher a:focus, 
.publisher a:focus:hover, 
.publisher a:focus:active 	{
	color: #000000;
	font-weight: 400;
	}








/* == imported ============================ */


table.dating 	{
	border-collapse: collapse;
	border-top: 1px solid #FF0033;
	font-size: 8pt;
	line-height: 10pt;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
table.dating td 	{
	border-top: 1px solid #FF0033;
	font-size: 10pt;
	height: 20px;
	margin: 5px 5px 5px 5px;
	padding: 5px 30px 2px 0px;
	}
table.dating p.uparrow	{
	position: relative;
	font-size: 10pt;
	top: -15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
table.dating td.aligncentre 	{
	text-align: center;
	border-top: 0px solid #FF0033;
	margin: 0px 10px 0px 10px;
	padding: 5px 5px 0px 5px;
	}
table.dating img 	{
	position: relative;
	top: -5px;
	border: 0px solid #FF0033;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}

img.issuelogo 	{
	position: relative;
	float: right;
	border: 0px solid #FF0033;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}


img {
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	}
img.tight {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	}
img.close {
	margin: 2px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
	border: none;
	}
img.border 	{
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	border: 3px solid #000000;
	}
img.cover 	{
	float: right;
	clear: left;
	clear: right;
	margin: 25px 15px 15px 15px;
	padding: 0px 0px 0px 0px;
	border: 3px solid #000000;
	}


td.illustration-links img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #555555;
	}

.illustration-right	{
	border-collapse: collapse;
	position: relative;
	float: right;
	width: 200px;
	border: none;
	border: 0px solid #555555;
	background: #FFFF99;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 7pt;
	line-height: 9pt;
	z-index:500;
	}
.illustration-left	{
	border-collapse: collapse;
	position:relative;
	float: left;
	width: 200px;
	border: none;
	margin: 10px 20px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 7pt;
	line-height: 9pt;
	}
.illustration-left a:link, 
.illustration-left a:visited, 
.illustration-left a:focus, 
.illustration-left a:focus:hover, 
.illustration-left a:focus:active, 
.illustration-left a, 
.illustration-right a:link, 
.illustration-right a:visited, 
.illustration-right a:focus, 
.illustration-right a:focus:hover, 
.illustration-right a:focus:active, 
.illustration-right a	{
	font-size: 7pt;
	line-height: 9pt;
	font-weight: normal;
	text-decoration: underline;
	}
.illustration-left img, 
.illustration-right img 	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #000000;
	}
.illustration-right td 	{
	padding-left: 23px;
	}
.illustration-left td 	{
	padding-right: 20px;
	}

div.top	{
	position: absolute;
	top: 0px;
	left: 150px;
	width: 80%;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0pt 0px;
	text-align: right;
	background-color: #0033CC;
	color: #FFFF99;
	}
div.top a:link, 
div.top a:visited, 
div.top a:focus, 
div.top a:focus:hover, 
div.top a:focus:active 	{
	font-weight: 900;
	font-size: 9pt;
	color: #FFFF99;
	}

div.titles	{
	position:absolute;
	float:left;
	top: 0px;
	left: 0px;
	width: 150px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 15px solid #FF0033;
	overflow: hidden;
	background-color: #0033CC;
	}
div.titles img.logo	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
div.titles a:link, 
div.titles a:visited, 
div.titles a:focus	{ 
	background: transparent;
	font-weight: normal;
	font-size: 9pt;
	font-style: normal;
	line-height: 10pt;
	text-decoration: none;
	color: #FFFF99;
	}
div.titles a:focus:hover, 
div.titles a:focus:active 	{
	background: transparent;
	font-weight: normal;
	font-size: 9pt;
	font-style: normal;
	line-height: 10pt;
	text-decoration: none;
	color: #FF0033;
	}
div.titles body	{
	font-weight: normal;
	font-size: 8pt;
	line-height: 10pt;
	}
div.titles p	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	font-weight: normal;
	font-size: 8pt;
	line-height: 10pt;
	font-style: normal;
	text-decoration: none;
	}
div.titles h1 	{
	position: relative;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	text-indent: 0px;
	color: #FFFF99;
	background: transparent;
	font-weight: 900;
	font-size: 25pt;
	line-height: 18pt;
	font-style: normal;
	text-transform: capitalize;
	padding: 90px 0px 0px 2px;
	margin: 0px 0px 0px 0px;
	border-bottom: 5px solid #FFFF99;
	border-right: 10px solid #FFFF99;
	}
div.titles table	{
	border-collapse: collapse;
	width: 150px;
	margin: 195px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0;
	text-align: left;
	}
div.titles tr 	{
	border: 0px none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	line-height: 9pt;
	color: #FFFF99;
	height: 12px;
	}
div.titles td	{
	border: 0px none;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 5px;
	font-size: 8pt;
	line-height: 9pt;
	height: 12px;
	}












div.tracking	{
	border-collapse: collapse;
	position: relative;
	float: right;
	clear: none;
	top: 2px;
	border: none;
	height: 24px;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
div.tracking table	{
	border-collapse: collapse;
	}
div.tracking tr	{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	}
div.tracking td	{
	border: 0px solid #555555;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
	}
div.tracking img	{
	padding: 1px 2px 2px 2px;
	}
div.tracking p	{
	font-size: 7pt;
	line-height: 8pt;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
div.tracking p.centre	{
	font-size: 7pt;
	line-height: 8pt;
	color: #FF0033;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	}
div.tracking a,
div.tracking a:link, 
div.tracking a:visited, 
div.tracking a:focus, 
div.tracking a:focus:hover, 
div.tracking a:focus:active {
	font-size: 7pt;
	line-height: 8pt;
	color: #FF0033;
	}


/* == CSS to mange collapsable contents listing ============================ */
#toggle	{
	font-size: 80%;
	}

h2.contents 	{
	display: block;
	border-top: 1px solid #FF0033;
	border-left: 1px solid #ff0033;
	border-bottom: 1px solid #FF0033;
	border-right: 1px solid #FF0033;
	color: #ffff99;
	background: #FF0033;
	font-weight: bold;
	font-size: 11pt;
	line-height: 14pt;
	font-style: normal;
	cursor: pointer;
	padding: 3px 0px 0px 5px;
	margin: 20px 0px 0px 0px
	}
h2.contents img {
	position: relative;
	float: right;
	clear: left;
	cursor: pointer;
	padding: 0px 0px 0px 0px;
	margin: -2px 3px 0px 0px
	}
h2.hotspot {
	border-left: 1px solid #ff0033;
	border-bottom: 1px solid #ff0033;
	border-right: 1px solid #ff0033;
	background: #ffff99;
	color: #ff0033;
	font-weight: bold;
	font-size: 80%;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 0px
	}
h3.hotspot	{
	border-left: 1px solid #ff0033;
	border-bottom: 1px solid #ff0033;
	border-right: 1px solid #ff0033;
	color: #000000;
	font-weight: bold;
	font-size: 80%;
	cursor: pointer;
	text-indent: -45px;
	padding: 0px 0px 8px 50px;
	margin: 0px 0px 0px 0px;
	}
h3.hotspot img	{
	display: inline;
	position: relative;
	top: 4px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
h3.hotspot a	{
	display: inline;
	position: relative;
	}
em.feature {
	display: inline;
	position: relative;
	font-weight: normal;
	font-style: normal;
	}
em.pages {
	display: block;
	position: relative;
	text-align: right;
	font-weight: normal;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	margin: -13px 5px 0px 0px
	}
h3.hotspot img {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 8px 0px 0px
	}
span.toggle	{
	display: block;
	border-left: 1px solid #FF0033;
	border-bottom: 1px solid #FF0033;
	border-right: 1px solid #FF0033;
	background: #ffffaa;
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	}
span.toggle p.tight	{
	padding: 0px 0px 1px 10px;
	margin: 0px 0px 0px 0px;
	}


div.fullPage img	{
	position:relative;
	float:left;
	border: 2px solid #000000;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 5px 0px;
	z-index:100;
}





@media print {
  @page         { margin: 0%; }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid; color: #000000; }
  p	{ 	font-size: 9pt; }
  Blockquote, 
  pre           { page-break-inside: avoid; }
  ul, ol, dl    { page-break-before: avoid; }
  hr		{ page-break-before: avoid; border: 2px solid #000000; }
  div.titles	{ display: none; }
  body		{ margin-left: 20px; }
	#group	{ display: none; }
	#menu	{ display: none; }
	}