﻿#searchform	{
	color: black;
	font: 12px Verdana;
	width: 300px;
}

#searchform ul.tabs	{
	font-size: 1.4em;
	list-style: none outside none;
	height: 30px;
	margin: 0;
}
#searchform ul.tabs li	{
	color: #005099;
    float: left;
    font-weight: bold;
    height: 100%;
    line-height: 1.8em;
}

#searchform ul.tabs li.selected	{
	background-color: #dce6ff;
}

#searchform ul.tabs li a	{
	border-bottom: 1px dashed #005099;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 12px;
    outline: 0 none;
    text-decoration: none;
	
	/* Mycity
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	width: 100px;
	height: 29px;
	display: block;
	*/
}
#searchform ul.tabs li a:hover	{
	border-bottom: 0 none;
}
#searchform ul.tabs li.selected a	{
	
	border-bottom-width: 0;
    color: black;
	
	/* Mycity
	color: black;
	*/
}

#searchform #restrictions-desc {
	font-size: 0.95em;
	margin-top: 5px;
}
/* Mycity
#searchform ul.tabs li#addresssearchtab a {
	background: transparent url(../images/Search_buttons.png) no-repeat scroll 0 -30px;
}
#searchform ul.tabs li#addresssearchtab a:hover {
	background: transparent url(../images/Search_buttons.png) no-repeat scroll 0 0;
}

#searchform ul.tabs li#addresssearchtab.selected a {
	background: transparent url(../images/Search_buttons.png) no-repeat scroll 0 -60px;
}

#searchform ul.tabs li#routingsearchtab a {
	background: transparent url(../images/Routing_buttons.png) no-repeat scroll 0 -30px;
}
#searchform ul.tabs li#routingsearchtab a:hover {
	background: transparent url(../images/Routing_buttons.png) no-repeat scroll 0 0;
}

#searchform ul.tabs li#routingsearchtab.selected a {
	background: transparent url(../images/Routing_buttons.png) no-repeat scroll 0 -60px;
}

#searchform ul.tabs li#mycitytab a {
	background: transparent url(../images/MC_buttons.png) no-repeat scroll 0 -30px;
}
#searchform ul.tabs li#mycitytab a:hover {
	background: transparent url(../images/MC_buttons.png) no-repeat scroll 0 0;
}

#searchform ul.tabs li#mycitytab.selected a {
	background: transparent url(../images/MC_buttons.png) no-repeat scroll 0 -60px;
}
*/

/* the forms */
#searchform .content	{
	background: #dce6ff;
	padding: 20px 15px 10px 15px;
	/*line-height: 30px;*/
}
#searchform form label	{
	display: block;
	margin-top: 0.2em;
	line-height: 2em;
}
#searchform form input.text	{
	padding: 4px 0;
	padding-left: 0.5em;
	width: 264px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	font-family: Verdana,Arial;
	border: 1px solid #005099;
	outline: 0px solid #005099;
	margin: 0 -1px;	/* compensation for the border width */
}

#searchform input.button	{
	height: 28px;
	padding: 0 10px;
	margin-top: 0.5em;
	margin-right: -2px;
	font: 15px Verdana,Arial;
}
/*#searchform input.button	{
	display: inline-block;
	text-indent: 0;
	width: auto;
	height: 28px;
	padding: 0 15px !important;
	padding: 0 5px;
	margin-top: 0.5em;
	border-width: 0;
}*/


#searchform form input.placeholder	{
	color: #999;
	font-size: 100%;
}
#searchform #search::-webkit-input-placeholder, #searchform input.search::-webkit-input-placeholder{
	color: #999;
	font-size: 12px;
}

/* address form */
form#search-address	{
	text-align: right;
}
/* !address form */

/* routing simple forms */
#routingforms form	{
	margin-bottom: 0.7em;
}
#routingforms span	{
	background: transparent url("../images/poi2.png") no-repeat scroll left center;
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: white;
	margin: 3px 6px 0 0;
}
#routingforms form input.text	{
	width: 210px;
}
#routingforms form a	{
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url(../images/close-white.png) no-repeat scroll 0 0;
	float: right;
	margin-top: 7px;
}

