body {
    color: #444444;
    font: 12px/1.7em "Open Sans","trebuchet ms",arial,sans-serif;
    margin: 0;
}
.widget {
  float: left;
  width: 350px;
}
.widget-header {
  background-image: background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#fafafa 0%, #e9e9e9 100%) repeat scroll 0 0;
  background-image: background: rgba(0, 0, 0, 0) -o-linear-gradient(#fafafa 0%, #e9e9e9 100%) repeat scroll 0 0;
  background-image: background: rgba(0, 0, 0, 0) linear-gradient(#fafafa 0%, #e9e9e9 100%) repeat scroll 0 0;
  border-bottom: 1px solid #d5d5d5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: table;
  height: 40px;
  line-height: 32px;
  padding: 20px 15px 15px 86px;
  position: relative;
  width: 230px;
}
.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
    background-image: url("../images/sprite-16-black.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    margin-right: -2px;
    opacity: 0.7;
    position: relative;
    top: 5px;
    width: 16px;
}
.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
  background-image: url("../images/sprite-16-black.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 16px;
  margin-left: 10px;
  margin-right: 0;
  opacity: 0.7;
  position: relative;
  top: 23px;
  width: 16px;
}
.icon-map-pin-alt {
    background-position: 0 -4884px;
}
.widget-content::before, .widget-content::after {
    content: "";
    display: table;
}
.widget-content::after {
    clear: both;
}
.widget-content::before, .widget-content::after {
    content: "";
    display: table;
}
.form .control-group .field, .widget-content, .widget-header {
    text-align: left;
}
.widget-content {
  padding: 20px 15px 15px;
  width: 320px;
}
#loc1, #loc2 {
    cursor: pointer;
    display: inline-block;
}

.form fieldset .field-group:last-child .field {
    margin-bottom: 0;
}
.form .control-group .field, .widget-content, .widget-header {
    text-align: left;
}
.form .control-group .field {
    display: block;
    margin-right: 2em;
}
.form .field-group .field {
    font-size: 14px;
}

div.checker span.checked {
    background-position: -76px -260px;
}
div.checker {
    position: relative;
}
div.checker {
    margin-right: 5px;
}
div.checker {
    height: 19px;
    width: 19px;
}
.selector, .checker, .button, .radio, .uploader {
    display: inline-block;
    vertical-align: middle;
}
.selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button * {
    padding: 0;
}

div.checker span {
    display: inline-block;
    text-align: center;
}
div.checker span {
    background-position: 0 -260px;
    height: 19px;
    width: 19px;
}
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
}
.selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button * {
    margin: 0;
    padding: 0;
}
.form .control-group input {
    cursor: pointer;
    position: relative;
    top: 2px;
}
div.checker input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block;
}
div.checker input {
    height: 19px;
    width: 19px;
}
.selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button * {
    margin: 0;
    padding: 0;
}
input, textarea, select {
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    color: #424242;
    font-family: "Open Sans",Verdana,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
    font-size: 13px;
    outline: medium none;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.form .control-group .field label {
    font-size: 12px;
}
.form .control-group .field label {
    color: #444444;
    cursor: pointer;
    display: inline-block;
}
.form .field-group .field label {
    font-weight: normal;
    margin: 0 0 0 2px;
}

.btn-quaternary, .btn-quaternary:visited, .progress-bar.quaternary .bar {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fbfbfb 0%, #ececec 2%, #cccccc 100%) repeat scroll 0 0;
    border-color: #bbbbbb;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #444444;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.btn-small {
    font-size: 11px;
    padding: 5px 8px;
}
.btn {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    line-height: normal;
    margin: 1px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

div.widget-header h3 {
  float: left;
  width: 100px;
}
div.field-group.control-group {
    margin: 7px 0 25px 7px;
    height: 100%;
    overflow: hidden;
}
div.field-group.control-group fieldset {
  border-radius: 10px;
}
fieldset {
  border-radius: 8px;
}
.btn-smallest {
  font-size: 11px;
  padding: 5px 2px;
}
    </style>
<style>
a.listing {
  color: #444444;
  font: 14px/.8em "Open Sans","trebuchet ms",arial,sans-serif;
  text-transform: lowercase;
}
span.description,
p.description {
  color: #444444;
  font: 12px/1.7em "Open Sans","trebuchet ms",arial,sans-serif;
  margin: 4px 0 25px;
  width: 100%;
}
div.results {
  border: 1px solid #444444;
  border-radius: 8px;
  margin: 0 auto;
  max-width: 700px;
  min-width: 320px;
  overflow: auto;
  padding: 25px;
  width: 100%;
}
.complete{
    display:none;
}
.more {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 3px;
  color: #444444;
  cursor: pointer;
  font: 12px/1.7em "Open Sans","trebuchet ms",arial,sans-serif;
  margin: 0 5px;
  padding: 3px;
}
body.more {
  margin: 0;
  padding: 0;
}
span.green {
  color: #556b2f;
  font-size: 14px;
  font-style: italic;
}
[id*="complete"] {
  color: #000000 !important;
  font-weight: 600 !important;
  margin: 10px auto;
  width: 75%;
}
.widget.result_box {
  float: left;
  width: 700px;
}
.widget-content.results-widget {
  width: 100%;
  padding: 20px 15px 15px 0;
}
#send {
  float: left;
  margin: 0 10px 0 0;
}
div.field div.checker span input {
  cursor: pointer;
}
div.field label {
  cursor: pointer;
}
.date {
  font-size: 11px;
  font-weight: bold;
}
#error_light {
  height: 19px;
  text-align: right;
  width: 100%;
  max-width: 700px;
  opacity: 0;
}
#error_light_in_browser {
  opacity: 0;
  float: left;
  height: 19px;
  padding-left: 12px;
  padding-top: 6px;
  text-align: left;
  width: 44px;
}
#error_light img {
  height: 100%;
}
#error_light_in_browser img {
  height: 100%;
  padding: 2px 0 0;
}
.results-widget div.clear { clear: both;}
#previous_button {
  float: left;
  margin:  0 10px 0 0;
}
#next_button {
  float: left;
  margin:  0 10px 0 0;
}
.attributes {
  color: #ff0000;
}
.number_total {
  margin: 0 0 0 672px;
  position: absolute;
  top: 130px;
}
.second_web {
  color: #444444;
}
.full_time_filters {
  float: left;
  height: 21px;
  padding: 6px 0;
  width: 375px;
}
.full_time_filters .field.check-city{
  float: right;
  padding: 0 0 0 9px;
}
.field.check-city {
    width: 50%;
    float: left;
    height: 20.39px;
}
.field.check-city.colorCities,
.field.check-city.colorFilters {
    width: auto;
    float: right;
    height: 24px;
}
.field.check-city.colorCities label,
.field.check-city.colorFilters label {
    padding: 2px 16px 0 0;
    display: block;
    height: 24px;
    width: auto;
    color: black;
    float: inherit;
}
.page {
    margin: 0 auto;
    position: fixed;
    text-align: center;
    max-width: 700px;
    top: 100px;
    width: 100%;
}
.centered {
    background-color: #fff;
    position: fixed;
    width: 100%;
    text-align: center;
    top: 7%;
    left: 50%;
    padding: 20px;
    transform: translate(-50%, 0);
}
.buttons, .reporting {
    width: 90%;
    height: 100%;
    overflow: hidden;
    padding: 0 0 5px 15px;
}
.counting {
    width: 49%;
    float: left;
}
div#charcount, div#counter {
    display: inline;
    padding-left: 3px;
}
hr {
    width: 91%;
    text-align: left;
    margin: 49px 0 8px;
}
span.Website.more {
    display: block;
    margin-left: -137px;
    font-size: 81%;
    display: none;
}
span.smallest {
    font-size: 9px;
}
.Submit {
    background-color: #00b2ff33;
}
.checker.tier1 { background-color: #ff940075; border-radius: 6px; border-width: inherit;}
.checker.tier2 { background-color: #00800033; border-radius: 6px; border-width: inherit;}
.checker.tier3 { background-color: #ffff007a; border-radius: 6px; border-width: inherit;}
.checker.tier4 { background-color: #0000ff29; border-radius: 6px; border-width: inherit;}

#tier_1, button#group1button { background-color: #ff940075;}
#tier_3, button#group2button { background-color: #00800033;}
#tier_4, button#group3button { background-color: #ffff007a;}
#tier_2, button#group4button { background-color: #0000ff29; }
/**/
#tier_1.litup, button#group1button.litup { border-color: red; border-width: 1px;}
#tier_2.litup, button#group2button.litup { border-color: red; border-width: 1px;}
#tier_3.litup, button#group3button.litup { border-color: red; border-width: 1px;}
#tier_4.litup, button#group4button.litup { border-color: red; border-width: 1px;}
#tier_1, button#group1button { border-color: #ff940075; border-width: 1px;}
#tier_3, button#group2button { border-color: #00800033; border-width: 1px;}
#tier_4, button#group3button { border-color: #ffff007a; border-width: 1px;}
#tier_2, button#group4button { border-color: #0000ff29; border-width: 1px;}

.checker.group1 { background-color: #ff940075; border-radius: 6px; border-width: inherit;}
.checker.group2 { background-color: #00800033; border-radius: 6px; border-width: inherit;}
.checker.group3 { background-color: #ffff007a; border-radius: 6px; border-width: inherit;}
.checker.group4 { background-color: #0000ff29; border-radius: 6px; border-width: inherit;}
.checker.nocolor { background-color: aliceblue;}

button#group1button.nocolor,button#group2button.nocolor,button#group3button.nocolor,
button#group4button.nocolor { border-color: aliceblue; border-width: 1px; background-color: aliceblue;}

#tier_1.nocolor,
#tier_2.nocolor,
#tier_3.nocolor,
#tier_4.nocolor { border-color: aliceblue; border-width: 1px; background-color: aliceblue;}
.time_now {
    padding: 10px 0;
}