/* THEME */

.select-widget {
  font-family:  'lato_regular';
}

.select-widget h2 {
  font-family:  'oswald';
}

.select-widget h4, .select-widget .select-widget-footer {
   background-color: #dcdcdc;
}

.select-widget {
  background-color: #cdcdcd;
  border-radius:    5px;
}

.select-widget .select-widget-arrow {
  font-weight:  bold;
}

.select-widget select, .select-widget select option {
  font-family:  'lato_regular';
}

.select-widget .select-widget-good {
  background-color: #32bbee;
  font-family:      'lato_regular';
}

.select-widget .select-widget-ugly {
  background-color: #ffffff;
   font-family:     'lato_bold';
}

.select-widget .select-widget-bad {
  background-color: #ff0000;
}



/* FORMAT */

.select-widget {
  height:         240px;
  padding-top:    10px;
  width:          100%;
}

.select-widget h2 {
  font-size:  150%;
  margin:     0px 0px 5px 0px;
  text-align: center;
  width:      100%;
}

.select-widget h4 {
  font-size:    120%;
  font-weight:  bold;
  margin:       5px 0px;
}

.select-widget select {
  margin-bottom:  5px;
}

.select-widget .select-widget-container {
  text-align: center;
  width:      100%;
}

.select-widget .select-widget-content {
  height:      168px;
  text-align:  center;
}

.select-widget .select-widget-arrow{
  font-size:  180%;
}

.select-widget .select-widget-money  {
  font-size:  130%;
  padding:    0px 3px;
}

.select-widget .select-widget-group span {
  float:  left;
}

.select-widget .select-widget-change {
  cursor:           pointer;
  display:          inline-block;
  float:            left;
  margin-left:      10px;
  border-radius:    20px;
  padding:          0px 10px;
  width:            50px;
}

.select-widget-ugly {
  font-size:    250%;
}

.select-widget-good, .select-widget-bad {
  font-size:  100%;
}

.select-widget .select-widget-scroll {
  height:         105px;
  overflow-y:     scroll;
  margin-bottom:  5px;
  padding-top:    10px;
}

.select-widget .select-widget-group {
  height:         30px;
  line-height:    20px;
  margin-bottom:  10px;
  vertical-align: middle;
}

.select-widget .select-widget-scroll b {
  display:      block;
  height:       15px;
  line-height:  10px;
  margin:       -8px 0px 3px 0px
}

.select-widget .select-widget-page {
  display:  none;
}

.select-widget .select-widget-intro {
  display:        block;
  font-family:    'lato_bold';
  font-size:      150%;
  line-height:    150px;
  vertical-align: middle;
}

.select-widget .select-widget-footer {
  text-align:     left;
  padding-left:   20px;
  border-radius:  0px 0px 5px 5px;
}