/*----------------------------------------------------------------------
DEFAULTS
----------------------------------------------------------------------*/
* {
	font-family: Helvetica Neue, Helvetica, Arial;
    -webkit-text-size-adjust: 100%;
    padding: 0px; margin: 0px;
	position: relative;
	}
a { text-decoration: none; }
img { border: none; }    
.clear { clear: both; }
.inactive { opacity: 0.2 !important; cursor: default !important; }
.preloader { width: 0px; height: 0px; display: none; }
.padding { margin-bottom: 10px; }
    
html {
	width: 100%; height: 100%;
	}
body {
	min-width: 900px; max-width: 960px;
	margin: 0 auto;
	}

#mapHolder {
	text-align: center;
	padding: 10px;
	width: 940px; height: auto;
    margin: 0 auto;
	position: relative; z-index: 10;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	background: #222;
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(10,10,10, 1.0)),
			color-stop(98%, rgba(40,40,40, 1.0)),
			color-stop(100%, rgba(30,30,30, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(40,40,40, 1.0) 98%,
			rgba(30,30,30, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(40,40,40, 1.0) 98%,
			rgba(30,30,30, 1.0) 100%);
	}
#holder {
	text-align: center;
	padding: 10px;
	width: 940px; height: auto;
    margin: 0 auto;
	position: relative; z-index: 10;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	background: #222;
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(10,10,10, 1.0)),
			color-stop(98%, rgba(40,40,40, 1.0)),
			color-stop(100%, rgba(30,30,30, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(40,40,40, 1.0) 98%,
			rgba(30,30,30, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(40,40,40, 1.0) 98%,
			rgba(30,30,30, 1.0) 100%);
	}
#panelOne {
	padding: 10px;
	width: 700px; height: auto;
    margin: 0 auto;
	position: relative; z-index: 10;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	background: #dedede;
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(255,255,255, 1.0)),
			color-stop(98%, rgba(222,222,222, 1.0)),
			color-stop(100%, rgba(188,188,188, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(255,255,255, 1.0) 0%,
			rgba(222,222,222, 1.0) 98%,
			rgba(188,188,188, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(255,255,255, 1.0) 0%,
			rgba(222,222,222, 1.0) 98%,
			rgba(188,188,188, 1.0) 100%);
	}
.leftColumn {
	position: absolute;
	height: 400px; width: 200px;
	left: 10px;
	top: 40px;
	z-index: 60;
	overflow-y: auto;
}
.rightColumn {
	position: absolute;
	height: 400px; width: 200px;
	left: 100%; margin-left: -220px;
	top: 40px;
	z-index: 61;
	overflow-y: auto;
}
.centreColumn {
	position: absolute;
	height: 400px; width: 200px;
	left: 50%; margin-left: -100px;
	top: 40px;
	z-index: 62;
	overflow-y: auto;
}
.expanded {
    height: 674px !important;
    margin-top: -370px !important;
    }
.mapCanvas {
    width: 100%; height: 480px;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	z-index: 51;
    }
.iconHolder1 {
    width: 100%; height: 80px;
    position: relative;
    top: 8px; left: -10px;
    }
.iconHolder2 {
    width: 100%; height: 80px;
    position: relative;
    top: 8px; left: -10px;
    }
.iconContainer {
    width: 100%; height: 31px;
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px; left:0px;
    opacity: 0.4; filter: alpha(opacity=40);
    }
.mapIcons:hover .iconContainer {
    height: 37px; top: -10px;
    opacity: 1.0; filter: alpha(opacity=100);
    }
.mapIcons {
    width: 80px; height: auto;
    position: absolute;
    top: 0px;
    text-align: center;
    font-size: 8pt; line-height: 10pt;
    font-weight: bold;
	-webkit-font-smoothing: antialiased;
    color: #777;
    padding-top: 31px;
    cursor: pointer;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0);
    }
.mapIcons:hover {
    color: #FFF;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 20px rgba(255,255,255,0.6);
    }
.activeIcon {
    color: #FFF !important;    
    }
.activeIcon .iconContainer {
    opacity: 1.0 !important; filter: alpha(opacity=100) !important;
    height: 31px !important; top: 0px !important;
    }
#mapHolder .icon1 { left: 0px; }
#mapHolder .icon2 { left: 80px; }
#mapHolder .icon3 { left: 160px; }
#mapHolder .icon4 { left: 240px; }
#mapHolder .icon5 { left: 320px; }
#mapHolder .icon6 { left: 400px; }
#mapHolder .icon7 { left: 480px; }
#mapHolder .icon8 { left: 560px; }
#mapHolder .icon9 { left: 640px; }
#mapHolder .icon10 { left: 720px; }
#mapHolder .icon11 { left: 800px; }
#mapHolder .icon12 { left: 880px; }

