/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


.digg_pagination {
  background: #white;
  font-size: 85%;
  /* self-clearing method: */ }
  .digg_pagination a, .digg_pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px; }
  .digg_pagination span.disabled {
    color: #999;
    border: 1px solid #DDD; }
  .digg_pagination span.current {
    font-weight: bold;
    background: #2E6AB1;
    color: white;
    border: 1px solid #2E6AB1; }
  .digg_pagination a {
    text-decoration: none;
    color: #105CB6;
    border: 1px solid #9AAFE5; }
    .digg_pagination a:hover, .digg_pagination a:focus {
      color: #003;
      border-color: #003; }
  .digg_pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .digg_pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .digg_pagination {
    height: 1%; }
  *:first-child+html .digg_pagination {
    overflow: hidden; }

.apple_pagination {
  background: #F1F1F1;
  border: 1px solid #E5E5E5;
  text-align: center;
  padding: 1em; }
  .apple_pagination a, .apple_pagination span {
    padding: .2em .3em; }
  .apple_pagination span.disabled {
    color: #AAA; }
  .apple_pagination span.current {
    font-weight: bold;
    background: transparent url(apple-circle.gif) no-repeat 50% 50%; }
  .apple_pagination a {
    text-decoration: none;
    color: black; }
    .apple_pagination a:hover, .apple_pagination a:focus {
      text-decoration: underline; }

.flickr_pagination {
  text-align: center;
  padding: .3em; }
  .flickr_pagination a, .flickr_pagination span {
    padding: .2em .5em; }
  .flickr_pagination span.disabled {
    color: #AAA; }
  .flickr_pagination span.current {
    font-weight: bold;
    color: #FF0084; }
  .flickr_pagination a {
    border: 1px solid #DDDDDD;
    color: #0063DC;
    text-decoration: none; }
    .flickr_pagination a:hover, .flickr_pagination a:focus {
      border-color: #003366;
      background: #0063DC;
      color: white; }
  .flickr_pagination .page_info {
    color: #aaa;
    padding-top: .8em; }
  .flickr_pagination .prev_page, .flickr_pagination .next_page {
    border-width: 2px; }
  .flickr_pagination .prev_page {
    margin-right: 1em; }
  .flickr_pagination .next_page {
    margin-left: 1em; }


body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

@media screen {
  body, p, ol, ul, td {
   font-family: verdana, arial, helvetica, sans-serif;
  }
}

@media print {
  body, p, ol, ul, td {
    color : #000000; 
    background : #ffffff; 
    font-family : "Times New Roman", Times, serif;
    font-size : 12pt; 
  }
  a { 
    text-decoration : underline; 
    color : #0000ff; 
  }
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: blue; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}



/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

input:.large {
	font-size: 13px;
	padding: .6em 2.0em .42em;
}.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.large_button {
	font-size: 13px!important;
	padding: .6em 2.0em .42em;
}
.medium_button {
	font-size: 12px!important;
	padding: .4em 1.5em .42em;
}
.small_button {
	font-size: 11px!important;
	padding: .2em 1em .275em;
}
.fat_button {
	font-size: 15px!important;
    height: 35px;
    width: 150px;
	padding: .8em 3.0em .64em;
}

/* color styles 
---------------------------------------------- */

/* black_button */
.black_button {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black_button:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black_button:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray_button */
.gray_button {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray_button:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray_button:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white_button */
.white_button {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white_button:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white_button:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange_button */
.orange_button {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange_button:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange_button:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red_button */
.red_button {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red_button:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red_button:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue_button */
.blue_button {
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue_button:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue_button:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy_button */
.rosy_button {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy_button:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy_button:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green_button */
.green_button {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green_button:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green_button:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink_button */
.pink_button {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink_button:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink_button:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/* dark_grey_teal_button */
.dark_grey_teal_button {
	color: #ffffff;
	border: solid 1px #333;
	background: #46535C;
	background: -webkit-gradient(linear, left top, left bottom, from(#4F535C), to(#41535C));
	background: -moz-linear-gradient(top,  #4F535C,  #41535C);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#47535C', endColorstr='#47535C');
}
.dark_grey_teal_button:hover {
	color: #ffffff;
	background: #d7d7d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.dark_grey_teal_button:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

.related_incident_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.related_incident_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.related_incident_button:active {
	position:relative;
	top:1px;
}

.rbc-dark-blue {
  border:3px solid #dee9e4;
  background: #777faa; 
}

.rbc-dark-blue:hover {
	background:#30588e;
}

.new_btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 55;
  -moz-border-radius: 55;
  border-radius: 55px;
  color: #ffffff !important;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  border: solid #cfdbe3 4px;
  text-decoration: none;
}

.new_btn:visited {
  color: #ffffff !important;
}

.new_btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.square_btn {
  position: relative !important;
  display: inline-block !important;
  padding: 0.25em 0.5em !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05) !important;
  font-weight: bold !important;
  border: solid 2px #fff !important;
  margin-top: 6px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  margin-bottom: 4px !important;
}

.gold_btn {
  color: #56503f !important;
  background: #ffe58a !important;
}

.square_btn:active {/*on Click*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.short-arrow-right,
.short-arrow-left,
.long-arrow-right,
.long-arrow-left{
  display: block;
  width: 15px;
  height: 15px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}
.short-arrow-right,
.long-arrow-right{
 transform: rotate(135deg);
}

.short-arrow-left,
.long-arrow-left{
 transform: rotate(-45deg);
}
.long-arrow-right::after,
.long-arrow-left::after{
  content: "";
  display: block;
  width: 2px;
  height: 45px;
  background-color: black;
  transform: rotate(-45deg) translate(15px, 4px);
  left: 0;
  top: 0;
}



.round-button {
	width:3%
}

.round-button-circle {
	width: 100%;
	height:0;
	padding-bottom: 100%;
  border-radius: 50%;
	border:5px solid #cfdcec;
  /*overflow:hidden; */
  box-shadow: 0 0 3px gray;
}

.round-button-large {
  font-size: 2.1em;
}

.round-button-small {
  font-size: 12px;
}

.rbc-circle-red {
  background: #fb3151;
}

.rbc-circle-rose {
  background: #24c5b9;
}

.rbc-circle-blue {
  background: #4679BD; 
}

.rbc-circle-green {
	background: #49a667;
}

.rbc-circle-gold {
	background: #FDE8A5;
}

.rbc-circle-purple {
	background: #81a1f3;
}

.rbc-circle-white {
	background: #f8f0f0;
}

.rbc-circle-orange {
	background: #eb9d30;
}

.rbc-circle-grey {
	background: #eb9d30;
}

/*
.round-button-circle:hover {
	background:#30588e;
}
*/

.round-button a {
  display:block;
	float:left;
	width:100%;
	padding-top:50%;
  padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
	text-align:center;
	color:#e2eaf3;
  font-family: Arial;
  font-weight:bold;
  text-decoration:none;
}


@media screen {
  html, body {
    height: 100%;
    font-family: Helvetica, Arial, Verdana, sans-serif;
  }
  #print_vsp_warning_div {
    display: none !important;
  }
}

html.busy, html.busy * {
  cursor: wait !important;
}

.wait {
  cursor:wait;
}

table tr .highlight { background-color: #CCCCCC }

table tr th {
 color: #000;
 background: #dddddd;

 font-size: 100%;
 text-align: center;
 border-bottom: 1px solid #000;
}

@media screen {
  table tr th {
    font-family: "Ariel", sans-serif;
  }
}

table td {
  margin: 0;
  text-align: left;
}

table td.bold {
  font-weight: bold;
}

.full_width {
  width: 100%;
}

.half_width {
  width: 50%;
}

.third_width {
  width: 33%;
}

.quarter_width {
  width: 25%;
}

.fifth_width {
  width: 20%;
}

.tenth_width {
  width: 10%;
}

#wrecker_form {
  padding-left: 0px !important;
}

.dragging_active table {
  width: 100px;
  border: 1px solid #000;
}

.active_droppable {
  color: green;
  font-weight: italic;
}

.hover_droppable {
  color: black;
  font-weight: bold;
}

.parsley-required {
  color: red;
}

.close_class {
  color: white !important;
  background: red !important;
  font-weight: bold !important;
}

.red {
  color: red;
}

.yellow {
  color: #ff8811;
}

.orange {
  color: #ff6633;
}

.purple {
  color: #9400D3;
}

.bright-orange {
  color: #f76508;
}

.green {
  color: green;
}

.light_green {
  color: #99cc99;
}

.bg_light_green {
  background-color: #99cc99;
}

.server-name {
  color: white;
  font-weight: normal;
  font-style: normal;
  font-size: 67%;
  padding-left: 5px;
}

a.red {
  color: red !important;
}

a.purple {
  color: #9400D3 !important;
}

a.yellow {
  color: #ff8811 !important;
}

a.orange {
  color: #ff6633 !important;
}

a.green {
  color: green !important;
}

a.blue {
  color: blue !important;
}

a.magenta {
  color: magenta;
}

.light_red_background {
  background-color: #ff5858;
}

.light_yellow_background {
  background-color: #ffcc66;
}

.light_green_background {
  background-color: #99cc99;
}

.red_background {
  background-color: red;
}

.yellow_background {
  background-color: #ff8811;
}

.orange_background {
  background-color: #ff6633;
}

.green_background {
  background-color: green;
}

.pale_gold_bg {
  background-color: #fadf84;
}

.pale_silver_bg {
  background-color: #ccd1db;
}

.pale_red_bg {
  background-color: #ff9999;
}

.pale_green_bg {
  background-color: #99cc99;
}

.pale_blue_bg {
  background-color: #b6e7e1;
  border-bottom: 1px solid #000;
}

.white_fg {
  color: #ffffff;
}

table td.left {
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #b5b5b5;
  font-size: 100%;
}

table td .center {
  margin: 0;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #b5b5b5;
  font-size: 100%;
}

table.header {
    width: 100%;
    margin: 0 0 0 0;
    float: left;
    text-align: center;
    border-collapse:collapse;
    border-spacing:1px;
    background:#e8e8e8;
}

table.header tr th {
    text-align: left;
    border-bottom: 1px solid #000;
    border-spacing: 4px;
    font-weight: normal;
    font-size: 100%;
}

table.header tr td {
    padding: 2px 10px 0px 0px;
    vertical-align: top;
}

table.gridheader {
  width: 100%;
  margin: 0 0 0 0;
  float: left;
  text-align: center;
  border-collapse:collapse;
  border-spacing:1px;
  background:#e8e8e8;
/*
  border-width:1px 1px 1px 1px;
  border-style: solid;
*/
}

table#inactive_officers {
 border-collapse: collapse;
}

table#inactive_officers tr {
  border-bottom: 1pt solid darkgray;
}

#in_place_form.in_place_class {
  width: 100%;
  float: left;
  position:relative;
  margin-top:10px;
  padding: 2px 2px 2px 2px;
  
}

#incident_tab_menu,
#person_history_tab_menu,
#person_association_tab_menu,
#vehicle_history_tab_menu,
#report_tab_menu,
#setup_tab_menu,
#oob_tab_menu,
#log_tab_menu,
#people_attributes_tab_menu,
#vehicle_incident_specifics_attributes_tab_menu,
#uof_details_attributes_tab_menu,
#properties_attributes_tab_menu,
#officers_attributes_tab_menu,
#incident_offenses_attributes_tab_menu,
#rtr_details_attributes_tab_menu,
#incident_arrests_attributes_tab_menu,
#tickets_attributes_tab_menu,
#associations_tab_menu {
  float: left;
}

#incident_tab_menu ul,
#person_history_tab_menu ul,
#person_association_tab_menu ul,
#vehicle_history_tab_menu ul,
#report_tab_menu ul,
#setup_tab_menu ul,
#log_tab_menu ul,
#oob_tab_menu ul,
#people_attributes_tab_menu ul,
#vehicle_incident_specifics_attributes_tab_menu ul,
#uof_details_attributes_tab_menu ul,
#properties_attributes_tab_menu ul,
#officers_attributes_tab_menu ul,
#incident_offenses_attributes_tab_menu ul,
#rtr_details_attributes_tab_menu ul,
#incident_arrests_attributes_tab_menu ul,
#tickets_attributes_tab_menu ul,
#associations_tab_menu ul {
  list-style: none;
  line-height: normal;
  height: 20px;
  margin: 0;
  padding: 0;
  overflow: visible;
  margin-bottom: 0px;
  z-index: 4;
}

#incident_tab_menu ul li,
#person_history_tab_menu ul li,
#person_association_tab_menu ul li,
#vehicle_history_tab_menu ul li,
#report_tab_menu ul li,
#setup_tab_menu ul li,
#oob_tab_menu ul li,
#log_tab_menu ul li,
#people_attributes_tab_menu ul li,
#vehicle_incident_specifics_attributes_tab_menu ul li,
#uof_details_attributes_tab_menu ul li,
#properties_attributes_tab_menu ul li,
#officers_attributes_tab_menu ul li,
#incident_offenses_attributes_tab_menu ul li,
#rtr_details_attributes_tab_menu ul li,
#incident_arrests_attributes_tab_menu ul li,
#tickets_attributes_tab_menu ul li,
#associations_tab_menu ul li {
  float: left;
}

#incident_tab_menu .current_tab_item a,
#person_history_tab_menu .current_tab_item a,
#person_association_tab_menu .current_tab_item a,
#vehicle_history_tab_menu .current_tab_item a,
#report_tab_menu .current_tab_item a,
#setup_tab_menu .current_tab_item a,
#oob_tab_menu .current_tab_item a,
#log_tab_menu .current_tab_item a,
#people_attributes_tab_menu .current_tab_item a,
#vehicle_incident_specifics_attributes_tab_menu .current_tab_item a,
#uof_details_attributes_tab_menu .current_tab_item a,
#tickets_attributes_tab_menu .current_tab_item a,
#incident_offenses_attributes_tab_menu .current_tab_item a,
#rtr_details_attributes_tab_menu .current_tab_item a,
#incident_arrests_attributes_tab_menu .current_tab_item a,
#properties_attributes_tab_menu .current_tab_item a,
#officers_attributes_tab_menu .current_tab_item a,
#asssociations_tab_menu .current_tab_item a {
  background: #ccccff;
  color: #333;
}


#people_attributes_tab_menu a,
#incident_offenses_attributes_tab_menu a,
#rtr_details_attributes_tab_menu a,
#incident_arrests_attributes_tab_menu a,
#properties_attributes_tab_menu a,
#officers_attributes_tab_menu a,
#tickets_attributes_tab_menu a,
#vehicle_incident_specifics_attributes_tab_menu a,
#uof_details_attributes_tab_menu a {
  display: block;
  background: #eeeeee;
  float: left;
  width: 140px;
  height: 12px;
  text-align: center;
  padding: 0;
  padding-top: 3px;
  font-weight: bold;
  font-size: 10px;
  color: #3333FF;
  
}

#incident_tab_menu a,
#person_history_tab_menu a,
#person_association_tab_menu a,
#vehicle_history_tab_menu a,
#report_tab_menu a,
#setup_tab_menu a,
#oob_tab_menu a,
#log_tab_menu a,
#associations_tab_menu a {
  display: block;
  background: #eeeeee;
  float: left;
  width: 137px;
  height: 20px;
  text-align: center;
  padding: 0;
  padding-top: 6px;
  font-weight: bold;
  font-size: 12px;
  color: #3333FF;
}

#incident_tab_menu a:hover,
#person_history_tab_menu a:hover,
#person_association_tab_menu a:hover,
#vehicle_history_tab_menu a:hover,
#report_tab_menu a:hover,
#setup_tab_menu a:hover,
#oob_tab_menu a:hover,
#log_tab_menu a:hover,
#people_attributes_tab_menu a:hover,
#vehicle_incident_specifics_attributes_tab_menu a:hover,
#uof_details_attributes_tab_menu a:hover,
#properties_attributes_tab_menu a:hover,
#officers_attributes_tab_menu a:hover,
#incident_offenses_attributes_tab_menu a:hover,
#rtr_details_attributes_tab_menu a:hover,
#incident_arrests_attributes_tab_menu a:hover,
#tickets_attributes_tab_menu a:hover,
#associations_tab_menu a:hover {
  color: #2C2E22;

}

a img {
  border: 0;
}

.small_font {
  font-size: 75%;
}

.overflow_auto {
  overflow: auto;
}

div#incident_ticket_table {
  overflow: auto;
  border: 1px solid;
}

div#user_group_associations {
  overflow: auto;
  border: 1px solid;
}

table.ticket_table {
  font-size: 80%;
  border: 1px solid;
}

table.ticket_table tr td {
  font-size: 100%;
}

div#incident_property_table {
  overflow: auto;
  border: 1px solid;
}

table.property_table {
  font-size: 80%;
  border: 1px solid;
}

table.property_table tr td {
  font-size: 100%;
}

div#incident_person_table {
  overflow: auto;
  border: 1px solid;
}

table.person_table {
  font-size: 80%;
  border: 1px solid;
}

table.person_table tr td {
  font-size: 100%;
}

table#table_data_table tr th {
  font-size: 75%;
  text-align: left;
}

table#table_data_table tr td {
  font-size: 75%;
}

table.sortable {
  border-spacing: 0;
  border-collapse: collapse;
  border-width: 0px 0px 0px 0px;
  overflow: auto;
}

table.sortable th, table.sortable td {
  text-align: left;
  border-style: solid;
  border-color: #444;
  border-spacing: 0px;
  font-size: 100%;
}

table.sortable th {
  border-width: 0px 1px 1px 1px;
  background-color: #cccccc;
}

table.sortable td {
  border-width: 0px 1px 0px 1px;
}

table.sortable tr.ui-collection-result td.pale_blue_bg {
  background-color: #b6e7e1;
}

table.sortable tr.ui-state-alternate td.pale_blue_bg {
  background-color: #b6e7e1;
}

table.sortable tr.even td.pale_blue_bg {
  background-color: #b6e7e1;
}

table.sortable tr.ui-collection-result td.pale_green_bg {
  background-color: #99cc99;
}

table.sortable tr.ui-state-alternate td.pale_green_bg {
  background-color: #99cc99;
}

table.sortable tr.even td.pale_green_bg {
  background-color: #99cc99;
}


table.sortable tr.ui-collection-result td.pale_red_bg {
  background-color: #ff9999;
}

table.sortable tr.ui-state-alternate td.pale_red_bg {
  background-color: #ff9999;
}

table.sortable tr.even td.pale_red_bg {
  background-color: #ff9999;
}

table.sortable tr.ui-collection-result td.pale_gold_bg {
  background-color: #fadf84;
}

table.sortable tr.ui-state-alternate td.pale_gold_bg {
  background-color: #fadf84;
}

table.sortable tr.even td.pale_gold_bg {
  background-color: #fadf84;
}

.clear_div_higher {
  clear: both;
}

.clear_div_lower {
  clear: both;
}

.clear_div {
  clear: both;
}

.history_button {
  float: left;
}

table.sortable tr.sortbottom td {
  border-top: 1px solid #444;
  background-color: #ccc;
  font-weight: normal;
  font-size: 75%;
}

table.gridheader th a {
  font-size: 100%;
  font-weight: bold;
}

table.gridheader th a:link {
  text-decoration: none;
}

table.bulletin {
  border: 1px solid;
  width: 100%;
}

tr.bordered {
  border: 1px solid;
  background-color: #ccc;
}

tr.bordered_bottom_right {
  border-bottom: 1px solid;
}

td.bordered_right {
  border-right: 1px solid;
}

tr.dash_incident_border_top {
  border-top: 1px solid;
}

tr.bordered_heavy_top {
  border-top: 3px solid;
  border-right: 0px;
  border-left: 0px;
}

tr.bordered_top {
  border-top: 1px solid;
  border-right: 0px;
  border-left: 0px;
}

tr.bordered_bottom {
  border-bottom: 1px solid;
}

div.bordered, span.bordered {
  border: 1px solid;
}

div.shaded, span.bordered {
  background-color: #dddddd;
}

span.bold {
  font-weight: bold;
}

span.italic {
  font-style: italic;
}

div.bold {
  font-weight: bold;
}

div.italic {
  font-style: italic;
}

label.bold {
  font-weight: bold;
}

div.forty_percent {
  width: 40%;
}

div.source_chart, div.target_chart {
  margin: 5px 0px 5px 0px;
  background: floralwhite;
  margin-left: auto ;
  margin-right: auto ;
}

.property_tag_table {
  width: 98%;
  border: 1px solid;
}

.property_tag_header {
  width: 98%;
}

span.tag_number {
  font-size: 125%;
  font-weight: bold;
}

span.property_action {
  font-size: 200%;
  font-weight: bold;
}

div.relative {
  position: relative !important;
}

div.absolute {
  position: absolute !important;
}

div.garbage_container {
  position: relative !important;
  display: inline-block;
}

div#source_chart_area, div#target_chart_area {
  margin-left: 2px;
  width: 100%;
}

