/*Begin buttons and icons*/

/*For tabs*/
a 
{
	text-decoration: none;
}
.icon
{
	display: block;

	background-image: url(../images/sprite.icons.gif);
	background-repeat: no-repeat;
	
	overflow: hidden;
	
	width: 20px;
	height: 20px;

	position: absolute;
	margin-left: -25px;
}
.icon.noMargin
{
	position: static;
	margin: 0px 5px 0px 5px;
}

/*For buttons*/
img.icon
{
	display: inline;
	position: static;
	margin: 0px;
	
	background-image: url(../images/sprite.icons.gif);
	background-repeat: no-repeat;
	
	width: 20px;
	height: 20px;
}

img.icon.noIcon
{
	background-position: 30px 30px;
	width: 0px;
}

button, a.button
{
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
	
	text-align: left;
	text-transform: uppercase;
	
	width: auto;
	overflow: visible;
}

a.button .maskWhite, a.button .maskGrey
{
	display: -moz-inline-stack;
	display: inline-block;
}

button .content, a.button .content, .content button .content, .content a.button .content
{
	padding: 4px 4px 2px 4px;
}

button .text, a.button .text
{
	padding: 0px 4px 0px 4px;
	position: relative;
	top: -5px;
	
	font-size: small;
	line-height: 100%;
}

button.reset .maskWhite.solidGrey
{
	background-color: #808284;
}

a:hover.button .maskWhite.solidBrightBlue
{
	background-color: #808284;
}

a:hover.button .off, a.button .over, button:hover .off, button .over
{
	display: none;
}

a:hover.button .over, a.button .off, button:hover .over, button .off
{
	display: inline;
}

.content button .tl, .content a.button .tl
{
	margin: 0px;
	padding: 0px;
}

/*End buttons and icons*/


.homeOnDarkBlue
{
	background-position: -5px -5px;
}
.homeOnDarkGrey
{
	background-position: -245px -65px;
}
.homeOnGrey
{
	background-position: -185px -95px;
}
.searchOnDarkBlue
{
	background-position: -35px -5px;
}
.searchOnLightGrey
{
	background-position: -215px -35px;
}
.searchOnGrey
{
	background-position: -245px -5px
}
.userOnBlue
{
	background-position: -65px -5px;
}
.userOnMagenta
{
	background-position: -215px -65px;
}
.mouseOnBlue
{
	background-position: -95px -5px;
}
.tickOnBlue
{
	background-position: -65px -35px;
}
.tickOnGrey
{
	background-position: -275px -5px;
}
.questionMarkOnBlue
{
	background-position: -65px -65px;
}
.questionMarkOnGrey
{
	background-position: -275px -65px;
}
.newsFeedOnLightGrey
{
	background-position: -185px -35px;
}
.emailOnLightGrey
{
	background-position: -185px -65px;
}
.poundSignOnBlue
{
	background-position: -95px -35px;
}
.poundSignOnGrey
{
	background-position: -275px -35px;
}
.magnifyOnWhite
{
	background-position: -75px -200px;
}

.flameOnMagenta
{
	background-position: -245px -245px;
}

.mouseWhiteOnDarkGrey
{
	background-position: -245px -35px;
}
.searchBlueOnWhite
{
	background-position: -75px -260px;
}

.mouseBlueOnWhite
{
	background-position: -75px -230px;
}
.mouseGreyOnWhite
{
	background-position: -215px -200px;
}
.commentBlueOnWhite
{
	background-position: -105px -200px;
}
.commentGreyOnWhite
{
	background-position: -245px -200px;
}
.printBlueOnWhite
{
	background-position: -105px -230px;
}
.printGreyOnWhite
{
	background-position: -275px -200px;
}


