* {
	margin: 0;
	padding: 0;
	outline: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
}
body {
	min-width: 1024px;
	background-color: #1F1F1F;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 13px;
}
h1 {
	float: left;
	height: 50px;
	padding-left: 42px;
	background: url('../images/boxing_timer_pro_icon_32.png') left center no-repeat;
	line-height: 50px;
	font-size: 24px;
	color: #FFF;
	text-shadow: 0 1px 0 #A1A1A1;
}
h2 {
	margin: 20px 0;
	line-height: 28px;
	font-size: 24px;
	color: #7F7F7F;
	text-shadow: 0 1px 0 #000;
}
h3 {
	margin: 20px 0;
	line-height: 22px;
	font-size: 18px;
	color: #7F7F7F;
	text-shadow: 0 1px 0 #000;
}
p {
	margin: 20px 0;
	line-height: 22px;
	color: #EEE;
	text-shadow: 0 1px 0 #000;
}

a img {
	
	border:none;
}
#blockedMessageBody {
	min-width: 320px;
	font-size: 16px;
}

#blockedMessage {
	margin: 30px 10px;
	padding: 19px;
	background-color: #ddd;
	border: solid 1px #000;
	box-shadow: 0 2px 8px #000;
	-webkit-box-shadow: 0 2px 8px #000;
	-moz-box-shadow: 0 2px 8px #000;
	line-height: 1.8;
	color: #888;
}

#blockedMessageBody a.ios_badge {
	display: block;
	margin: 30px auto;
	width: 225px;
}
#header {
	height: 50px;
	border-bottom: solid 1px #2A2A2A;
}
#headerInner {
	margin: 0 auto;
	height: 50px;
	width: 1024px;
	text-align: center;
}
#menu {
	list-style-type: none;
	float: right;
	height: 50px;
}
#menu li {
	float: left;
	margin-left: 10px;
	height: 50px;
}
#menu li a {
	display: block;
	float: left;
	height: 50px;
	padding: 0 15px;
	line-height: 50px;
	font-size: 20px;
	color: #5F5F5F;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
#menu li a:hover {
	color: #7F7F7F;
}
#menu li #promoLink {
	font-weight: bold;
	color: #9F9F9F;
}
#menu li #promoLink:hover {
	color: #BFBFBF;
}
#main {
	overflow: visible;
	background-color: #000;
}
#mainInner {
	position: relative;
	margin: 0 auto;
	width: 984px;
	height: 628px;
	padding: 0 20px;
}
#helpWrap {
	position: absolute;
	top: 10px;
	left: -9999em;
	display: none;
	z-index: 1000;
	width: 460px;
	padding: 0 19px;
	background-color: #1F1F1F;
	border: solid 1px #2A2A2A;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-shadow: #000 0 2px 4px;
	-webkit-box-shadow: #000 0 2px 4px;
	-moz-box-shadow: #000 0 2px 4px;
	color: #FFF;
}
#footerInner {
	margin: 25px auto;
	height: 65px;
	width: 1022px;
	background-color: #2F2F2F;
	border: solid 1px #404040;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: #000 0 1px 2px;
	-webkit-box-shadow: #000 0 1px 2px;
	-moz-box-shadow: #000 0 1px 2px;
}
#footerSocial {
	float: left;
	margin-top: 12px;
	height: 34px;
	list-style: none;
}
#footerSocial li {
	float: left;
	height: 34px;
	width: 100px;
	padding: 10px;
}
#footerBadges {
	float: right;
	height: 45px;
	padding: 10px;
}
#footerPromo {
	display: block;
	float: right;
	height: 78px;
	width: 250px;
	padding: 22px 10px 10px 80px;
	background: url('../images/boxing_timer_pro_icon_48.png') 16px 28px no-repeat;
	border-left: solid 1px #404040;
	line-height: 34px;
	font-size: 20px;
	font-weight: bold;
	color: #9F9F9F;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
#footerPromo span {
	display: block;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	color: #EFEFEF;
	text-shadow: 0 1px 0 #000;
}
#footerPromo:hover {
	color: #BFBFBF;
}
#footerPromo:hover span {
	color: #FFF;
}
#copyright {
	margin: 20px 0;
	color: #4F4F4F;
	text-align: center;
}
#copyright a {
	font-weight: bold;
	color: #9F9F9F;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
#block {
	margin: 200px auto;
	width: 400px;
	padding: 40px;
	background-color: #EEE;
	border: solid 1px #DDD;
}

/* BOXING TIMER */

#btSound {
	visibility: hidden;
}
#btRoundWrap {
	position: absolute;
	top: 34px;
	left: 0;
	margin-bottom: 34px;
	height: 100px;
	width: 1024px;
	background-color: #FFF;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	line-height: 100px;
	font-size: 72px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
