/* *
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com */

#plemx-root html, #plemx-root body, #plemx-root div, #plemx-root span, #plemx-root applet, #plemx-root object, #plemx-root iframe, #plemx-root h1, #plemx-root h2, #plemx-root h3, #plemx-root h4, #plemx-root h5, #plemx-root h6, #plemx-root p, #plemx-root blockquote, #plemx-root pre, #plemx-root a, #plemx-root abbr, #plemx-root acronym, #plemx-root address, #plemx-root big, #plemx-root cite, #plemx-root code, #plemx-root del, #plemx-root dfn, #plemx-root em, #plemx-root img, #plemx-root ins, #plemx-root kbd, #plemx-root q, #plemx-root s, #plemx-root samp, #plemx-root small, #plemx-root strike, #plemx-root strong, #plemx-root sub, #plemx-root sup, #plemx-root tt, #plemx-root var, #plemx-root b, #plemx-root u, #plemx-root i, #plemx-root center, #plemx-root dl, #plemx-root dt, #plemx-root dd, #plemx-root ol, #plemx-root ul, #plemx-root li, #plemx-root fieldset, #plemx-root form, #plemx-root label, #plemx-root legend, #plemx-root table, #plemx-root caption, #plemx-root tbody, #plemx-root tfoot, #plemx-root thead, #plemx-root tr, #plemx-root th, #plemx-root td, #plemx-root article, #plemx-root aside, #plemx-root canvas, #plemx-root details, #plemx-root embed, #plemx-root figure, #plemx-root figcaption, #plemx-root footer, #plemx-root header, #plemx-root hgroup, #plemx-root menu, #plemx-root nav, #plemx-root output, #plemx-root ruby, #plemx-root section, #plemx-root summary, #plemx-root time, #plemx-root mark, #plemx-root audio, #plemx-root video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

#plemx-root article, #plemx-root aside, #plemx-root details, #plemx-root figcaption, #plemx-root figure, #plemx-root footer, #plemx-root header, #plemx-root hgroup, #plemx-root menu, #plemx-root nav, #plemx-root section {
  display: block;
}

#plemx-root body {
  line-height: 1;
}

#plemx-root ol, #plemx-root ul {
  list-style: none;
}

#plemx-root blockquote, #plemx-root q {
  quotes: none;
}

#plemx-root blockquote:before, #plemx-root blockquote:after, #plemx-root q:before, #plemx-root q:after {
  content: '';
  content: none;
}

#plemx-root table {
  border-collapse: collapse;
  border-spacing: 0;
}

#plemx-root .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#plemx-root .clearfix {
  display: inline-block;
}

/* start commented backslash hack \ */

#plemx-root * html .clearfix {
  height: 1%;
}

#plemx-root .clearfix {
  display: block;
}

/* close commented backslash hack */

#plemx-root * {
  box-sizing: border-box;
}

#plemx-root body {
  font-family: 'DIN-Regular', sans-serif;
  color: #333;
}

/* h2.heading { font-weight: normal;} */

#plemx-root .header-wrap .heading {
  font-size: 1.5em;
  margin: 0.83em 0;
  color: #333;
  padding-bottom: 30px;
}

#plemx-root .message {
  clear: both;
  width: 690px !important;
  font-size: 1em;
  line-height: 1.4;
  margin: 20px 0;
}

#plemx-root a {
  text-decoration: none;
}

#plemx-root .weather-button {
  margin: auto;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  /*height: 100%;*/
}

#plemx-root .pelm-container {
  overflow: hidden;
}

#plemx-root .locations, #plemx-root .button_locations {
  height: 20px;
  /*overflow: hidden;*/
  color: #203c73;
  font-size: 13px;
}

#plemx-root .locations.alert {
  background: #a60200 url('alert.jpg') right 2px center no-repeat;
  color: #fff;
  padding-right: 20px;
  width: 100%;
}

#plemx-root .locations.alert_height_30 {
  background: #a60200 url('alert.jpg') right 2px center no-repeat;
  color: #fff;
  padding-right: 20px;
  height: 30px;
}

#plemx-root .header {
  background: #faed51;
  float: left;
  overflow: hidden;
}

#plemx-root .logo {
  height: 20px;
  width: 80px;
  float: left;
  padding: 2px 2%;
}

#plemx-root .logo-100 {
  height: 20px;
  float: left;
  padding: 2px 2%;
  text-align: left;
}

#plemx-root .heading {
  color: #203c73;
}

#plemx-root .city {
  width: 100%;
  float: left;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

#plemx-root .search {
  width: 100%;
  height: 20px;
  background: #c3c3c4;
}

#plemx-root .current-weather {
  padding: 3%;
  overflow: hidden;
}

#plemx-root .current-weather-100 {
  margin: 5% 0 0 8%;
}

#plemx-root .icon {
  width: 25%;
  max-width: 60px;
  float: left;
  margin-right: 10px;
}

