html, body , .mblView{
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.mblValuePickerSlotInput{
	color:#505050;
}



#appFooter{
    clear: both;
    font-size: 0.6em;
    text-align: left;	
}
#appFooter a {
    color: #fff;
    padding: 0 2em;
    text-decoration: none;
    text-align: left;
}

#appFooter #nav li {
    list-style-type: none;
}


#nav {
    display: inline;
    float: left;
    height: 10px;
    margin: 0;
    padding: 0;
}

#nav a:link, #nav a:visited, #nav a:active {
    color: #6e9699;
    font-family: Veranda,Arial,Helvetica,sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

#appFooter #nav ul {
    margin: 0;
    padding: 0;
}

#appFooter #nav li {
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#viewsContainer{
	top:80px;
	bottom:44px;
	left:0px;
	right:0px;
}

#appFooterContainer{
	position:absolute;
	bottom:0px;
	height:44px;
	left:0px;
	right:0px;
}

#appHeaderContainer{
	position:absolute;
	top:0px;
	height:80px;
	left:0px;
	right:0px;
}

#map {
  position:relative;
  width:	100%;
  height:	100%;
}

.pageOverlay {
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1001;
    display: block;
}

.mblBackground {
    background-color: whitesmoke;
}
.dj_gecko .mblHeading {
    background-image: none !important;
}

#loadingOverlay {
    background:  #fff url('//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/claro/images/loadingAnimation.gif') no-repeat 10px 23px;
}

.loadingMessage {
    padding: 25px 40px;
    color: #999;
}

@media screen and (max-width: 640px) {
	#appFooter a {
 	    padding: 0 1em;
	}
}

@media screen and (max-width: 520px) {
    #appFooter{
	    line-height: 22px;
	}
}

.timeTable{
	font-size: 24px;
	font-weight:bold;
	color:#505050;
}