/* 
    Document   : form
    Created on : 8-okt-2009, 10:27:39
    Author     : Arno
    Description:
        Generic form styles.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div#content form {

}

div#content form fieldset {
	position: relative;

	border: 0px;
	margin: 0px;
	padding: 5px 0px;
}

div#content form p.error {
	position: relative;

	color: #EC6807;

	padding: 10px 0px 0px 185px;

	clear: both;
}

div#content form label,
div#content form select,
div#content form textarea,
div#content form input {

	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;

	position: relative;
	display: block;

	color: #4582e1;

	margin: 0px 0px 5px;
}

div#content form label {
	border: 1px solid white;

	width: 185px;
	_width: 182px;
	height: 23px;

	float: left;
	clear: left;

	overflow: hidden;

	padding: 2px 0px 1px;
}

div#content form#loginForm label {
	width: 120px;
}

div#content form input[type="file"],
div#content form input[type="password"],
div#content form input[type="text"],
div#content form input.smalltext,
div#content form input.mediumtext,
div#content form input.text,
div#content form select,
div#content form textarea {
	border: 1px solid #9bb2eb;

	margin: 0px 5px 5px 0px;
	padding: 2px 1px 1px;

	width: 324px;
	height: 23px;

	float: none;
}

div#content form input.error,
div#content form select.error,
div#content form textarea.error,
div#content form div.error input,
div#content form div.error select,
div#content form div.error textarea {
	background-color: #fbebdf;
	border-color: #EC6807;
	color: #EC6807;
}

div#content form div.x-combobox {
	margin: 0px 0px 0px 185px;
	_margin: 0px 0px 0px 0px;
}

div#content form div.x-combobox input {
	width: 307px !important;
}

div#content form div.x-combobox img.x-form-trigger {
	margin: 0px 0px 0px 307px;
	position: absolute;
}

div#content form input.inline {
	float: left;
}

div#content form textarea {
	height: 65px;
}

div#content form input.smalltext {
	width: 77px;
}

div#content form input.mediumtext {
	width: 160px;
}

div#content form input[type="button"],
div#content form input[type="submit"],
div#content form input.button {
	background: url(/images/button-background.png) top left no-repeat;

	color: #536cab;

	clear: both;

	border: 0px;

	font-size: 13px;
	font-weight: bold;

	margin: 13px 0px 0px 185px;
	_margin: 13px 0px 0px 182px;
	padding: 0px 0px 2px;

	width: 137px;
	height: 35px;

	overflow: hidden;

	cursor: pointer;
}

div#content form input[type="button"][disabled],
div#content form input[type="submit"][disabled] {
	background-image: url(/images/button-background-disabled.png);

	color: #999999;

	cursor: default;
}

div#content form#loginForm input[type="button"],
div#content form#loginForm input[type="submit"],
div#content form#loginForm input.button {
	margin: 13px 0px 0px 120px;
}

div#content div.button-large,
div#content div.button-small {

	color: #536cab;

	border: 0px;

	overflow: hidden;

	cursor: pointer;
}

div#content div.button-large {
	background: url(/images/button-large-background.png) top left no-repeat;

	margin: 13px 0px 0px 0px;
	padding: 8px 0px 2px 38px;

	width: 374px;
	height: 35px;
}

div#content div.button-small {
	background: url(/images/button-small-background.png) top left no-repeat;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 18px !important;

	width: 122px;
	height: 19px;
}

div#content div.button-small-info {
	background: url(/images/button-small-background-info.png) top left no-repeat;
}

div#content div.button-large a,
div#content div.button-large a:hover,
div#content div.button-small a,
div#content div.button-small a:hover {
	color: #536cab !important;

	text-decoration: none !important;
}

div#content div.button-large a,
div#content div.button-large a:hover {
	font-size: 13px;
	font-weight: bold;
}

div#content div.button-small a,
div#content div.button-small a:hover {
	font-size: 11px !important;
}

div#content form p {
	margin: 5px 0px !important;
}

div#content form div.frontButtonContainer input {
	margin-bottom: 10px;
}

form#loginForm br {
	display: none;
}