.dialog {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

.dialog.grey {
	background-color: #F0F0F0;
}

.dialog .topBar {
	background-color: #0eb3fc;
	height: 41px;
	padding: 5px;
	position: relative;
}


.dialog .backButton {
	float: left;
	width: 31px;
	height: 31px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/dialogback_s_v1.png);
	background-size: 31px 31px;
}

.dialog.back .backButton {
	display: block;
}

.dialog .topBarContainer {
	float: right;
}

.dialog.pan .topBarContainer, .dialog.centerTopBar .topBarContainer {
	position: absolute;
	left: 31px;
	right: 31px;
	top: 11px;
	line-height: 18px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dialog .panningContainer {
	position: absolute;
	top: 41px;
	left: 0;
	right: 0;
	bottom: 24px;
}

.dialog .topBar .dotsContainer {
	position: absolute;
	left: 50%;
	bottom: 4px;
}