/* ------------ FORMS ------------ */

input,select,textarea		{font-size:.9em; border:solid 1px #C2BFAF; color:#918F83; margin-bottom:3px;}
input,textarea				{padding:.3em .4em;}

fieldset					{border:1px solid #C2BFAF; border:none; margin:1.2em 0;}
fieldset h3					{margin-bottom:1em;}
fieldset.checkbox input		{border: none; float: left; width: 15px; height: 15px; margin-right: 4px;}
fieldset.checkbox label		{float: left; position: relative; top:-2px; font-size: 1.3em;}

label						{float:left; margin-right:8px; text-align:right; padding-top:.2em;}

.labelw1 label				{width:80px;}
.labelw2 label				{width:110px;}
.labelw5 label				{width:130px;}

.fieldw1 input				{width:100px;}
.fieldw2 input				{width:175px;}
.fieldw3 input				{width:250px;}
.fieldw4 input				{width:75px;}
.fieldw5 input				{width:387px;}
.statefield input			{width:15px;}

.radio,.checkbox							{border:none; font-size:.75em; text-align:left;}
.radiolabel, .checkboxlabel, .leftalign 	{text-align:left;}

.radio						{margin:0 5px 0 0;}
.radiolabel					{width:170px;}

.checkbox					{margin:0 8px 0 0;}
.checkboxlabel				{width:170px;}

.leftalign					{width:100%;}
.textarea					{margin-bottom:1em;}
.formbutton					{color:#fff; background:#4C7243; padding:.25em 1em.5em; cursor:pointer; border:none;}

.formw0						{width:40px;}
.formw1						{width:100px;}
.formw2						{width:150px;}
.formw3						{width:200px;}
.formw4						{width:250px;}
.formw5						{width:350px;}
.formw6						{width:400px;}
.formw7						{width:424px;}


/* ADOPTION FORM
***********************************************************************/


#adoption h2								{color:#4c7243;}
#adoption label								{float:none; display:block; width:400px; margin-bottom:1em; text-align:left;}
#adoption select							{width:185px; font-size:.9em;}
#adoption input								{width:175px;}
#adoption input.submit						{width:auto; border:1px solid #44633D; margin-top:20px; padding:0;}
#adoption textarea							{width:400px;}
#adoption p small							{line-height:1em;}
#adoption div#allinfo h4					{text-decoration:underline; font-size:1.2em;}
#adoption ul								{width:190px; margin:0; list-style-type:none;}
#adoption ul li								{float:left; width:190px; height:50px;}
#adoption ul label							{width:190px; margin-bottom:1em;}
#adoption ul.wide							{width:400px;}
#adoption ul.wide li						{float:none; width:400px; height:auto;}
#adoption ul.wide label						{width:400px;}
#adoption div#allinfo ul					{margin-bottom:1.4em;}
#adoption ul.left							{float:left; margin:0 10px 0 0; padding:0;}
#adoption ul.right							{float:right; margin:0; padding:0; border:none;}
#selected_type, #identification,
#submit										{clear:both;}

fieldset#rentorown							{margin-bottom:0;}
p.legal										{position:relative; top:-10px; font-size:.9em; font-style:italic; line-height:1.2em;}
#visited_shelter label						{width:400px;}
#adoption fieldset.inlinecheckbox label		{display:inline;}
#adoption fieldset.inlinecheckbox input		{float:left; position:relative; top:4px; width:auto; margin:0 10px 10px 0; padding:0; border:none;}
#adoption fieldset.inlinecheckbox li		{margin-bottom:1em;}
#adoption input.radio						{float:left; width:auto; margin:2px 5px 10px 0;}
#adoption fieldset.inlineradio				{display:inline; margin:3px 0 1em 0; padding:0;}
#adoption fieldset.inlineradio p			{float:left; line-height:1.8em; margin-right:10px;}
#adoption fieldset.inlineradio label		{float:left; width:auto; display:inline; margin-right:10px;}
#adoption fieldset.inlineradio input.radio	{float:left; position:relative; top:3px; margin:0 3px 0 0; padding:0;}

fieldset#currentpets fieldset.inlineradio	{margin-bottom:1em;}
fieldset#currentpets fieldset.inlineradio p	{float:none; line-height:1em; margin-bottom:2px;}

#adoption fieldset							{margin:0;}
#adoption fieldset#birthdate select			{width:58px;}
#adoption fieldset#birthdate label			{margin-bottom:2px;}
#adoption input#influenceother				{border:solid 1px #ccc; float:none; font-size:12px; margin:0; padding:2px 4px; position:relative; top:1px;}
#adoption input#influenceother.error		{border:solid 1px #f00;}

ul#formprogress								{list-style-type:none; margin:0; padding:0 0 5em;}
ul#formprogress li							{float:left; text-align:center;}
ul#formprogress li a						{display:block; width:48px; height:18px; background:#c2bfaf; padding:7px 10px; border-right:1px solid #fff; color:#4c7243; font-size:1em; text-decoration:none;}
ul#formprogress li a:hover					{background:#4c7243; color:#fff; font-weight:bold; font-size:1.2em;}
ul#formprogress li .current					{display:block; width:48px; height:18px; background:#4c7243; padding:7px 10px; border-right:1px solid #fff; color:#fff; font-weight:bold; font-size:1.2em;}
ul#formprogress li a.completed				{background:#f3efdb; color:#ccc9b8; padding:7px 10px; font-weight:normal;}

input.error, textarea.error, select.error 	{border:1px solid #F00;}


/* TWO COLUMN FORMS
***********************************************************************/
.twocolform									{}
.twocolform ul								{list-style-type:none; margin-left:0;}
.twocolform ul li							{float:left; width:212px;}
.twocolform ul li label						{float:none;}
.twocolform ul li.wide						{width:425px; height:auto; margin-bottom:1em;}
.twocolform ul li.textarea					{width:425px; height:auto; margin-bottom:1em;}
.twocolform ul li.textarea textarea			{width:387px;}
.twocolform ul li.fieldw1 input				{width:100px;}
.twocolform ul li.fieldw2 input				{width:175px;}
.twocolform ul li.fieldw3 input				{width:250px;}
.twocolform ul li.fieldw4					{width:100px;}
.twocolform ul li.fieldw4 input				{width:75px;}
.twocolform ul li.fieldw5 input				{width:387px;}
.twocolform ul li.statefield				{width:50px;}
.twocolform ul li.statefield input			{width:25px;}
.twocolform ul li input.submit				{clear:both; border:none; padding-left:0;}


/* ADOPTION FORM ADD ON FROM TWO COLUMN FORMS ABOVE
***********************************************************************/
form.adopt input 							{width: 85%;}
form.adopt select 							{width: 90%; padding: 3px;}
form.adopt textarea 						{width: 92%; height: 100px;}
form.adopt li.check-boxes input,
form.adopt li.button input					{width: auto;}
form.adopt li.button						{padding-top: 15px;}
form.adopt .error							{color: red;}





/* EMPLOYMENT APPLICATION
***********************************************************************/

.apply label								{text-align:left;}
.apply ul									{clear:left; margin-left:0; padding-left:0; list-style-type:none;}
.apply ul li								{float:left; width:424px;}
.apply ul li fieldset						{float:left; width:212px; margin-top:2px;}
.apply ul li p								{margin-bottom:0;}
.apply div									{width:424px; float:left; padding-bottom:2em;}
.apply div.hrzrule							{width:100%; float:none; padding:0;}
.apply textarea								{width:375px;}

.apply .arrow_rt_gray						{position:relative; top:10px;}
.apply .fieldw2 input						{width:168px; margin-right:25px;}
.apply .fieldw4 input						{margin-right:0px;}
.apply .short .fieldw1 input				{width:70px;}
.apply .endfield input						{margin-left:0; margin-right:0;}
.apply .submit								{clear:both; border:none; padding-left:0;}
.apply .continue, .apply .submit			{display:none;}
.submit.last								{display:block;}
.apply input.radio							{float:left; width:auto; padding:2px 5px 10px 0;}
.apply .textfields label					{float:left; text-align:right; width:125px; clear:right; margin-right:0; padding-bottom:5px;}
.apply .fieldw2 input.text					{margin-right:13px;}

.apply #availabletimes						{padding-bottom:15px;}
.apply #availabletimes.checkbox input		{margin-right:35px;}

.apply #employmenthistory p					{clear:left; font-weight:bold;}
.apply #employmenthistory input.text		{float:right; margin-left:0;}

.apply #influence ul						{list-style-type:none; margin-left:0;}
.apply #influence ul li						{clear:left;}
.apply #influence input						{float:left; margin:0 6px 8px 0; height:15px; width:15px; border:none;}
.apply #influence label						{float:none;}

.apply #startandsalary label				{width:195px; text-align:left;}
.apply #startandsalary input.text			{width:200px;}

#apply4 fieldset							{margin-bottom:3.5em;}
#apply4 ul									{margin-bottom:1em;}

input.warning								{border-color: #F00;}
p.warning									{color: #F00;}
label.radiobuttons							{clear:left; font-weight:bold; margin-bottom: 1em;}


/* LIFESAVER FORM
***********************************************************************/

#giftmatching						{}
#giftmatching input.radio			{float:none; width:auto; margin-right:5px;}
#giftmatching label.radiolabel		{float:none;}