/*
-----------------------------------------------------
Layout CSS file for screen media [DfT]

File		: layout.css

Notes		: 
-----------------------------------------------------
*/

/* Always show vertical scrollbar */
html { overflow-y:scroll; }

#mainWrapper { 
  min-height: 100%;
  height: 100%;
  background-color: #fff;
  margin: 0em auto;
  width: 997px;
  text-align: left;
}

#header {
	position:relative;
	margin:0;
	height:145px;
	width: 997px;
}

#headerInner {
	padding:20px 0 15px 0;	
}

#header img {
	position:absolute;
	top:14px;
	left:15px;
}

#wrapper {
/*	background:url(/+/https://www.dft.gov.uk/_format/_images/gifs/top-nav-shadow.gif) left top repeat-x;*/ 
	width:997px;
}

#widthWrapper {
	text-align:left;
	width: 997px;
	height:1%;
	/*background:url(/+/https://www.dft.gov.uk/_format/_images/gifs/right-nav-bg.gif) right top repeat-y;*/
}
.noRightCol #widthWrapper { background:none; }

/* Columns ================================================================================ */

#pageWrapper {
	width:100%;
	float:left;
	margin-right:-180px;
}

#pageWrapper.narrow {
	width:100%;
	float:left;
	margin-right:-280px;
}


/* Add margin for left column when needed */
.hideRightCol #pageWrapper { margin-right:0; }
.padded #pageWrapper { margin-right:-180px; }

#contentWrapper {
	margin-left:-190px;
	width:100%;
	float:right;
	height:1%; /* Fixes random IE weirdness */
}
/* Remove margin for right column for one column layouts */
.noLeftCol #contentWrapper { margin-left:0; }

#content {
	padding:0 16px 16px 16px;
	margin-left:185px;
	margin-right:180px;
	overflow: auto;
	word-wrap: break-word;
}

#content.narrow {
	padding:0 16px 16px 16px;
	margin-left:185px;
	margin-right:280px;
	overflow: auto;
	word-wrap: break-word;
}



/* Margin settings for various column layouts */

#home #content, 
#advSearch #content {
	overflow: hidden;
}

.noLeftCol #content { margin-left:0; }
.noRightCol #content { margin-right:0; }
.padded #content { margin-right:185px; }

#rightBar {
margin-top:30px;

	width:175px;
	padding-left: 5px;
	float:right;
}

#rightBar.wide {
	margin-top:40px;
	width:275px;
	padding-left: 5px;
	float:right;
}


.noRightCol #rightBar { display:none; }

#leftBar {
	margin-left:10px;
	mar\gin-left:7px;
	width:175px;
	float:left;
	display:inline;
	background:#eee;
}

.noLeftCol #leftBar { display:none; }

/* Transport Areas =================================================================== */

#transportAreas {margin: 5px 0;float:left;width: 100%;padding:0;text-align:left;}
#transportAreas .home-content-box { position: relative; float: left; width: 30%;background-color: #f9f9f9; margin: 8px; padding: 5px; min-height: 150px;}
#transportAreas .home-content-box h3 {font-size: 1.4em; width: 100%; border-bottom: 2px solid #029692; color: #066; font-weight:normal;}

/*#transportAreas .home-content-box p a {position: absolute; bottom: 10px; right: 10px;}*/

#transportAreas .home-content-box ul {margin: 0 10px;}
#transportAreas .home-content-box ul li {margin:0  0 0 10px; list-style-image:url(/+/https://www.dft.gov.uk/_format/_images/gifs/bulletRight.gif); padding: 3px 0 3px 0; font-size: 1em;}

/* Footer =================================================================== */

#footer {margin-top: 5px;border-top: 1px solid #d9d9d9;background:#FFF url(/+/https://www.dft.gov.uk/_format/_images/gifs/footer-bg.gif) left top repeat-x;
	float:left;width: 100%;padding:15px 0;text-align:left; position:relative;}

