form { padding: 0; float: left; margin: 0; width: 100%; }
legend { margin: 0 0 0 70px; }
fieldset { padding: 0 5px 0 5px; margin:0px }

textarea { float:left; margin: 0; border: 1px solid #CCCCCC; height: 150px; padding: 3px; color: #444444; width: 100%; }

.prompt { font-style: italic; color: #888888; }

.expander {}

.forms { width: 100%; height:auto }

.forms .thin1   { width:  50px; }
.forms .thin2   { width:  75px; }
.forms .thin3   { width: 100px; }
.forms .thin4   { width: 125px; }
.forms .medium1 { width: 150px; }
.forms .medium2 { width: 200px; }
.forms .medium3 { width: 250px; }
.forms .medium4 { width: 300px; }
.forms .wide1   { width: 400px; }
.forms .wide2   { width: 500px; }
.forms .wide3   { width: 600px; }
.forms .wide4   { width: 700px; }
.forms .wide5   { width: 800px; }

.forms .xxthin { width: 50px;  }
.forms .xthin  { width: 70px;  }
.forms .thin   { width: 120px; }
.forms .medium { width: 150px; }
.forms .wide   { width: 200px; }
.forms .xwide  { width: 250px; }
.forms .xxwide { width: 300px; }
.forms .xxxwide { width: 350px; }
.forms .xxxxwide { width: 450px; }
.forms .xxxxxwide { width: 500px; }
.forms .xxxxxxwide { width: 550px; }
.forms .full { width: 100%;  }

.forms .block { float: left; }
.forms .pad-left { padding-left: 40px; }

.forms .cell { float: left; margin: 0; padding: 0 28px 0 0; text-align: left; }

.forms .row { clear: left; margin: 0; width: 100%; padding: 0 12px 0 0; }

.forms .row .input   { }
.forms .row .label   { text-align: right; }
.forms .cell label  {position:relative; left:20px;}
.forms .row .field   { padding-right: 32px; }
.forms .row .info    { padding: 2px 0 2px 0; } /* Used to pad form rows containing text not inputs */
.forms .row .image   { }
.forms .centre  { text-align: center; }
.forms .instructions { color: white; }

.forms .notices { margin: 7px 0 7px 0; }
.forms .notices .warning { color:red; }
.forms .notices .message { color:#97CA00; background: #222222; }

.row .left {}
.row .left h2 { margin: 0 0 15px 0; }
.row .right { float: right; margin-left: 20px; }

.forms .row img  { float:left; width: 100%; padding: 10px; margin: 0 0 10px 0; border: 1px #555555 dotted; width:150px; height: 125px; }
.forms .row label { float: left; width: 100%; height: 15px; margin: 4px 0 0 0; text-align: right; text-transform:lowercase }
.forms .heading label { text-align: left; }

.forms .row input { width: 100%; height: 15px; margin: 2px 1px; padding: 2px; border: none}
.forms .row input[type="file"] { width: 100%; height: 20px; margin: 0 0 0 0px; border: 1px solid #CCCCCC; }
.forms .row textarea { width: 100%; margin: 2px 1px; padding:2px; border: none }
.forms .row select { height:21px; width: 100%; padding: 1px 0 1px 0; margin: 2px 1px; border: none }
.forms .row .error { background:transparent url(/static/public/img/error.png) no-repeat scroll 0 50%; background-position: right; }
.forms .row .title label { text-align: left; }
.forms .row .left { float: left; margin: 0 20px 0 0; }
.forms .row .left .button { float: left; margin: 0 20px 0 0; }
.forms .row .right { float: right; margin: 0 0 0 20px; }
.forms .row .right .button { float: left; margin: 0 0 0 20px; }
.forms .row h1 { margin: 0 0 10px 0; }
.forms .row a { margin: 0 0 0 0; }
.forms .row .button div { margin: 7px 0 0 0; }
.forms .row .button label { float: none; width:auto; margin: 0 10px 0 0; text-align: right; }
.forms .row .button select { float: none; height:20px; width: auto; margin: 0; }
.forms .row .button input { float: none; width: inherit; margin: 0; color:#fff }
.forms .row .button input[type="submit"] { height: 30px; padding: 0; width: 150px; background: url('/static/public/img/formSubmitBG.png') top repeat-x }

.forms .row .button.fullwidth input { width: 100%; }
.forms .row .button.xwide input { width: 250px; }

.forms .row .button.150 input { background: url('/static/public/img/formSubmitBG.png') top repeat-x }

.forms .pad-row { padding: 2px 0 2px 0; }
.forms .pad-top { padding-top: 10px; }
.forms .pad-heading { padding: 10px 0 10px 0; }
.forms .pad-bottom { padding-bottom: 3px; }
.forms .tallarea textarea { height: 300px; }
.forms .underline { border-bottom: 1px dotted #555555; }
.forms .overline { border-top: 1px dotted #555555; }

.forms .row.multiselect label { text-align: left; padding: 1px 0 1px 0; }
.forms .row.multiselect ul { padding-left: 0; }
.forms .row.multiselect li { list-style-type: none; }

.forms .row.align-label-left label { text-align: left; }

#formRegister {border-right:#97CA00 solid 1px;}
#form-signon-registration, #form-signon-logon{ float:left; width:398px;}
#form-subscribe {width:500px}