/*** FORM: newsletter subscription ***/
body.newsdetail .form {margin-top: 7px;}
body.newsdetail .FormTable {width:437px; margin:0px; padding: 0px;}
body.newsdetail .FormTable tr td { width:280px;}
body.newsdetail ul.fieldList {list-style:none none;width:280px;display:table;padding:0px;margin-left: 0px;}
body.newsdetail ul.fieldList li {list-style: none none; vertical-align: top;padding: 0 0 3px 0;background: none;}
body.newsdetail ul.fieldList li label {vertical-align: bottom; display: block; margin: 0px;padding-bottom:2px;font-family:Arial; font-size:12px; margin-top: 6px;}
body.newsdetail ul.fieldList li select {width: auto; font-size: 12px; line-height: 18px;margin-bottom:3px; width: 225px; padding: 2px 0px;}
body.newsdetail ul.fieldList li input {width: 220px; margin: 0px; margin-right: 60px;}
body.newsdetail ul.fieldList li textarea {width: 220px; margin: 0px; margin-right: 60px;}

/*
body.newsdetail ul.fields {list-style: none none; width: 437px; display: table; padding: 0px; margin-left: 0px; height: 450px;} */ /* was width: 480px; */
/* body.newsdetail ul.fields li {list-style: none none; vertical-align: top;margin: 0px 0px 5px 0px; padding: 0px; display: inline; width: 48%; background: none; height: 40px;}
body.newsdetail ul.fields li label {vertical-align: top; display: block; margin: 0px;}
body.newsdetail ul.fields li input {width: 200px; margin: 0px;}
body.newsdetail ul.fields li select {width: 200px; font-size: 12px; line-height: 18px;}
body.newsdetail ul.fields li.textbox text {width: 200px;}
body.newsdetail ul.fields li.firstname {float: left; clear: both;}
body.newsdetail ul.fields li.lastname {float: right;}
body.newsdetail ul.fields li.title {float: left; display: block !important; width: 100% !important; clear: both !important;}
body.newsdetail ul.fields li.company {float: left; display: block !important; width: 100% !important; clear: both !important;}
body.newsdetail ul.fields li.streetaddress {float: left; display: block !important; width: 100% !important; clear: both !important;}
body.newsdetail ul.fields li.states {float: right;}
body.newsdetail ul.fields li.states select {width: 200px;}
body.newsdetail ul.fields li.city {float: left;}
body.newsdetail ul.fields li.zip  {float: left;}
body.newsdetail ul.fields li.countries {float: right; clear: right;}
* html body.newsdetail ul.fields li.countries {padding-top: 2px;}
body.newsdetail ul.fields li.phone {float: left; margin:0px; clear: left;}
body.newsdetail ul.fields li.email {float: left; display: block !important; width: 100% !important; clear: both !important;padding-top:5px;} */
/* gets a little messy here because it's difficult to properly override the previous styles (don't want to remove them totally) */
/*body.newsdetail ul.fields li.checkboxes {float: left; display: block !important; width: 100% !important; clear: both !important;}
 */
body.newsdetail ul.fieldList li.checkboxes ul {margin: 0px; padding: 0px;}
body.newsdetail ul.fieldList li.checkboxes ul li {display: block !important;height: auto !important; text-align: left;}
body.newsdetail ul.fieldList li.checkboxes {display: block !important;height: auto !important; text-align: left;}
body.newsdetail ul.fieldList li.checkboxes ul li input {width: auto !important;}
body.newsdetail ul.fieldList li.checkboxes label {font-weight:bold;}
body.newsdetail ul.fieldList li.checkboxes td {vertical-align: middle;}
body.newsdetail ul.fieldList li.checkboxes td input {width: 20px; float: left; margin: 0px; padding: 0px; height: auto;}
body.newsdetail ul.fieldList li.checkboxes td label {width: auto; display: block; text-align:left; font-weight:normal; margin-top: 2px; vertical-align: middle;}


