/* 
    Document   : styles
    Created on : 7.1.2010, 11:49:34
    Author     : Mikael
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@import "dojo/dojox/widget/Calendar/Calendar.css";

root { 
    display: block;
    width: 100%;
}

.body {
    min-width: 900px !important;
    min-height: 540px !important;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
}

#noscript {
    position:absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    background-color: rgb(255, 255, 221);
    color: red;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid gray;
    z-index: 2002;
    padding-top: 3px;
    height: 28px;
}

#wrapper {
    position:absolute;
    left:0px;
    top:0px;
    min-width: 1024px !important;
    min-height: 600px !important;
    width: 100%;
    height: 100%;
    background-color: #F2EDED;
}

#loadingBackground {
    position:absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    background-color: #827272;
    z-index: 2000;
}

#loading {
    position:absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    background-image:url('loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2001;
}

#paperContainer {
    position:absolute;
    top: 73px;
    bottom: 30px;
    left: 10px;
    right: 355px;
}

.topShadow {
    background-image:url('paper_shadow_top.png');
    background-repeat: repeat-x;
    background-position: top;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.rightShadow {
    background-image:url('paper_shadow_right.png');
    background-repeat: repeat-y;
    background-position: right;
}

.topLeftCornerShadow {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image:url('paper_shadow_topleft.png');
    width: 10px;
    height: 10px;
}

.topRightCornerShadow {
    position: absolute;
    top: 0px;
    right: 0px;
    background-image:url('paper_shadow_topright.png');
    width: 10px;
    height: 10px;
}

#paper {
    border: solid 1px #ABA6A7;
    background-color: white;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: 0px;
    right: 10px;
}

#intro, #nearest {
    position:absolute;
    border: solid 1px #ABA6A7;
    left: 10px;
    right: 365px;
    top: 83px;
    bottom: 30px;
    z-index: 498;
    background-color: white;
}

#nearestdesc {
    left: 293px;
    top: 37px;
    position: absolute;
    font-weight: bold;
}

#nearestresults {
    left: 283px;
    top: 63px;
    position: absolute;
    padding: 0 10px 10px;
    right: 0px;
    bottom: 10px;
    overflow: auto;
}

#frontpage_list_bookmarks_results {
    position: absolute;
    margin-top: 20px;
    left: 293px;
    right: 0px;
    top: 25px;
    bottom: 0px;
    overflow: auto;
}

.resultDistance {
    padding-right: 3px;
    color: #888282;
}

#header {
    position:absolute;
    left: 0px;
    top: 0px;
    height: 70px;
    width: 100%;
    background-color: #F2EDED;
}

#headerlogo {
    position:absolute;
    left:0px;
    top:0px;
    background-image:url('/headerlogo1.png');
    width: 96px;
    height: 80px;
}

#headerlogotype {
    position:absolute;
    left:96px;
    top:0px;
    background-image:url('/headerlogo2.png');
    width: 184px;
    height: 50px;
}

#headerlogoslogan {
    position:absolute;
    left:96px;
    top:50px;
    background-image:url('/headerslogan.png');
    width: 184px;
    height: 30px;
}

#headerTabContainer {
    position:absolute;
    left:280px;
    top:0px;
    right: 0px;
    background-image:url('menubg.png');
    background-repeat:repeat-x;
    height: 32px;
}

#headerTabContainerLeftCorner {
    position:absolute;
    left:0px;
    top:0px;
    background-image:url('menubg_left.png');
    width: 30px;
    height: 32px;
}

#headerTabIntro {
    position: absolute;
    left: 30px;
    top: 0px;
}

#headerTabNearest {
    position: absolute;
    left: 105px;
    top: 0px;
}

#headerTabPlaces {
    position: absolute;
    left: 180px;
    top: 0px;
}

#headerTabRoutes {
    position: absolute;
    left: 255px;
    top: 0px;
}

#headerTabMypage {
    position: absolute;
    left: 330px;
    top: 0px;
}

#headerTabFeedback {
    position: absolute;
    right: 125px;
    top: 0px;
}

#headerTabLogin {
    position: absolute;
    right: 0px;
    top: 0px;
}

.headerTab {
    height: 90px;
    width: 75px;
    background: url('menu_separator.png') no-repeat top right;
    text-align: center;
    color: #888282;
}

.subheaderTab {
    height: 30px;
    width: 125px;
    background: url('menu_separator.png') no-repeat top left;
    text-align: center;
    color: #888282;
    padding-top: 7px;
}

.headerTab.selected, .subheaderTab.selected {
    color: #BD2121;
}

#headerTabIntro div.headerTabIcon, #headerTabIntro div.headerTabIcon.unselected:hover {
    background: url('home_deselected.png') no-repeat bottom center;
}

#headerTabIntro div.headerTabIcon.selected, #headerTabIntro div.headerTabIcon:hover {
    background: url('home.png') no-repeat bottom center;
}

#headerTabNearest div.headerTabIcon, #headerTabNearest div.headerTabIcon.unselected:hover {
    background: url('nearest_deselected.png') no-repeat bottom center;
}

#headerTabNearest div.headerTabIcon.selected, #headerTabNearest div.headerTabIcon:hover {
    background: url('nearest.png') no-repeat bottom center;
}

#headerTabPlaces div.headerTabIcon, #headerTabPlaces div.headerTabIcon.unselected:hover {
    background: url('places_deselected.png') no-repeat bottom center;
}

#headerTabPlaces div.headerTabIcon.selected, #headerTabPlaces div.headerTabIcon:hover {
    background: url('places.png') no-repeat bottom center;
}

#headerTabRoutes div.headerTabIcon, #headerTabRoutes div.headerTabIcon.unselected:hover {
    background: url('routes_deselected.png') no-repeat bottom center;
}

#headerTabRoutes div.headerTabIcon.selected, #headerTabRoutes div.headerTabIcon:hover {
    background: url('routes.png') no-repeat bottom center;
}

.headerTabTitle {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
}
.headerTabTitle:hover {
}

.subheaderTabTitle {
    font-size: 12px;
    line-height: 12px;
}

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

.headerTabIcon {
    height: 94px;
    position: relative;
    top: -24px;
    z-index: 996;
}

#tabPlacesModalPane {
    position: absolute;
    background-image: url("maploading.gif");
    background-repeat: no-repeat;
    top: 0;
    width: 152px;
    left: 460px;
    height: 90px;
    z-index: 997;
}

#headerSelectedTab {
    position:absolute;
    left: 315px;
    top: 20px;
    height: 70px;
    width: 70px;
}

#headerHintTab {
    position:absolute;
    left: 315px;
    top: 20px;
    height: 70px;
    width: 70px;
}

.tabplaceSelectedIcon {
    background-image:url('places_70.png');
}

.tabrouteSelectedIcon {
    background-image:url('routes_70.png');
}

#headerSelectedTabTitle {
    position:absolute;
    left:385px;
    top:40px;
    color: white;
    font-size: 18px;
}

#headercontrols {
    position:absolute;
    right:0px;
    top:0px;
    background-image:url('headercontrols.png');
    width: 360px;
    height: 90px;
}

#routecontrols {
    position:absolute;
    left: 20px;
    top: 95px;
    /*    height: 150px; */
    bottom: 41px;
    width: 274px;
}

