/*
	Connect Cashless Parking Stylesheet
*/

/*
	---------------------------------------------------------
	CSS RESET
	---------------------------------------------------------
*/
/*
    Tripoli is a generic CSS standard for HTML rendering.
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* {
    font-size: 1em;
    outline: none;
    padding: 0;
    margin: 0;
}

code, kbd, samp, pre, tt, var, textarea,
input, select, isindex, listing, xmp, plaintext {
    white-space: normal;
    font-size: 1em;
    font: inherit;
}

dfn, i, cite, var, address, em {
    font-style: normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a, img, a img, iframe, form, fieldset,
abbr, acronym, object, applet, table {
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td, center {
    vertical-align: top;
    text-align: left;
}

body {
    background: white;
    line-height: 1;
    color: black;
}

q {
    quotes: "" "";
}

ul, ol, dir, menu {
    list-style: none;
}

sub, sup {
    vertical-align: baseline;
}

a {
    color: inherit;
}

hr {
    display: none;
}

font {
    color: inherit !important;
    font: inherit !important;
    color: inherit !important; /* editor's note: necessary? */
}

marquee {
    overflow: inherit !important;
    -moz-binding: none;
}

blink {
    text-decoration: none;
}

nobr {
    white-space: normal;
}

/*
	---------------------------------------------------------
	COLO(U)RS
	---------------------------------------------------------
*/

/* no bg */
.geoLocationsSubGroup td, .geoLocationsSubGroup th, .locationDetailCarpark td, .locationDetailCarpark th {
    background-color: transparent;
}

/* white */
body, #ContentContainer {
    background-color: #fff;
}

#NavigationBar, #NavigationBar a, #nav a, #TabNavUnit a.activeTab, table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    color: #fff;
}

/* CCP Orange */
a, .fakeLink, #ContentContainer h3, #ContentContainer h4, #LocationSelector h3, #nav li ul a, .yooParkReportShowHideSQL {
    color: #f7941e;
}

/* CCP Grey */
#TagLine, #Footer, #TabNavUnit span.tabDisabled {
    color: #bbb2a6;
}

#ContentContainer.adminLogin, #TabNavUnit a, #Footer, #HomePageTop, #Header.noNavBar {
    border-color: #bbb2a6;
}

#navOuterContainer, #TabNavUnit a.activeTab, table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #bbb2a6;

}

/* Very Light Grey */
body#AdminLoginPage, th, #TabNavUnit a {
    background-color: #f0f0f0;
}

th, td {
    border-color: #f0f0f0;
}

/* Really Light Grey */
tr.odd td, #TabNavUnit span.tabDisabled {
    background: #f3f3f3;
}

#TabNavUnit span.tabDisabled {
    border-color: #f3f3f3;
}

/* Dark Grey */
body, #Footer, #Footer a, #HomePageIntroText, #ContentContainer, #HelpContainer,
#LocationSelector, td, th, .headerAccountLinks, #TabNavUnit a {
    color: #999;
}

select, input, textarea, option {
    color: #666;
}

a, .geoLocationsAreaName, #GeoSearchToggleOptions, .fakeLink {
    cursor: pointer;
}

/*
	---------------------------------------------------------
	BACKGROUND IMAGES
	---------------------------------------------------------
*/
#NavigationBar {
    background-image: url("../images/navigation-bar-bg-1.0.png");
}

#PrimaryNav, #NavigationBarEnd, #PrimaryNav li a {
    background-image: url("../images/navigation-bar-map-1.0.png");
}

#HomePageHeader {
    background-image: url("../images/home-header-image-bar-1.0.jpg");
}

#HomeLoginForm {
    background-image: url("../images/home-login-form-header-image-1.0.jpg");
}

.geoLocationsAreaName {
    background-image: url("../images/folder-pointer-map-1.0.png");
}

/*
	---------------------------------------------------------
	TYPE
	---------------------------------------------------------
*/

/* Fonts */
body {
    font-family: helvetica, arial, sans-serif;
}

code, pre {
    font-family: monospace;
}

/* Sizing */
body {
    font-size: 15px;
}