div#source_chart_area {
  height: 210px;
}

div#target_chart_area {
  height: 360px;
}

div#target_table_area {
  margin-left: 2px;
  width: 100%;
}

ul li.noElementAction {
  width:50%;
  list-style-image: url('/images/main/reports/button_null.png');
}

ul li.countElementAction {
  width:50%;
  list-style-image: url('/images/main/reports/button_count.png');
}

ul li.groupElementAction {
  width:50%;
  list-style-image: url('/images/main/reports/button_group.png');
}

ul li.sumElementAction {
  width:50%;
  list-style-image: url('/images/main/reports/button_sum.png');
}

ul li.averageElementAction {
  width:50%;
  list-style-image: url('/images/main/reports/button_avg.png');
}

div.target_dropped {
  position: absolute !important;
}

select.shaded, li.shaded, tr.shaded {
  background-color: #dddddd;
}

tr.shaded {
  background-color: #dddddd;
}

div.bordered_down {
  border: 1px solid;
  margin_top: 50px;
}

div.filter {
  float: left;
  padding: 10px 0px 0px 0px;
}

div.if_table_spinner {
  position: absolute;
  z-index: 10;
  width: 30px;
  height: 30px;
  display: none;
}

#incident_edit_form {
  width: 90%;
  position:relative;
  margin-top:10px;
  margin-left:10px;
}

