/*
 * Default Style
 */

.mPressTooltipDefault, .mPressTooltipDefault .mPressEventArrow:after {
	background: black;
	border: 2px solid white;
}

.mPressTooltipDefault {
	margin-top: -11px;
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	text-align: center;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	font-stretch: condensed;
	text-decoration: none;
	box-shadow: 0 0 7px black;
}
.mPressTooltipDefault .mPressEventArrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.mPressTooltipDefault .mPressEventArrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	-webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
	-moz-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
	box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
}

.mPressTooltipDefault span.mPressEvent-name {
	text-transform: uppercase;
}

/*
 * Alternate Style
 */

.mPressTooltipAlt, .mPressTooltipAlt .mPressEventArrow:after {
	background: #cccccc;
	/*border: 2px solid black;*/
}

.mPressTooltipAlt {
	margin-top: -11px;
	padding: 10px 20px;
	color: black;
	border-radius: 20px;
	text-align: center;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	font-stretch: condensed;
	text-decoration: none;
	box-shadow: 0 0 7px black;
}
.mPressTooltipAlt .mPressEventArrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.mPressTooltipAlt .mPressEventArrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	-webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
	-moz-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
	box-shadow: 0 0 7px black;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
}

.mPressTooltipAlt span.mPressEvent-name {
	text-transform: uppercase;
}