
.rl_default {
  font-family: Arial;
  font-size: 12px;
  line-height: 110%;

}

.node-readiness-level-scale p,
.view-rl-graphical-for-custom-sets p {
  margin: 0;
}

.arrow_right_scale {
  width: 60px;
}

.arrow_right > div {
  visibility: hidden;
}

.numbered_arrow_left > div {
  visibility: hidden;
}

.numbered_metro_level {
  color: #ffffff;
  font-family: Arial;
}

.numbered_metro_level > div {
  padding: 7px 12px 7px 12px;
/*
  line-height: 60px;
  width: 160px;
  height: 63px;
*/
  }

.numbered_metro_level > div > div {
  vertical-align: middle;
  display: inline-block;
  line-height: 100%;
  }

.numbered_spiral_level {
  color: #ffffff;
  font-family: Arial;
  font-size: 10px;
}

.numbered_spiral_level > div {
  padding: 7px 12px;
/*
  height: 63px;
  line-height: 60px;
*/
  }

.numbered_spiral_level > div > div {
  vertical-align: middle;
  display: inline-block;
  line-height: 100%;
  }


.vertical_level > div,
.vertical_writing > div {
  position: relative; 
  top: 50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform:translateY(-50%);
  transform: translateY(-50%);
  
  text-align: center;
  }
  

.vertical_level > div > div,
.vertical_writing > div > div {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  
  color: #ffffff;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  line-height: 100%;
  padding: 2px;
}

.vertical_level p,
.vertical_writing p {
  margin: 0;
}

#node-46 .vertical_level > div > div,
#node-46 .vertical_writing > div > div {
  font-size: 16px;
}

.strong_color_level {
  font-family: Arial;
  font-size: 11px;
  line-height: 110%;
/*  width: 530px;*/
}

.strong_color_level p {
  padding: 0.1em 0;
}

.rl_level li {
  list-style-image: none;
  list-style-type: disc;
  margin: 0px;
}

.strong_color_scale .field {
  clear: both;
}

.strong_color_level_two_cols {
  float: left;
  width: 47%;
  margin-right: 3%;
}

.rl_scale_short_title,
.views-view-grid .field-name-field-column-title {
  height: 25px;
}

/* when quick edit on 
.rl_scale_short_title > div,
.views-view-grid .field-name-field-column-title > div {
  text-transform: uppercase;
  color: #085360;
  border-bottom: 1px solid #999999;
}
*/
.rl_scale_short_title,
.views-view-grid .field-name-field-column-title {
  text-transform: uppercase;
  color: #085360;
  border-bottom: 1px solid #999999;
}
