/*
 * CSS for the www.cryer.co.uk site.
 * Copyright (c) A.B.Cryer 2014-2023.
 */
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	background-image: url(background.gif); 
	background-image: url(background.jpg); 
	background-image: url(common/shade-down.gif);
      	background-repeat: repeat; 
	background-color: white;
	margin: 0px 0px 0px 0px;
	color: #101010;
	font-size: 0.9em;
	text-shadow: 1px 1px 1px #FFFFFF;
}
h1, h2, h3, h4, h5, table, dl {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	color: #000000;
	text-shadow: 1px 1px 1px #888;
	text-shadow: 2px 2px 0px #fff, -2px -2px 0px #fff, 3px 3px 1px #ccc;
	text-shadow: 1px 1px 1px #fff, 2px 2px 2px #888;
	text-shadow: 4px 4px 4px #aaa;
	text-shadow: 1px 1px 2px #fff, 2px 2px 4px #aaa;
}
table, th, td
{
	border: 1px ridge #808080;
	border: 1px ridge #c0c0c0;
}
.tight {
	margin: 0 0 0 0;
}
h1 {
	margin-top: 0.5em;
	border-bottom: 1px solid #c0c0c0
}
p {
	margin: 1em 0.5em 0.5em 0;
	text-align: justify;
}
.left-justify p,
p.left-justify {
	text-align: left;
}
td p {
	margin: 0px 0px 0px 0px;
	text-align: left;
}
div.StackLeft {
	float: left;
	margin-right: 1em;
}
.AdRight {
	float: right;
	margin: 4.5pt;
	margin-top: 0;
}
div.AdLeft {
	clear: none;
	float: left;
	margin: 4.5pt;
}
div.Quote {
	background: #f8f8f8;
	border: 1px solid #c0c0c0;
	padding: 0.25em 0.25em 0.25em 0.25em;
	margin-right: 1em;
}
div.Quote P
{
	margin: 1em 1em 1em 1em;
}
div.Quote table
{
	margin: 1em 1em 1em 1em;
}
div.rounded
{
	background: white;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	box-shadow: 4px 4px 3px #888;
}
img {
	border: none;
}
/*
 * Top and bottom DIVs on each page.
 */
div.TopTBL,
div.TopTBL table {
	margin: 0px 0px 0px 0px;
	border: none;
	padding: 0px 0px 0px 0px;
}
div.TopTBL table
{
	height: 90px;
	overflow: visible;
}
div.TopTBL table td 
{
	vertical-align: middle;
	border: none;
}
div.TopTBL table td.top
{
	vertical-align: top;
}
div.TopTBL table td.bottom
{
	vertical-align: bottom;
}
div.TopTBL {
/*
	border-bottom: solid 1px gray;
*/
}
/*
 * Indent left margin.
 */
.indent {
	margin-left: 30px;
	margin-right: 30px;
}
/*
 * Progress/breadcrumb bar.
 */
