.clear {display: block; clear: both; font-size: 0px; line-height: 0px;}

.btn {padding: 3px 7px; background: #000000; color: #FFFFFF; text-decoration: none; font-weight: bold;}

#buttoncontainer {display: block; clear: both; margin-top: 15px;}
#buttoncontainer .btnprevious {float: left;}
#buttoncontainer .btnnext {float: right;}


form {width: 380px; margin: 10px;}

fieldset {margin-bottom: 10px; padding: 5px 0 25px 0; border-width: 0 0 1px 0; border-style: solid; border-color: #cdcdcd ;}
legend {margin: 0 0 5px -7px; padding: 5px 0; font-weight: bold; font-size: 1.2em; color: #000000;}

label,
input,
select,
textarea {float: left;}

label {clear:left; width: 130px; line-height: 18px; cursor:pointer;}

input,
select,
textarea {margin: 1px 3px 1px 0 ; font-size: 1em; font-family: Tahoma, Garamond, sans-serif;}

input {width: 220px;}
select {width: 224px;}
textarea {width: 220px; height: 60px;}
        
input.medium {width:163px;}
input.small	 {width:52px;}

.dfDateDay {width: 42px;}
.dfDateMonth {width: 42px;}
.dfDateYear {width: 62px;}

.radio input {width: auto; float: left; height: 18px;}
.radio label {width: auto; float: left; clear: right;}

.optin input {width: auto; clear: left; height: 18px;}
.optin label {width: auto; float: left; clear: right;}
     
.mandatory {float: left; width: 13px; text-align: center;
              line-height: 18px; color: #FF0000;}
.mandatoryText {color: #FF0000;}

.error {display: block; clear: both; width: 147px; margin-left: 143px; padding: 0 0 2px 15px; background: url('/img/errorarrow.gif') 2px 2px no-repeat; color: #FF0000; border-bottom: dashed 1px #FF0000;}