.routeHomeField {
    width: 130px;
    vertical-align: middle;
}

.routeHome {
    border-spacing: 0;
}

#route_settings {
    padding: 11px 0px;
}

.routeFormContainer {
    padding: 5px;
}

.routeFormLeftPadding {
    padding-left: 13px;
}

#routeDateTimeTable {
    padding-top: 7px;
}

.time {
    width: 40px;
    vertical-align: middle;
}

.routeInput {
    width: 95px;
}

#buttonRoute {
    width: 190px;
}

#departure {
    width: 90px;
}

#arrive {
    width: 85px;
}

#route_settings_table {
    border-spacing: 7px;
}

#buttonNow {
    width: 42px;
}

#buttonReset {
    width: 89px;
}

.buttonLeftPadding {
    padding-left: 66px;
}

#routetabs {
    position:absolute;
    top: 70px;
    right: 0px;
    width: 360px;
    height: 32px;
    background-image:url('route_tab_bg.png');
}

#channels {
    position:absolute;
    left: 20px;
    top: 95px;
    bottom: 41px;
    width: 274px;
}

#channels.nearest {
    z-index: 499;
}

#feedbackTopics {
    position:absolute;
    left: 20px;
    top: 95px;
    bottom: 340px;
    width: 274px;
}

.fav {
    background-color: #DDDDDD;
    border-color: #F1F1F1 #B3B3B3 #B3B3B3 #F1F1F1;
    border-style: solid;
    border-width: 2px;
    width: 16px;
    height: 16px;
    -moz-border-radius: 4px 4px 4px 4px;
    
}
.fav:hover {
    background-color: #EDEDED;
}


.dijitAccordionTitle {
    line-height: 22px;
}

.tundra .dijitAccordionTitle {
  background: url("images/arrow_right.png") no-repeat scroll 6px 2px #DDDDDD;
  border-color: #F1F1F1 #B3B3B3 #B3B3B3 #F1F1F1;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  padding: 1px 1px 1px 28px;
}

.tundra .dijitAccordionTitle-hover {
  background: url("images/arrow_down.png") no-repeat scroll 6px 2px #DDDDDD;
  background-color: #EDEDED;
}

.tundra .dijitAccordionTitle-selected {
  background: url("images/arrow_down.png") no-repeat scroll 8px 2px #F2EDED;
  border-color: #BFBFBF;
  border-style: solid;
  border-width: 1px 0 1px 0;
  cursor: default;
  font-weight: bold;
  padding:  2px 2px 2px 28px;
}

