/*----------------------------------------------------------------
=Form Elements
------------------------------------------------------------------*/  
fieldset {
  margin: 1em 0;
  padding: .5em 0;
  border: 1px solid #e3e3e3;
  }
* html fieldset {
  padding-top: 0px;
  }
legend {
  font-size: 1.5em;
  font-weight: bold;
  color: #000;
  margin-left: 1em;
  }
label, input, select {
  margin-bottom: .2em;
  }
fieldset fieldset {
  margin: 2em;
  }
label, div.tip {
  font-size: 1.2em;
  }
    
/*----------------------------------------------------------------
=Containers
------------------------------------------------------------------*/  
form div {
  margin: 1em 0;
  clear: both;
  min-height: 2em;
  }
* html form div {
  height: 2em;
  }
form div div {
  margin: 0;
  min-height: 1em;
  width: auto;
  clear: none;
  }
form fieldset.highlight {
  background: #FFFACD;
  }  
div.tip {
  color: #666;
  float: right;
  width: 35%;
  margin-left: 0;
  }
* html div.tip {
  width: 33%;
  }
div.ssn div.tip, div.phone div.tip, div.date div.tip {
  width: 60%;
  }
fieldset.highlight {
  background: #eee;
  }
div.vert, div.horiz, div.twocolumn, div.threecolumn {
  width: 36%;
  margin-left: 3%;
  float: left;
  border-bottom: 1px solid #fff;
  margin-bottom: 1em;
  }
* html div.vert, * html div.horiz, * html div.twocolumn, * html div.threecolumn {
  width: 70%;
  }
div.wide div.horiz, div.wide div.vert, div.wide div.twocolumn, div.wide div.threecolumn {
  width: 67%;
  }
* html div.wide div.horiz input.name {
  width: 44%;
  }
* html div.wide {
  height: 2em;
  }
div.con_phone div.tip {
  width: 53.5%;
  }
* html div.con_phone div.tip {
  width: 52.5%;
  }
/*----------------------------------------------------------------
=Labels Left
------------------------------------------------------------------*/  
form.labelsLeft label {
  float: left;
  clear: left;
  width: 24%;
  text-align: right;
  padding-left: .2em;
  }
form.labelsLeft p {
  text-align: left;
  width: 93%;
  padding: 0 0 1em 1.8em;
  }
form.labelsLeft input {
  width: 35%;
  margin-left: 3%;
  }
#myDE_login form.labelsLeft input.text {
  width: 9.6em;
  }
form.labelsLeft div.wide input, form.labelsLeft div.wide textarea {
  width: 62.5%;
  }
* html form.labelsLeft div.horiz {
  width: 33%;
  }
form.labelsLeft input.auto, form.labelsLeft select.auto  {
  width: auto;
  margin-right: -3%;
  float: none;
  }
form.labelsLeft select {
  margin-left: 3%;
  }
form.labelsLeft textarea {
  margin-left: 27.5%;
  width: 38%;
  height: 10em;
  }
 
*html form.labelsLeft div.wide textarea {
  margin-left: 28%;
  }
form.labelsLeft input.button {
  clear: none;
  width: auto;
  }
  
/*----------------------------------------------------------------
=Labels Above
------------------------------------------------------------------*/  
form.labelsAbove input {
  margin: .5em 0 1em 0;
  width: 300px;
  clear: left;
  }
form.labelsAbove select, form.labelsAbove input {
  margin-left: 0;
  }
form.labelsAbove input.button {
  clear: none;
  }
form.labelsAbove label {
  float: none;
  width: auto;
  margin-top: 0;
  }
form.labelsAbove input.date, form.labelsAbove div.date {
  float: left;
  }
form.labelsAbove div.date {
  margin: .5em 0 1em .5em;
  }
form.labelsAbove div {
  margin: 1em 0;
  }
/*----------------------------------------------------------------
=Multi Step
------------------------------------------------------------------*/  
/*----------------------------------------------------------------
=Buttons
------------------------------------------------------------------*/  
div#buttons input {
  width: 100px;
  padding: 2px 0;
  margin-left: 26px;
  float: left;
  }
#submit {
  font-weight: bold;
  }
div#buttons {
  margin: 1em 0;
  height: 40px;
  padding: 0;
  }
div#buttons div {
  float: left;
  margin-left: 143px;
  }
* html div#buttons div {
  margin-left: 49px;
  }
  
/*----------------------------------------------------------------
=Misc
------------------------------------------------------------------*/  
form.labelsLeft p.error {
  background: #ffe5e5 url(/images/interface/icon_alert.gif) 4px 4px no-repeat;
  color: red;
  padding: .5em;
  padding-left: 38px;
  display: none;
  margin: .5em;
  } 
p.row {
  background: #ebebeb;
  padding: 4px;
  font-weight: bold;
  margin: 0;
  clear: both;
  height: 100%;
  }
form p.header {  
  margin: 0;
  font-weight: bold;
  }
p.caption {
  margin: 0 0 0 23%;
  line-height: 2em;
  color: #666;
  }
span.required {
  font-weight: bold;
  color: #660000;
  }
      
/*----------------------------------------------------------------
=Custom Input Sizes
------------------------------------------------------------------*/  
form input.half {
  width: 22%;
  margin-right: 7em;
  }
form input.phone {
  width: 7em;
  }
form input.date {
  width: 5em;
  }
form input.accountNumberSE {
  width: 6em;
  }
form input.five {
  width: 3.2em;
  margin-right: -2%;
  }
form input.four {
  width: 2.4em;
  margin-right: -2%;
  }
form input.three {
  width: 1.8em;
  margin-right: -2%;
  }
form input.two {
  width: 1.2em;
  margin-right: -2%;
  }
form input.one {
  width: .8em;
  }
form div.horiz input.name {
  width: 22.7%;
  }
form div.horiz input.city {
  width: 53%;
  margin: 0;
  }
* html form div.horiz input.city {
  width: 48.5%;
  margin: 0;
  }
form div.horiz input.state {
  width: 10%;
  margin: 0;
  }
div.horiz input {
  margin: 0pt 0.3em 0pt 0pt;
  width: 46%;
  }
form div.horiz input.zip, form input.zip {
  width: 25%;
  margin: 0;
  }
div.horiz label.radio input.other {
  float: none;
  clear: none;
  margin: 0;
  }
div.horiz select {
  margin: 0;
  }
 
* html div.horiz input {
  left: -1.5%;
  }
* html div.horiz label input {
  position: static;
  }  
form div.heading label, form div.heading input {  
  font-size: 1.8em;
  }
/*----------------------------------------------------------------
=Radio / Checkbox
------------------------------------------------------------------*/  
form label.radio, form label.checkbox {
  cursor: pointer;
  text-align: left;
  margin-bottom: .3em;
  }
form label.radio:hover, form label.checkbox:hover {
  background: #ffc;
  }
form label.radio input, form label.checkbox input {
  width: auto;
  float: left;
  margin: .2em .4em .4em 0;
  }
* html label.radio input, * html label.checkbox input {
  margin: -.1em;
  }
div.vert label.radio, div.vert label.checkbox {
  width: 100%;
  display: block;
  float: none;
  }
div.horiz label.radio, div.horiz label.checkbox {
  width: auto;
  clear: none;
  margin-right: 1em;
  }
div.twocolumn label.radio, div.twocolumn label.checkbox {
  width: 49%;
  clear: none;
  }
div.threecolumn label.radio, div.threecolumn label.checkbox {
  width: 33%;
  clear: none;
  }