.COLORS { /* text */
	color: #2a4f6f /* SP_GrayBlue */;
	/* the background of the logo */
	color: #005596 /* SP_DarkBlue */;
	/* activations */
	color: #008fd4 /* SP_Blue */;
	/* blue block background */
	color: #e2ecf8 /* SP_LightBlue */;
	/* links */
	color: #ff3b00 /* SP_Red */;
	color: #BF0B21 /* SP_DarkRed */;
	/* active element background */
	color: #FFFFF0 /* SP_LightYellow */;
	/*  */
	color: #57676b /* SP LightGray */;
	color: #E7E8E9 /* SP_ButtonGray */;
	color: #C3C4C5 /* SP_BorderGray */;
	color: #082333 /* SP_DarkBorderGray */;
}

/* *** styles supplied by David Millner: *** */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #eee;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container {
	color: #2a4f6f;
	font-size: 80%;
	line-height: 140%;
	background-color: #ffffff;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
}

hr {
	height: 1px;
	width: 100%;
	border: none;
	background-color: #008fd4;
}

.current {
	color: #008fd4;
	font-weight: bold;
}

.hard {
	border-color: #666666;
	border-style: solid solid none none;
	border-width: 1px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	margin-top: -0.4em;
}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -0.4em;
}

input {
	color: #2a4f6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -0.4em;
}

h1 {
	color: #333333;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
}

h2 {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h3 {
	color: #005596;
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.morepadding {
	padding-left: 10px;
}

a {
	color: #ff3b00;
	text-decoration: underline;
}

a:hover {
	color: #008fd4;
	text-decoration: underline;
}

.smaller {
	font-size: 80%;
}

.forBullets {
	text-indent: -10px;
	padding-left: 10px;
}

.forBullets2 {
	padding-left: 10px;
}

.adverts {
	color: #c5c5c5;
	font-size: 80%;
}

.marginLeft10 {
	
}

.right20 {
	padding-right: 20px;
}

.thickBorder {
	border: solid 6px #ff3b00;
}

.tthinBorder {
	border: solid 1px #008fd4;
}

.left15 {
	padding-left: 15px;
}

/* *** Alturos Styles *** */
#TOKENDISPLAY {
	position: absolute;
	top: 0px;
	z-index: 10000;
	width: 100px !important;
	left: 450px;
}

.betaRemark {
	margin-top: 17px;
	color: #BF0B21 /* SP_DarkRed */;
	font-weight: bold;
	font-size: 12px;
}

#CONTENT {
	vertical-align: top;
}

/* GoogleMaps add-on styles

+ div.SetposMarker
  + div.SetposMarkerImageClip
    + div.SetposMarkerImage
  + a.SetposMarkerLink
    + span.icon-reservable
  + span.SetposMarkerEnd
*/

.SetposMarker {
	position: absolute;
}

.SetposMarkerLink {
	position: relative;
	display: block;
	color: white;
	height: 21px;
	font-family: Verdana, Arial, Helvetica, sans;
	font-size: 10pt;
	padding-right: 5px;
	padding-left: 30px;
	padding-top: 2px;
	text-decoration: none;
	cursor: hand;
	background-repeat: no-repeat;
	white-space: nowrap;
}

.IE6 .SetposMarkerLink {
	width: 0px;
}

.SetposMarkerImageClip {
	position: absolute;
	overflow: hidden;
	height: 20px;
	width: 100% !important;
}

.SetposMarkerImage {
}

.IE6 .SetposMarkerLink {
	margin-top: 0px;
}

.SetposMarker.clicked .SetposMarkerLink,
.SetposMarker:hover .SetposMarkerLink {
	color: white;
	text-decoration: none;
	background-image: url("img/setposmarker-left-hover.gif");
}

.IE6 .SetposMarker.clicked .SetposMarkerLink {
	background-image: url("img/setposmarker-left-hover.gif") !important;
}

.SetposMarker.clicked .SetposMarkerLink,
.SetposMarker:hover {
	z-index: 360001 !important;
}

.SetposMarker.left.inactive .SetposMarkerLink {
	background-image: url("img/setposmarker-left-inactive.gif");
}

.SetposMarker.left.clicked.inactive .SetposMarkerLink,
.SetposMarker.left.inactive:hover .SetposMarkerLink {
	background-image: url("img/setposmarker-left-inactive-hover.gif");
}

.SetposMarkerInfoPanelPlacer {
	position: absolute;
	top: 0px;
	left: 0px;
}

.SetposMarkerInfoPanel {
	position: absolute;
	left: -60px;
	bottom: 17px;
	width: 280px;
	background-color: #FFFFF0; /* SP_LightYellow */;
	color: black;
	border: 3px solid #008fd4 /* SP_Blue */;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: normal;
}

.SetposMarkerInfoPanel.hidden { /*left: -1000px;
	visibility: hidden;*/
	display: none;
}

.SetposMarkerInfoPanel .tip {
	width: 50px;
	height: 30px;
	position: absolute;
	bottom: -30px;
	left: 7px;
	background-image: url("img/setposmarker-infopanel-tip.gif");
	background-position: bottom right;
}

.SetposMarkerInfoPanel table {
	border: none;
}

.SetposMarkerInfoPanel table tr {
	vertical-align: top;
}

.SetposMarkerInfoPanel .BigPetrolIcon {
	vertical-align: top;
}

.SetposInfoWindow {
	width: 300px;
	font-size: 90%;
	color: black;
	overflow: hidden;
	margin: -5px;
	margin-bottom: -40px;
}

.SetposInfoWindow h1 {
	color: black;
	font-size: 110%;
}

.SetposInfoWindow .BooleanIcon {
	float: left;
}

.SetposMarkerInfoPanel .BooleanIcon {
	float: left;
}

.html-layout {
	background-image: url("img/gline.gif");
}

#FOOTER {
	padding-bottom: 10px;
}

#FOOTER .link button {
	text-transform: none !important;
}

#STATUSINFOCONTAINER {
	position: absolute;
	width: 710px;
}

#STATUSINFO {
	position: relative;
	float: right;
	margin-top: -31px;
}

/* BUTTON */
.x-btn {
	margin-right: 10px;
}

.x-btn button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px !important;
	text-decoration: none;
	color: #ff3b00;
	text-decoration: none;
	text-transform: uppercase;
}

.x-btn .x-btn-left,
.x-btn .x-btn-center,
.x-btn .x-btn-right {
	background-color: #E7E8E9 /* SP_ButtonGray */;
	border: 1px solid #C3C4C5 /* SP_BorderGray */       !important;
	background-image: none;
}

.x-btn .x-btn-left {
	border-right-width: 0px !important;
}

.x-btn .x-btn-center {
	border-left-width: 0px !important;
	border-right-width: 0px !important;
}

.x-btn .x-btn-right {
	border-left-width: 0px !important;
}

.x-btn-over .x-btn-left,
.x-btn-over .x-btn-center,
.x-btn-over .x-btn-right {
	background-color: #218FCD;
	border-color: #C3C4C5 /* SP_BorderGray */;
}

.x-btn-over button {
	color: white;
}

.x-btn-click .x-btn-left,
.x-btn-click .x-btn-center,
.x-btn-click .x-btn-right {
	background-color: black;
	border-color: #082333 /* SP_DarkBorderGray */;
	background-image: none;
}

.x-btn-click button {
	color: white;
}

.x-btn-pressed .x-btn-left,.x-btn-pressed .x-btn-center,.x-btn-pressed .x-btn-right
	{
	background-color: black !important;
	border-color: #082333 /* SP_DarkBorderGray */;
	background-image: none !important;
}

.x-btn-pressed button {
	color: white;
}

.send.x-btn .x-btn-right {
	background-image: url("img/send-right.gif");
	background-color: transparent;
	background-position: -10px center !important;
	border: 0px !important;
}

.send.x-btn .x-btn-right i {
	width: 12px;
}

.send.x-btn-over .x-btn-right {
	background-image: url("img/send-right-hover.gif");
	background-color: transparent;
}

.send.x-btn-click .x-btn-right {
	background-image: url("img/send-right-active.gif");
	background-color: transparent;
}

.send.x-btn .button {
	padding-right: 0px;
}

.send-left.x-btn .x-btn-left {
	background-image: url("img/send-left.gif");
	background-color: transparent;
	background-position: 2px center !important;
	border: 0px !important;
	width: 12px;
}

.send-left.x-btn-over .x-btn-left {
	background-image: url("img/send-left-hover.gif");
	background-color: transparent;
}

.send-left.x-btn-click .x-btn-left {
	background-image: url("img/send-left-active.gif");
	background-color: transparent;
}

.x-btn.send-left .button {
	padding-right: 0px;
}

.x-btn.small button {
	font-size: 100%;
}

.x-btn.link {
	margin-top: 4px;
}

.x-btn.link .x-btn-center {
	background-color: transparent !important;
	background-image: none;
}

.x-btn.link .x-btn-left,
.x-btn.link .x-btn-right {
	display: none;
}

.x-btn.link button {
	color: #ff3b00 !important /* SP_Red */;
	text-decoration: underline;
	text-transform: uppercase;
	padding: 0px;
}

.link.x-btn-over button {
	color: #008fd4 !important /* SP_Blue */;
}

.x-btn.link .x-btn-left,
.x-btn.link .x-btn-center,
.x-btn.link .x-btn-right {
	border-width: 0px !important;
	padding: 0px;
}

.link.current a,
.link.current button {
	font-weight: bold;
	color: #008fd4 !important;
	text-decoration: none !important;
	padding-top: 1px;
}

.link.current a {
	position: relative;
	top: 1px;
}

.x-form-invalid-msg {
	color: #ff3b00 /* SP_Red */       !important;
	background-image:
		url("../js/ext/resources/images/default/form/exclamation.gif")
		!important;
	width: 100% !important;
}

