body { background-color: #CCDDFF; color: #333; font-family: verdana, sans-serif, arial, courier new } body, p, ol, ul, td { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; } pre { background-color: #eee; padding: 10px; font-size: 11px; } a { color: #000; } a:visited { color: #666; } a:hover { color: #fff; background-color:#000; } h1 { color: #44A4BD; font-family: verdana, sans-serif, arial, courier new; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 2px #27606E; } h2 { color: #3399CC; font-family: verdana, sans-serif, arial, courier new; text-align: left; text-shadow: 1px 1px 1px #44A4BD; } h3 { color: #44A4BD; font-family: verdana, sans-serif, arial, courier new; text-align: left; text-shadow: 1px 1px 1px #3399CC; } h4 { color: #3399CC; font-family: verdana, sans-serif, arial, courier new; text-align: center } h5 { color: #44A4BD; font-family: verdana, sans-serif, arial, courier new; text-align: left } h6 { color: #339944; font-family: verdana, sans-serif, arial, courier new; text-align: center } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .key { color: #27606E; font-family: verdana, sans-serif, arial, courier new; text-align: left; font-weight: bolder; text-shadow: 1px 1px 1px #44A4BD; } .field { color: #27606E; text-align: center; } .input { width: 320px; } .img { float: left; display: inline; margin-right: 10px; text-align: left; } .fieldWithErrors { padding: 2px; background-color: red; display: table; } #errorExplanation { width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; } #errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; } #errorExplanation ul li { font-size: 12px; list-style: square; }