html, body {
	margin: 0;
	padding: 0;
}
body {
	background: transparent url(../images/background_middle.gif) repeat-x left top;
	margin: 0px;
}

.wrapper-background {
	width: 100%;
	height: 688px;
	position: absolute;
	z-index: 1;
	left: 4px;
}
.wrapper-background .background-left {
	background: transparent url(../images/background_left.gif) no-repeat left top;
	width: 480px;
	height: 100%;
	float: left;
}
.wrapper-background .background-right {
	background: transparent url(../images/background_right.gif) no-repeat left top;
	width: 140px;
	height: 100%;
	float: right;
}

/* Address Query Form Start */
.query-form {
	background: transparent url(../images/query_form.gif) no-repeat left top;
	width: 700px;
	height: 35px;
	margin: 0px auto;
	position: relative;
	top: 90px;
	z-index: 2;
}
.query-form .input-text-address {
	width: 77%;
	background-color: #fff;
	font-size: 14px;
	border: 1px solid #999;
	margin: 6px 0px 0px 30px;
	padding: 2px;
}
.query-form .in-focus {
	color: #333;
}

.query-form .out-of-focus {
	color: #ccc;
}
/* Address Query Form End */

.button-style {
	background: transparent url(../images/button.gif) no-repeat left top;
	width: 81px;
	height: 22px;
	font-size: 14px;
	color: #521d05;
	border: none;
	padding: 1px 10px;
	cursor: pointer;
}
.wrapper {
	width: 800px;
	margin: 0px auto;
	*margin: 50px auto 0px auto;
	position:relative;
	top:120px;
	*top:70px;
	z-index:3;
}
.wrapper2{
	width: 800px;
	margin: 0px auto;
	*margin: 50px auto 0px auto;
	position:relative;
	top:100px;
	z-index:3;
}
.wrapper3 {
	width: 800px;
	margin: 0px auto;
	*margin: 0px auto 0px auto;
	position:relative;
	top:70px;
	z-index:3;
}
.body-left {
	margin: 0px 360px 0px 0px;
	float: left;
}

.body-right {
	width: 350px;
	margin: 0px 0px 0px -360px;
	float: left;
}

/* Setting Form Start */
.setting-form {
	width: 350px;
	font-size: 14px;
	color: #333;
}
.setting-form .top {
	background: transparent url(../images/setting_top.gif) no-repeat left top;
	width: 100%;
	height: 25px;
	float: left;
}
.setting-form .bottom {
	background: transparent url(../images/setting_bottom.gif) no-repeat left top;
	width: 100%;
	height: 25px;
	float: left;
}
.setting-form .setting-row {
	background: transparent url(../images/setting_bg.gif) repeat-y left top;
	width: 100%;
	padding: 6px 10px;
	float: left;
}
.setting-form .label-left {
	font-size: 14px;
	color: #333;
	display: block;
	float: left;
}
.setting-form .setting-label {
	width: 26%;
	margin: 0px 0px 0px 7px;
}

