#header form ul li span.positionSelect {
    padding: 0 12px;
    position: relative;
    bottom: 5px;
}

#header form ul li span select {
    border: none;
    padding: 0px;
    bottom: 0px;
}


#road-categories label {
    width: auto;
}

.tooltip {
    background: #48525B;
    width: 200px;
    padding: 0 1px;
}

.tooltip .ttpText {
    background: #DDDDDD;
}
.tooltip h1 {
    color: #DDDDDD;
    border: none;
    font-size:1em;
    margin:0;
    padding:0;
}

.tooltip .delay-top {
    padding: 0 1ex 0 1ex;
    border-bottom: 1pt solid #48525b;
}

.tooltip .road {
    font-variant: small-caps;
    font-weight: bold;
}

.tooltip .description {
    font-style: italic;
}

.tooltip hr {
    display: none;
}

.hdt-image-frame {
    border: 1pt solid grey;
}

.hdtRegion.hdtHighlitedRegion {
  border: 1pt dashed black;
}

.hdtRegion .tooltip.top {
  top: 0px;
}
.hdtRegion .tooltip.top span {
  bottom: 0px;
}
.hdtRegion .tooltip.bottom {
  bottom: 0px;
}
.hdtRegion .tooltip.bottom span {
  top: 1px;
}
.hdtRegion .tooltip.left {
  left: 0px;
}
.hdtRegion .tooltip.left span {
  left: 0px;
}
.hdtRegion .tooltip.right {
  right: 0px;
}
.hdtRegion .tooltip.right span {
  right: 1px;
}
.hdtRegion-mirror {
    z-index: 1000;
}
.hdtRegion .tooltip {
  display: none;
  position: absolute;
  padding: 0;
}
.hdtRegion.hdtHighlitedRegion .tooltip {
  display: block;
  position: absolute;
  padding: 0;
}
.hdtRegion .tooltip span {
  position: absolute;
  background: #e6ecff;
  border: 1px solid #003399;
  font-size: 8pt;
  padding: 0;
  text-decoration: none;
  opacity: .8;
  filter: alpha(opacity=80);
}

#traffic-list {
    margin-top: 3ex;
}

#tt-text {
     height: 25em;
     overflow-x: hidden;
     overflow-y: scroll;
}

#tt-text .incident {
    float: left;
    width: 100% !important;
    width: 99%;
    position: relative;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #CCCCCC;
}

#tt-text .incident .road {
    position: absolute;
    top: 0;
    width: 8em;
    height: 3.5em;
    padding-left: 25px;
    text-align: right;
}

#tt-text .incident .road .number {
    font-size: 1.2em;
    font-weight: bold;
    color: #586B7A;
}

#tt-text incident road name {}

#tt-text .incident .title {
  display: block;
  padding: 0 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

#tt-text .incident p {
  margin: 0 0 0 30px;
  padding:  0 0 1em 1.2em;
}

#tt-text .incident p .onHover {
    display: none;
}

#tt-text .incident p:hover .onHover {
    display: block;
}

.tt-category {
    background-repeat: no-repeat;
    background-position: 0 0px;
}

#tt-text .tt-category {
    position: absolute;
    top: 0;
    width: 8em;
    height: 3.5em;
    padding-left: 25px;
    text-align: right;
}

.tt-category.ACCIDENT {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-01.gif);
}

.tt-category.FOG {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-02.gif);
}
.tt-category.DANGEROUS_CONDITIONS {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-03.gif);
}
.tt-category.RAIN {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-04.gif);
}
.tt-category.ICE {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-05.gif);
}
.tt-category.JAM {
}
.tt-category.LANE_CLOSED {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-07.gif);
}
.tt-category.ROAD_CLOSURE {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-08.gif);
}
.tt-category.ROAD_WORK {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-09.gif);
}
.tt-category.WIND {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-10.gif);
}
.tt-category.FLOODING {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-11.gif);
}
.tt-category.DETOUR {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-12.gif);
}
.tt-category.CLUSTER {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/traffic-13.gif);
}

.tt-type {
    background-repeat: no-repeat;
    background-position: right;
}

.tt-type.t1 {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/t_01_minor.gif);    
}
.tt-type.t2 {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/t_02_moderate.gif);    
}
.tt-type.t3 {
    background-image: url(http://lbs.tomtom.com/lbs/images/traffic/t_03_major.gif);    
}

.showAfterLoaded {
    visibility: hidden;
}