/* WINDOW */
.x-window {
	text-align: left;
}

.x-window-body {
	color: #2a4f6f;
	font-size: 13px;
	line-height: 140%;
	background-color: #ffffff;
	padding: 5px;
}

.x-window-header-text {
	margin-left: 7px;
}

.x-window .x-window-tl,.x-window .x-window-ml,.x-window .x-window-bl {
	background-image: none;
	background-color: #005596 /* SP_DarkBlue */;
}

.x-window .x-window-tr,.x-window .x-window-mr,.x-window .x-window-br {
	background-image: none;
}

.x-window .x-window-tc,.x-window .x-window-bc {
	background-image: none;
}

.x-window .x-window-bc,.x-window .x-window-mc {
	background-color: white;
	background-image: url("img/gline.gif") !important;
}

.x-window .x-window-bc {
	border-bottom: 7px solid #005596 /* SP_DarkBlue */;
}

.x-window .x-window-mc {
	border-color: white;
}

.x-window .x-window-mc .x-panel-body,.x-window .x-window-mc .x-panel-noborder
	{
	border-color: white;
}

.x-window .x-window-header-text {
	color: white;
}

.x-window .x-window-plain .x-window-body {
	background-color: none !important;
}

.x-window .x-window-mc form {
	text-align: left;
}

.x-window .x-form-item {
	margin-top: 5px;
}

.x-window .x-tool-close {
	background-image: url(img/window-close.gif);
	background-position: 0 0;
}

.WaitWindow .x-window-body {
	background-image: url("img/loading.gif");
	background-position: center 9px;
	background-repeat: no-repeat;
}

.x-window .x-form-invalid-msg {
	width: 150px !important;
}

.x-form-item-label { /*width:200px !important;*/
	text-align: right !important;
}

.UserRoleField {
	margin-left: 155px;
	margin-bottom: 20px;
}

.Registration .send {
	margin: 10px;
	margin-left: 155px;
}

/* WidgetCollectionWidget */
.ChildWidgetContainer.list {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #BBCCCC;
}

.ChildWidgetContainer.table.headOnly .x-panel-body {
	padding-top: 0px !important;
}

.ChildWidgetContainer.table.headOnly .x-fieldset-bwrap {
	margin-top: 0px !important;
}

.ChildWidgetContainer.table.headOnly .x-fieldset,.ChildWidgetContainer.table.headOnly .x-form-item
	{
	float: left;
}

.ChildWidgetContainer.table .x-fieldset-bwrap {
	margin-top: 0px;
}

.ChildWidgetContainer.table .x-panel-body {
	padding-top: 0px !important;
}

/* Standard Block Headings */
.BindableCalendarMonthWidget .x-panel-header-text,.BlockHeading {
	font-size: 11px;
	display: block;
	background-color: #e2ecf8 /* SP_LightBlue */;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

/* OpeningTimes WIDGET */
.BindableOpeningTimesWidget {
	
}

.BindableSimpleOpeningTimeWidget .BlockHeading {
	margin-right: 10px;
}

.BindableOpeningTimesWidget .labels .gwt-HTML {
	font-size: 11px;
	white-space: nowrap;
	margin-bottom: 3px;
}

/*
.opentime-from { width:350px;float:left; }
.opentime-to { width:200px;float:left; }
*/
.opentimes .x-form-item {
	float: left;
	width: 300px;
}

.opentimes .x-form-element {
	padding-left: 200px;
}

.opentimes-from {
	width: 200px !important;
}

.opentimes-from label {
	width: 50px !important;
}

.opentimes-to {
	width: 200px !important;
}

.opentimes-to label {
	width: 50px !important;
}

/*
.opentime-from { width:350px; }
.opentime-from label { width:250px !important; }
.opentime-to { width:200px; }
.opentime-to label { width:50px !important; }
*/ /* OpeningTimes DISPLAY */
.OpeningTimesDisplay .x-panel-header,.OpeningTimesDisplay .x-panel-body {
	border-width: 0px;
}

.OpeningTimesDisplay .times label {
	font-family: Arial, Helvetica, sans-serif, sans;
	font-size: 9px;
	float: left;
	clear: both;
	line-height: 130%;
	margin: 0px;
	color: black;
	padding: 2px;
}

.OpeningTimesDisplay .times .x-panel-bwrap,.OpeningTimesDisplay .allday .x-panel-bwrap,.OpeningTimesDisplay .closed .x-panel-bwrap
	{
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
}

.OpeningTimesDisplay .allday .x-panel-bwrap {
	background-image: url("img/icons/24.png");
}

.OpeningTimesDisplay .allday .x-panel-body {
	visibility: hidden;
}

.OpeningTimesDisplay .closed .x-panel-bwrap {
	background-image: url("img/icons/x.png");
}

.OpeningTimesDisplay .closed .x-panel-body {
	visibility: hidden;
}

/* OpeningTimes DISPLAY NEW (HtmlProducer) */
.OpeningTimeDisplay {
	margin-top: 2px;
	margin-bottom: 5px;
	float: left;
	text-align: center;
}

.OpeningTimeDisplay h1 {
	font-size: 12px !important;
	color: #888;
	font-weight: bold !important;
}

.OpeningTimesDisplay .times b {
	font-family: Arial, Helvetica, sans-serif, sans;
	font-size: 9px;
	float: left;
	clear: both;
	line-height: 130%;
	margin: 0px;
	color: black;
	padding: 2px;
}

.OpeningTimesDisplay .times,.OpeningTimesDisplay .allday,.OpeningTimesDisplay .closed
	{
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 30px;
	height: 40px;
}

.OpeningTimesDisplay .allday {
	background-image: url("img/icons/24.png");
}

.OpeningTimesDisplay .closed {
	background-image: url("img/icons/x.png");
}

/* CreateExpressUsersForm */
.CreateExpressUsersForm .Item {
	margin: 0px !important;
	padding: 0px !important;
}

.CreateExpressUsersForm .x-form-item {
	float: left;
	clear: both;
	width: auto;
}

.CreateExpressUsersForm .RemoveItem {
	
}

/* BindableCalendarMonthWidget */
.BindableCalendarMonthWidget {
	width: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.BindableCalendarMonthWidget .x-btn button {
	width: 20px;
	text-align: right;
}

.BindableCalendarMonthWidget .x-btn .x-btn-left,
.BindableCalendarMonthWidget .x-btn .x-btn-right,
.BindableCalendarMonthWidget .x-btn .x-btn-left i,
.BindableCalendarMonthWidget .x-btn .x-btn-right i {
	width: 1px;
	margin: 0px;
}

.BindableCalendarMonthWidget .x-btn .x-btn-center {
	padding: 0px;
	padding-right: 2px;
}

.BindableCalendarMonthWidget .x-btn {
	margin: 0px;
}

.x-fieldset .BindableCalendarMonthWidget .x-panel-header {
	border-top-width: 0px !important;
}

.BindableCalendarMonthWidget {
	height: 140px;
	width: 150px;
}

.BindableCalendarMonthWidget b,
.BindableCalendarMonthWidget a {
	display: block;
	width: 17px;
	float: left;
	text-align: right;
	padding-right: 2px;
	font-size: 9px;
	margin-left: 1px;
	margin-top: 1px;
}

.IE6 .BindableCalendarMonthWidget b,
.IE6 .BindableCalendarMonthWidget a {
	padding: 2px !important;
	width: 19px;
}

.BindableCalendarMonthWidget b {
	cursor: default;
}

.BindableCalendarMonthWidget a {
	color: #666;
	text-decoration: none;
	background-color: #EEE;
	cursor: pointer;
}

.BindableCalendarMonthWidget a.checked {
	background-color: black;
	color: white;
}

.BindableCalendarMonthWidget a:hover {
	color: #FFF;
	background-color: #999;
}

.BindableCalendarMonthWidget a.checked:hover {
	background-color: #900;
}

.BindableCalendarMonthWidget .Mo {
	clear: both;
}

.BindableCalendarMonthWidget .today {
	border: 3px solid #ff3b00 /* SP_Red */;
	margin-top: -2px;
	margin-right: -3px;
	margin-bottom: -3px;
	margin-left: -2px;
	position: relative;
	z-index: 10 !important;
}

/* Ext DatePicker */
.x-date-middle .x-btn-text {
	font-size: 7pt !important;
}

/* Ext FieldSet */
#CONTENT .x-fieldset {
	margin-right: 20px !important;
}

#CONTENT .x-fieldset .x-fieldset {
	margin-right: 1px !important;
}

.x-fieldset-header .x-tool-toggle {
	background-image: url("img/fieldset-tool.gif");
	background-position: top left;
	position: relative;
	top: 6px;
}

.x-fieldset.x-panel-collapsed .x-fieldset-header .x-tool-toggle {
	background-image: url("img/fieldset-tool-collapsed.gif");
	background-position: top left;
	position: relative;
	top: 3px;
}

.x-fieldset-header-text {
	white-space: nowrap;
}

.MultiFieldRow .x-panel-body {
	border: 0px;
}

.MultiFieldRow .x-form-item-label {
	width: 150px;
	margin-right: 4px;
	margin-left: 1px;
	margin-top: -1px;
	display: block;
	float: left;
}

.MultiFieldRow .x-form-item {
	width: auto;
	float: left;
	margin-right: 4px;
}

.MultiFieldRow .x-form-item .x-form-item-label {
	display: none;
}

.MultiFieldRow .x-form-element {
	padding-left: 0px !important;
}

.GroupingFieldSet {
	border-width: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	margin-top: 0px !important;
}

.ShowRoute {
	margin-left: 155px;
}