#route_public_transportation_button, #route_settings_button {
    background: white;
    padding:  3px 3px 3px 6px;
}


.accordion {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 278px;
}

.wideaccordion {
    width: 340px;
}

.miniaccordion {
    width: 50px;
}

.dijitAccordionFocused {
    text-decoration: none;
}

.lastaccordionpane {
    border-bottom-color: red;
}

.channel {
   /* line-height: 26px;*/
    height: 26px;
    padding-left: 26px;
    margin: 0px;
    background-image: url('/logos/general.png');
    background-repeat:no-repeat;
    background-position:center left;
    border: 1px solid white;
}

#feedbackTopics .paragraph {
    line-height: 26px;
    height: 26px;
    padding-left: 26px;
    margin: 0px;
    background-image: url('legal_24.png');
    background-repeat:no-repeat;
    background-position:center left;
    border: 1px solid white;
}

.instruction {
    line-height: 26px;
    height: 26px;
    padding-left: 26px;
    margin: 0px;
    background-repeat:no-repeat;
    background-position:center left;
    border: 1px solid white;
}

.placeinstruction {
    background-image: url('places_24.png');
}

.routeinstruction {
    background-image: url('routes_24.png');
}

.selectedchannel, #feedbackTopics .selectedparagraph {
    background-color: #F2EDED;
    border: 1px solid #CDC4C5;
}

.channel:hover, .paragraph:hover, .instruction:hover {
    border: 1px solid #CDC4C5;
    background-color: #F8F8F8;
    cursor: pointer;
}

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

.subchannel, .subparagraph, .subinstruction {
    padding-left: 26px;
    margin-left: 26px;
}

.channel_find_all {
    background-image: url('/logos/find_all.png');
}

#channelcontrols {
    position:absolute;
    left: 0px;
    bottom: 36px;
    width: 324px;
    height: 60px;
}

#channelcontroltabs {
    background-image:url('tab_bg.png');
    height: 32px;
}

.selectedchanneltab {
    background-image:url('tab_white.png');
    cursor: default;
}

.channelcontroltab {
    float: left;
    width: 162px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

#infobox {
    position:absolute;
    left:0px;
    bottom: 20px;
    width: 300px;
    height: 16px;
    background-color: white;
}

#player {
    position:absolute;
    left:304px;
    right:375px;
    top: 125px;
    bottom: 111px;
    min-width: 219px;
    min-height: 250px;
    border: solid 1px #CCCCCC;
}

#player div.nmm_plugControl {
    height: 100%;
}

.topcornerButton {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 24px;
    height: 24px;
    z-index: 2;
}

.wideMap {
    left: 20px !important;
}

.tallMap {
    bottom: 58px !important;
}

.lowControls {
    bottom: 20px !important;
}

.fullHeight {
    bottom: 41px !important;
    top: 95px !important;
}

#content, #legalesecontent {
    position:absolute;
    left: 21px;
    right:375px;
    top:95px;
    bottom: 41px;
    min-width: 219px;
    min-height: 250px;
    border: 1px solid #CCCCCC;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 995;
    background-color: white;
}

#controls {
    position:absolute;
    left: 304px;
    right: 376px;
    top: 90px;
    height: 32px;
    border: 1px solid transparent;
}

#controls.nearest, #controls.frontpage {
    z-index: 499;
}

#controls.frontpage {
    left: 20px;
    background-color: #F2EDED;
    border: 1px solid #DDCCCC;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.frontpageButton {
    font-size: 10px;
    font-family: Arial, sans-serif;
}

#controlsHomeButtonContainer {
    width: 284px;
    margin-top: 4px;
}

#frontpageHomeSaveButton {
    width: 135px;
}

.frontpageRemovePadding {
    padding-top: 4px;
    padding-bottom: 1px;
}

#widget_controlsCityField {
    margin: 6px 0px;
    width: 148px;
}

#weekdaySelection {
    position: absolute;
    left: 5px;
}

#daySelection {
    position: absolute;
    bottom: 41px;
    left: 304px;
    padding-top: 4px;
    height: 60px;
    right: 411px;
    border: solid 1px #CCCCCC;
}

#weekdayContainer {
    position: relative;
    text-align: center;
    top: 10px;
    left: 0px;
    width: 301px;
    height: 50px;
    font-size: 11px;
}

#weekdayContainer div.columnContainer {
    position: absolute;
    width: 43px;
    padding-top: 35px;
    top: 0px;
}

.column0 {
    left: 0px;
}

.column1 {
    left: 43px;
}

.column2 {
    left: 86px;
}

.column3 {
    left: 129px;
}

.column4 {
    left: 172px;
}

.column5 {
    left: 215px;
}

.column6 {
    left: 258px;
}

