@charset "UTF-8";

/*******************************************************************************
Filename:
downloads.css

Description:
This style sheet governs the layout of detail templates.

Dependencies:
TODO: A list of externally referenced assets (@import/images/cursors/etc) used by this style sheet.

Author(s):
Ethan Cane (webmaster@ry.com)
*******************************************************************************/

/* Main container for the download centre */
#download-centre {
	width: 644px; /* 654px */
	float: left;
	margin-right: 10px;
}

/* Main container for the download tabs */
#navigation-tabs {
	width: 987px !important;
	*width:645px!important;
}

#navigation-tabs .top {
	margin: 0;
	padding: 0;
}

#navigation-tabs .bottom {
	/*
	position: relative;
	z-index: 1;
	*/
	width: 644px!important; /* 654px */
	height: 24px;
	margin: 0;
	padding: 0;
	background: #E6E6E7;
	border-top: 1px solid #D7D7D9;
	border-left: 1px solid #D7D7D9;
	border-right: 1px solid #D7D7D9;
}

#navigation-tabs .top li,
#navigation-tabs .bottom li {
	display: block;
	float: left;
}

#navigation-tabs .top li {
	position: relative;
	margin-right: 2px;
	font-size: 1.0em;
}


#navigation-tabs .bottom li {
	font-size: 1.23em;	/*PJR font size seems to be inheriting from somewhere so let's increase it slgihtly...*/
}

 
#navigation-tabs .top li input{
	border:0
}
#navigation-tabs .top li a,
#navigation-tabs .bottom li a {
	display: block;
	width: auto;
	height: auto;
	padding: 5px 10px;
	text-decoration: none;
}

#navigation-tabs .top li a:link,
#navigation-tabs .top li a:visited {
	background-image: url("../../../images/temp/top_tab_bg.jpg");
	background-position: bottom left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	border-bottom: 1px solid #C6C6C6;
	/*border-left: 1px solid #C6C6C6;*/
	border-right: 1px solid #B7B7B7;
}

#navigation-tabs .top li a:hover,
#navigation-tabs .top li a:active,
#navigation-tabs .top li.active a {
	color: #FFFFFF;
	background-image: none;
	background-color: #FD3D07;
	border-bottom: 1px solid #C6C6C6;
	border-right: 1px solid #B7B7B7;
}

/*
#navigation-tabs .top li span {
	display: block;
	width: 12px;
	height: 7px;
	position: absolute;
	bottom: -4px;
	left: -3px;
	z-index: 2;
	background-image: url("../../../images/temp/top_tab_arrow_active.gif");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
*/

#navigation-tabs .bottom li a:hover,
#navigation-tabs .bottom li a:active,
#navigation-tabs .bottom li.active a {
	color: #FFFFFF;
	background-color: #ACACB0;
}

#downloads {
	border-top: 1px solid #C8CBCD;
	border-bottom: 1px solid #C8CBCD;
	border-left: 1px solid #C8CBCD;
}

#downloads th {
	padding: 15px 10px;
	font-size: 1.15em;
	font-weight: normal;
	color: #333333;
	background-color: #F1F1F1;
	border-right: 1px dotted #BABABA;
}

#downloads .cols-header {
	padding: 0;
	color: #333333;
	background-color: #F1F1F1;
}

#downloads td {
	padding: 10px;
	color: #333333;
	background-color: transparent;
	border-right: 1px dotted #BABABA;
}

#downloads td {
	vertical-align: top;
}

.your-downloads {
	width: 312px;
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #C7C2BA;
}

/*override for IE7*/
html>body .your-downloads{*width:310px!important;*border-right: 1px solid #D7D7D9!important;}

.your-downloads h3 {
	margin: 0;
}

.your-downloads a:link,
.your-downloads a:visited {
	color: #026FC4;
	background-color: #FFFFFF;
	text-decoration: none;
}

.your-downloads a:hover {
	color: #FD3D07;
	background-color: #FFFFFF;
	text-decoration: none;
}

.your-downloads a:active {
	color: #FFFFFF;
	background-color: #FD3D07;
	text-decoration: none;
}

/*Add a margin to prevent accidental clearing on download list! */
.your-downloads input.hyperlinkButton{
	margin-bottom:8px;
}

/*
Highlight important (prominent) downloads. These will be chosen and flagged by
Capita themselves from their CMS.
*/
.highlight td {
	background-color: #E8F2F9 !important;
}

/*
Will colour the background of the checkboxes otherwise they'll appear with a
white halo around them.
*/
.highlight td input {
	background-color: #E8F2F9 !important;
}

/*
Last column for the downloads needs to have a solid border on the right.
*/
.last-column {
	border-right: 1px solid #C8CBCD !important;
}

#download-centre a:link,
#download-centre a:visited {
	color: #026FC4;
	background-color: transparent;
	text-decoration: none;
}

#download-centre a:hover {
	color: #FD3D07;
	background-color: transparent;
	text-decoration: none;
}

#download-centre a:active {
	color: #FFFFFF;
	background-color: #FD3D07;
	text-decoration: none;
}

/******************************************************************************/

.reports-and-brochures,
.policies,
.case-studies {
	display: none;
}







/*DF*/
#navigation-tabs .top li input {
	display: block;
	width: auto;
	height: 27px;
