.vms { background: #000; color:#fff; margin: 0; padding: .5em 1em; font-size: 14px; line-height: 1.1; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; -webkit-text-size-adjust: 100%;text-align:left;border-top:2px solid #4d4e53; }
.vms.open { top: 0;  border-top:none; overflow: scroll; -webkit-overflow-scrolling: touch; }

.vms .margin {margin: auto; max-width: 960px; }
.vms a {color: #ed1c24; text-decoration: none; border-bottom:none;}
.vms a:hover {color:#fff;}
.vms a.active {color: #fff;}
.vms p {margin: 0; }
.vms ul {list-style: none; margin: 1em 0 0 0; padding: 0; }
.vms li { margin: 0 0 .5em 0; padding: none; }

.vms .clickable {cursor: pointer;}

.vms .xbutton { color: #fff; font-size: .66em; float: right; margin: .4em 0 0 0; cursor: pointer; line-height: 1; text-transform: uppercase;}
.vms .xbutton:hover { color: fff; }
.vms .xbutton span { font-size: 1.25em; line-height: 0; margin-left: .25em; }
.vms .xbutton.shrink {display: none; }
.vms .xbutton.finish {display: none; }

.vms .prompt { color:#ed1c24;}
.vms .prompt span { color: #fff; display: block; }

.vms .survey { display: none; overflow: hidden;}
.vms .survey p { margin-top: 1em; }
	
.vms .survey .done {color: transparent; margin: 1em 0;  }
.vms .survey .done.clickable {color: #ed1c24;  }

.vms .survey p.infobutton {font-size: .66em; margin-bottom: 0; }
.vms .survey p.infotext {display: none; font-size: .66em; margin: 0; }
.vms .survey p.infotext a { color: #ed1c24; }

.vms .mquery { float: right; }


.withvms .footer-bg {padding-bottom:40px;background-position:0 306px;}




@media screen and (min-width: 500px) {
	.vms .prompt span { display: inline; }	
}

@media screen and (min-width: 570px) {
	.vms { font-size: 18px; }	
}

@media screen and (min-width: 700px) {
	.vms.open { top: auto; overflow: auto; }
	.vms li { margin-bottom:0; }
	.vms .mquery { float: left; }
}

@media screen and (min-width: 800px) {
	.vms { font-size: 20px; }	
}