.iconDivider1 {
	width: 60%; height: 1px;
	position: relative;
    margin: 0 auto;
	background-color: transparent;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(0,0,0, 0.0)),
			color-stop(50%, rgba(0,0,0, 0.8)),
			color-stop(100%, rgba(0,0,0, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(0,0,0, 0.0) 0%,
			rgba(0,0,0, 0.8) 50%,
			rgba(0,0,0, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(0,0,0, 0.0) 0%,
			rgba(0,0,0, 0.8) 50%,
			rgba(0,0,0, 0.0) 100%);
	}
.iconDivider2 {
	width: 60%; height: 1px;
	position: relative;
    margin: 0px auto 5px auto;
	background-color: transparent;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.15)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.15) 50%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.15) 50%,
			rgba(255,255,255, 0.0) 100%);
	}
.formWrapper {
    width: 100%; height: 130px;
    position: relative;
    top: 10px; left: 0px;
    }
.formHolder {
    height: 80px;
    position: absolute;
    top: 0px; left: 10px;
	line-height: 15pt;
	color: white;
	font-size: 10pt;
	text-align: left;
	z-index: 53;
    }
.formHolder2 {
    height: 80px;
    position: absolute;
    top: 0px; left: 165px;
	line-height: 15pt;
	color: white;
	font-size: 10pt;
	text-align: left;
	z-index: 53;
    }
.formHolder3 {
    height: 80px;
    position: absolute;
    top: 0px; left: 330px;
	line-height: 15pt;
	color: white;
	font-size: 10pt;
	text-align: left;
	z-index: 53;
    }
.formHolder4 {
    height: 80px;
	position: absolute;
    top: 0px; left: 495px;
	color: white;
	font-size: 10pt;
	text-align: left;
	z-index: 53;
    }
.formHolder5 {
    height: 80px;
	position: absolute;
    top: 0px; left: 761px;
	color: white;
	font-size: 10pt;
	text-align: left;
	z-index: 53;
    }
.locatorNotice {
    width: 150px; height: 20px; overflow: hidden;
	color: white;
	font-size: 10pt;
	text-align: center;
    background: #000;
    position: absolute;
    padding-top: 10px;
    top: 460px; left: 50%;
    margin-left: -75px;
    z-index: 53;
    border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(50,50,50, 0.8)),
			color-stop(10%, rgba(30,30,30, 0.8)),
			color-stop(100%, rgba(0,0,0, 0.9)));
	background:
		-moz-linear-gradient(center top,
			rgba(50,50,50, 0.8) 0%,
			rgba(30,30,30, 0.8) 10%,
			rgba(0,0,0, 0.9) 100%);
	background:
		linear-gradient(center top,
			rgba(50,50,50, 0.8) 0%,
			rgba(30,30,30, 0.8) 10%,
			rgba(0,0,0, 0.9) 100%);
    }
.statusSearching {
	/* visibility: hidden; */
    width: 250px; height: 30px; overflow: hidden;
	color: white;
	font-size: 12pt;
	text-align: center;
    background: #000;
    position: absolute;
    padding-top: 10px;
    top: 260px; left: 50%;
    margin-left: -125px;
    z-index: 54;
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(50,50,50, 0.8)),
			color-stop(10%, rgba(30,30,30, 0.8)),
			color-stop(100%, rgba(0,0,0, 0.9)));
	background:
		-moz-linear-gradient(center top,
			rgba(50,50,50, 0.8) 0%,
			rgba(30,30,30, 0.8) 10%,
			rgba(0,0,0, 0.9) 100%);
	background:
		linear-gradient(center top,
			rgba(50,50,50, 0.8) 0%,
			rgba(30,30,30, 0.8) 10%,
			rgba(0,0,0, 0.9) 100%);
    }
.pictureHolder {
    width: 160px; height: 120px; overflow: hidden;
	color: white;
	font-size: 10pt;
	text-align: center;
    background: #000;
    position: absolute;
    padding-top: 10px;
    top: 340px; left: 755px;
    margin-left: 0px;
    z-index: 53;
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(50,50,50, 0.8)),
			color-stop(10%, rgba(30,30,30, 0.8)),
			color-stop(100%, rgba(0,0,0, 0.9)));
	background:
		-moz-linear-gradient(center top,
			rgba(50,50,50, 0.8) 0%,
			rgba(30,30,30, 0.8) 10%,
			rgba(0,0,0, 0.9) 100%);
	background:
		linear-gradient(center top,
			rgba(50,50,50, 0.8) 0%,
			rgba(30,30,30, 0.8) 10%,
			rgba(0,0,0, 0.9) 100%);
    }
.pictureHolderImg {
    width: 158px; height: 118px; overflow: hidden;
	text-align: center;
    position: absolute;
    padding-top: 10px;
    margin-left: 0px;
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
    }
.statusNotice {
    width: 500px; height: 20px; overflow: hidden;
	color: white;
	font-size: 12pt;
	text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0);
	text-align: center;
    position: absolute;
    padding-top: 10px;
    bottom: 10px; left: 50%;
    margin-left: -250px;
    z-index: 21;
    }
