| body { |
| font-family: Helvetica, Arial, sans-serif; |
| font-size: 12px; |
| } |
| |
| /* big header font |
| */ |
| .header { |
| font-size: 240%; |
| font-weight: bold; |
| } |
| |
| /* small footer font |
| */ |
| .footer { |
| font-size: 75%; |
| } |
| |
| .list { |
| border-top: 1px dotted #999999; |
| font-size: 80%; |
| padding: 3px; |
| margin: 3px auto; |
| } |
| |
| table { |
| font-size: 100%; |
| border-collapse: collapse; |
| border: thin solid #887788; |
| margin: auto; |
| } |
| table caption { |
| margin:auto; |
| color: #887788; |
| } |
| table td { |
| border: thin solid #887788; |
| } |
| |
| /* source like blocks use a light background color |
| */ |
| pre { |
| padding: 2px; |
| background-color: #FFEEFF; |
| font-size: 90%; |
| } |
| |
| /* mid-col-1, and mid-col-3 bullet list |
| */ |
| #mid-col-1 ul { |
| margin: 1px; |
| padding: 1px; |
| list-style: inside; |
| } |
| /* redsquare bullet |
| */ |
| #mid-col-1 ul li.r { |
| list-style-type:square; |
| color: #FF0000; |
| } |
| /* green square bullet |
| */ |
| #mid-col-1 ul li.g { |
| list-style-type:square; |
| color: #00FF00; |
| } |
| /* blue square bullet |
| */ |
| #mid-col-1 ul li.b { |
| list-style-type:square; |
| color: #0000FF; |
| } |
| |
| #mid-col-3 ul { |
| margin: 1px; |
| padding: 1px; |
| list-style: inside; |
| } |
| /* redsquare bullet |
| */ |
| #mid-col-3 ul li.r { |
| list-style-type:square; |
| color: #FF0000; |
| } |
| /* green square bullet |
| */ |
| #mid-col-3 ul li.g { |
| list-style-type:square; |
| color: #00FF00; |
| } |
| /* blue square bullet |
| */ |
| #mid-col-3 ul li.b { |
| list-style-type:square; |
| color: #0000FF; |
| } |
| |
| |
| /* special header formatting for mid-col-2 section |
| */ |
| h1 { |
| color: #887788; |
| } |
| /* special header formatting for mid-col-2 section |
| */ |
| h2 { |
| color: #887788; |
| } |
| /* special header formatting for mid-col-2 section |
| */ |
| h3 { |
| color: #887788; |
| } |
| |
| /* make dt text in mid-col-2 section bold, and use |
| same color as defined for the hX |
| */ |
| #mid-col-2 dt { |
| color: #887788; |
| font-weight: bold; |
| } |
| |
| |
| |
| ul.inline { |
| margin: 2px; |
| padding: 2px; |
| } |
| |
| li.inline { |
| display: inline; |
| padding-left: 3px; |
| padding-right: 7px; |
| border-right: 1px dotted #066; |
| margin: 1px; |
| } |
| |
| li.last { |
| display: inline; |
| padding-left: 3px; |
| padding-right: 3px; |
| border-right: 0px; |
| } |
| |
| div.row { |
| clear: both; |
| padding: 5px; |
| } |
| |
| div.spacer { |
| clear: both; |
| } |
| |
| div.row span.label { |
| float: left; |
| width: 10%; |
| text-align: right; |
| } |
| |
| div.row span.formw { |
| float: right; |
| width: 86%; |
| text-align: left; |
| } |
| |
| div.row span.left { |
| float: left; |
| text-align: left; |
| width: 48%; |
| } |
| |
| div.row span.right { |
| float: right; |
| text-align: right; |
| padding-right: 2px; |
| width: 48%; |
| } |
| |
| #top-section { |
| position:relative; |
| left:0; |
| top:0; |
| } |
| |
| #head-section { |
| position:relative; |
| left:0; |
| top:0; |
| } |
| |
| #mid-section { |
| position:relative; |
| left:0; |
| top:0; |
| } |
| |
| #bottom-section { |
| position:relative; |
| left:0; |
| top:0; |
| } |
| |
| #top-col-1 { |
| position:relative; |
| background-color: #EEDDEE; |
| color: #776677; |
| padding: 5px; |
| margin: 0px; |
| } |
| |
| #head-col-1 { |
| background-color: lightgrey; |
| position:relative; |
| padding-left:5px; |
| margin: 0px; |
| } |
| |
| #mid-col-1 { |
| position:absolute; |
| top:0; |
| left:0; |
| width:20%; |
| } |
| |
| #mid-col-2 { |
| position:relative; |
| top:0; |
| left:20%; |
| width:68%; |
| border-left: 1px dotted #999999; |
| border-right: 1px dotted #999999; |
| padding: 3px |
| } |
| #mid-col-3 { |
| position:absolute; |
| top:0; |
| left:90%; |
| width:10%; |
| } |
| #bottom-col-1 { |
| position:relative; |
| padding-left:10%; |
| padding-right:10px; |
| } |
| |