.edit_container {
  width: 90%;
  position:relative;
  margin-top:10px;
  margin-left:10px;
  background: grey;
}

.edit_container .fieldset_100 {
  width: 100%;
  margin-left:10px;
}

.edit_container .fieldset_50 {
  width: 49%;
  margin-left:10px;
}

.edit_container .call_container {
  float: left;
  margin-top: 0px;
}

.edit_container .caller_container {
  float: none;
  margin-top: 0px;
}

.edit_container .inputs {
  width: 100%;
}

.headertext {
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

div.form_entry {
  text-align: left;
  font-size: 75%;
  padding: 0px 1px 0px 10px;
  background: #444;
}

.form_entry table tr td {
  text-align: left;
  font-size: 100%;
}

.form_entry table tr td input {
    text-align: left;
    font-size: 100%;
}

.form_entry table tr td label {
    text-align: left;
    font-size: 100%;
}

.form_entry .text_entry {
    height: 14px;
    font-size: 100%;
    vertical-align: top;
}

.form_entry .text_area {
    font-size: 100%;
    vertical-align: top;
}

.form_entry .select {
    font-size: 95%;
    vertical-align: top;
}

label.error {
  color: red;
}

.responder_times {
  font-size: 125%;
  padding-left: 10px;
}

.responder_times label {
  font-weight: bold;
  margin-top: -20px !important;
}

fieldset.speed_measurements {
  border: 1px solid !important;
}

.fieldset-auto-width {
  display: inline-block;
}

div.error {
  border: 2px solid red;
  padding-top: 40px;
  text-align: center;
}

div.error p {
  color: red;
  font-weight: bold;
  font-style: italic;
}

.ori_label {
  color: white;
  font-style: italic;
}

div#setup_filter, div#setup_filter1, div#dmv_filter {
  background-color: #d3d3e7; 
  border: 1px solid #000;
}

#setup_filter_form, div#setup_filter1, #dmv_filter_form {
  width: 89%;
}

