1/** 2* Link Styles 3*/ 4 5 6a:link { 7 color: #09C; 8 text-decoration: underline; 9} 10 11a:visited { 12 color: #639; 13} 14 15a:hover, 16a:focus, 17a: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 119h1 { 120 color: #333; 121 font: 22pt/24pt Roboto, Arial, Helvetica, sans-serif; 122 padding: 10pt 0pt 0pt 0pt; 123 text-align: left; 124} 125 126h2 { 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 134h3 { 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 142h4 { 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 151h5 { 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 164h6 { 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 176body { 177 color: #333; 178 font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 179 margin: 0; 180 padding: 5pt 5pt 5pt 10pt; 181} 182 183p { 184 color: #333; 185 font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 186 margin: 0; 187 padding: 5pt 0pt 1pt 0pt; 188} 189 190li { 191 color: #333; 192 font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 193 margin: 0; 194 padding: 2pt 50pt 2pt 0pt; 195} 196 197sup { 198 font-weight: 800; 199 font-size: 10pt; 200} 201 202code { 203 font: 16pt/20pt "Lucida Console", sans-serif; 204} 205 206 207/** 208* Table Styles 209*/ 210 211 212table { 213 border: 1px solid gray; 214 border-collapse: collapse; 215 margin: 10px 0px 10px 0px; 216 width: 100%; 217 overflow: visible; 218} 219 220td { 221 border: 1px solid gray; 222 color: #333; 223 font: 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 224 padding: 5pt; 225 overflow: visible; 226} 227 228th { 229 background-color: #CCC; 230 border: 1px solid gray; 231 color: #333; 232 font: bold 16pt/20pt Roboto, Arial, Helvetica, sans-serif; 233 padding: 5pt; 234 overflow: visible; 235} 236 237p.table_footnote { 238 color: #333; 239 font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif; 240 margin: 0; 241 padding: 5pt 5pt 5pt 5pt; 242} 243 244ul.table_footnote li { 245 color: #333; 246 font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif; 247 margin: 0; 248 padding: 0pt 5pt 5pt 5pt; 249} 250 251li.table_list { 252 color: #333; 253 font: 16pt/20t Roboto, Arial, Helvetica, sans-serif; 254 margin-left: -10pt; 255 padding: 2pt 0pt 2pt 0pt; 256} 257 258 259/** 260* Used in the footer 261*/ 262 263table.noborder { 264 border: 0px; 265 margin: 10px 0px 10px 0px; 266 width: 100%; 267} 268 269td.noborder { 270 border: 0px; 271 color: #333; 272 font: 10pt/12pt Roboto, Arial, Helvetica, sans-serif; 273 padding: 10px 0px 5px 0px; 274} 275 276 277 278/** 279* TOC Styles 280*/ 281 282#toc a:link, 283#toc a:visited, 284#toc a:hover { 285 color: black; 286 text-decoration: none; 287} 288 289#toc p.toc_h1 a:link, 290#toc p.toc_h1 a:visited, 291#toc p.toc_h1 a:hover { 292 color: #99CC00; 293} 294 295#toc { 296 width: 950px; 297} 298 299#toc_left { 300 float: left; 301 padding-top:15px; 302 padding-bottom:15px; 303 width: 470px; 304} 305 306#toc_right { 307 float: right; 308 padding-top:15px; 309 padding-bottom:15px; 310 width: 470px; 311} 312 313p.toc_h1 { 314 color: #99CC00; 315 font: 20pt/22pt Roboto, Arial, Helvetica, sans-serif; 316 padding: 15px 0px 0px 0px; 317} 318 319p.toc_h2 { 320 color: black; 321 font: 18pt/20pt Roboto, Arial, Helvetica, sans-serif; 322 margin-left: 20px; 323 padding: 15px 0px 0px 0px; 324} 325 326p.toc_h3 { 327 color: black; 328 font: 16pt/18pt Roboto, Arial, Helvetica, sans-serif; 329 margin-left: 45px; 330 padding: 10px 0px 0px 0px; 331} 332 333p.toc_h4 { 334 color: black; 335 font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif; 336 margin-left: 85px; 337 padding: 10px 0px 0px 0px; 338} 339 340p.toc_h5 { 341 color: black; 342 font: 14pt/16pt Roboto, Arial, Helvetica, sans-serif; 343 margin-left: 105px; 344} 345 346/** 347* Note Styles 348*/ 349 350 351div.note 352 { 353 border-left: 20px solid #0099cc; 354 padding-left: 10px; 355 margin: 5px 40px 5px 5px; 356 } 357 358div.tip 359 { 360 border-left: 4px solid #93c47d; 361 padding-left: 10px; 362 margin: 5px 40px 5px 5px; 363 } 364 365div.warning 366 { 367 border-left: 4px solid red; 368 padding-left: 10px; 369 margin: 5px 40px 5px 5px; 370 } 371 372/** 373* Media Styles 374*/ 375 376@media print { 377 378 @page { 379 margin: 1in; 380 } 381 382 } 383