#plemx-root .small-icon {
  width: 10%;
  max-width: 60px;
  float: left;
  margin-right: 10px;
}

#plemx-root .medium-icon {
  width: 15%;
  max-width: 60px;
  float: left;
  margin-right: 10px;
}

#plemx-root .temp {
  font-size: 20px;
  margin: 2px 10px 0 0;
  float: left;
  color: #203c73;
}

#plemx-root .temp span {
  font-size: 12px;
  font-weight: bold;
  bottom: 6px;
  position: relative;
}

#plemx-root .condition {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  /*color: #203c73;*/
}

#plemx-root .chk_wrapper > input[type=checkbox] {
  margin: 0 5px;
}

#plemx-root #select_location {
  border: 1px solid #fff;
  font-size: 13px !important;
}

/* DROPDOWN */

#plemx-root .weather-button .selector {
  border: none;
  width: 100%;
  float: left;
  font-size: 14px;
  color: #203c73;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  padding-left: 7px;
  position: relative;
}

#plemx-root .weather-button .selector span {
  background: url("arrow-select.png") no-repeat scroll 100% -4px transparent;
  font-size: 14px;
  color: #203c73;
  cursor: pointer;
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  padding: 0 15px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}

#plemx-root .weather-button .selector select {
  height: 20px;
  margin: 0 !important;
  opacity: 0;
  position: absolute;
  top: 0;
}

#plemx-root .weather-button .alert .selector span {
  color: #fff;
  background: url("arrow-select-alert.png") no-repeat scroll 100% -4px transparent;
}

#plemx-root .input_searchbox {
  background: url("magnifying-glass.png") no-repeat scroll right 2px center #c3c3c4;
  border: none;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 20px;
  margin: 0;
}

/* VERSION 1 */

#plemx-root .pelm-container.no-heading .heading_widget, #plemx-root .pelm-container.no-location .location {
  display: none;
}

#plemx-root .pelm-container.one .heading_widget {
  display: none;
}

#plemx-root .weather-button.one .locations.alert {
  float: left;
  width: 100px;
}

#plemx-root .weather-button.one .locations.alert .city {
  padding-left: 5px;
}

#plemx-root .weather-button.one .logo {
  float: left;
  height: 20px;
  padding: 2px 2%;
  width: 100px;
}

#plemx-root .weather-button.one .condition {
  display: none;
}

#plemx-root .weather-button.one .icon {
  width: 25%;
  max-width: 30px;
}

#plemx-root .weather-button.one.height1 .condition {
  display: none;
}

#plemx-root .weather-button.one.height2 .header, #plemx-root .weather-button.one.height2 .temp {
  float: none;
}

#plemx-root .weather-button.one.height2 .condition {
  clear: both;
  text-align: center;
  display: none;
}

#plemx-root .weather-button.one.height2 .city {
  text-align: center;
}

#plemx-root .weather-button.one.height3 .header, #plemx-root .weather-button.one.height3 .temp {
  float: none;
}

#plemx-root .weather-button.one.height3 .condition {
  clear: both;
  text-align: center;
  display: none;
}

#plemx-root .weather-button.one.height3 .city {
  text-align: center;
}

/* VERSION 2 */

#plemx-root .weather-button.two .current-weather {
  padding: 5% 18%;
}

#plemx-root .weather-button.two.height90 .city {
  text-align: center;
}

#plemx-root .weather-button.two.height120 .header, #plemx-root .weather-button.two.height120 .temp {
  float: none;
}

#plemx-root .weather-button.two.height120 .temp {
  font-size: 26px;
  margin-top: 3px;
}

#plemx-root .weather-button.two.height120 .temp span {
  font-size: 14px;
  bottom: 8px;
}

#plemx-root .weather-button.two.height120 .icon {
  width: 40%;
  max-width: 50px;
}

#plemx-root .weather-button.two.height120 .city {
  text-align: center;
}

#plemx-root .weather-button.two .header, #plemx-root .weather-button.two .temp {
  float: none;
}

#plemx-root .weather-button.two .temp {
  font-size: 26px;
  margin-top: 3px;
}

#plemx-root .weather-button.two .temp span {
  font-size: 14px;
  bottom: 8px;
}

#plemx-root .weather-button.two .icon {
  width: 40%;
  max-width: 50px;
}

#plemx-root .weather-button.two .city {
  text-align: center;
}

/* VERSION 3 */

#plemx-root .weather-button.three .current-weather {
  padding: 1% 4%;
}

#plemx-root .weather-button.three .header, #plemx-root .weather-button.three .temp {
  float: none;
}

#plemx-root .weather-button.three .heading_widget {
  border-top: 1px solid #ccc;
  font-size: 11px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
}

#plemx-root .weather-button.three .condition {
  clear: both;
  text-align: center;
}

#plemx-root .weather-button.three .temp {
  font-size: 24px;
  margin-top: 3px;
}

