html, body, iframe { height: 100%; }

body.main {
	background-image:url(/img/kiosk_background_1080b.png);
	background-size:cover;
	background-repeat:no-repeat;
	max-height:1920px;
	height:1920px;
	text-align:center;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

body.int{
	text-align:center;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

.content-kiosk:focus{
	outline:none;
}

.ui-body-a{
	border:none!important;
		
}

ul.sitelist{
	margin:0 auto;
	padding:0;
	width:1080px;
}
	

ul.sitelist li:first-child{
	margin-top:90px;
}
	

ul.sitelist li:last-child{
	margin-bottom:90px;
}
.container{
	position:absolute;
	width:1080px;
	height:1920px;
	left:50%;
	margin-left:-540px;
}

.logo-top{
	width:743px;
	height:auto;
	margin:63px auto 132px auto;	
}


.websitebuttons,
.servicebuttons{
	list-style:none;
	margin:0;
	padding:0;
	}
	
.wrapper-websitebuttons,
.wrapper-servicebuttons{
	position:relative;
}

.inner-websitebuttons{
	
	position:absolute;
	width:780px;
	height:498px;
	left:50%;
	margin-left:-390px;
	background-image:url(/img/buttonshadows.png);
	background-position: 0 20px;
	background-repeat:no-repeat;
	background-size:780px 498px;
}

.container-websitebuttons{
	
	position:absolute;
	width:673px;
	height:391px;
	left:50%;
	margin-left:-336px;
	background-image:url(/img/ring.png);
	background-position:50% 90px;
	background-repeat:no-repeat;
	background-size:553px 272px;
}
.btns{
	width:171px;
	height:171px;
	background-image:url(/img/btn_states.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
}


ul.websitebuttons li{
	position:absolute;
}



.btns:active,
.btns-lg:active{
	background-position:0 100%;	
}

.icons{
	width:171px;
	height:171px;
	background-image:url(/img/btn_labels2.png);	
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}
.ladottransit{
	
	top:260px;
	left:50%;
	margin-left:-85px;
}

.btn-ladottransit{
	position:absolute;
	background-size: cover;
	
}


.icon-ladottransit{
	background-position:0 -512px;
	background-size:cover;
	
}

.ladot{
	top:40px;
	left:50%;
	margin-left:-44px;
}

.btn-ladot{
	width:94px;
	height:94px;
	
	background-size:94px auto;
}

.icon-ladot{
	width:94px;
	height:94px;
	background-position:0 -187px;
	background-size:94px auto;
	
}

.realtime{
	left:0;
	top:156px;
}

.btn-realtime{
	width:133px;
	height:133px;
	background-size:133px auto;
	
}

.icon-realtime{
	width:133px;
	height:133px;
	background-position: 0 -3px;/*adjusted*/
	background-size:133px auto;
	
}

.metro{
	right:0;
	top:156px;
}

.btn-metro{
	width:133px;
	height:133px;
	background-size:133px auto;
	
}

.icon-metro{
	width:133px;
	height:133px;
	background-position: 0 -142px;/*adjusted*/
	background-size:133px auto;
	
}
.wrapper-servicebuttons{
	width:814px;
	position:absolute;
	bottom:348px;
	text-align:center;
	left:50%;
	margin-left:-407px;
}
.btns-lg{
	width:214px;
	height:216px;
	background-image:url(/img/btn_lg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	background-size:cover;
}
.icons-lg{
	width:214px;
	height:216px;
	background-size: cover;
	background-image:url(/img/btn_labels_svc.png);	
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}
.btn-dash{
	margin:0 85px 53px 85px;/**/	
}
.icon-dash{
	background-position:-214px 0;	
}
.btn-cx,
.btn-cityride{
	margin:53px 0 0 0;	
}
.icon-cityride{
	background-position:-438px 0;	
}
.btns-lg{
	float:left;
}

/*frame*/



div.frame{
	background-image:url(/img/bg_topframe.png);
	background-size:cover;
	background-repeat:no-repeat;
	height:123px;
	text-align:center;
	position:relative;
	border-bottom:3px solid #23345a;
}

.logo-frame{
	position:absolute;
	width:300px;
	height:123px;
}

.logo-frame img{
	width:100%;
}

.homebutton:active{
	background-position:0 100%;
}

.homebutton{
	width:78px;
	height:78px;	
	background-image:url(/img/btn_home_states.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	margin:20px 23px 0 0;
}

.icon-home{
	background-image:url(/img/icon_home.png);
	width:41px;
	height:44px;	
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
  	left: 50%;
  	margin-left: -23px;
  	margin-top: 12px;
}

.frame-content{
	width:100%;
	height:100%;
}

.iframe{
	    position: absolute;
    top: 125px;
	width:100%;
}	

.iframe iframe{
	width:100%;
	height: -moz-calc(100% - 123px);
    height: -webkit-calc(100% - 123px);
    height: calc(100% - 123px);
	position:fixed;
	bottom:0;
	left:0;
}

iframe body{
	margin:0;
}

.ui-loader{
	display:none;
}