@import url(cbrd.css);

/* Insert header image */

#header div.header {
		height: 44px;
		width: 191px;
		margin: 0 0 0.3em 0;
		background-image: url(../img/logo/motorway.gif);
		}

/* Background graphic */

div#page {
		background: #FFF url(../img/bg/motorway.gif) no-repeat top right;
		}

/* Colour for sidebar in this section */

#sidebar div.rightbox, #content div.boxoutright, #content div.boxout, a.button, .pagenav a, #content div.thumbnail p.searchnav a {
		background: #69C;
		}

#content div.quote {
		border-color: #69C;
		}

#sidebar h4, #content div.boxoutright h4, #content div.boxout h4 {
		color: #036;
		}

a.button:hover, .pagenav a:hover, #content div.thumbnail p.searchnav a:hover {
		background: #036;
		}


/* Links in this section */

a:link { text-decoration: none; color: #69C; }
a:active { text-decoration: none; color: #69C; }
a:visited { text-decoration: none; color: #036; }
a:hover { text-decoration: underline; color: #036; }

/* Motorway Database specialities */

div.map {
		width: 139px;
		height: 247px;
		margin: 0 0 1em 1.5em;
		background: url(../motorway/img/basemap.gif);
		float: right;
		}

div.nimap {
		width: 148px;
		height: 119px;
		margin: 0 0 1em 1.5em;
		background: url(../motorway/img/nimap.gif); 
		float:right;
		}

#content table.exitlist td, #content table.searchresults td {
		line-height: 1;
		padding: 0;
		margin: 0;
		background-color: #FFF;
		}

#content table.exitlist th {
		padding: 1px;
		margin: 0;
		font-weight: bold;
		}

#content table.exitlist td.jctnum {
		vertical-align: top;
		text-align: right;
		font-weight: bold;
		padding: 1px;
		}

#content table.exitlist td.jctnum span {
		font-weight: normal;
		font-size: 80%;
		color: #808080;
		}

#content table.exitlist tr.grey td, #content table.exitlist td.grey {
		background-color: #DDD;
		vertical-align: top;
		padding: 1px;
		}

#content table.exitlist tr td hr {
		border: 0;
		color: #FFF;
		background-color: #FFF;
		height: 2px;
		}

#content td.sign {
		background-color: #69C;
		color: #FFF;
		font-family: transport medium, transport, verdana, sans-serif;
		font-size: 130%;
		border: 3px solid #FFF;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		behavior: url(inc/border-radius.htc);
		vertical-align: top;
		padding: 4px;
		}

#content td.sign hr {
		border: 0;
		color: #FFF;
		background-color: #FFF;
		height: 3px;
		}

#content td.sign strong {
		font-family: motorway permanent, motorway, verdana, sans-serif;
		font-weight: normal;
		line-height: 2;
		}

#content table tr td ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 120%;
		}

#content table tr td ul li img {
		vertical-align: middle;
		}

#content table.exitlist .mwaybg, #content table.exitlist .bgm {
		background: url(../motorway/img/m/main.gif);
		}

#content table.exitlist .astonbg {
		background: url(../motorway/img/m/main-38.gif);
		}

#content table.exitlist .abg, #content table.exitlist .bga {
		background: url(../motorway/img/a/main.gif);
		}

#content table.exitlist td.top {
		vertical-align: top;
		text-align: center;
		}

#content table.exitlist td.btm {
		vertical-align: bottom;
		text-align: center;
		}

#content table.exitlist td.topbg, #content table.exitlist td.bgmtop {
		background: url(../motorway/img/m/main.gif); 
		vertical-align: top;
		text-align: center;
		}

#content table.exitlist td.topabg, #content table.exitlist td.bgatop {
		background: url(../motorway/img/a/main.gif); 
		vertical-align: top;
		text-align: center;
		}

#content table.exitlist td.btmbg, #content table.exitlist td.bgmbtm {
		background: url(../motorway/img/m/main.gif); 
		vertical-align: bottom;
		text-align: center;
		}

#content table.exitlist td.btmabg, #content table.exitlist td.btabg {
		background: url(../motorway/img/a/main.gif); 
		vertical-align: bottom;
		text-align: center;
		}

#content table.exitlist td.leftgap { 
		color: #0000C0;
		font-weight: bold;
		text-align: right;
		}

#content table.exitlist td.rightgap { 
		color: #0000C0;
		font-weight: bold;
		}

#content table.exitlist td.lroutes { 
		text-align: right;
		}

#content table.exitlist td.info {
		vertical-align: top;
		background: none;
		padding-left: 2px;
		}

#content table tr td.destinations {
		background-color: #DDD;
		vertical-align: top;
		}

#content table tr td.lanedescription {
		vertical-align: top;
		}

#content table.searchresults {
		background-color: #FFF;
		margin-left: auto;
		margin-right: auto;
		}

#content table.searchresults td {
		vertical-align: top;
		padding: 2px;
		}

#content table.searchresults td.lroutes {
		vertical-align: middle;
		text-align: right;
		}

#content table.searchresults td.rroutes {
		vertical-align: middle;
		}

#content table.searchresults td.spacer {
		height: 0.3em;
		background-color: #DDD;
		}

#content div.thumbnail div.previewimg {
		width: 100px;
		float: left;
		margin: 0 1em 1em 0;
		}

#content div.thumbnail p.searchnav a {
		margin: 0.5em 0 1em 0;
		padding: 4px 8px 4px 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		color: #FFF;
		font-weight: bold;
		line-height: 2.5;
		text-decoration: none;
		}

span.mway {
		font-size: 80%;
		color: #00F;
		}

span.prim {
		font-size: 80%;
		color: #00C000;
		}

span.nonp {
		font-size: 80%;
		color: #F00;
		}

span.b {
		font-size: 80%;
		color: #FFC000;
		}

span.uc {
		font-size: 80%;
		color: #808080;
		}

span.white {
		color: #FFF;
		}

span.blue { 
		color: #0000C0;
		}

p.searchnav {
		margin-left: 100px;
		padding-left: 1.5em;
		}