#weekdayContainer div div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 43px;
    height: 30px;
}

.weekdayShift0, .weekdayShift7 {
    background: transparent url(weekday_img_fi.png) 0px 0px no-repeat;
}

.weekdayShift1, .weekdayShift8 {
    background: transparent url('weekday_img_fi.png') -43px 0px no-repeat;
}

.weekdayShift2, .weekdayShift9 {
    background: transparent url(weekday_img_fi.png) -86px 0px no-repeat;
}

.weekdayShift3, .weekdayShift10 {
    background: transparent url(weekday_img_fi.png) -129px 0px no-repeat;
}

.weekdayShift4, .weekdayShift11 {
    background: transparent url(weekday_img_fi.png) -172px 0px no-repeat;
}

.weekdayShift5, .weekdayShift12 {
    background: transparent url(weekday_img_fi.png) -215px 0px no-repeat;
}

.weekdayShift6, .weekdayShift13 {
    background: transparent url(weekday_img_fi.png) -258px 0px no-repeat;
}

.weekdayShift0.selected, .weekdayShift7.selected, .weekdayShift0:hover, .weekdayShift7:hover {
    background: transparent url(weekday_img_fi.png) 0px -30px no-repeat;
}

.weekdayShift1.selected, .weekdayShift8.selected, .weekdayShift1:hover, .weekdayShift8:hover {
    background: transparent url(weekday_img_fi.png) -43px -30px no-repeat;
}

.weekdayShift2.selected, .weekdayShift9.selected, .weekdayShift2:hover, .weekdayShift9:hover {
    background: transparent url(weekday_img_fi.png) -86px -30px no-repeat;
}

.weekdayShift3.selected, .weekdayShift10.selected, .weekdayShift3:hover, .weekdayShift10:hover {
    background: transparent url(weekday_img_fi.png) -129px -30px no-repeat;
}

.weekdayShift4.selected, .weekdayShift11.selected, .weekdayShift4:hover, .weekdayShift11:hover {
    background: transparent url(weekday_img_fi.png) -172px -30px no-repeat;
}

.weekdayShift5.selected, .weekdayShift12.selected, .weekdayShift5:hover, .weekdayShift12:hover {
    background: transparent url(weekday_img_fi.png) -215px -30px no-repeat;
}

.weekdayShift6.selected, .weekdayShift13.selected, .weekdayShift6:hover, .weekdayShift13:hover {
    background: transparent url(weekday_img_fi.png) -258px -30px no-repeat;
}

.textred {
    color: #C65152;
}

#frontpage_left_column {
    position:absolute;
    left: 3px;
    top: 40px;
}

#fbBoxContainerIntro {    
    background: #F6F6FA;    
    border: 1px solid #CCCCDD;
    width: 255px;
    height: 60px;
    margin: 6px;
}

#frontpageAd {    
    width: 255px;
    margin: 6px;
}

#latestBoxContainer {
    position:absolute;
    right: 0px;
    top: 30px;
    width: 340px;
    height: 90px;
    padding: 10px;
}

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

#routesInfoBoxContainer {
    position:absolute;
    right: 0px;
    top: 30px;
    background: url('routesinfo.png') no-repeat;
    width: 345px;
    height: 66px;
    padding: 10px;
    padding-left: 0px;
}

#routesInfoBox {
    width: 314px !important;
    height: 65px;
    overflow: hidden;
    padding-left: 31px;
}

.latestPadding {
    padding-top: 3px;    
}

.bold {
    font-weight: bold;
}

.messageHeader {
    font-size: 14px;
    font-family: Candara, Sans-serif;
    color: #7F6666;
}

.latestAuthor,.latestTimestamp {
    font-size: 10px;
    color: #777777;
    font-style: italic;
}

#resultsContainer {
    position:absolute;
    right: 0px;
    top: 90px;
    top: 140px;
    bottom: 0px;
    width: 349px !important;
    min-width: 349px;
    min-height: 300px;
}

.bottomBorder {
    background: transparent url('line.png') repeat-x center bottom;
}

.resultHeaderLineHeight {
    line-height: 26px;
    display: inline-block;
    height: 26px;
    max-width: 243px;
    overflow: hidden;
}

#resultHeaderDateIcon {
    position: absolute;
    top: 0px;
    left: 235px;
    width: 43px;
    height: 30px;
    background-image: url(weekday_img_fi.png);
}

#resultHeaderDate {
    position: absolute;
    top: 0px;
    left: 280px;
}

#resultHeaderDate.dates {
    left: 215px;
}

#resultHeaderChannelIcon {
    padding: 3px;
    vertical-align: top;
}

#resultsCounter {
    font-size: 2em;
}

#results {
    position:absolute;
    overflow: scroll;
    width: 100%;
    top: 56px;
    bottom: 0px;
}

#resultsHelpContainer {
    position:absolute;
    width: 306px;
    top: 60px;
}