.tinyClose
{
	display: block;
	width: 9px;
	height: 9px;
	background-image: url(../default/img/icon.cross.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 3px 0px 0px;
}


.imageGallery
{
	display: block;
	float: right;
	width: 220px;
	margin: 0px 0px 10px 10px;
}
.imageGallery.large
{
	width: 100%;
	margin: 10px 0px 0px 0px;
}
.imageGallery .imageHolder
{
	border: 1px solid #808284;
	border-bottom: none;
	overflow: auto;
	height: 100%;
	
	clear: both;
}
.imageGallery .imageHolder img
{
	display: block;
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.imageInfo
{
	display: block;
	margin-bottom: 10px;
}
.imageInfo .black
{
	color: #000000;
}

.imageCaption
{
	text-align: left;
}
.imageCopyright
{
	text-align: right;
}

.imageGallery .content
{
	padding: 10px;
}
.imageGallery .keyGrey .tr, .imageGallery .keyGrey .tl
{
	background: none;
}
.imageGallery a.smallButton
{
	display: block;
	margin: 5px 0px 0px 0px;
}
.imageGallery a:hover.smallButton
{
	text-decoration: none;
}

.imageGallery a.smallButton .icon
{
	margin: 0px 5px 0px 0px;
}
.imageGallery a.smallButton .tiny
{
	position: relative;
	top: -8px;
}

.imagePagination
{
	display: none;
	padding-top: 6px;
	/*float: right;*/
}
.imagePagination a
{
	color: #000000;
	text-decoration: none;
	padding: 0px 1px 0px 1px;
}
.imagePagination a.active, .imagePagination .ends
{
	color: #3393C8;
	text-decoration: none;
}
.imagePagination .ends.dead
{
	color: #DBDBDB;
}
.imagePagination .hidden
{
	display: none;
}

/*Fix content overflow issue when no linewrap is availale*/
.linkList .content
{
	overflow: hidden;
}
.linkList h3, .itemList h3, #houseAd h3
{
	display: block;
	font-weight: bold;
	
	/*NB Only 7px is used on bottom margin to alow text baseline to be 10px away accounting for descenders.*/
	padding: 0px 0px 8px 0px;
	background: url(../images/line.hor.blue.gif) bottom repeat-x;
	margin: 0px 0px 7px 0px;
	
	
	text-transform: uppercase;
}
.keyMagenta.linkList h3
{
	background: url(../images/line.hor.magenta.gif) bottom repeat-x;
}
.linkList ul, .itemList ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.linkList ul li a
{
	padding-left: 10px;
	background: url(../images/arrow.right.blue.gif) left 2px no-repeat;
	line-height: 152%;
}
/*.linkList ul li a:hover
{
	color: #3393C8;
}*/
.linkList ul li.more a
{
	color: #3393C8;
	background: none;
}

.linkList ul li.highlight
{
	/*TEMP HIGHLIGHT STYLE*/
	/*background-color: #FF00B3;*/
	font-weight: bold;
}
.linkList .content
{
	padding-bottom: 8px;
}
.solidBlue .content ul li a
{
	background-image: url(../images/arrow.right.magenta.darkblue.gif);
}
.solidBlue .content h3
{
	background: url(../default/img/line.hor.white.gif) bottom repeat-x;
}
.solidGrey .content h3, #houseAd h3
{
	background: url(../default/img/line.hor.blackOnGrey.gif) bottom repeat-x;
	color: #000000;
}

.keyBlue, .keyMagenta, .keyGrey, .maskWhite, .maskBlue, .maskGrey, .maskWhiteOnGrey
{
	display: block;
	/*Relative positioning required to coax IE into layering in the correct order*/
	position: relative;
}

.keyBlue
{
	border: 1px solid #2F6E91;
	background-color: #ffffff;
}
.keyMagenta
{
	border: 1px solid #FF00B3;
	background-color: #ffffff;
}
.keyGrey
{
	border: 1px solid #808284;
	background-color: #ffffff;
}

.maskBlue
{
	background-color: #3393C8;
	color: #ffffff;
}
.maskGrey
{
	background-color: #808284;
	color: #ffffff;
}

.solidBlue
{
	background-color: #2F6E91;
	color: #FFFFFF;
}
.solidDkGrey
{
	background-color: #4c4c4c;
	color: #FFFFFF;
}
.solidBlue a, .solidBlue a:hover
{
	color: #FFFFFF;
}
.solidGrey
{
	background-color: #DBDBDB;
}
.solidMagenta
{
	background-color: #FF00B3;
}
.solidWhite a, .keyBlue a, .keyMagenta a
{
	color: #666;
}
.solidWhite a:hover, .keyBlue a:hover, .keyMagenta a:hover, .solidWhite h4 a, .keyBlue h4 a, .keyMagenta h4 a
{
	color: #3393C8;
}
.solidWhite .content
{
	padding: 0px;
}
.solidBrightBlue
{
	background-color: #3393C8;
	color: #FFFFFF;
}

.tl, .tr, .br, .bl
{
	display: block;
	/*Relative positioning required to coax IE into layering in the correct order*/
	position: relative;
	background-repeat: no-repeat;
}

.tl
{
	background-position: top left;
}
.tr
{
	background-position: top right;
}
.br
{
	background-position: bottom right;
}
.bl
{
	background-position: bottom left;
}

/*Keyline corner image setup*/
.keyBlue .tl
{
	background-image: url(../default/img/cnr.key.blue.tl.png);
	/*Negative margin to obscure the border on all 4 sides, only required for keylines*/
	margin: -1px;
}
.keyBlue .tr
{
	background-image: url(../default/img/cnr.key.blue.tr.png);
}
.keyBlue .br
{
	background-image: url(../default/img/cnr.key.blue.br.png);
}
.keyBlue .bl
{
	background-image: url(../default/img/cnr.key.blue.bl.png);
}

.keyMagenta .tl
{
	background-image: url(../default/img/cnr.key.magenta.tl.png);
	margin: -1px;
}
.keyMagenta .tr
{
	background-image: url(../default/img/cnr.key.magenta.tr.png);
}
.keyMagenta .br
{
	background-image: url(../default/img/cnr.key.magenta.br.png);
}
.keyMagenta .bl
{
	background-image: url(../default/img/cnr.key.magenta.bl.png);
}

.keyGrey .tl
{
	background-image: url(../default/img/cnr.key.grey.tl.png);
	margin: -1px;
}
.keyGrey .tr
{
	background-image: url(../default/img/cnr.key.grey.tr.png);
}
.keyGrey .br
{
	background-image: url(../default/img/cnr.key.grey.br.png);
}
.keyGrey .bl
{
	background-image: url(../default/img/cnr.key.grey.bl.png);
}
/*End keyline corner image setup*/

/*Mask corner image setup*/
.maskWhite .tl, .maskWhiteOnGrey .tl
{
	background-image: url(../images/cnr.mask.white.tl.png);
}
.maskWhite .tr, .maskWhiteOnGrey .tr
{
	background-image: url(../images/cnr.mask.white.tr.png);
}
.maskWhite .br, .maskWhiteOnGrey .br
{
	background-image: url(../images/cnr.mask.white.br.png);
}
.maskWhite .bl, .maskWhiteOnGrey .bl
{
	background-image: url(../images/cnr.mask.white.bl.png);
}

.maskBlue .tl
{
	background-image: url(../images/cnr.mask.blue.tl.png);
}
.maskBlue .tr
{
	background-image: url(../images/cnr.mask.blue.tr.png);
}
.maskBlue .br
{
	background-image: url(../images/cnr.mask.blue.br.png);
}
.maskBlue .bl
{
	background-image: url(../images/cnr.mask.blue.bl.png);
}

.maskGrey .tl
{
	background-image: url(../default/img/cnr.mask.grey.tl.png);
}
.maskGrey .tr
{
	background-image: url(../default/img/cnr.mask.grey.tr.png);
}
.maskGrey .br
{
	background-image: url(../default/img/cnr.mask.grey.br.png);
}
.maskGrey .bl
{
	background-image: url(../default/img/cnr.mask.grey.bl.png);
}
/*End mask corner image setup*/

.content
{
	display: block;
	position: relative;
	padding: 10px;
	min-height: 10px;
}

.content p
{
	margin: 0px;
}

.content h3
{
	/*Shrink the heading font to make IE match other browsers*/
	font-size: 100%;
}

/*Classes for splitting the page in two/three*/

.fiftyFifty
{
	display: block;
	width: 50%;
	float: left;
}
.padLeft
{
	padding-left: 5px;
}
.padRight
{
	padding-right: 5px;
}


/*TABS*/

.articleTabs
{
	border-bottom: 1px solid #2F6E91;
	margin: 0px 0px 10px 0px;
	padding-top: 10px;
}

ul.tabs
{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.tabs li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

.tabs li a
{
	text-transform: uppercase;
	text-align: center;
	
	background-color: #ff8000;
	color: #000000;
	
	white-space: nowrap;
	margin-right: 5px;
	
	/*Min width to aproximate original design*/
	min-width: 88px;
}
	
/* To remove margin of 3rd tab */

.tabs li#d015_3_tab a {
	margin-right: 0;

	min-width: 134px;
}
.tabs li#d030_3_tab a {
	margin-right: 0;

	min-width: 134px;
}

.tabs li a:hover
{
	background-color: #808284;
	color: #FFFFFF;
}

.tabs li.active a
{
	font-weight: bold;
	background-color: #4c4c4c;
	color: #FFFFFF;
}

.tabs li.grey a
{
	color: #808284;
}
.tabs li.grey a:hover
{
	color: #808284;
	background-color: #dbdbdb;
}

.tabs li a .tr
{
	/*Set the borders arround the tab*/
	padding: 8px 8px 8px 7px;
}

.tabs .content
{
	padding: 0px;
	margin: 0px;
}

.tabs .icon
{
	float: left;
	position: static;
	
	/*-3px bottom margin for IE7*/
	margin: -2px 4px -3px -2px;
}


.tabs a .off, .tabs a:hover .over, .tabs .active a .on
{
	display: block;
}

.tabs a:hover .off, .tabs a .over, .tabs a .on, .tabs .active a .off, .tabs .active a .over
{
	display: none;
}

a .off, a:hover .over, .active a .on
{
	display: block;
}

a:hover .off, a .over, a .on, .active a .off, .active a .over
{
	display: none;
}

/*Tabbed box showing and hiding*/
.fold
{
	display: none;
}
.unfold
{
	display: block;
}

/*Set the top left corner of the box*/
.tabbedBox .keyBlue .tl, .tabbedBox .keyBlue .tr
{
	/*This would have to change coloer as the leftmost tab is rolled over. Too time consuming now, so have removed...*/
	/*background-image: url(../img/cnr.key.blueOnGrey.tl.png);*/
	background-image: none;
}

/*D030*/
.tabbedBox .content li
{
	float: none;
	clear: both;
}
.tabbedBox .content li p.tiny
{
	padding-left: 10px;
}
.tabbedBox .content li p.tiny span
{
	display: block;
	float: left;
}
.tabbedBox .content li p.tiny .floatRight
{
	float: right;
}
.tabbedBox .content li p.tiny .category a 
{
	padding-left: 0px;
	background: none;
	line-height: 100%;
}
.tabbedBox .content li p.tiny span.score
{
	display: block;
	float: left;	
}




body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#pageHolder
{
	/*Most, if not all fonts appear to be 90% of small*/
	/*font-size: 100%;*/
}

a
{
	text-decoration: none;
	color: #3393C8;
}
a:hover
{
	text-decoration: none;
}
a:visited
{
	color: #4892ba;
}

a img
{
	border: 0px;
}

.tiny
{
	color: #666;
	font-size: 85%;
	margin: 0px;
}

.tiny.black
{
	color: #000000;
}

h3.withUnderline
{
	background: url(../images/line.hor.blue.gif) bottom repeat-x;
	padding:0px 0px 7px 0px;
	margin: 20px 0px 7px 0px;
	font-size: 160%;
}