.x-panel-bwrap .x-panel-body,.AdvancedSearchAttributesPanel .x-panel-bwrap .x-panel-body,.SearchLocationPanel .x-panel-bwrap .x-panel-body,.SearchTypePanel .x-panel-bwrap .x-panel-body,
.NewsPanel .x-panel-bwrap .x-panel-body
	{
	border: 0px;
	background-color: transparent;
}

.x-panel .x-panel-header {
	background-image: none;
	border: 0px !important;
	color: #2a4f6f;
	font-size: 110%;
	line-height: 120%;
}

.SimpleSearchPanel {
	background-image: url("img/funnyRim.gif");
	width: 320px;
	padding-top: 1px;
	padding-bottom: 6px;
}

.SimpleSearchPanel .x-panel-header {
	margin: 6px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-color: #f2f4fa;
	background-image: none;
	border: 0px;
	padding-top: 15px;
}

.SimpleSearchPanel .x-panel-header .x-panel-header-text {
	font-size: 140%;
	color: #005596;
	padding-left: 3px;
	display: block;
	line-height: 100%;
}

.SimpleSearchPanel .x-panel-bwrap {
	margin: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #f2f4fa;
}

.SimpleSearchPanel .x-panel-bwrap .x-panel-body {
	margin: 10px;
	background-color: transparent;
}

.SimpleSearchPanel .send {
	font-size: 100%;
}

.SimpleSearchPanel .send .x-btn-right {
	width: 15px;
	background-position: -7px center;
}

.SimpleSearchPanel ul {
	list-style-image: url("img/list-image.gif");
	margin-left: 10px;
	padding-left: 10px;
}

.SimpleSearchPanel ul li {
}

.x-table-layout-cell {
	vertical-align: top;
}

.Truck,.Fence {
	border: solid 1px #008fd4;
	display: block;
	height: 195px;
	color: transparent;
	margin-top: 0px !important;
}

.Truck {
	background-image: url("img/truck.jpg") !important;
	width: 250px;
}

.Fence {
	background-image: url("img/fence.jpg");
	width: 120px;
}

.ContentPanel .x-panel-bwrap .x-panel-body {
	background-color: transparent;
}

.Startpage .x-panel-bwrap .x-panel-body {
	background-color: transparent;
}

.NewsPanel {
	margin-top: 10px;
}

.radiusSearchContainer .x-form-check-wrap,
.fromToSearchContainer .x-form-check-wrap,
.highwaySearchContainer .x-form-check-wrap,
.nameSearchContainer .x-form-check-wrap {
	margin-top: 30px;
	margin-bottom: 10px;
}

.radiusSearchContainer .x-form-check-wrap label,
.fromToSearchContainer .x-form-check-wrap label,
.highwaySearchContainer .x-form-check-wrap label,
.nameSearchContainer .x-form-check-wrap label {
	font-size: 180%;
}

.AdvancedSearchAttributesPanel .x-panel-header,
.SearchLocationPanel .x-panel-header,
.SearchTypePanel .x-panel-header
	{
	font-size: 120%;
	/*text-transform:uppercase;*/
	margin-bottom: 10px;
}

.SearchLocationPanel .x-panel-body label {
	display: none;
}

.ParkingIcon .x-grid3-cell-inner,
.HoursIcon .x-grid3-cell-inner,
.MotorwayIcon .x-grid3-cell-inner,
.PetrolIcon .x-grid3-cell-inner,
.BooleanIcon .x-grid3-cell-inner,
.SetposMarkerInfoPanel .BooleanIcon {
	width: 30px;
	height: 25px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
}

.BigPetrolIcon {
	width: 30px; /*75px;*/
	height: 45px; /*120px;*/
	background-repeat: no-repeat;
	background-position: top center;
	color: transparent;
	float: left;
	margin-right: 10px;
	visibility: visible !important;
}

/* Search Result: Table Heading */
.ResultGrid .x-grid3-hd {
	background-repeat: no-repeat;
	background-position: center center;
}

.ResultGrid .x-grid3-sort-icon,
.ResultGrid .x-grid3-hd-btn {
	display: none !important;
}

.ResultGrid .x-grid3-hd.sort-desc,
.ResultGrid .x-grid3-hd.sort-asc {
	background-color: #005596 /* SP_DarkBlue */;
}

.ResultGrid .x-grid3-header .x-grid3-td-parking {
	background-image: url("img/icons/parking.png");
}

.ResultGrid .x-grid3-header .x-grid3-td-price {
	background-image: url("img/icons/euro.png");
}

.ResultGrid .x-grid3-header .x-grid3-td-motorway {
	background-image: url("img/icons/motorway.png");
}

.ResultGrid .x-grid3-header .x-grid3-td-hours {
	background-image: url("img/icons/24.png");
}

.ResultGrid .x-grid3-header .x-grid3-td-petrol {
	background-image: url("img/icons/fuel.png");
}

.ResultGrid .x-grid3-header .x-grid3-td-restaurant {
	background-image: url("img/icons/restaurant.png");
}

.ResultGrid .x-grid3-header .x-grid3-td-shop {
	background-image: url("img/icons/shop.png");
}

.ResultGrid .x-grid3-header .x-grid3-td-shower {
	background-image: url("img/icons/shower.png");
}

.ResultGrid .x-grid3-col-name,
.ResultGrid .x-grid3-col-location,
.ResultGrid .x-grid3-col-parking {
	white-space: normal;
}

.ResultGrid .x-grid3-header .x-grid3-td-parking .x-grid3-hd-inner,
.ResultGrid .x-grid3-header .x-grid3-td-price .x-grid3-hd-inner,
.ResultGrid .x-grid3-header .x-grid3-td-motorway .x-grid3-hd-inner,
.ResultGrid .x-grid3-header .x-grid3-td-hours .x-grid3-hd-inner,
.ResultGrid .x-grid3-header .x-grid3-td-petrol .x-grid3-hd-inner,
.ResultGrid .x-grid3-header .x-grid3-td-restaurant .x-grid3-hd-inner,
.ResultGrid .x-grid3-header .x-grid3-td-shop .x-grid3-hd-inner,
.ResultGrid .x-grid3-header .x-grid3-td-shower .x-grid3-hd-inner {
	display: none;
}

.ResultGrid .x-grid3-col-parking,
.ResultGrid .x-grid3-col-hours,
.ResultGrid .x-grid3-col-petrol,
.ResultGrid .x-grid3-col-restaurant,
.ResultGrid .x-grid3-col-shop,
.ResultGrid .x-grid3-col-shower {
	text-align: center;
}

.ResultGrid .x-grid3-col-motorway {
	text-align: right;
}

.HoursIcon .x-grid3-cell-inner {
	background-image: url("img/icons/24.png");
}

.MotorwayIcon .x-grid3-cell-inner {
	background-image: url("img/icons/motorway.png");
}

.SetposMarkerInfoPanel .icon-restaurant,.icon-restaurant .x-grid3-cell-inner
	{
	background-image: url("img/icons/restaurant.png");
}

.SetposMarkerInfoPanel .icon-shop,.icon-shop .x-grid3-cell-inner {
	background-image: url("img/icons/shop.png");
}

.SetposMarkerInfoPanel .icon-shower,.icon-shower .x-grid3-cell-inner {
	background-image: url("img/icons/shower.png");
}

.icon-Agip .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/agip.png");
}

.bigIcon-Agip {
	background-image: url("img/icons/petrol-sml/agip.png");
}

.icon-Aral .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/aral.png");
}

.bigIcon-Aral {
	background-image: url("img/icons/petrol-sml/aral.png");
}

.icon-AVIA .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/avia.png");
}

.bigIcon-AVIA {
	background-image: url("img/icons/petrol-sml/avia.png");
}

.icon-BayWa .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/baywa.png");
}

.bigIcon-BayWa {
	background-image: url("img/icons/petrol-sml/baywa.png");
}

.icon-BP .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/bp.png");
}

.bigIcon-BP {
	background-image: url("img/icons/petrol-sml/bp.png");
}

/* TODO: no logo found */
.icon-Classic {
	
}

.bigIcon-Classic {
	
}

.icon-Esso .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/esso.png");
}

.bigIcon-Esso {
	background-image: url("img/icons/petrol-sml/esso.png");
}

.icon-Elf .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/elf.png");
}

.bigIcon-Elf {
	background-image: url("img/icons/petrol-sml/elf.png");
}

.icon-Fina .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/fina.png");
}

.bigIcon-Fina {
	background-image: url("img/icons/petrol-sml/fina.png");
}

.icon-Gulf .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/gulf.png");
}

.bigIcon-Gulf {
	background-image: url("img/icons/petrol-sml/gulf.png");
}

/* TODO: no logo found */
.icon-HEM .x-grid3-cell-inner {
	
}

.bigIcon-HEM {
	
}

.icon-JET .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/jet.png");
}

.bigIcon-JET {
	background-image: url("img/icons/petrol-sml/jet.png");
}

.icon-Minol .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/minol.png");
}

.bigIcon-Minol {
	background-image: url("img/icons/petrol-sml/minol.png");
}

.icon-Nordoel .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/nordoel.png");
}

.bigIcon-Nordoel {
	background-image: url("img/icons/petrol-sml/nordoel.png");
}

.icon-OMV .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/omv.png");
}

.bigIcon-OMV {
	background-image: url("img/icons/petrol-sml/omv.png");
}

.icon-Orlen .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/orlen.png");
}

.bigIcon-Orlen {
	background-image: url("img/icons/petrol-sml/orlen.png");
}

.icon-Q1 .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/q1.png");
}

.bigIcon-Q1 {
	background-image: url("img/icons/petrol-sml/q1.png");
}

.icon-Q8 .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/q8.png");
}

.bigIcon-Q8 {
	background-image: url("img/icons/petrol-sml/q8.png");
}

.icon-Raiffeisen .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/raiffeisen.png");
}

