/*
 * Add your Stylesheet contents here
*/

@font-face {
    font-family: OpenSans;
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('../OpenSans-Regular.woff2') format('woff2'),
         url('../OpenSans-Regular.woff') format('woff'),
         url('../OpenSans-Regular.ttf') format('truetype');
}

/*
font-family: 'MyWebFont'; 
src: url('WebFont.eot'); 
src: url('WebFont.eot?iefix') 
format('eot'), 
url('WebFont.woff') format('woff'), 
url('WebFont.ttf') format('truetype'),
*/
@font-face {
    font-family: OpenSans;
    font-weight: 800;
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
         url('../OpenSans-Bold.woff2') format('woff2'),
         url('../OpenSans-Bold.woff') format('woff'),
         url('../OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: OpenSans;
    font-weight: bold;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
         url('../OpenSans-Semibold.woff2') format('woff2'),
         url('../OpenSans-Semibold.woff') format('woff'),
         url('../OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: OpenSans;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'),
         url('../OpenSans-Light.woff2') format('woff2'),
         url('../OpenSans-Light.woff') format('woff'),
         url('../OpenSans-Light.ttf') format('truetype');
}


html, body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 100%;
    font-family: OpenSans, Arial, Helvetica, sans-serif;
    background-color: #F0F0F2;
}

a {
    color: inherit;
    text-decoration: none;
}

.basicButton {
    cursor: pointer;
    font-weight: bold;
    height: 36px;
    padding: 6px 12px;
    text-align: center;
    line-height: 22px;
    background-color: #651FFF;
    border-color: #651FFF;
    border-width: 1px;
    border-style: solid;
    color: white;
    font-size: 14px;
    text-decoration: none;
    min-width: 64px;
    display: inline-block;
    box-sizing: border-box;
}

.outlineButton {
    cursor: pointer;
    font-weight: bold;
    height: 36px;
    padding: 6px 12px;
    text-align: center;
    line-height: 22px;
    color: #651FFF;
    font-size: 14px;
    border-color: #651FFF;
    border-width: 1px;
    background-color: white;
    border-style: solid;
    text-decoration: none;
    min-width: 64px;
    display: inline-block;
    box-sizing: border-box;
}

.textButton {
    color: #651FFF;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 36px;
    cursor: pointer;
    display: inline-block;
    font-weight: 900;
    height: 36px;
    padding: 0 16px;
    text-decoration: none;
    text-align: center;
}

.resultPanelMargin {
    margin-top: 12px;
    margin-bottom: 5px;
}

.mblRoundRect.resultPanelMargin {
    margin-top: 24px;
}

.mblRoundRect {
    margin: 0 0 20px;
    /*border: 1px solid #162089;*/
    background-color: white;
}
.mblRoundRect:last-child {
    margin-bottom: 10px;
}
.mblRoundRect.mblShadow {
  /*  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);*/
}

.inlineFloatLeft {
    float: left;
    display: inline;
}

.inlineFloatRight {
    float: right;
    display: inline;
}

.inlineClear {
    clear: both;
}

.singlePadding {
    padding: 10px 5px;
}

.singleTopPadding {
    padding-top: 10px;
}

.singleRightPadding {
    padding-right: 10px;
}

.singleBottomPadding {
    padding-bottom: 10px;
}

.doubleBottomPadding {
    padding-bottom: 20px;
}

.singleLeftPadding {
    padding-left: 10px;
}

.halfPadding {
    padding: 5px;
}

.halfTopPadding {
    padding-top: 5px;
}

.doubleTopPadding {
    padding-top: 20px;
}

.fiftyTopPadding {
    padding-top: 50px;
}

.halfRightPadding {
    padding-right: 5px;
}

.halfBottomPadding {
    padding-bottom: 5px;
}

.halfLeftPadding {
    padding-left: 5px;
}

.halfMargin {
    margin: 5px;
}

.halfLeftMargin {
    margin-left: 5px;
}

.halfRightMargin {
    margin-right: 5px;
}

.halfTopMargin {
    margin-top: 5px;
}

.halfBottomMargin {
    margin-bottom: 5px;
}

.halfSideMargin {
    margin-left: 5px;
    margin-right: 5px;
}

.singleMargin {
    margin: 10px;
}

.smallMargin {
    margin: 6px 4px;
}

.xsmallMargin {
    margin: 2px;
}

.noBottomMargin {
    margin-bottom: 0px;
}

.singleNegativeMargin {
    margin: -10px;
}

.singleNegativeSideMargin {
    margin-right: -10px;
    margin-left: -10px;
}

.halfNegativeSideMargin {
    margin-right: -5px;
    margin-left: -5px;
}

.doubleTopMargin {
    margin-top: 20px;
}

.singleBottomMargin {
    margin-bottom: 10px;
}

.singleLeftMargin {
    margin-left: 10px;
}

.singleRightMargin {
    margin-right: 10px;
}

#mainmenuTestContainer {
    position: relative;
    z-index: 1;
    background-color: #e6e6e6;
    background-color: red;
    width: 100%;
}

.title {
    font-size: 1.5em;
    margin: 0px 0px 5px 0px;
}

.nomargin {
    margin: 0px !important;
}

.noborder,
.listPanel img,
.hoverPanelContainer img,
.noDecoration img {
    border: 0px none;
}

.warningImg {
    width: 20px;
    height: 20px;
    vertical-align: top;
}

.logoSize {
    max-width: 24px;
    max-height: 24px;
}

.latestMessageBox {
    -moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #FAF6F6;
    border: 1px solid #DDCCCC;
    left: 6px;
    padding: 4px;
    background-repeat: no-repeat;
}

.infoscreenMessageBox {
    margin: 0px 4px;
}

.infoscreenMapBoxContainer {
    border: 2px solid #808080;    
}

.latestPadding {
    padding-top: 3px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.latestBody {
    font-size: 12px;
}

.aImageLmt {
    max-width: 33%;
    margin-top: 8px;
    padding-left: 8px;
}

.aNewsImage {
    display: block;    
    width: 100%;
    padding-bottom: 5px;
}

.cardLabel {
    font-size: 10px;
    padding: 2px 4px 2px 9px;
    color:#393939;
}

.cadSpotShopBanner {
    border-radius: 0;
    -webkit-border-radius: 0;
    display: block;
    margin-top: 0;
    text-align: left;
}

.messageTimestamp {
    color: #393939;
    font-size: 14px;
    margin-top: 8px;
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 10px;
    font-weight: 300;
}

#weatherdetails {
    background-color: white;
}

.bordered {
    border: 1px solid #CCCCCC;
}

.routeBottomBorder {
    /*border-bottom: 2px solid #CCCCCC;*/
}

.hiddenBorder {
    border: 1px solid transparent;
}

.hiddenTopBorder {
    border-top: 1px solid transparent;
}

.resultItemHeaderContainer {
    padding: 12px 9px 12px 12px;
}

.resultItemActionContainer {
    padding: 0 8px;
}

.notificationDesc .resultItemHeaderContainer {
    padding: 8px 0;
}

.resultItemTitle {
    overflow-wrap: break-word;
    margin-left: 60px;
}

.resultItemTitle:after {
    clear:both;
    content:"";
    display:block;
}

.couponDisclaimer a,
.couponDisclaimer,
.resultItemDistance, 
.openingHours,
.resultItemNumAds,
.openLink {
    color: #555555;
    font-size: 12px;
}

