/*
########################
# TINT
########################
*/

#tint {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5;
	z-index: 999;
}

/*
########################
# DIALOG
########################
*/

#dialog {
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	border-width: 1px;
	border-style: solid;
	box-shadow: 0px 2px 20px #000; 
	-moz-box-shadow: 0px 2px 20px #000;
	-webkit-box-shadow: 0px 2px 20px #000;
	-webkit-overflow-scrolling: touch;
	z-index: 1000;
	top: 50%;
	left: 50%;
}

#dialog > div {
	padding: 35px 40px 40px 40px;
	overflow-y: auto;
	max-height: 100%; /*THIS CAUSES ISSUES ON MAC - BUT FIXES BUG ON iOS - NEED TO DETECT iOS FOR THIS LINE*/
	-webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 960px) {
	#dialog > div { padding: 25px 30px 25px 30px; }
}

@media screen and (max-width: 660px) {
	#dialog > div { padding: 15px 20px 15px 20px; }
}

/*
########################
# POPOVER
########################
*/

#popover {
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	border-width: 1px;
	border-style: solid;
	box-shadow: 0px 2px 20px #000; 
	-moz-box-shadow: 0px 2px 20px #000;
	-webkit-box-shadow: 0px 2px 20px #000;
	-webkit-overflow-scrolling: touch;
	z-index: 1001;
}

#popoverarrow {
	position: fixed;
	background-repeat: no-repeat;
	z-index: 1002;
}

#popoverarrow.left, #popoverarrow.right {
	width: 10px;
	height: 20px;
}

#popoverarrow.up, #popoverarrow.down {
	width: 20px;
	height: 10px;
}