div.common_grid {
  width: 100%;
  overflow-x:hidden;
  overflow-y:auto;
  border: 1px solid #000;
  font-size: 90%;
}

div.horizontal_scroll_grid {
  width: auto;
  overflow-x: scroll;
  overflow-y:auto;
  border: 1px solid #000;
  font-size: 90%;
  white-space: nowrap;
}

.common_label {
  text-align: left;
  font-weight: bold;
  font-style: italic;
}

.centered_label {
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

.medium_height {
  height: 30px;
}

.italic_centered_label {
  text-align: center;
  padding-left: 0px;
  font-style: italic;
}

.centered_message {
  text-align: center;
}

.full_page {
  width: 100%;
}
.third_page {
  width: 33%;
}

#incident_page_container, #officer_page_container {
  border :1px solid;
}

#oei_grid_container, #officer_grid_container, #prosecutor_grid_container, 
#area_setup_grid_container, #unit_setup_grid_container, #team_setup_grid_container,
#dispatched_grid_container, #unassigned_grid_container, #active_grid_container,
#violations_grid_container {
  float:left;
  position:relative;
  margin-top:0px;
}

#dispatched_grid_container, #active_grid_container, #available_officer_grid, #notification_users_grid  {
  margin-top: 5px;
  width: 100%;
}
#ori_grid_container, #officer_grid_container, #prosecutor_grid_container, #violations_grid_container {
  width: 100%;
}

#area_setup_grid_container, #team_setup_grid_container {
  padding-top: 20px;
  width: 50%;
}

#officer_list_grid_container {
  width: 14%;
  float: right;
  position:relative;
  margin-top:0px;
}

/* Sidebars, Topbars */

#sidebar_container {
  margin-top: 10px;
  float:left; 
  width:122px;
  margin-right: 0px;
  margin-left: 0px;
}

div.sidebar {
  margin-left: 0px;
  margin-right: 0px;
}

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

.sidebar ul li {
  margin-bottom: 0;
  position: relative;
  border: 0;
  padding-left: 1px;
  background-color: #fee8a5;
}

.sidebar ul li a {
  display: block;
  text-decoration: none;
  padding: 0px;
  border: 0;
}

.alert_container {
  height: 95%;
  width: 95%;
  border: 1px solid;
  margin-left: auto ;
  margin-right: auto ;
}

#grid_page {
  /*
  margin-top: 10px;
  float:left; 
  width:85%; 
  height: 1060px;
  overflow:visible !important;
  */
}

#dmv_pageX #grid_page {
  margin-top: 10px;
  float:left; 
  width:85%; 
  /*
  height: 1060px;
  overflow:visible !important;
  */
}

#query_response {
  background: lightgreen;
  color: white;
  font-size: 20px;
}

#query_response .contents {
  padding: 4px;
}

#report_screen {
  height: 1260px;
  margin-top: 10px;
  float:left; 
  width:85%; 
  /* overflow:visible !important; */
}

.grid_container {
  float:left;
  width: 100%;
  position:relative;
  margin-top:10px;
}

.popup_text {
  background-color: #ddd;
  height: 28px;
  width: 480px;
}

.popup_text ul {
  margin: 5px 0 0 5px;
  padding: 0 0 0 0;
}

.popup_text ul li {
  margin: 0 0 0 0;
  padding: 0 2px 0 0;
}

.header_container {
  float: left; 
  width: 100%;
  margin: 0;
  border: 0px;
  height: 20px;
}

.no_list ul {
  list-style-type: none;
}

ul.no_list {
  list-style-type: none;
}

.map_actions ul {
  list-style-type: none;
  margin-left: -36px;
}

.horizontal_layout ul {
  list-style-type: none;
  float: left;
}

.horizontal_layout ul li {
  display: inline;
  position: relative;
  float: left;
  margin-bottom: 0;
  border: 0;
}

.index_filter {
  width: 1024px;
  margin-left: 100px;
}

.pad_top {
  margin-top: 25px;
}

.push_up {
  padding-bottom: 10px;
}

.push_minimized {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.push_middle {
  margin-bottom: 5px;
  margin-top: 5px;
}

.push_down {
  padding-top: 10px;
  margin-top: 10px;
}

.user_header {
  text-align:left;
  color: #d3d3e7;
  font-style: italic;
  padding-left:0px;
  margin-top:0px;
  width:100%;
}

.ori_header {
  text-align:left;
  color: #d3d3e7;
  padding-left:20px;
  margin-top:0px;
  width:100%;
  font-size: 150%;
  margin-bottom: 20px;
}

.update {
  size: 20;
}

.stored_report_buttons {
  width: 400px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 0px;
  margin-bottom: 40px;
}

.stored_report_buttons button {
  color: white;
}

.unit_time {
  font-size: 80% !important;
}

.both_columns{width:840px;float:left;}
.column{width:480px;float:left;}
.left_column{width:100px;float:left;}
.center_column{width:400px;float:left;}
.right_column{width:180px;float:left;}

.column ul {
  list-style-type: none;
  float: left;
  padding: 0;
}

.column ul li {
  display: inline;
  padding: 0;
  font-size: 80%;
}

.column ul li ul {
  list-style-type: none;
  margin: 10px 0px 0px 5px;
}

.column ul li ul li {
}

.hidden_item, .hidden {
  display: none;
  visibility: hidden;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.tiny_left_offset {
  margin-left: 5px!important;
  padding-left: 5px!important;
}

.tiny_right_offset {
  margin-right: 5px!important;
  padding-right: 5px!important;
}

.small_left_offset {
  margin-left: 15px!important;
  padding-left: 15px!important;
}

.small_right_offset {
  margin-right: 15px!important;
  padding-right: 15px!important;
}

.medium_left_offset {
  margin-left: 23px!important;
  padding-left: 23px!important;
}

.medium_right_offset {
  margin-right: 23px!important;
  padding-right: 23px!important;
}

.left_offset {
  margin-left: 30px!important;
  padding-left: 30px!important;
}

.top_offset {
  margin-top: 10px!important;
}

.left_aligned {
  margin-left: 0px!important;
}

.right_offset {
  margin-left: 0px!important;
  padding-right: 30px!important;
}

.large_right_offset {
  margin-left: 0px!important;
  padding-right: 60px!important;
}

.no_offset {
  margin-left: 0px!important;
  padding-right: 0px!important;
}

.left_margin {
  margin-left: 30px;
}

.shift_left {
  margin-left: -20px;
}

.centered {
  text-align: center;
}

p.indented {
  text-indent: 20px;
  padding-left: 10px;
}

.underlined {
  text-decoration: underline;
}

div.fully_centered {
  width: 100%;
  margin-left: auto ;
  margin-right: auto ;
}

div.broadcast_centered {
  width: 600px;
  margin-left: auto ;
  margin-right: auto ;
}

div.centered_agency_notes {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  padding-top: 8px;
}

div.centered {
  width: 300px ;
  margin-left: auto ;
  margin-right: auto ;
}

div.report_actions {
  width: 400px ;
  margin-left: auto ;
  margin-right: auto ;
}

div.report_build_actions {
  width: 500px ;
  margin-left: auto ;
  margin-right: auto ;
}

#run_header {
  height: 30px;
}

div.run_report_header {
  margin-left: auto ;
  margin-right: auto ;
}

.dash_rec_select {
  margin-left: 10px !important;
}

.tooltip { 
  position: absolute; top: 0; left: 0; z-index: 3; display: none;
}

.shield_image {
  width: 122px;
  height:154px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: -1px;
}

.product_logo {
  width: 360px;
  height:64px;
  margin-left: -64px;
}

li.login_form {
  width: 40% !important;
  margin-left: 5% !important;
}

.header_button {
  width: 96px;
  height: 28px;
}

.button_square {
  width: 64px;
  height: 64px;
}

.button_small_wide {
  margin-top: -16px;
}

.button_photo_control {
  margin-top: -8px;
}

.car_stop {
  margin-right: -50px;
  margin-top: -30px;
}

.button_dash_small_wide {
  width: 48px;
  height: 24px;
  margin-top: 4px;
}

.button_extra_small_wide {
  margin-top: -24px;
}

.log_remove_button {
  width: 36px;
  height: 24px;
}

.button_small_extra_wide {
  width: 110px;
}

.button_small_ultra_wide {
  width: 128px;
  height: 32px;
}

.button_small {
  width: 36px;
  height: 36px;
}

.button_extra_small {
  width: 24px;
  height: 24px;
}

.button_ultra_small {
  width: 16px;
  height: 16px;
}

.tooltip {
  display:none;
  background:transparent url('/images/tooltip/black_arrow.png');
  font-size:12px;
  height:70px;
  width:160px;
  padding:25px;
  color:#fff;  
}

.button_container {
  text-align: center;
}

/* style the trigger elements */
#demo img {
  border:0;
  cursor:pointer;
  margin:0 8px;
}

