/** 
* Common CSS file for all themes in BloomWEB Viewer
**/

/* Basic */
*, html, body {
	margin: 0;
	padding: 0;
	border: 0;
}

a.top-logo{
	background: url(/resources/imgs/common/topLogo.png) no-repeat center center;
	display: block;
	float: left;
	width: 200px;
	height: 76px;
	margin: 4px 0 0 10px;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*min-width: 1054px;*/
}

body#map-3d-view {
	padding: 2px 8px 8px 8px;
}

body#login-page #wrapper {
	background: url(/resources/imgs/common/loginBg.jpg) no-repeat center center;
	width: 684px;
	height: 555px;
	margin: 0 auto;
	position: relative;
}

body#login-page #footer{
	color: #7b726c;
	position: absolute;
	bottom: 25px;
	left: 0;
	background: none !important;
	font-size: 11px;
	text-align: center;
	width: 100%;
}

body#login-page #trialRequest{
	color: #7b726c;
	position: absolute;
	bottom: 50px;
	left: 0;
	background: none !important;
	font-size: 11px;
	text-align: center;
	width: 100%;
}

#loginFormWrapper {
	position: absolute;
   left: 320px;
   top: 80px;
}

#loginFormWrapper table td {
	padding: 4px 0;
}

.btn {
	cursor: pointer;
}

.clr {
	clear: both;
}

#map {
	border-style: solid;
	border-color: #7b6a5d;
}
/* 
#footer {
	height: 36px;
	background-image: url(/resources/imgs/common/footLogo.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	text-align: right;
	font-size: 12px;
	color: #000000;
	display: flex;
	align-items: center;
} */
#footer {
	height: 36px;
	font-size: 12px;
	color: #000000;
	display: grid;
}

#footer-logo {
	height: 36px;
	background-image: url(/resources/imgs/common/footLogo.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	grid-column: 1;
}

#footer .notice {
	grid-column: 3;
	justify-self: center;
	color: red;
	font-weight: bold;
}

#footer .notice a {
	color: red;
}

#footer .copy {
	grid-column: 4;
	justify-self: end;
}

#footer span {
	line-height: 50px;
}

#fader {
	background: #000;
	opacity: 0.65;
	filter: alpha ( opacity = 65);
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	cursor:crosshair;
}

#prompt {
	z-index: 1000000;
	position: absolute;
	width: 50%;
	background: #faf9f9;
	top:15%;
	left: 25%;
	border-width: 5px;
	border-style: solid;
	min-width: 600px;
}

#prompt #prompt-content{
	margin: 10px;
}

#prompt-close {
	float: right;
	cursor: pointer;
}