#resultsActionCommand {
    z-index: 1;
    border: 1px solid #999999;
    background-color: white;
    font-size: 1.2em;
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    padding: 2px;
}

.actionCommand {
    border: 2px solid transparent;
}

div.actionCommand a  {
    text-decoration: none;
    color: black;
}

.actionCommand:hover {
    background-color: #EDEDED;
    border-color: #F1F1F1 #B3B3B3 #B3B3B3 #F1F1F1;
    border-style: solid;
    border-width: 2px;
    text-decoration: none;
}


.actionMenuIcon {
    padding-right: 4px;
}

#feedbackmobi {
    abackground: url('info_widget.png') no-repeat;
    position:absolute;
    left: 20px;
    bottom: 33px;
    width: 280px;
    height: 295px;
    text-align: center;
}


.frontPageResults {
    position: absolute; 
    /*position: relative;
    left:726px; */
    right: 0px;
    top: 72px;
    bottom: 30px;
    width: 280px;
    width: 310px;
    atext-align: center;
    padding-left: 10px;
    padding-right: 32px;
    margin-right: 7px;
    border: 0px solid #FFAA00;
}

.frontPageResults p {
    line-height: 1em;
    margin: 0px;
}

.frontPageResultTitle {
    padding: 10px 0;
}

#shortly {
    margin: 0 12px 12px;
    width: 500px;
}

#feedbackform {
    position:absolute;
    right: 18px;
    top: 53px;
    width: 317px;
    color: #915D56;
}

#feedbackResponse {
    padding: 0px 80px 0px 0px;
}

#feedbackeResponseButton {
    margin-top: 10px;
}

#feedbackInputBox {
    width: 100%;
    height: 160px;
    margin-top: 5px;
}

.resultItem,.bookmarkItem {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    background-color: white;
    width: 306px;
    padding: 5px;
    margin: 5px 2px; /* margins overlap */
    border: 3px solid transparent;
    clear: both;
}

.resultAdLink {
   /* height: 100px;*/
    color: black;
    text-decoration: none;
    cursor: -moz-alias;
}

.resultAdContainer {
    background-color: #F8F8F8;
    border: 1px solid #DDCCCC;
    padding: 4px;
}

.resultAdContainer.hover:hover {
    border: 2px solid blue;
    padding: 3px;
    background-color: #F2F2FF;
    cursor: -moz-alias;
}

.resultItemHover {
    border: 3px solid transparent;
}

.resultItem:hover {
    border: 3px solid #D14D4D;
}


#routes {
    position:absolute;
    right: 5px;
    top: 135px; /* 107px; kelkkapx */
    bottom: 30px;
    width: 346px !important;
    min-width: 346px;
    min-height: 300px;
}

.resultRoute {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    background-color: white;
    width: 300px;
    padding: 5px;
    margin: 5px 2px; /* margins overlap */
    border: 3px solid transparent;
    clear: both;
    border-spacing: 0;
}

.resultRoute:hover {
    border: 3px solid blue;
}

.selectedResultRoute {
    border: 3px solid teal;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.valign-top {
    vertical-align: top;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: bottom;
}

.routeLeg {
    border-top: 1px solid #BBBBBB;
    padding: 2px;
}

.routeLegLine {
    width: 40px;
}

.routeDuration {
    width: 50px;
    text-align: right;
}

.routeIcon {
    width: 26px;
}

.routeTime {
    width: 40px;
}

.routeExceptionInfo {
    color: red;
    border: 1px solid red;
    font-size: 10px;
    padding: 3px;
    margin-bottom: 2px;
}

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

.resultRouteMiniHeader {
    vertical-align: top;
}

.resultLogo {
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.resultMessage {
    height: 20px;
    clear: both;
    border: 1px solid transparent;
}

.messageBodyPadding {
    padding-left: 20px;
    padding-right: 2px;
    padding-bottom: 4px;
}

.resultMessageDetails {
    -moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.2);
    clear: both;
    position: absolute;
    z-index: 2;
    background-color: #FAF6F6;
    border: 1px solid #DDCCCC;
    width: 304px;
    left: 6px;
    padding: 4px;
}

.resultPadding {
    padding-top: 4px;
}

.resultRightPadding {
    padding-right: 4px;
}

.aImage {
    clear:both;
    border: 0px;
}

.aImageLmt {
    max-height: 80px;
    max-width: 80px;
    margin:6px 6px 0 0;
}

.aText {
    width: 214px;
}

.aTextWide {
    width: 294px;
}

.aStrether {
    clear:both;
    height: 1px;
    width: 300px;
}

#footer {
    position:absolute;
    left:0px;
    bottom:0px;
    height: 20px;
    width: 100%;
    min-width: 900px;
    background-color: #CDC4C5;
    line-height: 20px;
    border-top:3px double white;
    font-size: 11px;
}

