/* proSilver Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
#ajax_form fieldset {
	border-width: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

#ajax_form input {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align:left;
}

#ajax_form select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
}

#ajax_form option {
	padding-right: 1em;
}

#ajax_form option.disabled-option {
	color: graytext;
}

#ajax_form textarea {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

#ajax_form label {
	cursor: default;
	padding-right: 5px;
	color: #676767;
}

#ajax_form label input {
	vertical-align: middle;
}

#ajax_form label img {
	vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
#ajax_form fieldset dl {
	padding: 4px 0;
	clear:both;
}

#ajax_form fieldset dt {
	float:left;
	width: 50%;
	text-align: left;
	display: block;
}

#ajax_form fieldset dd {
	margin-left: 54%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Form elements */
#ajax_form dt label {
	font-weight: bold;
	text-align: left;
	vertical-align:top;
}

#ajax_form dt .desc{
	font-size:9px;
	font-weight:normal;
	clear:both;
}


#ajax_form dd {
	text-align: left;
	vertical-align:top;
}

#ajax_form dd label {
	white-space: nowrap;
	color: #333;
	vertical-align:top;
}

#ajax_form dd input, dd textarea {
	margin-right: 3px;
	vertical-align:top;
}

#ajax_form dd select {
	vertical-align:top;
}

#ajax_form dd textarea {
	width: 85%;
	vertical-align:top;
}


/* Input field styles
---------------------------------------- */
#ajax_form .inputbox {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

#ajax_form .inputbox:hover {
	border: 1px solid #eaeaea;
}

#ajax_form .inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

#ajax_form input.inputbox	{ width: 85%; }
#ajax_form input.medium	{ width: 50%; }
#ajax_form input.narrow	{ width: 25%; }
#ajax_form input.tiny		{ width: 125px; }

#ajax_form textarea.inputbox {
	width: 85%;
}

#ajax_form .autowidth {
	width: auto !important;
}

/* Form button styles
---------------------------------------- */
#ajax_form input.button1, #ajax_form input.button2 {
	font-size: 1em;
}

#ajax_form a.button1, #ajax_form input.button1, #ajax_form input.button3, #ajax_form a.button2, #ajax_form input.button2 {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #FAFAFA none repeat-x top;
}

#ajax_form a.button1, #ajax_form input.button1 {
	font-weight: bold;
	border: 1px solid #666666;
}

#ajax_form input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

/* Alternative button */
#ajax_form a.button2, #ajax_form input.button2, #ajax_form input.button3 {
	border: 1px solid #666666;
}

/* <a> button in the style of the form buttons */
#ajax_form a.button1, #ajax_form a.button1:link, #ajax_form a.button1:visited, #ajax_form a.button1:active, #ajax_form a.button2, #ajax_form a.button2:link, #ajax_form a.button2:visited, #ajax_form a.button2:active {
	text-decoration: none;
	color: #000000;
	padding: 2px 8px;
	line-height: 250%;
	vertical-align: text-bottom;
	background-position: 0 1px;
}

/* Hover states */
#ajax_form a.button1:hover, #ajax_form input.button1:hover, #ajax_form a.button2:hover, #ajax_form input.button2:hover, #ajax_form input.button3:hover {
	border: 1px solid #BCBCBC;
	background-position: 0 100%;
	color: #BCBCBC;
}

#ajax_form input.disabled {
	font-weight: normal;
	color: #666666;
	border:#00CC00 2px solid;
}



/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

#ajax_form h1 {
	color: #FFFFFF;
}

#ajax_form h2 {
	color: #28313F;
}

#ajax_form h3 {
	border-bottom-color: #CCCCCC;
	color: #115098;
}

#ajax_form hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

#ajax_form .panel {
	background-color:#f3f3f3;
	border-color: #CCCCCC;
}


/* Misc layout styles
---------------------------------------- */
#ajax_form dl.details dt {
	color: #000000;
}

#ajax_form dl.details dd {
	color: #536482;
}

#ajax_form .sep {
	color: #1198D9;
}

/* Miscellaneous styles
---------------------------------------- */

#ajax_form .copyright {
	color: #555555;
}

#ajax_form .error {
	color: #BC2A4D;
}

#ajax_form .sucess {
	color: green;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

#ajax_form a:link	{ color: #105289; }
#ajax_form a:visited	{ color: #105289; }
#ajax_form a:hover	{ color: #D31141; }
#ajax_form a:active	{ color: #368AD2; }

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
#ajax_form select {
	border-color: #666666;
	background-color: #FAFAFA;
}

#ajax_form label {
	color: #425067;
}

#ajax_form option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
#ajax_form dd label {
	color: #333;
}

/* Hover effects */
#ajax_form fieldset dl:hover dt label {
	color: #11A3EA;
}

#ajax_form fieldset.fields2 dl:hover dt label {
	color: inherit;
}


/* Input field styles
---------------------------------------- */
#ajax_form .inputbox {
	background-color: #FFFFFF; 
	border-color: #B4BAC0;
	color: #333333;
}

#ajax_form .inputbox:hover {
	border-color: #11A3EA;
}

#ajax_form .inputbox:focus {
	border-color: #11A3EA;
	color: #0F4987;
}

/* Form button styles
---------------------------------------- */

#ajax_form a.button1, #ajax_form input.button1, #ajax_form input.button3, #ajax_form a.button2, #ajax_form input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}

#ajax_form a.button1, input.button1 {
	border-color: #666666;
}

#ajax_form input.button3 {
	background-image: none;
}

/* Alternative button */
#ajax_form a.button2, #ajax_form input.button2, #ajax_form input.button3 {
	border-color: #666666;
}

/* <a> button in the style of the form buttons */
#ajax_form a.button1, #ajax_form a.button1:link, #ajax_form a.button1:visited, #ajax_form a.button1:active, #ajax_form a.button2, #ajax_form a.button2:link, #ajax_form a.button2:visited, #ajax_form a.button2:active {
	color: #000000;
}

/* Hover states */
#ajax_form a.button1:hover, #ajax_form input.button1:hover, #ajax_form a.button2:hover, #ajax_form input.button2:hover, #ajax_form input.button3:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
}

#ajax_form input.disabled {
	color: #666666;
}

#ajax_form .th {
	padding:5px;
	background-color:#FFFF00;
	border:#CCCCCC 1px dashed;
	margin-bottom:5px;
}
