/*
$Date: 2010-05-19 16:37:29 -0400 (Wed, 19 May 2010) $
$Rev: 12844 $
$Id: form.css 12844 2010-05-19 20:37:29Z doug $
Author - Doug Fraize
---------------------------------------------------------------*/
/***** GENERAL FORM SETUP STYLES *****/
form										{font-weight:normal; position:relative;}
fieldset, input, select, textarea, label	{display:block;}
fieldset									{border:0;}
label										{clear:both;}
input, select								{width:auto; border:1px solid #CCC;}
textarea									{width:auto; height:auto;}
input[type="checkbox"], input.checkbox		{border:0; height:18px; padding:0; margin:0; width:18px;}
input[type="radio"], input.radio			{border:0;}

input:focus, input:hover,
select:focus, select:hover					{background-color:#F0FFE6;}

legend										{clear:both; padding-bottom:5px;}

fieldset ol									{margin:0; padding:0; list-style-position:outside;}
fieldset ol li								{list-style-type:none; margin:0 0 10px 0;}

/*--- CREATE A VERTICAL LAYOUT WITH FORM ELEMENTS ---------------------------------*/
.form input									{margin-top:3px;}
.form select								{margin-top:3px;}

.form .checkbox								{margin-bottom:3px; *margin-left:-4px; /* IE6+7 ONLY */}
.form .checkbox input						{clear:both; display:inline; margin:0 3px 0 0; *margin:0 0 5px 0; /* IE6+7 ONLY */ vertical-align:-2px; width:auto;}
.form .checkbox label						{display:inline-block; font-weight:normal; padding-left:0;}
.form .checkbox-label						{font-weight:bold; margin:0;}

.form .radio								{margin-bottom:8px;}
.form .radio input							{clear:both; display:inline; margin:2px 0 0 0; vertical-align:-2px; width:auto;}
.form .radio label							{display:inline-block; font-weight:normal; padding:2px 18px 0 2px;}
.form .radio-label							{font-weight:bold; margin:0;}

/*--- PHONE NUMBER HANDLING ---------------------------------------------------------*/
.form .phone								{height:45px;}
.form .phone input							{float:left; width:50px; margin-right:8px;}

/*--- FORM ERROR HANDLING ---------------------------------------------------------*/
/* TODO:V7 */
.required									{color:#cc0000;}
.error										{color:#cc0000;}

.error div									{padding-bottom:4px;}
.error input, .error select					{background-color:#FBBCBC;}

.form .form-notes							{color:#808080;}

/*--- AUTOCOMPLETE ----------------------------------------------------------------*/
html>body div.yui-ac iframe					{display:none;}

div.yui-ac,
/* Entire widget */

div.yui-ac input.yui-ac-input,
/* Styles for the input fields */

div.yui-ac-container,			
/* Styles for the results container */

div.yui-ac div.yui-ac-content				{width:auto;}
div.yui-ac div.yui-ac-content				{background-color:#FFF; border:1px solid #99C7E4; border-top:0; color:#333; padding:0 1px; position:absolute; overflow:hidden; width:100%; z-index:9050;}
/* Style for the contents of the container */

div.yui-ac div.yui-ac-content ul 			{margin:0; padding:0;}
div.yui-ac div.yui-ac-content ul li 		{border-top:1px solid #CCC; cursor:default; line-height:1.1em; margin:0; padding:2px 5px; _font-size:11px;}
div.yui-ac div.yui-ac-content ul li span	{color:#999; font-weight:normal;}
div.yui-ac div.yui-ac-content ul li.yui-ac-prehighlight		{background:#FF0000;}
div.yui-ac div.yui-ac-content ul li.yui-ac-highlight		{background:#0072BC; color:#FFF;}
div.yui-ac div.yui-ac-content ul li.yui-ac-highlight span	{color:#FFF;}

/*--- ---*/
.zip-code input								{width:50px;}

/*--- ALLOWS YOU TO TAKE VERTICAL/HORIZONTAL STYLE AND LAYOUT OUT INLINE ---------*/
/*--- CHANGES INLINE OF LI ELEMENTS ---*/
.form-inline li								{float:left; margin-right:10px;}

/*--- CHANGES SPECIFIC LI ELEMENTS WITHOUT USING THE FORM INLINE CALL ---*/
.inline-group								{float:left; margin-right:5px;}
.inline-group:last-child,
.inline-group.last-child					{margin-right:0;}

/*--- PUTS FORM ELEMENTS SIDE BY SIDE ---*/
.inline-elements							{clear:both; overflow:hidden; width:auto;}
.inline-elements input,
.inline-elements select,
.inline-elements label						{clear:none; float:left; margin-right:5px; padding-top:3px;}
.inline-elements input:last-child			{margin-right:0;}

/*--- YOU NEED THIS ON A SEPERATE LI WHEN PLACE TWO INPUT SIDE BY SIDE ---*/
.inline-elements-hdr						{margin:0;}

.check-box label,
.radio-button label							{font-weight:normal;}

/*--- NOTES HANDLING -------------------------------------------------------------*/
.help-info									{font-size:1.0em; font-weight:normal;}

/*--- FIELDHINT DISPLAY ----------------------------------------------------------*/
.input-hint {color:#999;}
.input-note {font-style:italic;}

/*--- CORE BUTTON SETUP ----------------------------------*/
.btn span			{border-color:#999; display:block; line-height:0; padding:0; margin:0 1px 0 0;}
.btn				{background:transparent; border-width:0; cursor:pointer; display:inline-block; line-height:0; margin:0; overflow:visible; padding:1px 0; position:relative; text-decoration:none; text-align:left;}
.btn .top			{border-bottom-style:solid; border-bottom-width:1px; color:#999; margin:0 2px 0 1px; font-size:1px;}
.btn .ctn			{background:url("/images/default_btn_bck.png") 0 3px repeat-x; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; color:#666; font-weight:bold; line-height:1.0em; padding:3px 5px; *padding:2px 5px;}
.btn .ctn b			{display:none;}
.btn .btm			{border-top-style:solid; border-top-width:1px; color:#FFF; margin:0 2px 0 1px; font-size:1px;}

.btn:hover span		{border-color:#878686;}
.btn:hover .ctn		{background-position:-1px -17px;}

a.btn, a.btn:link,
a.btn:visited,
a.btn:hover			{text-decoration:none;}

html:not([lang*=""]) button.btn {margin:0 -3px;}