.bigIcon-Raiffeisen {
	background-image: url("img/icons/petrol-sml/raiffeisen.png");
}

.icon-Shell .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/shell.png");
}

.bigIcon-Shell {
	background-image: url("img/icons/petrol-sml/shell.png");
}

/* TODO: no logo found */
.icon-Sprint .x-grid3-cell-inner {
	
}

.bigIcon-Sprint {
	
}

.icon-Star .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/star.png");
}

.bigIcon-Star {
	background-image: url("img/icons/petrol-sml/star.png");
}

.icon-Total .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/total.png");
}

.bigIcon-Total {
	background-image: url("img/icons/petrol-sml/total.png");
}

.icon-Westfalen .x-grid3-cell-inner {
	background-image: url("img/icons/petrol-sml/westfalen.png");
}

.bigIcon-Westfalen {
	background-image: url("img/icons/petrol-sml/westfalen.png");
}

/* TODO: no logo yet */
.icon-Unknown .x-grid3-cell-inner {
	
}

.bigIcon-Unknown {
	
}

/* TODO: no logo yet */
.icon-Other .x-grid3-cell-inner {
	
}

.bigIcon-Other {
	
}

.ResultTable {
	margin-top: 10px;
}

/*.ResultGrid .x-panel-ml { padding-left:0px; }
.ResultGrid .x-panel-mr { padding-right:0px; }
.ResultGrid .x-panel-mc { padding-top:0px; }
.ResultGrid .x-panel-bl { display:none; }*/
.ResultGrid .x-grid3-header {
	background-image: none;
	background-color: #d0d3d2 /* SP_DarkGray */;
	height: 25px;
	color: black;
}

.ResultGrid .sort-asc .x-grid3-hd-inner,.ResultGrid .sort-desc .x-grid3-hd-inner,.ResultGrid .sort-asc.x-grid3-hd-over .x-grid3-hd-inner,.ResultGrid .sort-desc.x-grid3-hd-over .x-grid3-hd-inner
	{
	color: white;
	font-weight: bold;
	background-image: none;
	background-color: #005596 /* SP_DarkBlue */;
}

.ResultGrid .x-grid3-hd-over .x-grid3-hd-inner {
	background-image: none;
	background-color: #ceeaec;
}

.ResultGrid .x-grid3-hd-btn {
	display: none;
}

.ResultGrid .x-grid3-row {
	background-color: white;
	color: black;
}

.ResultGrid .x-grid3-row-alt {
	background-color: #dadee3;
}

.ResultGrid .x-grid3-row-selected {
	border: 1px solid #005596 /* SP_DarkBlue */;
	border-left: 0px;
	border-right: 0px;
	background-color: #005596 !important /* SP_DarkBlue */;
	color: white;
}

.ResultGrid .x-grid3-row-selected .x-grid3-hd-inner {
	background-image: none;
	background-color: #005596;
}

.ResultGrid .x-grid3-row-selected .x-grid3-col-name {
	font-weight: bold;
}

.ResultGrid .x-grid3-row-over {
	background-color: #e2ecf8;
	background-image: none;
}

.LocationOverview .LocationDescription {
	display: block;
	width: 400px;
}

.LocationOverview .x-table-layout-cell {
	padding-left: 10px;
}

.LoggedInGui {
	margin-top: 10px;
}

.LoggedInGui .gwt-HTML {
	margin-right: 10px;
}

/* BreadcrumbBar */
.BreadcrumbBar .Heading {
	float: left;
	margin: 0px;
}

.BreadcrumbBar .link {
	margin-left: 3px;
	margin-right: 3px;
	float: left;
	text-transform: uppercase;
}

.BreadcrumbBar .link {
	padding-right: 17px;
	background-image: url("img/PathContainer-link.gif");
	background-repeat: no-repeat;
	background-position: right 6px;
}

.BreadcrumbBar .link.current {
	padding-right: 0px;
	background-image: none;
}

.BreadcrumbBar .link.WhyRegisterButton {
	background-image: none;
}

.LoginPanel .gwt-HTML,.LoginPanel .gwt-Hyperlink,.LoginPanel .SimpleButton
	{
	float: left;
	margin-right: 10px;
}

.LoginPanel .x-btn {
	float: left;
}

.LanguageSelector {
	margin-bottom: 5px;
	float: right;
}

.LanguageSelector .link {
	margin: 0px;
}

.QuickmenuPanel .Buttons {
	margin-top: 10px;
}

.HelpButton {
	margin-right: 0px !important;
}

#LOGIN {
	vertical-align: top;
}

.LoginButton {
	margin-right: 0px !important;
}

.LoginButton .x-btn-left {
	display: none;
}

.x-panel-body {
	background-color: transparent;
}

#ADVERT p {
	color: black;
	margin-top: 10px;
	font-size: 8pt;
}

.AdvertPanel .x-panel-body {
	background-color: #e2ecf8;
	border: 1px solid #4ea6d8;
	width: 250px;
	height: 380px;
}

.SearchResultPanel .ButtonContainer {
	margin-top: 10px;
}

/* FieldSets */
fieldset .x-fieldset-header-text {
	color: #57676b /* SP LightGray */;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
}

.x-fieldset {
	border-color: #bcc;
}

.x-form-check-wrap label {
	color: #57676b;
}

.x-fieldset legend input {
	position: relative;
	top: 2px;
}

/*.x-form-check-wrap { position:relative; left:-80px; }*/
.x-fieldset-bwrap {
	margin-top: 5px;
}

.x-fieldset .x-panel-header {
	margin-top: 10px !important;
	border-top: 1px solid silver !important;
	padding-left: 0px !important;
	clear: both;
}

.x-fieldset .x-panel-header .x-panel-header-text {
	color: #57676b /* SP LightGray */;
	font-weight: normal;
	font-size: 13px !important;
}

.layout-compact.x-fieldset {
	padding: 0px !important;
}

.layout-compact .x-btn {
	margin-left: 20px;
}

.layout-nocontainer.x-fieldset {
	padding: 0px !important;
}

/* Panels */
.x-panel-btns table {
	float: right;
}

/* TabPanel: Header */
.x-tab-panel-header {
	background-color: transparent !important;
	border: 3px solid #008fd4 !important /* SP_Blue */;
	padding: 0px !important;
}

.x-tab-panel-header ul {
	padding: 0px !important;
	border: 0px !important;
	background-image: none !important;
	background-color: transparent !important;
}

.x-tab-panel-header li { /*border: 1px solid red;*/
	
}

.x-tab-panel-header li a,.x-tab-panel-header li em,.x-tab-panel-header li span
	{
	background-image: none !important;
	background-color: white !important;
}

.x-tab-panel-header li a {
	padding-left: 2px !important;
	height: auto;
}

.x-tab-panel-header li em {
	padding-right: 2px !important;
	height: auto;
}

.x-tab-panel-header li span {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	color: #ff3b00 !important /* SP_Red */;
	font-size: 9pt !important;
	text-decoration: underline;
	text-transform: uppercase;
}

.x-tab-panel-header li.x-tab-strip-active span {
	color: #008fd4 !important /* SP_Blue */;
	text-decoration: none;
}

/* AdvancedSearchAttributesPanel */
	/*.AdvancedSearchAttributesPanel .x-fieldset.collapsible { margin-bottom:0px; border-bottom:0px; }*/
.AdvancedSearchAttributesPanel .x-fieldset.collapsible.x-panel-collapsed
	{
	margin-bottom: 10px;
}

.AdvancedSearchAttributesPanel .GeneratedCheckboxWidget.RestaurantTypeEnum .x-form-item,.AdvancedSearchAttributesPanel .GeneratedCheckboxWidget.FuelTypeEnum .x-form-item,.AdvancedSearchAttributesPanel .GeneratedCheckboxWidget.PetrolStationBrandEnum .x-form-item,.AdvancedSearchAttributesPanel .GeneratedCheckboxWidget.PaymentMethodEnum .x-form-item
	{
	width: 115px;
	float: left;
}

.SimpleSearchPanel .x-form-text {
	width: 280px;
}

.AdvancedSearchPanel .x-form-text {
	width: 280px;
}

.AdvancedSearchPanel .profile {
	float: left;
	display: block !important;
	width: 210px !important;
	margin-right: 10px;
	overflow: hidden;
}

.AdvancedSearchPanel .deleteProfile {
	
}

.x-form-item label { /*width:150px !important;*/
	text-align: right;
}

.GoogleCrosshair {
	position: absolute !important;
	width: 200px !important;
	height: 200px !important;
	background-image: url("img/crosshair.png");
	margin-left: -100px;
	margin-top: -100px;
	background-color: transparent;
}

.SetposCrosshair {
	background-image: url("img/crosshair.png");
	width: 700px;
	height: 350px;
}

/* TODO: add "stylename" property to ecss? */
.GeneratedCheckboxWidget .x-form-item {
	width: 160px;
	float: left;
}

.GeneratedCheckboxWidget .x-form-item-label {
	display: none;
}

.GeneratedCheckboxWidget .x-form-element {
	padding-left: 0px !important;
}

.x-combo-list-item {
	text-align: left;
}

.GeneratedEnumListBoxWidget.LanguageCodeEnum .x-form-text {
	width: 40px;
}

/* GeneratedEntityCollectionWidget: layout:table => table-head */
.table-head {
	width: 100%;
	height: 20px;
}

.table-head .x-panel {
	float: left;
}

.table-head .x-form-item-label {
	display: block !important;
}

.table-head .x-panel-body {
	
}

.table-head .x-form-item {
	float: left;
	margin-bottom: 0px;
}

.table-head .x-form-item-label {
	width: auto !important;
	padding-bottom: 0px;
}

.table-head .x-form-element {
	clear: left;
	padding-left: 0px !important;
	margin-right: 5px;
	visibility: hidden !important;
}

