/*<style>*/

* {
margin: 0;
padding: 0;
}

body {
font-family: Lucida Sans Unicode, Verdana;
font-size: 9.5pt;
background: #605F48;
color: #5A5A50;
}

#container {
width: 710px;
margin: 0 auto;
background: #FDFFEB;
border-left: 3px solid #ABA993;
border-right: 3px solid #ABA993;
overflow: hidden;
padding: 10px 6px 90px 14px;
}

#leftcol {
width: 500px;
float: left;
}

#rightcol {
width: 170px;
float: right;
overflow: hidden;
}

#navbar ul {
margin: 15px 0 -5px 0 !important;
margin: 15px 0 2px 0;
}

#navbar ul li {
list-style-type: none;
display: inline;
margin-right: 15px; 
}


#navbar a {
font-size: 11pt;
font-weight: bold;
text-decoration: none;
padding: 5px 7px;
color: #5D5F50;
font-family: Arial;
}

#navbar a:hover {
background: #605F48;
color: #FDFFEB;
}

#infotext {

}

#infotext p{
font-weight: bold;
line-height: 19px;
margin-bottom: 10px;
font-family: Lucida Sans Unicode;
}


.possibilities-entry {
	font-size: 12px;
}
.spacer {
	width:15px;
}
.control-button {
	width:150px;
}
div#pen-picks input {
	width:30px;
}
#selected-pen-number {
	font-weight:bold;
}
#control-area label {
	padding-right:10px;
	font-weight:bold;
}
#control-area {
	width:150px
}

/*The Input fields after the pen is picked.*/
.pen-picked {
	cursor: pointer;
	cursor: hand;
}
/*
.pen-picked:hover {
	background:#FFCCCC;
}
*/
#pen-tool {
	text-align:center;
}
#pen-tool input {
	border:1px solid #ccc;
}

/*The Cells that has error*/
.problem-cell {
	color:#f00;
}

#timer {
	font-weight:bold;
}
#pause-hider {
	display:none;
	position:absolute;
	top:auto;
	left:auto;
	text-align:center;
	vertical-align:middle;
	width:320px;
	height:345px;

}
.print-only {
	display:none;
}

#info {
margin-top: 25px;
}

#info input {
font-family: Arial;
font-size: 10.5pt;
font-weight: bold;
border: 1px solid #CDCAB8;
background: #E4E3CA;
text-transform: uppercase;
color: #767354;
margin-bottom: 2px;
margin-left: 10px !important;
margin-left: 6px;
padding: 2px 0;
}

#options input {
font-family: Arial;
font-size: 10.5pt;
font-weight: bold;
border: 1px solid #CDCAB8;
background: #E4E3CA;
text-transform: uppercase;
color: #767354;
margin-bottom: 2px;
padding: 2px 0;
}

select {
border: 1px solid #CDCAB8;
font-family: Arial;
font-size: 10.5pt;
font-weight: bold;
color: #A8A8A3;
text-transform: uppercase;
width: 100%;
margin-bottom: 4px;
padding: 3px;
margin-left: 0 !important;
margin-left: -10px;
}

select option {
padding: 0 3px;
}

h4 {
margin-top: -15px;
margin-bottom: 3px;
font-family: Arial;
font-size: 10.5pt;
font-weight: bold;
color: #767354;
text-transform: uppercase;
}

.enlaces li {
list-style-type: none;
padding: 2px 0;
}

.enlaces a {
text-decoration: none;
color: #767354;
font-weight: bold;
}






.box {
	width:120px;
	background: #FDFFEB;
	font-family: Arial;
}
table.root-table {
	background: transparent url(bg.png) center no-repeat;
}
table.root-table td {
	font-family: Arial;
	background: none;
}
table.root-table input {
	background-color:#E5E2CA;
	font:16px bold;
	width:30px;
	height: 26px;
	border:0px solid #fff;
	font-family: Lucida Sans Unicode, Verdana;
	margin: 3px;
	text-align: center;
	padding-top: 4px;
	color: #141414;
}
.line-v {
	font-family: Arial;
	display: none;
}
.line-h {
	display: none;
	font-family: Arial;
}