@charset "utf-8";
/* CSS Document */

label {
	cursor: pointer;
}

.col1 {
	float: left;
	width: 30%;
	text-align: right;
}

.col2 {
	float: left;
	width: 70%;
}


p.label {
	height: 28px;
	padding: 0;
	padding-top: 2px;
}

p.field {
	height: 30px;
	padding: 0;
	padding-left: 5px;
	text-align: left
}



input.submit {
	padding: 5px;
	cursor: pointer;
}

p.required {
	font-weight: bold;
	color: #333;
}




/* Error messages */

label.error {
	color: #f00;
}

input.error {
	border: 2px solid red !important;
}


span.error {
	background: url("/global/img/error-cross.png") no-repeat 0px 2px;
	margin: 0;
	padding: 0;
	/* margin-left: 5px; */
	margin-top: 2px;
	/* padding-left: 20px; */
  	color: #f00;
	height: 20px;
	font-size: 12px;
}

p.error {
	color: #f00;
	padding-bottom: 0;
	padding: 0;
}

div#enable_js {
	position: absolute;
	top: 1px;
	left: 1px;
	background: #f00;
	color: #fff;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.location-error {
	color: #f00 !important;
}


.success {
	color: #00BF30 !important;
}


div#account-menu {
	float: left;
	width: 193px;
	padding-top: 50px;
	margin-left: 47px;
}

div#account-menu ul li {
	list-style: none;
	margin-bottom: 10px;
}

div#account-menu ul li a {
	font: 14px "Trebuchet MS", Arial;
	font-weight: bold;
	font-style: italic;
	color: #000;
	text-decoration: none;
}

div#account-menu ul li a:hover {
	color: #3197D8;
}

div#account-menu ul li ul {
	margin-left: 10px;
}

div#account-menu ul li ul li {
	margin-bottom: 3px;
}

div#account-menu ul li ul li a {
	font: 12px "Trebuchet MS", Arial;
	font-weight: bold;
	font-style: italic;
	color: #2c6a92;
	text-decoration: none;
}

div#account-menu ul li a:hover {
	color: #3197D8;
}

div#account-menu ul li ul li ul li {
	margin-bottom: 3px;
}

div#account-menu ul li ul li ul li a {
	font: 11px Arial;
	color: #303030;
	text-decoration: none;
}

div#account-menu ul li a:hover {
	color: #3197D8;
}



div#account-content {
	float: left;
	width: 663px;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	margin-top: 50px;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 350px;
}

div#account-content h1 {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#account-content b {
	color: #333;
	font-weight: bold;
}

div#account-content p.button-row {
	line-height: 33px;
	margin-bottom: 5px;
}

div#account-content a.button {
	float: left;
	background: url(/assets/img/button-account.gif);
	width: 178px;
	height: 26px;
	color: #fff;
	text-decoration: none;
	padding-top: 7px;
	text-align: center;
	font: 14px "Trebuchet MS", Arial;
	font-weight: bold;
	margin-right: 25px;
}

div#account-content a.button:hover {
	color: #000;
}


div#account-content a.button2 {
	float: left;
	background: url(/assets/img/button-account2.gif);
	width: 115px;
	height: 19px;
	color: #fff;
	text-decoration: none;
	padding-top: 2px;
	text-align: center;
	font: 14px "Trebuchet MS", Arial;
	font-weight: bold;
	margin-right: 25px;
	margin-bottom: 20px;
}

div#account-content a.button2:hover {
	color: #20638E;
}




#url_label_1 {
	height: 57px;
}

#url_label_2 {
	height: 148px;
}

#url_label_2 span {
	display: block;
	padding-top: 8px;
	font-weight: normal;
}

#url_label_2 span.first {
	padding-top: 73px;
}

#url_type_2 {
	display: none;
	height: 120px;
}

#url_type_2 input {
	margin-bottom: 7px;
}