.resultItemDistance {
    margin-left: 5px;
}

.grayed {
    color: #515151;
}

.whiteBackground {
    background-color: white;
}

.weatherdetailsHeader {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.wunselected {
    background-color: white;
    color: #651FFF;
}

.wselected {
    color: white; 
    background-color: #651FFF;
}

.weatherselection {
    width: 50%;
    text-align: center;
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 14px;
    border: 1px solid #651FFF;
    font-weight: bold;
}

.warningsText {
    color: black;
    font-size: 12px;
    vertical-align: middle;
}

.warningsTitle {
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    color: #393939
}

.frontpageSmallFont {
    font-size: 12px;
}

.disclaimer {
    font-size: 10px;
}

.backgroundWhite {
    background-color: white;
}

.hidden, .truehidden {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

.imageAlign {
    vertical-align: sub;
}

.imagePadding {
    padding-right: 4px;
}

.popupLoginImg {
    margin: 10px 10px 0px;
}

.noMargin {
    margin: 0px;
}

.singleTopMargin {
    margin-top: 10px;
}

.noDecoration {
    text-decoration: none;
}

.red, .error {
    color: red;
}

.doubleBottomMargin {
    margin-bottom: 20px;
}

.doubleLeftMargin {
    margin-left: 20px;
}

#updateLocationError, #updateLocationRoutesError {
    color: red;
    margin-bottom: 10px;
}

#weatherimages {
}

#weatherprovider {
}

.nosize {
    width: 0px;
    height: 0px;
    border: 0px;
}

.nominheight {
    min-height: 0px !important;
}

.center {
    text-align:center;
}

.right {
    text-align:right;
}

.resultAdLink {
    color: black;
    text-decoration: none;
}

.timetabledata {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #AAAAAA;
    padding-right: 0.5em;
}

.zoomButton {
    font-size: 20px;
    font-weight: bold;
    width: 48%;
}

.zoomButtonContainer {
    padding: 6px;
}

.zoomMap {
    border-bottom: 1px solid #D9D9D9;
}

.lamDataOuterBorder {
    border-right: 0px solid #E5E5E5;
    background-color: #F7F7F7;
}

.lamDataHeader {
    border-bottom: 1px solid #E5E5E5;
    padding: 2px;
}

.lamDataSpeed {
    padding-left: 32px;
    background-position: 10px 5px;
    background-repeat: no-repeat;   
}

.lamDataFlow {
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: -3px 5px;
}

.lamDataTimestamp {
    border-top: 1px solid #E5E5E5;
    color: #777777;
    font-size: 10px;
    margin-top: 5px;
    background-image: url("../img/clock.png");
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: 0px 2px;
    padding-left: 20px;
    clear: both;
}

.tsaDataHeader {
    padding: 2px;
    border-bottom: 1px solid #E5E5E5;
}

.tsaDataCenter {
    background-color: #F7F7F7;
}

.tsaTemp {
    padding-right: 6px;
}

.tsaWindIcon {
    padding: 2px;
    background: no-repeat scroll 50% 50% transparent;
}

.tsaWindValue {
    font-size: 11px;
    font-weight: bold;
    color: #4848aa;
}

.tsaText {
    padding: 2px;
}

.tsaTimestamp {
    border-top: 1px solid #E5E5E5;
    color: #777777;
    font-size: 10px;
    margin-top: 5px;
    background-image: url("../img/clock.png");
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: 0px 2px;
    padding-left: 20px;
    clear: both;
}

.unclickable {
    cursor: default;
}

.aclickable, .clickable {
    cursor: pointer;
}

.feedbackBox {
    width: 98%;
    font-size: 20px;
}

.dropdownButton {
    background-color: gray;
    height: 30px;
    width: 260px;
    display: block;
    text-decoration: none;
    color: white;
}

.locationsButton {
    background-color: blue;
    height: 30px;
    width: 60px;
    display: block;
}


.headerHeight {
    height: 50px;
}

#headerTitle {
    /* line-height: 40px;*/
    padding-bottom: 16px;
    padding-top: 18px;
    text-transform: uppercase;
    overflow: hidden;
}

.headerCommandContainer {
    padding: 10px 20px 10px 16px;
}
#headerRefresh .headerCommandContainer {
    padding: 5px 8px 6px 8px;
}


.headerButtonMargin {
    margin-top: 8px;
    margin-bottom: 12px;
}

.headerButton {
    min-width: 64px;
    border-bottom: 1px solid #CCCCCC;
}

.fullWidth {
    width: 100% !important;
}

.fullHeight {
    height: 100%;
}

.halfWidth {
    width: 50%;
}

.thirdWidth {
    width: 33.33%;
}

.thirdMiddleWidth {
    width: 33.33%;
}

.quarterWidth {
    width: 25%;
}

.twofifthsWidth {
    width: 40%;
}

.fifthWidth {
    width: 20%;
}

.fourfifthsWidth {
    width: 80%;
}

.relativePosition,
.buttonContainer,
.gradentContent,
.clearPosition,
.positionClear {
    position: relative;
}

.whiteBorder {
    border: 1px solid #FFFFFF;
}

.whiteTopBorder {
    border-top: 1px solid #ffffff;
}

.white {
    background-color: white;
}

.frontColor,.findColor {
    background-color: #31859C;
}

.nearestColor,
.categoriesColor,
.buttonGray {
    background-color: #808080;
}


.green,
.buttonGreen {
    background-color: #651FFF;
}

.searchColor {
    background-color: #28887F;
}
.collectionDeafultColor {
    background-color: #DFDFDF;
}

.footerBgColor {
    background-color: #f2f2f2;
}

.lightgray {
    background-color: #CCCCCC;
}

.gray, .bgColorDisabled {
    background-color: #bfbfbf;
}

.darkgray {
    background-color: #808080;
}


.somecolor {
    background-color: #a6a6a6;
}

.buttonRed {
    background-color: #953735;
}

.buttonRed.textButton, .buttonRed.outlineButton {
    background-color: inherit;
    color: #953735;
    border-color: #953735;
}

.borderGray {
    background-color: #d9d9d9;
}

.quickButton {
    width: 80px;
    height: 70px;
    border-width:4px;
    border-style:solid;
    border-color: white;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 200%;
}

.quickIndex {
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 2px;
    float: left;
}

.quickIndex .selected {
    color:#808080;
}

.quickIcon {
    float: left;
    padding: 1px 2px 0px 1px;
}

.quickIconRight {
    float: right;
    padding: 1px 2px 0px 1px;
}

.quickLabel .selected {
    color:#808080;
}

.label {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    margin: 0px;
    height: 28px;
    width: 80px;
    overflow: hidden;
    color: black;    
    padding-bottom: 2px;
}


.buttonContainer.selected  {
    /* background-color: #CCCCCC !important; */
    /*background-image: url('img/buttonmask_sides_1px.png') !important;*/
    /*background-repeat: repeat-y;   */
    /*border: 2px solid #808080;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;*/
}

.buttonContainer.selected .quickButton  {
    border-color: #BD1212;
    background-repeat: no-repeat;
}

.buttonContainer.selected .quickIndex {
    color: black;
}



