/* 
    Copyright © 2008 Computer Sciences Corporation Denmark (CSC).
    All rights reserved. You may not use, copy, modify or transfer this
    program or any copy, modification or portion, in whole or in part,
    without the explicit written permission of CSC Denmark
*/
/* --------------------------------------------------------------- */
/*  Style sheet for Movia                                          */
/* --------------------------------------------------------------- */

/* --- generic declarations --- */
body { margin: 0; padding: 0; background: url(/_layouts/images/backgrounds/body.png) #aaa repeat; font: normal 69% Helvetica, Arial, sans-serif }

.clearFloats { clear: both; border-bottom: 1px solid white; margin-bottom: -1px; }

.left { float: left }
.right { float: right }

img { display: block; border: none }
img.left { margin: 8px 15px 8px 0 }
img.right { margin: 8px 0 8px 15px }

a:link, a:visited { text-decoration: underline; color: #707070 }
a:hover { color: black }

caption { text-align: left; padding-bottom: 20px }
td, th { vertical-align: top; text-align: left }
#content td, #content th { text-align: none }

#skipNavigation { float: left }

h1, h2, h3 { margin: 0; clear: both }
h1 { font: bold 2em Helvetica, Arial, sans-serif; margin-bottom: 10px }
h2 { font: bold 1.4em Helvetica, Arial, sans-serif; margin-top: 30px }
h3 { font: bold 1em Helvetica, Arial, sans-serif }

p { margin: 0 0 15px 0 }
p.ingress { font-weight: bold }

.nobreaks { white-space: nowrap }

/* --- page container, placeholder for everything except the footer --- */
#pageContainer { width: 810px; margin: 0 auto; padding: 0 39px 0 99px; background: transparent url(/_layouts/images/backgrounds/page_container.png) repeat-y }

/* --- header --- */
#header { padding: 30px 0 0 0; margin: 0 }

.logo { float: left; margin-bottom: 30px }
img.heading { margin-bottom: 5px }

.globalLinks { float: right }
.globalLinks a:link, .globalLinks a:visited { text-decoration: none }
.globalLinks a:hover { text-decoration: underline; color: black }
.globalLinks .col1 { width: 6em; float: left }
.globalLinks .col2 { width: 10em; float: left }
.globalLinks .col3 { float: left }
.globalLinks .row2 { clear: both; margin-top: 6px }

/* --- quick search --- */
#quickSearch { float: right; width: 210px; text-align: right; position: relative; top: -14px }
#quickSearch input.text { float: left; width: 160px; margin-right: 9px }
#quickSearch input.submit { float: left }

/* --- utility bar, includes breadcrumbs, clock and log in link --- */
#utility { margin: 0 0 10px 180px; padding-bottom: 5px }
#pageContainer.twoColumns #utility { margin-left: 0 }
#pageContainer.threeColumns #utility { margin-left: 0 }

#breadcrumbs { float: left; width: 336px; padding-right: 10px; font-size: 92%; font-family: Tahoma, Monaco, sans-serif }
#breadcrumbs ul { margin: 0; padding: 0; display: inline }
#breadcrumbs ul li { list-style: none; display: inline }
#pageContainer.twoColumns #breadcrumbs { width: 516px }
#pageContainer.threeColumns #breadcrumbs { width: 516px }
#pageContainer.hideBreadcrumbs #breadcrumbs { visibility: hidden }

#clock { float: left; position: relative; top: -4px; font-size: 150%; font-weight: bold; color: #707070; visibility: hidden }
#clock div.delimiter { float: left; padding-left: 1px; width: 8px }

#login { float: right; color: #cb3398; width:210px; text-align: right }
#login img { float: right }
#login a { color: #cb3398 }
	.remember-me { margin-bottom: 6px }
	.remember-me div { float: left; width: 64px; margin-top: 3px }

/* --------------------------------------------------------------- */
/*  main area, contains left navigation + content + sidebar        */
/* --------------------------------------------------------------- */
#mainArea { position: relative; width: 810px }

/* emergency page content */
.emergencyPage { min-height: 400px }

/* normal content area with left navigation and sidebar */
#contentArea { float: left; position: relative; width: 390px}
#contentArea.flexibleSize{width: 810px;}
/* content area spanning left and middle columns, hiding left navigation */
#pageContainer.twoColumns #contentArea { width: 570px }
#pageContainer.twoColumns #leftNav { display: none }

/* content area spanning all three columns, hiding left navigation and sidebar */
#pageContainer.threeColumns #contentArea { width: 810px }
#pageContainer.threeColumns #leftNav { display: none }
#pageContainer.threeColumns #sidebar { display: none }

#contentArea .headerGraphic { margin-bottom: 10px }

#content { padding-right: 30px; position: relative; min-height: 390px }
/*
#content ul { margin: -10px 0 10px 0; padding: 0 }
#content ul li { position: relative; list-style-type: none;  margin: 0; padding: 0 0 0 20px; background-position: 10px 10px; background-repeat: no-repeat }
*/
#content ol { margin: 10px 0 10px 10px; padding-left: 20px }
#content ol li { margin-bottom: 10px }

.leftContentColumnBusRoutes { float: left; width: 260px; margin-top: 30px; margin-right: 30px }
.rightContentColumnBusRoutes { float: left; margin-top: 30px; width: 270px }
.routesNextPeriod { margin-bottom: 30px }
#content.contentBusRoutes .right { width: 200px }

/* --- iframe in content area --- */
iframe { border: none; width: 810px; height: 450px }

iframe.flexibleSize{width:810px; height:600px}

/* map search */
.mapSearch { float: left; padding-bottom: 30px; padding-right: 15px }
.mapSearch h1 { font-size: 100%; margin-bottom: 3px }
.mapSearch img { margin-top: 15px }
.busSearch { float: left; width: 166px }
.busSearch h1 { font-size: 100%; margin-bottom: 3px }
#hereAndNow h1 { font-size: 100%; margin-bottom: 3px }

/* --- site map --- */
#content .sitemap { margin: 15px 0 0 0; padding: 0 }
#content .sitemap ul { margin: 0 0 0 20px; padding: 0 }
#content .sitemap ul li { margin: 2px 0 0 0; padding: 0; list-style-type: none; background-image: none !important; background-color: white }

/* --- sections on front page --- */
#findYourWay { float: left; position: relative; width: 175px; min-height: 300px; margin-right: 30px; border-bottom: 1px solid black }
#findYourWay p { margin-bottom: 10px }
#hereAndNow { float: left; position: relative; width: 330px; min-height: 300px; border-bottom: 1px solid black }
#hereAndNow p { margin-bottom: 1em }

/* --------------------------------------------------------------- */
/*  route search forms                                             */
/* --------------------------------------------------------------- */
/* --- route search, 'simple' --- */
.routeSearchSimpleForm { margin-bottom: 20px }
.routeSearchSimpleForm .text { float: left; width: 120px; margin-right: 5px }

/* --- route search, 'advanced' --- */
.routeSearchAdvancedForm label.noFloat { float: none }
.routeSearchAdvancedForm .clearFloats { clear: both; margin-top: 10px }
.routeSearchAdvancedForm img.heading { margin-bottom: 10px }
.routeSearchAdvancedForm input.text { float: right; width: 134px; margin-bottom: 5px }
.routeSearchAdvancedForm input.date { width: 73px; margin-right: 5px; padding: 2px 1px; border: 1px solid black; font-size: 92% }
.routeSearchAdvancedForm input.time { width: 34px; padding: 2px 1px; border: 1px solid black; font-size: 92% }
.routeSearchAdvancedForm input.radioDepart { float: left; margin-right: 2px }
.routeSearchAdvancedForm input.radioArrive { float: left; margin-right: 2px }
.routeSearchAdvancedForm .submit { float: right; margin-top: 5px; cursor: pointer }
.routeSearchAdvancedForm fieldset.radio { float: left; padding-top: 5px }
.routeSearchAdvancedForm fieldset.radio label { margin-top: 3px }

/* splash boxes */
.splash { padding-top: 15px  }
.splash .box { float: left; width: 330px; min-height: 30px; /* padding-left: 42px; */ margin-right: 30px; /* background: url(/_layouts/images/backgrounds/logo_bullet_black.gif) transparent no-repeat */ }
.splash .news { float: left; width: 179px; min-height: 30px; line-height: 120% }
.splash p { margin-bottom: 0 }
.splash h1 { font-size: 100% }

/* Region boxes for kommune/Region frontpage */
.mapRegion { float: left; padding-top: 15px }
.mapRegion .left { float: left; width: 254px; min-height: 30px; margin-right: 30px;}
.mapRegion .right { float: left; width: 254px; min-height: 30px;}
.mapRegion .regionSjaellandMap { margin-top: 10px; clear: left}
.mapRegion .regionHovedstadenMap { margin-top: 10px; clear: left}
.mapRegion p { margin-bottom: 0 }
.mapRegion h1 { font-size: 100% }

/* --------------------------------------------------------------- */
/*  sidebar, with banners, quick links etc                         */
/* --------------------------------------------------------------- */
#sidebar { float: right; width: 212px }
#sidebar .banner { margin-bottom: 30px }
#sidebar .quickLinks { padding: 20px 30px; margin-bottom: 30px }
#sidebar .quickLinks ul { margin: 0; padding: 0 }
#sidebar .quickLinks ul li { list-style-type: none; margin: 0 0 3px 0 }
#sidebar .quickLinks h3 { font-size: 1.4em; margin-bottom: 3px }
#sidebar .quickLinks a { color: white }
#sidebar .quickLinks a:hover { color: #eee }

#sidebar .quickLinks ul li:first-line { margin-left: -10px }

/* --- generic form declarations --- */
fieldset { border: none; margin: 0; padding: 0 }
label { float: left; margin-top: 3px; }
input.text { border: 1px solid black; padding: 2px 1px; font-size: 100% }
select { border: 1px solid black; padding: 1px; font-size: 100% }
textarea { border: 1px solid black; padding: 1px; margin-bottom: 10px; width: 220px; height: 120px; font: normal 100% Helvetica, Arial, sans-serif }

/* --- login form --- */
.loginForm { margin: 0 0 20px 0; padding-bottom: 10px }
.loginForm label { width: 68px; position: relative; top: 4px; margin-bottom: 5px }
.loginForm .text { width: 138px; margin-bottom: 8px }
.loginForm input.submit { float: right }
.loginForm a { text-decoration: underline; margin-right: 5px }
.loginForm .left { position: relative; top: 4px }
.loginForm .remember-me a { margin-right: 12px }

/* --- Mitt Movia, also used on various other pages --- */
.mittMovia .loginForm { margin-top: 30px; width: 210px }
.mittMovia .loginFormWrapper { border-bottom: 1px solid black; margin-bottom: 10px }
.mittMovia .right { margin-top: 30px }
.mittMovia p { margin-bottom: 30px }
.mittMovia .linjeInfo { border: none; background-color: white; padding: 0; width: auto }
.mittMovia caption { padding-bottom: 10px }
.mittMovia .linjeInfo p { width: auto }
.mittMovia .linjeInfo table { margin: 0 0 20px 0; border-collapse: collapse }
.mittMovia .linjeInfo table td { padding: 3px }
.mittMovia .linjeInfo tr.oddRow td { background-color: #f3f3f3 }
.mittMovia .linjeInfo td.col1 { width: 50px }
.mittMovia .linjeInfo td.col2 { width: 260px }

.mittMovia .subscribeForm { margin-bottom: 10px }
.mittMovia .subscribeForm label { float: none; margin-right: 20px }

.mittMovia .wizardSteps { margin-bottom: 10px; padding-bottom: 10px }
.mittMovia .wizardSteps a, .mittMovia .wizardSteps a:link { display: block; float: left; position: relative; top: 1px; padding: 1px 7px; margin-right: 10px; border: 1px solid black; text-decoration: none; color: black; font-size: 140%; font-weight: bold }
.mittMovia .wizardSteps a:hover { background-color: #eee }
.mittMovia .wizardSteps a.active { background-color: #707070; color: white }

.mittMovia .genericForm { width: 350px }
.mittMovia .genericForm .text { width: 140px; margin-bottom: 10px }
.mittMovia .genericForm .short { width: 80px }
.mittMovia .genericForm p { float: left; width: 130px; margin-bottom: 10px }
.mittMovia .genericForm label { float: left; width: 130px; margin-bottom: 10px }
.mittMovia .genericForm fieldset.radiobuttons label { float: none; width: auto }
.mittMovia .genericForm fieldset.checkboxes { margin-top: 10px }
.mittMovia .genericForm fieldset.checkboxes input { float: left; margin-right: 5px }
.mittMovia .genericForm fieldset.checkboxes label { width: 310px }
.mittMovia .genericForm .submit { float: right; margin-top: 10px }
.mittMovia .genericForm .long { width: 200px } 

.mittMovia .genericForm select { width: 220px; padding: 0; margin-bottom: 10px }
.mittMovia .genericForm select.country { width: 143px }

.mittMovia .genericForm .routes input { width: 42px }
.mittMovia .genericForm ul { margin: 10px 0 !important; padding: 0 }
.mittMovia .genericForm ul li { list-style-type: none; margin: 0; padding: 0 }

.mittMovia .genericForm p.long { width: 200px }

.genericForm fieldset.calculate select { width: 144px }

.mittMovia .linjeInfo .linechangesrow td { padding: 0 }

.mittMovia table.subscriptionInfo { margin: 0 5px 20px 5px }
.mittMovia table.subscriptionInfo .col0 { width: 10px }
.mittMovia table.subscriptionInfo .col1 { width: 12px }
.mittMovia table.subscriptionInfo .col2 { width: 180px }
.mittMovia table.subscriptionInfo .col3 { width: 30px }
.mittMovia table.subscriptionInfo .col4 { width: 40px}
.mittMovia table.subscriptionInfo .col5 { width: 20px }

.mittMovia table.nextBusInfo { margin: 5px; width: 337px; }
.mittMovia table.nextBusInfo .col1 { width: 40px }
.mittMovia table.nextBusInfo .col4 { width: 30px; }
.mittMovia table.nextBusInfo td.col5 { width: 20px; text-align: right }
.mittMovia table.nextBusInfo td.col5 img { float: right; padding-right: 5px; }

.mittMovia .NextBusMitMoviaLastUpdate { margin-bottom: 3px; margin-left: 3px; }
.mittMovia .nextBusInfo td { padding: 3px }
.mittMovia .nextBusInfo tr.oddRow td { background-color: #f3f3f3; }
.mittMovia .nextBusInfo tr.evenRow td { background-color: white; }
.mittMovia .noFavorites{margin-bottom: 5px; margin-left: 6px}

.mittMovia .nextbusnobuspicked {margin-bottom: 5px; margin-left: 6px; display:block;}


.linechanges { display: none }
.linechanges h5 { font-size: 11px; margin: 0; padding: 0 0 0 3px; font-weight: bold }
.linechanges p { margin: 0; padding: 0 0 5px 3px }

/* --- form validation error message --- */
.formValidationErrorMessage { font-weight: bold; color:red }
.formValidationErrorMessage ul { margin: 10px 0 20px 20px !important }
.formValidationErrorMessage ul li { margin-left: 15px; padding: 0; list-style-type: disc; color: red; font-weight: normal; background-image: none !important }

.mittMovia table.chooseDirection { width: 350px; border-collapse: collapse }
.mittMovia table.chooseDirection th { padding: 5px 0 5px 10px }
.mittMovia table.chooseDirection td { padding: 5px 0 5px 10px }
.mittMovia table.chooseDirection td img { margin-top: 5px }
.mittMovia table.chooseDirection tr.oddRow td { background-color: #eee }
.mittMovia table.chooseDirection input { margin: 0 3px }
.mittMovia table.chooseDirection label { float: none; width: auto }
.mittMovia table.gemensammeStoppested { margin-bottom: 20px }

.mittMovia table.nextBusResults { border-collapse: collapse; margin: 10px 0; width: 350px }
.mittMovia table.nextBusResults th, .mittMovia table.nextBusResults td { padding: 3px 5px; border-bottom: 1px solid white }
.mittMovia table.nextBusResults th { text-align: left; padding: 5px 0 5px 10px }
.mittMovia table.nextBusResults td { padding: 5px 0 5px 10px }
.mittMovia table.nextBusResults td img { margin-top: 5px }
.mittMovia table.nextBusResults tr.oddRow td { background-color: #eee }
.mittMovia table.nextBusResults th.time { width: 36px }

.mittMovia table.checkChanges { border-collapse: collapse; width: 100% }
.mittMovia table.checkChanges caption { font-weight: bold; margin-top: 20px; margin-bottom: 10px; padding: 0 }
.mittMovia table.checkChanges td, .mittMovia table.checkChanges th { padding: 1px 2px }
.mittMovia table.checkChanges th { font-style: italic; font-weight: normal }
.mittMovia table.checkChanges td.col1 { font-weight: bold }
.mittMovia table.checkChanges td.col2 { font-weight: bold; color: #707070 }
.mittMovia table.checkChanges hr { height: 1px; margin-top: 20px; border: none; border-top: 1px solid white }

/* --- contact form --- */
.contactForm label { float: left; width: 90px }
.contactForm .text { width: 150px; margin-bottom: 10px }
.contactForm select { border: 1px solid black; width: 154px; margin-bottom: 10px }
.contactForm textarea { margin-bottom: 10px; width: 220px; height: 120px; font: normal 100% Helvetica, Arial, sans-serif }
.contactForm .submit { float: right; margin-right: 45px }

/* --- köreplaner form 1 --- */
.routeplanForm1 { margin-top: 30px }
.routeplanForm1 fieldset { float: left; width: 154px }
.routeplanForm1 label { float: none; font-weight: bold }
.routeplanForm1 span.plaintext { float: none; font-weight:normal }
.routeplanForm1 div.left { text-align: center; margin-left: 60px }
.routeplanForm1 input.text { width: 150px; margin-bottom: 25px }
.routeplanForm1 select { width: 154px }
.routeplanForm1 input.submit { margin-top: 10px }

/* --- köreplaner search results --- */
table.routeplanSearchResults { width: 100%; border-collapse: collapse }
table.routeplanSearchResults caption { text-align: left; padding-top: 30px; padding-bottom: 0 }
table.routeplanSearchResults a:link { color: black; text-decoration: none }
table.routeplanSearchResults a:visited { color: black; text-decoration: none }
table.routeplanSearchResults a:hover { color: #707070; text-decoration: underline }
table.routeplanSearchResults th { padding: 8px 0px 8px 20px; text-align: left }
table.routeplanSearchResults td { padding: 6px 0px 6px 20px }
table.routeplanSearchResults td img { margin-top: 5px }
table.routeplanSearchResults th.col1 { width: 60px }
table.routeplanSearchResults th.col2 { width: 40px }
table.routeplanSearchResults tr.oddRow td { background-color: #f3f3f3 }
table.routeplanSearchResults a img { display: inline }

/* --- köreplaner search results --- */
table.nextBusSearchResults { width: 500px; border-collapse: collapse }
table.nextBusSearchResults a:link { color: black; text-decoration: none }
table.nextBusSearchResults a:visited { color: black; text-decoration: none }
table.nextBusSearchResults a:hover { color: #707070; text-decoration: underline }
table.nextBusSearchResults caption { text-align: left; padding-top: 30px; padding-bottom: 0 }
table.nextBusSearchResults th { padding: 5px 0px 5px 30px; text-align: left }
table.nextBusSearchResults td { padding: 5px 0px 5px 30px }
table.nextBusSearchResults td img { margin-top: 5px }
table.nextBusSearchResults th.col1 { width: 70px }
table.nextBusSearchResults th.col2 { width: 40px }
table.nextBusSearchResults tr.oddRow td { background-color: #f3f3f3 }

.searchResults { margin-top: 30px }
.searchResults .item { padding-top: 5px; border-top: 1px solid black }
.searchResults .item h2 { font-size: 100% }
.searchResults .item h2 a { color: black; text-decoration: none }
.searchResults .item h2 a:hover { text-decoration: underline }
.searchResults .item p { margin-bottom: 15px }
.searchResults .item p a { color: black; text-decoration: none }
.searchResults .item p a:hover { text-decoration: underline }

.searchResultsNavigation { margin-top: 30px }
.searchResultsNavigation span { margin-right: 10px }
.searchResultsNavigation .previous { margin-right: 30px }
.searchResultsNavigation .next { margin-left: 30px }

.linjeInfo { border: 1px solid black; padding: 30px }
.linjeInfo p { width: 400px }
.linjeInfo .right { width: 240px }
.linjeInfo .left, .linjeInfo .right { margin-bottom: 10px }
.linjeInfo .left select { clear: left; padding: 1px; }
.linjeInfo .left .submit { position: relative; top: 5px }

.linjeInfo .right img { margin: 0 10px 0 0 }

.linjeInfo .right div { margin: 10px 0 5px 3px }
.linjeInfo .right div img { float: left; margin-right: 8px }
 
.linjeInfo .left span { margin-right: 20px }
.linjeInfo .scrollDiv { width: 748px; overflow: auto }
.linjeInfo .submit { margin-left: 15px }
.linjeInfo h2 { margin-top: 0 }

.tab { float: left; position: relative; top: 1px; margin-right: 10px; border: 1px solid black; border-bottom: none; background: url(/_layouts/images/backgrounds/tab_bottom.gif) white bottom left }
.tabs a.inner { display: block; text-decoration: none; color: black; padding: 2px 15px 0 15px }
.tabs .active a.inner { background: url(/_layouts/images/backgrounds/tab_active.gif) transparent top left no-repeat; padding-bottom: 4px }
.tabs a.tabinner { display: block; text-decoration: none; color: black; padding: 2px 15px 0 15px }
.tabs .active a.tabinner { background: url(/_layouts/images/backgrounds/tab_active.gif) transparent top left no-repeat; padding-bottom: 4px }

input.changeDirection { margin-left: 10px; margin-top: 8px }

.linjeInfo h1.routeNumber { font-size: 300%; color: #707070; float: left }
.linjeInfo p.routeNumberInfo { float: left; margin: 5px 0 0 10px  }

table.busRoute { margin: 20px 0; border-collapse: collapse }
table.busRoute caption { padding-bottom: 0 }

table.busRoute td, table.busRoute th { font: normal 100% Verdana, Geneva, sans-serif; padding: 2px }
table.busRoute th { font-style: italic; text-align: left }

table.busRoute tr.divider td { height: 2px }
table.busRoute .divider { width: 2px }

table.busRoute tr:hover { background-color: #ddd }
table.busRoute thead tr:hover { background-color: transparent }
table.busRoute tr.divider:hover { background-color: transparent }

table.busRoute .segmentName { text-align: right }
table.busRoute td.segmentName { font-weight: bold }

table.busRoute td.zoneStart { color: white; font-weight: bold; text-align: center; padding: 2px; background-color: #939598 }
table.busRoute th.zone { text-align: center }
table.busRoute td.zone { background-color: #939598 }
table.busRoute td.zoneEnd { background-color: #939598 }

table.busRoute td.markerStart { font-weight: bold; color: white; background-color: black }
table.busRoute td.marker { background-color: black }
table.busRoute td.markerEnd { background-color: black }

table.busRoute .majorStopPoint { font-weight: bold }

table.busRoute a { color: black; text-decoration: underline }
table.busRoute a:hover { text-decoration: underline }

.routeNotes .note { float: left; font-weight: bold; position: relative; top: -3px }
.routeNotes .explanation { margin-left: 10px; margin-bottom: 5px }

/* --- time table (in popup window --- */
table.timeTable, table.timeTable table { border-collapse: collapse }
table.timeTable caption { width: 320px; color: black }
table.timeTable th { font: normal 100% Verdana, Geneva, sans-serif; padding: 1px; width: 25px; height: 18px; text-align: center }
table.timeTable td { font: normal 100% Verdana, Geneva, sans-serif; padding: 1px; width: 25px; height: 20px; text-align: center }
table.timeTable td td { vertical-align: middle }
table.timeTable th { font-weight: bold; background-color: white }
table.timeTable td.oddCol { background-color: #ccc }
table.timeTable td.note { font-size: 82%; line-height: 100% }
table.timeTable td { border-left: 1px solid white }
table.timeTable td td { border-left: none }
table.timeTable td.interval { background-color: #999 }
table.timeTable td.interval td { background-color: white }
table.timeTable td.interval tr.interval td { background-color: #999 }

#content .busCompanies address { font-style: normal; padding-top: 2px; margin-top: 2px; padding-bottom: 10px; border-top: 1px solid black }
#content .busCompanies h2 { clear: both; margin-top: 20px; }
#content .busCompanies ul { margin: 0 0 30px 10px; padding-bottom: 15px }
#content .busCompanies ul li { display: block; float: left; width: 43px; list-style-type: none; background-image: none !important; margin: 0; padding: 0 }

div.hittegodsSearchResults { margin-top: 10px; padding-top: 10px }
div.hittegodsSearchResults p { margin-top: 10px; margin-bottom: 10px; padding-top: 10px; border-top: 1px solid black }

.linjeInfo .form label { font-weight: bold; float: none }
.linjeInfo .form select { clear: left; padding: 1px }
.linjeInfo .form .submit { position: relative; top: 5px }

fieldset .salgsteder select { width: 100px }

table.salgstederSearchResults { border-collapse: collapse; margin-top: 30px; width: 100% }
table.salgstederSearchResults td { padding: 3px 0 3px 0 }
table.salgstederSearchResults tr.rowGroup td { background-color: #f3f3f3 }
table.salgstederSearchResults tr:hover td { background-color: #ddd }
table.salgstederSearchResults td.col1 { padding-left: 3px; padding-right: 12px }
table.salgstederSearchResults td.col2 { width: 110px; padding-right: 12px }
table.salgstederSearchResults td.col3 { width: 110px }

/* --- performance table --- */
table.performance th, table.performance td { text-align: right; padding: 2px 5px }
table.performance th { font-weight: bold }
table.performance tr.type td { font-weight: bold }

/* --------------------------------------------------------------- */
/*  popup window specifics                                         */
/* --------------------------------------------------------------- */
body.popup { background-image: none; background-color: white }
body.popup #pageContainer { background-image: none; background-color: white; width: auto; margin: 10px; padding: 0 }
body.popup #mainArea { margin: 0 }
body.popup .linjeInfo { border: none }

/* --------------------------------------------------------------- */
/*  section markers                                                */
/* --------------------------------------------------------------- */

/* default (= black) */
#pageContainer .mainSectionMarker { position: absolute; top: 0; left: -90px; width: 51px; height: 77px; background-image: url(/_layouts/images/misc/section_m0_left.png) }
#pageContainer #content { border-right: 1px solid black }
/* #pageContainer #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_m0.gif) } */
#pageContainer .contentSectionMarker { position: absolute; top: 0; right: 0; width: 1px; height: 30px; background-color: black }
#pageContainer .quickLinks { color: white; background-color: black }

/* section M0 (black) */
#pageContainer.sectionM0 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_m0_left.png) }
#pageContainer.sectionM0 #contentArea { border-right-color: black }
#pageContainer.sectionM0 .contentSectionMarker { background-color: black }
#pageContainer.sectionM0 .quickLinks { color: white; background-color: black }

/* section M1 */
#pageContainer.sectionM1 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_m1_left.png) }
#pageContainer.sectionM1 #content { border-right-color: #ffc20f }
/* #pageContainer.sectionM1 #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_m1.gif) } */
#pageContainer.sectionM1 .contentSectionMarker { background-color: #ffc20f }
#pageContainer.sectionM1 .quickLinks { color: black; background-color: #ffc20f }
#pageContainer.sectionM1 .quickLinks a { color: black }
#pageContainer.sectionM1 .quickLinks a:hover { color: #707070 }

/* section M2 */
#pageContainer.sectionM2 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_m2_left.png) }
#pageContainer.sectionM2 #content { border-right-color: #64b300 }
/* #pageContainer.sectionM2 #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_m2.gif) } */
#pageContainer.sectionM2 .contentSectionMarker { background-color: #64b300 }
#pageContainer.sectionM2 .quickLinks { color: white; background-color: #64b300 }

/* section M3 */
#pageContainer.sectionM3 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_m3_left.png) }
#pageContainer.sectionM3 #content { border-right-color: #8700bc }
/* #pageContainer.sectionM3 #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_m3.gif) } */
#pageContainer.sectionM3 .contentSectionMarker { background-color: #8700bc }
#pageContainer.sectionM3 .quickLinks { color: white; background-color: #8700bc }

/* section M4 */
#pageContainer.sectionM4 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_m4_left.png) }
#pageContainer.sectionM4 #content { border-right-color: #cc0098 }
/* #pageContainer.sectionM4 #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_m4.gif) } */
#pageContainer.sectionM4 .contentSectionMarker { background-color: #cc0098 }
#pageContainer.sectionM4 .quickLinks { color: white; background-color: #cc0098 }

/* section M5 */
#pageContainer.sectionM5 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_m5_left.png) }
#pageContainer.sectionM5 #content { border-right-color: #e56500 }
/* #pageContainer.sectionM5 #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_m5.gif) } */
#pageContainer.sectionM5 .contentSectionMarker { background-color: #e56500 }
#pageContainer.sectionM5 .quickLinks { color: white; background-color: #e56500 }

/* section MM */
#pageContainer.sectionMM .mainSectionMarker { background-image: url(/_layouts/images/misc/section_mm_left.png) }
#pageContainer.sectionMM #content { border-right-color: #cb3398 }
/* #pageContainer.sectionMM #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_mm.gif) } */
#pageContainer.sectionMM .contentSectionMarker { background-color: #cb3398 }
#pageContainer.sectionMM .quickLinks { color: white; background-color: #cb3398 }

/* section TG1 */
#pageContainer.sectionTG1 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_tg1_left.png) }
#pageContainer.sectionTG1 #content { border-right-color: #010066 }
/* #pageContainer.sectionTG1 #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_tg1.gif) } */
#pageContainer.sectionTG1 .contentSectionMarker { background-color: #010066 }
#pageContainer.sectionTG1 .quickLinks { color: white; background-color: #010066 }

/* section TG2 */
#pageContainer.sectionTG2 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_tg2_left.png) }
#pageContainer.sectionTG2 #content { border-right-color: #3401cc }
/* #pageContainer.sectionTG2 #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_tg2.gif) } */
#pageContainer.sectionTG2 .contentSectionMarker { background-color: #3401cc }
#pageContainer.sectionTG2 .quickLinks { color: white; background-color: #3401cc }

/* section TG3 */
#pageContainer.sectionTG3 .mainSectionMarker { background-image: url(/_layouts/images/misc/section_tg3_left.png) }
#pageContainer.sectionTG3 #content { border-right-color: #6734ff }
/* #pageContainer.sectionTG3 #content ul li { background-image: url(/_layouts/images/backgrounds/common_list_bullet_tg3.gif) } */
#pageContainer.sectionTG3 .contentSectionMarker { background-color: #6734ff }
#pageContainer.sectionTG3 .quickLinks { color: white; background-color: #6734ff }

/* exceptions */
#pageContainer.threeColumns #contentArea { border: none }
#pageContainer.threeColumns #utility { display: none }

#pageContainer #findYourWay .contentSectionMarker { left: 0; bottom: 0; top: auto; width: 30px; height: 1px }
#pageContainer #hereAndNow .contentSectionMarker { left: 0; bottom: 0; top: auto; width: 30px; height: 1px }
#pageContainer #content.contentBusRoutes { border-right: none; min-height: 0; border-bottom: 1px solid black }
#pageContainer #content.contentBusRoutes .clearFloats { margin-bottom: 0; padding-bottom: 0 }
#pageContainer .contentBusRoutes .contentSectionMarker { left: 0; bottom: 0; top: auto; width: 30px; height: 1px; background-color: black }

/* --- meeting (show, create, agenda) --- */
.meetingsList ul { padding: 0; margin: 0 }
.meetingsList li { list-style-type: none; padding: 0; margin: 0 }

/* --- footer --- */
#footerContainer { width: 840px; margin: 0 auto; padding: 50px 9px 0 99px; background: url(/_layouts/images/backgrounds/footer.png) transparent left bottom no-repeat }
#footer { margin: 0 20px 0 0; padding: 0 0 25px 0 }
#footer address { float: left; font-style: normal }
#footer .links { float: right }
#footer .links ul { margin: 0; padding: 0 }
#footer .links ul li { float: left; display: block; list-style-type: none; margin-right: 10px }
#footer .delimiter { padding: 0 12px }

/* --- search results --- */
.srch-results { font: normal 100% Helvetica, Arial, sans-serif }
.srch-Icon { display: none }
.srch-Title, .srch-Title a, .srch-Title a:link, .srch-Title a:visited { font: normal 1.1em Helvetica, Arial, sans-serif; color: black }
.srch-Description { font: normal 1em Helvetica, Arial, sans-serif; margin: 0 }
p.srch-Metadata { border-top: none; font: normal 1.1em Helvetica, Arial, sans-serif }
p.srch-Metadata .srch-URL a:link, p.srch-Metadata .srch-URL a:visited { font: normal 92% Helvetica, Arial, sans-serif; text-decoration: none; color: #e56500 !important }
p.srch-Metadata .srch-URL a:hover { text-decoration: underline }

/* --- Overriding MOSS styles --- */
.ms-WPBody, .ms-WPBody th, .ms-WPBody td, .ms-WPBody select, .ms-WPBody option { font-family: Arial, Helvetica, sans-serif; font-size: 100% }
.ms-WPBody a, .ms-WPBody a:link, .ms-WPBody a:visited { text-decoration: underline; color: #707070 }
.ms-WPBody a:hover { color: black }

.ms-WPBody table.busRoute a, .ms-WPBody table.busRoute a:link, .ms-WPBody table.busRoute a:visited { color: black; text-decoration: underline }
.ms-WPBody table.busRoute a:hover { text-decoration: underline }
.ms-WPBody .tabs a.tabinner { text-decoration: none }

.srch-WPBody { font-family: Arial, Helvetica, sans-serif; color: black; }

.item { clear: both; margin: 0 }
.link-item, .link-item a, .link-item a:link { font: normal 1em Helvetica, Arial, sans-serif; color: #707070 }
.link-item a:hover { color: black }

.ms-WPBody .tabs a.inner { text-decoration: none }

.cbq-layout-main div.link-item p { margin-bottom: 15px }

.ms-dtinput, .ms-dttimeinput { font-size: 8pt } /* fixing webpart backend CSS */

.infotext_ctrl_select {
	margin-left: 120px;
	width: 220px !important;
}

table.subscriptionInfo .col3 { width: 42px }
.subscriptionInfo .col5 input { margin-top: 2px }

select.dropDownReason {
	width: 144px !important
}

.MindKey label {
                      width: 108px;
}

.MindKey input {
                      border: 1px solid black;
                      margin-bottom: 6px;
                      font-size: 11px;
                      width: 144px;
                      font-family: Helvetica, Arial, sans-serif;
                      background-color: white;
                      color: black;
}

.MindKey input.button {
                      width: auto;
                      float: right;
                      margin-top: 10px;
                      margin-right: 51px;
                      text-transform: lowercase;
                      padding: 1px 5px;
}

.MindKey select {
                      border: 1px solid black;
                      margin-bottom: 6px;
                      margin-right: 7px;
}

.mittMovia .linjeInfo .linechangesrow td { padding: 0 } table.subscriptionInfo .col4 { width: 50px } 
.linechanges { display: none} 

.error { color: red }

/* ----- mitMovia ---- */
.sectionM4 div.favorites { border: 1px solid #cc0098; margin: 0 5px 30px 5px }
.sectionM4 .subscriptionInfoHeader { background-color: #cc0098 }
.sectionM4 .nextBusHeader { background-color: #cc0098 }

.sectionMM div.favorites { border: 1px solid #cc0098; margin: 0 5px 30px 5px }
.sectionMM .subscriptionInfoHeader { background-color: #cc0098 }
.sectionMM .nextBusHeader { background-color: #cc0098 }

.subscriptionInfoHeader { overflow: auto; padding: 6px; color: white; margin-bottom: 12px; height: 15px; }
.subscriptionInfoHeader .left { width: 120px; font-size: 12px }
.subscriptionInfoHeader .right { width: 120px; text-align: right }

.nextBusHeader { overflow: auto; padding: 6px; color: white; margin-bottom: 12px; height: 15px; }
.nextBusHeader .left { width: 120px; font-size: 12px }
.nextBusHeader .right { width: 120px; text-align: right }

.linjeInfo .subscriptionInfoHeader .left { margin: 0 }
.linjeInfo .subscriptionInfoHeader .right { margin: 0 ; width:120px}

.linjeInfo .nextBusHeader .left { margin: 0 }
.linjeInfo .nextBusHeader .right { margin: 0 }

.favorites .subscriptionInfoHeader .left { margin: 0 }
.favorites .subscriptionInfoHeader .right { margin: 0 ; width:120px}

.favorites .nextBusHeader .left { margin: 0 }
.favorites .nextBusHeader .right { margin: 0 }

.favorites .nextBusHeader a { color: white; }
.favorites .nextBusHeader a:hover { color: #eee }
.favorites .nextBusHeader a:visited { color: white; }

.favorites .subscriptionInfoHeader a { color: white; }
.favorites .subscriptionInfoHeader a:hover { color: #eee }
.favorites .subscriptionInfoHeader a:visited { color: white; }

/* ----- special cases ---- */
.labelSmall { font-size: 10px }


/* ---- modal popup ------- */
.modalPopup 
{
    /*background-color:#ffffdd;*/
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
    text-align:center;
    vertical-align: middle;
}

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
} 

.centered {text-align:center;}

/* Notis 15110 */
#MitMoviaInfo { cursor: pointer }
.box15110 * { margin: 0 }
.top15110 { height: 15px; background-image: url(/_layouts/images/backgrounds/box-top.png); background-repeat: no-repeat }
.content15110 { background-image: url(/_layouts/images/backgrounds/box-middle.png); background-repeat: repeat-y; padding: 0 10px }
.bottom15110 { height: 15px; background-image: url(/_layouts/images/backgrounds/box-bottom.png); background-repeat: no-repeat }

.remember-me input { margin-left: 4px }
.loginForm .text { width: 120px }
.box15110 { margin-bottom: 10px }
.fail .fail2 { margin-right: 13px; }
.fail .fail1 { margin-left: 3px; }