.myHeaders {
	color: #777;
	font-size: 18pt;
	text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0);
	text-align: center;
    padding: 5px 0 10px 0;
    }
.checkboxHolder {
    width: auto; height: 0px;
    overflow: hidden !important;
    }
	
.myLinks {
    padding: 5px 0 5px 0;
    }
.myLinks a { color: #394BD2; }
.myLinks a:hover { color: #DC2525; }
.myLinks a:active { color: #000; }

/*----------------------------------------------------------------------
GOOGLE MAPS POPUPS
----------------------------------------------------------------------*/  
.mapBubble {
    position: relative;
    width: 350px; height: auto;
    background: transparent;
    overflow: hidden;
    }
.mapBubble * {
    position: relative;
    }
.mapBubble img {
    width: 150px; height: 110px;
    padding: 1px;
    border: 1px solid #999;
    margin-bottom: 15px;
    }
.mapBubble .sidebarLeft {
	font-size: 11pt; line-height: 15pt;
	color: #000;
	font-weight: bold;
    text-align: left;
	float: left;
	}
.mapBubble .sidebarRight {
    width: 186px; height: auto;
	font-size: 10pt; line-height: 15pt;
	color: #000;
	margin-right: 10px; margin-top: 0px;
	text-align: right;
	float: right;
	}
.mapBubble .sidebarRight h1 {
	font-size: inherit; line-height: inherit;
	color: #999;
    text-transform: lowercase;
    font-weight: normal;
	display: inline;
	}
.mapBubble .sidebarRight a {
	font-size: 12pt; line-height: 16pt;
	font-weight: bold;
	}
.mapBubble a { color: #394BD2; }
.mapBubble a:hover { color: #DC2525; }
.mapBubble a:active { color: #000; }

.mapBubble .detailsButton {
    text-align: center;
    margin-top: 19px;
	}
.mapBubble .formFooter {
    width: 100%; height: 21px;
    margin-top: 10px;
    text-align: center;
    }
.mapBubble .formFooter a {
	font-size: 9pt; line-height: 14pt;
	font-weight: bold;
	}
.mapBubble .formFooter .middle {
    margin-left: 30px;
    margin-right: 30px;
    }
/*----------------------------------------------------------------------
LIST VIEW SETTINGS
----------------------------------------------------------------------*/  
.listCanvas {
    width: 100%; height: 480px;
	left: 0px; top: 0px;
	margin-top: -480px;
	color:#777;
	background: #dedede;
	overflow-y: auto;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	z-index: 50;
    }
.listCanvasInner {
    width: 100%; height: 65px;
	color:#777;
	background: #dedede;
	overflow: none;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	background: #dedede;
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(255,255,255, 1.0)),
			color-stop(98%, rgba(222,222,222, 1.0)),
			color-stop(100%, rgba(188,188,188, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(255,255,255, 1.0) 0%,
			rgba(222,222,222, 1.0) 98%,
			rgba(188,188,188, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(255,255,255, 1.0) 0%,
			rgba(222,222,222, 1.0) 98%,
			rgba(188,188,188, 1.0) 100%);
    }
.listCanvasInner:hover {
	background: #eeeeee;
    }
.listCanvasInner img {
    width: 75px; height: 55px;
    padding: 1px;
    border: 1px solid #999;
    margin-bottom: 0px;
    }
.listCanvasInner .sidebarLeft {
	font-size: 10pt; line-height: 12pt;
	color: #000;
	font-weight: bold;
    text-align: left;
	float: left;
	margin-left: 10px;
	width: 245px;
	}
.listCanvasInner .sidebarRight {
    width: 320px; height: auto;
	font-size: 10pt; line-height: 13pt;
	color: #000;
	margin-right: 10px; margin-top: 0px;
	text-align: right;
	float: right;
	}
.listCanvasInner .centreBar {
    width: 320px; height: auto;
	font-size: 10pt; line-height: 13pt;
	color: #000;
	margin-right: 0px; margin-top: 0px;
	text-align: center;
	float: none;
	top: 0px;
	}
.listCanvasInner .sidebarRight h1 {
	font-size: inherit; line-height: inherit;
	color: #999;
    text-transform: lowercase;
    font-weight: normal;
	display: inline;
	}
.listCanvasInner .sidebarRight a {
	font-size: 12pt; line-height: 16pt;
	font-weight: bold;
	}
.listCanvasInner a { color: #394BD2; }
.listCanvasInner a:hover { color: #DC2525; }
.listCanvasInner a:active { color: #000; }

.listCanvasInner .detailsButton {
    text-align: center;
    margin-top: 8px;
	font-weight: bold;
	}
	
.listCanvasInner .formFooter {
    width: 100%; height: 13px;
    margin-top: 0px;
    text-align: center;
    }
.listCanvasInner .formFooter a {
	font-size: 9pt; line-height: 13pt;
	font-weight: bold;
	}
.listCanvasInner .formFooter .middle {
    margin-left: 10px;
    margin-right: 10px;
    }