.buttonContainer.selected p.label  {
    /*color: white;*/
    font-weight: bold;
    background-color: #808080;
    color: white;
    margin-top: 4px;
    padding: 1px 0px 4px;
}

.buttonContainer .commandContainer {
    overflow: hidden;
}

.secondaryButtonContainer {
    border-bottom: 1px solid #6383AA;
    /*background: white;*/
    overflow: hidden;
    height: 24px;
    line-height:24px;
}

.buttonContainer.selected .button {
    background-image: url('../img/buttonmask_top_64.png') !important;
    /*background-color: #808080 !important;*/
}

.plainContainer, .commandContainer {
    overflow: hidden;
    text-transform: uppercase;
    font-weight: bold;
}

.commandLinePadding {
    padding: 0 5px 0 0;
}
/* there's already class 'center' doing exactly the same
.centerAlign {
    text-align: center;
}
*/

.block {
    display: block;
}

.fullSize {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.halfSize {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 42%;
}

.homeIcon {
    padding: 1px;
    height: 32px;
}

.plainButtonLineHeight {
    line-height: 36px;
}

.resultPageBorder {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

.commandIcon {
    margin-right: 8px;
    border: none;
}

.commandIcon,
.commandArrow,
.locateIcon,
.valignMiddle {
    vertical-align: middle;
}

.valignBottom {
    vertical-align: bottom;
}

.footerIcon {
    width: 16px;
    height: 16px;
    padding-bottom: 2px;
}

.footerButtonHeight {
    height: 30px;
    /*line-height: 30px;*/
    padding-top: 16px;
    font-size: 12px;
}

.footerCopyText {
    font-size: 10px;
    line-height: 10px;
    color: #133E9C;
    vertical-align: top;
}

.commandArrow {
    margin: 4px 8px 4px 0;
}

.commandLocate,
.locateIcon {
    padding: 3px 5px 6px 6px;
    box-sizing: content-box;
}

.locateProgressContainer {
    color: white;    
    line-height: 30px;
    margin-right: -5px;
    /*padding-right: 30px;
    width: 93%;*/
}

.commandDownArrow {
    margin-top: 7px;    
}

.iconTopPadding {
    padding-top: 2px;
}

.commandRight {
    position: relative;
    right: 20px;
}

.confirmPanel,
.listPanel,
.hoverPanelContainer {
    background-color: white;
    border: 1px solid black;
    position: absolute;
    right: 6px;
    z-index: 100;
    color: black;
}

.confirmPanel,
.listPanel {
    left: 0px;
}

.listPanel.fixedPanel {
    position: fixed;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    top: 25%;
}

.listPanelHeader {
    font-size: 12px;
    padding: 2px;
    text-transform: uppercase;
    line-height: initial;
}

.locatedHeader {
    background-color: #dae7da;
}

.listPanelLocatedBgColor {
    background-color: #eaf7ea;
}

.storedHeader,
.listPanelLatestLabel {
    background-color: #d9d9d9;
}

.listPanelStoredBgColor {
    background-color: #f2f2f2;
}

.latestHeader {
    background-color: #e9e9e9;
}

.listPanelLatestLabel {
    font-size: 12px;
    border: 1px solid white;
    margin: 2px;
}

.fullWidthSize {
    left: 0px;
    right: 0px;
}

#addressMunicipalitySuggestions, #addressGeocodeSuggestions {
    background-color: white;
    border: 1px solid black;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 100;
}

#addressMunicipalitySuggestions a {
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    padding-left: 5px;
    color: black;
}

#addressGeocodeSuggestions p {
    padding: 8px 8px 2px;
    font-size: 10px;
    margin: 0px;
}

#addressGeocodeSuggestions a {
    text-decoration: none;
    color: black;
    border: 1px solid black;
    margin: 2px;
}

#addressGeocodeSuggestions img {
    vertical-align: middle;
    margin: 2px 6px 2px 2px;
    height: 18px;
    width: 18px;
    border-width: 0px;
}

#addressDynamicData {
    background-color: white;
    border: 1px solid black;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
}

.panelButton {

}

.dropdownImgButton {

}

.dropdownTextButton {
    position: relative;
}

.dropdownTextButton .commandContainer {
    color: white;
    line-height: 43px;
    padding: 0 8px;
}

.commandContainer .labelPointer {
    vertical-align: middle;
}

.textButton .commandContainer {
    color: white;
    line-height: 34px;
}

.textColorWhite {
    color: white !important;
}

.textColorBlack {
    color: black;
}

.textColorGray {
    color: gray;
}

.textColorBlue {
    color: #2926AC;
}

.blueBorder {
    border: 1px solid #2926AC;
}


.textColorGreen {
    color: #0e843e;
}

.textColorDisabled {
    color: #d9d9d9;
}

.borderColorGray {
    border-color: #808080;
}

.pixelBorder {
    border-width: 1px;
    border-style: solid;
}

.addressContainerLabel{
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px;
}

#locObj_AddressContainer {
    margin: 5px;
    padding: 5px;
}

#addressBottomTabs  {   
    background:#376092;
}

#addressBottomTabs.routeSelected  {
    background:#DEE3E5;
}

#addressDynamicData .municipality {
    height: 40px;
    line-height: 40px;
    text-decoration: none;
}

.listPanel .select,
.hoverPanelContainer .select{
    height: 48px;
    line-height: 48px;
    padding: 0px 10px;
    text-decoration: none;
    border-bottom: 1px solid #d9d9d9;
    color: black;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

#addressModalPane, .modalPane {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
    /* z-index must be less than onModalPane class */
}

.ui-widget-overlay {
    background-color: black;
    opacity: 0.5;
}

.onModalPane {
    /* z-index must be higher than modalPane class */
    position: relative;
    z-index: 100;
}

.outlinePadding {
    padding-left: 1px;
    padding-right: 1px;
}

.pixelPadding {
    padding: 1px;
}

.menuPageSmallFont {
    font-size: 10px;
}

.popup {
    background-color: transparent;
    border: 0 none;
    padding: 0;
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
}

.popupMenu {
    background-color: #F7F7F7;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.popupMenuItem {
    -moz-user-select: none;
    padding: 4px 5px;
    margin: 0;
    cursor: pointer;
    padding: 0.1em 0.2em;
    text-align: left;
    /*white-space: nowrap;*/
    min-height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #D9D9D9;
}

.popupMenuItem.helptext {
    line-height: 20px;
    padding: 10px;
    color: #376092;
}

.popupLink.helptext {
    color: #376092;
}

.oneRowPopupClose {
    height: 40px; /* must be the min-height of popupMenuItem*/
    line-height: 40px;
    text-decoration: none;
    width: 40px;
}

.twoRowPopupClose {
    height: 80px; /* must be 2x  min-height of popupMenuItem*/
    line-height: 40px;
    text-decoration: none;
    width: 40px;
}

.buttonPressed {
    border-color: #808080 #F2F2F2 #F2F2F2 #808080 !important;
    border-style: solid !important;
    border-width: 0px !important;
    background-color: #CCCCCC !important;
    color: black !important;    
    background-position: top;
    background-repeat: repeat-x;
}

.popupLink{
    text-decoration: none;
    color: black;
    display: block;
}

.carRouteIcon {
    background-image: url('../img/car_blue.png');
}

.carRouteIconSelected {
    background-image: url('../img/car.png');
}