/* routing form */
#routingform.content	{
	position: relative;
}
#routingform .extra	{
	margin: 0 24px 0 30px;
}
#routingform #add-point-link	{
	background: transparent url("../images/green-plus.png") no-repeat scroll 0 0;
	padding-left: 20px;
	line-height: 20px;
	display: inline-block;
}
#routingform #reverse-route	{
	background: transparent url("../images/reverse.png") no-repeat scroll 0 0;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 14px;
	top: 45px;
}
#routingform select#transport	{
	width: 100%;
}
#routingform #submit-container	{
	margin-top: 0.5em;
	text-align: right;
}
#routingform form input.button {
	width: 1px !important; 
	height: 1px !important; 
	padding: 0 !important;
	position: absolute;
	z-index: -10;	
	margin: 0;
}
#routingform #closedroads-container 
{
	background: transparent url("../tools/closedroads/roadworks.png") no-repeat scroll 0 0;
	padding: 4px 4px 2px 25px;
	font-weight: bold;
	color: Gray;
}

/* Autocomplete */

div.autocomplete	{
	background-color: White;
	border: 1px solid #005099;
	font-size: 13px;
	margin: 0;
	padding: 8px;
	z-index: 2000;
	min-width: 254px !important;
	width : auto !important;
	position: absolute;
}
div.autocomplete ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.autocomplete ul li.selected	{ 
	/*color: #005099;*/
	background-color: #dce6ff;
}
div.autocomplete ul li {
  list-style-type: none;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

div.autocomplete-routing {
	background-color: White;
	border: 1px solid #005099;
	padding: 8px;
	z-index: 2000;
	min-width: 254px !important;
	width : auto !important;
	font-size: 15px;
	font-family: Verdana,Arial;
	position: absolute;
}


/*DELETE autocomplete-routing*/
div.autocomplete-routing ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.autocomplete-routing ul li.selected	{ 
	/*color: #005099;*/
	background-color: #dce6ff;
}
 div.autocomplete-routing ul li {
  list-style-type: none;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

/* Results */
#results .selected	{
   background: transparent url("../grayarrow.png") no-repeat scroll right center;
}
#results .selected.extended	{
	background-image: url("../images/grayarrow-extended.png");
}
#results .extended .extra-description {
	margin: 5px 10px;
}
#results .search-item a.togglers {
	font-size: 90%;
	margin-top: 5px;
}
#results .search-item a	{
	font-size: 13px;
}
/* !Results */

/* Search Result */
#search-results  {
    width: 308px;
}

#search-results #loader	{
	margin: 20px 40px;
	height: 19px;
	background:url("../images/ajax-loader.gif") no-repeat scroll 0 0 transparent;	
}
#search-results h2, #search-results h3	{
	padding: 13px;
}
#search-results h2	{
	font-size: 16px;
}
#search-results h3	{
	font-size: 14px;
	padding-bottom: 0;
}
#search-results h2 span	{
	color: gray;
	font-weight: normal;
	font-size: 13px;
	margin-left: 0.5em;
}
#searchable-results div.search-item {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 10px 20px 10px 13px;
}
#searchable-results div.search-item a	{
	outline: 0;
	display: block;
}

#searchable-results div.selected {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 10px 20px 10px 13px;
}

#searchable-results div.search-item-empty   {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 10px 20px 10px 13px;
   color: Gray;
}
#searchable-results-list {
	overflow-y: auto;
	overflow-x: hidden;
}
#searchable-results-list.scrolled	{
	width: 315px;
}
#searchable-results-list div.selected	{
	background-position: right center;
}

/* nearest control results */
a.close	{
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url("../images/close.png") no-repeat scroll 100% 0;
}
#nearest-results	{
	margin-top: 10px;
	width: 308px;
}
#nearest-results h2	{
	margin: 0.5em 6px 0.5em 18px;
	padding: 0;
}
#nearest-results h3	{
	padding-left: 18px;
	padding-top: 8px;
	font-weight: normal;
	font-size: 13px;
}
#nearest-results a.close	{
	display: inline-block;
	width: auto;
	padding-right: 22px;
	vertical-align: middle;
}
#nearest-results ol	{
	clear: both;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#nearest-results ol li	{
	padding: 8px 15px 10px 6px;
}
#nearest-results ol li div.order	{
	float: left;
	width: 24px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	vertical-align: top;
}
#nearest-results ol li.selected div.order	{
	background-position: 0 100%;
}
#nearest-results ol li .distance	{
	float: right;
	padding-top: 4px;
	
}
#nearest-results ol li div.text	{
	padding: 4px 0 0 28px;
}
#nearest-results ol li div.text a	{
	display: block;
	width: 185px;
	outline: 0;
}
#nearest-results .other-pois-text	{
	margin-left: 9px;
	padding-left: 27px;
	line-height: 18px;
	background: transparent url("../images/poi-small-list.png") no-repeat scroll left center;
}
/* !nearest control results */