#btTimeWrap {
	position: absolute;
	top: 168px;
	left: 0;
	overflow: auto;
	height: 426px;
	width: 1024px;
	background-color: #FFF;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	color: #000;
}
#btTimeWrap.totaltime {
	background: #FFF url('../images/totaltime_icon.png') center 20px no-repeat;
}
#btTimeWrap.numberofrounds {
	background-color: #FFF;
}
#btTimeWrap.prepare {
	background: #FF0 url('../images/prepare_icon.png') center 20px no-repeat;
}
#btTimeWrap.round {
	background: #0F0 url('../images/round_icon.png') center 20px no-repeat;
}
#btTimeWrap.warning {
	background: #F60 url('../images/warning_icon.png') center 20px no-repeat;
}
#btTimeWrap.rest {
	background: #F00 url('../images/rest_icon.png') center 20px no-repeat;
}
#btCurrentPhase {
	display: block;
	margin-top: 20px;
	height: 48px;
	line-height: 48px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
#btCurrentTime {
	display: block;
	line-height: 320px;
	font-size: 288px;
	font-weight: bold;
	text-align: center;
}
#btPhaseSettings {
	position: absolute;
	top: 580px;
	left: 30px;
	z-index: 10;
	list-style-type: none;
	height: 60px;
	width: 964px;
}
#btPhaseSettings li {
	float: left;
	margin-right: 16px;
	height: 60px;
	width: 180px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: #000 0 1px 2px;
	-webkit-box-shadow: #000 0 1px 2px;
	-moz-box-shadow: #000 0 1px 2px;
	line-height: 60px;
	font-size: 22px;
	color: #000;
	text-align: center;
}
#btPhaseSettings li.prepare {
	background-color: #FF0;
}
#btPhaseSettings li.round {
	background-color: #0F0;
}
#btPhaseSettings li.warning {
	background-color: #F60;
}
#btPhaseSettings li.rest {
	background-color: #F00;
}
#btPhaseSettings li.rounds {
	background-color: #FFF;
}
#btPhaseSettings li.last {
	margin-right: 0;
}
#btTotalTimeWrap {
	float: left;
	height: 60px;
	line-height: 60px;
	font-size: 42px;
	color: #5F5F5F;
	text-shadow: 0 1px 0 #000;
}
#btTotalTime {
	font-weight: bold;
	color: #FFF;
}
#btButtons {
	list-style-type: none;
	float: right;
	height: 62px;
}
#btButtons li {
	float: left;
	margin-right: 20px;
	height: 62px;
}
#btButtons li.last {
	margin-right: 0;
}
#btButtons li a {
	display: block;
	float: left;
	height: 60px;
	width: 240px;
	line-height: 60px;
	background-color: #2F2F2F;
	border: solid 1px #404040;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	box-shadow: #000 0 1px 2px;
	-webkit-box-shadow: #000 0 1px 2px;
	-moz-box-shadow: #000 0 1px 2px;
	font-size: 28px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#btButtons li a:hover {
	background-color: #393939;
	border-color: #4A4A4A;
}

#btSettingArrowsWrap {
	position: absolute;
	top: 70px;
	left: 278px;
	height: 336px;
	width: 464px;
}
.btSettingArrow {
	position: absolute;
	display: block;
	height: 50px;
	width: 64px;
}
#btSettingTimeMinutesArrowUp {
	top: 0;
	left: 0;
	background: url(../images/changearrowup.png) 0 0 no-repeat;
}
#btSettingTimeMinutesArrowDown {
	top: 286px;
	left: 0;
	background: url(../images/changearrowdown.png) 0 0 no-repeat;
}
#btSettingTimeSecondsArrowUp {
	top: 0;
	left: 400px;
	background: url(../images/changearrowup.png) 0 0 no-repeat;
}
#btSettingTimeSecondsArrowDown {
	top: 286px;
	left: 400px;
	background: url(../images/changearrowdown.png) 0 0 no-repeat;
}
#btSettingRoundsArrowUp {
	top: 0;
	left: 200px;
	background: url(../images/changearrowup.png) 0 0 no-repeat;
}
#btSettingRoundsArrowDown {
	top: 286px;
	left: 200px;
	background: url(../images/changearrowdown.png) 0 0 no-repeat;
}
#btFooter {
	border-top: solid 1px #2A2A2A;
}
#btFooterInner {
	margin: 48px auto 34px auto;
	height: 62px;
	width: 1024px;
}
#btAdvert {
	position: relative;
	top: 10px;
	left: 10px;
	height: 300px;
	width: 1004px;
}
#btAdvert a {
	display: block;
	height: 350px;
	width: 1004px;
	font-size: 48px;
	color: #111;
	text-align: center;
	text-decoration: none;
}