#addresssearchbox{ max-width: 450px; box-sizing: border-box; width: 90%;margin: 10px;
	display: inline-block;
	}
	
#addresssearchbox2{ max-width: 450px; box-sizing: border-box; width: 90%;margin: 10px;
	display: inline-block;
	}
	
#gazetteersearchbox{ max-width: 450px; box-sizing: border-box; width: 90%;margin: 10px;
	display: inline-block;
	}

#sccgis_map_options{
	width: 45%; 
	float: left; 
    text-align: center;
	}
#btnTPOOrders {
	color: white;	
}

#btnTPOOrders  a:link, a:visited{
	background-color: #dc0050;	
}
	
.ui-autocomplete-loading { 
background:url('../img/ajax-loader.gif') no-repeat right center;
background-size: 20px 20px; 
}

	
.addresssearchcontainer{
	width: 100%; 
	float: left; 
    text-align: center;
	}

.legendcontainer{width: 50%; float: right;
	box-sizing: border-box;
	}

.toolscontainer{
	width: 45%; 
	float: left; 
    text-align: left;
	padding-top: 10px;
	}
.toolscontainer p {
		font-size: 11px;
		padding: 5px;
}

.adaptive_container{
	width: 100%; 
	overflow: hidden; 
	padding-top: 10px;
	}
	
@media only screen and (max-width: 650px) {
.legendcontainer{
	width: 100%; 
	float: left;
	padding-top: 10px;
	}

#sccgis_map_options{
	width: 100%; 
	}
.addresssearchcontainer{
	width: 100%; 
	}
	
.toolscontainer{
	width: 100%; 
	}
}

.sccgis_map_canvas {
			height: 100%;
			height:80vh;
			width: 100%;
			float: left; 
			overflow: hidden;
			}
			
#mapBlock {
	overflow:hidden;
	width: 100%;
	margin-bottom: 20px;
}

#mapDiv {
    float: left;
    margin-right: 10px;
    max-width: 1000px;
    width: 100%;
	overflow: hidden;
}

.x-panel-header {
    text-align: left;
}

.x-panel-header {
    background-image: none;
	background-color: #e4ecfc;
}

.x-tree-node .x-tree-node-disabled a span {
    color: #595959 !important;
}

.olControlAttribution {
	font-size: x-small;
	right: 3px;
	bottom: 0.5em;
	position: absolute;
	display: block;
	font-family:Arial;
}

.x-tree-node-leaf .x-tree-node-icon .x-tree-node-inline-icon .gx-tree-layer-icon {
padding-right: 10px;
height: 15px;
vertical-align: text-bottom;
}

img .x-tree-node-leaf .x-tree-node-icon  {
padding-right: 10px;
height: 15px;
vertical-align: text-bottom;
}

.main-content img {
padding-right: 0px;
height: auto;
vertical-align: text-bottom;
}

.legend_image{
padding-left: 80px;
height: auto;
width:auto;
/*max-width: 60%;*/
vertical-align: text-bottom;
}

.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon {

/*height: 15px;
vertical-align: text-bottom;*/
}

.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 0px;
	background-position:center;
    background-repeat: no-repeat;
	padding-right: 10px;
}

.x-panel {
border-radius: 3px;
}

input.x-tree-node-cb {
    margin-left:1px;
    height: 19px;
	vertical-align: top;
}


#sccgis_map_canvas {
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
}

#x-form-el-cmbLocationSearch{
margin-top:10px;
margin-bottom:5px;
margin-right:10px;
margin-left:5px;
}

.x-form-field-wrap .x-form-trigger {
width: 7px;
}

.ext-ie6 .x-menu-item-icon{
	left: 3px;
}

.gps label {
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
    color: #000;
    width: 0px;
}
#gazetteer label {
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
    color: #000;
    width: 0px;
}

.legendEntryDiv label {
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
    color: #000;
    width: 0px;
}

#sccgis_legend label {
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
    color: #000;
    width: 0px;
}

.addresssearchcontainer label {
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
    color: #000;
    width: 0px;
}

/* styles for popup window tale */
 	   table.featureInfo,table.featureInfoOdd{
                border: grey ;
                border-collapse:collapse;
				width:100%;
                font-size: 100%;
                padding:0.1em 0.5em;
				color: #00193C;
				margin-bottom: 5px;
        }	
		table.featureInfo th{
                font-weight:bold;
                background:#fff;
				padding:0.1em 0.5em;
        }
	    table.featureInfo caption {
		        text-align: left;
		        background: #F6F0EF;
		        font-weight: bold;
		        padding: 0.2em 0.5em;
				caption-side: top;
	    }
        table.featureInfoOdd th{
                font-weight:bold;
                background:#f5f5f7;
				padding:0.1em 0.5em;
        }
		table.featureInfo tr.featureInfo td {
                background: #fff;
				border: none;
				padding:0.1em 0.5em;
        }
        table.featureInfo tr.featureInfoOdd td {
                background: #f5f5f7;
				border: none;
				padding:0.1em 0.5em;
        }
		.LegendTitle {
				font:11px arial,sans-serif;
		}
		table.featureInfo td.ListFind, table.featureInfo th.ListFind {
				width:1px;
		}
		
        table.featureInfoOdd td{
				border: none;
                background:#f5f5f7;
        }

        tr.featureInfo td {
	        background: #fff;
	}
        tr.featureInfoOdd td {
	        background: #f5f5f7;
	}
        .featureInfo td {
			border: none;
	        background: #fff;
	}		
	   table.featureInnerInfo, table.featureInnerInfo td, table.featureInnerInfo th {
                border:1px solid #eee;
                border-collapse:collapse;
				margin:0;
				width:100%;
                padding:0;
                font-size: 100%;
                padding:.2em .3em;
        }
		
b, strong {
	font-weight: bold;
}



.page-body ul, menu, dir {
display: block;
list-style: none;
list-style-type: disc;
padding-left: 13px;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 13px;
webkit-padding-start: 80px;
}

.page-body li {
display: list-item;
text-align: -webkit-match-parent;
}

.page-body p {
min-height: 10px;
}

.x-panel ul, menu, dir {
display: block;
list-style-type: none;
padding-left: 0px;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}

.x-panel-body .field {
    border-color: #15428b;
}

#mapsotontree img {margin: 0px;
                  display: inline;}

#sccgis_legend img {margin: 0px;
                  display: inline;}

#mapBlock caption {caption-side:top;
}

table.featureInfo caption {
    caption-side:top;
    color: black;
}