html, body, #dealermap { width: 100%; height: 100%; margin: 0; padding: 0 }
#dealermap img{ max-width: none !important;}
body {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
        color: #000000;
}

form {display: inline; }

a {color:#11599F;}

.space {margin-bottom: 10px; clear: both;}
.minispace {margin-bottom: 5px; clear: both;}
.line {border-bottom: solid 1px #555555; }

h1 {
    border-bottom: 2px solid black; 
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    }
    
    h2 {
    border-bottom: 1px solid #555555; 
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #555555;
    margin-top: 0px;
    padding-top: 0px;
    }
    
    h3 {
    font-size: 12pt;
    color: #333333;
    }



#wrapper {
padding: 10px;
overflow:auto;
}

#wrapper:after {
    content:"";
    clear:both;
    display:block;
}

.gray {
margin: 0px;
background-color: #dddddd;
}

#legend {margin-top: 10px;}

#maplegend {
margin-top: 5px;
display: flex;
align-items:center;
font-size: 1.2em;
}
#maplegend span {margin-right: 15px;}

#filter {
margin-bottom: 10px;
display: none;
height: 100px;
}
    
#dealerform {
width: 100%;

}


.formfield {
	float: left;
	margin-right: 10px;
	height: 50px;
	vertical-align: bottom;
}

.formfield b, #filter b {
	display: block;
	margin-bottom: 3px;
}

.long {width: 250px;}
.mid {width: 130px;}
.mshort {width: 120px;}
.short {width: 100px;}
.tiny {width: 70px;}

.admin-edit .long {width: 350px;}
.admin-edit .mshort {width: 170px;}

.long input {width: 250px; border-radius: 5px; border: solid 1px #888888; background-color: #eeeeee;}
.mid input {width: 130px; border-radius: 5px; border: solid 1px #888888; background-color: #eeeeee;}
.short input {width: 100px; border-radius: 5px; border: solid 1px #888888; background-color: #eeeeee;}
.tiny select {width: 70px; border-radius: 5px; border: solid 1px #888888; background-color: #eeeeee;}


.more_filter {height:27px; background-color: #cccccc; color: black; border-radius: 5px; border: 0;}
.submit {height:27px; background-color: #008000; color: white; border-radius: 5px; border: 0;}
.submit:hover {background-color: #FF3400;}
input[type=text] {height:22px}
select, option {height:26px}

.pinlabel {
	display: none;
}


.catbox input[type=checkbox] {
        visibility:hidden;
        display:none;
}
.catbox label, .full-attribs
{
        background-color:#dddddd;
        cursor:pointer;
        color:#034225;
        float: left;
		margin: 0;
		padding:0;
		margin-right: 7px;
		margin-bottom: 7px;
		height: 25px;
		border-radius: 3px;
}

.catbox label img {
border: 0;
margin: 0;
padding: 0;
}

.catbox input[type=checkbox]:checked + label {
        background-color:#6DB96D;
        color:black;
}

.itext {
position: relative;
top: -8px;
display: inline-block;
margin: 3px 5px 3px 5px;

}

.jtext {
margin: 6px 5px 5px 3px;

}

.bubble {
width: 330px;
min-height: 150px;
background-color: #dddddd;
border: solid 1px #555555;
padding: 10px;
position: relative,
}



.bubble-corner {
position: absolute;
left: -7px;
top: -11px;
}

.bubble-close {
float: right;
margin: 0px 0px 0px 10px;
cursor: pointer;

}

.bubble-logo {
float: right;
margin: 0px 0px 10px 10px;
width: 110px;
text-align: right;
}

.small {font-size: 0.9em; }

.key {font-weight: bold; vertical-align: top}
.value {}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 650px;
    max-width  : 800px;
    max-height : 650px;
    margin: 0;
}

.admin-edit {
min-height: 700px;
float: left; 
margin-right: 25px;
}

.admin-edit b {
display: block;
font-size: 9pt;
font-weight: normal;
color: #333333;
margin-bottom: 2px;
}

.admin-edit input[type=text], .admin-edit textarea {
border: solid 1px #333333;
padding: 1px;
font-zize: 8pt;
}

.full-left {
display: inline-block;
width: 200px;
border-radius: 5px;
padding: 10px;
background-color: #eeeeee;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}

.full-left b {
display: block;
border-bottom: 1px solid #555555; 
font-size: 9pt;
font-weight: bold;
color: #333333;
margin-bottom: 5px;
margin-top: 15px;
}

.full-content {
float: left;
margin-right: 20px;
padding: 10px;
width: 490px;
}

.full-content b {
display: block;
font-size: 9pt;
font-weight: bold;
color: #333333;
margin-bottom: 5px;
}

.full-logo {
float: right;
margin: 0px 0px 20px 20px;
max-width: 240px;
}
 
.full-name {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #555555;
    }
    
#admin-panel
{
	background-color: #333333;
	color: lime;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid black;
	margin-bottom: 5px;
}

#admin-panel .right {float: right; color: lime;}
#admin-panel a {color: white; text-decoration: none;}
#admin-panel a:hover {color: orange; }
.admin-table th {
	background-color: #aaaaaa;
	text-align: left;
}
.admin-table tr:nth-child(even) {background: #cccccc}
.admin-table tr:nth-child(odd) {background: #eeeeee}
.admin-table a {
	color: #184F86;
	text-decoration: none;
}
.admin-table .edit {
	color: #A52A2A;
	font-weight: bold;
}