/* error messages */

#error-messages	{
	margin-top: 10px;
	width: 300px;
}
#error-messages h2	{
	color: red;
}

#error-messages ol	{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#error-messages ol li	{
	padding: 10px 15px 10px 6px;
}
/*
#error-messages ol li div.order	{
	float: left;
	width: 20px;
	height: 20px;
	background: transparent url("../images/list-marker-red.png") no-repeat scroll 0 -2px;
	color: white;
	font-size: 10px;
	line-height: 19px;
	text-align: center;
	vertical-align: top;
	padding-left: 1px;
}
*/
#error-messages ol li div.text	{
	/*padding-left: 26px;*/
	color: red;
	width: 270px;	
}

/* !error messages */

/* routing tree */
#routing-tree	{
	width: 308px;
}
#routing-tree .noroute {
	margin: 20px 0 15px;
	padding: 18px;
	color: red;
}
#routing-tree h2	{
	padding-left: 16px;
}
#routing-tree h3	{
	font-size: 16px;
	margin: 1em 0 0 16px;
}
#routing-tree .route-variant	{
	padding: 0.5em 16px;
	width: 268px;
}
#routing-tree .routing-info, #routing-tree .route-variant.selected	{
	padding: 0.5em 16px;
	width: 268px;
	background: #DCE6FF;
}
#routing-tree .list-header	{
	margin-bottom: 1em;
}
#routing-tree .list-container {
	width: 308px;
	overflow-y: auto;
}
#routing-tree .scrolled	{
	width: 315px;
}
#routing-tree ol	{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#routing-tree ol li	{
	padding: 8px 5px 10px 2px;
	margin-right: 5px;
}
#routing-tree ol li.public-list-element	{
	padding: 0;
}
#routing-tree ol li.public-list-element div.public-selector	{
	padding: 8px 5px 10px 2px;
}
#routing-tree .scrolled ol li.selected, #routing-tree ol li div.public-selector.selected	{
	background-position: right center;
}

#routing-tree ol li div.order	{
	float: left;
	width: 22px;
	text-align: right;
}
#routing-tree ol li div.order.special	{
	width: 24px;
	height: 24px;
	background: transparent url("../images/list-marker.png") no-repeat scroll 0 0;
	color: white;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	vertical-align: top;
	margin-top: -4px;
}
#routing-tree ol li div.order.public, #routing-tree ol li div.order.public div	{
	width: 24px;
	height: 24px;
}
#routing-tree ol li div.walking {
	background: transparent url("../images/walk.png") no-repeat scroll 0 0;
}
#routing-tree ol li div.bus {
	background: transparent url("../images/bus.png") no-repeat scroll 0 0;
}
#routing-tree ol li div.trolley-bus {
	background: transparent url("../images/trolley.png") no-repeat scroll 0 0;
}
#routing-tree ol li div.tram {
	background: transparent url("../images/bus.png") no-repeat scroll 0 0;
}
#routing-tree ol li div.metro {
	background: transparent url("../images/metro.png") no-repeat scroll 0 0;
}
#routing-tree ol li .distance	{
	float: right;
	margin: 5px 10px 0 0;
	font-size: 11px;
}
#routing-tree ol li span.duration	{
	font-size: 10px;
	font-weight: bold;
	color: Gray;
}
#routing-tree ol li span.alts	{
	font-size: 10px;
	font-weight: bold;
	color: Gray;
}

