html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-size: 16px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
  text-align: left;
  padding: 10px;
}

.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

.vheight { height:15%; }

#left-msg {
    text-align: center;
}

#right-msg {
    text-align: center;
}

#question_text {
    text-align: center;
}


.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Droid Sans', sans-serif;
    color: #444444;
}

.expected-bar {
	margin-top: 0px;
	height: 22px;
	border-right: 4px solid #999999;
}

.actual-bar {
	background-color: #0800b4;
	height: 15px;
	position: relative;
	float: left;
	top: -18px;
	color: #CCCCCC;
	font-size: 75%;
	padding-right: 10px;
    text-align: right;
}

#holder_95 {
    position: absolute;
    top: -12px;
    left: 50px;
}

#holder_99 {
    position: absolute;
    top: -9px;
    left: 150px;
}

#holder_100 {
    position: absolute;
    top: -6px;
    left: 250px;
}

.trip-actual-bar {
	background-color: #0800b4;
	height: 6px;
	position: relative;
	float: left;
	top: -15px;
	color: #DDDDDD;
	font-size: 65%;
	padding-right: 40px;
}


.stat-label {
	position: relative;
	top: 10px;
}

#stat_label_2 {
    top: -5px;
}

.stat-label-col {
	margin-top: -23px;
	line-height: 37.9px;
}

.head-img {
    margin-left: 70px;
}

.cat_icon {
    max-height: 30px;
    max-width: 30px;
}

.side-info-top {
    border: 0px solid black;
    border-bottom: none;
    font-size: 75%;
}

.side-info-bot {
    border: 0px solid black;
    border-top: none;
    font-size: 75%
}

.label-graph {
    color: #222222;
    font-size: 7pt;
    margin-top: -10px;
    width: 110%;
}

.label-last-graph {
    color: #222222;
    font-size: 7pt;
    margin-top: -22px;
    text-align: right;
    width: 112%;
}

.question_option {   
    font-size: 25px;
    padding-bottom: 20px;
}

.question_center {
    font-size: 120%;
}

.entry_inline {
    float: left;
}

#summary {
    border-top: 1px solid #222222;
    font-size: 100%;
    max-height: 999999px;
}

/*
.bottom_divider {
    padding-bottom: 5px;
    border-bottom: 3px solid #222222;
    margin-bottom: 20px;
    margin:10px;
}

#bottom_div_left {
    margin-right: -10px;
}

#bottom_div_right {
    margin-left: -10px;
}
*/

// conditionally make buttons block

@media (max-width: @screen-sm) {
    .btn-block-xs {
        .btn-block();
    }
}

@media (min-width: @screen-sm) and (max-width: @screen-md) {
    .btn-block-md {
        .btn-block();
    }
}

@media (min-width: @screen-md) and (max-width: @screen-lg) {
    .btn-block-lg {
        .btn-block();
    }
}

// conditionally make buttons big

@media (max-width: @screen-sm) {
    .btn-lg-xs {
        .btn-lg();
    }
}

@media (min-width: @screen-sm) and (max-width: @screen-md) {
    .btn-lg-md {
        .btn-lg();
    }
}

@media (min-width: @screen-md) and (max-width: @screen-lg) {
    .btn-lg-lg {
        .btn-lg();
    }
}

#button-div {
    padding-bottom: 20px;
}

#stats-div {
    padding-bottom: 20px;
}

h1 {
    font-size: 110%;
    font-weight: bold;
}

#predict_content a {
    cursor: pointer;
}

#user_predict_content a {
    cursor: pointer;
}

.display_time {
    font-size: 135%;
    text-align: center;
}

div.continue {
  opacity:    0.0; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
  text-align: center;
  vertical-align: middle;
}