/* == Colour scheme information for Gredown
	Background: #5FA9B5
	Backgronnd light: #c1e4ea
	Background dark: #eeee33	
	Main heading: #000066
	Menu: #000000
	Menu Border: #0066ff
	
 ============================ */

/* == Variations for skin ============================ */
body	{
	color: #000000;
	*background-color: #5FA9B5;										/* IE7 and below */
	_background-color: #5FA9B5;										/* IE6 and below */
	background: #5FA9B5 url('/content/resource/skins/border/15620.gif') repeat-y right; 
	}
h1, h2 	{
	color: #000066;
	}
h3 	{
	color: #000000;
	}
a:link, 
a:visited, 
a:focus, 
a:focus:hover, 
a:focus:active 	{
	color: #000066;
	}
hr 	{
	border-top: 1px solid #000066;
	}

/* == CSS for top menu ============================ */
#menu	{
	color: #000000;
	background: #000000; 
	}
#menu a,
#menu a:visited	{
	color: #FFFFFF;
	background: #000000;
	border-right: 1px solid #0066ff;
	border-bottom: 1px solid #0066ff;
	}
#menu a:first-child	{
	border-left: 1px solid #0066ff;
}
#menu a:hover	{
	color: #000066;
	background: #5FA9B5;
	border-left: 0px solid #0066ff;
	}
#menu li li,
#menu li li li	{
	color: #FFFFFF;
	background: #000000;
	}
#menu ul ul ul	{
	border-left: 5px solid #0066ff;
	}
	
/* == CSS for group menu ============================ */
div#group	{
	background: #000000;
	color: #FFFFFF;
	border-bottom: 20px solid #000066;
}
#group img {
	border: 0px solid #000000;
	}
#group p {
	color: #5FA9B5;
	border-bottom: 1px solid #0066ff;
	}
#group p b {
	color: #5FA9B5;
	}
#group a,
#group a:visited	{
	color: #FFFFFF;
	border-bottom: 1px solid #0066ff;
}
#group a:hover	{
	color: #000066;
	background: #5FA9B5;
}
#group li ul	{
	background: #000000;
}
#group li li	{
	background: #000000;
}
#group li li:first-child	{
	border-top: 1px solid #0066ff;
}
#group li:hover ul,
#group li.ieHover ul {
	color: #000000;
	background: #5FA9B5;
	border-left: 5px solid #0066ff;
	}

/* == CSS for footer ============================ */
div#footer	{
	background:#000066;
	color:#5FA9B5;
	}
#footer a,
#footer a:link, 
#footer a:visited, 
#footer a:focus, 
#footer a:focus:hover, 
#footer a:focus:active 	{
	color:#5FA9B5;
	}
#footer	small {
	background:#5FA9B5;
	color:#000000;
	}
#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:#000066;
	}
	
/* == for display of Advert and Cover full page============================ */
#fullPageImage img	{
	border: 1px solid #000000;
	}

/* == CSS for horizontal summary blocks (group, adverts pages)============================ */
div.blockContainer	{
	border-top: 1px solid #000066;
	}
	
/* == CSS to manage right aligned picture on most summary blocks============================ */
.blockRight a img,
.blockRight a:visited img	{
	border: 2px solid #000000;
	}
.blockRight form	{
	border: 2px solid #000000;
	}

/* == CSS to manage left aligned picture in some summary blocks (Adverts)============================ */
div.blockLeft	{
	border: 0px solid #000000;
	}
.blockLeft img	{
	border: 2px solid #000000;
	}
	
/* == 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============================ */
.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 #000066;
	border-bottom: 0px solid #000066;
	}
div.history h2, 
div.history a.issueString, 
div.history a:visited.issueString, 
div.history a:hover.issueString {
	color:#5FA9B5;
	background:#000066;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	}

/* == CSS for page navigation when an item is listed over several pages============================ */
div.navigation {
	border-top: 1px solid #6666FF;
	}
div.navigation a.fixed,	
div.navigation b.fixed	{
	border-left: 1px solid #000066;
	border-right: 1px solid #000066; 
	}

/* == CSS for feature on home page ============================ */
.feature	{
	border: 0px solid #000066;
	}
.feature h1	{
	color:#ccccff;
	background:#0000ff;
	}
.feature img	{
	background:#5FA9B5;
	border: 1px solid #000066;
	}
.feature p	{
	background:#ccccff;
	border: 1px solid #000066;
	border-top: 0px solid #000066;
	}
.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 	{
	color: #ccccff;
	}
.feature h1 a img	{
	background:#000066;
	}
.feature h2	{
	color:#000066;
	background:#5FA9B5;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
}

/* == CSS for wider quick search box - must go after feature section ============================ */
#quickSearch	{
	background:#ccccff;
	border: 1px solid #000066;
}
#quickSearch input[type=text],
#quickSearch input.text	{
	border: 0px solid #000066;
	}
#quickSearch fieldset.title {
	border-bottom: 1px solid #000066;
	}
#quickSearch fieldset.sort legend {
	color:#000066;
	}
#quickSearch fieldset.sort {
	border: 0px solid #000000;
	}
#quickSearch fieldset.submit {
	border: 0px solid #000000;
	}
#quickSearch fieldset.checkbox	{
	border-top: 1px solid #000066;
	}

/* == CSS for home page ============================ */
#status table caption h2	{
	color: #000066;
	border-bottom: 2px solid #000066;
	}
#status colgroup#title {
	color: #000066;
	}
#status td	{
	border-bottom: 1px solid #000066;
	}
#status thead tr td	{
	color:#000066;
	border-top: 0px solid #000066;
	border-bottom: 2px solid #000066;
	}
#status tfoot td	{
	border-top: 1px solid #000066;
	border-bottom: 0px solid #000066;
	color: #000000;
	}