#url_type_2 span {
	float: left;
	padding-bottom: 7px;
	font-size: 11px;
}


/* Collapse menu */

.collapse li {
	list-style: none;
}

.collapse a.expand {
	float: left;
	width: 663px;
	background: #3197d8 url(../img/collapse-arrow-right.gif) 12px 6px no-repeat;
	height: 23px;
	cursor: pointer;
	color: #fff;
	font: 12px Arial;
	line-height: 23px;
	text-indent: 30px;
}

.collapse a.arrow-down {
	background: #3197d8 url(../img/collapse-arrow.gif) 11px 8px no-repeat;
}

.collapse li div.expand {
	float: left;
	width: 649px;
	background: #CBE4F5;
	padding: 7px;
}

.collapse li div.expand h3 {
	font: 14px Arial;	
	font-weight: bold;
}

.collapse li div.expand input.text {
	height: 20px;
	line-height: 20px;
	padding-left: 3px;
}


.notice {
	background: #3197D8;
	color: #fff;
	padding: 10px;
	font: 14px "Trebuchet MS", Arial;
	margin-bottom: 20px;
}

.notice b {
	color: #fff !important;
}

.chart {
	border: 1px solid #333;
	padding: 20px;
	margin-bottom: 20px;
}


table.blue {
	border: 1px solid #3197D8;
	width: 100%;
	border-collapse: collapse;
}

table.blue th {
	background: #3197D8;
	font: 14px "Trebuchet MS", Arial;
	font-weight: bold;
	color: #fff;
	padding: 2px;
}

table.blue td {
	background: #fff;
	font: 12px Arial;
	padding: 4px;
	color: #20638e;
}

table.blue tr.alt td {
	background: #e2f0f8;
}

table.blue td.center {
	text-align: center;
}

table.blue td.red {
	color: #f00;
}

#notification {
	background: #ffffcc;
	border: 1px solid #cac954;
	font: 12px "Trebuchet MS", Arial;
	padding: 7px;
}



/* Google Map */
    /* Circles - Needed for IE */
    v\:* { BEHAVIOR: url(#default#VML) }
	
	#map_canvas {
		border: 1px solid #000;
		width: 647px; 
		height: 500px;
	}
	
	#slider {
		float: left;
		width: 400px;
		height: 3px;
		background: #666;
		margin-bottom: 0px;
		margin-top: 20px;
	}
	
	/* Slider Cupertino override */
	.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #000; background: #3197D8; }
	.ui-state-default a { color: #444444; text-decoration: none; outline: none; }
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #000; background: #3197D8; cursor: pointer; }
	.ui-state-hover a { color: #0b5b98; text-decoration: none; outline: none; }
	.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #000; background: #93004D; }
	.ui-state-active a { color: #000000; outline: none; text-decoration: none; }
	
	.ui-slider { position: relative; text-align: left; }
	.ui-slider-handle { position: absolute; z-index: 2; width: 10px; height: 17px; cursor: default; }
	.ui-slider-range { position: absolute; z-index: 1; font-size: 1%; display: block; border: 0; }
	
	.ui-slider-horizontal { height: 5px; }
	.ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -.6em; }
	.ui-slider-horizontal .ui-slider-range { position: relative; top: 0; height: 100%; }
	
	.ui-slider-vertical { width: .8em; height: 100%; }
	.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
	.ui-slider-vertical .ui-slider-range { left: 0; height: auto; width: 100%; }
	
	#miles-counter {
		float: left;
		width: 150px;
		padding-left: 30px;
		margin-top: 10px;
		font: 14px "Trebuchet MS", Arial;
	}
	
	#miles-counter span {	
		display: inline;
		font-weight: bold;
	}
	
	

	#marker-info {
		float: left;
		background: url(/assets/img/Google_Maps_Marker.png) no-repeat;
		margin: 10px;
		padding-left: 30px;
		text-align: right;
		font-size: 12px;
	}
	
/* Google Map End */