﻿/*-----------------------------*/
/*  Reset selectors/properties */
/*-----------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: verdana, arial, sans-serif;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: #333;
	background: #fff;
	font-family: verdana, arial, sans-serif;
	font-size:.8em;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {	content: "";}

blockquote, q {	quotes: "" "";}
blockquote {
	margin-left:30px;
}
/*-----------------------------*/
/* -------- main markup ------ */
/*-----------------------------*/

a {	color:#247bc0; cursor:pointer; cursor:hand;}

a:visited {color:#5f099f;}

a:hover {color:#333;}

a:focus {outline:#333 1px dotted;}

h1{font: bold 1.4em verdana, arial, sans-serif;color:#79a941;margin-bottom:10px;}

h2, h3 {color:#696969;font-weight:bold;margin:5px 0;}

h4 {margin:5px 0;}

/*utility*/

.clearer {clear:both;margin:0;padding:0;line-height:0;height:0px; font-size:0;}

.indent {margin-left:10px;}

/* wrapper */

#wrapper {width:955px;margin:0 auto;}

p {line-height:1.4em;margin-bottom:10px; font-family: verdana, arial, sans-serif;}

/*-----------------------------*/
/*---------- header -----------*/
/*-----------------------------*/

#header {clear:left;height:5em;padding-top:30px;}

.logo a {background: url('../images/motlogo.gif') left top;	height:34px;width:216px;float:left;	}

.logo span {display:none;}

#search {width:25%;	float:right;}

#search label {position:absolute;left:-9999em;}

.printlogo {display:none;}

/*-----------------------------*/
/*------------ nav ------------*/
/*-----------------------------*/

.skipnav {display:none;}

#nav { 	background:#247bc0 url('../images/hbg.gif') repeat-x 50% bottom; height:5.55em; font-size:1em;}

#nav ul li {font-weight:bold;color:#fff;display:list-item;float:left;}


/* transport type navigation (coloured nav) */

div.topicnav {width:35%;float:left;	}

div.topicnav ul li{padding-top:3.2em;width:24%;position:relative;}

div.topicnav li span{padding:.8em .4em .8em .4em;display:block;font-size:.9em;}

div.topicnav li a{color:#fff;text-decoration:none;padding-bottom:1px;}


div.topicnav li a:link, div.topicnav li a:visited,{color:#fff;text-decoration:none;padding-bottom:1px;}

div.topicnav li a:hover{text-decoration:underline;}


/* link navigation (blue nav) */

div.linknav {height: 100%;width:65%;float:left;position:relative;}

div.linknav ul{width:100%;font-weight:bold;position:absolute;bottom:0;}

div.linknav li a:link, div.linknav li a:visited{color:#fff;text-decoration:none;font-size:.9em;padding:.8em .6em .8em .6em;display:block;}

div.linknav li.navitemselected a {background:#fff;color:#257cc1;}

div.linknav li a:hover{background:#fff;color:#257cc1;text-decoration:underline;}


/* transport type navigation images */

li#air{background:#f5a01f url('../images/air.jpg') no-repeat left top;}

li#sea {background:#ca3727 url('../images/sea.jpg') no-repeat left top;}

li#land {background:#99CC00 url('../images/land.jpg') no-repeat left top;}

li#rail{background:#696969 url('../images/rail.jpg') no-repeat left top;}

/*-----------------------------*/
/*------ content container ----*/
/*-----------------------------*/
#contentcontainer {margin:20px 0 10px 0;color:#333;}

.highlite {	background:#f5f5f5;}

.section {padding:5px 0px 7px 0px;margin-bottom:5px;clear:both;}

.sub a {font-size:.8em;line-height:1.4em;}


/* more links and subnav/subbreadcrumb links */

a.more {padding-left:12px;background: url('../images/morelink.gif') no-repeat 0% 60%;}

a.more:hover {background: url('../images/morelinkhov.gif') no-repeat 0% 60%;}

.caption{color:#aaa;}

#content .createdby {color:#aaa; font-size:0.8em;}

a.exlink {padding-right:9px;background:url('../images/exlink.gif') no-repeat 100% 40%;}

ul.bullets {list-style-type:disc;margin:15px;}

/*-----------------------------*/
/*------------ left -----------*/
/*-----------------------------*/

#left {width:230px;float:left;font-size:0.9em;margin-right:15px;}

/*al*//*#left a:visited {color: #333;}*/

#left h3 {color:#666;font-weight:bold;margin-bottom:10px;}

#left .section h3.titlebanner, #left .titlebanner {background-color:#3A93CD;color:#fff; padding: 10px 0 5px 5px;clear:both;} /*new title banner for left side nav*/

ul.info {list-style-type:disc;margin-left:18px; }

ul.info li{padding-bottom:7px;font-size:.9em;}

.details {font-size:0.9em;}

#left li {line-height:1.4em;}

/*------------------------------------------------------*/
/*-------- left menu / breadcrumbs / sitemap -----------*/
/*------------------------------------------------------*/


/* sitemap */

.sitemap li  {margin-bottom:7px;} 

.sitemap li {margin:10px 0;margin-left:0px;list-style-type:none;}

.sitemap li li{margin:5 0;}

.sitemap li a { font-weight:bold;}

.sitemap li li a{ font-weight:normal; margin-left:10px;}


/* breadcrumbs */

.section .sub { background-color: #f2f2f2; padding: 5px;}

.breadcrumb li ul, .subnav li ul , .sitemap li ul  {margin-top:7px;}

.breadcrumb {margin-bottom:20px; color:#999; font-size:0.9em;}

.breadcrumb li{display:inline;}

.breadcrumb li a {color:#999; /*font-size:0.9em;*/}

.breadcrumb li a:hover {color:#3A93CD;}

/* morelink arrows bullets*/

.relatedlist li, ul.sitemap li ul li a {padding-left:12px;	background: url('../images/morelink.gif') no-repeat 0% 60%;}

.subnav li ul li a{padding-left:12px;background: url('../images/morelink.gif') no-repeat 0 5px;} 

.subnav li ul li a:hover {background: url('../images/morelinkhov.gif') no-repeat 0 5px;}

.relatedlist li {margin-bottom:10px;margin-left:0px;list-style-type:none;}

ul.sitemap li ul li ul li a {	padding-left:22px; 	background: url('../images/morelink.gif') no-repeat 10px 60%; }

/* subnav */

.subnav li li li {font-size:1em; margin-left:10px;}

.lvl1item span, .lvl2item span {font-weight:bold;}

.lvl1item {border-bottom:1px solid #3A93CD;padding: 5px 0 0 0;} /*second level nav items*/
.lvl1item a, .lvl2item a:active, .lvl3item a:active {color:#696969;text-decoration:none;font-weight:bold;} /*second level nav items*/
li.lvl1item  a.current {color:#007fcc;}
/*al*//*li.lvl1item  a:visited {color:#5F099F;}*/
.lvl1item a:hover{color:#3A93CD;}

.lvl2list {background-color:#F2F2F2;border-top:1px solid #3A93CD;}
.lvl2list a, .lvl2item a:active, .lvl2item a:active  {color:#696969;text-decoration:none;font-size:0.95em;font-weight:normal;}
li .lvl2list li.lvl2item a.current {color:#007fcc;}
.lvl2item {padding: 5px 0 0 0;border-bottom:1px solid #CCC;}
.lvl2item a:hover{color:#3A93CD;}
/*al*//*.lvl2item a:visited {color:#5F099F;}*/

.lvl3list {background-color:#fff;}
.lvl3list a, .lvl3item a:active, .lvl3item a:active  {margin-left:12px;font-weight:normal;color:#6E8484;}
li.lvl3item a.current {color:#007fcc;}
.lvl3item {padding:5px 0 0 0;}
.lvl3item a:hover{color:#3A93CD;}
/*al*//*.lvl3item a:visited {color:#5F099F;}*/

ul.lvl4list {margin:0;}
.lvl4item {list-style-type:none; padding-bottom:5px;}
.lvl4item a, .lvl4item a:active, .lvl4item a:active {color:#6E8484;text-decoration:none;}
.lvl4list li.lvl4item a.current {color:#007fcc;}
.lvl4item a:hover {color:#3A93CD;}
/*al*//*.lvl4item a:visited {color:#5F099F;}*/

#subnavlevelfour {position: absolute; left: -99999px;} /* link to final level of navigation for accessibility */

#lastsubnavitems h3{color:#3A93CD;font-size:1.1em;padding: 0 0 2px 0;border-bottom:1px solid #3A93CD;} /*change the heading for level 4 list items*/


/*-----------------------------*/
/*---------- content ----------*/
/*-----------------------------*/
#content p.intro {font-size: 1.1em; }

#content {width:514px;float:left;margin-right:15px;line-height:1.4em;font-size:1.0em;}

/* headings */

#content h2 {font-size:1.1em;margin:0 0 20px 0; font-size:1.2em;}

#content h3 {margin:0 0 5px 0;}

#content h4 {margin:0 0 5px 0;font-weight:bold;}

#content h5 {
	background-color:#ececec;color:#333;
	padding:5px; margin:0 0 5px 0;
	text-align:center;
	font-weight:bold;
	}

#content li, #right li{line-height:1.5em;}
 
.general { margin-top:80px;}
 
.contentrealated {color:#666;font-size:1em;margin-top:20px;}
 
 /* lists */
 
#content ul, #right ul {list-style-type:disc;margin:0 0 20px 15px;}

#right ul.lvl4list {margin-left:0px;}

/* ordered lists */

#content ol, #right ol {margin:0 0 20px 40px;list-style-type:decimal;}

#content ol.alphaList, #right ol.alphaList, #content ol.alphalist, #right ol.alphalist{list-style:lower-alpha;}

/* nested lists */

#content ul ol, #content ol ol, 
#right ul ol, #right ol ol {margin:0 0 0 30px;}

#content ul ul, #content ol ul, 
#right ul ul, #right ol ul {margin:0 0 0 15px;}

/* tables */

#content table, #right table {border-top:1px solid #999;margin:10px 0;border-left:1px solid #999;background:#fff;border-collapse:collapse;}

#content caption, #right caption {font-weight:bold;padding:5px 0;}

#content td, #right td{border-right:1px solid #999; border-bottom:1px solid #999; color:#333;padding:8px;}

#content table.wide td, #right table.wide td{padding:8px 1px;}

#content table.wide th, #right table.wide th {	padding:8px 1px;}

#content th, #right th {
	font-weight:bold;
	padding:8px;
	border-right:1px solid #999; border-bottom:1px solid #999;
	background:#ebebeb;color:#000;
}

/* sup and sub */

#content sup, #content sub {line-height:1.0em;position: relative;font-size:0.8em}

#content sup {bottom:0.6em;}

#content sub {top:0.2em;}

p.sub {margin-bottom:20px;}

/*-----------------------------*/
/*---------    tabs    --------*/	
/*-----------------------------*/

/* tags */
#content ul.tags {list-style:none;margin-bottom:5px;margin-left:0;}

/* headings */
#content .tabsectionjs h5, #content .tabsection h5 
{background:none;text-align:left;font-weight:normal;margin:0;padding-left:0;}

/* tab layout */
#content .tabsectionjs ul, #content .tabsection ul {margin-bottom:0; position: relative;float:left;}

/* tab block colours */
.tabsectionjs,.bluetabs{background:#3A93CD;margin-bottom:15px;}/*change in color*/
.bluetabs {border: 1px solid #fff;}  /* for IE when js is turned off, background blue shows */
.bluetabs li a{background-color:#B7DBF0;}

.greentabs{	background:#99CC00; border: 1px solid #fff;}
.greentabs li a{background:#D7EB9A;}

/* tab block - no js */
.tabsection{padding:10px;margin-bottom:10px;}

/* tab block - js version */
.tabsectionjs {padding:10px; height:auto; height: auto !important;height: 250px;}
.strategies .tabsectionjs {height: auto !important; height: 280px;}

/* headings */
#content .tabsectionjs h2, #content .tabsection h2 {color:#555;font-size:1.0em;margin:0 0 10px 0;}

.tabsectionjs h4,.tabsection h4 {color:#555;}

.tabcontentjs h4 a, .tabcontent h4 a {font-weight:normal;}

/* defaults to display none for none-javascript */
.tabsection ul.tabbing {display:none}

#content ul.tabbing{list-style-type:none;margin-left:0px;}

.tabclear {border:none; clear:left;}


/* the tabs*/
.tabsectionjs li{float:left;}

.tabsectionjs li.current a{background:#fff; font-weight:bold;color:#696969;}

.tabsectionjs li a{
	padding:7px 7px;margin-right:4px;margin-bottom:-1px;
	display:block;
	text-decoration:none;
	border:1px solid #fff;
	color:#696969;
}

.tabsectionjs li a:hover,.bluetabs li a:hover {background:#eff8ff;color:#247bc0;}

.greentabs li a:hover {background:#e8efe0;color:#247bc0;}

li.current a:hover{background:#fff;}

/* tab content */
.tabcontent{clear:both;background:#fff;padding:7px;position:relative;}

.tabcontentjs{clear:both;background:#fff;padding:7px; height: auto !important;height: 200px;}/*removal of min-height of 220px*/
 * html #WhatsNewTabsContent,  * html #HaveYourSayTabsContent { height:1%; clear:left;}

.tabcontentjs h5 ,.tabcontent h5 {margin-bottom:10px;}

.tabcontentjs ul li, .tabcontent ul li{float:none;display:inline;}

tabcontentjs ul li a, .tabcontent ul li a {display:inline; border:none;}

.dated h5 {float:left; width:60%}

.tabcontent .date {text-align:right;color:#ccc;font-weight:normal}

/*------------------------------------------------------------------------------------*/
/*-----------------------------------  hompage  -----------------------------------*/
/*------------------------------------------------------------------------------------*/



/*-----------------------------*/
/*--------- tag cloud ---------*/
/*-----------------------------*/

div.tagcloud {background-color:#67a100;padding:15px 15px 3px 15px;margin-bottom:15px;}

#content .tagcloud ul{line-height:1.9em;text-align:center;margin:0;padding:0;}

#content .tagcloud li {display:inline;line-height:1.2em;margin-right:10px;}

.tagcloud a {color:#fff; padding:3px; margin:3px;}

/* sizes for tag cloud items */

.level10{font-size:1.9em;}

.level9{font-size:1.8em;}

.level8{font-size:1.7em;}

.level7{font-size:1.6em;}

.level6 {font-size:1.5em;}

.level5{font-size:1.4em;}

.level4{font-size:1.2em;}

.level3{font-size:1em;}

.level2{font-size:.9em;}

.level1 {font-size:.8em;}

.tagcloud p.sub {margin-top:10px;margin-bottom:0px;} 

.tagcloud a:hover{background-color:#d0e4ac; color:#231f20;}

.tagcloud a.more {padding-left:12px;background: url(../images/moretagshov.gif) no-repeat 0% 60%;}

.tagcloud a.more:hover {background: url(../images/morelinkhov.gif) no-repeat 0% 60%;background-color:#d0e4ac; color:#231f20;}

/*------------------------------*/
/*----------- Tag list -----------*/
/*------------------------------*/
#content div.taglist h3  {margin-bottom:5px;}

#content span.viewall {display:block;padding-bottom:20px;font-size:0.8em;background-color:transparent; color:#231f20;}

/*-----------------------------*/
/*--------- secondary site ---*/
/*-----------------------------*/


.secondarySite {float:left;width:50%;margin-top:10px;}

.secondarySite img {
	float:left;
	margin-right:5px;
	width:98px;
	height:70px;
}

.secondarySite h4 {	margin-bottom:5px; font-weight:bold;}

.secondarySite h4 a {
	padding-right:11px;
	background:url('../images/exlink.gif') no-repeat 100% 40%;
	font-size:1.1em;
}

#content .secondarySite p { font-size:0.8em; }


/*-----------------------------*/
/*------ topic page -----------*/
/*-----------------------------*/

.sectionheader{color:#696969;}

/*-----------------------------*/
/*------ topic page -----------*/
/*-----------------------------*/

.topictags p.sub a {font-size:.9em;}

.topictags p.sub  {margin:30px 0 0px 0;}

.topic #content p.sub a {font-weight:bold;}



/*-----------------------------*/
/*----Custom Transport ----*/
/*-----------------------------*/

#content ul.childtitles{padding:0px;margin-left:0px;list-style-type:none;margin-bottom:5px;}

#content .childtitles li {margin:0px 5px 5px 0px;}

.childtitles .abstract {
	display:block;color:#000;
	padding:5px 0px;font-size:.9em;line-height:1.5em;
}

.abstract {display:block;color:#999;padding:10px;font-size:.9em;line-height:1.5em;}

/*-----------------------------*/
/*----------- rollup ---------*/
/*-----------------------------*/

.subsection img.optional {float:left;margin:10px 10px 5px 0;}

.subsection {clear:left;padding-top:10px;}

.subsection .abstract {padding:0px;color:#888;}

/*------------------------------*/
/*----------- form -----------*/
/*------------------------------*/

.short {width:80px;}

.medium {width:160px;}

.long {width:300px;}

.formsection {float:left;padding:10px;}

.inform input,textarea {display:block;}

.formoptions input {display:inline;	}

#content p.fieldtip {color:#999;font-size:0.8em;}

#content .formoptions  p.fieldtip {padding-left:20px;padding-top:5px;}

label {color:#777;}

input.button { 
	background:#3a93cd;color:#fff;
	border-color:#095F9F;border-style:solid;border-width:1px 1px 2px 2px;
	cursor:pointer;
	margin-right:5px;padding:5px;
	overflow:visible;
	width:auto;
}

input.button:hover {background:#68BCEF;}

/*-------------------------------------------*/
/*----------- Search results -----------*/
/*-------------------------------------------*/

#content .searchresults {width:694px;}

div.resultInfo {float:left;width:694px;border-top:1px solid #d2d2d4;padding:5px 0;}

div.resultInfo span{float:left; display:block;}

#content ul.pages {float:right;list-style:none;margin:0;}

#content ul.pages li {display:inline;}

.resultlisting {margin-top:0px;clear:both;float:left;}

#content .resultlisting h2 {margin-bottom:5px;font-size:1.1em;}

.resultlisting .abstract {color:#777;padding:0px;margin-bottom:3px;}

#content  .resultlisting p.filetype {font-size:0.8em;}

.resultlisting {
padding-top: 15px;
margin-bottom: 10px;
width: 100%;
border-top: 1px solid #d2d2d4;
overflow: auto!important;
}

.resultlisting a:link,
.resultlisting a:visited,
.resultlisting a:active {
padding-bottom: 2px;
}

.searchresults h1 {
padding-bottom: 20px;
}

.resultlisting p.abstract {
padding-bottom:8px;
}

.resultlisting p.abstract a:link,
.resultlisting p.abstract a:visited ,
.resultlisting p.abstract a:active {
float: left;
border: none;
text-decoration: underline;
}

.resultlisting .filetype {
padding-top: 2px;
}


/*-------------------------------------*/
/*----------- legislation -----------*/
/*-------------------------------------*/
.legislation{
	background:#f5f5f5;
	padding:10px;margin-top:50px;
	font-size:.9em;
}

#content .legislation h3{color:#666;margin-top:0px;font-size:.9em;}

.legislation img {float:right;margin-left:5px;}

/*-----------------------------*/
/*----------- right -----------*/
/*-----------------------------*/
#right {width:180px;float:left;color:#555;font-size:0.8em;}

#right h4 {font-size:0.9em;margin:5px 0 10px 0;font-weight:bold;}

#right h5 {font-size:0.8em;margin:5px 0 10px 0;font-weight:normal;}

#right .date {color:#aaa;}

#right img {
	margin:10px 0px;
	float:right;clear:both;
	border:1px solid #c0c0c0;
}

#right .section {padding:0px 0px 0px 5px;}

#right .highlite {padding:5px;}


/*-----------------------------*/
/*--------- footer ------------*/
/*-----------------------------*/
#footer {
	clear:left;
	background-color:#E9F3F5;
	padding:15px;
	font-size:.8em;	
}

#footer img {float:left;}

div.site, 
div.policy, 
div.feedback {
	width:20%;height:4.6em;
	border-left:1px #666 dotted;
	float:left;
	margin-left:45px;
}

.site ul ,
.policy ul,
.feedback ul {padding-left:5px;}

#footer li {line-height:1.5em;}

#footer li a {line-height:1.5em;color:#333;}

#footer li a:hover {color:#73787b;}

/*-----------------------------*/
/*--------- 800 / 600 styles ------------*/
/*-----------------------------*/

#eightbysix {width:760px;margin:0 auto;}

#eightbysix  #content{width:500px;margin-right:0px;}

#eightbysix #search{width:30%;}

#eightbysix #right {width:100%;clear:both;	border-top:1px #efefef solid;margin:20px 0;}

#eightbysix div.site, 
#eightbysix div.policy, 
#eightbysix div.feedback {margin-left:20px;}
	
/* Core overwrite */
#right .ms-toolbar img,#right .ms-rtetoolbarmenu img, #right .ms-toolbarItem img {
	width:auto;
	clear:none;float:none;
	margin:0;
	border:none;
}

/*custom rich text editor overwrite */

.radeditor.Default2006.rade_wrapper {border:1px solid #BEBEBE;height:auto!important;width:auto!important;}

.radwindow .contentrow .windowcontent {position:relative;}

.Default2006.rade_toolbarWrapper {position:absolute;width:650px;top:-40px;}

#content .ms-formfieldcontainer table, #right .ms-formfieldcontainer table {border:0px white none;}

#content .ms-formfieldcontainer td, #right .ms-formfieldcontainer td {border:0px white none; padding:0;}

#content .radeditor table td, #right .radeditor table td {
margin:0pt;
padding:0pt;
vertical-align:top;border:0px white none; 
}

#content .radeditor table, #right .radeditor table {border:0px;table-layout:fixed;}
.rade_wrapper{
	width:auto!important;
	height:auto!important;
}

/* Chris - Added isolated css for tag cloud */
.tagcloudnav li {margin-top:7px;}

.tagcloudnav li ul  {margin-bottom:7px;font-size:0.9em;}

.tagcloudnav li ul li a{padding-left:12px;background: url('../images/morelink.gif') no-repeat 0 5px;}

.tagcloudnav li ul li a:hover {background: url('../images/morelinkhov.gif') no-repeat 0 5px;}

.tagcloudnav li {font-size:1em; margin-left:10px;}

