.rose img{    
    height: 75px;
    top: -27px !important;
    }
.mtn img{    
    height: 50px;
    }
.switch-button img{
    text-align: right;
    }

div.switch-button{
    color:#eee;
    font-weight:bold;
    }
div#title-date-row {
    color: #eee;
    margin-bottom: 21px;
    float: right;
    height: 24px;
    background: #444;
    width:100%;
    max-width: 260px;
    padding: 3px 13px;
    margin-right: 0px;
}

h3#simple-avalanche-danger-title {
    font-weight:bold;
}
/*General advisory styling*/
div.advisory-div {
  margin-bottom: 5px;
  padding: 10px 5px 5px;
  clear:both;
  min-height: 100px;
}

div.advisory-div-icon {
  float:left;
  width: 140px;
}

#avalanche-text-discussion-div .advisory-div-text {
  padding:0px;
}
div.advisory-div-text {
    padding-left:160px;
}

div.disc-advisory-div-text {
    padding:10px;
}
.advisory-div-text span.uppercase {
  font-size: 17px;
  line-height: 2em;
  text-transform:uppercase;
}

.txt-advisory-div-text span.uppercase{
  font-size: 17px;
  line-height: 2em;
  text-transform:uppercase;
}
/*End general*/

span a.toggle-advisory img {
    float: right;
    position: relative;
    top: -17px;
}

div#advisory-published-date {
  font-size: 17px;
  text-transform: uppercase;
  padding-left: 5px;
  font-weight:bold;
  float:left;
}

div#forecaster-name {
  text-align: right;
  padding-right: 5px;
  font-size: 14px;
  float:right;
}

span#timeToExp {
  text-transform:none;
  font-weight:normal;
  font-size:15px;
}


/*Advanced bottom line view*/
div.adv-bottom-line {
    padding: 10px 10px 20px 0;
    border:1px solid #ddd;
}

div#overall-rose{
  float:left;
  width:220px;
}

ul#danger-rating-bar-advanced {
  width:auto;
  background:#fff !important;
  list-style:none;
  text-align:center;
}

#danger-rating-bar-advanced li {
    border: 1px solid #aaaaaa;
    font-size: 13px;
    background:#fff;
    display: inline-block;
    padding: 0px 2px 0px 5px;
    height: 70px;
    vertical-align: top;
    max-width:545px;
    }

img#danger-rating-bar-advanced-img {
	width:210px;
	padding-top:6px !important;
}

 #danger-rating-bar-advanced div{
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 70px;
}

#how-to-read-advisory {
  text-align:right;
  text-transform: uppercase;
}

/*Basic bottom line view with elevation danger ratings and mountain icon*/

div.advisory .darkbg h3 {
  color: #eee;
  text-transform: uppercase;
  font-size: 17px;
  padding: 7px;
  margin: 3px 0 -5px;
}

img#mountain-icon {
    position:relative;
    z-index:3;
}

div#avalanche-danger-row { position: relative; }

div#elevation-ratings-div { position: relative; }

div#elevation-ratings-div {
    background: #444444;
    float: left;
    height: 231px;
    width: 57%;
}

div#elevation-ratings-div h2 {
  font-weight: bold; 
  text-transform: uppercase;
  font-size: 17px;     
  background:none;
  text-indent:0px;
  color:#000000;
  padding:0px;
  margin-bottom:2px;
}

div#upper-rating-text { top: 90px; }
div#mid-rating-text { top: 150px; }
div#lower-rating-text { top: 212px; }

div#upper-rating-text,
div#mid-rating-text,
div#lower-rating-text {
  color: #ddd;
  height: 55px;
  width: 250px;
  z-index: 12;
  float: left;
  position: absolute;
  line-height: 1.25em;
  left: 600px;
}

div#elevation-ratings-div div#lower-rating,
div#elevation-ratings-div div#mid-rating,
div#elevation-ratings-div div#upper-rating {
  position: absolute;
  float: left;
  top: 10px;
  left: 165px;
  height: 56px;
  width: 290px;
  margin: 0;
  padding: 0;
  border-radius: 10px;  
}

div#avalanche-danger-row div#lower-rating div.rating {
  text-transform: uppercase;
  font-size: 25px;
}

div#elevation-ratings-div div#upper-rating span {
  position: relative;
  top: -11px;
  left: 65px;
  float: left;
}

div#elevation-ratings-div div#mid-rating span {
  position: relative;
  top: -10px;
  left: 90px;
  float: left;
}

