@CHARSET "UTF-8";

#content .descriptionPanel {
	width: 600px;
}

#content .buttonPanel {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: rgb(95,95,95);
}

#content .buttonPanel hr {
	color: rgb(250,250,250);
	width: 90%;
	margin-top: 20px; 
	margin-bottom: 20px;
}

#content .buttonPanel .button,
#content .buttonPanel input[type="submit"] {
	margin: 5px;
	width: 90%px;
	background: rgb(250, 250, 250);
	display: block;	 
	color: rgb(255,127,39);
}

#content .buttonPanel input[type="text"] {
	padding: auto;
	height: 25px;
	width: 65px;
	margin: 5px 0px 5px 5px;
	border: none;
	font-size: 8pt;
	text-align: center;
}

#content .buttonPanel .button {
	cursor: pointer;
}

#content .buttonPanel .idInput {
	margin-right: 0px;
	font-size: 9pt;
	width: 50px;
    color: rgb(100,150,0);
}

#content .buttonPanel #submitButton {
	width: 190px;
	margin-left: 0px;
	margin-right: 5px;
	height: 27px;
}

#content .buttonPanel .notRecommended{
	text-color: rgb(50,50,50);
}

#content .buttonPanel .error {
	background: #FEE;
	border: none;
	color: #C00;
	height: 15px;
	width: 48px;
}

#content .errorMessage div {
	overflow: visible; /* hide even when in embedded mode */
}

#content .errorMessage {
	color: red;
	font-size: 0.9em;
	text-align: center;
	background: #FEE;
	margin-left: 5px;
	margin-right: 5px;
}