/* 
    Document   : mp-mapping
    Created on : Feb 10, 2011, 11:44:24 AM
    Author     : jkeller
    Description:
        This file contains all styling for the mapping section
        of the portal.
*/


/*
 *	TABLE OF CONTENTS (West-pane)
 */

#mp-logo {
    width:100% !important;
    padding: 0px !important;
}
#mp-logo img {
    display:block;
    margin:auto;    
}
#portalmap{
    width:100%;
    height:100%;    
}

#property_info {
    padding:5px;
}

.olControlLoadingPanel {
    background-image:url("../images/mapping/loading.gif");
    position: relative;
    width: 195px;
    height: 11px;
    background-position:center;
    background-repeat:no-repeat;
    display: none;
    left:50%;
    margin-left: -97px;
    top: 50%;
    margin-top: -5px;
}

#plotplan {
    width:83px;
    height:83px;
    text-align: center;
    margin-left:10px;
}

#plotplan:hover {
    border:1px solid #F18C24;
    background-color:#FFDBB7;
}

#parcel_info_header{
	height:38px;
	background:url("../js/jquery/jquery-ui-1.8.9/css/map-toolbar/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	border-bottom:1px solid black;
	display:table-cell;
	vertical-align:middle;
	width:249px;
}

#layerswitcher {
	border: 1px solid #345684;
	opacity: 1.0!important;
	z-index: 9999;
	position:absolute;
	top:36px;
	height:90%;
	overflow-x:hidden;
	overflow-y:auto;
	display:none;
}
#layerswitcher div{
	color:black;
	background-color:#EAECEE!important;
	font-weight:bold;
	opacity: 1.0!important;
}

#layerswitcher div span {
	background-color:#EAECEE!important;
}

.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar {
	padding: .5em;
}
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 12px;  }

#button-legend {
	width: 110px;
}

.helpimage {
	margin-right: 5px;
	margin-top: 5px;
	vertical-align: middle;
}

#pud-button {
	float:right;
	height: 83px;
	text-align:center;
	width:83px;
}

#pud-button:hover {
    border:1px solid #F18C24;
    background-color:#FFDBB7;
}
#map_controls {
	width:80%;
}

.olLayerGooglePoweredBy, .olLayerGoogleCopyright {
	z-index: 100!important;
}