/*
This file was generated by Dashcode from Apple Computer, Inc.
You may edit this file to customize your Dashboard widget.
*/

body {
	margin: 0px;
}

#frontImg {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	bottom: 0px;
	height: auto;
}

#info {
	position: absolute;
	right: 15px;
	bottom: 18px;
	width: 13px;
	height: 13px;
}

#back {
	display: none;
}

#backImg {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 0px;
}

#done {
	position: absolute;
	right: 21px;
	margin-left: auto;
	bottom: 21px;
	margin-top: auto;
}

#helloText {
	position: absolute;
	font-family: Helvetica Neue;
	font-weight: bold;
	color: rgb(0, 0, 127);
	font-size: 20pt;
	width: 386px;
	text-align: center;
	top: 14px;
	right: 41px;
	margin-left: auto;
	left: 37px;
	margin-right: auto;
}

.backDevelopedWith {
	position: absolute;
	top: 486px;
	right: 291px;
	margin-left: auto;
	left: 21px;
	margin-right: auto;
}

#canvas {
	position: absolute;
	height: 384px;
	width: 384px;
	left: 39px;
	top: 48px;
}

#text {
	position: absolute;
	left: 36px;
	font-family: HelveticaNeue-Bold;
	color: rgb(255, 255, 0);
	font-size: 10pt;
	width: 307px;
	height: 23px;
	top: 515px;
}

#markButton {
	position: absolute;
	font-family: Helvetica Neue;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	height: 32px;
	top: 449px;
	width: 116px;
	left: 173px;
	color: rgb(255, 255, 0);
}

#dchargeMessage {
	position: absolute;
	font-size: 10pt;
	width: 117px;
	height: 16px;
	color: rgb(255, 255, 0);
	font-family: HelveticaNeue-Bold;
	text-align: center;
	left: 39px;
	top: 483px;
}

#schargeMessage {
	position: absolute;
	font-size: 10pt;
	width: 117px;
	height: 16px;
	color: rgb(255, 255, 0);
	font-family: HelveticaNeue-Bold;
	text-align: center;
	top: 483px;
	left: 306px;
}

#clearMarkMode {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 201px;
	top: 484px;
}

#greenMarkMode {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 223px;
	top: 484px;
}

#orangeMarkMode {
	position: absolute;
	height: 16px;
	width: 16px;
	top: 484px;
	left: 245px;
}

#dchargeSelected {
	position: absolute;
	border-style: solid;
	top: 444px;
	height: 58px;
	border-color: rgb(255, 255, 0);
	border-width: 3px;
	left: 34px;
	width: 120px;
	display: none;
}

#schargeSelected {
	position: absolute;
	border-style: solid;
	top: 444px;
	height: 58px;
	border-color: rgb(255, 255, 0);
	border-width: 3px;
	left: 301px;
	width: 120px !important;
	display: none;
}

#markSelected {
	position: absolute;
	border-style: solid;
	top: 444px;
	height: 58px;
	border-color: rgb(255, 255, 0);
	border-width: 3px;
	left: 168px;
	width: 120px !important;
	display: none;
}

#schargeButton {
	position: absolute;
	font-family: Helvetica Neue;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	height: 32px;
	width: 116px;
	left: 306px;
	color: rgb(255, 255, 0);
	top: 449px;
}

#dchargeButton {
	position: absolute;
	font-family: Helvetica Neue;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	height: 32px;
	left: 39px;
	color: rgb(255, 255, 0);
	width: 116px;
	top: 449px;
}

#newGameButton {
	position: absolute;
	left: 343px;
	top: 515px;
}

#clearSelected {
	position: absolute;
	border-style: solid;
	border-color: rgb(255, 255, 0);
	border-width: 2px;
	width: 16px;
	height: 16px;
	top: 482px;
	left: 199px;
	display: none;
}

#greenSelected {
	position: absolute;
	border-style: solid;
	border-color: rgb(255, 255, 0);
	border-width: 2px;
	width: 16px;
	height: 16px;
	top: 482px;
	left: 221px;
	display: none;
}

#orangeSelected {
	position: absolute;
	border-style: solid;
	border-color: rgb(255, 255, 0);
	border-width: 2px;
	width: 16px;
	height: 16px;
	top: 482px;
	left: 243px;
	display: none;
}

#text1 {
	position: absolute;
	font-size: 14pt;
	font-family: HelveticaNeue-Bold;
	color: rgb(255, 255, 255);
	top: 128px;
	left: 144px;
}

#text2 {
	position: absolute;
	font-size: 14pt;
	font-family: HelveticaNeue-Bold;
	color: rgb(255, 255, 255);
	left: 149px;
	top: 151px;
}

#text3 {
	position: absolute;
	font-size: 14pt;
	font-family: HelveticaNeue-Bold;
	color: rgb(255, 255, 255);
	left: 54px;
	top: 209px;
}

#text4 {
	position: absolute;
	font-size: 14pt;
	font-family: HelveticaNeue-Bold;
	color: rgb(255, 255, 255);
	top: 174px;
	left: 126px;
}