div#elevation-ratings-div div#lower-rating span {
  position: relative;
  top: -10px;
  left: 120px;
  float: left;
}

div#elevation-ratings-div > div.rating-5 {
  color: #eee;
  background-color: #000;
}

div#elevation-ratings-div > div.rating-4 {
  color: #000;
  background-color: #cc0000;
}

div#elevation-ratings-div > div.rating-3 {
  color: #000;
  background-color: #ffaa33;
}

div#elevation-ratings-div > div.rating-2 {
  color: #000;
  background-color: #ffff33;
}

div#elevation-ratings-div > div.rating-1 {
  color: #000;
  background-color: #00cc00;
}

div#elevation-ratings-div > div.rating-0 {
  color: #000;
  background-color: #777;
}

div#elevation-ratings-div img.dli {
  left:265px;
  position: absolute;
  top:3px;
}

div#bottom-line-basic {
    overflow: hidden;
    height: 211px;
    padding-top: 20px;
    /*font-size: 14px;*/
    line-height: 16px;
    font-weight: bold;
    background: #444444;
    color: #fff;
    float: right;
    width: 43%;
}

div#bottom-line-basic p {
    padding: 10px;
}

div#basic-danger-bar {
    background: #444444;
    color: #fff;
    float: right;
    margin-bottom:5px;
    width:100%;
    text-align:center;
}

#danger-rating-bar-simple li {
    color: white;
    font-size: 13px;
    border: 1px solid white;
    display: inline-block;
    padding: 0px 5px 0px 5px;
    height: 70px;
    vertical-align: middle;
    max-width:600px;
    }
 #danger-rating-bar-simple div{
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 70px;
}

    
ul#danger-rating-bar-simple {
	list-style:none;
    }
    
#how-to-read-advisory-simple {
 position: absolute; 
 top: 10px; 
 font-size: 17px; 
 text-transform: uppercase; 
 right: 10px;
}

/*Avalanche Problems*/

div.avalanche-problem-row {
  color: #444;
  margin-bottom:5px;
  border:1px solid #ddd;
}

span.title {
  color: #eee;
  padding: 7px;
  margin: 0px;
  margin-left: -1px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  background-color: #444;
}

li#problem-type{
  width:190px;
}

li#problem-type img {
  height:175px;
}

.avalanche-problem-row ul {
text-align:center;
list-style:none;
font-size:17px;
transform:translateX(-10px);
}
.avalanche-problem-row li {
  display:inline-block;
  width:180px;
  vertical-align: top;
}

#problem-rose img { 
  margin: 0px;
  padding: 0px;
} 

li#problem-rose{
  width:200px;
}

div.problem-type{
 padding-top:10px;
 height:185px !important;
}

div.problem-char-label {
  border-bottom: 1px solid #ddd;
  text-transform:uppercase;
}

div.char-symbol-label {
  font-size:14px;
  text-transform:uppercase;
}

div.problem-char-wrapper {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin: 0px -3px;
  height:195px;
  position:relative;
}

li#trend div.problem-char-wrapper {
  border-right:none !important;
}

div.problem-char-wrapper img {
  height:190px;
}

li#trend img {
 padding-top:70px
}

 div.middle-data-graph-text {
  color: #333;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  position:relative;
  top:25px;
}
div.middle-data-overlay {
  width: 30px;
  background-color: #999;
  height: 12px;
  position:relative;
  right:-27px;
  border: 1px solid;
}

div.likelihood-overlay-0 { display: none; }
div.likelihood-overlay-1 { 
  margin-top: -26px;
}

div.likelihood-overlay-2 { 
  margin-top: -66px;
}

div.likelihood-overlay-3 { 
  margin-top: -108px;
}

div.likelihood-overlay-4 { 
  margin-top: -150px;

}

div.likelihood-overlay-5 { 
  margin-top: -190px;
}

div.size-overlay-0 { display: none; }
div.size-overlay-10 { 
    background-color: #999;
    border: 1px solid;
    height: 40px;
    margin-top: -54px;
    position: absolute;
    right: 134px;
    width:17px;
}

div.size-overlay-20 { 
    background-color: #999;
    border: 1px solid;
    height: 54px;
    margin-top: -102px;
    position: absolute;
    right: 134px;
    width:17px;
}

div.size-overlay-30 { 
    background-color: #999;
    border: 1px solid;
    height: 54px;
    margin-top: -156px;
    position: absolute;
    right: 134px;
    width:17px;
}