#status div.navigation b	{
	color: #000000;
	}
#status div.navigation a	{
	color: #000066;
	}
#status div.navigation a.fixed,	
#status div.navigation b.fixed	{
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	}

#logoBlock img	{
	border: 0px solid #000066;
	}

/* == CSS for AJAX table ============================ */
#ajaxTable caption	{
	color: #000000;
	border-bottom: 1px solid #000066;
	}
#ajaxTable thead tr td	{
	color: #000066;
	border-top: 1px solid #000066;
	border-bottom: 2px solid #000066;
	}
#ajaxTable td	{
	border-bottom: 1px solid #000066;
	}
#ajaxTable tfoot tr td	{
	border-top: 1px solid #000066;
	border-bottom: 0px solid #000066;
	color: #000000;
	}
#ajaxTable div.navigation b	{
	color: #ffffff;
	}
#ajaxTable div.navigation a	{
	color: #000066;
	}
#ajaxTable div.navigation a.fixed,	
#ajaxTable div.navigation b.fixed	{
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	}


/* == CSS to for articles============================ */
a.footnoteRef	{
	color: #000000;
	}
a.footnoteRef:hover,
a.footnote:hover	{
	background-color: #000000;
	color:#5FA9B5;	
}
a.footnoteRef:hover span	{
	color:#000000;
	background-color: #ccccff;	
	border: 1px solid #000066;
	border-left: 33px solid #000066;
	}
a.footnoteRef:hover span em,
a.footnoteRef:hover a	{
	color:#5FA9B5;
	}
#footnotes h3	{
	border-top: 1px solid #000066;
	}
#footnotes strong	{
	color:#000000;
	}

/* == CSS to for article illustrations============================ */
span.pic-r,
span.pic-l	{
	background-color: #5FA9B5;
	}
.pic-r img,	
.pic-l img	{
	border: 2px solid #000000;
	}
.pic-r strong,
.pic-l strong	{
	color: #000066;
	}

/* == CSS for issues page ============================ */
span.page img	{
	border: 2px solid #000000;
	}

/* == CSS for series and metaseries pages ============================ */
div.issues table	{
	border: 1px solid #000066;
    }
div.issues td	{
	border: 1px solid #000066;
	}
div.issueTableBlank b	{
	color: #000000;
	}
div.issueTableActive b	{
	border: 1px solid #666666;
	color: #c1e4ea;
	background: #000000;
	}


div.issues table	{
	border: 1px solid #000066;
    }
div.issues td	{
	border: 1px solid #000066;
	}
div.issues a:link, 
div.issues a:visited, 
div.issues a:focus, 
div.issues a:focus:hover, 
div.issues a:focus:active 	{
	color: #FFFFFF;
	background: #000000;
	}
	
	
/* == CSS to for search page============================ */
.searchform form {
	border: 0px solid #000000;
	}
.searchform form tr 	{
	border: 0px solid #000000;
	}
.searchform form td 	{
	border: 0px solid #000000;
	}
.searchform hr 	{
	border: 0px solid #000000;
	border-top: 1px solid #000066;
	}

/* == CSS to for QuickSearch box============================ */
table.search {
	border: 1px solid #000066;
	}
table.search td {
	border: 1px solid #000066;
	background-color: #ccccff;
	}
table.search th a {
	color: #ccccff;
	}
table.search th {
	border: 1px solid #000066;
	background-color: #000066;
	color: #5FA9B5;
	}











/* == imported ============================ */
table.dating 	{
	border-top: 1px solid #000066;
	}
table.dating td 	{
	border-top: 1px solid #000066;
	}
table.dating td.aligncentre 	{
	border-top: 0px solid #000066;
	}
table.dating img 	{
	border: 0px solid #000066;
	}

img.issuelogo 	{
	border: 0px solid #000066;
	}
img.border 	{
	border: 3px solid #000000;
	}
img.cover 	{
	border: 3px solid #000000;
	}


td.illustration-links img {
	border: 0px solid #555555;
	}
.illustration-right	{
	border: 0px solid #555555;
	background: #5FA9B5;
	}
.illustration-left img, 
.illustration-right img 	{
	border: 2px solid #000000;
	}

div.top	{
	background-color: #000000;
	color: #5FA9B5;
	}
div.top a:link, 
div.top a:visited, 
div.top a:focus, 
div.top a:focus:hover, 
div.top a:focus:active 	{
	color: #5FA9B5;
	}
div.titles	{
	border-bottom: 15px solid #000066;
	background-color: #000000;
	}
div.titles a:link, 
div.titles a:visited, 
div.titles a:focus	{ 
	color: #5FA9B5;
	}
div.titles a:focus:hover, 
div.titles a:focus:active 	{
	color: #000066;
	}
div.titles h1 	{
	color: #5FA9B5;
	border-bottom: 5px solid #5FA9B5;
	border-right: 10px solid #5FA9B5;
	}
div.titles tr 	{
	color: #5FA9B5;
	}

div.tracking p.centre	{
	color: #000066;
	}
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 {
	color: #000066;
	}


/* == CSS to mange collapsable contents listing ============================ */
h2.contents 	{
	border-top: 1px solid #000066;
	border-left: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-right: 1px solid #000066;
	color: #5FA9B5;
	background: #000066;
	}
h2.hotspot {
	border-left: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-right: 1px solid #000066;
	background: #5FA9B5;
	color: #000066;
	}
h3.hotspot	{
	border-left: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-right: 1px solid #000066;
	color: #000000;
	}
span.toggle	{
	display: block;
	border-top: 0px solid #000066;
	border-left: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-right: 1px solid #000066;
	background: #c1e4ea;
	}


div.fullPage img	{
	border: 2px solid #000000;
	}