/* countries drop-down */
.drop-down-button {
	background-repeat: no-repeat;
	background-position: top;
	width: 19px;
	height: 21px;
	position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.drop-down-clist {
	position: absolute;
	top: 21px;
	right: 0;
	width: 150px;
	height: 200px;
	background: #faf9f9;
	border: 1px solid #7b6a5d;
	overflow: auto;
	display: none;
	z-index: 9999999;
}

.drop-down-clist ul li {
	cursor: pointer;
	padding: 5px;
}

.drop-down-clist ul li:hover {
	background: #7b6a5d;
	color: #faf9f9;
}

.drop-down-clist ul {
	list-style-type: none;
}


/* Search/Route drop-down */
.drop-down-buttonSR {
	background-repeat: no-repeat;
	background-position: top;
	width: 19px;
	height: 21px;
	position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.drop-down-srlist {
	position: absolute;
	top: 21px;
	right: 0;
	width: 85px;
	height: 60px;
	background: #faf9f9;
	border: 1px solid #7b6a5d;
	overflow: auto;
	display: none;
	z-index: 9999999;
}

.drop-down-srlist ul li {
	cursor: pointer;
	padding: 5px;
}

.drop-down-srlist ul li:hover {
	background: #7b6a5d;
	color: #faf9f9;
}

.drop-down-srlist ul {
	list-style-type: none;
}

/* Walk/Car drop-down */
.drop-down-buttonWC {
	background-repeat: no-repeat;
	background-position: top;
	width: 19px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.drop-down-wclist {
	position: absolute;
	top: 21px;
	right: 0;
	width: 46px;
	height: 60px;
	background: #faf9f9;
	border: 1px solid #7b6a5d;
	overflow: auto;
	display: none;
	z-index: 9999999;
}
.drop-down-wclist ul li {
	cursor: pointer;
	padding: 5px;
}
.drop-down-wclist ul li:hover {
	background: #7b6a5d;
	color: #faf9f9;
}
.drop-down-wclist ul {
	list-style-type: none;
}

/* fastest/shortest drop-down */
.drop-down-buttonFS {
	background-repeat: no-repeat;
	background-position: top;
	width: 19px;
	height: 21px;
	position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.drop-down-fslist {
	position: absolute;
	top: 21px;
	right: 0;
	width: 85px;
	height: 60px;
	background: #faf9f9;
	border: 1px solid #7b6a5d;
	overflow: auto;
	display: none;
	z-index: 9999999;
}
.drop-down-fslist ul li {
	cursor: pointer;
	padding: 5px;
}
.drop-down-fslist ul li:hover {
	background: #7b6a5d;
	color: #faf9f9;
}
.drop-down-fslist ul {
	list-style-type: none;
}

/* route day drop-down */
.drop-down-buttonRD {
	background-repeat: no-repeat;
	background-position: top;
	width: 19px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.drop-down-rdlist {
	position: absolute;
	top: 21px;
	right: 0;
	width: 130px;
	height: 150px;
	background: #faf9f9;
	border: 1px solid #7b6a5d;
	overflow: auto;
	display: none;
	z-index: 9999999;
}
.drop-down-rdlist ul li {
	cursor: pointer;
	padding: 5px;
}
.drop-down-rdlist ul li:hover {
	background: #7b6a5d;
	color: #faf9f9;
}
.drop-down-rdlist ul {
	list-style-type: none;
}
/* hack: replicate GetCSS's "ul.toolbar-search-options li" style */
.drop-down-rdlist ul li {
	font-size: 14px;	
}

/* route time drop-down */
.drop-down-buttonRT {
	background-repeat: no-repeat;
	background-position: top;
	width: 19px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.drop-down-rtlist {
	position: absolute;
	top: 21px;
	right: 0;
	width: 85px;
	height: 150px;
	background: #faf9f9;
	border: 1px solid #7b6a5d;
	overflow: auto;
	display: none;
	z-index: 9999999;
}
.drop-down-rtlist ul li {
	cursor: pointer;
	padding: 5px;
}
.drop-down-rtlist ul li:hover {
	background: #7b6a5d;
	color: #faf9f9;
}
.drop-down-rtlist ul {
	list-style-type: none;
}
/* hack: replicate GetCSS's "ul.toolbar-search-options li" style */
.drop-down-rtlist ul li {
	font-size: 14px;	
}

/* input fields */
.inputtext{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	background: #ffffff;
	float: left;
	font-style: italic;
}

.long-searchbox {
	width: 430px;
}

.short-searchbox {
	width: 100px;
}

#loginFormWrapper .short-searchbox {
	width: 180px;
}

.inputtextLC, .inputtextRC {
	float: left;
	width: 11px;
	background-repeat: no-repeat;
	background-position: left;
}

.inputtextRC {
	background-repeat: no-repeat;
	background-position: right;
}
	
/* tooltip */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	font-size: 12px;
	z-index: 100000000;
}

/* toolbar-toggler */
#toolbar-toggler {
	font-weight: bold;
	font-size: 12px;
}

span#toolbar-toggler-btn.hidden-tools {
	display: block;
	float: right;
	width: 115px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: 10px;
}

span#toolbar-toggler-btn.hidden-tools:hover{
	background-repeat: no-repeat;
	background-position: 0 -18px;
}

span#toolbar-toggler-btn.shown-tools {
	display: block;
	float: right;
	width: 115px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -54px;
	text-indent: 10px;
}

.newweb-button {
    position: absolute;
    left: 43%;
}

#blomwebviewerDeprecated {
	visibility: hidden;
	float: left;
	color: grey;
}

.newweb-button a {
	background-repeat: no-repeat;
	background-position : top;
	display: block;
	padding-right: 8px;
}

.newweb-button a:hover{
	background-repeat: no-repeat;
	background-position : bottom;
}

.help-button{
	float: right;
}

.help-button a {
	background-repeat: no-repeat;
	background-position : top;
	display: block;
}

.help-button a:hover{
	background-repeat: no-repeat;
	background-position : bottom;
}
span#toolbar-toggler-btn.shown-tools:hover{
	background-repeat: no-repeat;
	background-position: 0px -36px;
}


/* toolbar */
#toolbar.shown {
	height: 85px;
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
	
#toolbar {
	z-index: 9000;
}

/* map tools */
#map2DTools {
	float: right;
}

#map3DTools,
#mapLidarTools {
	float: right;
}

#view-selector, 
#map-toolbar {
	float: left;
}

#map-toolbar3D,
#map-toolbarLidar {
	float: left;
}

#view-selector {
	position: relative;
	margin: 3px;
	width: 97px;
}

#map-view,
#map-toolbar {
	margin: 6px;
}

#map-view,
#map-toolbar3D,
#map-toolbarLidar {
	margin: 6px;
}

#map-view {
	position: relative;
}

#map-view a {
	color: #7b6a5d;
	font-weight: normal;
	text-decoration: none;
}

.map-view-selector {
	margin-top: 2px;
	padding: 1px;
	color: #ffffff;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	*height: 20px;
	*width: 83px;
}

.map-view-icon {
	width: 83px;
	height: 41px;
	border: 1px solid #FFFFFF;
}

.map-single {
	background: url(/resources/imgs/common/map-view-icons.png) no-repeat 0 0;
}
.map-dual {
	background: url(/resources/imgs/common/map-view-icons.png) no-repeat 0 -41px;
}
.map-penta {
	background: url(/resources/imgs/common/map-view-icons.png) no-repeat 0 -82px;
}
.map-3d {
	background: url(/resources/imgs/common/map-view-icons.png) no-repeat 0 -124px;
}
.map-blomStreet {
	background: url(/resources/imgs/common/map-view-icons.png) no-repeat 0 -165px;
}

