/* CSS Document */
:-moz-any-link:focus {outline: none;}
body {margin:0 auto; text-align:center; color:#163654; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:67.5%; background:#08324f url(../images/background.gif) repeat-x;}

/* Default html tag styles */

form {margin:0; padding:0;}
#loader{display:none;}
img {border:none; display:block;}
.position-left {float:left;}
.position-right {float:right;}
.clear {clear:both; height:1px;}
sup {color:#FD7016; font-weight:bold;}
a.skip {position: absolute; left: -1000em; width: 20em;}
.hiddenPic {display:none;}
fieldset {border:1px solid #9bbad9; margin-top:15px; padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px; }
legend {font-size:1.7em; color:#fff; font-weight:normal; padding-bottom:0em; margin-bottom:0em;}
.more-button{float:right; background:none !important; margin-bottom:10px}
.updates {float:right;font-size:12px; width:340px; background:none; border:none; color:#fff;position:relative; top:139px; right:32px; clear:both}
.updates p {padding:0 !important; margin:0 !important; color:#fff !important;font-size:12px !important}
.updates a {color:#fd7016}
.line {width:100%; height:2px; padding:0; padding-bottom:5px; margin:0; background:url(../images/line-bg.gif) bottom repeat-x; clear:both}
#rightColumn .line {width:100%; height:2px; padding:0; margin:0; background:url(../images/line-bg.gif) bottom repeat-x; clear:both}

#iphone {display:none;}
#iphone a {color:#fff; text-decoration:none; display:block; font-weight:bold}
#mobile {display:none;}
#mobile a {color:#fff; text-decoration:none; display:block; font-weight:bold}

/* Buttons */
.read-more {float:right; margin-bottom:10px;background:url(../images/more-a.gif) no-repeat top left; width:101px; height:38px; display:block; cursor:pointer;}
.read-more:hover, .read-more:active, .read-more:focus {background:url(../images/more-b.gif) no-repeat top left;}
.back {float:right; margin-bottom:10px; background:url(../images/back-a.gif) no-repeat top left; width:101px; height:38px; display:block;}
.back:hover, .back:active, .back:focus {background:url(../images/back-b.gif) no-repeat top left;}

#button-home {background:url(../images/menu.gif) -1px 0 no-repeat; width:76px; height:52px; display:block}
#button-home:hover {background:url(../images/menu.gif) -1px -52px no-repeat;}
.act-home a {background:url(../images/menu.gif) -1px -52px no-repeat !important;}

#button-tunnels {background:url(../images/menu.gif) -77px 0 no-repeat; width:100px; height:52px; display:block}
#button-tunnels:hover {background:url(../images/menu.gif) -77px -52px no-repeat;}
.act-tunnels a {background:url(../images/menu.gif) -77px -52px no-repeat !important;}

#button-tools {background:url(../images/menu.gif) -177px 0 no-repeat; width:97px; height:52px; display:block}
#button-tools:hover {background:url(../images/menu.gif) -177px -52px no-repeat;}
.act-tools a {background:url(../images/menu.gif) -177px -52px no-repeat !important;}

#button-webcams {background:url(../images/menu.gif) -274px 0 no-repeat; width:112px; height:52px; display:block}
#button-webcams:hover {background:url(../images/menu.gif) -274px -52px no-repeat;}
.act-webcams a {background:url(../images/menu.gif) -274px -52px no-repeat !important;}

#button-news {background:url(../images/menu.gif) -387px 0 no-repeat; width:76px; height:52px; display:block}
#button-news:hover {background:url(../images/menu.gif) -387px -52px no-repeat;}
.act-news a {background:url(../images/menu.gif) -387px -52px no-repeat !important;}

#button-tunnel {background:url(../images/menu.gif) -463px 0 no-repeat; width:124px; height:52px; display:block}
#button-tunnel:hover {background:url(../images/menu.gif) -463px -52px no-repeat;}
.act-tunnel a {background:url(../images/menu.gif) -463px -52px no-repeat !important;}

#button-about {background:url(../images/menu.gif) -587px 0 no-repeat; width:84px; height:52px; display:block}
#button-about:hover {background:url(../images/menu.gif) -587px -52px no-repeat;}
.act-about a {background:url(../images/menu.gif) -587px -52px no-repeat !important;}

#button-service {background:url(../images/menu.gif) -672px 0 no-repeat; width:184px; height:52px; display:block}
#button-service:hover {background:url(../images/menu.gif) -672px -52px no-repeat;}
.act-service a {background:url(../images/menu.gif) -672px -52px no-repeat !important;}

/* News Date */
.news-date-box {float:left; background:url(../images/calendar.gif) no-repeat; width:70px; height:70px; padding:25px 0; margin:10px 10px 0 0;}
.news-date {font-size:9px; position:relative; bottom:2px;margin:0; padding:0;text-align:center;}
.news-day {font-size:22px; margin:0; padding:0;text-align:center; position:relative; bottom:7px; letter-spacing:-1px; font-weight:bold;}

/* DIV Styles */
#container {margin:0 auto; width:956px;}

/*#headerlogo {width:956px; height:200px; background: url(../images/header-new-logo.gif) no-repeat left top;} */
#header {width:956px; height:200px; background: url(../images/header-new11.gif) no-repeat left top;}
#header1 {width:956px; height:200px; background: url(../images/header-new11.gif) no-repeat left top;}
#header2 {width:956px; height:200px; background: url(../images/header-new22.gif) no-repeat left top;}
#header3 {width:956px; height:200px; background: url(../images/header-new33.gif) no-repeat left top;}
#header4 {width:956px; height:200px; background: url(../images/header-new44.gif) no-repeat left top;}
#header5 {width:956px; height:200px; background: url(../images/header-new55.gif) no-repeat left top;}
#header6 {width:956px; height:200px; background: url(../images/header-new66.gif) no-repeat left top;}
#header7 {width:956px; height:200px; background: url(../images/header-new77.gif) no-repeat left top;}

#header8 {width:956px; height:200px; background: url(../images/header-new88.gif) no-repeat left top;}
#header9 {width:956px; height:200px; background: url(../images/header-new99.gif) no-repeat left top;}
#header10 {width:956px; height:200px; background: url(../images/header-new1010.gif) no-repeat left top;}
#header11 {width:956px; height:200px; background: url(../images/header-new1111.gif) no-repeat left top;}
#header12 {width:956px; height:200px; background: url(../images/header-new1212.gif) no-repeat left top;}
#header13 {width:956px; height:200px; background: url(../images/header-new1313.gif) no-repeat left top;}

#menu {padding:0px; width:954px; height:52px; margin:0px auto;background:#FD7016 url(../images/menu-bg.gif) top repeat-x; border-left:1px solid #f7b47f; border-right:1px solid #f7b47f; }
#mainnav {margin:0; padding:0px; list-style-image:none; list-style-type:none; height:52px; width:860px;float:left}
#mainnav li {padding:0px; float:left; margin:0px;}
#content {width:924px; background:#BDD2E6; padding:20px 15px 20px 15px;border-left:1px solid #d9e4f0; border-right:1px solid #d9e4f0;border-top:3px solid #fff; min-height:500px}
#leftColumn {width:65%; float:left; text-align:left; margin-right:20px; text-align:justify;}
#leftColumn ol, li {font-size:1.2em; margin:0; padding:0;}
#leftColumn li {padding:4px;}
#rightColumn {width:31%; float:left; text-align:left;}
#openContent {width:100%; text-align:left;}
#footer {width:924px; background-color:#BDD2E6; padding:0px 15px 20px 15px;border-left:1px solid #2e6083; border-right:1px solid #2e6083;}
#top-nav {margin:0; padding:0; float:right; position:relative; top:10px; right:10px}
#top-nav li {display:inline; }
#top-nav li a {color:#fff; text-decoration:none; border-right:1px solid #fff; padding:0 8px}
#top-nav li a:hover {text-decoration:underline}
#content ul {font-size:1.2em;}
#content ul li {list-style:disc}
#content a {color:#1f4b74;}
#content a:hover {text-decoration:none}

/* Dotation */
#dotation {background-color:#FFFFFF; margin:48px 0px 20px 20px;}
#dotation, #dotation .sb-inner {background-color:#FFFFFF;}
#dotation .sb-border {background:#A6B7C5;}

/* Twitter */
#Twitter {background-color:#FFFFFF; margin:48px 0px 20px 20px; width:285px; float:left}
#Twitter, #Twitter .sb-inner {background-color:#FFFFFF;}
#Twitter .sb-border {background:#A6B7C5;}

/* Latest News */
#latestNews {background-color:#FFFFFF; margin:48px 0px 20px 0px; width:285px; float:left}
#latestNews, #latestNews .sb-inner {background-color:#FFFFFF;}
#latestNews .sb-border {background:#A6B7C5;}

/* Approach Times */
#approachTimes {background-color:#FFFFFF; margin:48px 0px 20px 20px;}
#approachTimes, #approachTimes .sb-inner {background-color:#FFFFFF;}
#approachTimes .sb-border {background:#A6B7C5;}
#ReloadThis {width:250px; height:100px; overflow:hidden}
#MyTimes {margin:0 auto; text-align:center; color:#163654;text-align:left; background:#fff; width:242px; position:relative; right:8px; padding:0 10px;}
#MyTimes p {font-size:1.2em; line-height:1.4em; color:#163654;}
#MyTimes h5 {font-size:1.2em; color:#FD7016; font-weight:normal; padding-bottom:0.6em;font-family:Trebuchet MS;font-weight:bold}
#MyLoader {height:100px; width:250px; background:#fff; position:absolute; bottom:0px;filter:alpha(opacity=90);opacity:0.9;}
#MyLoader img {width:66px; height:66px; margin:0 auto; padding-top:15px; position:relative; right:8px }

/* Traffic Information */
#trafficInformation {background-color:#FFFFFF; margin:50px 0px 20px 20px;}
#trafficInformation, #trafficInformation .sb-inner {background-color:#FFFFFF;}
#trafficInformation .sb-border {background:#A6B7C5;}
.panelContent table {border:none !important; margin:0; padding:0}

/* Payments */
#paymentOptions {background-color:#FFFFFF; margin:50px 0px 20px 20px;}
#paymentOptions, #paymentOptions .sb-inner {background-color:#FFFFFF;}
#paymentOptions .sb-border {background:#A6B7C5;}

/* Application Options */
#applicationOptions {background-color:#FFFFFF; margin:50px 0px 20px 20px;}
#applicationOptions, #applicationOptions .sb-inner {background-color:#FFFFFF;}
#applicationOptions .sb-border {background:#A6B7C5;}
#applicationOptions a {text-decoration:none; color:#2068A8; border-bottom:1px dotted #2068A8;}
#applicationOptions a:hover {color:#FD7016;}

/* Tunnel Location */
#location {background-color:#FFFFFF; margin:50px 0px 20px 20px;}
#location, #location .sb-inner {background-color:#FFFFFF;}
#location .sb-border {background:#A6B7C5;}
#location ul, li {font-size:1.1em; margin:0; padding:0; padding-bottom:5px; list-style:none;}
#location a {text-decoration:none; color:#2068A8; border-bottom:1px dotted #2068A8;}
#location a:hover {color:#FD7016;}

/* Web Cams Page */
.horizontal-panel-holder {width:32%; float:left; text-align:left;}
#webcams {width:100%; text-align:left;}

/* Web Cams */
#webcamsbox {background-color:#FFFFFF; margin:0;}
#webcamsbox, #webcamsbox .sb-inner {background-color:#FFFFFF;}
#webcamsbox .sb-border {background:#A6B7C5;}
#flashDiv {width:805px; height:400px; outline:none;}
.panelContent {padding:10px; text-align:left;}
.panelContent p {background-color:#FFFFFF; color:#163654;}
.icon {position:relative; float:right; right:14px; margin-top:-37px;}

/* Download File Box */
.download-file {float:left; padding:5px; background:#B4C7D9 url(../images/download-arrow-bg.gif) no-repeat left center; clear:both; margin-bottom:5px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
.download-file:hover { background:#fd7016 url(../images/download-arrow-bg-hover.gif) no-repeat left center;}
.download-file a {text-decoration:none; color:#11496c; border-bottom:1px dotted #fff;}
.download-file p {margin:0; margin-left:40px; color:#163654; line-height:2em}

/* Table Styles */
#leftColumn table {margin:0; padding:0; border-spacing:0;border-collapse: separate; border-spacing: 0;*border-collapse: collapse;}
#leftColumn th {font-weight:bold; color:#ffffff; font-size:1.1em; background:#155697 url(../images/th-bg.gif) top left no-repeat; padding:10px;}
#leftColumn td {background-color:#FFFFFF; padding:10px; font-size:1.1em;}
.toll-costs {padding:5px; width:100%;}
.toll-costs td {border-bottom:1px solid #d9e4f0}

/* Form Content*/
.formContent {clear:both; text-align:left;}

/* 15px Padding Left */
.pad-left {padding-left:20px;}

/* Text Styles */
p {font-size:1.2em; line-height:1.5em; color:#1f4b74;}

/* X-Large White titles with orange underline */
h1a {text-transform:uppercase; border-bottom:1px solid #FD7016; font-size:2.4em; color:#FFFFFF; font-weight:normal; padding-bottom:0.1em; letter-spacing:-1px;font-family:Trebuchet MS; margin-bottom:30px; -moz-border-radius: 3px;-webkit-border-radius: 3px;text-shadow: #FFF 0 1px 0;}

h1 {text-transform:uppercase; font-size:1.8em; color:#0f4567; font-weight:normal; padding:0.3em 0.3em 0.8em 0.3em; letter-spacing:-1px;font-family:Trebuchet MS; background:#d9e4f0 url(../images/h2-bg.gif) no-repeat bottom left;margin:15px 0; -moz-border-radius: 3px;-webkit-border-radius: 3px;text-shadow: #FFF 0 1px 0;}

/* X-Large Blue title with arrow*/
h2 {text-transform:uppercase; font-size:1.8em; color:#0f4567; font-weight:normal; padding:0.3em 0.3em 0.8em 0.3em; letter-spacing:-1px;font-family:Trebuchet MS; background:#d9e4f0 url(../images/h2-bg.gif) no-repeat bottom left;margin:15px 0; clear:both; -moz-border-radius: 3px;-webkit-border-radius: 3px;text-shadow: #FFF 0 1px 0;}

/* X-Large Blue title */
h3 {text-transform:uppercase; font-size:1.7em; color:#2068A8; font-weight:normal; padding-bottom:0.6em; margin:5px 0px 0px 0px; letter-spacing:-1px; font-family:Trebuchet MS}

/* Large White title */
h4 {font-size:1.6em; color:#fff; font-weight:normal; padding:0 0 0 1.4em; margin-bottom:0em;font-family:Trebuchet MS; font-weight:bold; background:url(../images/h4-bg.gif) 0px 1px no-repeat;}

/* Medium Orange title */
h5 {font-size:1.2em; color:#FD7016; font-weight:normal; padding-bottom:0.6em;font-family:Trebuchet MS;font-weight:bold}

/* Medium Black title */
h6 {font-size:1.2em; color:#0f4567; font-weight:normal; padding-bottom:0.6em;font-family:Trebuchet MS;font-weight:bold}

#leftColumn li {font-size:1.0em; color:#1f4b74}

/* Link styles */
#footer { background:#11496c url(../images/footer-bg.jpg) repeat-x top; border-bottom:3px solid #fd7016;}
#footer ul {list-style:none; width:924px; float:left;padding:0; margin:2px 0 15px 0}
#footer li {list-style:none; float:left; margin:0; padding:0; padding-top:10px; border-right:1px solid #053354}
#footer ul li a {text-decoration:none; padding:8px 12px 8px 12px; color:#bdd2e6; font-size:1.0em; display:block;border-top:1px solid #093552}
#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {background:#0e4469 url(../images/footer-link-bg.jpg) bottom repeat-x; color:#fff; border-top:1px solid #155b8a}
#footer-logo {background-image:url(../images/footer-logo.gif); background-position:870px 32px; background-repeat:no-repeat; border-top:1px solid #031F2D;}
#footer-created {color:#bdd2e6; font-size:1.0em; margin:0 auto; padding:0}
#footer-created a {color:#bdd2e6}
#footer-created a:hover {text-decoration:none}

/* For Link Indication */
a.external-link {padding-right:18px; background: url(../images/link-icon_external.gif) no-repeat right;}
a.pdf-link {padding-right:18px; background: url(../images/pdf-icon.gif) no-repeat right;}
a.email-link {padding-right:20px; background: url(../images/link-icon_mail.gif) no-repeat right; color:#FD7016;}
a:hover.email-link { text-decoration:none}
a.normal-link {text-decoration:none; color:#2068A8; border-bottom:1px dotted #2068A8;}
a:hover.normal-link {color:#FD7016;}

/* Font Colour Options */
.orange {color:#FD7016;}
.blue {color:#2068A8;}
.white {color:#FFFFFF;}

/* Form Styles */
.input{width:250px;padding:5px;-moz-border-radius:3px;-webkit-border-radius:3px; border:1px solid #9bbad9}
.date_input {width:30px;}
.req {color:#fd7016; font-weight:bold; font-size:1.7em;float:left; margin-left:5px}
label {font-size:1.2em; float:left}
dl{position:relative;width:600px;}
dt{clear:both;float:left;width:130px;text-align:left;padding:6px;}
dd{float:left;width:300px;padding-left:6px;text-align:left;margin:0 0 8px;}
.hint{display:none;position:absolute;right:-190px;width:300px;margin-top:-4px;border:1px solid #fd9e60;background:#fee0cd url(../images/pointer.gif) no-repeat -10px 5px;padding:10px 12px; font-size:1.0em;-moz-border-radius:3px;-webkit-border-radius:3px; -webkit-box-shadow: 0 0 .7em #bcbcbc;-moz-box-shadow: 0 0 .7em #bcbcbc; z-index:1000}
.hint .hint-pointer{position:absolute;left:-10px;top:5px;width:10px;height:19px;background:url(../images/pointer.gif) left top no-repeat;}

/* Message Box */
.message { width:91%; padding:20px 0px 20px 50px; border:1px solid #fd9e60;background:#fee0cd url(../images/alarm.gif) 10px 14px no-repeat; margin:0 auto; font-size: 1.4em; color:#9a3f01;-moz-border-radius:3px;-webkit-border-radius:3px;}

.success { width:91%; padding:20px 0px 20px 50px; border:1px solid #57A33F; background:#F1F7DB url(../images/tick.jpg) 10px 14px no-repeat; margin:0 auto; font-size: 1.4em; color:#57A33F;-moz-border-radius:3px;-webkit-border-radius:3px;}

/* Archives News */
.archives {background:url(../images/documents.gif) left no-repeat; display:block; padding:10px 0 10px 40px; font-size:1.2em}
.archives a { color:#0f4567; text-decoration:none;}
.archives a:hover, .archives a:focus, .archives a:active {background:none; color:#0f4567; border:none}
.archives:hover {background-color:#fff}
.archives-ul {padding-left:0px; margin:0}

/* Link Right */
.lright {background:url(../images/arrow-right.gif) left no-repeat; display:block; padding:10px 0 10px 40px; font-size:1.2em}
.lrighton {background:#ff872a url(../images/arrow-right.gif) left no-repeat; display:block; padding:10px 0 10px 40px; font-size:1.2em}
.lright a, .lrighton a { color:#0f4567; text-decoration:none;}
.lright a:hover, .lright a:focus, .lright a:active, .lrighton a:hover, .lrighton a:focus, .lrighton a:active  {background:none; color:#0f4567; border:none}
.lright:hover, .lrighton:hover {background-color:#fff}
.lright-ul {padding-left:0px; margin:0}

/* CMS Custom Styles */
.image-on-left {float:left; padding:0px 10px 10px 0px;}
.image-on-right {float:right; padding:0px 0px 10px 10px}

/* Login Box */
#login {position:relative; float:right; top:24px; color:#fff;}
#login a {color:#bdd2e6; margin-right:25px; font-size:1.2em; text-decoration:none; padding:5px; display:block; background:#083f88 url(../images/padlock-1.gif) no-repeat 3px; padding-left:20px;-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px}
#login a:hover {color:#fff; background:#f47321 url(../images/padlock-2.gif) no-repeat 3px; padding-left:20px}
/* Accordian */
#basic-accordian{position:absolute;width:600px;font-size:1.2em;height:750px; overflow:hidden;}
.accordion_headings{padding:8px 5px;background:#bdd2e6;border-bottom:1px solid #a0bbd4;border-top:1px solid #d3e0ee;cursor:pointer;}
.accordion_headings:hover{background:#fff;color:#163654;}
.accordion_headings:hover strong {background:transparent url(../images/arrow-left.gif) no-repeat scroll left center;padding:0px 0 0px 20px;margin-left:-10px;}
.accordion_child{padding:15px;background:#d9e4f0;}
.header_highlight{background:#f47321;color:#fff}
.header_highlight strong {background:transparent url(../images/arrow-left.gif) no-repeat scroll left center;padding:0px 0 0px 20px;margin-left:-10px;}

/* SAFARI HACKS */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#footer li { border:none }
#footer ul li a { border:none; margin-top:1px}
#footer ul li a:hover, ul li a:focus, ul li a:active { margin-top:0 }
h3 {font-size:1.3em}
}

/* USER ACCOUNT */

.adetails {width:100%; margin:0 auto; font-size:.8em; margin:20px 0}
.adetails td {background:#d3e0ee !important; border-bottom:1px solid #fff}
.adetails p {padding:0; margin:0; padding-bottom:3px}
textarea { font-family:Arial, Helvetica, sans-serif; font-size:1.2em}
input[type="button"],input[type="submit"] {padding:5px 10px; cursor:pointer; color:#163654}
#balance { width:444px; height:69px; background:url(../images/balance-bg.jpg) top left no-repeat; margin:0 auto}
#balance span {font-size:24px; position:relative; top:20px; left:250px; font-weight:bold; font-family:"Trebuchet MS", Arial; letter-spacing:-1px; color:#fd7016}
#transfer {width:300px; height:100%; background:#fff; padding:10px; margin:0 auto; -moz-border-radius:10px;-webkit-border-radius:10px; border:1px solid #b3c7d9}

/*Twitter*/

.twitted p.preLoader {margin: 0;padding: 1em 1em 1em 3em;background: transparent url("../images/system-loader.gif") 1em center no-repeat;}
.twitted ul#twitter_update_list {margin: 0;padding: 0 0.8em;list-style-type: none;}
.twitted ul#twitter_update_list li {margin: 0;padding: 0.8em 0 1em 0;border-bottom: 1px solid #d9e4f0;list-style-type: none;color:#163654}
.twitted ul#twitter_update_list li span {/* tweet content */display: block;}
.twitted ul#twitter_update_list li span a {/* links in tweet content */color: #fe7015;}
.twitted ul#twitter_update_list li a {/* timestamp link */color: #fe7015;}
.twitted ul#twitter_update_list li.firstTweet {}
.twitted ul#twitter_update_list li.lastTweet {border-bottom: none;}
.twitted p.profileLink {display: block;margin: 0;padding: 5px;color: #fe7015;background-color: #bdd2e6; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
.twitted p.profileLink img {margin-left:170px}

/* Latest Updates Panel */
.latestnews {font-size: 85%;}
.latestnews ul#latestnews_update_list {margin: 0;padding: 0 0.8em;list-style-type: none; padding-top:5px}
.latestnews ul#latestnews_update_list li {margin: 0;padding: 0.8em 0 1em 0;border-bottom: 1px solid #d9e4f0;list-style-type: none;color:#163654}
.latestnews ul#latestnews_update_list li span {/* tweet content */display: block; padding-bottom:5px}
.latestnews ul#latestnews_update_list li span p { line-height:normal; padding:0; margin:0}
.latestnews ul#latestnews_update_list li span a {/* links in tweet content */color: #fe7015;}
.latestnews ul#latestnews_update_list li a {/* timestamp link */color: #fe7015;}

.newpermit {float:left; padding:10px 10px 10px 0}
.newaccount {float:left; padding:10px 0}