ul.breadcrumb
{
	margin: 0 0 0 0;
	padding: 2px 2px 2px 8px;
	background-color: #FFFFFF;
	font-size: 8pt;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	white-space: nowrap;
	overflow: hidden;
}
ul.breadcrumb li
{
	display: inline;
	background: url(common/breadcrumb.gif) no-repeat left center;
	padding-left: 10px;
	padding-bottom: 0;
}
ul.breadcrumb li.first
{
	background: none;
	padding-left: 0;
}
p.Copyright {
	text-align: center;
	font-size: smaller;
}
p.Ack {
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
a
{
	text-shadow: 1px 1px 1px #888;
	text-shadow: 1px 1px 1px #FFD700;
	text-shadow: 1px 1px 1px #DDD;
	text-shadow: 1px 1px 2px #DDD;
}
a:hover {
/*
	background-color:#FFF0D0;
	background-color:#FFD700;
*/
	color: #800080;
	color: #FFD700;
	color: #DAA520;
	color: #00008B;
	color: #0000ff;
	text-shadow: 1px 1px 1px #FFD700;
	text-shadow: 1px 1px 1px #FFF;
}
a:active
{
	position: relative;
	top: 1px;
	left: 1px;
	text-shadow: none;
}
A.HYellow:hover { background-color:#FFFF60 }
A.HWhite:hover {background-color:#FFFFF0 }
h1 {
	text-align: center;
	text-align: left;
/*
	clear: both;
*/
}
h2 {
/*
	clear: left;
*/
}
/*
hr {
	clear: both;
}
*/
P.TL {margin: 0; margin-left: 0px; margin-right: -4px; padding: 0;}

td {vertical-align: top}
td.bottom {vertical-align: bottom}
td.middle {Vertical-align: middle}
td.top {vertical-align: top}
td.LabelLHRA {
	text-align: right;
}
td.centred {
	vertical-align: middle;
	text-align: center;
}
th {
	text-align: center;
}
ul.Footer {
	font-size: 75%;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0.5em;
}
ul.Footer li {
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
ul.Footer li a {
/*
	border: 2px outset;
*/
	padding: 0.1em 0.4em 0.1em 0.4em;
	line-height: 1.6;
	white-space: nowrap;
}
ul.ButtonList {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 1em 0px 1em;
	width: 100%;
	word-wrap: break-word;	/* For IE */
}
ul.ButtonList li {
	display: inline;
	line-height: 1.7em;
	line-height: 1.6em;
}
ul.ButtonList li a {
	word-wrap: normal;
	margin: 0 0 0 0;
	padding: 0.1em 0.4em 0.1em 0.4em;
	white-space: nowrap;
	text-align:center;

	border-top: 2px solid #CCC;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 2px solid #CCC;
}
ul.ButtonList li a.selected {
	border: 0.1em inset;

	border-top: 2px solid #666;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 2px solid #666;
}
ul.ButtonList li a:active {
	border: 0.1em inset;
}
ul.ButtonList li a:hover {
/*
	background-color:#FFFFD0;
	background-image: none;
*/
	border-top: 2px solid #666;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 2px solid #666;

}
p.ButtonList {
	text-align: center;
	line-height: 170%;
	padding: 0px 4px 0px 4px;
}
ul.Spaced li {
	border-bottom: 0;
	padding-bottom: 0.5em;
}
ul.Spaced ul li {
	border-bottom: 0;
	padding-bottom: 0;
}
A.Button, A.ButtonDown {
	border: 3px outset;
	border: 2px outset;
	padding: 2px 6px 2px 6px;
	width:20px;
	text-align:center;
/*
	background-color:#FFE8C8;
	background-image: url(background.gif); 
      	background-repeat: repeat; 
*/

	border-top: 1px solid #CCC;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #CCC;

	border-top: 2px solid #CCC;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 2px solid #CCC;
}
A.ButtonDown {
	border: 3px inset;
	border: 2px inset;

	border-top: 2px solid #666;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 2px solid #666;

}
A.Button:hover {
	border-top: 2px solid #666;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 2px solid #666;
}
A.Button:active {
	border: 3px inset;
	border: 2px inset;

	border-top: 2px solid #666;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 2px solid #666;

	background-image: none;
}
A.BButton {
	border: outset 3px;
	border: outset 2px;
	border: outset 3px;
	border: outset 1px;
	border-color: #c0c0c0;
	font-size: 75%;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}
dd {
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	text-align: justify;
}
dd p
{
	text-align: justify;
}
li p,
dd p,
dd table {
	margin-left: 0px;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.clear {
	clear: both;
}
td.number {
	text-align: right;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.top {
	vertical-align: top;
}
.nowrap {
	white-space: nowrap;
}
.wrap {
	white-space: normal;
}
.noborder,
table.noborder th,
table.noborder td,
table.layout,
table.layout td,
table.layout th
{
	border: none;	
}
.borderBlack1 {
	border: 1px black solid;	
}
.code {
	font-family: monospace;
}
.codebox {
	background: white;
	border: solid 1px black;
}
pre.code {
	background: white;
	border: solid 1px black;
	padding-left: 1px;
	padding-right: 1px;
	padding: 0px 1px 0px 1px;
}
.red {
	color: #ff0000;
}
.warning {
	border: solid 2px red;
	padding: 2px 2px 2px 2px;
	color: #A52A2A
}
.warning p {
	margin: 0.5em 0.5em 0.5em 0.5em;
}
.information {
	border: dotted 1px #800000;
	padding: 2px 2px 2px 2px;
	color: black;
}
.information p {
	margin: 0.5em 0.5em 0.5em 0.5em;
}
ol li {
	padding-bottom: 0.5em;
}
div.coupon {
	border: dashed 1px gray;
	margin: 1em 40px 1em 40px;
}
div.TextAd {
	border: dashed 1px gray;
	margin: 0 0 0 0;
	padding: 0 0.5em 0 0.5em;
}
div.TextAd p.Title {
	font-size: smaller;
}
div.dos {
	border: solid 2px gray;
	margin-left: 8px;
	margin-right: 8px;	
}
dd div.dos {
	margin-left: 0px;
}
div.dos p {
	color: white;
	padding: 0 0 0 0;
	border: none;
	margin: 0 0 0 0;
	background: black;
	font-family: monospace;
	text-shadow: none;
	text-align: left;
}
span.ForWrap {
	font-size:1px
}
span.wbr {
	width: 0;
	font-size: 0;
	white-space: normal;
}
div.left-bar 
{
	width: 200px;
	float: left;
	margin: 0 0 0 0;
	padding-top: 0em;
	overflow: clip;
}
div.left-bar p
{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
div.left-bar input[type=text]
{
	width: 196px;
}
div.main
{
	margin: 0 0 0 208px;
	padding-left: 8px;
	border-left: 1px solid #c0c0c0;
/*
	background-color:#F0FFFF;
	background-color:#ffffff;
*/
}
/*
 * Sponsor generic.
 */
.advert a
{
	background: none;
	cursor:url('http://www.cryer.co.uk/common/cursor-advert.gif'),hand,auto;
}
div.left-bar div.offers
{
	margin: 4px 4px 4px 4px;
	padding: 0 4px 0 4px;
	border: 1px silver dotted;
	background: #ffffff;
	background: #f0f0f0;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;

	font-size: 75%;
}
div.left-bar div.suggested-interest {
	margin: 4px 4px 4px 4px;
	padding: 0 4px 0 4px;
	border: 1px silver dotted;
	background: #ffffff;
	background: #f0f0f0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	font-size: 75%;
}
/* 
 * Silktide.com EU Cookie law prompt. 
 * Don't want any shadow on the text.
 */
div.cc-window,
div.cc-window a
{
	text-shadow: none;
}
/*
 * Stop some settings from interfering with sharethis.
 */
div.sharethis-inline-share-buttons
{
	text-shadow: none;
}
/* 
 * Some wrapping in the side bar.
 */
div.left-bar td {
	display: inline-block;
	width: 100%;
}
div.left-bar td td {
	display: table-cell;
}