/* Links to other CSS files - kept separate for development - merge together afterwards */
@import "anylink.css";
@import "layouts.css";
@import "lists.css";
@import "navbars.css";
@import "pgstyles.css";
@import "phstyles.css";


/* common colours:

	dark blue:#330066 or #306
	mid blue: #637CCA
	lighter blue links: #333399 or #339
	grungu blue links hover: #669999 or #699
	yellow: links hover:	#FFFF00 or #FF0
	sidebar links hover: #3366FF or #36F

	result list item ruler: orange #ff6633 or #F63


*/


/* Our starting point... */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330066;
	background-color: White;
	font-size: small;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

/* Headings*/
h1 {
	font-size: x-large;
}
h2 {
	font-size: large;
}
h3 {
	font-size: medium;
	font-weight: bold;
	margin-bottom: 0.4em;
}
h4 {
	font-size: medium;
	margin-bottom: 2px;
}
h5 {
	font-size: small;
	font-weight: bold;
	margin-bottom: 2px;
}

/* emphasised text */
strong, em {
	font-weight: bold;
}

/* Regular in-line links */
a {
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #ff6600;
	font-weight: bold;
}

/* discrete "stand-alone" links */
a.standalone {
	font-size: medium;
	line-height: 1.5em;
}
a.standalone:hover {
}

/* glossary items - will have title/tooltip - dot-underline the text */
a.gloss {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: thin;
}

/* togglediv class is for a-links running javascript to hide/show options etc. */
a.togglediv {
	font-size: x-small;
	text-decoration: none;
}
a.togglediv:hover {
	text-decoration: underline;
}
div.togglev {
	margin-bottom: 0.2em;
	margin-top: 1em;
	vertical-align: top;
}
div.togglev img {
	border-style: none;
	margin-right: 0.2em;
}

/* select option lists */
.lvl0 {
	font-weight: bold;
	text-transform: uppercase;
	white-space: pre;
}
.sep {
	color: Gray;
	white-space: pre;
}
.lvl1 {
	font-weight: bold;
	white-space: pre;
}
.lvl2 {
	white-space: pre;
}
.lvl3 {
	white-space: pre;
}
.lvl4 {
	white-space: pre;
}


/* What it says... */
.warningmessage {
	color: red;
}

/* "low-emphasis" labels */
.smalllabeltext {
	font-size: x-small;
}

/* labels */
.labeltext {
}

/* input... covers submit buttons, combos, checkboxes etc.
  IE doesn't support attribute selectors so we cant specify types */
input {
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	color: #330066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
}
/* asp.net checkboxes are put in a space - we'll set their class to checkbox
    so this selector is more specific than the general input, to suppress IE's
	drawing both the 1px border AND the 3D border - sigh!  */
span.checkbox input {
	border-style: none;
	border-width: 0px;
	border-color: Black;
}
span.radiobutton input {
	border-style: none;
	border-width: 0px;
	border-color: Black;
}
select {
	border-style: solid;
	border-width: 1px;
	color: #330066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
}
/* multiline text */
textarea {
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	color: #330066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
}

/* use this for the asterisk markers */
span.formmandatoryinput {
	color: Red;
}
/* and this for extra bits of explanation text appended to labels */
span.forminfo {
	font-style: italic;
	font-size: small;
}

/* Horiz rules */
hr {
	color: #637CCA;
	height: 1px;
	margin-left: 0;
	border-color: #637CCA;
	border-width: 0;
	background-color: #637CCA;
}

#footer a {
	font-size: x-small;
	text-decoration: none;
}
#footercredit a {
	font-size: x-small;
	text-decoration: none;
}


.tableheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}
.tabletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
.toptableheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}


/* div's on home page */
.divbox {
	border: solid 1px #0066CC;
	padding: 5px;
	margin: 10px 0 10px 0;
	font-size: x-small;
}
.divboxmain {
	border: none;
	padding: 5px;
	margin: 10px 0 10px 0;
	font-size: small;
}
.divbox h3 {
	margin: 3px 0 0 0;
}
.divbox h4 {
	font-size: small;
	margin: 3px 0 0 0;
}
.divbox input, .divbox select {
	margin: 3px 0 3px 0;
}
#homeleft .divbox, #homeleft .divboxmain {
	width: 400px;
}
#homeright {
	width: 280px;
}
#homeright select {
	width: 220px;
}
#homeright #lnkGo {
	font-size: large;
	}
	
#sidebar .divbox {
	width: 150px;
	margin: 10px;
	overflow: hidden;
}
.imgdivbox {
	border: none;
	padding: 10px;
	margin: 10px 0 10px 0;
}
.imglink img, .imglink, .imglink:hover {
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: Transparent;
}

/* AtoZ browse list */
#AtoZList {
	padding: 3px;
	margin: 10px 0 10px 0;
	line-height: 40px;
}
#AtoZList a {
	font-size: small;
	background-color: #CCC;
	border: solid 1px #3366FF;
	padding: 2px;
	margin: 2px;
}
#AtoZList a.current {
	border: solid 1px #ff6600;
}

/* subscription options pages */
td.subscribe h4 {
	padding: 4px 0 10px 0;
	text-decoration: underline;
	color: #637CCA;
}
td.subscribe {
	border-right: solid 1px #637CCA;
	border-collapse:separate;
	padding-left: 15px;
}
p.subsrate {
	font-weight: bold;
	padding: 0;
	text-decoration: none;
	font-size: small;
	margin: 3px 0 0 0;
}
a.subnowlnk, a.subnowlnk:hover {
	font-size: x-small;
	font-weight: normal;
	border: none;
	margin-left: 0px;
	padding: 1px 4px 1px 4px;
	background-color: transparent;
	text-decoration: none;
	display: inline-block;
}
a.subnowlnk:hover {
	background-color: #ff6600;
	color: black;
}
ul.subspoints {
	font-size: small;
	margin: 2px 0 2px 25px;
	font-style:italic;
	list-style-type:circle;
}