#footer p {
    line-height: 11px;
    height: 11px;
    margin: 0px;
    border: 4px solid transparent;
}

#footer p.paragraph {
    padding: 3px 10px;
    background-repeat:no-repeat;
    background-position:center left;
    border: 1px solid transparent;
}

.footerlink {
    color: black;
    padding-left: 7px;
}

#footercompany {
    float: right;
    padding-right: 27px;
}

.footercompanylink:link, .footercompanylink:visited {
    color: white;
    text-decoration: none;
}

.footercompanieslink:link, .footercompanieslink:visited {
    color: black;
    text-decoration: none;
}

.footer {
    position:absolute;
    bottom:0px;
}

#infoscreensemimodalpane {
    position: absolute;
    background-color: #827272;
    top: 95px;
    right: 375px;
    left: 20px;
    bottom: 41px;
    z-index: 499;
}

#infoscreenwrapper {
    position:absolute;
    top: 140px;
    right: 355px;
    max-width: 670px;
    height: 440px;
    z-index: 500;
}

#infoscreen {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    width: 670px;
    height: 440px;
    background-color: white;
    target-new: tab ! important;
}

#infoscreeninnerwrapper {
    overflow: auto;
    width: 667px;
    height: 373px;
    top: 34px;
    position: absolute;
}

#actionMenu {
    position: absolute;
    top: 410px;
    padding-left: 16px;
    right: 0px;
    left: 0px;
    padding-top: 2px;
    padding-bottom: 4px;
    border-top: 1px solid #DDDDDD;
     -moz-border-radius: 0 0 6px 6px;
    background: #EDEDED;
    font-size: 11px;
}

#smallActionMenu {
    padding-left: 16px;
    padding-top: 2px;
    padding-bottom: 4px;
    border-top: 1px solid #DDDDDD;
     -moz-border-radius: 0 0 6px 6px;
    background: #EDEDED;
    font-size: 11px;
    height: 24px;
}

.actionMenu, .lastActionMenu {
    padding: 0px 5px 0px 3px;
    border-right: 1px solid gray;
    background-color: #DDDDDD;
    border-color: #F8F8F8 #B3B3B3 #B3B3B3 #F8F8F8;   
    border-style: solid;
    border-width: 2px;
    margin-right: 2px;
}

div.actionMenu a  {
    text-decoration: none;
    color: black;
}

.actionMenu:hover, .lastActionMenu:hover {
    background-color: #EDEDED;
    border-color: #FFFFFF #B3B3B3 #B3B3B3 #FFFFFF;
}

.lastActionMenu {
    padding: 5px 10px 0px 10px
}

.infoscreenclose {
    width: 100%;
    line-height: 34px;
}

#infoscreendetails {
    margin-bottom: 16px;
    margin-left: 16px;
}

.infoscreendetailslimit {
    max-width: 300px;
}

.infoscreenheaderlimit {
    max-width: 265px;
}

#infoscreendesc p {
    margin-bottom: 0;
    margin-top: 0;
}

#infoscreendescevt p {
    margin-bottom: 0;
    margin-top: 0;
}

#infoscreenMessageBox {
    width: 297px;
    height: 64px;
    background-image:url('quot.png');
    background-repeat:no-repeat;
    background-position: 10px 5px;
    background-color: #FEFAFA;
    border-top: 1px solid #92898A;
    border-bottom: 1px solid #92898A;
    overflow: hidden;
    padding-left: 31px;
    margin-bottom: 10px;
    margin-right: 5px;
    top: 0px;
    left: 321px;
    position: absolute;
}

.infoscreenTabContainerPos {
    top: 71px !important;
}

#infoscreenTabContainer {
    width: 330px;
    top: 0px;
    right: 0px;
    height: 300px;
    position: absolute;
}

.infoscreenMiniTabContainer {
    height: 283px !important;
}

#infoscreenAdsLoading {
    top: 71px;
    left: 450px;
    position: absolute;
}

#infoscreenAdTab {
    padding: 0px;
    overflow: hidden !important;
}

#infoscreendatasource {
    font-size: smaller;
}

.infoscreenads {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    background-color: white;
    width: 300px;
    padding: 5px;
    margin: 5px 2px; /* margins overlap */
    border: 3px solid transparent;
    clear: both;
}

.infoscreenads:hover {
    border: 2px solid blue;
    padding: 6px;
    background-color: #F2F2FF;
    cursor: -moz-alias;
}

.infoscreenopening {
    line-height: 18px;
}

#infoscreenheader {
    font-size: 16px;
    line-height: 20px;    
}

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

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

.inlineClear {
    clear: both;
}

.noTopPadding {
    padding-top: 0px;
}

.noPadding {
    padding: 0px !important;
}

.singlePadding {
    padding: 10px;
}

.singleMargin {
    margin: 10px;
}

.doublePadding {
    padding: 20px;
}

