#searchform	{
	color: black;
	font: 12px Verdana;
	width: 300px;
}

#searchform ul.tabs	{
	font-size: 1.4em;
	list-style: none none inside;
	height: 30px;
	margin: 0;
}
#searchform ul.tabs li	{
	float: left;
	/*width: 50%;*/
	font-weight: bold;
	color: #005099;
	height: 100%;
	line-height: 1.8em;
}

#searchform ul.tabs li.selected	{
	background-color: #dce6ff;
}

#searchform ul.tabs li a	{
	margin-left: 15px;
	margin-right: 12px;
	cursor: pointer;
	text-decoration: none;
	border-bottom: 1px dashed #005099;
	outline: 0;
}
#searchform ul.tabs li a:hover	{
	border-bottom: none 0;
}
#searchform ul.tabs li.selected a	{
	border-bottom-width: 0px;
	color: black;
}
#searchform #restrictions-desc {
	font-size: 0.95em;
	margin-top: 5px;
}

/* the forms */
#searchform .content	{
	background: #dce6ff;
	padding: 20px 15px 10px 15px;
}
#searchform form label	{
	display: block;
	margin-top: 0.2em;
	line-height: 2em;
}
#searchform form input.text	{
	padding: 4px 0;
	padding-left: 6px;
	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 form input.placeholder	{
	color: #999;
}
#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;
}

/* Results tab */
#searchtab	{
	color: black;
	font: 12px Verdana;
	width: 300px;
}

#searchtab ul.tabs	{
	font-size: 1.4em;
	font-weight: bold;
	list-style: none none inside;
	height: 28px;
	margin: 0;
	margin-top:10px;

}
#searchtab ul.tabs li	{
	color: #005099;
	height:100%;
	line-height: 1.8em;
	padding-left:15px;
	float: left;
}
#searchtab ul.tabs li.selected	{
	background: white;
}

#searchtab ul.tabs li a	{
	cursor: pointer;
	text-decoration: none;
	border-bottom: 1px dashed #005099;
	outline: 0;
}

#searchtab ul.tabs li a:hover	{
	border-bottom: none 0;
}
#searchtab ul.tabs li.selected a	{
	border-bottom-width: 0px;
	color: black;
}

#searchtab span#numresults	{
	color: gray;
	margin-left: 0.5em;
}







/* 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;
}



#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-list div.search-item a {
	outline: 0;
	display: block;
}

.searchable-results-list 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;
}



#mycity-current {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px 20px 10px 13px;
	background: transparent url("../grayarrow.png") no-repeat scroll right center;
}
#mycity-current a {
	font-size:13px;
	outline: 0;
	display: block;
}
#mycity-current.extended	{
	background-image: url("../images/grayarrow-extended.png"); 
}
#mycity-current.extended.extra-description {
	margin: 5px 10px;
}
#mycity-current a.togglers {
	font-size: 90%;
	margin-top: 5px;
}


/* 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-top: 18px;
	text-align: center;
	
}
#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: 22px;
	font-size:11px;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 22px;
}
.error-report-link:hover  {
	background-position: left bottom;
}

.nonResponsibleInfo {
	font-size:11px;
	color:GrayText;
}
/* generic definitions */