/* css definitions - South-eastern parnking - handheld */

.nav_hh { background-image: none; width:auto;}
.nav table_hh  {  font-size:8pt; color:#F80005; font-weight: bold; width: auto; margin-top:0px;}
table.meteor_hh { width:auto; font-size:10px;}

/* css definitions - South-eastern parnking - Main site */

img { border:none; padding:0px;} 

/* text definitions */
table {font-family:verdana,helvetica,sans-serif; font-size: 9pt; word-spacing: normal; line-height: 18px;}
.arepo {font-weight:bold; color:#085DAA;}
table.header { width:100%; border-bottom: solid 0px #000000;}
table.main { width:100%;}
h1 {font-size: 12pt;  color:#000000; margin-top:5px; margin-bottom:5px;}
h2 {font-size: 11pt;  color:#372D88; margin-top:10px; margin-bottom:10px;}
h3 {font-size: 10pt;  color:#372D88; font-weight:bold; padding:2px; margin-bottom:0px; background-color:#EFEFFB;}
h4 {font-size: 11pt;  color:#000000; margin-top:5px; margin-bottom:5px;}
ul {margin-top:5px; margin-bottom:2px; margin-left:15px; }
li {padding:3px 0px 3px 0px; color:#372d88;}
.normal {color:#000000; font-weight:normal;}

/* layout of station/carpark info */
td.permits { width:50%; vertical-align:top; border-right: solid 1px #D62125; }
td.permits2 { width:50%; vertical-align:top;}
table.layout {width:100%;}
table.display { width:350px; margin-bottom:20px;}
td.title { vertical-align:top; width:1%; white-space:nowrap; color:#372D88; font-weight: bold; font-size:9pt; padding: 5px 5px 5px 0px;}
td.text-plain {padding: 5px 5px 5px 0px;}
td.station { border: solid 1px #000000; padding: 5px 5px 5px 5px; font-size:9pt;}

table.carpark { width:100%;}
.carpark td {padding-left:10px;}
td.carparktitle {  color:#000000; font-weight: bold; font-size:11pt; padding: 5px 5px 5px 0px;}
td.detailstitle { width:auto; color:#372D88; font-weight:bold; margin-bottom:10px; background-color:#EFEFFB; white-space: normal;}
td.detailstitle-2 { width:12%; color:#372D88; font-weight:bold; margin-bottom:10px; background-color:#EFEFFB; white-space: normal;}

/* ticket types */
td.types { width:25%; vertical-align:top; color: #000000; font-weight:bold; }
.ticket-spacer  { border-bottom: solid 1px #D62125; line-height:0.25px; margin-top:0px; margin-bottom:0px;}

.message {color:#d62129; line-height:18px; padding-top:10px; padding-bottom:00px;}
.info {font-size:8pt; vertical-align:top;}
td.info {font-size:8pt; vertical-align:top; width:40%; padding-left:0px;}
table.cp_info {font-size:8pt; width:100%; line-height:15px;}
td.cp {font-weight:normal; white-space:nowrap; vertical-align:top; width:1%; color:#372D88; padding-left:10px;}
td.product {text-transform: capitalize;}
td.button { text-align:left;}

.spacer  { border-bottom: solid 1px #D62125; line-height:0.25px; margin-top:10px; margin-bottom:10px;}
.carpark-spacer { border-bottom: solid 1px #000000; line-height:0.25px; padding: 5px 0px 5px 0px;}
.select { border-style:solid;border-width:1px;overflow:hidden; }

.faq-q { margin: 0px 0px 10px 5px; }
.faq-q ol { margin: 0px 0px 0px 25px; }
.faq-q li {padding: 0px 0px 0px 0px; color:#5656C8;}
table.faq {width:99%; margin: 10px 0px 0px 0px;  }
.faq td.text { padding: 0 0 5 0; line-height:18px;}
.faq td.top { vertical-align:top; text-align:right; font-size:8pt;  background-color:#EFEFFB; width:1%; white-space:nowrap;}


/* LINKS */
a, a:link, a:visited { text-decoration:none; color:#5656C8;}
a:hover {text-decoration: underline; color:#F80005}

/* NAV */
.nav a, .nav a:link, .nav a:visited {text-transform: none; color:#372D88; padding:3px; }
.nav a:hover {text-decoration:none; color:#ffffff;}
.nav { background-image: url(../images/nav-img.jpg); width:100%; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}
.nav table  {  font-size:8pt; color:#F80005; font-weight: bold; width: auto; margin-top:0px; border: solid 0px #9999CD;}
.nav td {  text-align:left; white-space:nowrap;}




/* LAYOUT OF TEXT IN COLUMNS */
table.content-layout {width: 100%; padding:0px; margin:5 0 5 0; border-collapse:collapse;}
table.details { height: 100%;}

/* 2 column boxes */
.box { margin-top:2px; width:100%; }

/* all rounded tables*/
.rnd_table { width:100%;  table-layout:fixed; } 

/* white center part */
.rnd_table .inner { background-color:#ffffff; color:#000000; padding:5px;}
.rnd_table .outer {padding:2px;}

/* coloured borders */
div.blue-border { background-color:#9999CD;} 

/* contact table */
td.contact-b {color:#372D88; font-weight: normal; padding-right: 10px; vertical-align: text-top;}

/* FOOTER */
.footer {  margin-top:5px; border-top: solid 1px #000000;}
table.meteor { width:100%; font-size:10px;}
td.meteor {text-align: center;}
td.goahead { vertical-align:middle; text-align:center; font-size:7pt; line-height:normal; border-bottom: solid 0px #000000; border-top: solid 0px #000000; padding:5 0 5 0;}


/* COLOURS */
/* #BDCBE7 = dark blue */
/* #abc2ef = pale blue */
/* #cecece = grey */
/* #D9D9D9 = nav grey */

/* CONTRAST COLOURS */
/* #e2507f = pink - core features */
/* #04B95A = green - contact */
/* #841010 = brown/red - pricing */
/* #51BBA5 = blue/green - purchase */
/* #43ACDB = pale blue - demo, support, contact */