/* ----------------------------------------------------
   PUZZLE CSS - Copyright Pixel House
------------------------------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
}

.hide { display: none; }
.show { display: block; }

.entryField, .entryField2 {
	font-family: arial, helvetica, sans-serif;
	background-color: #dbda92;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: center;
	height: 11px;
	width: 32px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-top: solid 1px #e6e597; 
	border-right: solid 1px #dbda92; 
	border-bottom: solid 1px #dbda92;
	border-left: solid 1px #e6e597; 

}

.entryField2 {
	background-color: #92c331;
	color: #aa2d2d;
	border: 1px solid #92c331;
}



.textBox, .textBox2, .highlight {
	font-family: arial, helvetica, sans-serif;
	background-color: #e6e597;
	font-size: 18px;
	color: #AA2D2D;
	text-align: center;
	width: 32px;
	padding: 0px;
	font-weight: bold;
	margin: 0 0 1px 0;
	border: 1px solid #e6e597;
	height: 20px;
	float: left;

}

.textBox2 {
	border: 1px solid #e6e597;
	color: #808001;
	background-color: #E6E597;

}

.highlight {
	background-color: #9cce39;
	border: 1px solid #9cce39;
	color: #aa2d2d;
}
.lineBox {
	float: left;
	height: 19px;
	width: 16px;
	padding: 20px 7px 0 2px;
}


.buttonBox {
	background: url(../images/grid/shade.jpg) no-repeat 0 0 #fff;
	width: 135px;
}
.FieldBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 160px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/grid/bBG.gif) no-repeat 0 0 #fff;
	height: 23px;
	border: 0px solid #FFFFFF;
	padding: 10px 3px 3px 3px;
}
.mainBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	width: 574px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.lineBox2 {
	float: left;
	height: 19px;
	width: 16px;
	padding-top: 19px;
	padding-left: 2px;
	padding-right: 7px;
}
.lineBox3 {
	height: 26px;
	clear: both;
	padding-left: 22px;
	padding-top: 2px;
}
.lineBox4 {
	height: 26px;
	clear: both;
	padding-left: 18px;
	padding-top: 2px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #003399;
	display: inline;
	padding-left: 2px;
}
.updateBox {
	border: 1px solid #333333;
	padding: 2px;
	margin: 0px;
}
.difficulty {
	padding: 0 3px 0 0; 
	margin: 0 3px 0 0;
}
.mainBorder {
	background-color: #AA2D2D;
	padding: 0px;
	border: 3px solid #AA2D2D;
}

.bBox {	padding: 4px 0 0 0; }
.printB { padding-top: 10px; }

.lineBoxLS {
	height: 26px;
	clear: both;
	padding-left: 13px;
	padding-top: 2px;
}
.wrongBox {

	background-color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	width: 32px;
	padding: 0px;
	font-weight: bold;
	margin: 0;
	border: 1px solid #CC0000;
	height: 19px;
	float: left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #000000;
	display: inline;
	padding-left: 4px;
}
h3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #003399;
	display: inline;
	padding-left: 2px;
}
.subBorder {

	background-color: #AA2D2D;
	padding: 0px;
	border: 2px solid #AA2D2D;
}


/* ----------------------------------------------------
   DIFFICULTY BOX
------------------------------------------------------ */

#rate { width: 160px; height: 53px; background: url(../images/grid/bg-rate.gif) repeat-x 0 0 #efefef; border-top: solid 1px #b9b9b9; text-align: left; float: right; margin: 0 13px 22px 0; display: inline;  }
#rate h3 { color: #4d4d4d; width: 139px; padding: 6px 10px 5px 10px; float: left; margin: 0; font-size: 12px; }
.dleft { float: left; font-weight: normal; font-size: 11px; }
.dright { color: #aa2d2d; float: right; }

#rate ul { width: 100%; float: left; padding: 0; margin: 0; background: url(../images/grid/bg-rateda.gif) no-repeat 0 0; }
#rate ul li { float: left; display: block; padding: 0; list-style-type: none; }
#rate ul li { display: block; color: #fff; text-decoration: none; float: left; padding: 7px 5px 0 5px; height: 20px; }

/*
#rate ul li a { display: block; color: #fff; text-decoration: none; float: left; padding: 7px 5px 0 5px; height: 20px; }
*/

#rate .first { padding-left: 13px; }
#rate .last { padding-right: 13px; }

#rate .a01 { background-position: -137px 0; }
#rate .a02 { background-position: -119px 0; }
#rate .a03 { background-position: -103px 0; }
#rate .a04 { background-position: -87px 0; }
#rate .a05 { background-position: -71px 0; }
#rate .a06 { background-position: -56px 0; }
#rate .a07 { background-position: -40px 0; }
#rate .a08 { background-position: -24px 0; }
#rate .a09 { background-position: 0 0; }

#locked { margin: 0 0 6px 0; }

#greyBox { width: 100%; float: left; 27px; background: url(../images/grid/bg-rate.gif) repeat-x 0 bottom #a2a2a2; }

/* ----------------------------------------------------
   NEW BTNS
------------------------------------------------------ */

#buttons p, #solveButtons p { margin: 0 0 5px 0; float: left; }
#solveButtons { padding-top: 14px; }

.btn, .btn2, .btn3 { display: block; width: 168px; height: 29px; background: url(../images/grid/button-bg.gif) no-repeat 0 0; color: #fff; font-size: 12px; padding-top: 15px; text-decoration: none; font-weight: bold; text-align: center; }
.btn2, btn3 { background: url(../images/grid/button-bg2.gif) no-repeat 0 0; color: #fff; width: 80px; float: left; padding-top: 13px; margin-left: 9px; display: inline;}
.btn3 { background: url(../images/grid/button-bg3.gif) no-repeat 0 0; color: #6a6947; padding-top: 12px; }
.btn:hover, .btn2:hover { background-position: 0 -44px; }
.btn3:hover { background-position: 0 -41px; color: #515036; }
.btn { margin-left: 8px; }

.load { margin-left: 6px; display: inline; }

#Solve { margin-left: 30px; margin-right: 6px; }


/* ----------------------------------------------------
   WINNER CONTAINER
------------------------------------------------------ */

#winner { background: url(../images/grid/popup-bg2.png) no-repeat 0 0; padding: 50px 0px 80px 0px; text-align: center; width: 373px; height: 150px; position: absolute; z-index: 99; top: 90px; left: 83px;}
#winner {font-family:Verdana; font-size:13px;}

.content { width: 373px; font-family: arial; margin-top: -10px; }
#winner .content h3, #winner .content h4 { color: #b82c2e;  font-size: 1.3em; text-transform: uppercase; margin: 0 0 0.3em 0; }
.content h3 { font-weight: bold; }
.content p { color: #fff; margin: 0 0 2.2em; }
.content h4 { font-size: 0.9em; margin: 0 0 0.3em 0; }
.content p a { color: #fff; text-decoration: underline; }

#winner #play { margin-top: 36px; }

#close { position: absolute; top: 30px; left: 325px;  }
#close a { width: 12px; height: 12px; display: block; background: url(../images/grid/close.gif) no-repeat 0 0; text-indent: -5000px; outline: none; }
#close a:hover { background-position: 0 -12px; }