@media screen {

  .short_text {
    width:50%; 
    float:right; 
    padding-right:1px;
  }

  .medium_long_text {
    width: 20%;
  }

  .long_text {
    width: 30%;
    max_height: 5000;
  }

  .tiny_select {
    width: 25;
  }

  .short_select {
    width: 60px;
  }

  .medium_short_select {
    width: 77px;
  }

  .medium_select {
    width: 105px;
  }

  .medium_medium_select {
    width: 120px;
  }

  .medium_long_select {
    width: 140px;
  }

  .long_select {
    width: 160px;
  }

  .extra_long_select {
    width: 215px;
  }

  .extra_extra_long_select {
    width: 255px;
  }

  .ultra_long_select {
    width: 300px;
  }

  .extra_ultra_long_select {
    width: 350px;
  }

  .short_vio_name_select {
    width: 400px;
  }

  .vio_name_select {
    width: 525px;
  }

  div#ticket_overview_container ul.chzn-search li {
    font-size: 85%;
    width: 525px;
  }

  div#ticket_overview_container ul.chzn-results li {
    font-size: 85%;
    width: 525px;
  }

  div#tickets_attributes_tab ul.chzn-results li  {
    font-size: 85%;
    width: 525px;
  }

  .extra_extra_ultra_long_select {
    width: 450px;
  }

  .ultra_ultra_long_select {
    width: 550px;
  }

  .officer_narratives {
    font-size: 120%;
  }
}

div.form-actions-center {
  width: 425px;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 10px;
}

div.form-actions-center fieldset {
  width: 100%;
}

div.form-actions-left {
  float: left;
  width: 425px;
  margin-bottom: 10px;
}

div.form-actions-right {
  float: left;
  margin-left: 8px;
  width: 425px;
  margin-bottom: 10px;
}

div.form-actions-separator {
  margin-bottom: 10px;
  clear: both;
}

.form-actions {
  width: 67%;
}

.form-actions form input, .form-actions form label {
  display: block;
}

.form-actions form label {
  font-weight: normal;
  font-size: 1em;
}

.form-actions form input[type=checkbox] {
  vertical-align:middle;
  margin-bottom: 10px;
}

.history_image {
  width: 16px;
  height: 16px;
}

.editing_photos {
  display:block;
  position:absolute;
  top:24px;
  right:32px;
}

.photos {
  display:block;
  position:absolute;
  top:300px;
  right:38px;
}

.editing_person_alerts {
  display:block;
  position:absolute;
  top:178px;
  right:32px;
}

.person_alerts {
  display:block;
  position:absolute;
  top:464px;
  right:32px;
}

.address_alerts {
  display:block;
  position:absolute;
  top:205px;
  right:30px;
}

.fire_alerts {
  display:block;
  position:absolute;
  top:235px;
  right:60px;
}

.fire_responder_alerts {
  display:block;
  position:absolute;
  top:265px;
  right:30px;
}

#responder_notification_text p {
  font-size: 15px;
}

.vehicle_alerts {
  display:block;
  position:absolute;
  top:400px;
  right:60px;
}

div.pagination {
  height: 25px;
}

span.pagination_wrapper {
  height: 25px;
  float: right;
}

div#report_selection {
  margin: 20px 10px 5px 10px;
}

div#setup_list_container {
  margin: 20px 10px 5px 10px;
  width: 100%;
}

tr.query_return td {
  font-size: 95%;
}

tr#injected_row td pre {
  font-size: 110%;
}

div#dmv_grid {
  overflow: auto;
}

div#dmv_selection {
  float: left;
  width: 20%;
  border: 1px solid;
}

div#dmv_actions {
  float: right;
  width: 79%;
  border: 1px solid;
}

div.report_list{
  border: 1px solid;
  background-color: #fde8a5;
}

div#reports_screen {
  height: 1024px;
  border: 1px solid;
  background-color: #ffffff;
}

div.setup_list {
  border: 1px solid;
  background-color: #fde8a5;
}

div#custom_sources, div#custom_targets {
  border: 1px solid;
  background: aliceblue;
}

.target_table {
}

div#report_criteria {
  border: 1px solid;
  background-color: #eeeeee;
  margin: 20px 10px 5px 10px;
  width: 90%;
}

.report_graph {
  position: relative;
  left: 0px;
  top: 0px;
  height: 16px;
  width: 64;
}

div#criteria_container {
  width: 100%;
}

.ui-selecting {
  background: silver;
}

.ui-selected {
  background: gray;
}

div.white_bg {
  background-color: #ffffff;
}

tr.light_grey_bg, select.light_grey_bg, div.light_grey_bg {
  background-color: #eeeeee;
}

span.sortarrow {
  height: 5px;
  width: 3px;
}

thirty_percent {
  width: 30%;
}

li.bordered {
  border: 1px solid lightgrey;
}

.report_search_wrapper {
  border: 1px solid;
  background: #eaeaea;
}

