.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
  background-color: #cccccc;
}

.ui-header .ui-title, .ui-footer .ui-title {
  margin: 0;
}

#header {
  position: relative;
}

#header #home {
  position: absolute;
  left: -2px;
  top: 3.5px;
  bottom: 0px;
}

#canvas0 {
    background-color: #50C8E8;
}
#canvas1 {
    background-color: #ffffff;
}
/*different canvas position for different of orientation*/

@media all and (orientation: portrait) {
    #canvas0, #canvas1, #canvas2 {
        /*width: 10%;*/
    }
}
@media all and (orientation: landscape) {
    #canvas0, #canvas1 {
        float: left;
    }
}

#canDiv {
	/*display: block;*/
}

#pos {
	margin: 0;
	position: relative;
}

#red_avg_pos {
	position: absolute;
	top: 0;
	color: #F94D00;
	/*left: 25%-5px;*/
}

#green_avg_pos {
	position: absolute;
	top: 0;
	color: #24a031;
	/*left: 75%-5px;*/
}

#time_elapsed {
	position: absolute;
	/*margin-left: 5px;*/
	top: 0;
	left: 95%;
}

/* Override the slider width */
/*div.ui-slider{
    width: 100%;
}*/