#Footer, #HomeLoginForgotPassword, small, .forwardButton, .headerAccountLinks a,
#HeaderLocationSelectionForm select, #AdminHeaderLoginStatusBlock, .formRow input, table.tablesorter td {
    font-size: 0.75em;
}

#nav li ul a {
    font-size: 0.85em;
}

.formRow label {
    font-size: 0.9em;
}

#HomePageIntroText {
    font-size: 1.1em;
}

#ContentContainer h4 {
    font-size: 1.2em;
}

#ContentContainer h3, #LocationSelector h3 {
    font-size: 1.2em;
}

#ContentContainer h2 {
    font-size: 1.5em;
}

#TagLine {
    font-size: 1.7em;
}

/* Spacing */
#HomePageIntroText {
    line-height: 1.15em;
}

#ContentContainer p, #ContentContainer li, #ContentContainer dd, #HelpContainer p, #LocationSelector p,
#LocationSelector td, #ContentContainer form, #ContentContainer label {
    line-height: 1.3em;
}

#ContentContainer input {
    line-height: 1.1em;
}

#ContentContainer p, #HelpContainer p, #GeoLocations p {
    margin: 0.5em 0;
}

#ContentContainer h3, #ContentContainer h4, #LocationSelector h3 {
    line-height: 1.3em;
    margin: 1em 0 0.5em 0;
}

#TagLine {
    line-height: 1.7em;
}

#ContentContainer h2 {
    margin: 1em 0 1em;
}

#ContentContainer ul, #LocationSelector ul {
    margin: 0.5em 0;
    list-style: disc;
}

#ContentContainer ul li, #LocationSelector ul li {
    margin: 0.2em 0 0.2em 2em;
}

blockquote {
    margin: 0.5em 0 0.5em 2em;
}

/* Weights */
strong, #TagLine, #ContentContainer h3, #ContentContainer h2, #LocationSelector h3, th, #TabNavUnit a {
    font-weight: bold;
}

/* Special */
#TagLine {
    font-style: italic;
}

.fakeLink {
    text-decoration: underline;
}

.headerAccountLinks a, #TabNavUnit a {
    text-decoration: none;
}

pre {
    white-space: pre;

}

/* Lists */
.adminSiteMapContainer ul, .adminSiteMapContainer ul li {
    list-style: none;
}

/*
	---------------------------------------------------------
	BORDERS
	---------------------------------------------------------
*/

/* No Border */
.geoLocationsSubGroup td, .geoLocationsSubGroup th, .locationDetailCarpark td, .locationDetailCarpark th {
    border: none;
}

/* Widths */
#HomePageTop, th, td, #ContentContainer.adminLogin, #TabNavUnit a {
    border-width: 1px;
}

#Footer {
    border-width: 5px;
}

/* Styles */
#HomePageTop {
    border-bottom-style: solid;
}

th, td, #ContentContainer.adminLogin {
    border-style: solid;
}

/*
	---------------------------------------------------------
	TABLES
	---------------------------------------------------------
*/

table {
    width: 100%;
}

th, td {
    padding: 5px;
}

/* tables */
table.tablesorter {
    background-color: #CDCDCD;
    margin: 10px 0pt 15px;

    width: 100%;
    text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    border: 1px solid #FFF;
    padding: 4px;
}

table.tablesorter tfoot tr td {
    padding: 4px;
    background-color: #EBF7F7;
    border: 1px solid #FFF;
}

table.tablesorter thead tr th {
    padding-right: 18px;
}

table.tablesorter thead tr .header {
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
    cursor: pointer;
    vertical-align: bottom;
}

table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}

/*
	---------------------------------------------------------
	FORMS
	---------------------------------------------------------
*/
.formRow {
    float: left;
    width: 100%;
    margin: 2px 0;
}

.formRow label {
    float: right;
    width: 40%;
}

.formRow input {
    float: left;
    width: 54%;
}

#ContentContainer fieldset {
    border: none;
    margin: 2em 0;
}

#ContentContainer form fieldset h2 {
    margin: 0 0 0.3em 0;
    padding: 0 0 0 0;
    font-size: 1em;

}

#ContentContainer form .FormRow, #ContentContainer form .CheckboxFormRow {
    width: 100%;
    float: left;
    margin: 0.3em 0;
}