#view-selector .corner {
	position: absolute;
	width: 6px;
	height: 6px;
}

#view-selector .tl {
	top: 0;
	left: 0;
}
#view-selector .tr {
	top: 0;
	right: 0;
}
#view-selector .bl {
	bottom: 0;
	left: 0;
}
#view-selector .br {
	bottom: 0;
	right: 0;
}

.current-view {
	background-repeat: no-repeat;
	background-position: -19px -185px;
	width: 31px;
	height: 20px;
	text-align: center;
	float: left;
}

.view-flat {
	text-align: center;
	float: left;
}

.switch-view {
	float: right;
	margin-right: 3px;
}

.switch-view-flat {
   bottom: 0;
   cursor: pointer;
   height: 22px;
   position: absolute;
   right: 0;
}

.switch-view-flat .map-views{
	position: absolute;
	top: 22px;
	display: none;
	z-index: 10000000;
}

.switch-view-flat .map-views .map-view {
	 margin: 6px;
}

.switch-view-flat .map-views .map-view:hover .map-view-selector,
.switch-view-flat .map-views .map-view:hover .view-flat {
	color: #ffffff;
}

.map-navigation {
   	height: 269px;
    left: 7px;
    position: absolute;
	top: 95px;
	width: 88px;
}

.map-navigation a.btn {
	position: absolute;
	width: 24px;
	height: 24px;
}

.map-navigation a.top {
	top: 0;
	left: 32px;
}
.map-navigation a.top:hover, .map-navigation a.top#active{
	background-position: -150px 0;
}

.map-navigation a.right {
    left: 64px;
    top: 32px;
}
.map-navigation a.right:hover, .map-navigation a.right#active{
	background-position: -182px -32px;
}

.map-navigation a.bottom {
    left: 32px;
    top: 64px;
}
.map-navigation a.bottom:hover, .map-navigation a.bottom#active{
	background-position: -150px -64px;
}

.map-navigation a.left {
    left: 1px;
    top: 32px;
}
.map-navigation a.left:hover, .map-navigation a.left#active {
	background-position: -119px -32px;
}

.map-navigation a.center {
    left: 32px;
    top: 31px;
}
.map-navigation a.center:hover, .map-navigation a.center#active{
	background-position: -150px -31px;
}

.map-navigation a.zoom-in {
 	left: 32px;
   top: 96px;
}
.map-navigation a.zoom-in:hover, .map-navigation a.zoom-in#active{
	background-position: -150px -96px;
}

.map-navigation a.zoom-out {
    left: 32px;
    top: 246px;
}
.map-navigation a.zoom-out:hover, .map-navigation a.zoom-out#active{
	background-position: -150px -246px;
}

#locationMap.expanded {
	display:block;
	width: 313px;
	height: 230px;
	border: 2px solid #000;
	position: absolute;
	right: 1px;
	bottom: 1px;
}

#locationMap.collapsed {
	display:none;
}

.nav-toggler,.nav-buttons {
	position: absolute;
}

.nav-toggler-expanded {
	right:288px;
	bottom: 205px;
}

.nav-toggler-collapsed {
	right: 0px;
	bottom: 0px;
}

.nav-toggler-expanded a {
	display: block;
	height: 28px;
	width: 28px;
}

.nav-toggler-collapsed a {
	display: block;
	height: 28px;
	width: 28px;
}

.nav-map-type-toggler-expanded {
	height: 26px;
	width: 60px;
	border: 1px solid #000;
	margin-left: 5px;
	background: #fff;
	right:220px;
	bottom: 205px;
}

.nav-map-type-toggler-collapsed {
	display: none;
}

.nav-map-type-toggler-expanded a {
    display: block;
    height: 21px;
    margin-left: 2px;
    margin-top: 2px;
    width: 60px;
    color: #000;
}
.nav-map-type-toggler-expanded a span {
	margin-left: 25px;
}

.expanded .curLocation {
	display: block;
}
.collapsed .curLocation {
	display: none;
}

.curLocation {
	position: relative;
}

.curLocation .curPointer {
    border: 3px solid #FF0000;
    height: 30px;
    left: 123px;
    position: absolute;
    top: 91px;
    width: 85px;
}

.curPointer .point {
	background: url(/resources/imgs/common/curPos.png) no-repeat 0 0;
   height: 10px;
   position: absolute;
   width: 10px;
   display: none;
}

.curPointer .cur-top, .curPointer .cur-center {
	background-position: 0 0;
    left: 39px;
    top: 33px;
}
.curPointer .cur-bottom {
	background-position: -11px -10px;
    left: 38px;
    top: -14px;
}

.curPointer .cur-right {
	background-position: -10px 0;
    left: -14px;
    top: 9px;
}

.curPointer .cur-left {
	background-position: 0 -10px;
    left: 90px;
    top: 9px;
}


#slider {
	position: relative;
	top: 123px;
}

#slider a.tracker {
	display: block;
	margin-left: 29px;
	width: 31px;
	height: 12px;
}

/* 3D map tools */
ul.map-3D-tools, 
ul.map-flat-tools {
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
}

ul.map-3D-tools li a:focus, 
ul.map-flat-tools li a:focus,
ul li.toolSet a:focus { 
outline: none; 
}

