/* Main CSS Elements */
body { color: #888; font-size: 62.5%; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #e6e6e6; background-image: url(../img-interface/img-topbluestrip.gif); background-repeat: repeat-x; margin: 0; padding: 0; }
form { margin: 0; }
a { color: #4814a0; text-decoration: underline; }
a:hover { text-decoration: none; }
p { color: #707070; font-size: 1.2em; line-height: 16px; }
ul { color: #888; font-size: 1.1em; line-height: 16px; list-style-type: square; }
li { color: #888; font-size: 1.2em; line-height: 16px; }
td { font-size: 1.2em; }
h1 { color: #4814a0; font-size: 2em; font-weight: bold; }
h2 { color: #707070; font-size: 1.8em; font-weight: bold; }
h3 { color: #707070; font-size: 1.5em; font-weight: bold; }
h4 { color: #4814a0; font-size: 1.4em; font-weight: bold; }

/* useful classes */

.centreme { text-align: center; margin: 0 auto; }

.hideme { display: none; visibility: hidden; }

.jhideme { display: none; } /* jquery show will only effect the display property, and as its only visual we dont need screenreaders to see this content */

/* Text & Table Styles */
.txt-red { color: #900; }
.txt-orange { color: #c63; }
.txt-blue { color: #339; }
.txt-green { color: #699; }
.txt-purple { color: #4814a0; }
.txt-aqua { color: #399; }

.txt-small { font-size: 0.8em !important; }

.txt-med { font-size: 1em !important; }

.txt-large { font-size: 1.3em; }
.td-lightgrey { background-color: #fafafa; }

/* Main Page Elements */
#wrapper { width: 985px; margin: 0 auto; }
#logobar { background-image: url(../img-interface/img-logobar.gif); background-repeat: no-repeat; width: 985px; height: 155px; float: left; }
#loginbar { background-image: url(../img-interface/img-loginbar.gif); background-repeat: no-repeat; width: 203px; height: 32px; float: right; margin-top: 4px; padding-right: 9px; }
#logintext { color: #693; font-size: 1em; width: 125px; height: 17px; float: left; padding-top: 10px; padding-left: 10px; }
#searchbar { background-image: url(../img-interface/img-searchbar.gif); background-repeat: no-repeat; width: 340px; height: 32px; float: right; margin-top: 4px; margin-right: 10px; }
.searchfield { width: 154px; height: 16px; float: left; margin-top: 6px; margin-left: 105px; border-width: 0; }
#panel-strapline { width: 231px; height: 91px; float: left; }
#column-left { width: 231px; float: left; margin-left: 17px; }
#column-centre { width: 504px; float: left; margin-left: 11px; }
#column-split-left { width: 249px; float: left; }
#column-split-right { width: 249px; float: left; }
#column-right { width: 203px; float: left; margin-left: 10px; }
#column-body { background-image: url(../img-interface/img-whitepagetile.gif); background-repeat: repeat-y; width: 985px; float: left; }
#page-header { width: 504px; height: 29px; float: left; }
#top-story-intro { width: 260px; float: left; margin-left: 9px; }
#top-story-thumb { width: 200px; float: left; margin-top: 15px; margin-bottom: 15px; margin-left: 13px; }
#results-bar { color: #4814a0; font-weight: bold; line-height: 28px; background-image: url(../img-search/img-results-bar.gif); background-repeat: no-repeat; text-indent: 10px; width: 495px; height: 29px; float: left; margin-bottom: 10px; }
#pages-bar { color: #4814a0; font-weight: bold; line-height: 28px; background-image: url(../img-search/img-results-bar.gif); background-repeat: no-repeat; text-align: center; text-indent: 10px; width: 495px; height: 29px; float: left; margin-top: 10px; }
#slideshow { width: 231px; height: 155px; float: left; }

/* banner Adverts */
.banner-left { width: 231px; height: 100px; float: left; margin-top: 10px; }
.banner-centre { width: 504px; height: 60px; float: left; margin-top: 20px; margin-bottom: 10px; }

/* News & Feature Elements */
.news-thumb-area { width: 212px; float: right; margin-top: 15px; margin-bottom: 15px; margin-left: 13px; overflow: hidden; display: block; }

.news-thumb-area a.first { border: solid 1px #c0c0c0; text-align: center; display: block; background-color: #f6f6f6; display: block; }

.news-thumb-area a.first img { width: 210px; }

.news-thumb { float: inherit; }
.news-comment-area { width: 212px; margin: 0; margin-top: 2px; }
.news-comment-text { background-color: #f2f2f2; color: #888; width: 200px; float: left; padding: 5px 7px; font-size: 11px; text-align: left !important; }
.img-zoom { text-align: right; width: 212px; float: left; margin-bottom: 5px; }

#feature { width: 249px; height: 29px; float: left; }
#feature-text { width: 233px; float: left; margin-bottom: 15px; margin-left: 10px; }
#case-study { width: 249px; height: 29px; float: left; }
#case-study-text { width: 233px; float: left; margin-bottom: 15px; margin-left: 10px; }
#headlines { width: 202px; height: 29px; float: left; }
#headlines-panel { background-color: #efefef; width: 202px; float: left; margin-top: 5px; margin-bottom: 10px; }
#headlines-text { font-size: 0.9em; width: 178px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 15px; margin-left: 11px; }
#headlines-text p { line-height: 14px; }
.headlines-dropdown { font-size: 1em; width: 178px; }
#headlines-text a { color: #707070; }
#latestpoll { width: 202px; height: 29px; float: left; }
#latestpoll-panel { background-color: #efefef; width: 202px; float: left; margin-top: 5px; margin-bottom: 10px; }
#latestpoll-text { font-size: 0.9em; width: 178px; float: left; margin-left: 11px; }
#events-diary { width: 504px; height: 29px; float: left; }
#events-diary-text { width: 486px; float: left; margin-left: 11px; }
#article-controls { width: 486px; height: 15px; float: left; }

/* Events Elements */
.event-thumb-area { width: 106px; float: right; margin-top: 25px; margin-bottom: 10px; margin-left: 13px; }
.event-thumb { float: inherit; border: solid 1px #c0c0c0; }


/*Transport Elements */
#panel-parking-top { background-image: url(../img-transport-logistics/panel-parking-top.gif); background-repeat: no-repeat; width: 202px; height: 54px; float: left; margin-top: 5px; }
#panel-parking-info01 { background-image: url(../img-transport-logistics/panel-parking-info-01.gif); background-repeat: no-repeat; width: 202px; height: 50px; float: left; }
#panel-parking-info02 { background-image: url(../img-transport-logistics/panel-parking-info-02.gif); background-repeat: no-repeat; width: 202px; height: 50px; float: left; }
#panel-parking-info03 { background-image: url(../img-transport-logistics/panel-parking-info-03.gif); background-repeat: no-repeat; width: 202px; height: 49px; float: left; }
#panel-parking-info04 { background-image: url(../img-transport-logistics/panel-parking-info-04.gif); background-repeat: no-repeat; width: 202px; height: 49px; float: left; }
#panel-parking-base { background-image: url(../img-transport-logistics/panel-parking-base.gif); background-repeat: no-repeat; width: 202px; height: 13px; float: left; }
#panel-parknride-top { background-image: url(../img-transport-logistics/panel-parknride-top.gif); background-repeat: no-repeat; width: 202px; height: 53px; float: left; margin-top: 5px; }
#panel-parknride-info01 { background-image: url(../img-transport-logistics/panel-parknride-info-01.gif); background-repeat: no-repeat; width: 202px; height: 49px; float: left; }
#panel-parknride-info02 { background-image: url(../img-transport-logistics/panel-parknride-info-02.gif); background-repeat: no-repeat; width: 202px; height: 50px; float: left; }
#panel-parknride-info03 { background-image: url(../img-transport-logistics/panel-parknride-info-03.gif); background-repeat: no-repeat; width: 202px; height: 49px; float: left; }
#panel-parknride-base { background-image: url(../img-transport-logistics/panel-parknride-base.gif); background-repeat: no-repeat; width: 202px; height: 16px; float: left; }
.parking-digits { color: #eee000; font-size: 1em; text-indent: 20px; width: 180px; float: left; margin-top: 33px; }

/* Members Area Elements */
#membernav { width: 202px; height: 29px; float: left; }
#membernav-panel { background-color: #efefef; width: 202px; float: left; margin-top: 5px; margin-bottom: 10px; }
#membernav-text { font-size: 0.8em; width: 178px; float: left; padding-top: 5px; padding-bottom: 5px; margin-left: 11px; }
#membernav-text a { color: #3c7319; }
#main-body-text { width: 486px; float: left; margin-left: 9px; }

#column-feedback { width: 486px; float: left; margin-left: 9px; }
#feedback-header { font-weight: bold; line-height: 32px; background-image: url(../img-news-headlines/img-feedback-tab.gif); background-repeat: no-repeat; text-align: right; width: 486px; height: 29px; float: left; margin-top: 15px; }
.feedback-panel-odd { background-image: url(../img-news-headlines/img-feedback-tile-odd.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 486px; float: left; }
.feedback-panel-even { background-image: url(../img-news-headlines/img-feedback-tile-even.gif); background-repeat: repeat-y; width: 486px; float: left; }
.feedback-text { font-size: 0.9em; text-align: left; width: 450px; float: left; margin: 5px 15px; }

#comment-header { font-weight: bold; line-height: 32px; background-image: url(../img-news-headlines/img-comment-tab.gif); background-repeat: no-repeat; text-align: right; width: 486px; height: 29px; float: left; margin-top: 15px; }
#comment-header a { color: #3c7319; }
#comment-panel { background-image: url(../img-news-headlines/img-comment-tile.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 486px; float: left; }
#comment-text { font-size: 0.9em; text-align: left; width: 450px; float: left; margin: 5px 15px; }

.tab-panel-header { width: 486px; height: 29px; float: left; margin-top: 15px; }
.tab-panel-green { background-image: url(../img-members-area/img-report-tile.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 486px; float: left; }
.tab-panel-orange { background-image: url(../img-members-area/img-reset-tile.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 486px; float: left; }
.tab-panel-purple { background-image: url(../img-resources/img-download-tile.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 486px; float: left; }
.tab-panel-text { font-size: 0.9em; text-align: left; width: 450px; float: left; margin: 5px 15px; }

/* Footer */
#footer { background-image: url(../img-interface/img-footer-bdp.gif); background-repeat: no-repeat; width: 985px; height: 110px; float: left; padding-top: 25px; }
#footer-dots { background-image: url(../img-interface/img-footer-dots.gif); background-repeat: no-repeat; width: 985px; height: 5px; float: left; }
#footer-text { text-align: center; width: 985px; float: left; padding-top: 10px; }
#footer-text p { font-size: 1.0em; line-height: 18px; }

.filter_form { margin-top: 0.6em; }

.i_form label { font-size: 1.2em; }

#captcha_image { border: 1px solid #474f7e; }

.form_errors, .form_notes { margin-top: 0.6em; }

.form_errors strong { font-size: 1.2em; color: #990000; }

.form_errors li { font-size: 1.15em; }

.form_notes { text-align: center; }

.form_notes strong { visibility: hidden; display: none; }

.form_notes li { list-style: none; font-weight: bold; color: #12a902; }


/* Welcome Text */
#welcomepage-panel { background-color: #efefef; float: left; width:231px; margin-top: 10px; margin-bottom: 10px; }
#welcomepage-text { font-size: 0.9em; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; margin-left: 11px; }