#ContentContainer form .FormRow .FormRowLabel, #ContentContainer form .CheckboxFormRow .FormRowLabel, #ContentContainer .currentLocationBox {
    float: left;
    width: 40%;
    border: none;
    text-align: right;
    padding-right: 1em;
    border: solid 1px #fff;
    clear: both;
}

#ContentContainer form .FormRowInput {
    float: left;
    width: 40%;
}

#ContentContainer form .CheckboxFormRow .FormRowInput {
    width: 70%;
}

#ContentContainer form .CheckboxFormRow .FormRowLabel {
    width: 20%;
}

#ContentContainer form#StandardLoginForm .CheckboxFormRow .FormRowInput {
    width: 40%;
    margin-left: -3px;
}

#ContentContainer form#StandardLoginForm .CheckboxFormRow .FormRowLabel {
    width: 40%;
    padding-right: 1em;
}

.radioGroupRow {
    margin: 0.2em 0 0.4em 0;
}

/*
	---------------------------------------------------------
	COMMON CLASSES
	---------------------------------------------------------
*/

/*
	Image Replacement Class
	
	Ensure to specify height & width for element
*/
.ir {
    display: block;
    overflow: hidden;
}

.forwardButton {
    text-align: right;
}

.formErrorsBlock {
    background: #FFEDED;
    border: solid 2px #EECCCC;
    padding: 0.5em 0;
    text-align: center;
    margin-bottom: 0.5em;
}

.detailsSavedMessage {
    background: #D2FFC7;
    border: solid 2px #A0F187;
    padding: 0.5em 0;
    text-align: center;
    margin-bottom: 0.5em;
}

/*
	---------------------------------------------------------
	SITE LAYOUT
	---------------------------------------------------------
*/

/* Start: Main Layout */
body {
    text-align: center;
}

#PageContainer {
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

/* End: Main Layout */

/* Start: Header */
#Header {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
	padding-bottom: 10px;
}

#Header.noNavBar {

}

#SiteTitle {
    width: 281px;
    height: 71px;
    float: left;
    clear: right;
    margin: 0 0 10px 30px;
}

#NavigationBar {
    float: left;
    width: 100%;
    height: 33px;
    line-height: 33px;
}

#PrimaryNav {
    float: left;
    height: 33px;
    background-repeat: no-repeat;
    padding-left: 6px;
}

#PrimaryNav li, #PrimaryNav li a {
    float: left;
    height: 33px;
    line-height: 33px;
    text-align: center;
}

#PrimaryNav li a {
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 33px;
}

#PrimaryNav li a span {
    display: none;
}

#HomeMenuItem a {
    background-position: -7px 0;
    width: 89px;
}

#HowItWorksMenuItem a {
    background-position: -97px 0;
    width: 135px;
}

#LocationsMenuItem a {
    background-position: -232px 0;
    width: 103px;
}

#FAQsMenuItem a {
    background-position: -335px 0;
    width: 77px;
}

#RegisterMenuItem a {
    background-position: -412px 0;
    width: 95px;
}

#ContactMenuItem a {
    background-position: -507px 0;
    width: 120px;
}

#NavigationBarEnd {
    float: right;
    width: 7px;
    height: 33px;
    background-position: 100% 0;
}

#HeaderSearchForm {
    width: 240px;
    height: 33px;
    float: right;
    text-align: right;
    margin-right: 5px;
}

#TagLine {
    width: 600px;
    float: right;
    text-align: right;
    clear: right;
    margin: 7px 0 0 0;
}

#HeaderLocationSelectionForm {
    width: 300px;
    clear: right;
    float: right;
    text-align: right;
}

#HeaderLocationSelectionForm p {
    margin: 0 0 8px 0;
}

.headerAccountLinks {
    padding-right: 10px;
    margin-top: 3px;
}

#AdminHeaderLoginStatusBlock {
    clear: right;
    float: right;
    margin: 0 24px 0 0;
}

#AdminHeaderLoginStatusBlock div {
    padding: 0 6px;
}

#LogoutUnit {
    display: inline;
}

