| OLD | NEW | 
| (Empty) |  | 
 |    1 @font-face | 
 |    2 { | 
 |    3   font-family: "Source Sans Pro"; | 
 |    4   src: url(/fonts/SourceSansPro-Light.woff); | 
 |    5   /* local("Ø") forces using no local font called Source Sans Pro */ | 
 |    6   src: local("Ø"), url(/fonts/SourceSansPro-Light.woff) format("woff"); | 
 |    7   font-weight: 300; | 
 |    8   font-style: normal; | 
 |    9 } | 
 |   10  | 
 |   11 @font-face | 
 |   12 { | 
 |   13   font-family: "Source Sans Pro"; | 
 |   14   src: url(/fonts/SourceSansPro-Regular.woff); | 
 |   15   /* local("Ø") forces using no local font called Source Sans Pro */ | 
 |   16   src: local("Ø"), url(/fonts/SourceSansPro-Regular.woff) format("woff"); | 
 |   17   font-weight: 400; | 
 |   18   font-style: normal; | 
 |   19 } | 
 |   20  | 
 |   21 @font-face | 
 |   22 { | 
 |   23   font-family: "Source Sans Pro"; | 
 |   24   src: url(/fonts/SourceSansPro-Semibold.woff); | 
 |   25   /* local("Ø") forces using no local font called Source Sans Pro */ | 
 |   26   src: local("Ø"), url(/fonts/SourceSansPro-Semibold.woff) format("woff"); | 
 |   27   font-weight: 600; | 
 |   28   font-style: normal; | 
 |   29 } | 
 |   30  | 
 |   31 body | 
 |   32 { | 
 |   33   margin: 0px; | 
 |   34   font-family: "Source Sans Pro"; | 
 |   35   font-weight: 600; | 
 |   36   background-image: url(/img/background-dark.png); | 
 |   37 } | 
 |   38  | 
 |   39 header | 
 |   40 { | 
 |   41   width: 100%; | 
 |   42 } | 
 |   43  | 
 |   44 a, | 
 |   45 a:link, | 
 |   46 a:visited | 
 |   47 { | 
 |   48   color: #5a84b3; | 
 |   49   text-decoration: underline; | 
 |   50 } | 
 |   51  | 
 |   52 a:hover | 
 |   53 { | 
 |   54   text-decoration: none; | 
 |   55 } | 
 |   56  | 
 |   57 header h1 | 
 |   58 { | 
 |   59   -webkit-box-sizing: border-box; | 
 |   60   -moz-box-sizing: border-box; | 
 |   61   -ms-box-sizing: border-box; | 
 |   62   -o-box-sizing: border-box; | 
 |   63   box-sizing: border-box; | 
 |   64   border: dashed 1px #898989; | 
 |   65   border-left: none; | 
 |   66   border-right: none; | 
 |   67   padding: 18px; | 
 |   68   margin: 68px auto 20px auto; | 
 |   69   max-width: 960px; | 
 |   70   font-weight: 300; | 
 |   71   font-size: 24px; | 
 |   72   color: #7d7d7d; | 
 |   73   text-align: center; | 
 |   74 } | 
 |   75  | 
 |   76 header:before | 
 |   77 { | 
 |   78   content: ""; | 
 |   79   display: block; | 
 |   80   border-bottom: solid 1px #d0d0d0; | 
 |   81   height: 92px; | 
 |   82   background-image: url(/img/background.png); | 
 |   83 } | 
 |   84  | 
 |   85 #logo | 
 |   86 { | 
 |   87   display: block; | 
 |   88   position: absolute; | 
 |   89   top: 42px; | 
 |   90   left: 0px; | 
 |   91   right: 0px; | 
 |   92   margin: 0px auto; | 
 |   93   margin-bottom: 20px; | 
 |   94 } | 
 |   95  | 
 |   96 #content | 
 |   97 { | 
 |   98   margin: 0px auto; | 
 |   99   max-width: 960px; | 
 |  100 } | 
 |  101  | 
 |  102 section | 
 |  103 { | 
 |  104   padding: 20px 100px; | 
 |  105   margin-bottom: 30px; | 
 |  106 } | 
 |  107  | 
 |  108 section.highlighted | 
 |  109 { | 
 |  110   background-image: url(/img/background-blue.png); | 
 |  111   color: #FFFFFF; | 
 |  112 } | 
 |  113  | 
 |  114 section.highlighted a | 
 |  115 { | 
 |  116   color: #FFFFFF; | 
 |  117 } | 
 |  118  | 
 |  119 section h1 | 
 |  120 { | 
 |  121   margin: 0px; | 
 |  122   padding: 20px 0px; | 
 |  123   text-align: center; | 
 |  124 } | 
 |  125  | 
 |  126 section ul | 
 |  127 { | 
 |  128   margin: 12px 0px 16px 0px; | 
 |  129   padding: 0px; | 
 |  130   list-style: none; | 
 |  131 } | 
 |  132  | 
 |  133 section li | 
 |  134 { | 
 |  135   margin-bottom: 12px; | 
 |  136 } | 
 |  137  | 
 |  138 section li label | 
 |  139 { | 
 |  140   -webkit-margin-end: 10px; | 
 |  141   -moz-margin-end: 10px; | 
 |  142 } | 
 |  143  | 
 |  144 section li input | 
 |  145 { | 
 |  146   vertical-align: middle; | 
 |  147   -webkit-margin-end: 10px; | 
 |  148   -moz-margin-end: 10px; | 
 |  149 } | 
 |  150  | 
 |  151 section li textarea | 
 |  152 { | 
 |  153   display: block; | 
 |  154   margin-top: 10px; | 
 |  155   padding: 5px; | 
 |  156   width: 250px; | 
 |  157   height: 50px; | 
 |  158   vertical-align: middle; | 
 |  159   font-size: 14px; | 
 |  160 } | 
 |  161  | 
 |  162 section .subheader | 
 |  163 { | 
 |  164   margin-top: 0px; | 
 |  165   text-align: center; | 
 |  166 } | 
 |  167  | 
 |  168 section .error-label | 
 |  169 { | 
 |  170   display: none; | 
 |  171   color: #ffafaf; | 
 |  172   margin: 0px 12px; | 
 |  173 } | 
 |  174  | 
 |  175 form button | 
 |  176 { | 
 |  177   min-width: 138px; | 
 |  178   height: 42px; | 
 |  179   background-color: #37506d; | 
 |  180   border: 0px; | 
 |  181   cursor: pointer; | 
 |  182   color: #ffffff; | 
 |  183 } | 
 |  184  | 
 |  185 form.error button | 
 |  186 { | 
 |  187   border: solid 2px #ffafaf; | 
 |  188 } | 
 |  189  | 
 |  190 form.error .error-label | 
 |  191 { | 
 |  192   display: inline-block; | 
 |  193 } | 
 |  194  | 
 |  195 form input[type="checkbox"] | 
 |  196 { | 
 |  197   margin: 0px; | 
 |  198 } | 
 |  199  | 
 |  200 form input[type="checkbox"] + span | 
 |  201 { | 
 |  202   margin: 0px 10px; | 
 |  203 } | 
 |  204  | 
 |  205 .disclaimer | 
 |  206 { | 
 |  207   margin: 14px 0px; | 
 |  208   font-size: 14px; | 
 |  209   color: #a9bdd5; | 
 |  210 } | 
 |  211  | 
 |  212 .hidden | 
 |  213 { | 
 |  214   display: none; | 
 |  215 } | 
 |  216  | 
 |  217 footer | 
 |  218 { | 
 |  219   margin: 0 auto 30px; | 
 |  220   max-width: 960px; | 
 |  221   text-align: center; | 
 |  222 } | 
| OLD | NEW |