.footer-box {width: 220px;float: left; margin: 0 0 0 20px; z-index: 99;}
.footer-box h4 { font-size: 1.1em; margin: 0; padding: 2px 0; border-bottom: 1px dotted #00706D; }
#footer h2 { color: #1a5c4e; font-size:1em; margin: 0; padding: 2px 0; border-bottom: 1px dotted #00706D; } 
.footer-box #vcard-Department-for-Transport {padding: 8px 3px; font-size: 0.9em;}
.footer-box ul { margin: 0; padding:0; }
.footer-box ul li{margin:0 0 0 20px; list-style-image:url(/+/https://www.dft.gov.uk/_format/_images/gifs/bulletRight.gif); padding: 3px 0 3px 0px; font-size: 0.8em;}

#key-box { margin-top: 15px; position: absolute; bottom: 20px; width:220px;}
#key-box-inner { padding: 10px 15px 15px 15px; background-color: #ECF2F0;}
#key-box-inner h2 { display:block; margin:0 0 10px 0; padding: 3px 5px; color: #000000;}
#key-box-inner ul.keys {}
#key-box-inner ul.keys li { list-style-image:none; list-style:none;}
#key-box-inner ul.keys li img { vertical-align:middle;}

.externalLink, .popupLink, .richtextformatLink, .pdfLink, .msWordLink, .msExcelLink, .winzipLink
{
	font-size: 105%;
	text-decoration : none;
}
.externalLink, .popupLink
{
	padding-right : 12px;
}
.richtextformatLink, .pdfLink, .msWordLink, .msExcelLink, .winzipLink
{
	padding-left : 17px;
}
.externalLink 			{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-external.gif) 100% 50% no-repeat; }
.popupLink 				{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-popup.gif) 100% 50% no-repeat; }
.richtextformatLink 	{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-rtf.gif) 100% 50% no-repeat; background-position:left; }
.pdfLink 				{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-pdf.gif) 100% 50% no-repeat; background-position:left; }
.msWordLink 			{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-word.gif) 100% 50% no-repeat; background-position:left; }
.msExcelLink 			{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-xls.gif) 100% 50% no-repeat; background-position:left; }
.winzipLink 			{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-zip.gif) 100% 50% no-repeat; background-position:left; }


/* - Big footer
#footer {margin-top: 5px;border-top: 1px solid #d9d9d9;background:#FFF url(/+/https://www.dft.gov.uk/_format/_images/gifs/footer-bg.gif) left top repeat-x;
	float:left;width: 100%;padding:15px 0;text-align:left; position:relative;}

.footer-box {width: 220px;float: left; margin: 0 0 0 20px; z-index: 99;}
.footer-box h4 { font-size: 1.1em; margin: 0; padding: 2px 0; border-bottom: 1px dotted #00706D; }
.footer-box #vcard-Department-for-Transport {padding: 8px 3px; font-size: 0.9em;}
.footer-box ul { margin: 0; padding:0; }
.footer-box ul li{margin:0 0 0 20px; list-style-image:url(/+/https://www.dft.gov.uk/_format/_images/gifs/bulletRight.gif); padding: 3px 0 3px 0px; font-size: 0.8em;}

#key-box { margin-top: 15px; position: absolute; bottom: 20px; width:220px;}
#key-box-inner { padding: 10px 15px 15px 15px; background-color: #ECF2F0;}
#key-box-inner h4 { display:block; margin:0 0 10px 0; padding: 3px 5px;}
#key-box-inner ul.keys {}
#key-box-inner ul.keys li { list-style-image:none; list-style:none;}
#key-box-inner ul.keys li img { vertical-align:middle;}
*/

.externalLink, .popupLink, .richtextformatLink, .pdfLink, .msWordLink, .msExcelLink, .winzipLink
{
	font-size: 105%;
	text-decoration : none;
}
.externalLink, .popupLink
{
	padding-right : 12px;
}
.richtextformatLink, .pdfLink, .msWordLink, .msExcelLink, .winzipLink
{
	padding-left : 17px;
}
.externalLink 			{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-external.gif) 100% 50% no-repeat; }
.popupLink 				{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-popup.gif) 100% 50% no-repeat; }
.richtextformatLink 	{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-rtf.gif) 100% 50% no-repeat; background-position:left; }
.pdfLink 				{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-pdf.gif) 100% 50% no-repeat; background-position:left; }
.msWordLink 			{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-word.gif) 100% 50% no-repeat; background-position:left; }
.msExcelLink 			{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-xls.gif) 100% 50% no-repeat; background-position:left; }
.winzipLink 			{ background : url(/+/https://www.dft.gov.uk/_format/_images/gifs/ico-zip.gif) 100% 50% no-repeat; background-position:left; }