#AdminWelcomeMessageUnit {
    display: inline;
}

#TabNavUnit {
    float: left;
    clear: left;
    margin: -17px 0 0 390px;
    width: 480px;
}

#TabNavUnit a, #TabNavUnit span {
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 5px 15px;
    margin: 0 10px 0 0;
}

#TabNavUnit span {
    cursor: default;
}

/* End: Header */

/* Start: Drop Menu */

/*
	#navOuterContainer	{

		float:left;
		width:100%;
	}
	
	#navContainer	{
		width:49em;
		margin:0 auto;
		text-align: center;
		margin-top: 0;
		margin-left: 40px;
	}
	
	#nav, #nav ul {
		float: left;
		width: 100%;
		list-style: none;
		line-height: 30px;
		font-weight: bold;
		padding: 0 0;
		border: solid #efefef;
		border-width: 0 0;
		margin: 0 0 0 0;
		z-index: 999;
		height:30px;
	}
	
	#nav li.sectionBreak	{
		font-weight:bold;
		padding: 10px 0 5px 0.5em;
		width:11.5em;
		text-align:left;
		font-size: 0.9em;
		
	}
	#nav li.sectionBreak:hover, #nav li.sectionBreak {
		background: #fff;
	}
	
	#nav a {
		display: block;
		text-decoration: none;
		padding: 0 30px 0 15px;
		text-align: left;
		font-size: 0.9em;
		line-height: 30px;
	}
	
	#nav a.daddy {
		background: url(rightarrow2.gif) center right no-repeat;
	}
	
	#nav li {
		float: left;
		margin:0 0;
		text-align: left;
		height:30px;
		line-height:30px;
	}
	
	#nav li ul {
		position: absolute;
		left: -999em;
		height: auto;
		font-weight: normal;
		border-width: 1px;
		width:250px;
		margin: 0;
		background:#fff;
		padding:10px 0;
	}
	
	#nav li li {
		padding-right: 0;

		height:auto;
		margin:3px 0;
	}
	
	#nav li ul a {
		
		text-align: left;
		padding-left:1em;
		line-height:1.2em;
		
	}
	
	#nav li ul ul {
		margin: -1.75em 0 0 14em;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
	}
	
	#nav li:hover, #nav li.sfhover {
		
	}
*/

#navOuterContainer {

    float: left;
    width: 100%;
}

#navContainer {
    width: 100em;
    margin: 0 auto;
    text-align: center;
    margin-top: 0;
    margin-left: 40px;
}

#nav, #nav ul {
    float: left;
    width: 100%;
    list-style: none;
    line-height: 30px;
    font-weight: bold;
    padding: 0 0;
    border: solid #efefef;
    border-width: 0 0;
    margin: 0 0 0 0;
    z-index: 999;
    height: 30px;
}

#nav li.sectionBreak {
    font-weight: bold;
    padding: 6px 0 0 0.5em;
    margin-bottom: 0;
    width: 11.5em;
    text-align: left;
    font-size: 0.9em;

}

#nav li.sectionBreak:hover, #nav li.sectionBreak {
    background: #fff;
}

#nav a {
    display: block;
    text-decoration: none;
    padding: 0 30px 0 15px;
    text-align: left;
    font-size: 0.9em;
    line-height: 30px;
}

#nav a.daddy {
    background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
    float: left;
    margin: 0 0;
    text-align: left;
    height: 30px;
    line-height: 30px;
}

#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    font-weight: normal;
    border-width: 1px;
    width: 240px;
    margin: 0;
    background: #fff;
    padding: 10px 0;
}

#nav li li {
    padding-right: 0;
    width: 100%;
    height: auto;
    margin: 2px 0;
}

#nav li ul a {
    text-align: left;
    padding-left: 15px;
    line-height: normal;
    width: 220px;
}

#nav li ul ul {
    margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}

#nav li:hover, #nav li.sfhover {
    background: #BBB2A6;
}

#nav li li:hover, #nav li li.sfhover {
    background: #fff;
}

/* End: Drop Menu */

/* Start: Content Area */
#MainContainer {
    float: left;
    width: 100%;
}

#ContentContainer {
    margin: 30px;
	text-align:left;
}