.halfLeftPadding {
    padding-left: 5px;
}

.singleLeftPadding {
    padding-left: 10px;
}

.doubleLeftPadding {
    padding-left: 20px;
}

.halfRightPadding {
    padding-right: 5px;
}

.singleRightPadding {
    padding-right: 10px;
}

.doubleRightPadding {
    padding-right: 10px;
}

.halfTopPadding {
    padding-top: 5px;
}

.singleTopPadding {
    padding-top: 10px;
}

.doubleTopPadding {
    padding-top: 20px;
}

.doubleTopMargin {
    margin-top: 20px;
}

.doubleBottomMargin {
    margin-bottom: 20px;
}

.halfBottomPadding {
    padding-bottom: 5px;
}

.singleBottomPadding {
    padding-bottom: 10px;
}

.nontransparent {
    -moz-opacity:1;
    filter:alpha(opacity=100);
    opacity: 1;
}

.transparent {
    -moz-opacity:.50;
    filter:alpha(opacity=50);
    opacity:.50;
}

.semitransparent {
    -moz-opacity:.75;
    filter:alpha(opacity=75);
    opacity:.75;
}

.clickable, img.IMapObject {
    cursor: pointer;
}

.unclickable {
    cursor: default;
}

.invisible {
    visibility: hidden;
}

.modalpane {
    position: absolute;
    background-color: white;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
}

#poierrorscreenwrapper {
    position:absolute;
    top: 195px;
    right: 55px;
    width: 300px;
    max-height: 450px;
    z-index: 1001;
}

#poierrorscreen {
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    max-width: 300px;
    max-height: 450px;
    border-style: solid;
    border-width: thin;
    background-color: #F0F0F0;
    target-new: tab ! important;
}

#poierrorscreentext {
    padding-top: 0px;
    padding-bottom: 0px;
}

#poierrorscreenformheader {
    padding-top: 5px;
    padding-bottom: 5px
}

#poierrorscreenInputBox {
    width: 235px;
    margin-left: 20px;
    margin-right: 20px;
}

#poierrorscreensend {
    margin-left: 120px;
    margin-top: 10px;
    margin-bottom: 16px;
}

#poierrorscreencancel {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 16px;
}

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

.error {
    color: red;
}

.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;
}

.placeholder {
    color: #928989;
}

#controlsAddressField {
    width: 104px;
    height: 17px;
    font-size: 12px;
    vertical-align: middle;
}

#controlsSubmit {
    width: 50px;
    vertical-align: middle;
}

#controlsNotFound {
    font-size: 10px;
    color: red;
    position: absolute;
    left: 152px;
    top: 23px;
}

#controlsNotFound.frontpage {
    left: 435px;
}

.controlsButton {
    font-size: 12px;
    font-family: Arial, sans-serif;
}

#eventDayBrowser {
    width: 275px;
    height: 60px;
    position: absolute;
    left: 5px;
}

#eventDayRadios {
    left: 30px;
    top: 0px;
    position: absolute;
    line-height: 18px;
    margin-left:6px;
    margin-top: 2px;
}

#eventDayImg {
    margin-left:4px;
    margin-top: 4px;
}

#eventCalendar {
    left: 282px;
    position: absolute;
}

#widget_eventFrom {
    width: 90px;
}

#eventToDiv {
    left: 100px;
    top: 0px;
    position: absolute;
}

#widget_eventTo {
    width: 90px;
}

#eventSubmit {
    left: 200px;
    top: 10px;
    position: absolute;
    width: 120px;
}

.dojoxCalendarFooter {
    display: none;
}

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

.underline {
    text-decoration: underline;
}

.accordionStretcher {
    clear:both;
    height: 1px;
    width: 100%;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

#weather {
    position: absolute;    
    right: 0px;
    top: 4px;
    width: 30px;
    height: 95px;
    border: 1px solid #CCCCCC;
}

#weatherBg {
    position: absolute;
    bottom: 111px;
    height: 31px;
    right: 375px;
    width: 36px;
    z-index: 10;
    background-color: white;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

#weatherBg.weatherBgWide {
    width: 62px !important;
}

#weatherBg.weatherBgXWide {
    width: 88px !important;
}

.weatherWide {
    width: 56px !important;
    border: 1px solid red !important;
}

.weatherXWide {
    width: 82px !important;
    border: 1px solid red !important;
}

.selectorsNarrow {
    right: 437px !important;
}

.selectorsXNarrow {
    right: 463px !important;
}

#warnings {
    background-color: #E6E6E6;
    height: 95px;
    width: 26px;
    display: inline;
    float: left;
}

.wideWarnings {
    width: 52px !important;
}

.warningImg {
    padding: 2px;
}

#weatherdetails.places {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

#weatherdetails.frontpage {
    position: static;
    z-index: 499;
    border: 1px solid gray;
    margin: 6px;
}

