@charset "utf-8";
/* CSS Document */

form.jdform label {
	display: block;
	margin: 10px 0 2px 0;
}

form.jdform label.subheading {
	font-weight: bold;
	padding: 0 0 2px 0;
	font-size: 13px;
}

form.jdform label.small {
	font-size: 11px;
	color: #666666;
}

form.jdform .nolabel {
	margin: 5px 0 0 0;
}

form.jdform fieldset {

}

form.jdform legend {
	display: block;
	margin: 10px 0 0 0;
	font-weight: bold;
}

form.jdform .text input {
	border: 1px solid #cccccc;
	background: url('../images/form/bg-field.jpg') top left repeat-x;
	width: 220px;
	padding: 3px;
	font: 12px Arial, Helvetica, sans-serif;
}

form.jdform .text input.long {
	width: 240px;
}

form.jdform .text input.small {
	font-size: 10px;
}

form.jdform .text input:hover {
	border: 1px solid #bbbbbb;
}

form.jdform .text input:focus {
	border: 1px solid #999999;
}

form.jdform .text select {
	border: 1px solid #cccccc;
	background: #ffffff url('../images/form/bg-field.jpg') top left repeat-x;
	width: 248px;
	padding: 3px;
	font: 12px Arial, Helvetica, sans-serif;
}

form.jdform .textarea textarea {
	border: 1px solid #cccccc;
	background: url('../images/form/bg-field.jpg') top left repeat-x;
	width: 350px;
	padding: 3px;
	font: 12px Arial, Helvetica, sans-serif;
}

form.jdform .textarea textarea:hover {
	border: 1px solid #bbbbbb;
}

form.jdform .textarea textarea:focus {
	border: 1px solid #999999;
}

form.jdform .buttons input {
	border: 1px solid #999999;
	background: url('../images/form/button_bg.jpg') top left repeat-x;
	padding: 2px 10px 2px 10px;
	display: block;
	float: left;
	margin: 10px 5px 0 0;
	font: 13px Arial, Helvetica, sans-serif;
	cursor: pointer;
}

form.jdform .buttons a {
	border: 1px solid #999999;
	background: url('../images/form/button_bg.jpg') top left repeat-x;
	padding: 3px 10px 3px 10px;
	display: block;
	float: left;
	margin: 10px 5px 0 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 13px;
}

form.jdform .disabled {
	background-color: #eeeeee !important;
	color: #999999 !important;
}

form.jdform .buttons a:hover {
	background: url('../images/form/button_bg_hover.jpg') top left repeat-x;
}

form.jdform .buttons input:hover {
	background: url('../images/form/button_bg_hover.jpg') top left repeat-x;
}

form.jdform .checkbox input {
	margin-left: 0px;
}

/* Two Column Layout */

form.twocolumn label {
	float: left;
	clear: both;
	margin: 13px 0 1px 0;
	width: 220px;
}

form.twocolumn input {
	float: left;
	margin: 10px 0 0 0;
}

form.twocolumn select {
	float: left;
	margin: 10px 0px 0 0;
}

form.twocolumn .text input {
	margin-right: 0px;
}

form.twocolumn .text input.long {
	margin-right: 0px;
}

form.twocolumn .checkbox input {
	margin-right: 235px;
}

form.twocolumn .buttons {
	padding: 10px 0 0 0;
	clear: both;
}

form.twocolumn .info {
	float: left;
	margin: 13px 5px 0 0;
	width: 250px;
}

form.twocolumn .textarea textarea {
	float: left;
	width: 250px;
	margin: 10px 0px 0 0;
}

.jd-buttons {
	clear: both;
	margin: 10px 0 10px 0;
}

.jd-buttons a {
	border: 1px solid #999999;
	background: url('../images/form/button_bg.jpg') top left repeat-x;
	padding: 3px 10px 3px 10px;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 13px;
}

.jd-buttons a:hover {
	background: url('../images/form/button_bg_hover.jpg') top left repeat-x;
}

.jd-buttons span {
	float: left;
	margin: 10px 5px 0 0;
	padding: 3px 0 0 2px;
	color: #999999;
	font-size: 12px;
	font-style: italic;
}

form.jdform .buttons a.cancel {
	border: none;
	background: none;
	color: #666666;
	text-decoration: underline;
	padding: 3px 0 0 2px;
}

.message {
	padding: 10px;
	border: 2px solid #ddd;
	background-color: #eee;
	color: #222;
}

.notice {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #529214;
	border-color: #C6D880;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	border-color: #FBC2C4;
}

p.error, p.success, p.notice, p.message {
	padding: 10px;
	border: 1px dotted;
}

#content .page p.message {
	padding: 10px;	
}

.fieldError {
	font-size: 11px;
	color: #cc0000;	
	display: block;
	clear: both;
}
