1 /** 2 * Link Styles 3 */ 4 5 6 a:link { 7 color: #09C; 8 text-decoration: underline; 9 } 10 11 a:visited { 12 color: #639; 13 } 14 15 a:hover, 16 a:focus, 17 a:active { 18 color: #09C; 19 } 20 21 /** 22 * Cover Styles 23 */ 24 25 26 #cover { 27 width: 10.5in; 28 height: 13.25in; 29 background-color: orange; 30 } 31 32 #cover-top { 33 background-color: black; 34 width: 100%; 35 height: 3in; 36 padding-top: 70px; 37 margin-bottom: 10px; 38 } 39 40 #cover-image { 41 background-color: black; 42 width: 100%; 43 height: 5in; 44 padding: 0px; 45 margin: 20px 0px 8px 0px; 46 } 47 48 #cover-bottom { 49 background-color: black; 50 width: 100%; 51 height: 3.7in; 52 padding: 40px 0px 40px 0px; 53 margin-top: 8px; 54 } 55 56 #cover a:link, 57 #cover a:visited, 58 #cover a:hover { 59 text-decoration: none; 60 } 61 62 #main { 63 width: 950px; 64 overflow: visible; 65 page-break-before: always; 66 } 67 68 #footer { 69 width: 8.5in; 70 height: .75in; 71 margin-top: .25in; 72 color: #333; 73 font: 10pt/14pt Roboto, Arial, Helvetica, sans-serif; 74 } 75 76 77 .title { 78 color: white; 79 font: 84px/90px Roboto, Arial, Helvetica, sans-serif; 80 padding: 40pt 20pt 15pt 50pt; 81 text-align: left; 82 } 83 84 .subtitle { 85 color: white; 86 font: 60px/70px Roboto, Arial, Helvetica, sans-serif; 87 padding: 40pt 5pt 40pt 60pt; 88 text-align: left; 89 } 90 91 .right { 92 text-align: right; 93 } 94 95 .white { 96 color: white; 97 } 98 99 .padding { 100 padding: 20pt 20pt 0pt 60pt; 101 } 102 103 .cover-text { 104 font: 20px/25px Roboto, Arial, Helvetica, sans-serif; 105 color: white; 106 padding: 5pt 5pt 5pt 60pt; 107 text-align: left; 108 } 109 110 .small { 111 font-size: 65%; 112 font-weight: 700; 113 } 114 115 /** 116 * Heading Styles 117 */ 118 119 h1 { 120 color: #333; 121 font: 22pt/24pt Roboto, Arial, Helvetica, sans-serif; 122 padding: 10pt 0pt 0pt 0pt; 123 text-align: left; 124 } 125 126 h2 { 127 color: #693; 128 font: 20pt/22pt Roboto, Arial, Helvetica, sans-serif; 129 padding: 8pt 0pt 0pt 0pt; 130 text-align: left; 131 page-break-after: avoid; 132 } 133 134 h3 { 135 color: #333; 136 font: bold 18pt/20pt Roboto, Arial, Helvetica, sans-serif; 137 padding: 4pt 0pt 0pt 0pt; 138 text-align: left; 139 page-break-after: avoid; 140 } 141 142 h4 { 143 color: #607D8B; 144 font: bold 16pt/18pt Roboto, Arial, Helvetica, sans-serif; 145 padding: 4pt 0pt 0pt 0pt; 146 text-align: left; 147 page-break-after: avoid; 148 } 149 150 151 h5 { 152 color: #333; 153 font: italic 16pt/18pt Roboto, Arial, Helvetica, sans-serif; 154 padding: 0pt 0pt 0pt 0pt; 155 text-align: left; 156 page-break-after: avoid; 157 } 158 159 160 /** 161 * Use h6 ONLY for table of contents 162 */ 163 164 h6 { 165 color: #333; 166 font: bold 16pt/18pt Roboto, Arial, Helvetica, sans-serif; 167 padding: 10pt 0pt 0pt 0pt; 168 text-align: left; 169 page-break-before: always; 170 } 171 172 /** 173 * Body Styles 174 */ 175 176 body { 177 color: #333; 178 font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 179 margin: 0; 180 padding: 5pt 5pt 5pt 10pt; 181 } 182 183 p { 184 color: #333; 185 font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 186 margin: 0; 187 padding: 5pt 0pt 1pt 0pt; 188 } 189 190 li { 191 color: #333; 192 font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 193 margin: 0; 194 padding: 2pt 50pt 2pt 0pt; 195 } 196 197 sup { 198 font-weight: 800; 199 font-size: 10pt; 200 } 201 202 /** 203 * Table Styles 204 */ 205 206 207 table { 208 border: 1px solid gray; 209 border-collapse: collapse; 210 margin: 10px 0px 10px 0px; 211 width: 100%; 212 overflow: visible; 213 } 214 215 td { 216 border: 1px solid gray; 217 color: #333; 218 font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 219 padding: 5pt; 220 overflow: visible; 221 } 222 223 th { 224 background-color: #CCC; 225 border: 1px solid gray; 226 color: #333; 227 font: bold 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 228 padding: 5pt; 229 overflow: visible; 230 } 231 232 p.table_footnote { 233 color: #333; 234 font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif; 235 margin: 0; 236 padding: 5pt 5pt 5pt 5pt; 237 } 238 239 li.table_list { 240 color: #333; 241 font: 16pt/20t Roboto, Arial, Helvetica, sans-serif; 242 margin-left: -10pt; 243 padding: 2pt 0pt 2pt 0pt; 244 } 245 246 247 /** 248 * Used in the footer 249 */ 250 251 table.noborder { 252 border: 0px; 253 margin: 10px 0px 10px 0px; 254 width: 100%; 255 } 256 257 td.noborder { 258 border: 0px; 259 color: #333; 260 font: 10pt/12pt Roboto, Arial, Helvetica, sans-serif; 261 padding: 10px 0px 5px 0px; 262 } 263 264 265 266 /** 267 * TOC Styles 268 */ 269 270 #toc a:link, 271 #toc a:visited, 272 #toc a:hover { 273 color: black; 274 text-decoration: none; 275 } 276 277 #toc p.toc_h1 a:link, 278 #toc p.toc_h1 a:visited, 279 #toc p.toc_h1 a:hover { 280 color: #99CC00; 281 } 282 283 #toc { 284 width: 950px; 285 } 286 287 #toc_left, 288 #toc_left_2 { 289 float: left; 290 padding-top:15px; 291 padding-bottom:15px; 292 width: 470px; 293 } 294 295 #toc_right, 296 #toc_right_2 { 297 float: right; 298 padding-top:15px; 299 padding-bottom:15px; 300 width: 470px; 301 } 302 303 p.toc_h1 { 304 color: #99CC00; 305 font: 20pt/22pt Roboto, Arial, Helvetica, sans-serif; 306 padding: 15px 0px 0px 0px; 307 } 308 309 p.toc_h2 { 310 color: black; 311 font: 18pt/20pt Roboto, Arial, Helvetica, sans-serif; 312 margin-left: 20px; 313 padding: 15px 0px 0px 0px; 314 } 315 316 p.toc_h3 { 317 color: black; 318 font: 16pt/18pt Roboto, Arial, Helvetica, sans-serif; 319 margin-left: 45px; 320 padding: 10px 0px 0px 0px; 321 } 322 323 p.toc_h4 { 324 color: black; 325 font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif; 326 margin-left: 85px; 327 padding: 10px 0px 0px 0px; 328 } 329 330 p.toc_h5 { 331 color: black; 332 font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif; 333 margin-left: 105px; 334 } 335 336 /** 337 * Note Styles 338 */ 339 340 341 div.note 342 { 343 border-left: 20px solid #0099cc; 344 padding-left: 10px; 345 margin: 5px 40px 5px 5px; 346 } 347 348 div.tip 349 { 350 border-left: 4px solid #93c47d; 351 padding-left: 10px; 352 margin: 5px 40px 5px 5px; 353 } 354 355 div.warning 356 { 357 border-left: 4px solid red; 358 padding-left: 10px; 359 margin: 5px 40px 5px 5px; 360 } 361 362 /** 363 * Media Styles 364 */ 365 366 @media print { 367 368 @page { 369 margin: 1in; 370 } 371 372 }