ul.map-3D-tools li a.inactive, 
ul.map-flat-tools li a.inactive,
.current-tools ul li a.disabled{
	cursor: default;
}

ul.map-3D-tools li,
ul.map-flat-tools li {
	float: left;
	margin: 2px;
}

.cTools, .mTools, .extraTools ,.annotations, .mToolsCyc, .cToolsCyc, .extraToolsCyc {
	position: relative;
}

/* Tool Description for map tools */
.cToolsDescription {
	background: #fff;
    border-left: 1px solid #7B6A5D;
    border-right: 1px solid #7B6A5D;
    display: none;
    min-height: 35px;
    width: 398px;
    position: absolute;
    right: -12px;
    top: 50px;
    z-index: 99999999;
}

.cToolsDescription #toolCont {
	position: relative;
	padding: 15px;
}

.cToolsDescription .arrow {
    display: block !important;
    right: 17px !important;
    top: -19px !important;
}

.cToolsDescription .tDownCorner,
.cToolsDescription .tUpCorner {
	position: absolute;
	background-repeat: no-repeat;
	width: 400px;
	height: 13px;
	left: -1px;
}

.cToolsDescription .tUpCorner {
	top: -13px;
	background-position: top;
}

.cToolsDescription .tDownCorner {
	bottom: -13px; 
	*bottom: -5px; 
	background-position: bottom;
}

/* Tool Description for map tools */
.imgLinkDescription {
	background: #fff;
    border-left: 1px solid #7B6A5D;
    border-right: 1px solid #7B6A5D;
    display: none;
    min-height: 35px;
    width: 398px;
    position: absolute;
    right: -12px;
    top: 50px;
    z-index: 99999999;
}

.imgLinkDescription #toolContent {
	position: relative;
	padding: 15px;
}

.imgLinkDescription .arrow {
    display: block !important;
    right: 17px !important;
    top: -19px !important;
}

.imgLinkDescription .tDownCorner,
.imgLinkDescription .tUpCorner {
	position: absolute;
	background-repeat: no-repeat;
	width: 400px;
	height: 13px;
	left: -1px;
}

.imgLinkDescription .tUpCorner {
	top: -13px;
	background-position: top;
}

.imgLinkDescription .tDownCorner {
	bottom: -13px; 
	*bottom: -5px; 
	background-position: bottom;
}
/* Description for Cycloramas entities */
.cEntityDescription {
	background: #fff;
    border-left: 1px solid #7B6A5D;
    border-right: 1px solid #7B6A5D;
    display: none;
    min-height: 35px;
    width: 398px;
    position: absolute;
    right: -12px;
    top: 50px;
    z-index: 99999999;
}

.cEntityDescription #toolCont {
	position: relative;
	padding: 15px;
}

.cEntityDescription .arrow {
    display: block !important;
    right: 17px !important;
    top: -19px !important;
}

.cEntityDescription .tDownCorner,
.cEntityDescription .tUpCorner {
	position: absolute;
	background-repeat: no-repeat;
	width: 400px;
	height: 13px;
	left: -1px;
}

.cEntityDescription .tUpCorner {
	top: -13px;
	background-position: top;
}

.cEntityDescription .tDownCorner {
	bottom: -13px; 
	*bottom: -5px; 
	background-position: bottom;
}

/* Export format for Cycloramas entities */
.cEntityExportFormat {
	background: #fff;
    border-left: 1px solid #7B6A5D;
    border-right: 1px solid #7B6A5D;
    display: none;
    min-height: 35px;
    width: 398px;
    position: absolute;
    right: -12px;
    top: 50px;
    z-index: 99999999;
}

.cEntityExportFormat #exportCont {
	position: relative;
	padding: 15px;
}

.cEntityExportFormat .arrow {
    display: block !important;
    right: 17px !important;
    top: -19px !important;
}

.cEntityExportFormat .tDownCorner,
.cEntityExportFormat .tUpCorner {
	position: absolute;
	background-repeat: no-repeat;
	width: 400px;
	height: 13px;
	left: -1px;
}

.cEntityExportFormat .tUpCorner {
	top: -13px;
	background-position: top;
}

.cEntityExportFormat .tDownCorner {
	bottom: -13px; 
	*bottom: -5px; 
	background-position: bottom;
}

#cyc-measurement-export{
	display: none;
	height:80px;
}

.calend_years_selector li {
	float: left;
	padding: 1px 7px;
	list-style-type: none;
	cursor: pointer;
	border-bottom: 2px solid #fff;
}

.toolClose {
	position: absolute;
	right: 7px;
	top: 2px;
	cursor: pointer;
}




.current-tools ul {
	list-style-type: none;
}
.current-tools ul li{
	float: left;
	margin: 3px;
	position: relative;
}
.annotations .rightCorner,
.annotations .leftCorner,
.mTools .rightCorner,
.mTools .leftCorner,
.cTools .rightCorner,
.cTools .leftCorner,
.extraTools .rightCorner,
.extraTools .leftCorner,
.mToolsCyc .rightCorner,
.mToolsCyc .leftCorner,
.cToolsCyc .rightCorner,
.cToolsCyc .leftCorner,
.extraToolsCyc .rightCorner,
.extraToolsCyc .leftCorner
.annotations .leftCorner,
.mTools .leftCorner,
.cTools .leftCorner,
.extraTools .leftCorner,
.mToolsCyc .leftCorner,
.cToolsCyc .leftCorner,
.extraToolsCyc .leftCorner,
.annotations .rightCorner,
.mTools .rightCorner,
.cTools .rightCorner,
.extraTools .rightCorner,
.mToolsCyc .rightCorner,
.cToolsCyc .rightCorner,
.extraToolsCyc .rightCorner,

