html { font-size: 62.5%; line-height: 62.5%; } body { background: #fff; color: #333; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-size: 1.3rem; } code { font-family: Menlo, monospace; font-size: 9px; font-size: 0.9rem; } h1, h2, h3, h4 { font-weight: bold; } h1 { font-size: 32px; font-size: 3.2rem; line-height: 20px; line-height: 2rem; } h2 { font-size: 24px; font-size: 2.4rem; line-height: 20px; line-height: 2rem; } h3 { font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; } h4 { font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; } h5 { font-size: 13px; font-size: 1.3rem; line-height: 15px; line-height: 1.5rem; } hr { border: 0; height: 1px; background: #DEDEDE; margin-top: 30px; } p { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; margin: 0 0 9px; } strong { font-weight: bold; } em { font-style: italic; } a { color: #206cb1; text-decoration: none; } a:hover { text-decoration: underline; color: #185286; } ul, ol { margin: 0 0 9px 25px; } ul ul, ol ol { margin-bottom: 0; } ul { list-style: disc; } ol { list-style: decimal; } li { font-size: 13px; font-size: 1.3rem; line-height: 16px; line-height: 1.6rem; } /***************************** Utility Classes *****************************/ .secondary { font-size: 11px; font-size: 1.1rem; color: #777; } .underline { border-bottom: 1px solid #ccc; padding-bottom: 5px; } /***************************** Forms *****************************/ label { display: block; font-weight: bold; } label.inline { display: inline; } fieldset { margin-bottom: 20px; } fieldset ul { margin-left: 0; list-style: none; } fieldset ul li { margin-bottom: 10px; } fieldset ul li label { padding-bottom: 5px; } input, textarea, select { outline: none; } input, textarea { padding: 3px; font-size: 13px; font-size: 1.3rem; } input[type='text'], input[type='password'], textarea { border-radius: 2px; border: 1px solid #ccc; padding: 5px; } input[type='text']:focus, input[type='password']:focus, textarea:focus { border-color: #8dabd4; } input[type='submit'], input[type='button'], button, .button { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-size: 1.3rem; color: #000; cursor: pointer; border-radius: 2px; border: 1px solid #adadad; padding: 6px 5px 5px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, white 0%, #f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */ } input[type='submit']:hover, input[type='button']:hover, button:hover, .button:hover { text-decoration: none; background: -webkit-linear-gradient(top, white 0%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */ border-color: #ccc; color: #777; } input.error { background: #FEFBFB; border-color: #FBA8A4; } input.error:focus { border-color: #F4635D; } /***************************** Composable Styles *****************************/ ul.horizontal, ol.horizontal { margin: 0; display: inline; } ul.horizontal li, ol.horizontal li { display: inline; } ul.plain, ol.plain { margin: 5px; padding: 0; } ul.plain li, ol.plain li { list-style: none; }