.setting-form .marker-section .marker-label {
	width: 28%;
	margin: 0px 0px 0px 7px;
	float: left;
}
.setting-form .select-size {
	background-color: #fff;
	font-size: 14px;
	color: #333;
	border: 1px solid #999;
	padding: 1px;
	display: block;
	float: left;
}
.setting-form .setup-size {
	width: 40%;
	margin: 0px 0px 0px 8px;
	display: none;
}
.setting-form .input-setup-size {
	width: 25%;
	background-color: #fff;
	font-size: 14px;
	color: #333;
	border: 1px solid #999;
	padding: 2px;
}
.setting-form .input-size-error {
	width: 25%;
	background-color: #fdad95;
	border: 1px solid #d42902;
	padding: 2px;
}
.setting-form .radio-controller {
	margin: 0px 5px 0px 0px;
}
.setting-form .input-text-marker, .setting-form .textarea-marker {
	width: 65%;
	*width: 61%;
	background-color: #fff;
	font-size: 14px;
	color: #333;
	border: 1px solid #999;
	padding: 2px;
	float: left;
}
.setting-form .textarea-marker {
	height: 50px;
	overflow: auto;
}
.setting-form .input-text-error {
	width: 65%;
	*width: 61%;
	background-color: #fdad95;
	border: 1px solid #d42902;
	padding: 2px;
	float: left;
}
.setting-form .size-error-msg {
	width: 65%;
	font-size: 11px;
	color: #d42902;
	margin: -5px 0px 0px 28%;
	display: block;
}
.setting-form .src-error-msg {
	width: 65%;
	*width: 61%;
	font-size: 11px;
	color: #d42902;
	margin: -5px 0px 0px 30%;
	*margin: 0px 0px 0px 105px;
	display: block;
}
.setting-form .marker-section {
	width: 330px;
	margin: -11px 0px 0px 0px;
	*margin: -18px 0px 0px 0px;
	_margin: -24px 0px 0px 0px;
	float: left;
}
.setting-form .marker-section .top {
	background: transparent url(../images/marker_section_top.gif) no-repeat left top;
	width: 100%;
	height: 8px;
	margin: 0px;
	*margin: 0px 0px -10px 0px;
	float: left;
}
.setting-form .marker-section .bottom {
	background: transparent url(../images/marker_section_bottom.gif) no-repeat left top;
	width: 100%;
	height: 8px;
	float: left;
}
.setting-form .marker-section .marker-block {
	background-color: #d1f1ff;
	width: 100%;
	height: 6px;
	float: left;
}
.setting-form .marker-section .marker-content {
	width: 100%;
	background-color: #d1f1ff;
	float: left;
	display: none;
}
.setting-form .marker-section .marker-row {
	width: 100%;
	margin: 4px 0px;
	float: left;
	*float: none;
}
.setting-form .marker-section .delete-button {
	background: transparent url(../images/delete_button.gif) no-repeat left top;
	width: 11px;
	height: 11px;
	position: relative;
	left: 310px;
	top: 18px;
	*top: 22px;
	z-index: 1;
	cursor: pointer;
}
.setting-form .style-row {
	margin: 5px 0px 0px 98px;
	*margin: 5px 0px 0px 108px;
}
/* Setting Form End */

/* Right-clicked Menu Start */
.context-menu {
	width: 80px;
	border: 1px solid #baccfa;
	display: none;
	position: absolute;
	z-index: 4;
}
.context-menu a:link, .context-menu a:visited, .context-menu a:active {
	background-color: #eef5f5;
	font-size: 12px;
	color: #0d4861;
	text-align: center;
	text-decoration: none;
	padding: 2px 0px;
	display: block;
}
.context-menu a:hover {
	background-color: #d1f1ff;
	font-size: 12px;
	color: #0d4861;
	text-align: center;
	text-decoration: none;
	padding: 2px 0px;
	display: block;
}
/* Right-clicked Menu End */

/* Info Window Start */
.info-window {
	width: 100%;
}
.info-window .label {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #f7a300;
	margin: 0px 0px 5px 0px;
}
.info-window .description {
	width: 100%;
	font-size: 12px;
	color: #5c636d;
	margin: 0px;
}
.info-window .highlighted {
	font-size: 13px;
	color: #f7a300;
	margin: 0px;
}
.info-window a:link, .info-window a:visited, .info-window a:active {
	font-size: 12px;
	color: #1264df;
	text-decoration: none;
	margin: 15px 0px 0px 0px;
	display: block;
}
.info-window a:hover {
	font-size: 12px;
	color: #0947a3;
	text-decoration: underline;
	margin: 15px 0px 0px 0px;
	display: block;
}
/* Info Window End */

/* Url Embeded Screen Start */
.url-container {
	
}
.url-container .url-row {
	width: 95%;
	margin: 5px 12px;
	float: left;
}
.url-container .url-label {
	width: 33%;
	font-size: 14px;
	color: #333;
	display: block;
	float: left;
}
.url-container .input-text-url {
	width: 65%;
	background-color: #fff;
	font-size: 14px;
	color: #333;
	border: 1px solid #999;
	padding: 2px;
	display: block;
	float: left;
}
.url-container a, .url-container a:link, .url-container a:visited, .url-container a:active {
	font-size: 12px;
	color: #1264df;
	text-decoration: none;
	margin: -7px 0px 0px 33%;
	*margin: 0px 0px 0px 33%;
	display: block;
}
.url-container a:hover {
	font-size: 12px;
	color: #0947a3;
	text-decoration: underline;
	margin: -7px 0px 0px 33%;
	*margin: 0px 0px 0px 33%;
	display: block;
}
/* Url Embeded Screen End */

.loading-text {
	font-size: 14px;
	color: #656767;
	margin: 30px 0px 0px 0px;
}
.loading-img {
	background: transparent url(../images/ajaxLoading.gif) no-repeat left top;
	width: 43px;
	height: 11px;
	margin: 0px auto;
}
.clear-float {
	clear: both;
}