.rounded-corners {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 10px;
  margin-bottom: 5`0px;
}


@media screen
{
  .page-break { display:none; }

}

@media print
{
  .print_control { visibility:hidden; }
  .no-print { display: none !important; }

  .page-break{
    break-before: page; 
    page-break-before: always;
  }

  .page-break:first-of-type{
    break-before: auto;
    page-break-before: auto;
  }

  #weight_slip_container {
    break-inside: avoid;
    page-break-inside: avoid;
    margin: 2px;
    padding: 0;
  }

  textarea {
    height: auto;
    overflow: visible!important;
    page-break-inside: avoid !important;
  }
  .print_element_containerX {
    border: 1px solid;
  }

  textarea:focus, input:focus{
    outline: none;
    border: 0;
  }
  .print_header {
    float: right;
    font-size: 75%;
    font-style: italic;
  }

  fieldset {
    font-size: 85% !important;
  }


  /*
  @page { margin: 40px 20px 40px 20px; }
  body {
    margin: 40px 20px 40px 20px;
    font: 100%/1.618 sans-serif;
  }
  */

  /*
  @page { margin: 0; }
  body { margin: 1.6cm; }
  */

}

.printoverflow {
  display: block !important;
  overflow: visible !important;
  margin: 1.6cm;
}

.ui-accordion .ui-accordion-content{ overflow:visible !important; }

#login_page {
  height: 640px;
}

.action_buttons {
  width: 100%;
}
.action_buttons ul {
  list-style-type: none;
  float: left;
  width: 100%;
}

.action_buttons ul li {
  display: inline;
  position: relative;
  float: left;
  border: 0;
  width: 13%;
}

#incident_time_div {
  float: left;
  margin-left: 3px;
  margin-top: 10px;
  width: 55%;
  padding: 2px;
  text-align: left;
  background-color: #46535c;
  border: 1px solid #1c94c4;
  /* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.img_center {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

#incident_action_div {
  float: left;
  margin-left: 30px;
  margin-top: 10px;
  width: 176px;
  padding: 4px;
  text-align: left;
  background-color: #46535c;
  border: 1px solid #1c94c4;
  /* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

#buttons_div {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}

#misc_buttons {
  padding: 2px;
}

#external_links {
  padding: 4px;
  background-color: #46535c;
  border: 1px solid #1c94c4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#external_links a {
  padding: 4px;
}

.topbar {
  float: left; 
  width: 100%;
  margin: 0px;
  border: 0px;
  padding-top: 10px;
}

.topbar a {
  margin: 0px;
}

.log_entry_container {
  padding: 4px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background-color: #d3d3e7; 
  border: 1px solid #1c94c4;
}

.logs_filter {
  padding: 4px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 4px;
  background-color: #d3d3e7; 
  border: 1px solid #1c94c4;
}

.log_header {
  background-color: #b3d3e7; 
  border: 1px solid #1c94c4;
}

#new_log_entry_div {
  position:absolute;
  left: 40px;
  top: 40px;
}

.online_report_header {
  margin-bottom: 20px;
}

div ul li.search-choice {
  font-size: 65%;
  font-style: bold;
}

div ul li.tabs_default {
  padding-left: 20px;
}

.narratives {
  cols: 120; 
  rows: 5;
}

#dedup {
  float: left;
  width: 100%;
  padding-top: 40px;
}

.query_summary {
  width: 100%;
}

.search_controls {
  margin-left: 200px;
  float: left;
  width: 500px;
}

.officer_csv_button {
  margin-left: 40px;
}

#nibrs_report {
  width: 100%;
}
form.formtastic .report_control input {
  float: right;
  margin-left: 0px !important;
}

.setup_controls {
  width: 40%;
  float: right;
  margin-top: -100px;
}

#nibrs_list_container {
  height: 1024px;
  width: 100%;
}

.nibrs_passed, .nibrs_ok a {
  color: green;
}

.nibrs_failed {
  color: red;
}

.nibrs_failed a {
  color: red;
}

.nibrs_warn {
  /* color: #ff4200; */
  color: orange;
}

.nibrs_warn a {
  /* color: #ff4200; */
  color: orange;
}

.report_header {
  border: 1px solid;
  background-color: #ccc;
  text-align: center;
  padding-left: 0px;
  font-weight: bold;
  font-style: italic;
  height: 30px;
}

table thead tr.top td {
  border-top: 1px solid;
  font-size: 75%;
}

table thead tr.bottom td {
  border-bottom: 1px solid;
  font-size: 75%;
}

table tbody tr.top td {
  border-top: 1px solid;
  font-size: 75%;
}

table tbody tr.bottom td {
  border-bottom: 1px solid;
  font-size: 75%;
}

table tbody tr.shaded td {
  background-color: #DDDDDD;
  font-size: 75%;
}

table tr td.larger_font {
  font-size: 150%;
}

.bulletin_badge {
  background-color: #007bff;
  color: white;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.75em;
}

.bulletin_balls {
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
}

table.bulletin tr td a{
  color: black;
  width: 100%;
}

.bulletin-bold {
  font-weight: bold;
  font-family: Montserrat !important;
}

.rotate {
  /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
  -webkit-transform: rotate(-90.0deg);
}

.nibrs_buttons {
  padding-left: 5px;
}

div#associated_ori_chzn ul.chzn-choices, div#ORI_chzn ul.chzn-choices {
  background-color: #556F83;
  background-image: -moz-linear-gradient(center top , #556F83 1%, #556F83 15%)
}

ul.chzn-results li {
  clear:both;
}

table#auth_entry thead {
  font-size: 90%;
}

table#auth_entry tbody tr td {
  font-size: 90%;
}

div.dmv_queries_container {
  width: 80%;
  margin-left: auto ;
  margin-right: auto ;
}

div.dmv_query_container {
  width: 80%;
  margin-left: auto ;
  margin-right: auto ;
}

div#dmv_selection_container ul li a {
  font-style: italic;
}

div#dmv_form {
  margin-left: 10px;
  margin-top: 10px;
	background-color: #eeeeee;
}

div#dmv_form form.formtastic fieldset { border:2px solid; }

.setup_password_edit {
  cursor: pointer;
}

.password-error-message {
  color: red;
  font-size: 1.0em;
  margin: 2px 0;
}

.password-valid {
  color: green;
  font-size: 1.0em;
  margin: 2px 0;
}
      %br
.dhx_chart_legend_item, .dhx_axis_item_x {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

hr.bold {
  height: 2px;
}

.arrow_box {
	position: relative;
	background: #000000 !important;
	border: 2px solid;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(10, 13, 15, 0);
	border-left-color: #0a0d0f;
	border-width: 20px;
	margin-top: -20px;
}

.arrow_box:before {
	border-width: 26px;
	margin-top: -26px;
}

div.maxient_entry {
  width: 100%;
  padding-top: 16px;
}

div.maxient_entry label {
  float: left;
}

div.maxient_entry input, textarea {
  float: right;
  width: 75%;
}

div.maxient_entry select.maxient_select {
  float: right;
  width: 75%;
}

div.maxient_column_five {
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-count: 5;
  -webkit-column-gap:.5em;
  -moz-column-gap:.5em;
  column-gap:.5em;
}

div.maxient_column_four {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -webkit-column-gap:.5em;
  -moz-column-gap:.5em;
  column-gap:.5em;
}

div.maxient_column label {
  float: left;
  width: 90%;
}

div.maxient_column input, textarea {
  /* float: left; */
  width: 90%;
}

div.maxient_column_three {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap:.5em;
  -moz-column-gap:.5em;
  column-gap:.5em;
}

div.maxient_column_threeX label {
  float: left;
  width: 90%;
}

div.maxient_column_threeX input, textarea {
  float: left;
  /* width: 90%; */
}


div.maxient_header {
  text-align: center;
  font-weight: bold;
  background: #fff4e9;
  height: 20px;
}

.maxient_question_header {
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}

li.group-option {
  color: blue;
  font-weight: bold;
}

.css-spinner,
.css-spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.css-spinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ui-autocomplete {
  max-height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.report_header {
  width: 98.5%;
  height: 24px;
}

#ticker_entry_container {
  padding-left: 20px;
  padding-right: 20px;

}

input.header-entry {
  width: 20%;
}

label.inactive-label {
  font-weight: bold;
}

li.ticker-items {
  margin-top: 10px;
}

li.ticker-items a {
  text-decoration: none;
}

label.inactive-label {
  font-weight: bold;
  font-style: italic;
}
.header_content {
  width: 100% !important;
}

.quill-content {
  height: 968px;
  width: 100%;
}

#arrest_citation_div {
  background-color: white;
  font-size: 90% !important;
}

 table.arrest_citation_table {
  border: solid 2px;
  border-bottom: none;
  border-spacing: 0;
}

table.arrest_citation_table tr td {
  border-right: none;
}

table.arrest_citation_table tr td.do-border {
  border-left: 2px solid black;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
}

table.arrest_citation_table tr td.separator {
  border-bottom: 2px solid black;
}

.marquee_contents {
  font-size: 150%;
  color: white;
}
.marquee_contents  a {
  color: yellow;
}

.recommendations {
  overflow: auto !important;
  height: 200px;
}

.importantAuto { overflow: auto !important; }

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid blue; 
}

.large-arrow-left {
  width: 0; 
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid blue;
  margin-top: 5px;
  padding-left: 10px;
}

.large-arrow-right {
  width: 0; 
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid blue;
  margin-top: 5px;
  padding-right: 10px;
}

.check-notification .check {
  /* position: relative; */
  top: -10px;
  right: -10px;
  padding: 1px 8px;
  border-radius: 50%;
  background: red;
  color: white;
}

.caller_buttons {
  padding-top: 4px !important;
}

table.sortable tr.ui-collection-result td.red_dash {
	color: red !important;
}

table.sortable tr.ui-collection-result td.orange_dash {
	color: orange !important;
}

div.duration-picker-containerX {
  margin-left: 310px !important;
}

td.blue_query {
  color: #8AD1F7 !important;
}


li.select2-selection__choice {
  width:auto !important;
}

ul.select2-selection__rendered {
  font-size: 85% !important;
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}

.select2-selection--single {
  /* height: 100% !important; */
}

a.related_linked {
  color: white !important;
}


#selected_return {
  margin: 5px;
  border: 1px solid #000;
  font-family: "Courier", sans-serif;
  font-size: 11pt;
}

div.jqi {
  font-size: 14px !important;
}

.vscomp-search-input {
  margin-left: 0px !important;
  font-family: 'Verdana';
  font-size: 95%;
}

#footer {
  bottom: 0;
  height: 2.5rem;            /* Footer height */
}

#olr_container ul {
  margin-top: -18px
}

.left_right_weighs {
  padding-left: 500px;
  width: 150%;
}

@media print {
  #weight_slip_container {
    heightX: 90%;
  }
}
@media screen {
  #weight_slip_container {
    width: 99%;
    margin-left: auto ;
    margin-right: auto ;
    padding-left: 20%;
    padding-top: 75px;
  }
}

#weight_slip_container #logo {
  margin-top: -20px;
}

#weight_slip_container #footer {
  margin-top: 10px !important;
}

#weight_slip_print_button {
  margin-top: 20px;
  margin-right: 20px;
  float: right;
}

#weight_slip_container #owner-info, #secondary-info {
  text-align: left !important;
}

@media print {
  #weight_slip_print_button {
    display: none;
  }
}

pre {
  font-size: 14px !important;
}


@media all {
  #black_square {
    width: 30px;
    height: 30px;
    background: black;
  }

  ul.vsp_race_data {
    margin-left: -36px;
  }

  table.vcvc_tables_header {
    height: 30px;
    width: 100%;
  }

  table.vcvc_tables_header tr th {
    line-height: 40px;
    height: 35px;
    background-color: black;
    color: white;
    border: 0px !important;
    font-size: 200%;
  }

  table.vcvc_tables {
    border: solid 4px;
  }

  table.vcvc_tables tr td {
    border-right: 3px solid;
  }

  table.vcvc_tables tr th {
    border-right: 3px solid;
    font-size: 120%;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
  }

  table.vcvc_tables tr td.ticket_number {
    font-size: 200%;
    text-align: center;
  }

  table.vcvc_tables tr td.barcode {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 100px;
  }

  table.barby-barcode {
    border-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
  }
  tr.barby-row {
  }
  td.barby-cell {
    width: 2px;
    height: 50px;
  }
  td.barby-cell.on {
    background: #000;
  }

  span.cv_content {
    font-weight: bold;
  }

  span.small_label_content {
    font-size: 100%;
  }

  #checkboxes ul li span {
    font-size: 120%;
  }

}

@media screen {
  .checkbox_centered {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 28%;
  }

}

@media print {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);

  #black_square {
    width: 80px !important;
    height: 80px !important;
    background: black !important;
  }

  table.vcvc_tables_header thead tr {
    width: 100% !important;
  }

  table.vcvc_tables_header thead tr th {
    line-height: 40px;
    height: 105px !important;
    width: 100% !important;
    background-color: black;
    color: white;
    font-size: 500% !important;
  }

  span.cv_content {
    font-family: 'ariel', 'sans-serif' !important;
    font-style: italic !important;
    font-weight: bold !important;
  }

  span.small_label_content {
    font-size: 90% !important;
  }

  #vsp_warning_div {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  #vsp_warning_div {
    margin-top: 20px !important;
    background-color: #ffffff !important;
  }

  .defendant_lhs {
    width: 50% !important;
    float: left !important;
  }
  .defendant_rhs {
    width: 50% !important;
    float: right !important;
  }

  .defendant_lhs_top {
    width: 39% !important;
    float: left !important;
  }
  .defendant_rhs_top {
    width: 59% !important;
    float: right !important;
  }

  .defendant_lhs_bottom {
    width: 50% !important;
    float: left !important;
  }
  .defendant_rhs_bottom {
    width: 50% !important;
    float: right !important;
  }

  table.vcvc_tables tr td {
    border-right: 3px solid !important;
    font-size: 410% !important;
    line-height: 60px !important;
    padding-left: 10px !important;
  }

  table.vcvc_tables tr th {
    border-right: 3px solid !important;
    font-size: 390% !important;
    line-height: 66px !important;
    text-align: center !important;
    font-weight: bold !important;
  }

  table.vcvc_tables tr td.big_font {
    border-right: 3px solid !important;
    text-align: center !important;
    font-size: 80px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #defendant_back p {
    font-size: 295% !important;
    line-height: 105% !important;
  }

  #defendant_plea p {
    font-size: 325% !important;
    line-height: 85% !important;
  }

  table.defendant_plea_table tr {
    border-bottom: 3px solid !important;
  }

  table.defendant_plea_table tr td {
    border-right: 3px solid !important;
    font-size: 390% !important;
    line-height: 105% !important;
  }

  table.vcvc_tables tr td.ticket_number {
    font-size: 600% !important;
    text-align: center !important;
  }

  table.vcvc_tables tr td.barcode {
    padding-left: 10px !important;
  }

  table.barby-barcode {
    border-spacing: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    margin-left: 100px !important;
    width: 90% !important;
  }

  td.barby-cell {
    width: 7px !important;
    height: 150px !important;
  }
  td.barby-cell.on {
    background: #000 !important;
  }

  table.vcvc_tables tr td input[type='checkbox'] {
    width: 50px !important;
    height: 50px !important;
    outline: 4px solid !important;
  }

  .vcvc_defendant_print,
  #defendant_plea input[type='checkbox'] {
    width: 100px !important;
    height: 100px !important;
  }

  table.officer_back tr td {
    font-size: 160% !important;
  }

  table.officer_back tr td ul li {
    font-size: 160% !important;
  }

  ul.officer_back {
    list-style-type: none !important;
  }

  ul li.officer_back {
    font-size: 160% !important;
  }

  div.vcvc_arrow ul li {
    font-size: 375% !important;
  }

  .officer_notes p {
    font-size: 150% !important;
    line-height: 1.1 !important;
  }

  div#officer_back table tr td {
    font-size: 160% !important;
    line-height: 30px !important;
  }

  div#officer_back table tr td ul li {
    font-size: 140% !important;
    line-height: 26px !important;
  }

  .checkbox_centered {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
  }

  #checkboxes ul li span {
    font-size: 220%;
  }
}

div#vsp_race_data table tr {
  border-top: 1px solid;
}

div#vsp_race_data table tr td.no_border_right {
  border-right: 0 !important;
}

div#vsp_race_data table tr td {
  vertical-align: top;
  border-right: 1px solid;
}

div#officer_back table tr {
  border-top: 1px solid;
}

div#officer_back table tr td.no_border_right {
  border-right: 0 !important;
}

div#officer_back table tr td {
  vertical-align: top;
  border-right: 1px solid;
}

table tr.border_top {
  border-top: 1px solid;
}

table tr td.border_right {
  border-right: 1px solid;
}

table tr td.vsp_race_data {
  border-top: 1px solid;
  border-right: 1px solid;
  vertical-align: top;
  height: 56px;
}

ul.vsp_race_data {
  list-style-type: none;
}

ul li.vsp_race_data {
  font-size: 85%;
}

ul li.vsp_selected {
  font-style: bold;
}

table#vsp_warning_table {
  border: solid 3px;
}

table#vsp_warning_table thead tr th {
  height: 12px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  font-size: 75%;
}

table#vsp_warning_table tbody tr td {
  border-right: 2px solid;
  height: 12px;
  font-size: 75%;
}

table#vsp_warning_table tr.vsp_bottom td {
  border-bottom: 2px solid;
}

table.vcvc_tables tr {
  border-bottom: 4px solid;
}

table.barby-barcode tr {
  border-bottom: 0px;
}

table.barby-barcode tr td {
  border-right: 0px;
}

span.signature {
  font-family: 'Lucida Handwriting', Arial;
}

table.vcvc_tables span.bold {
  font-weight: bold;
}


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

#CP_hourcont {
padding: 0px;
position:absolute;
border:1px dashed #bbbbbb;
background-color:#dddddd;
display:none;
}

#CP_minutecont {
background-color:#dddddd;
padding: 0px;
position:absolute;
width:45px;
border: 1px dashed #cccccc;
display:none;
}

.floatleft {
float:left;
}

.CP_hour {
padding:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:35px;
margin:1px;
background-color:#eeeeee;
}

.CP_minute {
padding:1px;
background-color:#eeeeee;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:auto;
margin:1px;
}

.CP_over {
background-color:#ffffff;
}

.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: auto;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
}

.ui-timepicker-wrapper .ui-timepicker-list li {
    padding-right: 20px;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}


/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/

/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0;}
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic fieldset.comboselect input, form.formtastic fieldset.comboselect textarea, form.formtastic fieldset.comboselect select { font-size:90%; margin-left: 0px;}
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:75%; margin-left: -200px;}
form.formtastic input.photo_control { font-size:100%; margin-left: 0px;}
form.formtastic input.button_photo_control { font-size:100%; margin-left: 0px;}
form.formtastic input.btn { font-size:75%; margin-left: 0px;}
form.formtastic a, form.formtastic span { font-size:75%;}
form.formtastic a.carousel_element { font-size:100%; margin-left: 0px;}
form.formtastic legend { border:0; color: black; font-weight: bold; font-style: italic;}
form.formtastic legend.bordered { border:1; color: black; font-weight: bold; font-style: italic;}

.chzn-container .chzn-results li span {
  font-size: 125%;
}
.chzn-container-mullti .chzn-choices .search-choice span {
  font-size: 125%;
}

/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { border: 0;}
form.formtastic fieldset.inputs { }
form.formtastic fieldset.inputs legend { font-size: 85%; font-style: italic;}
form.formtastic fieldset.buttons { padding-left:5%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
@media all {
  form.formtastic fieldset { display: inline-block; }
}

form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:0.2em;}

/* clearfixing the li's */

form.formtastic fieldset ol li { display: inline-block; float: left; width:12%; padding-top: 16px;}
form.formtastic fieldset ol li.parsley-required { width:100%; padding-top: 0px;}
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

form.formtastic fieldset ol li.carousel_element { width: auto; height: auto; padding-top: 0px;}

html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
#login_page form.formtastic fieldset ol li label { margin-bottom: 15px; color: #DEB961; font-weight: bold; display:block; float:left;  font-size:100%; padding-right:1px; padding-left: 2px; width:200px;}
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; font-size:75%;}
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;font-size:75%;}
form.formtastic fieldset ol li label { display:block; float:left; margin-top:-16px; font-size:100%; padding-right:1px; padding-left: 2px; width:200px;}
#olr_containerX form.formtastic fieldset ol li label { display:block; float:left; font-size:100%; padding-right:1px; padding-left: 2px; width:400px; margin-right: -200px;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:15%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:85%; margin:0; padding:0 0 0 35%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 5%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 5%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:90%; }
form.formtastic fieldset ol li.textarea input { width:90%; }
form.formtastic fieldset ol li.password input { width:90%; }
form.formtastic fieldset ol li.numeric input { width:90%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:90%; }

/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:10px 0.5em 0 0.0em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio {}
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }

@media screen {
  form.formtastic fieldset ol li.two_percent { width: 2%; }
  form.formtastic fieldset ol li.three_percent { width: 3%; }
  form.formtastic fieldset ol li.five_percent { width: 5%; }
  form.formtastic fieldset ol li.six_percent { width: 6%; }
  form.formtastic fieldset ol li.seven_percent { width: 7%; }
  form.formtastic fieldset ol li.eight_percent { width: 8%; }
  form.formtastic fieldset ol li.nine_percent { width: 9%; }
  form.formtastic fieldset ol li.ten_percent { width: 10%; }
  form.formtastic fieldset ol li.eleven_percent { width: 11%; }
  form.formtastic fieldset ol li.twelve_percent { width: 12%; }
  form.formtastic fieldset ol li.thirteen_percent { width: 13%; }
  form.formtastic fieldset ol li.fifteen_percent { width: 15%; }
  form.formtastic fieldset ol li.sixteen_percent { width: 16%; }
  form.formtastic fieldset ol li.seventeen_percent { width: 17%; }
  form.formtastic fieldset ol li.eighteen_percent { width: 18%; }
  form.formtastic fieldset ol li.twenty_percent { width: 20%; }
  form.formtastic fieldset ol li.twenty_two_percent { width: 22%; }
  form.formtastic fieldset ol li.twenty_four_percent { width: 24%; }
  form.formtastic fieldset ol li.twenty_five_percent { width: 25%; }
  form.formtastic fieldset ol li.twenty_seven_percent { width: 27%; }
  form.formtastic fieldset ol li.twenty_nine_percent { width: 29%; }
  form.formtastic fieldset ol li.thirty_percent { width: 30%; }
  form.formtastic fieldset ol li.thirty_two_percent { width: 32%; }
  form.formtastic fieldset ol li.thirty_five_percent { width: 35%; }
  form.formtastic fieldset ol li.forty_percent { width: 40%; }
  form.formtastic fieldset ol li.forty_five_percent { width: 45%; }
  form.formtastic fieldset ol li.forty_nine_percent { width: 49%; }
  form.formtastic fieldset ol li.fifty_percent { width: 50%; }
  form.formtastic fieldset ol li.fifty_five_percent { width: 55%; }
  form.formtastic fieldset ol li.sixty_four_percent { width: 64%; }
  form.formtastic fieldset ol li.seventy_percent { width: 70%; }
  form.formtastic fieldset ol li.eighty_percent { width: 80%; }
  form.formtastic fieldset ol li.ninety_eight_percent { width: 98%; }
  form.formtastic fieldset ol li.one_hundred_percent { width: 100%; }

  form.formtastic fieldset ol li.left_padding_10 { padding-left: 10px; }

  form.formtastic fieldset ol li.ten_percent_role { width: 10%; }
  form.formtastic fieldset ol li.ten_percent_print { width: 10%; }
  form.formtastic fieldset ol li.twelve_percent_print { width: 12%; }
  form.formtastic fieldset ol li.thirteen_percent_print { width: 13%; }
  form.formtastic fieldset ol li.fifteen_percent_print { width: 15%; }
  form.formtastic fieldset ol li.fifteen_percent_vin { width: 15%; }
  form.formtastic fieldset ol li.sixteen_percent_address { width: 16%; }
  form.formtastic fieldset ol li.seventeen_percent_print { width: 17%; }
  form.formtastic fieldset ol li.eighteen_percent_print { width: 18%; }
  form.formtastic fieldset ol li.twenty_percent_address { width: 20%; }
  form.formtastic fieldset ol li.twenty_seven_percent_address { width: 27%; }
  form.formtastic fieldset ol li.twenty_five_percent_address { width: 22%; }
  form.formtastic fieldset ol li.twenty_two_percent_print { width: 22%; }
  form.formtastic fieldset ol li.twenty_four_percent_print { width: 24%; }
  form.formtastic fieldset ol li.twenty_five_percent_print { width: 25%; }
  form.formtastic fieldset ol li.forty_percent_print { width: 40%; }

}




table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}
table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}
table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}
table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}
table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}
table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}
table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}
table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}
table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}
table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}
table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}
table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}
table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}


body{
  font-family: 'Droid Sans', 'Helvetica', Arial, sans-serif;
  margin:5px;
}
.map_container{
  display: block;
  width: 95%;
  height: 550px;
  margin: 0 auto;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
#map_container.large{
  height:500px;
}

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:60px;
  line-height:80px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #336699;
}



#controlButtonDiv {
  margin: 10px;
  z-index: 10;
  position: absolute;
  cursor: pointer;
  left: 168px;
  top: 0px;
}

#controlButtonWrapper {
  position: 'relative';
  float: 'left'
}

.layerControl hover {
    background: none padding-box rgb(255, 255, 255);
    background: hover ? rgb(235, 235, 235) : rgb(255, 255, 255);
    display: table-cell;
    border: 0px;
    margin: 0px;
    padding: 0px 17px;
    text-transform: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    direction: ltr;
    overflow: hidden;
    text-align: right;
    height: 40px;
    vertical-align: middle;
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    font-size: 18px;
    /*
    borderBottomRightRadius: 2px;
    borderTopRightRadius: 2px;
    */
    box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
    min-width: 36px;
}

.layerControl {
  background: white;
  list-style: none;
  padding: 2px;
  margin: 0px;
  margin-left: 100px;
  z-index: -1;
  /*
  borderBottomLeftRadius: 2px;
  borderBottomRightRadius: 2px;
  */
  box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
  position: absolute;
  left: 0px;
  top: 40px;
  text-align: left;
  display: none;
}

.layerList {
  color: black;
  font-family: Roboto, Arial, sans-serif;
  font-size: 18px;
  background-color: rgb(255, 255, 255);
  padding: 5px 8px 5px 5px;
  text-align: left;
  white-space: nowrap;
}

.layerList input {
  height: 1em;
  width: 1em;
  transform: scale(1.5);
  margin-right: 15px;
}