.walkRouteIcon {
    background-image: url('../img/walk_blue.png');
}

.walkRouteIconSelected {
    background-image: url('../img/walk.png');
}

.busRouteIcon {
    background-image: url('../img/bus_blue.png');
}

.busRouteIconSelected {
    background-image: url('../img/bus.png');
}

.centeredIcon {
    background-position: center center;
    background-repeat: no-repeat;
}

.panelHeader {
    color: #777777;
    font-weight: bold;
}

.container {
}

.roundedPanel {
    background-color: white;
    border: 1px solid #979797;
}

.mapLegend {
    font-size: 12px;
}

.toggled .toggleButtonContent {
    border-color: #808080 #FFFFFF #FFFFFF #808080;
    color: #000;
    background-color: #DFDFDF;
}

.toggled .toggleButtonIcon,
.toggleButtonToggledIcon,
.toggled .toggleButtonLabel,
.toggleButtonToggledLabel,
.saveDisabledIcon,
.openDialog .saveLabel,
.saveOpenedLabel,
.saveDialog,
.removeSelect,
.manageEnabled,
.remove .manageDisabled {
    display: none;
}

.toggleButtonIcon,
.toggled .toggleButtonToggledIcon,
.toggleButtonLabel,
.toggled .toggleButtonToggledLabel,
.basicButtonIcon,
.openDialog .saveOpenedLabel,
.remove .removeSelect, .inline {
    display: inline;
}

.openDialog .saveDialog,
.remove .manageEnabled {
    display: block;
}

.remove span {
    overflow: hidden;
}

.remove .removeSelect {

}

.removeSelect.basicButton {
    min-width: 0;
    height: inherit;
    line-height: inherit;
    padding-right: 0;
    padding-left: 8px;
}

.saveRightMargin {
    margin-right: 7px;
}

.placeholder {
    color: #928989;
    font-weight: 300;
}

.addressFieldInput,
.saveFieldInput,
.loginField {
    width: 100%;
    height: 36px;
    font-size: 16px;
    padding-right: 0;
    padding-left: 8px;
    border-width: 1px;
    border-color: #651FFF;
    font-family: inherit;
    box-sizing: border-box;
}

.routeTimeInput {    
    height: 28px;
    font-size: 16px;
    border-width: 0;
    background-color: #F5F5F5;
    text-align: center;
}

.routeTimeSpacer {
    margin-top: 7px;
}

.routeHome {
    width: 20%;
}

.routesBottom {
    padding-bottom:10px;
}


.topBorderedDarker {
    border-top: 1px solid #808080;
}

.borderedDarker {
    border: 1px solid #808080;
}

.routeSpacer {
    margin: 30px -5px 20px;
}

#routeSwitchButton {
    position: absolute;
    left: 0;
    width: 79%;
    top: 11px;
}

.buttonHeight {
    height: 50px;
}

.thirtyWidth {
    width: 30%;
}

.threeSideMargin {
    margin-left: 5%;
    margin-right: 5%;
}

.blackImp {
    color: black !important;
}

#routeNowButton {
    width: 70px;
    margin-top: 3px;
}

.smallprint {
    color: gray;
    font-size: x-small;
}

.routeLeg {
    border-color: #CCCCCC #808080 #808080 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    margin: 10px 5px;
    padding: 1px;
    position: relative;
    min-height: 45px;
    overflow: hidden;
    cursor: pointer;
}

.routeLeg.pubTrans {
    margin: 0 5px;
    border: 0 none;
}

.pubTrans > img.routeLeg {
    margin-top: 0;
}

.routeStopButton {
    position: relative;
    background-color: #651FFF;
    margin: 0px 5px;
    padding: 10px;
    height: 24px;
    line-height: 24px;
    color: white;
    font-weight: bold;
}

.routeStopLeftMargin {
    margin-left: 17px;
}

.routeStopQuo {
    margin-top: 6px;
}

.routeStopIcon {
    padding-top: 0px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.routeBackground {
    background-color: #193695;
    width: 7px;
    height: 20px;
    margin-left: 23px;
    margin-bottom: -11px;
}

.routeBackground.BUS {
    background-color: #193695;
}

.routeBackground.WALK {
    background-color: #878787;
    margin-top: -20px;
    height: 38px;
}

.routeBackground.FERRY {
    background-color: #5ac5d8;
}

.routeBackground.RAIL {
    background-color: #CC0000;
}

.routeBackground.SUBWAY {
    background-color: #ef3f0c;
}

.routeBackground.TRAM {
    background-color: #00af2e;
}

.routeBackground.AIRPLANE {
    background-color: #7fbcff;
}

.quarterLeftMargin {
    margin-left: 25%;
}

.lightestgray {
    background-color: #F2F2F2;
}

.routeIcon {
    width: 26px;
    font-size: x-small;
    text-align: center;
    padding-top: 5px;
}

.routeIconLeftMargin {
    margin-left: 40px;
}

.normal {
    font-weight: normal;
}

.commandFloat {
    line-height: 32px;
    padding-bottom: 2px;
}

.resultRouteMiniTable {
    border-spacing: 2px 0px;
    font-size: x-small;
    text-align: center;
}

.resultRouteMiniTable td {
    padding-top: 0px;
}

.routeTimeUpdate {
    color: #376092;
}

.automargin {
    margin: auto;
}

.saveDialog, .removeDialog {
    border: 1px solid #808080;
    background: white;
    color: black;
    line-height: 20px;
}

.topSpot {
    padding: 5px;
}

#legalesePage p,
#legalesePage ul {
    font-size: 12px;
}

#legalesePage h1 {
    font-size: 20px;
}

#legalesePage h2 {
    background: none repeat scroll 0 0 #A0A0A0;
    color: white;
    font-size: 16px;
    padding: 4px 2px;
}

#legalesePage a {
    color: gray;
    font-weight: bold;
    text-decoration: underline;
}

#collectionsMenuInfo {
    margin-bottom:62px;   /* flows  last collection icon to next row */
}

.aboveButton {
    bottom: 32px;
}

.rssDate {
    color: #898989;
    font-size: 10px;
    margin-top: 5px;
    background-image: url("../img/clock.png");
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: 0px 2px;
    padding-left: 20px;
    clear: both;
}

.resultPanelTitlePadding {
    padding: 4px 8px;
}

.addressFieldWidth {
    margin-left: 24px;
    margin-right: 72px;
}

.located .addressFieldWidth {
    margin-right: 98px;
}

.stored .addressFieldWidth {
    margin-right: 98px;
}

.hoverBold:hover {
    font-weight: bold;
}

.hoverBlack:hover {
    color: black;
}

.routeCumulatedLength {
    font-size: 10px;
    color: #0E843E;
}

.routeTotalLength {
    color: #0E843E;
}

.weatherWarnCity {
    color: #122A3A;
}

.routeError {
    color: #FF5555;
}

.sidePanelContainer {
    /*background-image: url("img/button_overlay_1px.png");*/
    background-color: white;
    border: 1px solid #31859C;
    margin: 8px 4px;
    padding: 0;
}

.sidePanelNotification {
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    margin-left: 8px;
    margin-bottom: 10px;
}

.sidePanelNotificationHilight {
    color: white;
    margin-right: 8px;
    font-size: 18pt;
    height: 32px;
    width: 32px;
    text-align: center;    
}