.breadcrumb {
    margin: 10px 0 15px 0;
}

/* End: Content Area */

/* Start: Section Map */

.adminSiteMapContainer {

}

.adminSiteMapSection {

}

#ContentContainer .adminSiteMapSection li {
    margin-bottom: 5px;
    margin-left: 10px;
}

#ContentContainer .adminSiteMapSection li.noLinkSiteMapRow {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 0;
}

 .autoPayBottom {
		padding-top: 50px;
}
.fauxLine {
    float: left;
    width: 100%;
    display: block;
    position: relative;
}

.fauxItem {
    position: relative;
    float: left;
    left: 100%;
}
.space {
	padding-top:250px;
}
.adminSiteMapCol1, .adminSiteMapCol2, .adminSiteMapCol3,  .adminSiteMapCol4 {
    width: 20%;
	text-align: left;
}

.adminSiteMapCol1 {
    margin-left: -95%;
}

.adminSiteMapCol2 {
    margin-left: -70%;
}

.adminSiteMapCol3 {
    margin-left: -50%;
}

.adminSiteMapCol4 {
	margin-left: -25%;
	
}
/* End: Section Map */

/* Start: Footer */
#Footer {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 0;
}

#Footer p {
    margin: 0 1em;
}

#HelpContainer {
    text-align: left;
    width: 200px;
    background: #fff;
    border: solid 1px #B5D0EF;
    display: none;
    padding: 10px;
}

/* End: Footer */

/*
	---------------------------------------------------------
	PAGE SPECIFIC STYLING
	---------------------------------------------------------
*/

/* Start: Login */
#AdminLoginPage #PageContainer {
    width: 660px;
	margin-top: 200px;

}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#AdminLoginPage #ContentContainer {
			margin-top: -150px;
		position: absolute;
	margin-top: 0px;

	}

}

@-moz-document url-prefix() {
	#AdminLoginPage #ContentContainer {
			margin-top: -150px;
		position: absolute;

	}
}

#AdminLoginPage #ContentContainer {
    top: 50%;
    width: 540px;
    padding: 30px;
    margin-top: -150px;
    position: absolute;


}
@media screen\0 {
	.AdminLoginPage #ContentContainer {
		margin-top:-150px;
	}
}
#AdminLoginPage #SiteTitle {
    margin-left: 0;
}

#ContentContainer.adminLogin {

}

#AdminLoginForm {
    float: left;
    width: 100%;

}

#adminLogin {

}

#AdminLoginPage #username, #AdminLoginPage #password {
    width: 271px;
}

/* End: Login */

/* Start: Search Config */
.configTable td, .configTable th {
    background: #F8F8EE;
    padding: 1em;
    border: solid 2px #fff;
    font-size: 12px;
}

.configTable .configTable td, .configTable .configTable th {
    background: #F8EFEE;
}

.configTable .configTable .configTable td, .configTable .configTable .configTable th {
    background: #F8EEF3;
}

.configTable .configTable .configTable .configTable td, .configTable .configTable .configTable .configTable th {
    background: #EFEEF8;
}

.configTable .configTable .configTable .configTable .configTable td, .configTable .configTable .configTable .configTable .configTable th {
    background: #EEF8F8;
}

.configTable .configTable .configTable .configTable .configTable .configTable td, .configTable .configTable .configTable .configTable .configTable .configTable th {
    background: #EEF8EE;
}

.configTable .nestedConfig {
    padding: 1em 1em;
}

.configTable .configLabel, .configTable .configValue {

    padding: 2px 1em;
}

.configTable .configLabel {
    color: #000;
    font-weight: bold;
}

.configTable .configValue {

}

/* End: Search Config */

/* Start: Customer Feedback */
.AdminCustomerFeedbackList table {
    margin: 10px;
}

.AdminCustomerFeedbackList th {
    width: 200px;
}

/* End: Customer Feedback */

.nodeMenu, ul#NodeDetailTabs, ul#NodeDetailTabs li, #NodeDetailContent, .nodeDetailBlock, #RightNodeDetail .nodeDetailBlock {
    border-color: #ccc;
}