#routing-tree ol li div.text	{
	padding-left: 26px;
}
#routing-tree ol li div.text a	{
	display: block;
	width: 190px;
	outline: 0;
}
#routing-tree ol li div.text-e	{
	padding-left: 28px;
}
#routing-tree ol li div.text-e a	{
	display: block;
	width: 230px;
	outline: 0;
}

#routing-tree ol li div.text-p	
{
	padding: 1px 0 0 28px;
}
#routing-tree ol li div.text-p a	{
	display: block;
	width: 220px;
	outline: 0;
}
#routing-tree ol li div.text-p div.vehicle-desc	{
	margin: 4px 0;
	width: 230px;	
}
#routing-tree ol li div.text-p div.station-prefix	{
	float: left;
	margin-right: 4px;
}

#routing-tree ol li span.alternatives {
	font-weight: bold;
	color: Gray;
	font-size: 10px;
}

#routing-tree ol li div.text-p div.middle {
	font-size: 11px;
	margin-top: 6px;
}
#routing-tree ol li ol.middle-stops	{
	margin: 6px 10px 0 30px;
	list-style: decimal outside none;
	font-size: 11px;
}
#routing-tree ol li ol.middle-stops li	{
	padding: 0;
}
#routing-tree ol li ol.middle-stops li a	{
	width: auto;
}
/* !routing tree  */



#search-results #results-footer {
    padding: 5px 0 10px 8px;
    clear: left;    
}

.error-report-link  {
   display: block;
   background-image: url("../images/attention.png");
   line-height: 24px;
   background-position: left top;
   background-repeat: no-repeat;
   padding-left: 22px;
}
.error-report-link:hover  {
   background-position: left bottom;
}

/* generic definitions */


/* Samsung Nearest Styles */
#samsung-container	{
	margin-top: 10px;
	width: 290px;
	/*border: 1px solid Blue;*/
}
#samsung-container a.top-add {
   display: block;
   background-image: url("../templates/samsung/samsung_big.png");
   line-height: 47px;
   background-position: 5px 5px;
   background-repeat: no-repeat;
   padding-left: 125px;
   padding-top: 12px;
}
#samsung-container a.top-add-simple	{
   display: block;
   background-image: url("../templates/samsung/samsung_three.png");
   line-height: 52px;
   height: 52px;
   background-position: 6px 8px;
   background-repeat: no-repeat;
   padding-top: 0px;
}
#samsung-container p {
	color: Gray;
	font-weight: bold;
	padding: 0;
	margin: 2px 0 0 6px;
}
#samsung-container p span {
	color: #005099;
}
#samsung-nearest-list ul {
	margin: 5px 0;
	padding: 0;
	list-style: none none outside;	
}
#samsung-nearest-list ul li {
	padding: 5px 0 5px 5px;
}
#samsung-nearest-list ul li a {
	display: inline-block;
	width: 235px;
	font-weight: bold;
	font-size: 11px;
}
#samsung-nearest-list ul li div.distance {
	float: right;
	width: 47px;
	font-weight: bold;
	color: Gray;
	font-size: 10px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: 4px;
	padding-top: 8px;
	line-height: 19px;
	height: 19px;
}

#samsung-nearest-list ul li div.rank-1 {
	background-image: url("../templates/samsung/1star.png");
}
#samsung-nearest-list ul li div.rank-2 {
	background-image: url("../templates/samsung/2stars.png");
}
#samsung-nearest-list ul li div.rank-3 {
	background-image: url("../templates/samsung/3stars.png");
}
#samsung-nearest-list ul li div.rank-4 {
	background-image: url("../templates/samsung/4stars.png");
}
#samsung-nearest-list ul li div.rank-5 {
	background-image: url("../templates/samsung/5stars.png");
}
div.samsung-bubble-logo 
{
	width: 150px;
	background-image: url("../templates/samsung/Logo_Samsung.png");
	line-height: 30px;
	height: 30px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

table.samsung-promotions td 
{
	font-size: 11px;
}
/* ------------------ */


/* BMW ADVERT */
#routing-tree .bmw-msg	{
	font-family: Arial;
	padding: 0.5em 16px;
	width: 268px;
	/*background: #DCE6FF;*/
}
#routing-tree .bmw-msg span.strong	{
	font-weight: bold;
	/*background: #DCE6FF;*/
}
/* ------------------ */
