/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
	z-index:99999999;
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 888888;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}


body{background-color:#fff;margin:0;padding:50px 0 30px 0;overflow-x:hidden;overflow-y:auto;width:100%;height:100%; line-height: inherit !important; }
#bottom {font-size:11px;border-top:1px solid #D0CDC0;text-align:center;}

body, tbody { font-size: 14px;}
.overlay {border: 1px dotted #ddd;}

body, html {position: fixed;}

.select2-container .select2-choice>.select2-chosen {font-size: 14px;}

#body {margin:0;}
#body, #body>.row {height:100%;}

h1 {
font-size:24px;
margin-top: 5px;
line-height: 1;
font-family:'Open Sans';
font-weight:400;
color:#878371;
vertical-align:middle;
}
h1 img {width:49px;height:42px;margin-right:22px;vertical-align:middle;}
#logo {margin: 4px;}

	
#sbe-inner, #filtersCat.separated {width:98%;}

#sbe { 
z-index:10;
background:#48638A;
height: 100%;
min-height: 100%;
max-height:100%;
padding-left:12px;
overflow-x:hidden;
overflow-y:auto;
}

#sbe .well {
padding-right: 0;
border-right: 0;
margin-right:-15px; 
margin-bottom:25px;
border-radius: 8px;
border-top-right-radius: 0; 
border-bottom-right-radius: 0;
background:  #EFEFEF;
}


#sbe-results 
{
  background: #EFEFEF;
  max-height:10000px !important;
  z-index:11;	
  overflow-x:hidden;
}



#sbe h4 {margin:5px 10px 10px 0;color:gray;font-size:14px;}
#sbe #addImg {height:20px;width:20px;margin-top:4px;float:left;}
#sbe #sbox {border:1px solid #4B708D;padding:3px;height:18px;color:#999;float:left;}
#sbe a {border:none;}
#sbe img {border:none;}
#sbe form{margin:0;padding:0;}
#sbe #hr {clear:both;width:98%;background:#D0CFC4;height:1px;margin:10px auto;}
#sbe #defCrit {margin:0;margin-bottom:10px;}