.nodeMenu {
    float: left;
    width: 350px;
    font-size: 80%;
    padding: 1em;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;

}

.nodeMenu .search-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.nodeMenu .search-wrapper * {
    box-sizing: border-box;
}

.nodeMenu .search-wrapper .search {
    width: 80%;
    display: inline;
}

.nodeMenu .search-wrapper .search-button {
    width: 20%;
    display: inline;
}

.nodeMenu a.node-name.highlight {
    background: yellow;
}

.nodeMenu ul {
    width: 90%;
}

.nodeMenu ul li, .nodeMenu ul {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none !important;
    margin-left: 0;
    padding-left: 0;
}

.nodeMenu ul li {
    margin-left: 0;
    margin-top: 0.15em;
    margin-bottom: 0.15em;
    background-image: url("../images/node-open.png");
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 0;
    font-weight: normal;
    float: left;
    clear: both;
    width: 100%;
}

.nodeMenu ul li ul li {
    margin-left: 18px;
}

.nodeMenu .treeControl {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    cursor: pointer;
}

.nodeMenu li.location .treeControl, .nodeMenu li.noChildren .treeControl {
    cursor: default !important;
}

.nodeMenu ul li ul {
    display: list-item;
}

.nodeMenu ul li.closed ul {
    display: none !important;
}

.nodeMenu ul li.closed {
    background-image: url("../images/node-closed.png");
}

.nodeMenu ul li.location {
    background-image: url("../images/node-location.png");
    background-position: 0 5px;

}

.nodeMenu li.noChildren {
    background-image: none !important;
}

.nodeMenu ul li.selected {
    font-weight: bold;
}

#NodeDetailContainer {
    float: left;
    margin: 0 0 0 20px;
    width: 650px;
}

#NodeDetailContainer h3 {
    margin-top: 0;
    padding-top: 0;
}

#NodeDetailInner {
    float: left;
    margin-top: 15px;
}

ul#NodeDetailTabs {
    float: left;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: 836px;
}

ul#NodeDetailTabs li {
    list-style: none;
    float: left;
    border-style: solid;
    border-width: 1px;
    margin: 1px 0 -1px 0.5em;
    padding: 0;
}

ul#NodeDetailTabs li.active {
    border-bottom: solid 1px #fff;
}

ul#NodeDetailTabs li a {
    float: left;
    padding: 0.3em 1em;
    text-decoration: none;
    font-weight: bold;
}

#NodeDetailContent {
    border-style: solid;
    border-width: 1px;

    border-top: none;
    float: left;
    width: 834px;
    font-size: 80%;
    padding-bottom: 10px;
}

#LeftNodeDetail {
    float: left;
    width: 430px;
}

#RightNodeDetail {
    float: right;
    width: 200px;
}

.nodeDetailBlock {
    float: left;
    width: 600px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    margin: 10px 5px 5px 10px;
    clear: left;
}

.headerDetailBlock {
    padding: 10px;
}

.singleCol .nodeDetailBlock {
    width: 590px;
}

#RightNodeDetail .nodeDetailBlock {
    float: left;
    width: 160px;
    border-style: solid;
    border-width: 1px;
    margin: 10px 10px 5px 5px;

}

.viewConfigRow {
    float: left;
    width: 100%;
    margin: 0.2em 0;
    clear: both;
}

#ContentContainer .nodeDetailBlock h4 {
    margin-top: 0;
    padding-top: 0;
}

.viewConfigRow .label, .viewConfigRow .value {
    float: left;
    width: 28%;
}

.viewConfigRow .value {
    width: 70%;
}

.viewConfigRow .label {
    text-align: right;
    font-weight: bold;
    margin-right: 0.5em;
}

.viewConfigRow .inherited {
    font-style: italic;
}

.nodeDetailBlock .editLink {
    margin-top: 1em;
    text-align: right;
    float: right;
}

hr {
    display: block;
    border: none;
    border-top: solid 1px #ccc;
    margin: 1em 0;
}

.breadcrumb {
    font-size: 75%;
}

.inheritedNote {
    font-size: 90%;
}

.inheritedTariffNote {
    text-align: right;
}

.tariffTable .disabled td {
    background: #f7f7f7;
}

