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; }