#weatherdetails.frontpage div.weatherclose {
    display: none;
}

#weatherdetails {
    background-color: white;
    z-index: 502;
    position: absolute;
    bottom: 41px;
    right: 375px;
    width: 255px;
}

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

.weatherdetailsHeader {
    color: #777777;
    font-weight: bold;
    text-align: center;
}

.wunselected {
	background-color: #CCCCCC; 
	border: 1px solid #CCCCCC; 
	color: white;
}

.wselected {
	border: 1px solid #CCCCCC; 
	border-bottom: none; 
	color: #777777; 
	font-weight: bold; 
}

.weatherselection {
    width: 50%;
    text-align: center;
}

#warningsheader {
    color: #777777;
    font-weight: bold;
}

.warningsText {
    color: red;
    font-size: 11px;
}

.warningsTitle {
    font-weight: bold;
    font-size: 12px;
}

.iconWidth {
    width: 24px;
}

#welcomewrapper {
    position: absolute;
    top: 80px;
    left: 250px;
    z-index: 999;
}

#welcomemodalpane {
    position:absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    background-color: #827272;
    z-index: 998;
}

#welcomeheader {
    font-family: Candara,Arial,sans-serif;
    font-size: 20px;
	font-weight: bold;
    padding-top: 20px;
}

#welcomeHeaderImage {
	position: absolute; 
	left: 16px; 
	top: 12px;
}

#welcomeAddressField {
	width: 182px;
	margin-top: 4px;
	margin-bottom: 10px
}

#welcome {
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    border-style: solid;
    border-width: thin;
    width: 400px;
    height: 450px;
    background-color: #F2EDED;
}

#welcome p {
    padding-left: 80px;
    padding-right: 20px;
}

#findaccordion {
    bottom: 30px !important;
}

#textSearch {
    position: absolute;
    bottom: 0px;
}

#textSearchField {
    width: 185px;
    font-size: 12px;
}

.scaleBarContainer {
    right: 58px !important;
}

#popupBg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-image: url("login_bg.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    font-family: Candara, Arial, sans-serif;
}

.popupHeader {
    margin: 20px;
    font-size: 1.2em;
    font-weight: bold;
}

.popupForm {
    margin: 10px 10px 10px 20px;
}

#popupOther {
    background-color: #EEEEEE;
    border: 1px solid #CCCCEE;
    margin-bottom: 10px;
    margin-left: 20px;
    padding: 5px 10px 10px;
    width: 262px;
    text-align: center;   
}

#popupReg {
    background-color: #EEEEEE;
    border: 1px solid #AAAAAA;
    font-size: 0.8em;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    text-align: center;
}

#popupRegHeader {
    font-size: 1.5em;
    font-weight: bold;
}

#keepLogged {
    margin-left: 20px;
}

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

#loginscreen {
    position: absolute;
    right: 0;
    top: 30px;
    width: 103px;
    height: 66px;
    background-color: #E7E2E2;
    border: 1px solid #DDCCCC;
    line-height: 1.7em;
    padding: 0 10px;
}

#loginname {
    border-bottom: 1px solid #CCBBBB;
    color: gray;
    font-size: 10px;
}

#revoke {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    margin-bottom: 20px;
    padding: 10px;
}

#tabContainer .dijitTabPaneWrapper {
    border: none !important;
}

.routeHomeError, .routeHomeCityError {
    font-size: 10px;
    color: red;
}

.ovi_mp_bubble_content {
    padding: 5px !important;
}

.ovi_mp_infoBubble {
    z-index: 498;
}

.lamDataOuterBorder {
    border-right: 0px solid #ddcccc;
    background-color: #eeeeee;
}

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

.lamDataSpeed {
    padding-left: 32px;
    background-position: 15px 0px;
    background-repeat: no-repeat;
}

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

.lamDataTimestamp {
    border-top: 1px solid #ddcccc;
    margin:0px 2px;
}

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

.tsaDataCenter {
    background-color: #eeeeee;
}

.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 rgb(221, 204, 204);
    margin: 0px 2px;
}

.langChangeImg {
    height: 15px;
    padding-right: 2px;
    padding-left: 2px;
}

#headerTabChangeLang {
    position: absolute;
    right: 250px;
    top: 0;
    width: 75px !important;
}

#popupFrameWrapper {
    position: absolute;
    right: 60px;
    top: 50px;
    width: 600px;
    height: 510px;
    z-index: 999;
    background: white;
}

.popupFrameCancel {
    position: absolute;
    right: 10px;
    z-index: 1;
    max-width: 80px;
}

.channelText {
    margin-top: 5px;
    display: inline-block;
    line-height: 1em;
}

.longChannel {
    margin-top: 1px !important;
}

.rssDate {
    border-top: 1px solid #CCCCCC;
    font-size: x-small;
}
/*
.fullPlayer {
    top: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    z-index: 10000 !important;
}*/