/* @override http://s85078.gridserver.com/wp-content/themes/sunset/forms.css */ /* @group resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } input, textarea {outline-style:none;} /*inline clearing div*/ .clear { overflow: hidden; clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } /*clearing class*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* @end */ /* @group form styles */ body { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } form#register-form { width: 800px; border-style: none; padding-top: 0; padding-bottom: 0; padding-right: 0; } #newsletterForm { width: 475px; padding: 20px; margin: 0 auto; } #newsletterForm form div.singlefield label { width: 110px; font-size: .9em; padding-top: 5px; } form#register-form fieldset { border: 1px solid #999; padding: 15px; margin-top: 20px; } form#register-form fieldset legend{ font-size: 1.1em; padding-left: 5px; padding-right: 5px; padding-bottom: 3px; } #register-form fieldset div.form-leftcol div.singlefield label { font-size: .9em; line-height: 1.6em; width: 115px; padding-top: 1px; padding-left: 5px; } #registerForm fieldset div.form-leftcol fieldset div.radiolayout2.clearfix div.singlefield label { width: 290px; } #registerForm fieldset div.form-leftcol fieldset div.singlefield div.radiolayout2.clearfix label.radiobutton { float: left; width: 73px; padding: 0 0 0 8px; } #registerForm input.submit { margin-left: 40px; margin-top: 20px; } #registerForm span.formentry { font-weight: bold; width: 90px; position: relative; display: inline-block; font-size: .9em; } #registerForm span.coursedata { width: 240px; position: relative; display: inline-block; font-size: .9em; } div.radiolayout2 { width: 320px; display: block; } #registerForm fieldset div.form-leftcol fieldset div.radiolayout.clearfix div.singlefield label.radiobutton { padding: 0; width: 96px; } input { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } input#nameFirst { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } input#nameLast { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } input#companyName { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } input#email { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } input#phone { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } input#address1 { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } input#address2 { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } input#towncity { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } input#zipcode { width: 196px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .9em; } select#state { width: 210px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font-size: .8em; } input#salesrep { width: 315px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font: .8em "Lucida Grande", Lucida, Verdana, sans-serif; } textarea#comments { width: 315px; border: 1px solid #999; height: 80px; color: #333; padding: 0 5px; font-size: .9em; } input#email-address { width: 315px; border: 1px solid #999; height: 23px; color: #333; padding: 0 5px; font: .8em "Lucida Grande", Lucida, Verdana, sans-serif; } div.form-leftcol { float: left; width: 50%; } form#register legend { padding: 13px 2px 12px 15px; font-weight: normal; font-size: 1.2em; font-style: normal; } #register fieldset input.submit { margin-left: 135px; margin-top: 10px; } form#register label { display: inline-block; vertical-align: top; font-size: .9em; line-height: 1.6em; width: 117px; padding-top: 1px; padding-left: 5px; } input#firstName { width: 260px; border: 1px solid #999; height: 25px; font-size: 1em; color: #333; padding: 0 5px; } input#lastName { width: 260px; border: 1px solid #999; height: 25px; font-size: 1em; color: #333; padding: 0 5px; } input#emailAddress { width: 260px; border: 1px solid #999; height: 25px; font-size: 1em; color: #333; padding: 0 5px; } textarea#contactComments { width: 260px; border: 1px solid #999; height: 180px; font-size: 1em; color: #333; padding: 5px; } form#register fieldset ol { margin: 0; padding: 0; } form#register fieldset li { list-style: none; padding: 5px; margin: 0; } form#register fieldset fieldset { border: none; margin: 3px 0 0; } form#register fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; font-size: .8em; display: inline-block; } form#register fieldset fieldset label { display: block; width: auto; } form#register em { font-weight: bold; font-style: normal; color: #f00; } form#register-form em { font-weight: bold; font-style: normal; color: #f00; } #register-form fieldset div.form-leftcol fieldset { padding: 0 0 0 18px; float: left; border: 0; margin: 0; } #register-form fieldset div.form-leftcol fieldset legend { font-size: .9em; padding: 5px 0; } #register-form fieldset div.form-leftcol fieldset div.radiolayout label { font-size: .9em; } #register-form fieldset div.form-leftcol fieldset div.radiolayout { padding-left: 103px; } form#register fieldset fieldset label { display: inline-block; margin-left: 20px; } #registerForm fieldset div.form-leftcol fieldset div.radiolayout2 label { display: block; width: 100%; } #registerForm fieldset div.form-leftcol div.singlefield label.widelabel { width: 100%; } #registerForm fieldset div.form-leftcol fieldset div.radiolayout2.clearfix div.singlefield label { display: block; } #newsletterForm form { width: 100%; } #newsletterForm form div.formline { display: block; padding-top: 10px; } #newsletterForm form div.formline label { vertical-align: top; font-size: .9em; line-height: 1.6em; width: 284px; padding-top: 0; padding-left: 10px; } #newsletterForm form div.formline input.submit { margin-left: 10px; } h2 { text-indent: 0; color: #333; padding: 20px 0 10px; font-size: 1.3em; } h3 { font-size: .9em; font-weight: normal; display: inline-block; width: 250px; line-height: 1em; padding-bottom: 5px; } strong { font-weight: bold; } #registerForm { padding-left: 20px; padding-bottom: 20px; } /* @end */ /* @group validation styles */ form { padding: 10px; position: relative; width: 425px; margin: 10px 0; } #register fieldset div.singlefield { padding: 12px; position: relative; display: block; float: left; } #register-form fieldset div.singlefield { padding: 12px; position: relative; display: block; float: left; } #newsletterForm form div.singlefield { padding: 12px; position: relative; display: block; float: left; } div.curFocus { background: #fdecb2; } label { width: 100px; display: block; float: left; font-size: 1.2em; } /* @end */