.arrow {
	position: absolute;
	right: 10px;
	z-index: 999999;
	display: none;
}

.current-tools {
	position: absolute;
	top: 37px;
	right: 0;
	display: none;
}

ul.map-3D-tools li a,
ul.map-flat-tools li a{
	width: 31px;
	height: 30px;
	display: block;
}

/******* MAP 3D *****************/
/* LOD1 */
.tools li.lod1 a{
	background-position: -2px -131px;
}
.tools li.lod1 a:hover{
	background-position: -2px -163px;
}
.tools li.lod1 a.active{
	background-position: -2px -195px;
}
.tools li.lod1 a.inactive{
	background-position: -2px -227px;
}
/* LOD2 */
.tools li.lod2 a{
	background-position: -34px -131px;
}
.tools li.lod2 a:hover{
	background-position: -34px -163px;
}
.tools li.lod2 a.active{
	background-position: -34px -195px;
}
.tools li.lod2 a.inactive{
	background-position: -34px -227px;
}
/* LOD3 */
.tools li.lod3 a{
	background-position: -97px -131px;
}
.tools li.lod3 a:hover{
	background-position: -97px -163px;
}
.tools li.lod3 a.active{
	background-position: -97px -195px;
}
.tools li.lod3 a.inactive{
	background-position: -97px -227px;
}
/* LOD4 */

.tools li.lod4 a{
	background-position: -65px -131px;
}
.tools li.lod4 a:hover{
	background-position: -65px -163px;
}
.tools li.lod4 a.active{
	background-position: -65px -195px;
}
.tools li.lod4 a.inactive{
	background-position: -65px -227px;
}

/* trees */
.tools li.trees a{
	background-position: -128px -131px;
}
.tools li.trees a:hover{
	background-position: -128px -163px;
}
.tools li.trees a.active{
	background-position: -128px -195px;
}
.tools li.trees a.inactive{
	background-position: -128px -227px;
}
/* demos */
.tools li.demos a{
	background-position: -34px -1px;
}
.tools li.demos a:hover{
	background-position: -34px -33px;
}
.tools li.demos a.active{
	background-position: -34px -64px;
}
.tools li.demos a.inactive{
	background-position: -34px -97px;
}
/* streets */
.tools li.streets a{
	background-position: -257px -132px;
}
.tools li.streets a:hover{
	background-position: -257px -164px;
}
.tools li.streets a.active{
	background-position: -257px -195px;
}
.tools li.streets a.inactive{
	background-position: -257px -227px;
}

/* models */
.tools li.new-model a{
	background-position: -161px -1px;
}
.tools li.new-model a:hover{
	background-position: -161px -33px;
}
.tools li.new-model a.active{
	background-position: -161px -65px;
}
.tools li.new-model a.inactive{
	background-position: -161px -98px;
}
/* map HQ */
.options li.title {
	color: #7b6a5d;
	width: 101px;
}
.options li.hq a{
	background-position: -161px -132px;
}
.options li.hq a:hover{
	background-position: -161px -164px;
}
.options li.hq a.active{
	background-position: -161px -195px;
}
.options li.hq a.inactive{
	background-position: -161px -227px;
}
/* map MQ */
.options li.mq a{
	background-position: -193px -132px;
}
.options li.mq a:hover{
	background-position: -193px -164px;
}
.options li.mq a.active{
	background-position: -193px -195px;
}
.options li.mq a.inactive{
	background-position: -193px -227px;
}
/* map LQ */
.options li.lq a{
	background-position: -225px -132px;
}
.options li.lq a:hover{
	background-position: -225px -164px;
}
.options li.lq a.active{
	background-position: -225px -195px;
}
.options li.lq a.inactive{
	background-position: -225px -227px;
}


/******* MAP LIDAR *****************/
/* HSV Color */
.tools li.lidcolorhsv a{
	background-position: 0px -260px;
}
.tools li.lidcolorhsv a:hover{
	background-position: 0px -292px;
}
.tools li.lidcolorhsv a.active{
	background-position: 0px -324px;
}
.tools li.lidcolorhsv a.inactive{
	background-position: 0px -356px;
}
/* RGB color */
.tools li.lidcolorRGB a{
	background-position: -32px -260px;
}
.tools li.lidcolorRGB a:hover{
	background-position: -32px -292px;
}
.tools li.lidcolorRGB a.active{
	background-position: -32px -324px;
}
.tools li.lidcolorRGB a.inactive{
	background-position: -32px -356px;
}
/* Classification color */
.tools li.lidcolorclassification a{
	background-position: -96px -260px;
}
.tools li.lidcolorclassification a:hover{
	background-position: -96px -292px;
}
.tools li.lidcolorclassification a.active{
	background-position: -96px -324px;
}
.tools li.lidcolorclassification a.inactive{
	background-position: -96px -356px;
}
/* True color */