body.newsdetail ul.fieldList table.RadioButtonList input {width: 20px; float: left; margin: 0px; padding: 0px; vertical-align: middle; }
body.newsdetail ul.fieldList table.RadioButtonList label {width: auto; display: block; text-align:left; font-weight:normal; margin-top: 2px; vertical-align: middle;}

body.newsdetail ul.buttons {clear: both; margin: 0px 0px 10px 0px; padding: 0px;}
body.newsdetail ul.buttons li {display: inline; margin: 0px; padding: 0px;}
body.newsdetail ul.buttons li input {background:none;background-color:#a13323;border:1px solid #a13323;color:#fff;width:auto;}

/* FORM: events */
body.events .form {margin-top: 7px;}
body.events .FormTable {width:437px;}
body.events .FormTable tr td {width:437px;}
body.events ul.fieldList {list-style:none none;width:437px;display:table;padding:0px;margin-left: 0px;}
body.events ul.fieldList li {list-style: none none; vertical-align: top;padding: 0 0 3px 0;background: none;}
body.events ul.fieldList li label {vertical-align: top; display:block;float:left; margin: 0px;padding-bottom:2px; width:140px;font-family:Arial; font-size:12px;}
body.events ul.fieldList li select {width: 256px; font-size: 12px; line-height: 18px;margin-bottom:3px;}
body.events ul.fieldList li input {width: 250px; margin: 0px;}
body.events ul.fieldList li h1,h2,h3,h4,h5,h6 {padding:0px;margin:0px;}
/*
body.events ul.fields {list-style: none none; width: 437px; display: table; padding: 0px; margin-left: 0px; height: 450px;} */ /* was height: 450px; */
/*body.events ul.fields li {list-style: none none; vertical-align: top;margin: 0px 0px 5px 0px; padding: 0px; display: inline; width: 48%; background: none; height: 40px;}
body.events ul.fields li label {vertical-align: top; display: block; margin: 0px;}
body.events ul.fields li input {width: 200px; margin: 0px;}
body.events ul.fields li select {width: 200px; font-size: 12px; line-height: 18px;}
body.events ul.fields li.textbox text {width: 200px;}
body.events ul.fields li.firstname {float: left; clear: both;}
body.events ul.fields li.lastname {float: right;}
body.events ul.fields li.title {float: left; display: block !important; width: 100% !important; clear: both !important;}
body.events ul.fields li.company {float: left; display: block !important; width: 100% !important; clear: both !important;}
body.events ul.fields li.streetaddress {float: left; display: block !important; width: 100% !important; clear: both !important;}
body.events ul.fields li.states {float: right;}
body.events ul.fields li.states select {width: 200px;}
body.events ul.fields li.city {float: left;}
body.events ul.fields li.zip  {float: left;}
body.events ul.fields li.countries {float: right; clear: right;}
* html body.events ul.fields li.countries {padding-top: 2px;}
body.events ul.fields li.phone {float: left; margin:0px; clear: left;}
body.events ul.fields li.email {float: left; display: block !important; width: 100% !important; clear: both !important;padding-top:5px;} */
/* gets a little messy here because it's difficult to properly override the previous styles (don't want to remove them totally) */
body.events ul.fieldList li.checkboxes {float: left; display: block !important; width: 100% !important; clear: both !important;}
body.events ul.fieldList li.checkboxes ul {margin: 0px; padding: 0px;}
body.events ul.fieldList li.checkboxes ul li {display: block !important;height: auto !important;}
body.events ul.fieldList li.checkboxes ul li input {width: auto !important;}
body.events ul.fieldList li.textblock {width:430px;font-family:Arial; font-size:12px;}
 
body.events ul.buttons {clear: both; margin: 0px 0px 10px 0px; padding: 0px;}
body.events ul.buttons li {display: inline; margin: 0px; padding: 0px;}
body.events ul.buttons li input {background:none;background-color:#a13323;border:1px solid #a13323;color:#fff;width:auto;}