/*	padding: 0 10px 0 10px;*/
	padding:0;/*PJR*/
	margin: 0;
	text-decoration: none;color: #026fc4;
}
#navigation-tabs .top li input.hyperlinkButton {
	background-image: url(../../../Images/temp/top_tab_bg.jpg);
	background-x-position: left;
	background-y-position: bottom;
	background-repeat: repeat-x;
	background-attachment: scroll;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6c6c6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b7b7b7;
}
#navigation-tabs .top li input.hyperlinkButtondisabled {
	color: #ffffff;
	text-decoration: none;
	background-image: none;
	background-color: #fd3d07;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6c6c6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b7b7b7;
}

#navigation-tabs .bottom li input {
	background: none;
	padding: 0 10px 2px 10px;
	width: auto;
	height: 23px;
	font-size: 0.8em!important;
}

html>body #navigation-tabs .bottom li input{font-size:0.8em!important;cursor:hand;}
html>body #navigation-tabs .bottom li input{font-size:0.8em!important;*padding-top:3px;cursor:hand;}

 
html>body #navigation-tabs .top li {*padding:0!important;*background-position:top left!important;*height:24px; *background:none;*padding-right:-2px!important;*border-bottom:1px solid #B7B7B7!important;*border-right:1px solid #B7B7B7}
html>body #navigation-tabs .top li input{*background-position:bottom right!important;*margin:0!important;*border:0!important;*border-right:1px solid #B7B7B7; *margin-right:-2px!important}


#navigation-tabs .bottom li input.hyperlinkButton {
	text-decoration: none;
	background-image: none;
	border: 0;
	color: #026fc4;
	background-color: #e6e6e7 !important;
	margin: 0;
}
#navigation-tabs .bottom li input.hyperlinkButtondisabled {
	text-decoration: none;
	background-image: none;
	border: 0;
	color: #ffffff;
	background-color: #acacb0;
	margin: 0;	
}
#content #navigation-tabs ul.bottom {
	background-image: none;
	background-color: #e6e6e7 !important;
}


 
 

/*PJR 0411008 - another hack to get lower the font size in IE6.*/

* html  div#divDownloadCentre  ul li input{font-size:75%!important}

div#divDownloadCentre table.DataTable
{
	width:646px;
	float:left;
	border-top:1px solid #D4D0C8;
	border-bottom:1px solid #fff;
	border-right:1px solid #D4D0C8;
	border-bottom:1px solid #fff;
	border-right:1px solid #D4D0C8;
	border-left:1px solid #dfd0c8;
} 
div#divDownloadCentre table.DataTable:after
{
	clear:both
}

div#divDownloadCentre table.DataTable th
{	
	background-color: #e6e6e7 !important;
	height:60px;
	font-size:75%;
	padding-left:10px;
	padding-right:10px;
	font-weight:normal;
	text-align:left;
}
 
div#divDownloadCentre table.DataTable tr
{
	font-size:1.35em;
}

div#divDownloadCentre table.DataTable td 
{
	padding-left:10px;
	padding-right:10px;
	color: #333333;
	font-size:75%;
	background-color: transparent;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #bababa;	
}
div#divDownloadCentre table.DataTable td img
{
	margin-top:10px
}


div#divDownloadCentre .detail-wrapper-sidebar
{
	float:right;
	margin-left:5px;
	margin-top:-39px	/*Get around the fact that we can't put hte list of search results in a seperate div*/
}

div#divDownloadCentre .detail-wrapper-sidebar fieldset{
	border:0!important;
	margin-bottom:-15px;
}

div#divDownloadCentre .detail-wrapper-sidebar fieldset input

{
	margin-bottom:10px;
}

div#divDownloadCentre .your-downloads {
	margin-top: -35px!important;
}

	
div#divDownloadCentre .your-downloads input{
	font-size:100%;
	text-align:left;	
}

div#divDownloadCentre div.pagination{
	clear:both;	
	margin-top:-1px;
	height:30px;
	padding-top:13px;
	padding-left:15px;
	width:629px;
	border:1px solid #D4D0C8;
	border-top:0!important;
	float:left;
}

div#divDownloadCentre div.pagination input{
	font-size:100%;
}

/* DF start */
div#content div#divDownloadCentre div.detail-wrapper-sidebar div.your-downloads ul {
	margin-left: 20px;
}
div#content div#divDownloadCentre div.detail-wrapper-sidebar div.your-downloads ul li {
	list-style-image:url('../../Images/temp/arrow_icon.gif');
	line-height:1.5em;
	padding: 3px;
}
div#content div#divDownloadCentre div.detail-wrapper-sidebar div.your-downloads ul li.Download {
	list-style-image:url('../../Images/temp/downloadicon.gif');
	line-height:1.5em;
}
div#content div#divDownloadCentre div.detail-wrapper-sidebar div.your-downloads ul li input {
	margin-bottom: 4px;
}
#content div#divDownloadCentre table#downloadTable,
#content div#divDownloadCentre table#downloadTable tr.bottomRow,
#content div#divDownloadCentre table#downloadTable tr.bottomRow td,
#content div#divDownloadCentre table.DataTable,
#content div#divDownloadCentre table.DataTable tr.bottomRow,
#content div#divDownloadCentre table.DataTable tr.bottomRow td {
	border-bottom-width:1px!important; 
	border-bottom-style: inset!important;
	border-bottom-color: #d4d0c8!important;
}
div#content div#divDownloadCentre div#navigation-tabs ul li.spacer input {
	background-image:url('../../Images/temp/vspacer.gif');
	background-position:left;
	background-repeat:no-repeat;
}
div#content div#divDownloadCentre div#navigation-tabs ul li.spacer input.hyperlinkButtonDisabled {
	background-image:none;
}
#content div#divDownloadCentre div.confirmationMsg  {
	margin-top: 40px;
}
/* DF end */