div.size-overlay-40 { 
    background-color: #999;
    border: 1px solid;
    height: 40px;
    margin-top: -191px;
    position: absolute;
    right: 134px;
    width:17px;
}

div.size-overlay-50 { 
    background-color: #999;
    border: 1px solid;
    height: 40px;
    margin-top: -191px;
    position: absolute;
    right: 134px;
    width:17px;
}

div.size-overlay-12 { 
    background-color: #999;
    border: 1px solid;
    height: 87px;
    margin-top: -103px;
    position: absolute;
    right: 134px;
    width:17px;
}
div.size-overlay-23 { 
    background-color: #999;
    border: 1px solid;
    height: 108px;
    margin-top: -158px;
    position: absolute;
    right: 134px;
    width:17px;
}
div.size-overlay-34 { 
    background-color: #999;
    border: 1px solid;
    height: 87px;
    margin-top: -191px;
    position: absolute;
    right: 134px;
    width:17px;
}

div.size-overlay-45 { 
    background-color: #999;
    border: 1px solid;
    height: 40px;
    margin-top: -191px;
    position: absolute;
    right: 134px;
    width:17px;
}



div#problem-description{
  line-height: 1.5em;
  padding: 10px;
}





div.avalanche-problem-row span.sub-title {
  padding: 5px;
  color: #777;
  font-style: italic;
  text-transform: uppercase;
}


div#subtitle-date-row {
    color: #eee;
    display: inline-block;
    padding: 5px;
    width: 99.2%;
    margin: 0px 0px 0px -1px;
}







div#avalanche-danger-row div.rating { color: #eee; }



div#elevation-ratings-div div#lower-rating div.rating.description { font-size: 13px; }
div#elevation-ratings-div div#lower-rating { top: 160px; }
div#elevation-ratings-div div#mid-rating { top: 97px; }
div#elevation-ratings-div div#upper-rating { top: 35px; }
.one-sidebar #content.advisory { width: 100%; }


div#avalanche-danger-row {
  /*font-size: 14px;*/
  margin: -5px 0px -3px;
}



.clearbg { background-color: transparent; }

div.likelihood-size-label {
    color: #aaa;
    font-size: 14px;
    padding: 10px;
    position: absolute;
    left: 60px;
    text-transform:lowercase;
}

div.label-bold{
    font-weight:bold;
    text-transform:uppercase;
    color: #333;
}


div.top-label {
    top: -8px;
}

div.very-large-size-label {
    top: 47px;
}

div.large-size-label {
    top: 101px;
}

 div.bottom-label {
    top: 157px;
}

div.very-likely-label {
    top: 32px;
}

div.likely-label {
    top: 74px;
}

div.possible-label {
    top: 116px;
}

table.row-sub-table {
  padding: 5px;
  margin: 0px;
}

table.row-sub-table td {
  background-color: #fff;
  vertical-align: top;
  line-height: 1.5em;
  font-size: 13px;
}

table#wxforecast td {
border: 2px solid rgb(126, 41, 11);
text-align: center; 
}
table#wxforecast th {
color:#3B3B3B;
background-color:#fff;
text-align: center; 
font-weight:normal;
}

div.middle-data {
  background-color: #ddd;
  padding: 0px;
  margin: 0px;
  border: 1px solid #ddd;
  height: 126px;
  width: 16px;
  margin-left: auto;
  margin-right: auto;
}

table#Wx-obs {
  width:80%;
  padding:5px;
  border:none;
}


span.advisory-page-title {
padding: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #eee;
  background-color: #ffffff;
}

div.advisory-div-icon img {
   width:100%;
}
/*Snowpack Summary*/
div.snowpack-summary-div-text {
    padding:20px;
}

.snowpack-summary-div-text span.uppercase {
  font-size: 17px;
  line-height: 2em;
  text-transform:uppercase;
}

div.snowpack-summary {
  text-align:left;
  margin:17px 0px;
  }
div.snowpack-summary img {
  height:175px;
  padding: 0px 10px;
  }
div#problem-canned-text {
  margin: 0px 20px 0px 200px;
  }
div.snowpack-summary #problem-type {
    float: left;
    padding: 0px 10px;
    width: 190px;
    }
    
.snowpack-summary .problem-char-label {
  text-align:center;
  }
  
 div.problem-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 175px;
    padding: 0px 10px;
    }