.travelingCrane {
   border-top : 1px dotted #5d6e7e;
   position   : relative;
}

@media only screen and (min-width:40em)
{
   #travelingCranesHolder {
        padding-left      : 245px;
    }
    
    .logoBase {
        position         : absolute;
        top              : 860px;
        left             : 20px;
    }
    
    .travelingCrane {
       min-height        : 6.7em;
    }
    
   .smallTravelText {
     font-size               : 0.85em;
     margin-top              : 0.1em;
   }
}

#travelingCranesHolder {
   color                 : #bbb;
   margin-bottom         : 1em;
}


#travelingCranesHolder pcrane {
   color                 : #5d6e7e;
   text-align            : justify;
}

.traveldisplayname {
   font-weight           : bold;
   margin-top            : 0.25em;
   font-size             : 1.4em;
}

.travelMailIcon {
   width                 : 1em; 
   height                : 1em; 
   display               : inline-block;
   background-size       : 1em 1em;
   border-radius         : 3px;
   border                : 0px solid white !important; 
}
.travelMailTrue {
   background-image      : url('/images/1000Cranes/FinalResponsive/Svgs/TravelingMailed.svg');
}
.travelMailFalse {
   background-image      : url('/images/1000Cranes/FinalResponsive/Svgs/TravelingNotMail.svg');
}
.travelCameraTrue {
   background-image      : url('/images/1000Cranes/FinalResponsive/Svgs/TravelCameraTrue.svg');
}
.travelCameraFalse {
   background-image      : url('/images/1000Cranes/FinalResponsive/Svgs/TravelCameraFalse.svg');
}

.travelMapTrue {
   background-image      : url('/images/1000Cranes/FinalResponsive/Svgs/TravelMapTrue.svg');
   border-bottom         : 1px dotted red;
}

.travelMapFalse {
   background-image      : url('/images/1000Cranes/FinalResponsive/Svgs/TravelMapFalse.svg');
}

#travelingCranesHolder ul li.travelDelimiter {
   padding-bottom        : 0.2em; 
   border-bottom         : 1px dotted #5d6e7e;
   display               : block;
}

#travelingCranesHolder ul li {
   position              : relative;
}

#travelingCranesHolder ul li:first-child {
   padding-top           : 0.2em;
   border-top            : 1px dotted #5d6e7e;
}

.noCursor {
  cursor                  : default !important;
  border                  : 0px solid white !important;
}
.notTravelled {
   border-bottom          : 0px solid white;
   cursor                 : default !important;
}
.travelled {
   
}
.travelledCraneImage {
   float                  : right;
   position               : relative; 
   top                    : 0.25em;
   width                  : 4.62em;
   border-radius          : 0.25em;
}

@media only screen and (max-width:39.99em)
{
   .travelledCraneImage {
      position               : relative;
      top                    : 1em; 
      display                : block;
      float                  : right;
      clear                  : both;
      margin-left            : 0.75em;
   }
   
   .travelingDisplayName {
      display                : block;
   }
  .smallTravelText {
     font-size               : 0.85em;
  }
  .travelingCrane {
     min-height              : 8em;
  }
  
  .smallDisplayName {
     font-size               : 0.9em;
     margin-top              : 0.1em;
  }
}


#worldMapLink {
   height           : 1.5em;
   position         : relative;
   top              : 0.4em;
   border-radius    : 0.2em;
}