p, div, th, td, ul, ol, li, span, a {
    color: #000000;
    font-family: arial,helvetica,verdana;
    font-size: 12px;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    background: none repeat scroll 0 0 transparent;
    color: #ECBD00;
    text-decoration: underline;
}
a, a:link, a:visited {
    background: none repeat scroll 0 0 transparent;
    color: #003399;
    text-decoration: underline;
}
input, textarea, select {
    color: #000000;
    font-family: arial,helvetica,verdana;
    font-size: 13px;
    text-decoration: none;
}
input, select {
    vertical-align: middle;
}



#trafficinfo {
    color: #555555;
    font-size: 8pt;
    width: 236px;
    margin:10px 0;
}
.hfsGadget {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CDCDCD;
    border-radius: 3px 3px 3px 3px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 234px;
}

#trafficinfo .ti_default,
#trafficinfo .tmeta_text,
#ti_subtitle {
    color: #555555;
    font-size: 10pt;
}

#ti_subtitle {
    padding:0 10px 0;
}

#tinfo_inner {
    position:relative;
}

#tinfo_inner.default .ti_selectionWrapper {
    margin:0 10px 10px;
}

#tinfo_inner.webview .ti_selectionWrapper {
    margin:0;
    height:43px;
}

#tinfo_inner select {
    background-color: #FFFFFF;
    border: 1px solid #D4D4D4;
    color: #01203C;
    padding: 2px;
    width: 100%;
    height: 24px;
}

/* Listenformatierung nur für Webview wg. Überschriften-Layer */
#tinfo_inner.webview select#trafficinfo_area {
    display:block;
    position:relative;
    padding:0;
    margin:0;
    height:43px;
    background-color:transparent;
    z-index:20;
    opacity:0;
}

#tinfo_inner.webview select#trafficinfo_area option {
    opacity:1;
    font-size:18px;
}


/* Überschriften-Layer-Formatierung nur für Webview */
#tinfo_inner.webview #ti_CaptionSelectedRegion {
    position:absolute;
    padding:0 0 7px;
    margin:0;
    top:0;
    left:0;
    width:100%;
    height:32px;
    background-color:#ecbc00;
    border:0;
    color:#0c172d;
}
#tinfo_inner.webview #ti_CaptionSelectedRegion h2 {
    margin:10px 30px 0 0;
    text-align:center;
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
#tinfo_inner.webview #ti_CaptionSelectedRegion span {
    position:absolute;
    right:4px;
    top:3px;
    height:36px;
    width:36px;
    overflow:hidden;
}
#tinfo_inner.webview #ti_CaptionSelectedRegion span img {
    height:36px;
    width:36px;
}
#trafficinfo h1 {
    color: #01203C;
    font-size: 16pt;
    font-weight: bold;
    margin: 0;
    padding: 10px 10px 0;
}
#ti_infocontainer {
    margin-top: -4px;
}
.tinfo_pane {
    border-collapse: collapse;
    border-top: 1px solid #D4D4D4;
    margin: 0;
}
.tinfo_header table {
    margin: 0;
    padding: 0;
    width: 100%;
}
.tinfo_header tr {
    margin: 0;
    padding: 0;
}
.tinfo_header td {
    margin: 0;
    padding: 2px;
}
.tinfo_icon {
    text-align: center;
    width: 24px;
}
.tinfo_icon img {
    width: 24px;
    height: 24px;
}
.tinfo_panetitle {
    padding-left: 5px !important;
    text-align: left;
    width: 105px;
}
.tinfo_panetitle h2 {
    color: #01203C;
    font-size: 12pt;
    margin: 0;
    padding: 0;
}
.tinfo_pane a {
    color: #555555;
    font-size: 10pt;
    text-decoration: none;
}
.tinfo_meta {
    margin: 0;
    padding: 0;
    text-align: right;
    vertical-align: middle;
}
.tmeta_icon img {
    height:36px;
    width:36px;
}
.tinfo_pane img {
    border: medium none;
    display: inline;
    vertical-align:middle;
}
.tinfo_body {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0 8px;
}
#ti_loader {
    display: none;
    margin-bottom: 10px;
    margin-top: -10px;
}
#trafficinfo .button2 {
    margin:7px 0 0;
    padding:3px;
    font-size:12px;
}
#trafficinfo form {
    text-align:right;
}
#trafficinfo fieldset {
    border:0; margin:0; padding:0; position:relative;
}