.tools li.lidcolortrue a{
	background-position: -64px -260px;
}
.tools li.lidcolortrue a:hover{
	background-position: -64px -292px;
}
.tools li.lidcolortrue a.active{
	background-position: -64px -324px;
}
.tools li.lidcolortrue a.inactive{
	background-position: -64px -356px;
}


/******* MAP FLAT *****************/

.mainBtns li a.inactive{
	cursor: default;
}

/* map */
.mainBtns li.map a{
	background-position: -97px -1px;
}
.mainBtns li.map a:hover{
	background-position: -97px -33px;
}
.mainBtns li.map a.active{
	background-position: -97px -64px;
}
.mainBtns li.map a.inactive{
	background-position: -97px -97px;
}

/* hybrid map*/
.mainBtns li.hybrid a{
	background-position: -129px -1px;
}
.mainBtns li.hybrid a:hover{
	background-position: -129px -33px;
}
.mainBtns li.hybrid a.active{
	background-position: -129px -64px;
}
.mainBtns li.hybrid a.inactive{
	background-position: -129px -97px;
}
/* WMS */
.mainBtns li.wms a{
	background-position: -65px -1px;
}
.mainBtns li.wms a:hover{
	background-position: -65px -33px;
}
.mainBtns li.wms a.active{
	background-position: -65px -64px;
}
.mainBtns li.wms a.inactive{
	background-position: -65px -97px;
}
/* Annotations */
.mainBtns li.annotations a{
	background-position: -1px -1px;
}
.mainBtns li.annotations a:hover{
	background-position: -1px -33px;
}
.mainBtns li.annotations a.active{
	background-position: -1px -64px;
}
.mainBtns li.annotations a.inactive{
	background-position: -1px -97px;
}
/* demos */
.mainBtns li.demos a{
	background-position: -33px -1px;
}
.mainBtns li.demos a:hover{
	background-position: -33px -33px;
}
.mainBtns li.demos a.active{
	background-position: -33px -64px;
}
.mainBtns li.demos a.inactive{
	background-position: -33px -97px;
}
/* measurement Tools */
.mainBtns li.mTools a{
	background-position: -161px -1px;
}
.mainBtns li.mTools a:hover{
	background-position: -161px -33px;
}
.mainBtns li.mTools a.active{
	background-position: -161px -64px;
}
.mainBtns li.mTools a.inactive{
	background-position: -161px -97px;
}
/* measurement Tools Cyclomedia*/
.mainBtns li.mToolsCyc a{
	background-position: -161px -1px;
}
.mainBtns li.mToolsCyc a:hover{
	background-position: -161px -33px;
}
.mainBtns li.mToolsCyc a.active{
	background-position: -161px -64px;
}
.mainBtns li.mToolsCyc a.inactive{
	background-position: -161px -97px;
}

/* Map Tools Cyclomedia*/
.mainBtns li.cToolsCyc a {
	background-position: -193px -1px;
}

.mainBtns li.cToolsCyc a:hover {
	background-position: -193px -33px;
}

.mainBtns li.cToolsCyc a.active {
	background-position: -193px -64px;
}

.mainBtns li.cToolsCyc a.inactive {
	background-position: -193px -97px;
}

/* coordinates Tools */
.mainBtns li.cTools a{
	background-position: -193px -1px;
}
.mainBtns li.cTools a:hover{
	background-position: -193px -33px;
}
.mainBtns li.cTools a.active{
	background-position: -193px -64px;
}
.mainBtns li.cTools a.inactive{
	background-position: -193px -97px;
}

.mainBtns li.separator {
	margin-left: 64px;
}


.mainBtns li.toolIconsSeparator {
	margin-left: 12px;
}
/* toolbar search options */
#toolbar-search{
	width: 600px;/*added for it to work in IE7*/
}

#toolbar-search, #map-3D-controls {
	float: left;
	margin: 2px 0 0 10px;
}

/* 3D-map controls */

#map-3D-controls .down {
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat 0 0;
	width: 42px;
	height: 28px;
}

#map-3D-controls .down:hover {
	background-position: 0 -74px;
}

#map-3D-controls .up {
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat 0 -28px;
	width: 42px;
	height: 44px;
}

#map-3D-controls .up:hover {
	background-position: 0 -102px;
}

#map-3D-controls .zoomin {
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -160px 0;
	width: 31px;
	height: 33px;
}
#map-3D-controls .zoomin:hover {
	background-position: -160px -74px;
}

#map-3D-controls .zoomout {
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -160px -37px;
   height: 33px;
   position: relative;
   top: 6px;
   width: 31px;
}
#map-3D-controls .zoomout:hover {
	background-position: -160px -111px;
}

#map-3D-controls .nav {
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -45px 0;
	width: 105px;
	height: 70px;
	position: relative;
}
#map-3D-controls .nav .top {
	width: 19px;
	height: 13px;
	position: absolute;
	top: 4px;
	left: 43px;
}
#map-3D-controls .nav .top:hover {
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -88px -78px;
}

#map-3D-controls .nav .bottom {
    height: 29px;
    left: 38px;
    position: absolute;
    top: 25px;
    width: 28px;
}

