body { background: #eec0a6 url('images/bkgd.gif') repeat-x; margin: 0 auto; } p, li, h1, h2, h3 { font-family: Palatino, Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: .95em; color: #666; } h1, h2, h3 { color: #bf8260; font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { font-size: 1.3em; } h2, h3 { font-size: 1.15em; } a { color: #6c0b13; text-decoration: underline; } hr { border: none; background-color: #eec0a6; color: #eec0a6; height: 1px; width: 100%; margin: 10px 0; } .content { background: url('images/bkgd_content.gif') repeat-y; } .footer { font: 1em; color: #666; } .footer a { color: #333; text-decoration: none; } .footer a:hover { text-decoration: underline; } .imgleft { float: left; margin-right: 15px; } .imgright { float: right; margin-left: 15px; } .imgleftborder { float: left; margin-right: 15px; border: 2px solid #EAE8F2; } .imgrightborder { float: right; margin-left: 15px; border: 2px solid #EAE8F2; } .border { border: 1px solid #999; } /* */ /* sample code for a custom form #2 with one fieldset */ /* to test this layout simply create a second form */ /* with one FIELDSET and a few input fields */ /* */ /* if you rather have the std look and feel also for */ /* your second form simply delete the below block */ #cforms2form .cformfieldset1 { margin:20px 0 0 0; padding:20px 0 10px 0; border:0; background: white url(images/fieldset_bg.jpg) repeat-x!important; } #cforms2form .cformfieldset2 { margin:20px 0 0 0; padding:0 0 10px 0; border:0; background:white;} #cforms2form legend { font:normal 20px Times; color:grey; } #cforms2form input, #cforms2form textarea, #cforms2form select { margin:0 0 4px 50px; padding:1px 3px; background: #DEF5D6; border: 1px solid #2F6F1A; clear:left; } #cforms2form input:hover, #cforms2form textarea:hover, #cforms2form select:hover { background: #83D69F; } #cforms2form label { text-align:left; margin-left:50px; margin-top:5px; font-size:10px; float:none!important; } #cforms2form input.sendbutton { width:82px; height:22px; color:white; border:0!important; background: url(images/submitbtn.gif) no-repeat!important; cursor:pointer; } #cforms2form input.sendbutton:hover{ } /* */ /* end demo form #2 block */ /* */ /* */ /* PLEASE ADJUST to match your layout */ /* */ label.secq { width:200px!important; } input.secinput { width:40px!important; } /* */ /* text paragraph & message box right above the form */ /* */ p.info { margin:10px 0; text-align:center; } p.textonly { clear:left; text-align:center; padding:5px; margin:0; } /* */ /* div box enclosing the form */ /* */ .cform { margin:10px auto 50px auto; width: 410px; } /* */ /* change formatting of response msgs here */ /* */ .success { color:green; } .failure { color:red; } /* */ /* global definitions for field labels */ /* */ .cform label { width:90px; margin:5px 0 0 0; font-family: Palatino, Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: .8em; color: #666; display:block; float:left; padding-right:10px; clear:left; text-align:right; } /* */ /* individual definition of field labels */ /* */ /* #cforms2form label { color:green; } */ /* */ /* formating for text: "(required)" & other */ /* */ span.chckboxtxt, span.cformradiotext, span.reqtxt, span.emailreqtxt { float:left; margin:5px 0; padding-left:3px; font-family: Palatino, Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: .8em; color: #666; } span.cformradiotext { margin:5px 0 0 0!important; } * html span.cformradiotext { margin:4px 0 0 0!important; } /* hack:diff margins for IE */ /* */ /* FORM FIELDSETS (global defs) */ /* */ .cformfieldsets { margin:10px 0; padding:8px 0 11px 0; border: 1px solid #888888; clear:left; } * html .cformfieldsets { position: relative; margin-top:20px; padding-top:15px; } /*ie6 hack*/ .cformfieldset1 { background:#E4ECED; } /* use to access fieldsets no. 1 for ALL forms */ .cformfieldset2 { background:#E4ECED; } /* use to access fieldsets no. 2 for ALL forms */ .cformfieldset3 { background:#E4ECED; } /* use to access fieldsets no. 3 for ALL forms */ /*etc..*/ /* */ /* FORM FIELDSETS for a specific form */ /* */ /* #cforms2form .cformfieldset1 { background:#DFE9FF; } /* specifically address fieldsets #1 on form #2 */ /* */ /* FIELDSET legends (global defs) */ /* */ .cform legend { margin-left:10px; font:normal 20px Times; } * html .cform legend { position:absolute; top: -10px; left: 10px; margin-left:0; } /*ie hack*/ /* */ /* FIELDSET legends (specific defs) */ /* */ /*#cforms2form legend { font:normal 20px Arial; color:grey; } */ /* */ /* FORM FIELDS general formatting */ /* */ .cform input, .cform textarea, .cform select { font-family: Palatino, Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: .8em; color: #666; margin:3px 0; padding:1px 3px; float: left; background: #f6f6f6; border: 1px solid #888888; } .cform input:hover, .cform textarea:hover, .cform select:hover { background:#CEDDDF; } .cform input:focus, .cform textarea:focus, .cform select:focus { background:#F3F8F8; } .cform input { width:160px; } .cform select { width:167px; } /* attempt to have equal length */ .cform textarea { width:190px; } /* text after radio buttons */ .cfradioblock { float:left; } input.cformradio { margin:6px 0 0 0; width:16px; border:none; clear:left; } * html input.cformradio { margin:3px 0 0 0; background:none; } /* hack:diff margins for IE */ /* Form submit button */ .cform input.sendbutton { width:100px; clear:both; float: right; padding:2px; background:#f3f3f3!important; border:1px solid #888888!important; } .cform input.sendbutton:hover { background:#f0f0f0; } /* optional input fields formatting for ('required' & 'email') */ .fldemail { } .fldrequired { } /* checkboxes:override general default layout for input fields */ input.cformchkbox { margin:8px 0 6px 0; width:16px; border:none; } * html input.cformchkbox { margin:3px 0 4px 0; background:none; } /* hack:diff margins for IE */ /* for incorrect input fields */ .cform .error { border:1px solid #FF0000 !important; padding:1px 3px; } /* */ /* PROPER BREAKS */ /* */ .cformfieldsets { display:inline-block; } .cformfieldsets:after { content:"."; display:block; height:0; clear:left; visibility:hidden; } /* Hides from IE-mac \*/ * html .cformfieldsets { height:1%; } .cformfieldsets { display:block; } /* End hide from IE-mac */ .cform { display:inline-block; } .cform:after { content:"."; display:block; height:0; clear:left; visibility:hidden; } /* Hides from IE-mac \*/ * html .cform { height:1%; } .cform { display:block; } /* End hide from IE-mac */