.sbei {border:1px solid #D0CFC4;background:#fff;margin:10px 0;width:100%;clear:both;float:left;}
.sbei .inner {padding:0 2%;width:96%;padding-bottom:10px;padding-top:10px;}
.sbei .inner > div {margin-top:8px;}
.sbei .outer {border-left:6px solid #C6F4AA;}
.sbei2 .outer {border-left:6px solid #A3DFFC;}
.sbei span {font-size:11px;}
.sbei input {border:1px solid #1F89E0;padding:2px;font-size:11px;width:55px;margin:0;}
.sbei input[type='text']:hover{background:#FFFFAA;}
.sbei i{color:gray;}
.sbeidel{float:right;position:relative;right:-10px;top:-10px;z-index:10;}
.sbeidel img {width:18px;}

.break {clear:both;}


.topdiv
{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
    user-select: none;
    -moz-user-drag: none;
    -webkit-user-drag: none;
    -ms-user-drag: none;
}

.overlay
{
    padding: 0;
    margin: 0;
    background-attachment: fixed;
    left: 0;
    top: 0;
    height: 200px;
    width: 100%;
    position: absolute;
    z-index: 2;
    border: 1px dotted #ccc;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
    user-select: none;
    -moz-user-drag: none;
    -webkit-user-drag: none;
    -ms-user-drag: none;
}

.grip
{
	background-color: #A3DFFC;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    width: 2%;
    cursor: e-resize;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;    
    user-select: none;
    -moz-user-drag: none;
    -webkit-user-drag: none;
    -ms-user-drag: none;
    background-image: url('//pics3.city-data.com/advanced/grip.png');
    background-repeat: no-repeat;
    background-position: center;
}
.center
{   
	background-color: #A3DFFC;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    height: 150px;
    -moz-user-drag: none;
    -webkit-select: none;
    -user-select: none;
	-moz-select: none;
}

.grip.active, .center.active
{
background-color: #7389D5;
opacity: 0.70;
filter: alpha(opacity = 70);
}


 
.available .grip, .available .center { display: block; visibility: visible;}
.unavailable .grip, .unavailable .center { display: none; visibility: hidden;}

table.tabBlue .hdr {border: 1px solid #B6D7EA;}
table.tabBlue .hdr td {background:#B6D7EA;padding:10px;}
table.tabBlue .inactive td {color: #999;}
table.tabBlue .inactive{text-align: center;}
table.tabBlue .active select, table.tabBlue .active input{font-weight:bold;border:1px solid #4B708D;}
table.tabBlue select {border-right:0;}

.names {height:25px;}
table.sortable {margin: 0;background: whitesmoke;font-size: 11px;border-collapse: collapse;text-align: center;width: 100%;border-bottom: 1px silver solid;}
table.sortable th {background: gainsboro;text-align: center;font-size: 11px;padding:0;}
table.sortable th, table.sortable td {border: 1px silver solid;;font-size: 11px;}
table.sortable td {padding:0 0.2em;}
table.sortable th {background: #C9DFF0; text-align:center; color:#cfdce7; border:1px solid #fff; border-right:none;background-size: contain;}
table.sortable .h4 {font-size:10px;overflow:hidden;color:#585858;}
table.sortable th.asc, table.sortable th.desc {background: #ACC8DD;padding-right:5px;border-left:1px solid #ACC8DD;border-right:1px solid #ACC8DD;}
table.sortable .head .h4 {cursor:pointer; margin: 0;}
table.sortable .desc .h4 {background:url('//pics3.city-data.com/advanced/arr_down.png');}
table.sortable .asc .h4 {background:url('//pics3.city-data.com/advanced/arr_up.png');}
table.sortable .asc .h4, table.sortable .desc .h4 { cursor:pointer; margin: 0;padding-right: 20px;background-repeat: no-repeat;background-position: 98% 50%;}

table.sortable .head h4:hover, .sortable .desc:hover, .sortable .asc:hover {color:#858585;}


.nosort {background: #DEDEDE;}

table.sortable tr.include {background: #FFEBCA;}
table.sortable tr img.del {float:left;margin-left:3px;margin-top:3px;display:none;cursor:pointer;}
table.sortable tr.selectedRow img.del {display:inline;}
table.sortable tr.selectedRowCmp img.del {display:inline;}
.tooltipster-content img.del {height:10px; position:absolute;top:1px; right:1px;cursor:pointer;}

table.sortable tr:hover, table.sortable tr.include:hover { background: #DEDEDE; }
table.sortable tr.selectedRow, table.sortable tr.selectedRow:hover {background: #B8CAEB;}
table.sortable tr.selectedRowCmp, table.sortable tr.selectedRowCmp:hover {background: #B8EBCA;}

#mapOSM {width:100%;height:300px;position:relative;}
#sbdbg {display:none;visibility:hidden;}
.valueMarker { width: 0.5%; height: 66%; background: #00A; border: 1px solid #00F; position: absolute; z-index: 99999999; top: 17%; border-radius: 2%; opacity: 0.5; filter: alpha(opacity = 50);}
.info {color: #888;float:right;font-size:9px;position:absolute;top:2px;right:0;padding-right:7px;}
label.include {
    color: #888;
    float:left;
    font-size:9px;
    height:19px;
	padding-left: 15px;
    text-indent: -15px;
}
label.include span { padding-left:2px;}
label.include input 
{
  width: 12px;    
  -ms-transform: scale(0.7); /* IE */
  -moz-transform: scale(0.7); /* FF */
  -webkit-transform: scale(0.8); /* Safari and Chrome */
  -o-transform: scale(0.7); /* Opera */	
  transform: scale(0.7);
	*overflow: hidden;  
}

label.include span, label.include input 
{
	vertical-align: bottom;
    position: relative;
    bottom: -4px;
    margin:0; 

}

.selectDIV {clear:both;width:100%;height:100%;position: absolute; top: 0; left: 0; z-index: 0;}

#cstate {
height: 20px;
width:156px;
overflow-y: hidden;
}


.elp 
{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;    
    -ms-text-overflow: ellipsis;    
}

#debug {margin-top:0;height:0;visibility:hidden;}
#clearButton {position:absolute;right:10px;top:5px;visibility:hidden;}
#clearFilters {margin-top: 6px;}

#sbe .title {font-size:16px;font-weight:bold;color:#267AFE;float:right;margin-top:20px;padding:5px;border-radius:0 13px;}
#sbe .title a {font-size:11px; color:red;text-decoration:none;}
#tutorial {
  font-size: 0.95em;
  text-align: justify;
  color: #C8C9CA;
  padding: 0 10% 20px 8%;
}
#tutorial li+li {margin-top:30px;}
#tutorialTitle strong, #tutorial strong {display:block;font-size:14px;margin-bottom:5px;color:#dedede;}
#tutorial b {color:#D8D9DA;}

#tutorialTitle {border-bottom:1px solid #dedede; margin-bottom:10px; }


#tutorial2 {display:none;}


#share {float:right;margin-top:3px; margin-right:5px;}
.infoicon {height:20px; width:20px; border:none;}

a.button {background: transparent url('//pics3.city-data.com/bg_button_a.png') no-repeat scroll top right;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;border-bottom: 0;}
a.button span {background: transparent url('//pics3.city-data.com/bg_button_span.png') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;} 
a.button:hover {text-decoration: none;border-bottom:0;}
a.button:active {background-position: bottom right;color: #000;outline: none; text-decoration: none;}
a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px; } 

#clearCrit {float:right;}

#sbe .section {display:block;margin-bottom:5px;color:#878787;}

#sbe .select2-container-multi .select2-choices {font-size:12px;overflow:auto;}
#sbe .select2-container-multi .select2-search-choice {line-height: 12px;}

#filters, #filtersCat.joined {width:100%;height:60px;}
#filtersCat.separated {padding-top:10px;padding-bottom:10px;margin-top:20px;}
#cstate, #s2id_cstate {width:100%}

#sbe #s2id_cstate.select2-container-multi ul.select2-choices {overflow-x:hidden;}
#csize, #s2id_csize, #cnear, #s2id_cnear {width:49%;float:left;margin-top:5px;}
#s2id_cnear {float:right;}

#category, #s2id_category {width:39%;float:left;}
#criteria, #s2id_criteria {width:59%;float:right;}

@media (max-width: 900px) {
#csize, #s2id_csize, #cnear, #s2id_cnear, #category, #s2id_category,#criteria, #s2id_criteria  {width:100%;margin-top:5px;}
}


#sbe .select2-container-multi .select2-choices, #sbe .select2-container .select2-choice, 
#category, #csize, #cnear, #cstate, #criteria, #sbe .select-default
{
   height:27px !important;
   color: #333 !important;
   background: #fff !important;
   border: #ccc 1px solid;
   border-radius: 4px;
}

#sbe .select2-container-multi .select2-choices 
{
	height:30px !important;
}

   
#sbe-main, 
#sbe .select2-container-multi .select2-choices, #sbe .select2-container .select2-choice, #sbe #filters, 
#category, #criteria, #cstate, #csize, #cnear, .inputV input, 
#mapOSM {
  -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
  box-sizing: border-box !important;         /* Opera/IE 8+ */
}

#sbe #cstate { color: #fff !important;font-size:0;}
#sbe .select2-container-multi {margin-top:-1px;}
#sbe #defCrit, #infoRS {vertical-align: middle;}
#infoRS {margin-top:-3px;}


.tooltipster-marker {border: 2px solid #888;opacity:0.75;background:#B5B5B5;}
.tooltipster-marker .tooltipster-content {font-size: 13px;padding: 4px 6px;}
.tooltipster-compare .tooltipster-content {pointer-events:auto !important;}
.select2-drop {z-index:999999 !important;}

.inputV {height:20px;width:130px;display:block;float:right;margin-top:0;margin-right:-12px;}
#sbe-results table.sortable tfoot td {padding:0;margin:0;border:none;}
#sbe-results table.sortable .stats td {padding:0;margin:0;border:none;height:19px;overflow:hidden;}
#pNavi {float: left;padding:0;}
#pNavi a {text-decoration:none;}
#tStats {float: right;margin: 5px 10px;}
.compact-theme a, .compact-theme span {border-top:0;}

#sr.loading .h4, #sr.loading tbody, #sr.loading tfoot{
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: url(blur.svg#blur);
}

#sr thead td {
	font-family:'Open Sans';
	vertical-align:middle;
    border: none;
    padding: 6px 0;
    text-align: left;
	background: #EFEFEF;
}

.axisXttip {width: 100%;height: 14px;z-index: 4;position: absolute;bottom: -1px;left: 1px;}
.axisYttip {height: 100%;width: 8%;z-index: 3;position: absolute;top: 0;left: 1px;}

#pageNoInput {height: 19px;width: 38px;float: left;margin-left: 3px;border: 1px #ccc solid;margin-top: 2px;padding: 0 3px;}
#pageNoInput:hover{background:#FFFFAA;}

#pageNoInput+a  {font-size: 12px;line-height: 19px;margin-top: 3px;margin-left: 2px;box-shadow: none;}


.hsDiv, .sexDiv, .racePop  {min-height: 90px;margin: 15px auto 10px auto;}
.hsDiv, .sexDiv, .racePop {width: 95%;border: 1px solid #B0B0B0;overflow: hidden;}
.racePop {height:200px;}


.tooltipster-content .close {float:right;margin-left:3px;margin-top:-6px;margin-right:-8px;}

.pContent {height:400px;width:320px; overflow-y:auto;}
.tooltipster-content a, .pContent {color:#ccc;}
.pContent b {color:#eee;}

label a {float: left;width:18px;}
label.cityColAligned {display:block;text-align:left;margin:0 auto;height:22px;}
label.cityColAligned span {float:left;height:15px;padding-top:5px;}
label.cityColAligned img {padding-top:3px;}


body.iframe {padding-bottom:0;}
body.iframe #bottom {display:none;visibility:hidden;}

body.iframe .leaflet-container .leaflet-control-attribution {font-size:9px;}
body.iframe table.sortable td {padding: 0.1em;}
body.iframe #tutorial {font-size:12px;}
body.iframe #sbe .title {border-radius: 13px 13px 0 0;margin-bottom:-1px;float:right;margin-right:4.5%;}

body.iframe #cstate, body.iframe #s2id_cstate {width:45%;font-size:12px;}
body.iframe #csize, body.iframe #s2id_csize, body.iframe #cnear, body.iframe #s2id_cnear {width:54%;font-size:12px;}
body.iframe ul.select2-results li {font-size:11px;}


@media (max-width: 768px) {
::-webkit-scrollbar {
-webkit-appearance: none;
-moz-appearance:none;
width: 3px;
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #000;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
-moz-box-shadow: 0 0 1px rgba(255,255,255,.5);
box-shadow: 0 0 1px rgba(255,255,255,.5);
}
}

html, body {height: 100%;}
.footer { position: absolute; left: 0; bottom: 0;height: 30px; clear: both; padding: 10px; width: 100%; color: white; background: #474747 ;}

@media (max-height: 768px) {
.select2-results { max-height:100px!important;}
}

@media (max-width: 768px) {
#sbe .well {
    margin-right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
	}

body, html {position: relative;}
}

#linkSepWindow {margin-bottom:0;text-align: center;height:50px;width:100%;position:absolute;top:0;left:0;border-radius: 0;}
#linkSepWindow a { text-decoration: underline; font-weight: bold; vertical-align: middle;}
    
/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
       -moz-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
       -moz-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}