#map-3D-controls .nav .bottom:hover{
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -83px -99px;
}

#map-3D-controls .nav .left {
    height: 15px;
    left: 17px;
    position: absolute;
    top: 14px;
    width: 29px;
}
#map-3D-controls .nav .left:hover{
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -62px -88px;
}

#map-3D-controls .nav .right{
    height: 15px;
    left: 58px;
    position: absolute;
    top: 14px;
    width: 29px;
}

#map-3D-controls .nav .right:hover{
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -103px -88px;
}

#map-3D-controls .nav .rotateright{
    height: 22px;
    left: 8px;
    position: absolute;
    top: 47px;
    width: 42px;
}
#map-3D-controls .nav .rotateright:hover {
    background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -53px -121px;	
}

#map-3D-controls .nav .rotateleft{
    height: 22px;
    left: 56px;
    position: absolute;
    top: 47px;
    width: 42px;
}
#map-3D-controls .nav .rotateleft:hover{
	background: url(/resources/imgs/common/3d-map-controls.png) no-repeat -101px -121px;	
}

li.title {
	font-weight: bold;
	margin-right: 2px;
}

ul.toolbar-search-options {
    list-style-type: none;
    position: relative;
    z-index:9999;
}

ul.toolbar-search-options li {
	float: left;
 	padding-left: 10px; 
 	*padding-left: 4px; 
}

ul.toolbar-search-options li span {
    display: block;
    padding-right: 10px;
}

ul.toolbar-search-options li.active {
	background-repeat: no-repeat;
	background-position: left top;
}

ul.toolbar-search-options li.active span {
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
}

/* toolbar-search-fields */
.goButtonWrp {
	position: absolute;
}

.goButton:focus {
	outline: none !important;
}

a#loginBtn.goLoginButton {
    left: 222px;
    position: absolute;
    top: 9px;
    display: block;
	width: 41px;
	height: 40px;
	background: url(/resources/imgs/brown/goBtn.png) no-repeat -14px -28px;
}
a#loginBtn.goLoginButton:hover {
	background: url(/resources/imgs/brown/goBtn.png) no-repeat -14px -71px;
}

a#loginBtn.goLoginButton :active {
	background: url(/resources/imgs/brown/goBtn.png) no-repeat -14px -114px;
}
.fieldsWrp {
	margin-top: 16px;
	*margin-top: 14px;
}

.tsfLeftcorner,.tsfRightcorner {
	width: 7px;
	height: 56px;
}

.fieldPanel {
	float: left;
}
        
.field-container {
	margin: 3px 0;
	min-width: 530px;
	position: relative;
}

.hidden-panel {
	display: none;
}

.option-panel-default {
	display: block;
}

#option-decarta .fieldsWrp {
	margin-top: 2px;
}
#option-ubiest .fieldsWrp {
	margin-top: 0;
}
#option-ubiestRoute .fieldsWrp {
	margin-top: 0;
}
#option-oymRoute .fieldsWrp {
	margin-top: 0;
}
#option-tomtomRoute .fieldsWrp {
	margin-top: 0;
}
/* map */
.mapHolder {
	background: url(/resources/imgs/common/fakeMap.jpg) left top;
	zoom:1;
	height: 1px;
	min-height: 240px;
}


.dual-view .mapHolder{
	width: 100%;
	position: relative;
	z-index: 1;
	border: 1px solid transparent;
}

.dual-view .map-navigation {
	top: 10px;
}
/*
.dual-view .hold2 {
    margin-left: 50%;
    position: absolute;
    top: 86px;
}
*/
.mapCurrent {
	border: 1px solid #ff0000 !important;
}


#annotations-tool > span {
	display: block;
	margin-bottom: 10px;
}

.toolPopup {
	margin: 0 auto;
	width: auto;
	display: none;
	position: absolute;
	top:110px;
	left: 16%;
	z-index: 100000;
}

#pop-wrp .toolPopup {
	min-width: 300px !important;
}

.toolContent {
	padding-left: 20px;
}

#sub-tool {
	float: left;
	display: none;
	padding-left: 10px;
	margin-bottom: 10px;
}

#sub-tool.default{
	display: block;
}

.tool-content {
	display: none;
	font-size: 12px;
	color: black;
	padding: 10px;
}

#option-decarta table td {
	padding: 2px 2px;
	*padding: 1px 2px;
}
#option-ubiest table td {
	padding: 2px 2px;
	*padding: 1px 2px;
}
#option-ubiestRoute table td {
	padding:0 3px 2px 0;
}
#option-oymRoute table td {
	padding:0 2px 2px 0;
}
#option-tomtomRoute table td {
	padding:0 2px 2px 0;
}

.drwbtn {
	cursor: pointer;
	padding: 2px 7px;
	border-width: 1px;
	border-style: solid;
}

#map-orient{
	background: url(/resources/imgs/common/mapOrient.png) no-repeat 0 0;
    height: 36px;
    left: 110px;
    position: absolute;
    top: 122px;
    width: 36px;
}

#map-orient.top, #map-orient.center{
	background-position: 0 0;
}

#map-orient.bottom{
	background-position: -36px -36px;
}

