@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: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;
}

.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{ background:#f5fae6; }

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

div#divDownloadCentre table.DataTable .highlight td {background:#f5fae6; }

/*
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 5px 0 0;
	text-decoration: none;
}
#navigation-tabs .top li input.hyperlinkButton {
	background:#f5fae6; 
	border:1px #b6cc05 solid; 
	color:#006fc4	
	/*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 0 10px;
	width: auto;
	height: 23px;
	font-size: 0.9em;
}
#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*/
div#divDownloadCentre table.DataTable
{
	width:646px;
	float:left;
	border:1px solid #D4D0C8;
	
} 
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;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #bababa;
}
 
div#divDownloadCentre table.DataTable tr
{
	font-size:1.35em;
}

div#divDownloadCentre table.DataTable td 
{
	padding:0 10px 10px 10px;
	color: #333333;
	font-size:75%;
	background-color: transparent;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #bababa;
	vertical-align:text-top;
	border-top:1px dotted #d4d0c8;
	*padding-top:10px;
}

div#divDownloadCentre table.DataTable .last {border-right:none;}

div#divDownloadCentre table.DataTable td img
{
	margin:0 auto 0 auto;
	
	 
}
div#divDownloadCentre table.DataTable td a 
{
	
	display:block;
	margin:0 0 0 0; padding:0;
	
	
	 
}
div#divDownloadCentre table.DataTable td a img
{
	margin:0 0 0 10px;
	display:block;
	border:none;
	
	 
}
div#divDownloadCentre table.DataTable .jsp {text-align:center; vertical-align:text-top;}
div#divDownloadCentre table.DataTable .trans {text-align:center; vertical-align:text-top;}
div#divDownloadCentre table.DataTable .pdf {text-align:center!important; vertical-align:text-top;}
div#divDownloadCentre table.DataTable .excel {text-align:center; vertical-align:text-top;}
div#divDownloadCentre table.DataTable .web {text-align:center; vertical-align:text-top;}



div#divDownloadCentre table.DataTable .trans a img  {margin:10px 0 5px 15px; }
div#divDownloadCentre table.DataTable .pdf a img  {margin:0 0 5px 15px; *margin:0 0 5px 0; padding-top:15px;  }
div#divDownloadCentre table.DataTable .excel a img  {margin:10px 10px 5px 10px}
div#divDownloadCentre table.DataTable .web a img  {margin:10px 0 0 10px; *margin:0px 0 5px 0; *padding-top:10px; }

.selected {background:#f5fae6; }
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 */



/*--------------------------------------downloads page-----------------------------------------------*/
#downloads-wrap{margin:0; padding:0;}
#downloads-wrap h1 {font-size:2.5em; display:block; width:100%; margin-bottom:39px;}
#downloads-content {width:656px; float:left; margin-right:9px;}
#downloads-content h2 {margin:5px 0 0 0; paddibng:0; font-size:1.3em; color:#9e9e9e;}
#downloads-content .text {width:488px; border-bottom:1px solid #c7c2ba; padding-bottom:15px; color:#505253;}
#downloads-content .text p{width:402px;}
#downloads-content .text h3{width:488px; font-size:1.1em;}