.right {
    text-align: right;
}

#NodeWidthLimiter {
    width: 100%;
}

dt {
    font-weight: bold;
    font-size: 110%;
    margin: 1em 0 0.2em 1em;
}

dt.first {
    margin-top: 0;
}

dd {
    margin: 0 0 0 10em;
}

#NodeChildrenList {
    height: 200px;
    overflow: auto;
}

#ContentContainer p.levelValue {
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: bold;

}

#ContentContainer p.levelValue .toggleFieldSelector {
    font-weight: normal;
    font-size: 0.8em;
}

#ContentContainer form#FutureTariffForm .FormRowLabel {
    width: 30%;
}

#ContentContainer form#FutureTariffForm .FormRowInput {
    width: 65%;
}

/* Start: Geo Location Searching */
#LocationSelector {
    position: absolute;
    background-color: #fff;
    border: solid 2px #aaa;
    text-align: left;
}

#LocationSelector .childCarpark {

}

#LocationSelectorContent {
    margin: 10px 0 0 0;
}

#LocationSelector table {
    background: transparent;
}

#LocationSelector table td {
    vertical-align: top;
}

#LocationSelector table td.cpgSearchDistance {
    width: 7em;
}

#LocationSelector td.cpgSearchDetails {
    vertical-align: top;
}

#LocationSelector .forwardButton {
    padding: 5px;
}

#LocationSelector #GeoSearchMoreLocations {
    list-style: none;
    margin: 0;
    padding: 0;
}

#LocationSelector #GeoSearchMoreLocations li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

#LocationSelector #GeoLocations {
    width: 320px;
    margin: 0 10px;
    padding: 10px 0 0 10px;
    overflow: auto;
    height: 255px;
}

#LocationSelector #GeoLocationsLeftCol {
    overflow: auto;
    height: 230px;
    width: 287px;
    float: right;
    margin-right: 20px;
    border: solid 1px #efefef;
    padding: 10px;
}

#LocationSelector .geoLocationsGroup {
    border: none;
    padding: 0 5px;
}

#LocationSelector .geoLocationsSubGroup {
    border: none;
    padding: 0;
    margin: 0;
}

#LocationSelector .geoLocationsCarparkGroup ul {
    margin-top: 0;
    margin-bottom: 0;
}

#LocationSelector #GeoLocationsRightCol {
    float: left;
    width: 350px;
    margin-left: 10px;
    height: 240px;
}

#LocationSelector #GeoLocationSearchBox {
    padding-bottom: 0;
    width: 293px;
    height: 240px;
}

/*
#LocationSelector #ExampleGeoSearches	{
    list-style:none;
    margin:0;
    padding:0;
}
*/
#LocationSelector #ExampleGeoSearches li {
    margin-top: 5px;
    margin-bottom: 5px;
}

#LocationSelector .geoLocationsSubGroup {
    width: 230px;
    margin-left: 5px;
}

#Blockatron {
    background: #555;
    position: fixed;

}

.popupWaiting {
    background: url("../images/loading.gif") no-repeat 635px 240px;
}

#GeoSearchForm {
    margin: 20px;
}

#GeoSearchForm .FormRow {
    display: none;
}

#GeoLocationsContent {
    float: left;
    width: 50%;
}

#LocationSelectorContent #GeoLocationsContent {
    float: left;
    width: 100%;
}

#GeoLocationsSearchContainer {
    float: right;
    width: 30%;

    padding-left: 20px;
}

.locationSearchResultInfo {
    float: left;
    width: 100%;
}

.locationSearchResultInfo address {
    float: left;
    width: 30%;
    margin: 0 20px;
}

/* End: Geo Location Searching */

.warning2StageCommit {
    margin: 2em 1em;
    width: 60%;
}

.warning2StageCommit .warningMessage2StageCommit {
    margin: 0 2em;
    border: none;
}

.warning2StageCommit .warningMessage2StageCommit td {
    border: none;
}

.warning2StageCommit .warningMessage2StageCommit th {
    text-align: right;
    width: 6em;
    background: none;
    border: none;
}

.tickboxConfirmTable {
    width: 50%;
}