
#source select {
	border: 1px solid #000000;
	width: 100px;
}

img {
	vertical-align: top;
}

#hangmanBox a {
	font-family: 'Lucida Sans',Verdana,Arial;
	text-decoration: none;
}
#hangmanBox.lose {
	color: #ff0000;
}
#hangmanBox.win {
	color: #00aa00;
}
#hangmanBox a:hover {
	text-decoration: underline;
}

#frame {
	margin-left: auto;
	margin-right: auto;

	width: 800px;
}

#hangmanBox {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;

	width: 600px;
}

#hangmanTitle {
	clear: both;

	width: 600px;
	height: 30px;

	background-color: #594036;

	overflow: hidden;
	position: relative;

	text-align: center;
	line-height: 30px;
	color: #D6D982;

	font-weight: bold;
}

#hangmanBorder {
	clear: both;
	position: relative;

	width: 600px;
	background-color: #594036;
}

#hangmanContent {
	clear: both;

	margin-left: auto;
	margin-right: auto;
	position: relative;

	height: 400px;
	width: 95%;

	background-color: #ffffff;
}

#hangmanImage {
	position: relative;
	float: left;

	width: 50%;
	height: 300px;
}

#hangmanGuesses {
	position: relative;
	float: right;

	text-align: center;
	font-size: 14pt;
	letter-spacing: 6px;
	line-height: 20px;
	
	width: 50%;
	height: 300px;
}

.hangmanWord {
	clear: both;

	position: relative;

	width: 100%;
	height: 50px;

	text-align: center;
	letter-spacing: 5px;
	font-size: 12pt;
	font-weight: bold;

	border-bottom: 1px solid #594036;
	color: #000000;
}

#hangmanEntry {
	clear: both;

	position: relative;

	width: 100%;
	height: 50px;
}

#letter {
	border: 0px;

	width: 100%;

	font-size: 28pt;
	font-weight: bold;

	text-align: center;

	height: 50px;
	background-color: #f2f2f2;
}

#hangmanSettings {
	position: relative;
	overflow: hidden;

	width: 600px;
	height: 30px;
	line-height: 30px;

	text-align: left;
	text-indent: 8px;
}
#hangmanSettings a {
	font-size: 8pt;
	color: #594036;
}
#hangmanSettings a:hover {
	text-decoration: none;
}

#hangmanOptions {
	width: 600px;
	height: 50px;

	text-align: center;
	line-height: 50px;
	background-color: #b6c15b;
	border: 1px solid #594036;
	color: #594036;
	font-weight: bold;

	font-size: 9pt;

	z-index: 0;
	display: none;
}
#hangmanOptions input {
	vertical-align: middle;
}

#wfFrame {
	overflow: hidden;
	position: relative;

	top: 50px;
	width: 90%;

	text-align: center;
	line-height: 20px;

	font-size: 14pt;
	font-weight: bold;
}

.hangmanInput {
	color: #000000;
	font-weight: bold;

	position: absolute;
	left: 10px;
	top: 8px;
}
#hangmanClue {
	position: relative;
	overflow: none;
	margin-top: 10px;
	margin-left: 15px;
	color: #ffffff;

	/*position: absolute;
	left: 10px;
	top: 28px;*/
}

.lose {
	font-weight: bold;
	color: #880000;
}
.win {
	font-weight: bold;
	color: #008800;
}

#hangmanLetters {
	position: relative;
	height: 40px;
	line-height: 40px;
	text-align: center;
	letter-spacing: 2px;

	font-family: 'Courier New';
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
}
#hangmanLetters a {
	font-family: 'Courier New';
	font-size: 11pt;
	font-weight: bold;
	color: #B6C15B;
}

/* Words */
#wordsFrame {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	text-align: center;
	font-size: 12pt;
	line-height: 30px;
}
.wordsUnder {
	border-bottom: 1px dashed #594036;
}
.wordsWord {
	padding: 0px 10px 0px 10px;
	white-space: nowrap;
	cursor: default;
}
.wordTip {
	position: absolute;
	padding: 7px;
	color: #000000;
	white-space: nowrap;
	display: none;
}
.wordTipFull {
	background-color: #b6c15b;
	border: 1px solid #594036;
	opacity: 0.9;
}
/* Words */

/* Scoring System */
#scoringSystemFrame {
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.scoringSystemTitle {
	font-size: 16pt;
	font-weight: bold;
	border-bottom: 1px solid #594036;
	padding-bottom: 3px;
}
.scoringSystemDetails {
	margin-left: auto;
	margin-right: auto;
	font-size: 12pt;
	margin-bottom: 25px;
	margin-top: 10px;
	width: 95%;
	text-align: justify;
	line-height: 20px;
}
/* Scoring System */

/* Scores */
#scoreFrame {
	position: relative;
	overflow: hidden;
	padding-bottom: 15px;
	width: 100%;
}
#scoreFrame div {
	padding: 3px;
}
.scoreBottomBorder {
	border-bottom: 1px solid #594036;
}
.scoreRow {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.scoreHighlight {
	background-color: #D6D982;
}
.scoreHeader {
	font-weight: bold;
}
.scoreName {
	position: relative;
	float: left;
	width: 20%;
}
.scoreScore {
	position: relative;
	float: left;
	text-align: right;
	width: 14%;
}
.scoreWins {
	position: relative;
	float: left;
	text-align: right;
	width: 14%;
}
.scoreLoses {
	position: relative;
	float: left;
	text-align: right;
	width: 14%;
}
.scoreLastPlayed {
	position: relative;
	float: right;
	margin-right: 5px;
	width: 30%;
	text-align: right;
}
/* Scores */