@import "uni-form-generic.css"; /* Your styles below */ /* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */ .uniForm { width: 436px; margin: -1em 0 0; } /* Generals */ .uniForm fieldset{ margin:1.5em 0 0; } .uniForm fieldset legend{ clear:left; font-size:80%; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height:1.5; padding: .2em 0; color:#55A01D; /* Reset IE */ } .uniForm .ctrlHolder{ /* This is the main unit that contains our form elements */ padding:0 7px 7px; background: #f5f5f5; border: 1px solid #efefef; border-color: #fff #efefef #DFDFDF #efefef; } .uniForm .ctrlHolder:hover { background: #fbfbfb; } .uniForm .buttonHolder{ text-align:right; /* Recommended */ background:#f5f5f5; border: 1px solid #DFDFDF; clear:both; margin:10px 0pt 2em; overflow:hidden; padding:10px; } .uniForm .focused, .uniForm .focused:hover { background:#FFFCDF; } .uniForm code { font-size: 11px; font-weight: bold; } /* .inlineLabels */ .uniForm label em, .uniForm .label em { color: #AF4C4C; } .uniForm .inlineLabels label, .uniForm .inlineLabels .label{ font-size: 85%; line-height: 1.5; width:31%; /* Required property */ } .uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload, .uniForm .inlineLabels .selectInput, .uniForm .inlineLabels textarea { border:1px solid #DFDFDF; } .uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload{ margin-top: .5em; width:64%; /* Required property */ background: #fff url(../style-img/foot2.jpg) no-repeat scroll -10px 0; } .uniForm .inlineLabels .selectInput{ width:64%; /* Required property */ } .uniForm .inlineLabels .radio { margin-top: .5em; } .uniForm .inlineLabels textarea{ margin-top: .5em; width:64%; /* Required property */ height:5em; } .uniForm .inlineLabels .formHint{ clear:both; color:#888; font-size:80%; line-height: 1.4; margin:0.5em 0pt 0pt 33%; padding:3px 0pt; } .uniForm .submitButton { padding: 4px 8px; margin-right: 7px; } /* Messages */ #errorMsg.uniForm { background:#FFFFCC; border:1px solid #df7d7d; border-width:1px 0; margin:1em 0; padding:10px; width: 416px; } #errorMsg.uniForm a { background: transparent; color: #AF4C4C; font-weight:normal; } .uniForm .error, .uniForm .error:hover { background:#FFDFDF; border:1px solid #df7d7d; border-width:1px 0; } #errorMsg.uniForm h3{ margin:0 0 .5em 0; font-size:110%; line-height:100%; font-weight:bold; } #errorMsg.uniForm ol{ margin:0; padding:0; } #errorMsg.uniForm ol li{ margin:0; padding:2px; list-style-position:inside; border-bottom:1px dotted #df7d7d; position:relative; } .uniForm .errorField { color:#af4c4c; margin:0; padding:4px 0; background:transparent; }