#favsNotification.sidePanelNotificationHilight {
    background-color:#31859c;
}

.sidePanelNotification img {    
    vertical-align: top;
    /*height: 24px;
    width: 24px;*/
}

.sidePanelNoExceptionsLabel {
    color: #31859C;
}

.infoBubbleStretcher {
    clear:both;
    height: 1px;
    min-width: 150px;
    width: 100%;
    border-top: solid;
    border-top-width: 1px;
    border-top-color: #AAAAAA;
}

.infoBubbleLogo {
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 24px;
    height: 24px;
}

.geocodeSuggestions {
    height: 40px;
    border-bottom: 1px solid #D9D9D9;
    padding: 0px;
    cursor: pointer;
}

.listPanelText {
    padding-top: 16px;
    padding-bottom: 16px;
}

.plussaAdPrice {
    color: black;
    margin-bottom: 4px;
    margin-top: 5px;
    font-size: 24px;
    font-weight: bold; 
    font-family: "SkattaSans-Bold", Verdana, sans-serif;
    display: inline-block;
}

.list .plussaAdPrice, #infoscreen .plussaAdPrice {
    font-size: 48px;
}

.plussaAdUnit {   
    padding-left: 5px;
    display: inline-block;
}

.plussaAdDiscount {
    color: #FF6900;
    font-size: 18px;
    font-weight: bold; 
    font-family: "SkattaSans-Bold", sans-serif;
    margin: 1px 0 0;
    text-align: center;
    width: 90px;
}

.plussaAdDiscountBlock {
    color: #FF6900;
    display: inline-block;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.plussaAdBody, .inlineBlock {
    display: inline-block;
}

.list .plussaAdDiscountBlock, #infoscreen .plussaAdDiscountBlock {
    margin-bottom: 3px;
}

.slightTopPadding {
    padding-top: 3px;
}

.slightBottomPadding {
    padding-bottom: 3px;
}

.headerColor {
    background-color: #162089;
    color: white;
}

/* dojox.mobile.Heading */
.mblHeading {
    margin: 0px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1;
    padding: 0px;
    height: 48px;
    background-color: #162089;
    color: white;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 48px;
}
.mblHeading * {
    z-index: 2;
}
.mblHeadingDivTitle {
    position: absolute;
    width: 100%;
    display: none;
    left: 0px;
    z-index: 1;
}
.mblHeadingCenterTitle .mblHeadingDivTitle {
    display: block;
}
.mblHeadingCenterTitle .mblHeadingSpanTitle {
    display: none;
}
/* Heading Arrow Button */
.mblArrowButton {
    float: left;
    height: 40px;
}
.mblArrowButtonHead {
    position: absolute;
    top: 11px;
    left: 5px;
    width: 20px;
    height: 19px;
    border: 1px solid #004069;    
    -webkit-transform: scale(0.7, 1) rotate(45deg);
    -moz-transform: scale(0.7, 1) rotate(45deg);
    transform: scale(0.7, 1) rotate(45deg);
    background-color: #00609E;
    /*background-image: -webkit-gradient(linear, left top, right bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999));
    background-image: -moz-linear-gradient(to right bottom, #8ea4c1, #5877a2 51%, #476999 50%, #4a6c9b);
    background-image: linear-gradient(to right bottom, #8ea4c1, #5877a2 51%, #476999 50%, #4a6c9b);*/
}

