| body { | 
|     margin: 0; | 
|     padding: 0; | 
|     border: 0; | 
|     width: 100%; | 
|     background: #fff; | 
|     min-width: 600px; | 
|     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; | 
| } | 
|   | 
| /* Header styles */ | 
| #header { | 
|     clear: both; | 
|     float: left; | 
|     width: 100%; | 
|     position: relative; | 
|     height: 94px; | 
|     top: 0px; | 
|     padding: 0px; | 
|     background-image: url('./images/logo.jpg'); | 
|     background-repeat: no-repeat; | 
|     background-color: #292929; | 
| } | 
|   | 
| /* 'widths' sub menu */ | 
| #layoutdims { | 
|   clear: both; | 
|   background: #eee; | 
|   border-top: 4px solid #000; | 
|   margin: 0; | 
|   padding: 6px 15px !important; | 
|   text-align: right; | 
| } | 
|   | 
| /* column container */ | 
| .colmask { | 
|     position: relative;  /* This fixes the IE7 overflow hidden bug */ | 
|     clear: both; | 
|     float: left; | 
|     width: 100%;     /* width of whole page */ | 
|     overflow: hidden;    /* This chops off any overhanging divs */ | 
| } | 
| /* common column settings */ | 
| .colright, | 
| .colmid, | 
| .colleft { | 
|     float: left; | 
|     width: 100%; | 
|     position: relative; | 
| } | 
| .col1, | 
| .col2, | 
| .col3 { | 
|     float: left; | 
|     position: relative; | 
|     padding: 0 0 1em 0; | 
|     overflow: hidden; | 
| } | 
| /* 2 Column (left menu) settings */ | 
| .leftmenu { | 
|     background: #ffffff;    /* right column background colour */ | 
| } | 
| .leftmenu .colleft { | 
|     right: 75%;      /* right column width */ | 
|     background: #717171; /* left column background colour */ | 
| } | 
| .leftmenu .col1 { | 
|     width: 71%;      /* right column content width */ | 
|     left: 102%;      /* 100% plus left column left padding */ | 
|     margin-top: 20px; | 
| } | 
| .leftmenu .col2 { | 
|     width: 21%;      /* left column content width (column width minus left and right padding) */ | 
|     left: 6%;      /* (right column left and right padding) plus (left column left padding) */ | 
|     margin-top: 20px; | 
| } | 
|   | 
| /* Footer styles */ | 
| #footer { | 
|     clear: both; | 
|     float: left; | 
|     width: 100%; | 
|     border-top: 1px solid #000; | 
| } | 
| #footer p { | 
|     padding: 10px; | 
|     margin: 0; | 
| } | 
|   | 
|   | 
| div.nav { | 
|     position:relative; | 
|     top: 70px; | 
|     text-align: right; | 
| } | 
|   | 
| a.nav span { | 
|     font-size: 11px; | 
|     position: relative; | 
|     bottom: 2px; | 
| } | 
|   | 
| a.nav:visited { | 
|     text-decoration: none; | 
|     border: 0px; | 
|     color: #aaaaaa; | 
| } | 
|   | 
| a.nav, a.nav:link { | 
|     border: 0px; | 
|     text-decoration: none; | 
|     font-family: Tahoma, "Helvetica Neue", "Trebuchet MS", Verdana, Arial, sans-serif; | 
|     font-size: 16px; | 
|     color: #aaaaaa;  | 
|     margin-right: 11px; | 
| } | 
|   | 
| a.nav:hover { | 
|     text-decoration: none; | 
|     border: 0px; | 
|     color: #E0771C; | 
| } | 
|   | 
| a.nav:active { | 
|     text-decoration: none; | 
|     border: 0px; | 
|     color: #E0771C; | 
| } | 
|   | 
| pre.code-block{ | 
|     background: #D8F4DC; | 
|     border: 1px solid rgb(200, 200, 200); | 
|     padding-top: 1em; | 
|     padding-left: 3em; | 
|     padding-bottom: 1em; | 
|     margin-top: 1em; | 
|     margin-bottom: 3em; | 
|      | 
| } | 
|      | 
| pre.code { | 
|     border: 1px solid rgb(200, 200, 200); | 
|     padding-top: 1em; | 
|     padding-left: 3em; | 
|     padding-bottom: 1em; | 
|     margin-top: 1em; | 
|     margin-bottom: 4em; | 
|      | 
| } | 
|   | 
| div.include { | 
|     margin-bottom: 2em; | 
| } | 
|      | 
| p { | 
|     margin: 2em 0; | 
| } | 
|   | 
| .jqplot-image-button { | 
|     margin-bottom: 15px; | 
|     margin-top: 15px; | 
| } | 
|   | 
| div.jqplot-image-container { | 
|     position: relative; | 
|     z-index: 11; | 
|     margin: auto; | 
|     display: none; | 
|     background-color: #ffffff; | 
|     border: 1px solid #999; | 
|     display: inline-block; | 
|     margin-top: 25px; | 
| } | 
|   | 
| div.jqplot-image-container-header { | 
|     font-size: 1.0em; | 
|     font-weight: bold; | 
|     padding: 5px 15px; | 
|     background-color: #eee; | 
| } | 
|   | 
| div.jqplot-image-container-content { | 
|     padding: 15px; | 
|     background-color: #ffffff; | 
| } | 
|   | 
| a.jqplot-image-container-close { | 
|     float: right; | 
| } | 
|   | 
| div.example-link { | 
|     margin-bottom: 8px; | 
| } | 
|   | 
| a.example-link { | 
|     color: #ffffff; | 
| } | 
|   | 
| div.example-plot { | 
|     width: 500px; | 
|     height: 300px; | 
| } | 
|   | 
| .jqplot-table-legend-label { | 
|     white-space: nowrap; | 
| } | 
|   | 
| div.syntaxhighlighter { | 
|     margin-top: 4em !important; | 
|     margin-bottom: 3em !important; | 
| } |