#plemx-root .weather-button.three .temp span {
  font-size: 12px;
  bottom: 8px;
}

#plemx-root .weather-button.three .icon {
  width: 40%;
  max-width: 40px;
}

#plemx-root .weather-button.three .city {
  text-align: center;
}

/* VERSION 4 */

#plemx-root .weather-button.four .current-weather {
  margin-top: 2px;
  float: left;
  width: 50%;
  border-top: 1px solid #ccc;
}

#plemx-root .weather-button.four .logo, .weather-button.four .logo-100 {
  width: 180px;
}

#plemx-root .weather-button.four .heading_widget {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  height: 20px;
}

#plemx-root .weather-button.four .locations {
  float: left;
  width: 180px;
}

#plemx-root .weather-button.four .locations .city {
  padding-left: 5px;
}

#plemx-root .weather-button.four .locations.alert {
  float: left;
  width: 180px;
}

#plemx-root .weather-button.four .condition {
  clear: both;
  text-align: center;
}

#plemx-root .weather-button.four #next_weather.current-weather {
  border-left: 1px solid #ccc;
}

#plemx-root .weather-button.four .temp {
  font-size: 20px;
  margin: 3px !important;
}

#plemx-root .weather-button.four .temp span {
  font-size: 10px;
  bottom: 8px;
}

#plemx-root .weather-button.four .icon {
  width: 35%;
  max-width: 30px;
  margin-top: 2px;
  margin-right: 2px;
}

/* width wider than 180px */

#plemx-root .weather-button.three.width2 .current-weather {
  width: 50%;
  float: left;
}

/* VERSION 5 */

#plemx-root .weather-button.five .logo {
  height: 30px;
  width: 80px;
  float: left;
  padding: 8px 8%;
}

#plemx-root .weather-button.five .current-weather {
  padding: 1% 3%;
  height: 30px;
}

#plemx-root .weather-button.five .locations {
  float: left;
  width: 125px;
}

#plemx-root .weather-button.five .locations.alert {
  height: 30px;
  width: 115px;
}

#plemx-root .weather-button.five .icon {
  width: 25%;
  max-width: 30px;
}

#plemx-root .weather-button.five .button_locations {
  float: left;
}

#plemx-root .weather-button.five .locations .city {
  text-align: center;
  padding-left: 5px;
  height: 30px;
  line-height: 30px;
}

#plemx-root .weather-button.five.height1 .condition {
  display: none;
}

#plemx-root .weather-button.five .temp {
  margin-right: 0px;
}

#plemx-root .weather-button.five .selector {
  width: 115px;
  height: 30px;
  line-height: 30px;
}

#plemx-root .weather-button.five .selector span {
  background: url("arrow-select.png") no-repeat scroll 100% 0 transparent;
  height: 30px;
  line-height: 30px;
  width: 100%;
}

#plemx-root .weather-button.five .locations.alert .selector {
  width: 100px;
  height: 30px;
  line-height: 30px;
}

#plemx-root .weather-button.five .alert .selector span {
  background: url("arrow-select-alert.png") no-repeat scroll 100% 0 transparent;
  height: 30px;
  line-height: 30px;
}

#plemx-root .weather-button.five .selector select {
  height: 30px;
}

#plemx-root a, #plemx-root img {
  border: none;
  outline: none;
  padding: 0px;
}

#plemx-root #main_button .header img {
  vertical-align: top;
}

#plemx-root #main_button .current-weather img {
  vertical-align: middle;
}

#plemx-root .locations.alert div.selector span {
  color: #FFFFFF;
}

/* transcontinental widget - CSS * */

#plemx-root .widget6 {
  width: 70px;
  height: 65px;
  background-color: #ededed;
  position: relative;
}

#plemx-root .widget6 a {
  text-decoration: none;
  /*color: #333;*/
}

#plemx-root .widget6 .cityName {
  float: left;
  padding-left: 5px;
  font-size: 13px;
  letter-spacing: -0.1px;
  width: 70px;
}

#plemx-root .widget6 .tempIcon {
  width: 25px;
  height: 25px;
  float: left;
  position: relative;
  padding-left: 5px;
}

#plemx-root .widget6 .alertIcon {
  width: 14px;
  height: 11px;
  background: url("alert-icon.png") no-repeat scroll right;
  position: absolute;
  top: 18px;
}

#plemx-root .widget6 .mainTemp {
  float: left;
  line-height: 1.5;
  padding-left: 8px!important;
  padding-bottom: 11px!important;
}

#plemx-root .widget6 .mainTemp span {
  font-size: 10px;
  position: relative;
  bottom: 5px;
  letter-spacing: 1px;
}

#plemx-root .widget6 .lang {
  font-size: 9px;
  font-family: "DIN-Regular", sans-serif;
  display: block;
  width: 103%;
  letter-spacing: -0.2px;
  color: inherit !important;
  position: absolute;
  top: 53px;
  left: -1px;
  text-align: center;
}