#map-orient.right{
	background-position: 0 -36px;
}

#map-orient.left{
	background-position: -36px 0;
}

/* pop-up */
#pop-wrp{
	color: #000;
	position: relative;
}

div .separator {
	margin: 3px 0;
	border-bottom: 1px dotted #000;
}

#pop-wrp h3{
	font-weight: normal;
}

#pop-wrp ul,#pop-wrp ol {
	margin-left: 25px;
}

#pop-wrp ul li a, #pop-wrp ol li a {
	text-decoration: none;
	font-size: 14px;
	color: #000;
}

#pop-wrp ul li a:hover, #pop-wrp ol li a:hover {
	text-decoration: underline;
	color: #fff;
}

#pop-wrp ul li, #pop-wrp ol li {
	padding: 4px 7px;
	position: relative;
}

.items-wrp {
    overflow: auto;
    position: relative;
}

#pop-wrp ul li:hover .drwbtn, #pop-wrp ol li:hover .drwbtn,
#pop-wrp ul li a:hover .drwbtn, #pop-wrp ol li a:hover .drwbtn {
	display: block;
}

.items-wrp .view,
.items-wrp .remove {
   position: relative;
   display: none;
	bottom: 3px;
	float: right;
	margin-left: 4px;
}

.items-wrp .remove {
	/*right: 1px;*/
}

.items-wrp .view {
	/*right: 85px;*/
}

.items-wrp li.wmsActive {
	background-color: #CBC3B7;
}

#pop-wrp .toolPopup {
    height: 30px;
    left: 0;
    position: absolute !important;
    top: 100%;
    width: 100%;
}

#pop-wrp .add-new-item td{
	padding: 3px 6px;
}

.logout-button {
    float: right;
}

.logout-button a {
    display: block;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    background-color: transparent;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 0;
}
#pop-wrp #items-wrapper h3 {
	display: block;
	font-size: 19px;
	font-weight: normal;
	line-height: 1.2;
	padding: 5px 35px;
	background: none;
	border: none;
}

#pop-wrp #pois-items-wrapper h3 {
	display: block;
	font-size: 19px;
	font-weight: normal;
	line-height: 1.2;
	padding: 5px 35px;
	background: none;
	border: none;
}

#pop-wrp #pois-items-wrapper ul {
	background: none;
	border: none;
	list-style: disc inside none;
	margin-top: -25px;
}

#pop-wrp #pois-items-wrapper {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#pop-wrp #pois-items-wrapper .ui-accordion-content {
	top: 25px;
	padding: 0;
	margin-bottom: 25px;
}

#pop-wrp #pois-items-wrapper ul li div:first-child {
	display : inline;
	}


#pop-wrp ul li .li-item{
	font-size: 14px;
	display: none;
}


#pop-wrp ul li:hover .li-item{
	display: block;
}

.items-wrp .colorTextBox{
border-style:solid;
border-color:black;
border-width: 1px;
cursor: pointer;
}

.opacity-slider {
    float: right;
    width: 380px;    
}

.current-tools ul li.cycimagelink a.blomStreet-exportLink {
	background: none;
	font-size: 12px;
    font-weight: normal;
    width:350px !important;
    word-wrap: break-word;
    line-height: 14px;   
}

.currentimageurl{
	 height: 50px;
}

.highlightRow:hover {
	background-color: white;
	color: black !important;
	font-weight: bold;
}

.inputtextBox{
	border: 1px solid black;
    color: black;
    height: 23px;		
}

/*
* Autocomplete search with TypeAhead
*/

/**.typeahead{ border: 1px solid #7b6a5d; padding-left: 20px; width: 500px; height: 19px; font-size: 14px; color: #9c8a7d; /* css 3 / border-radius:15px; /* mozilla / -moz-border-radius:15px; /* webkit / -webkit-border-radius:15px; } .tt-suggestion { padding: 3px 20px; font-size: 12px; line-height: 24px; } .tt-suggestion.tt-cursor { color: #fff; background-color: #7b6a5d; } .tt-dropdown-menu { width: 430px; margin-top: 12px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } .empty-message { padding: 5px 10px; text-align: center; } 
*/

div .tt-suggestion{
		color: #999;
		background-color: white;
	}

.tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion.tt-cursor{
    color: #fff;
    background-color: #0097cf;

}

/*
* Autocomplete search with TypeAhead
*/

.typeahead{
        border: 1px solid #7b6a5d;
        padding-left: 20px;
        width: 450px;


        height: 19px;
        font-size: 14px;
        color: #9c8a7d;

        /* css 3 */
         border-radius:15px;
         /* mozilla */
         -moz-border-radius:15px;
         /* webkit */
         -webkit-border-radius:15px;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 12px;
    line-height: 24px;
        width: 450px;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #7b6a5d;
        width: 450px;
}

.tt-dropdown-menu {
    width: 250px;
        margin-top: 12px;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
          -webkit-border-radius: 8px;
             -moz-border-radius: 8px;
                  border-radius: 8px;
          -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
             -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
                  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.empty-message {
    padding: 5px 10px;
    text-align: center;
}

.tt-suggestion.tt-selectable:hover {
	color: #fff;
    background-color: #7b6a5d;
	width: 450px;
}