/*
.dj_chrome .mblArrowButtonHead {
    border: 1px inset #3A4655;
}
*/
.mblArrowButtonBody {
    position: absolute;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    top: 6px;
    left: 16px;
    padding: 0px 10px 0px 4px;
    height: 29px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #004069 #8cb7d3 #8cb7d3 #004069;
    color: white;
    line-height: 29px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    background-color: #00609E;
}
.tabPanelHeader {
    white-space: nowrap;
    margin: 0 5px 0 0;
    padding: 0px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.tabPanelHeader .tabButton {
    margin-top: 0px;
}
.tabButton.tabButtonSelected {    
    border-color: #651FFF;
    background-color: #651FFF;
    color: #FFFFFF;
}
.tabPanelHeader .tabButtonDomButton {
    width: 43px;
}
.tabPanelHeader .tabButtonDomButtonClass {
    left: 8px;
}
.mblHeading .tabPanelHeader .tabButton {
    margin-top: 6px;
}
.tabBarButtonIcon img {
    width: 34px;
    height: 34px;
}
.tabBar {
    overflow: hidden;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    height: 48px;
    border-top: 1px solid #000000;
    background-color: #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000));
    background-image: -moz-linear-gradient(to bottom, #2d2d2d, #141414 50%, #000000 50%, #000000);
    background-image: linear-gradient(to bottom, #2d2d2d, #141414 50%, #000000 50%, #000000);
    color: white;
    text-align: center;
}
/* dojox.mobile.TabBarButton */
.tabBarButton {
    display: inline-block;
    list-style-type: none;
    cursor: pointer; 
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.tabBar .tabBarButton {
    position: static;
    list-style-type: none;
    height: 48px;
    width: 70px;
}
.tabBar .tabBarButton.tabButtonSelected {
    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    background-color: #404040; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535), color-stop(0.5, #242424));
    background-image: -moz-linear-gradient(to bottom, #484848, #353535 50%, #242424 50%, #242424);
    background-image: linear-gradient(to bottom, #484848, #353535 50%, #242424 50%, #242424);
}
.tabBarButtonAnchor {
    display: block;
    text-decoration: none;
    color: inherit;
}
.tabBarButtonDiv {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 34px;
    width: 34px;
}
.tabBarButtonIcon {
    position: absolute;
    left: 0px;
    top: 2px;
}
.tabBarButtonSpriteIcon {
    position: absolute;
}
.tabBarButtonTextBox {
    font-size: 10px;
    color: #979797;
}
.tabBarNoIcons .tabBarButtonDiv {
    display: none;
}
.tabBarNoIcons .tabBarButtonTextBox {
    line-height: 34px;
    font-size: 20px;
}
.tabBarTop .tabButton .tabBarButtonDiv {
    display: none;
}
.tabButton {
    display: inline-block;
    list-style-type: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    width: 50%;
    height: 34px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #651FFF;
    background-color:white;
    font-size: 14px;
    color: #651FFF;
    text-align: center;
    line-height: 34px;
    vertical-align: top;
    overflow: hidden;
}
#adsTabBar .tabButton {
    width: 25%;
}
#fpTabBar .tabButton{
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    border-radius: 0;
}
.tabButtonWidth2 {
    width: 50%;
}
.tabButtonWidth3 {
    width: 33%;
}
.tabButtonWidth4 {
    width: 25%; /* ei enempää tuu! -Markus 20.5.2015 */
}
.tabButton:first-child {    
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;    
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-left-width: 2px;
}
.tabButton:last-child {    
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.tabButtonSelected .tabBarButtonTextBox {
    color: white;
}
.tabButtonImgDiv {
    display: none;
}
/* dojox.mobile.ToolBarButton */
.mblToolBarButton {
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    margin: 8px;
    height: 32px;
}
.mblToolBarButtonSpriteIcon {
    position: absolute;
}
.mblToolBarButtonText {
    padding: 0px 10px;
}
.mblColorDefault {
    background-color: #00609E;
}
.my_fav {
    width: 25px;
    height: 25px;
    padding: 0 4px;
    box-sizing: content-box;
}
.resultItemNumFav {
    font-size: 16px;
    color: #651FFF;
    font-weight: bold;
    vertical-align: middle;
}
.bugTopPadding {
    padding-bottom: 1px;
}
.bugBottomPadding {
    padding-bottom: 1px;
}
.couponHeader {
    background-color: #FA4A41; 
    color: white;
    line-height: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
.couponHeaderIcon {
    width: 20px;
    margin-left: 10px;
    vertical-align: bottom;
}

.couponBorder {
    border: 2px solid #FA4A41;
}

.resultItemNoAdLink > .couponBorder, 
.resultItemNoAdLink > .messageBox {
    margin: 4px;
}

.couponValidity {
    line-height: 12px;
    font-size: 12px;
    color: #FA4A41;
}

.couponValidity:after {
    content: "";
    clear: both;
    display: block;
}

.couponCount, .couponDate {
    padding: 4px 8px;
}

.couponCount:empty, .couponDate:empty {
    display: none;
}

.couponCount {
    float: left;
}

.couponDate {
    float: right;
}

.couponUsed {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 2;
    padding-top: 30px;
    text-align: center;
    overflow: hidden;
}

.couponUsedDate {
    font-weight: bold;
    color: #FA4A41;
    text-align: center;
    background-color: white;
}

.hotdealHeader {
    color: #777777;
}

.loginImageSize {
    height: 51px;
}

.feedbackImageSize {
    width: 130px;
    height: 102px;
}

.avainImageSize {
    width: 30px;
    height: 30px;
}

.tassaLogoImageSize {
    width: 130px;
    height: 50px;
}

.resultLogo {
    max-height: 48px;
    padding-right: 8px;
    box-sizing: content-box;
}

.bubbleItem .resultLogo {
    max-height: 32px;
}

.poimapImageSize {
    width: 24px;
    height: 24px;
}

.forecastAtomImageSize {
    width: 30px;
    height: 95px;
}

.openingHourImageSize {
    width: 13px;
    height: 13px;
}

.busStopAlertImageSize {
    width: 24px;
    height: 24px;
    padding-left: 1px;
}

.routeTypeImageSize {
    width: 26px;
    height: 26px;
}

.quotImageSize {
    width: 20px;
    height: 20px;
}

.imageSize16 {
    width: 16px;
    height: 16px;
    box-sizing: content-box;
}

.smallprintnocolor {
    font-size: x-small;
}

.sidePanelDiaryContainer {
    color: black;
    line-height: 18px;
    padding-bottom: 5px;
    padding-left: 5px;
}

table.sidePanelDiaryContainer {
    border-spacing: 0 3px;
    width: 100%;
    padding-right: 5px;
}

.sidePanelDiaryContainer td:last-child {
    text-align: right;
    font-weight: bold;
}

.dijitDialog {
  border: 1px solid #6D84A2;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.dijitDialogPaneContent {
  background: #ffffff repeat-x top left;
  border-top: 1px solid #6D84A2;
  position: relative;
}
.dijitDialogTitleBar {
  /* outer container for the titlebar of the dialog */
  background-color: #6D84A2;
  padding: 5px 7px 4px 7px;
  color:white;
}
.dijitDialogTitle {
  /* typography and styling of the dialog title */

  padding: 0 1px;
  color: white;
}
.dijitDialogCloseIcon {
  /* the default close icon for the dialog */
  display:none;
}
.dijitDialogUnderlayWrapper {
    background: none repeat scroll 0 0 transparent !important;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 998;
}
.dijitDialogUnderlay {
    background-color: rgba(0,0,0,0.5);
}
.dj_opera .block.fullSize,
.dj_opera .aclickable.fullSize,
.dj_ie .block.fullSize,
.dj_ie .aclickable.fullSize {
    background-color: rgba(0,0,0,0.5);
}
.dj_opera .ieStretcher,
.dj_ie .ieStretcher {
    height: 15px;
}

.sidePanelHighlight {
    font-weight: bold;
}

.textColorBG {
    color: #393939 !important;
}

.titleBorder {
    border-bottom: 1px solid #E5E5E5;
}

#weatherimagestable table {
    border-spacing: 5px 0;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

#not_weather table, #warningstable table {
    border-spacing: 0 5px;
}

.warningImgWidth {
    width: 34px;
}

.notificationDesc .resultItemActions {
    display: none;
}

.resultItemName {
    color: #122A3A;
    font-size: 20px;
    font-weight: 300;
}

.notificationDesc {
    margin-bottom: 10px;
    margin-left: 5px;
}

.iconImg {
    background-image: url("../img/icons1.png");
    background-repeat: no-repeat;
    -webkit-background-size: 360px 377px;
    background-size: 360px 377px;
    display: inline-block;
}

.icon2Img {
    background-image: url("../img/icons2.png");
    background-repeat: no-repeat;
    -webkit-background-size: 360px 323px;
    background-size: 360px 323px;
    display: inline-block;
}

.resultCarImg {
    height: 25px;
    width: 32px;
    background-position: -224px -70px;
}

.sunriseImg {    
    background-position: -216px -279px;    
    height: 18px;
    vertical-align: bottom;
    width: 22px;
}

.newMoonImg, .waxingMoonImg, .fullMoonImg, .waningMoonImg {
    height: 14px;
    margin-right: 5px;
    width: 14px;
}

.fullMoonImg {
    background-position: -177px -308px; 
}

.newMoonImg {
    background-position: -191px -308px; 
}

.waningMoonImg {
    background-position: -205px -308px;
}

.waxingMoonImg {
    background-position: -219px -308px;
}

.diaryLogo {
    background-position: -57px -244px;
    height: 32px;
    width: 32px;
}

.savedPlaceImg {
    background-position: -285px -6px;
    width: 22px;
    height: 25px;
}

.weatherIconImg {
    background-position: -55px -341px;
    width: 32px;
    height: 32px;
}

.nowInFavoritesImg {
    background-position: -55px 0px;
    width: 32px;
    height: 32px;
}

.timeTableHeader {
    color: #651fff;
    font-weight: bold;
    min-width: 40px;
}

.cadHeader, .messageHeader {
    color: #393939;
    font-weight: bold;
    padding: 5px 5px 5px 8px;
    font-size: 16px;
}

.couponBorder .cadHeader {
    font-size: 20px;
    color: #FA4A41;
}

.messageHeader {
    font-size: 20px;
    padding-top: 15px;
}

.hotdeal .messageHeader, .hotdeal .cadHeader {
    color: #651FFF;
}

.aBody > table {
    border-collapse: collapse;
}

.compassImg {
    width: 12px;
    height: 16px;
    margin-right: 2px;
}

.compassBearingS {
    background-position: -264px -157px;
}

.compassBearingSE {
    background-position: -275px -157px;
}

.compassBearingE {
    background-position: -286px -157px;
}

.compassBearingNE {
    background-position: -298px -157px;
}

.compassBearingN {
    background-position: -311px -158px;
}

.compassBearingNW {
    background-position: -323px -157px;
}

.compassBearingW {
    background-position: -335px -157px;
}

.compassBearingSW {
    background-position: -347px -157px;
}

.openingHourImg {
    width: 8px;
    height: 8px;
}

.greenImg {
    background-position: -283px -181px;
}

.yellowImg {
    background-position: -298px -181px;
}

.redImg {
    background-position: -313px -181px;
}

.arrowRightImg {
    background-position: -36px -1px;
    height: 12px;
    width: 10px;
}

.arrowLeftImg {
    background-position: -1px -1px;
    height: 12px;
    width: 10px;
}

.titleImg {
    margin-top: 12px;
}

.resultPadding {
    padding-left: 0px;
}

.hotdealImg {
    background-position: -57px -10px;
    height: 35px;
    margin-right: 8px;
    margin-top: 3px;
    vertical-align: middle;
    width: 32px;
    margin-bottom: 2px;
}

.quotImg {
    background-position: -104px -330px;
    float: right;
    height: 18px;
    width: 25px;
    margin-right: 10px;
    margin-top: 3px;
}

.hotdeal .quotImg {
    display: none;
}

.messageLogo {
    margin-right: 8px;
    vertical-align: middle;
}

.resultItemContainer .messageLogo {
    display: none;
}

.messageDistance {
    display: inline;
    float: right;    
    padding-left: 5px;
}

.messageDistanceTopPadding {
    padding-top: 3px;
}

.couponImg {
    background-position: -18px -195px;
    height: 32px;
    margin: 4px 8px 4px 0;
    vertical-align: middle;
    width: 32px;
}

.adsImg {
    background-position: -57px -96px;
    height: 32px;
    margin: 4px 8px 4px 0;
    vertical-align: middle;
    width: 32px;
}

.labelPointer {
    vertical-align: middle;
}

.channelImgUrlProd {
    background-image: url("https://tassa.fi/logos/prod/channels1.png");
}

.channelImgUrlDev {
    background-image: url("https://tassa.fi/logos/dev/channels1.png");
}

.channelImg {
    background-repeat: no-repeat;
    background-size: 440px 520px;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.acontentImg {
    background-position: -140px -249px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.shopsCatImg {
    background-position: -141px -93px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.servicesCatImg {
    background-position: -141px -148px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.restaurantsCatImg {
    background-position: -141px -198px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.hotdealCatImg {
    background-position: -98px -94px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.imCatImg {
    background-position: -178px -94px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.couponCatImg {
    background-position: -100px -145px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.favCatImg {
    background-position: -140px -40px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.trafficCatImg {
    background-position: -140px -0px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.stopsCatImg {
    background-position: -180px -0px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.rssCatImg {
    background-position: -98px -287px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.facebookCatImg {
    background-position: -137px -287px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.telImg {
    background-position: -35px -67px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.emailImg {
    background-position: -77px -67px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.wwwImg {
    background-position: -120px -67px;
    height: 32px;
    width: 42px;
    vertical-align: middle;
}

.shareImg {
    background-position: -175px -67px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.calendarImg {
    background-position: -230px -287px;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.linkButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 47px;
}

.linkButton > a {
    display: inline-block;
    width: 100%;
}

.resultItemAction:active,
.linkButton > a:active,
.aItemAction:active {
    background-color: #651fff;
    color: #ffffff;
}

.linkButton:active > img,
.linkButton:active > .iconImg,
.linkButton:active > .icon2Img,
.aItemAction:active > img,
.aItemAction:active > .iconImg,
.aItemAction:active > .icon2Img,
.resultItemAction:active > img,
.resultItemAction:active > .iconImg,
.resultItemAction:active > .icon2Img
{
    filter: grayscale(1) brightness(4);
}

#routeTypeContainer .commandContainer {
    border-left-color: white;
    border-left-width: 1px;
    border-top-color: white;
    border-top-width: 1px;
}

#routeTypeContainer .buttonPressed {
    background-color: #651FFF !important;
    border-top: 1px solid #321080 !important;
    border-left: 1px solid #321080 !important; 
}

#routeTimePanel .tabButton:not(.tabButtonSelected) {
    border-color: #e0e3e6;
}

#savedRoutesContainer .commandContainer {
    text-transform: uppercase;
}

.routeSwapImg {
    background-position: -228px -147px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

#feedback, #loginPage, #registrationPage, #forgottenPage {
    padding: 10px;
}

.nearestStopImg {
    background-position: -256px -319px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.stopNotificationsImg {
    background-position: -289px -319px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.roadWeatherNotificationsImg {
    background-position: -286px -288px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.routesLightButton {
    background-color: #651FFF;
}

.textColorTheme {
    color: #651FFF;
}

.aBanner {
    max-width: 100%;
    vertical-align: bottom;
}

#infoscreenLogoContainer {
    text-align: center;
}

#infoscreenLogo {
    max-width: 100%;
    max-height: 200px;
    background-color: white;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.resultItemPlaceholderImg {
    max-height: 320px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.resultItemNumAds {
    vertical-align: middle;
    margin: 0px 8px;
    padding-bottom: 5px;
}

.resultItemNumAds:empty {
    display: none;
}

.aBookmark, .aBookmarked, .aLike, .aLiked {    
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.aBookmark {
    background-position: -174px -233px;
}

.aBookmarked {
    background-position: -203px -233px;
}

.aLike {
    background-position: -328px -233px;
}

.aLiked {
    background-position: -262px -233px;
}

.aBookmarksImg {
    background-position: -230px -235px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.extImg {
    height: 32px;
    width: 32px;
    vertical-align: middle;
    background-position: -174px -198px;
}

.nchIconImg {
    background-position: 0 -2px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.zoomMapButtonImg {
    position: absolute;
    height: 32px;
    background-color: #651fff;
    border-radius: 4px;
    right: 5px;
    top: 5px;
    padding: 2px 4px;
}

.SiwaAdPrice {
    color: #006699;
}

.ValintataloAdPrice {
    color: #6db246;
}

.spacer {
    border-top: 1px solid #e5e5e5;
}

/* VEIKKAUS STYLES */

ol.inline, ol.unstyled, ul.inline, ul.unstyled {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.pull-left {
    float: left;
}
.bold, strong {
    font-weight: 700;
}
.uppercase {
    text-transform: uppercase;
}
.secondary-result-title {
    float: none;
    margin: 0 0 1px;
    font-size: 12px;
}

.filled-ball-list li{
    display:inline-block;
    text-align:center;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    width:35px;
    height:35px;
    line-height:35px;
}
.filled-ball-list {
    margin-bottom: 5px !important;
}

.border-ball-list li {
    display:inline-block;
    text-align:center;
    border-width:2px;
    border-style:solid;
    width:31px;
    height:31px;
    line-height:32px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}

.filled-square-list li{
    display:inline-block;
    text-align:center;
    height:35px;
    width:30px;
    line-height:35px;
    -webkit-font-smoothing:antialiased;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.dot-bordered-square-list li{
    display:inline-block;
    text-align:center;
    border-width:2px;
    border-style:dotted;
    height:31px;
    width:31px;
    line-height:32px;
    -webkit-font-smoothing:antialiased;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.correct-numbers-separator{
    width:35px;
    height:35px;
    font-size:20px;
    line-height:35px;
    text-align:center;
    margin-right:4px;
    margin-top:18px;
}

.lotto-filled-ball li {
    background-color:#ffc71d;
}
.lotto-border-ball li,.lotto-dotted-square li{
    border-color:#ffc71d;
}
.lotto-doubling-block {
    margin-left: 10px;
}
.lotto-filled-doubling-ball {
    margin-left: 23px !important;
}
.viking-filled-ball li{
    color:#fff;
}
.viking-filled-ball li.ball-1 {
    background-color:#d95a36!important;
}
.viking-filled-ball li.ball-2 {
    background-color:#4c8ece!important;
}
.viking-filled-ball li.ball-3 {
    background-color:#b869d0!important;
}
.viking-filled-ball li.ball-4 {
    background-color:#f9a230!important;
}
.viking-filled-ball li.ball-5 {
    background-color:#404241!important;
}
.viking-border-ball li.ball-1{
    border-color:#d95a36;
}
.viking-border-ball li.ball-2{
    border-color:#4c8ece;
}
.viking-border-ball li.ball-3{
    border-color:#b869d0;
}
.viking-border-ball li.ball-4{
    border-color:#f9a230;
}
.viking-border-ball li.ball-5{
    border-color:#404241;
}

.ejackpot-filled-ball li{
    background-color:#9450a3;
    color:#fff;
}
.ejackpot-border-ball li{
    border-color:#9450a3;
}
.pore-filled-ball li{
    background-color:#3d98f0;
    color:#fff}
.pore-border-ball li{
    border-color:#3d98f0}
.syke-filled-ball li{
    background-color:#dba000;
    color:#fff}
.syke-border-ball li{
    border-color:#dba000}
.jokeri-filled-square li {
    background-color:#444;
    color:#fff}
.moniveto-filled-square .filled-ball-small{
    background-color:#2374eb;
    color:#fff}
.moniveto-filled-square .border-ball-small{
    border-color:#2374eb}
.moniveto-filled-square .filled-square-small{
    background-color:#2374eb;
    color:#fff}
.bg-medium-light-grey{
    background-color:#ccc}

.clearfix:after,.clearfix:before{
    display:table;
    content:"";
    line-height:0;
    width:0;
    height:0}
.clearfix:after{
    clear:both}
.clear-list-styles{
    margin:0}
.clear-list-styles li{
    list-style:none}

.keno-filled-ball li {
    background-color:#f2a300;
}
li.keno-kunkku-ball {
    color:#fff;
    background-color:#d38e00;
}
.keno-kunkku-ball li {
    background-color:#d38e00;
    color:#fff;
}
.keno-correct-numbers {
    float:left;
    margin:0;
}
.keno-correct-numbers li {
    margin-bottom:5px;
}
.keno-kunkku-number {
    width:100%;
    text-align:center;
    margin:0
}
.kunkku-number .kunkku-title{
    line-height:14px;
    padding:4px 0 5px
}

/* VEIKKAUS STYLES END */

.spot .ad, .ctxspot .ad {
    max-width: 100%;
}

.bannerHeaders {
    position: absolute;
    color: white;
    top: 42%;
    left: 40%;
    text-align: left;
    font-weight: 800;
    font-size: 20px;
}

.bannerHeader {    
    line-height: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 100%;
}

.bannerSubHeader {
    font-size: 80%;
}

.aBody, .messageBody {
    /* overflow: hidden; */
    /* position: relative; */
    padding-left: 8px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

.messageBody {
    padding-bottom: 0px;
    font-size: 16px;
}

.couponBorder .aBody {
    font-size: 16px;
}

.proxResGrayImg, .proxResImg {
    height: 14px;
    width: 10px;
    margin-right: 2px;
    vertical-align: top;
    background-size: 216px 194px;
}

.proxResImg {
    background-position: -8px -148px;        
}

.proxResGrayImg {
    background-position: -96px -148px;
}

.proxAdCatImg {
    background-position: -77px -244px;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.proxAdImg {
    background-position: 0px -244px;
    width: 32px;
    height: 35px;
    margin-bottom: 2px;
    margin-top: 3px;
    margin-right: 8px;
    vertical-align: middle;
}

.homeList {
    left: 6px;
}

.aItemAction,
.infoAction {
    font-size: 12px;
    color: #651FFF;
}

.resultItemAction {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    color: #651FFF;
    padding: 8px 0;
}

.resultItemAction span,
.resultItemAction img {
    vertical-align: middle;
}

.aItemActionsSpacer {
    height: 32px;
}

.aItemActions {
    border-top: 1px solid #E5E5E5;
    height: 32px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
}

.aItemAction {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.aItemAction.quarterWidth span:not(.resultItemNumFav) {
    display: none;
}

.actionBarSpace {
    bottom: 32px
}

.routeLeg .street,
.routeLeg .toward_street,
.routeLeg .next-street,
.routeLeg .number {
    font-weight: bold;
}

.nopadding {
    padding: 0px !important;
}

.diaryContainer:not(:first-child) {
    border-left: 1px solid #e5e5e5;
    margin-left: 8px;
}

.diaryContainer {
    padding-left: 8px;
    padding-right: 5px;
    margin-top: 10px;
    min-width: 100%;
    box-sizing: border-box;
}

.flexScrollContainer .diaryContainer {
    min-width: 90%;
}

.infoText {
    color: #393939;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 24px;
    padding: 0 0 0 6px;
    flex-basis: 100%;
}

.progress.infoText {
    margin-top: 0;
    margin-bottom: 5px;
}

.resultItemTitle .cadHeader {
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 -2px;
    padding: 0;
}

.progressIcon {
    max-height: 64px;
}

.progress {
    display: block;
    background-color: inherit;
    font-size: inherit;
    line-height: inherit;
    height: inherit;
}

.pinImg {
    background-position: -286px -110px;
    width: 20px;
    height: 25px;
}

.couponDisclaimer {
    margin-top: -15px;
    margin-bottom: 5px;
    color: #651FFF;
    font-size: 12px;
    flex-basis: 100%;
    text-align: center;
}

.couponDisclaimerButton {
    margin-bottom: 20px;
}

.couponUse {
    margin-top: -15px;
    margin-bottom: 20px;
}

.titleButton {
    width: 100%;
    background-size: 100% 100%;
}

.titleButton > a {
    text-decoration: none;
    display: block;
    background-color: rgba(22,32,137,0.8);
    color: white;
    font-weight: bold;
    font-size: 24px;
    padding: 12px 17px;
}

.titleButton.largeButton > a {
    padding-top: 27px;
    padding-bottom: 27px;
}

.titleButton img {
    vertical-align: middle;
    height: 30px;
    margin-right: 15px;
}

.titleButton span {
    vertical-align: middle;
}

.couponDialogImg {
    display: block;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
}

.couponUsedImg {
    display: block;
    height: 55%;
    max-height: 140px;
    margin-left: auto;
    margin-right: auto;
}

.ui-dialog .ui-dialog-content {
    padding: 20px 20px 5px;
}

.H_ib {
    color: black !important;
}

.H_ib_body {
    background-color: white !important;
}

.H_ib_close svg {
    fill: black !important;
}

.H_ib_tail path {
    fill: white !important;
}

.H_ib_tail path:first-child {
    display:none;
}

.kauraNumAds {
    padding-left: 12px;
    /*padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 7px;
    font-size: 12px;
    color: white;
    background-size: cover;
    background-position: center center;
    background-image: url('img/numads.svg');*/
}

video {
    max-width: 100%;
    display: block;
}

.ui-dialog {
    overflow: auto;
    max-height: 100%;
}

.leftFlexJustify {
    margin-right: auto;
}