/* EMBED CONFIG STYLES */
/* MAIN */
h3{clear:both;}
ul{}
ul,ul li{list-style:none;text-align:center;}
textarea{display:block;width:100%;height:auto;min-height:4em;margin:0 0 20px 0;word-wrap:break-word;}
input[type="text"]{padding:2px;}
iframe{overflow:hidden;border:none !important;margin:0;border-top-width:0;}
.required{font-weight:600 !important;}
.alignright{text-align:right;}
.hider{display:none;}
h2,h3,h4,h5{color:#000;}


/*#config-wrapper{position:relative;display:block;margin:0;padding:0;}*/
#config-header{margin-bottom:5px;}
#config-header h2{color:#000;}
#config-message{color:#666;line-height:18px;}
#config-center{padding-bottom:2px;}
#config-content{position:relative;border:none;padding:0;font-size:12px;color:#888;}
#config-content h5{color:#000;padding:5px;background:#CCC;margin-bottom:10px;}
#config-content h5 a{color:#000;}
#config-content p{margin-bottom:5px;}
#config-content p.error{background:#FA5C5C;color:#fff;padding:5px;margin:2px 0;display:none;}

#config-content .label{font-size:12px;padding-right:10px;color:#444;margin-bottom: 3px;}
#config-content .default{font-size:12px;padding-left:10px;color:#888;}
#config-content .helper{display:block;margin-top: 5px;color:#73b249;font-size:12px;font-style: italic;}
#config-extras{margin-top:0;}
#config-extras p{margin-top:-20px;}
#custom_map_fields{padding-top:4px;}
#code_to_embed{clear:both;color:#000;margin-bottom:10px;}
#code_to_embed textarea{margin:0;height:5em;overflow:auto;padding:4px;}

#tileapi{display:none;}

/*options*/
#config-options{margin-bottom:20px;}
/*
#config-options{float:left;}
#config-options{margin-right:30px;}
*/
#location_copier{padding:0;cursor:pointer;text-decoration:none;}
#location_copier img{vertical-align:sub;opacity:.7;}
/* map */
#config-map{margin-bottom:10px;background:transparent;padding-top:2px;border:1px dashed #666;min-height:500px;overflow:hidden;}
#config-map p{display:none;}
#config-map p img{vertical-align:top;padding-left:10px;cursor:pointer;opacity:.7;}
#config-map input{width:250px;padding:5px;border:1px solid #666;}
#example_iframe{position:relative;}
/* misc */
#embed_helper{font-size:12px;font-weight:400;padding-left:20px;color:#666;}

/* DEFAULT THEME */

/* CRIME */
.crime { color: #fff; padding: 0 3px 2px; }
.violent { background: #D90000; }
.property { background:  #23965E; }
.qol { background: #3489BA; }
.unknown { background: #D9A200; }
.crime_extras{color:#000;font-size:13px;margin-bottom:20px;margin-top:20px;}
.crime_extras ul {
    text-align:left;
    padding-left: 1.8em;
    margin-left: 0;
}
.crime_extras ul, .crime_extras ul li {
    text-align:left;
    list-style: square;
}
.crime_extras ul li{padding:5px 0;}


/* PREVIEW */
#previewConfig{display:block;text-align:left;padding:0 15px 0 0;font-size:12px;}
#close-preview-modal{margin-top:-5px;font-size:18px;font-weight:200;text-align:right;display:none;padding:0 10px 0 0;color:#ccc;text-decoration:none;}
#close-preview-modal span{font-size:20px;}
#configure.preview{visibility:hidden;}
#config-map.preview{position:absolute;z-index:10;padding:10px 10px 10px 20px;background:#444;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#config-map.preview iframe{margin-top:0px;}
#config-map.preview #close-preview-modal{display:block;}
#previewBackground{background:#333;background:rgba(0,0,0,.9);position:fixed;width:100%;height:100%;z-index:1;display:none;top:0;left:0;}

/* embed index */
#embed_grid{margin:20px 0 0;}
#embed_grid dl{float:left;margin:0 20px 20px 0;}
#embed_grid dl:hover{opacity:.8;}
#embed_grid dl dt{}
#embed_grid dl dd{font-size:16px;font-weight:600;}


#config-extras .grid_3{
    margin-bottom: 15px;
    min-height: 60px;
}

#config-extras .label{display:block;}
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/* Custom Select Box CSS Style Plugin by www.adamcoulombe.info */
.customStyleSelectBox {
/* Styles For Your Select Box */
font-size: 12px;
background-color: #fff;
color: #333;
padding: 4px 7px;
border: 1px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px 5px;
text-align:left;
}

.customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}

/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
background:url(../images/dk_arrows.png) no-repeat center right;
}