.table-head .x-form-clear-left {
	display: none;
}

.table-row .x-form-element {
	clear: none !important;
}

.table-row .x-form-item-label {
	display: none;
}

.GeneratedEnumListBoxWidget .x-form-field-wrap {
	padding: 0px;
}

.GeneratedEnumListBoxWidget .x-form-text {
	margin: 0px;
	position: relatove;
	left: 0px;
	top: 0px;
}

.GeneratedEnumListBoxWidget .x-form-arrow-trigger {
	/*position:relative; left:0px; top:8px;*/
	
}

/* exceptions for widgets when placed inside table layout */
.table-row .x-form-element {
	padding-left: 0px !important;
}

.table-row .BindableStringWidget {
	width: 200px !important;
}

/* MyAccount */
.x-menu-item {
	text-align: left;
}

/* BindableGISCoordinatesWidget */
.BindableGISCoordinatesWidget .x-form-item {
	float: left;
}

.BindableGISCoordinatesWidget .map {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* GoogleMaps crosshair */
.gmnoprint img {
	width: auto !important;
	height: auto !important;
}

/* BindableLocationAccessParameterWidget */
.BindableLocationAccessParameterWidget .direction {
	padding-left: 155px;
}

.BindableLocationAccessParameterWidget .mapContainer {
	position: relative;
}

.ValidationMessage {
	margin-left: 155px;
	display: block;
}

/* MyAccountServiceList */
/*
+- .MyAccountServiceListPanel
  +- .Location
    +- .Checkbox
    +- .Label
  +- .Service
    +- .Checkbox
    +- .Label
*/

.MyAccountServiceListPanel .x-plain-body {
	padding-bottom: 0px !important;
	padding-right: 0px !important;
}

.MyAccountServiceListPanel .Checkbox {
	margin-left: 5px;
	margin-top: 5px;
}

.MyAccountServiceListPanel .Location {
	background-color: #e2ecf8 /* SP_LightBlue */;
	width: 695px;
	padding-top: 5px;
	padding-bottom: 4px;
}

.MyAccountServiceListPanel .Location .Label {
	font-weight: bold;
	width: 350px;
	display: block;
	padding-top: 5px;
	margin: 2px;
	margin-right: 0px;
	margin-top: 0px;
}

.MyAccountServiceListPanel .Service {
	border-top: 1px solid #008fd4 /* SP_Blue */;
	padding-top: 5px;
	padding-bottom: 5px;
}

.MyAccountServiceListPanel .Service:hover {
	background-color: #e2ecf8 /* SP_LightBlue */;
}

.MyAccountServiceListPanel .Service .Label {
	font-size: 8pt;
	width: 350px;
	display: block;
	margin: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.MyAccountServiceListPanel button {
	font-size: 8pt !important;
}

.MyAccountServiceListPanel a {
	display: block;
	margin-top: 2px;
	font-size: 8pt !important;
}

.MyAccountServiceListPanel .operatorLabel {
	white-space: nowrap;
	display: block;
	width: 300px;
	overflow: hidden;
	margin-left: 20px;
	font-size: 8pt;
	color: gray;
}

.MyAccountServiceMapPanel .editBoxes {
	margin-left: 5px;
}

.MyAccountServiceMapPanel .tpaDetails {
	width: 695px;
	margin-top: 10px;
	background-color: #FFFFF0; /* SP_LightYellow */;
	border: 2px solid #008fd4 /* SP_Blue */;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.MyAccountServiceMapPanel .tpaDetails .x-plain-body,.MyAccountServiceMapPanel .tpaDetails .x-plain-bwrap,.MyAccountServiceMapPanel .tpaDetails .x-panel,.MyAccountServiceMapPanel .tpaDetails .x-panel-body,.MyAccountServiceMapPanel .tpaDetails .x-panel-bwrap,.MyAccountServiceMapPanel .tpaDetails .gwt-HTML
	{
	overflow: visible;
}

.MyAccountServiceMapPanel .tpaDetails .tip {
	width: 50px;
	height: 25px;
	position: absolute;
	top: -25px;
	left: 170px;
	background-image: url("img/setposmarker-infopanel-tip-up.gif");
	background-position: top right;
}

.IE7 .x-btn .x-btn-center {
	text-align: left !important;
}

.IE7 .x-btn button {
	overflow: visible !important;
}

#CONTENT .MyAccountServiceMapPanel .tpaDetails .x-fieldset {
	margin-right: 10px;
}

/* MyAccountChainOperator, MyAccountDispatcher, MyAccountTruckDriver */
.userList .userItem {
	clear: both;
	float: left;
	width: 550px;
	overflow: hidden;
	padding-top: 5px;
	height: 20px;
}

.userList .userItem.hover {
	background-color: #e2ecf8 /* SP_LightBlue */;
}

/* BindableImageCollectionWidget */
.BindableImageCollectionWidget .ImageItem {
	float: left;
	display: block;
	margin-left: 5px;
	margin-bottom: 5px;
}

.BindableImageCollectionWidget .ImageItem .x-panel-body {
	width: 150px;
	height: 150px;
	text-align: center;
	border: 1px solid #99BBE8;
}

.BindableImageCollectionWidget .ImageItem button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* BindableBooleanDisplay */
.BindableBooleanDisplay {
	display: block;
	margin: 0px;
	padding-left: 20px;
	font-size: 90%;
}

.BindableBooleanDisplay.on,.BindableBooleanDisplay.off {
	background-image: url("img/icons/checkbox-on.png");
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

.BindableBooleanDisplay.off {
	display: none !important;
	background-image: none;
}

/* UserDisplay */
.UserDisplay td {
	font-weight: bold;
	padding-right: 10px;
}

.UserDisplay td label {
	font-weight: normal;
}

.BindableDirectionWidget {
	width: 60px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("img/BindableDirectionWidget-X.png");
}

.BindableDirectionWidget a {
	display: block;
	cursor: pointer;
}

.BindableDirectionWidget .row1 a {
	height: 24px;
}

.BindableDirectionWidget .row2 a {
	height: 12px;
}

.BindableDirectionWidget .row3 a {
	height: 24px;
}

.BindableDirectionWidget .col1 a {
	width: 24px;
}

.BindableDirectionWidget .col2 a {
	width: 12px;
}

.BindableDirectionWidget .col3 a {
	width: 24px;
}

.BindableDirectionWidget.NORTH {
	background-image: url("img/BindableDirectionWidget-N.png");
}

.BindableDirectionWidget.NORTHEAST {
	background-image: url("img/BindableDirectionWidget-NE.png");
}

.BindableDirectionWidget.EAST {
	background-image: url("img/BindableDirectionWidget-E.png");
}

.BindableDirectionWidget.SOUTHEAST {
	background-image: url("img/BindableDirectionWidget-SE.png");
}

.BindableDirectionWidget.SOUTH {
	background-image: url("img/BindableDirectionWidget-S.png");
}

.BindableDirectionWidget.SOUTHWEST {
	background-image: url("img/BindableDirectionWidget-SW.png");
}

.BindableDirectionWidget.WEST {
	background-image: url("img/BindableDirectionWidget-W.png");
}

.BindableDirectionWidget.NORTHWEST {
	background-image: url("img/BindableDirectionWidget-NW.png");
}

.MyAccountServiceGridPanel .x-grid-group-hd:hover {
	background-color: #EEE;
}

.MyAccountServiceGridPanel .ItemCount {
	color: silver;
}

.MyAccountServiceGridPanel .DeleteService,cochai
.MyAccountServiceGridPanel .EditService,.MyAccountServiceGridPanel .EditLocation
	{
	text-transform: uppercase;
	float: right;
	font-weight: normal;
	margin-left: 5px;
}

.MyAccountServiceGridPanel .LocationRow {
	color: #008fd4 /* SP_Blue */       !important;
}

.MyAccountServiceRemoteListPanel .remotePanel {
	margin-right: 20px;
	background-color: white;
}

.MyAccountServiceRemoteListPanel .RemoteLocationListServlet {
	font-size: 11px;
	width: 100%;
}

.MyAccountServiceRemoteListPanel .RemoteLocationListServlet th,.MyAccountServiceRemoteListPanel .RemoteLocationListServlet td
	{
	margin: 0px;
	padding: 2px;
	white-space: nowrap;
}

.MyAccountServiceRemoteListPanel .RemoteLocationListServlet th {
	font-weight: bold;
}

.MyAccountServiceRemoteListPanel .RemoteLocationListServlet .Location td
	{
	background-color: #e2ecf8 /* SP_LightBlue */;
}

.MyAccountServiceRemoteListPanel .RemoteLocationListServlet tr:hover {
	background-color: #FFFFF0; /* SP_LightYellow */;
}

.MyAccountServiceRemoteListPanel .RemoteLocationListServlet .Description label
	{
	display: block;
	width: 370px;
	overflow: hidden;
}

.MyAccountServiceRemoteListPanel .RemoteLocationListServlet .Operator label
	{
	display: block;
	width: 200px;
	overflow: hidden;
}

.MyAccountServiceRemoteListPanel .RemoteLocationListServlet a {
	text-transform: uppercase;
	margin-right: 4px;
}

.x-date-picker {
	width: 175px !important;
}

.x-date-picker table {
	width: auto !important;
}

.SimpleButton {
	margin-right: 5px;
}

.SimpleButton a {
	color: #ff3b00 /* SP_Red */;
	cursor: pointer;
	text-decoration: underline;
	white-space: nowrap;
}

.SimpleButton:hover a {
	color: #008fd4 /* SP_Blue */;
}

.SimpleButton.ACTIVE a {
	color: #008fd4 /* SP_Blue */;
	font-weight: bold;
	text-decoration: none;
}

.SimpleButton.button {
	background-color: #E7E8E9 /* SP_ButtonGray */;
	border: 1px solid #C3C4C5 /* SP_BorderGray */;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}

.SimpleButton.button a {
	text-decoration: none;
	text-transform: uppercase;
}

.SimpleButton.button:hover {
	background-color: #008fd4 /* SP_Blue */;
	color: white;
}

.SimpleButton.button:hover a {
	color: white;
}

.SimpleButton.button:active {
	background-color: black;
	border-color: #082333 /* SP_DarkBorderGray */;
}

.SimpleButton.button:active a {
	color: white;
}

#CONTENT .SimpleButton a {
	text-transform: uppercase;
}

/* ViewLocation */
.ViewService .ParkingInfo .BindableBooleanDisplay.off {
	/* display:block; background-image:url("img/icons/checkbox-no.png"); font-weight:normal;*/
	
}

.ViewService .BindableIntegerDisplay {
	display: block;
	margin: 0px;
}

.ViewService label {
	display: block;
	margin: 0px;
	padding-left: 20px;
}

.LocationDetails {
	margin-top: 10px;
}

.LocationDetails h1 {
	font-size: 23px;
	color: #888;
	font-weight: normal;
}

.LocationDetails .address {
	font-size: 13px;
	color: gray;
	font-weight: normal;
}

.LocationDetails .serviceDescription {
	margin-bottom: 10px;
}

.LocationDetails .accessDescription {
	font-size: 11px;
	color: #2a4f6f /* SP_GrayBlue */;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif, sans;
	line-height: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.LocationDetails .buttons {
	
}

.LocationDetails .buttons .SimpleButton {
	margin-right: 4x;
}

.LocationDetails .buttons .SimpleButton:hover {
	
}

.LocationDetails .buttons {
	border-bottom: 1px solid #008fd4 /* SP_Blue */;
	margin-right: 20px;
	padding-bottom: 5px;
}

.LocationDetails .SimpleButton.ACTIVE {
	
}

.LocationDetails .servicesPanel {
	clear: both;
	padding-top: 5px;
}

.LocationDetails .ImageCollectionDisplay {
	clear: right;
	float: right;
	margin-right: 20px;
}

.LocationDetails .MakeReservationButton {
}

/*.LocationDetails .OpeningTimesDisplay { float:right; clear:right; margin-right:5px; }*/
.ViewService .businessHours {
	float: right;
	clear: right;
	margin-right: 15px;
	width: 210px;
	font-size: 11px;
	color: gray;
}

.ViewService .businessHours h2.openingTimes { padding-top: 5px !important; }
.ViewService .businessHours h2.closureTimes { padding-top: 15px !important; clear:right; }

.ViewService .businessHours .OpeningTimesDisplay {
	float: right;
	clear: right;
	margin-top: 5px;
}

.ViewService .businessHours .openingDescription {
	display: block !important;
	clear: right;
	margin-top: 5px;
}

.ViewService .businessHours .BindableCalendarWidget {
	margin-top: 5px;
}

.ViewService .businessHours .BindableCalendarWidget .x-panel-header {
	padding: 0px;
	font-size: 11px;
	color: gray;
}

.ViewService .businessHours .BindableCalendarMonthWidget {
	margin-right: 5px;
}

.ViewService .businessHours .BindableCalendarMonthWidget .x-panel-header
	{
	margin-right: 10px;
}

.ViewService .businessHours .ClosureTimes {
	margin-top: 5px;
}

.ViewService .BigPetrolIcon {
	float: right;
	margin-right: 20px;
}

.InfoGroup .x-panel-header .x-tool {
	float: left;
}

.InfoGroup .x-panel-body {
	border-width: 0px;
}

.InfoGroup {
	border-width: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.InfoGroup .x-panel-header .x-tool-toggle {
	background-image: url("img/fieldset-tool.gif");
	background-position: top left;
	position: absolute !important;
	width: 200px;
	margin-left: -5px;
	margin-top: 3px;
}

.InfoGroup.x-panel-collapsed .x-panel-header .x-tool-toggle {
	background-image: url("img/fieldset-tool-collapsed.gif");
	background-position: top left;
}

.InfoGroup .x-panel-header-text {
	font-weight: normal;
	font-size: 13px;
	white-space: nowrap;
	margin-left: 15px;
}

.InfoGroup.x-panel-collapsed {
	border-width: 0px !important;
	padding-top: 0px;
}

.InfoGroup .x-fieldset-bwrap {
	margin-top: 0px;
}

.InfoGroup .x-fieldset {
	margin-bottom: 0px;
	border: 0px;
	padding-left: 0px;
}

.InfoGroup .x-fieldset-body {
	padding-left: 0px;
}

.InfoGroup .x-fieldset-body .x-fieldset-body {
	padding-left: 0px;
}

.InfoGroup .Info {
	padding-left: 25px;
	margin-bottom: 2px;
}

.InfoGroup .Info {
	font-size: 12px;
}

.InfoGroup .Info b {
	font-weight: normal;
	color: gray;
	font-size: 12px;
}

.InfoGroup a {
	padding-left: 25px;
}

.InfoGroup a.header {
	color: #666 !important;
	padding-left: 0px;
}

.InfoGroup a.header td {
	padding-right: 5px;
}

.InfoGroup .x-fieldset {
	padding: 0px;
}

.InfoGroup .x-fieldset .x-fieldset-header {
	margin: 0px !important;
	padding: 0px;
	padding-left: 25px;
	margin-top: 5px !important;
}

.InfoGroup .x-fieldset .x-fieldset-header-text {
	font-size: 12px !important;
	color: gray;
}

.InfoGroup .BindableBooleanDisplay {
	margin-left: 5px;
}

.InfoGroup .InfoGroupTable {
	
}

.InfoGroup .InfoGroupTable td {
	font-size: 12px;
}

.SelectOperatorWidget .results label {
	float: left;
	display: block !important;
	margin-top: 5px;
	width: 280px;
}

.SelectOperatorWidget .results div {
	line-height: 100%;
}

.SelectOperatorWidget .results input {
	float: left;
	clear: both;
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 10px;
}

.SelectOperatorWidget .results .name {
	width: 250px;
	overflow: hidden;
}

.SelectOperatorWidget .results .role {
	font-size: 11px;
	width: 250px;
	overflow: hidden;
	color: gray;
}

.SelectOperatorWidget .results .email {
	font-size: 11px;
	width: 250px;
	overflow: hidden;
	color: gray;
}

.BindablePriceRangeWidget td {
	padding-right: 10px;
}

.CommunicationCollectionWidget .Communications .Communication {
	margin-top: 5px !important;
}

.CommunicationCollectionWidget .Communications .x-fieldset-bwrap {
	margin-top: 0px;
}

.HTTPRequestPanel {
	margin-right: 20px;
}

.HTTPRequestPanel ul li {
	list-style-type: disc;
	padding-left: 15px;
	margin-left: 15px;
	margin-top: 5px;
}

.gwt-DisclosurePanel {
	width: 100%;
}

.layout-compact .x-panel-btns {
	width: 200px;
}

/* // no explicit requirement concerning tooltip alignment received  => using default
.x-tip .x-tip-body {text-align: left !important;}
*/
.wizardActiveBreadCrumbItemCls {
	font-size: 11px;
	color: red;
}

.wizardInactiveBreadCrumbItemCls {
	font-size: 11px;
	color: gray;
}

.wizardSelectedBreadCrumbItemCls {
	font-size: 12px;
	color: blue;
}

.rightLabelText {
	text-align: center;
}

/*Bookable Parking Spaces */
.BookableParkingSpaces .x-form-element {
	margin-top: 5px;
	margin-left: 0px;
}

.BookableParkingSpaces label {
	font-size: 90%;
}

.BookableParkingSpaces .wizardLeftLabel {
	margin-top: 5px;
}

.BookableParkingSpaces .x-table-layout-cell .wizardLabel {
	font-size: 100%;
	padding-top: 5px;
}

.BookableParkingSpaces .x-fieldset-header {
	color: #2A4F6F;
	font-size: 90%;
	margin-bottom: 10px;
}

.BookableParkingSpaces .x-fieldset-header-text {
	color: #2A4F6F;
}

.BookableParkingSpaces .x-form-invalid-msg {
	max-width: 50px;
}

.wizardLabel {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 10px !important;
	width: 690px !important;
}

.reservationProfileCls {
	max-width: 710px;
}

.reservationProfileCls .x-fieldset {
	margin-left: 30px;
	max-width: 650px;
}

.reservationProfileCls .x-fieldset .x-fieldset-body {
	margin-bottom: 10px;
	margin-top: 10px;
}

.BindableCalendarWidget {
	max-width: 700px;
}

.bindablePointInTimeWidget {
	max-width: 400px;
	padding-left: 160px;
}

.userCommunicationBox {
	padding-left: 163px;
}

.rightLabel {
	font-size: 90%;
	margin-top: -1px;
	padding-left: 7px;
}

.rightDurationWidgetLabel {
	font-size: 90%;
	margin-top: 12px;
	padding-left: 1px;
}

.wizardLeftLabel {
	margin-bottom: 20px;
	padding-right: 2px;
}

.rightChargeBackLabel {
	font-size: 90%;
	margin-top: -5px;
	padding-left: 5px;
}

.couponValueCls {
	padding-left: 70px;
}

.myReservationProfile {
	max-width: 700px;
}

.myReservationProfile .addTruckPanel {
	max-width: 700px;
	margin-bottom: -10px;
	padding-left: 20px;
}

/* Single Date Calendar Widget*/
.SingleDateCalendarWidget {
	margin-top: 5px;
}

.SingleDateCalendarWidget .x-panel-header {
	padding: 0px;
	font-size: 11px;
	color: gray;
}

/* SingleDateMonthCalendarWidget */
.SingleDateCalendarWidget .dateWidgetHeaderPanel {
	background-color: #E2ECF8;
	width: 140px;
	max-width: 140px;
	color: black;
	display: block;
	text-align: center;
	font-size: 11px !important;
	color: #57676B;
}

.SingleDateCalendarWidget .dateWidgetHeaderPanel .x-btn-left,.SingleDateCalendarWidget .dateWidgetHeaderPanel .x-btn-center,.SingleDateCalendarWidget .dateWidgetHeaderPanel .x-btn-right
	{
	background-color: #E2ECF8;
	border: none;
}

.SingleDateCalendarWidget .dateWidgetHeaderPanel button {
	color: #57676B;
	border: none;
}

.SingleDateCalendarWidget .x-btn button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	color: #57676B;
	text-decoration: none;
	background-color: #E2ECF8;
	width: 10px;
	text-align: center;
	padding: 0;
	margin: 0;
}

.SingleDateCalendarWidget .x-btn {
	margin-right: 0px;
}

.SingleDateCalendarWidget .headerLabel {
	width: 78px;
	display: block;
	margin-top: 2px;
}

.SingleDateMonthCalendarWidget .x-panel-header-text,.BlockHeading {
	font-size: 11px;
	display: block;
	background-color: #e2ecf8 /* SP_LightBlue */;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

.SingleDateMonthCalendarWidget {
	width: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.SingleDateMonthCalendarWidget .x-btn button {
	width: 20px;
	text-align: right;
}

.SingleDateMonthCalendarWidget .x-btn .x-btn-center {
	padding: 0px;
	padding-right: 2px;
}

.SingleDateMonthCalendarWidget .x-btn .x-btn-left,.SingleDateMonthCalendarWidget .x-btn .x-btn-right,.SingleDateMonthCalendarWidget .x-btn .x-btn-left i,.SingleDateMonthCalendarWidget .x-btn .x-btn-right i
	{
	width: 1px;
	margin: 0px;
}

.SingleDateMonthCalendarWidget .x-btn {
	margin: 0px;
}

.SingleDateMonthCalendarWidget {
	height: 123px;
	width: 141px !important;
}

.DateTimeWidget { padding: 0px !important; }
.dateWidget { margin-left: 10px; }
.dateWidget fieldset,
.dateWidget fieldset div { padding: 0px; margin: 0px; }
.dateWidget fieldset .toTimeCombo_,
.dateWidget fieldset .fromTimeCombo_ { margin-top: 10px; }

.x-fieldset .SingleDateMonthCalendarWidget .x-panel-header {
	border-top-width: 0px !important;
}

.SingleDateMonthCalendarWidget b,.SingleDateMonthCalendarWidget a {
	display: block;
	width: 17px;
	float: left;
	text-align: right;
	padding-right: 2px;
	font-size: 9px;
	margin-left: 1px;
	margin-top: 1px;
}

.SingleDateMonthCalendarWidget b {
	cursor: default;
}

.SingleDateMonthCalendarWidget a {
	color: #666;
	text-decoration: none;
	background-color: #EEE;
}

.SingleDateMonthCalendarWidget a.disabled {
	background-color: lightgray;
	color: white;
	text-decoration: none;
}

.SingleDateMonthCalendarWidget a.marked {
	background-color: gray;
	color: white;
	text-decoration: none;
}

.SingleDateMonthCalendarWidget a.checked {
	background-color: #ff3b00;
	color: white;
	cursor: pointer;
}

.SingleDateMonthCalendarWidget a.unchecked {
	cursor: pointer;
}

.SingleDateMonthCalendarWidget a:hover {
	color: #FFF;
	background-color: #999;
}

.SingleDateMonthCalendarWidget a.checked:hover {
	background-color: #900;
}

.SingleDateMonthCalendarWidget .Mo {
	clear: both;
}

.SingleDateMonthCalendarWidget .today {
	border: 3px solid #008fd4;
	margin-top: -2px;
	margin-right: -3px;
	margin-bottom: -3px;
	margin-left: -2px;
	position: relative;
	z-index: 1000 !important;
}



.timeZone {
	font-weight: bold;
	padding-left: 10px;
}

.wizardDateLabel {
	padding-top: 20px;
	font-size: 100%;
	width: 85px;
	text-align: right;
}

.truckLength {
	padding-left: 62px;
	margin-top: 5px;
}

.reservation {
	max-width: 720px;
}

.fromTimeCombo {
	padding-left: 20px;
}

.fromTimeCombo label {
	font-size: 91%;
}

.toTimeCombo {
	padding-left: 20px;
}

.toTimeCombo label {
	font-size: 91%;
	padding-right: 15px;
}

.stayPanel .staySpanNotOk,.stayPanel .staySpanOk {
	margin-left: 5px;
}

.stayPanel .staySpanNotOk {
	color: #ff3b00 /* SP_Red */;
	border: 2px solid #ff3b00 /* SP_Red */;
	background-color: #FFF0F0;
	padding: 5px;
}

.reservation .confirmationBox {
	width: 700px;
}

.reservation .confirmationBox.confirmed {
	background-color: #FFFFF0 /* SP_LightYellow */;
	border: 2px solid #005596 /* SP_DarkBlue */;
}

.reservation .confirmationBox .confirmationBoxHeader {
	font-weight: bold;
	padding-right: 5px;
	width: 190px;
}

.ReservationConfirmation .title {
	width: 200px;
}

.icon-reservable {
	background-image: url("img/reservable.png");
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-left: 16px;
}

.separator {
	text-align: center;
}

.reservableButtonLink.x-btn .x-btn-left,
.reservableButtonLink.x-btn .x-btn-center,
.reservableButtonLink.x-btn .x-btn-right {
	background-color: transparent !important;
	background-image: none;
	width: 0px !important;
	padding: 0 .25em 0 .25em;
	width: auto;
	overflow: visible;
}

.reservableButtonLink.x-btn button {
	color: #ff3b00 !important /* SP_Red */;
	text-decoration: underline;
	text-transform: uppercase;
	padding: 0px;
}

.reservableButtonLink.x-btn-over button {
	color: #008fd4 !important /* SP_Blue */;
}

.x-btn.reservableButtonLink .x-btn-left,
.x-btn.reservableButtonLink .x-btn-center,
.x-btn.reservableButtonLink .x-btn-right {
	border-width: 0px !important;
	padding: 0px;
}

.current.reservableButtonLink a,
.current.reservableButtonLink button {
	font-weight: bold;
	color: #008fd4 !important;
	text-decoration: none !important;
	padding-top: 1px;
}

.current.reservableButtonLink a {
	position: relative;
	top: 1px;
}

.userCommunicationBoxPanel {
	width: 450px !important;
	padding-left: 160px;
}

.userCommunicationBoxPanel .wizardLeftLabel {
	width: 100px !important;
	text-align: right;
}

.rightNumber {
	text-align: right;
}

.reservableButtonLink {
	padding: 0 .25em 0 .25em;
	width: auto;
	overflow: visible;
}

.ReservationStatusEnum,
.locationSelectSearchWidget,
.userSelectSearchWidget,
.truckFieldSet,
.userSelectWidget,.communications,
.StayWidget {
	width: 670px !important;
}

.StayWidget .stayHelp {
	margin-left: 10px;
}

.reservationProfileCalendar .BindableCalendarWidget {
	margin-left: 20px;
	width: 670px !important;
}

.BookableParkingSpaces {
	margin-left: 20px;
}

.SingleDateMonthCalendarWidget .x-fieldset-header,
.SingleDateMonthCalendarWidget .x-fieldset-header .x-fieldset-header-text,
.SingleDateMonthCalendarWidget .x-fieldset-header legend,
.SingleDateMonthCalendarWidget .x-fieldset-header legend span,
.SingleDateMonthCalendarWidget .x-fieldset-bwrap {
	height: 0px !important;
}

.SingleDateCalendarWidgetPanel .x-fieldset {
	margin-bottom: -10px;
}

.directionWidget label {
	margin-left: 70px;
}

.directionWidget .BindableDirectionWidget {
	margin-left: 10px;
}

.x-panel .directionInfoBox {
	margin-top: 10px;
	font-size: 90%;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e2ecf8;
	border: 1px solid #008fd4;
	width: 290px !important;
}

.x-panel .directionInfoBox .DirectionHelp {
	width: 300px;
	height: 80px;
	float: left;
	background-image: url("img/manual-direction-help.png");
}

.RIconLegend {
}

.PasswordRecoveryQuestionEnum input {
	width: 425px !important;
}

/* *********************************************** S2 specific styles */

/* Structure:
  + .MyAccountParkingAvailabilityPanel [.full | .free | .noData] [.noForm] [.noData-noForm]
  |-+ .flagContainer
  | |-+ .flag
  |   |-+ .availabilityContainer
  |   | |-+ div.x-panel
  |   |-+ .formContainer
  |     |-+ div.gwt-HTML
  |     |-+ input.x-form-field
  |     |-+ table.x-btn
  |-+ .buttonContainer
*/

.MyAccountParkingAvailabilityPanel {
	margin-left: 16px;
}

.hideAdvanced .MyAccountParkingAvailabilityPanel {
	margin-left: 0px;
}

.MyAccountParkingAvailabilityPanel .flagContainer {
	width: 350px;
	float: left;
	margin: 2px;
	margin-left: 3px; /* compensating for empty table cell (checkbox) */
	margin-right: 0px;
}

.MyAccountParkingAvailabilityPanel .flag {
	background-color: navy;
	margin-right: 15px;
	margin-bottom: 4px;
}

.MyAccountParkingAvailabilityPanel.free .flag {
	background-color: #177D1E /* SP_AV_FREE */;
}

.MyAccountParkingAvailabilityPanel.full .flag {
	background-color: #9F2414 /* SP_AV_FULL */;
}

.MyAccountParkingAvailabilityPanel .availabilityContainer,
.MyAccountParkingAvailabilityPanel .formContainer {
	color: white;
	margin: 3px;
}

.MyAccountParkingAvailabilityPanel .availabilityContainer {
	font-size: 7pt;
	font-weight: bold;
	margin-right: 5px;
}

.MyAccountParkingAvailabilityPanel .formContainer {
	margin-top: 9px;
}

.MyAccountParkingAvailabilityPanel .formContainer .x-btn {
	margin-left: 5px;
	margin-right: 5px;
}

.MyAccountParkingAvailabilityPanel .flag,
.MyAccountParkingAvailabilityPanel .availabilityContainer,
.MyAccountParkingAvailabilityPanel .formContainer,
.MyAccountParkingAvailabilityPanel .formContainer div,
.MyAccountParkingAvailabilityPanel .formContainer input,
.MyAccountParkingAvailabilityPanel .formContainer table,
.MyAccountParkingAvailabilityPanel .buttonContainer {
	float: left;
}

.MyAccountParkingAvailabilityPanel.noData-noForm .flag {
	visibility: hidden;
}

.MyAccountParkingAvailabilityPanel.noData-noForm {
	display: none;
}

.IE6 .MyAccountParkingAvailabilityPanel .flagContainer {
	margin-left: 0px !important;
}

.IE6 .MyAccountParkingAvailabilityPanel .flag {
	margin-right: 0px !important;
}

.IE6 .MyAccountParkingAvailabilityPanel .availabilityContainer {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/* ---------------------------------------------- */

.SetposMarker.free .SetposMarkerLink {
	background-image: url("img/setposmarker-left-free.gif");
}

.SetposMarker.free.clicked .SetposMarkerLink,
.SetposMarker.free:hover .SetposMarkerLink {
	background-image: url("img/setposmarker-left-free-hover.gif");
}

.SetposMarker.full .SetposMarkerLink {
	background-image: url("img/setposmarker-left-full.gif");
}

.SetposMarker.full.clicked .SetposMarkerLink,
.SetposMarker.full:hover .SetposMarkerLink {
	background-image: url("img/setposmarker-left-full-hover.gif");
}

/* ---------------------------------------------- */

.ViewService .infoPanel {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.ViewService .infoPanel .availabilityContainer {
	float: left;
	color: white;
	padding: 3px;
}

.ViewService .infoPanel .availabilityContainer.free {
	background-color: #177D1E /* SP_AV_FREE */;
}

.ViewService .infoPanel .availabilityContainer.full {
	background-color: #9F2414 /* SP_AV_FULL */;
}

.ViewService .infoPanel .MakeReservationButton {
	float: left;
	margin-left: 10px;
}

/* ---------------------------------------------- */

.EditAvailabilityProfileGui .WebChannelConfigGui,
.EditAvailabilityProfileGui .SmsChannelConfigGui,
.EditAvailabilityProfileGui .WsChannelConfigGui {
	margin-top: 15px;
}

/* ---------------------------------------------- */

.SmsChannelConfigGui .msisdn {
	margin-top: 10px;
}
.SmsChannelConfigGui .status {
	margin-left: 110px;
}

/* ---------------------------------------------- */

.reservationProfileCls .agreementAgree {
	margin-left: 10px;
}

.reservationProfileCls .agreementError {
	margin-left: 25px;
}

.reservationProfileCls .agreementText {
	margin-top: 10px;
	margin-left: 10px;
}

/* ---------------------------------------------- */

.CommunicationCollectionWidget .mobileDriverHelp,
.CommunicationCollectionWidget .mobileDispatcherHelp {
	margin-left: 155px;
	width: 450px;
	margin-bottom: 5px;
}

/* ---------------------------------------------- */

.LoginForm .loginButton,
.LoginForm .passwordRecoveryButton {
	float: right;
	clear: both;
	margin-right: 10px;
	margin-top: 5px;
}

.LoginForm .passwordRecoveryButton {
	margin-right: 20px;
}

/* ---------------------------------------------- */

#AdvertPanelIframe {
	width: 400px;
	height: 610px;
	border-width: 0px;
}

#AdvertPanelIframeClip {
	width: 220px;
	height: 630px;
	overflow: hidden;
	display: none;
}

#AdvertPanelIframeClip.visible {
	display: block;
}

/* ---------------------------------------------- */

.shadedBlock {
	background-color: #f2f4fa;
}

.AdvancedSearch_Form,
.AdvancedSearch_Form .x-panel-body {
	width: auto !important;
	height: auto !important;
}

.AdvancedSearchPanel .x-tab-panel-body,
.AdvancedSearch_Form .x-panel-body {
	background-color: transparent;
}

.AdvancedSearchPanel .x-tab-strip em,
.AdvancedSearchPanel .x-tab-strip span,
.AdvancedSearchPanel .x-tab-strip a {
	background-color: transparent !important;
}

.AdvancedSearch_Form .x-form {
	padding: 10px;
}

.AdvancedSearchPanel .viewOnMap,
.AdvancedSearchPanel .viewOnTable {
	margin-left: 10px;
}

.AdvancedSearchPanel .x-btn.search {
	margin: 10px;
}

/* -- IE8 workarounds: fix: menu gets clipped -- */

.x-menu {
	width: auto !important
}

/* ---------------------------------------------- */

.x-item-disabled .ext-el-mask {
	opacity: 0.0 !important;
}

.IE .x-item-disabled .ext-el-mask {
	visibility: hidden !important;
}

/* ---------------------------------------------- */

.hideAdvanced .advanced {
	display: none;
}

/* -- Error message was not wide enough & was clipped */

.truckFormPanel .x-panel,
.truckFormPanel .x-panel-body,
.truckFormPanel .x-form-item {
	width: auto !important;
}

.truckFormPanel .x-form-invalid-msg {
	width: auto !important;
	max-width: 200px;
}

/* ---------------------------------------------- */

.AdvancedSearchPanel .x-tab-panel-header li {
	margin-left: 10px !important;
}

.AdvancedSearchAttributesPanel .AdvancedSearchAttributesCheckbox {
	margin-left: 0px;
}

.AdvancedSearchAttributesCheckbox .x-form-check-wrap {
	border-top: 1px solid silver;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.AdvancedSearchPanel .SecurityLevelEnum .x-form-check-wrap {
	width: 280px;
}

/* ---------------------------------------------- */

.IE .icon-reservable {
	display: inline-block;
}

/* ---------------------------------------------- */

.Icon {
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 25px;
	display: block;
}

.Icon-male {
	background-image: url("img/icons/male.png");
}

.Icon-female {
	background-image: url("img/icons/female.png");
}

.Icon-disabled {
	background-image: url("img/icons/disabled.png");
}

.Icon-charge {
	background-image: url("img/icons/charge.png");
}

.Icon .IconText {
	display: none;
}

.Icon:hover .IconText {
	display: block;
	background-color: #FFFFF0 /* SP_LightYellow */;
	border: 1px solid gray;
	position: absolute;
	margin-left: 26px;
	margin-top: 3px;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}

/* ---------------------------------------------- */

.parkingShowers .heading,
.parkingToilets .heading {
	font-size: 10pt;
	font-weight: bold;
	width: 150px;
}

.parkingShowers td,
.parkingToilets td {
	padding-right: 5px;
	padding-bottom: 5px;
}

.parkingShowers td .x-form-check-wrap,
.parkingToilets td .x-form-check-wrap {
	margin-left: 8px;
}

/* ---------------------------------------------- */

iframe.NewsPanel {
	width: 725px;
	height: 320px;
	border: 0px solid white !important;
}

/* ---------------------------------------------- */

.ReservationWidget_Confirmation .confirmationText,
.confirmationBox,
.ViewAvailabilityProfile .infoText {
	margin-left: 5px;
}

/* ---------------------------------------------- */

.IE6 .x-btn {
	border: 1px solid #C3C4C5 /* SP_BorderGray */ !important;
	color: #ff3b00 /* SP_Red */ !important;
	background-color: #E7E8E9 /* SP_ButtonGray */ !important;
}

.IE6 div .link {
	border: 0px solid white !important;
	color: #ff3b00 /* SP_Red */ !important;
	background-color: transparent !important;
}

.IE6 label,
.IE6 span,
.IE6 td,
.IE6 h1,
.IE6 h2,
.IE6 h3,
.IE6 a,
.IE6 button,
.IE6 div {
	font-size: 11px !important
}

/* ---------------------------------------------- */

.EditSuggestedService .CommunicationCollectionWidget {
	background-color: #FFFFD0 /* SP_LightYellow */;
}

/* ---------------------------------------------- */

/* Structure:
  + .MyAccountServiceNewsPanel
  |-+ .currentNewsContainer
  |-+ .setNews
*/

.MyAccountServiceNewsPanel {
	margin-left: 16px;
	padding-bottom: 5px;
}

.hideAdvanced .MyAccountServiceNewsPanel {
	margin-left: 0px;
}

.MyAccountServiceNewsPanel .currentNewsContainer {
	width: 350px;
	margin: 2px;
	margin-left: 3px; /* compensating for empty table cell (checkbox) */
	margin-right: 0px;
}

/* ---------------------------------------------- */

.serviceNewsOfTheDay {
	background-color: #FFFFF0; /* SP_LightYellow */;
	border: 3px solid #008fd4 /* SP_Blue */;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 470px;
}

/* ---------------------------------------------- */

.PanelRight {
	margin: 5px;
}

.PanelRight .x-panel-body {
	float: right;
}

.PanelRight .SimpleButton,
.PanelRight .x-btn {
	float: left;
	margin-right: 15px;
}

/* ---------------------------------------------- */

.advancedEditFunctions .button {
	text-decoration: underline !important;
}