| /* Style adjustments for websites */ |
| .pageBody { |
| padding: 0px 20px 0px 0px; |
| } |
| .topicContent { |
| margin-left: 280px; |
| } |
| |
| /* Lightweight TOC */ |
| .tocCollapsed { |
| background: url('../icons/TocCollapsed.gif') no-repeat scroll center; |
| width: 17px; |
| height: 20px; |
| overflow: hidden; |
| } |
| .tocExpanded { |
| background: url('../icons/TocExpanded.gif') no-repeat scroll center; |
| width: 17px; |
| height: 20px; |
| overflow: hidden; |
| } |
| .tocResize { |
| position: absolute; |
| top: 90px; |
| left: 300px; |
| width: 5px; |
| height: 20px; |
| padding-right: 5px; |
| } |
| .tocResize img { |
| border: none; |
| cursor: pointer; |
| } |
| div#leftNav { |
| float: left; |
| margin: 0px -1px 0 0; |
| width: 280px; |
| min-height: 10px; |
| position: relative; |
| border-right: 1px solid #b6b6b6; |
| padding-left: 10px; |
| padding-top: 15px; |
| } |
| div#tocNav { |
| font-family: 'Segoe UI' ,Verdana,Arial; |
| overflow-x: hidden; |
| line-height: normal; |
| margin: -20px 0 0 -4px; |
| } |
| div#tocNav > div { |
| overflow-x: hidden; |
| white-space: normal; |
| width: auto; |
| margin-bottom: 5px; |
| } |
| div#leftNav a, div#leftNav a:link, div#leftNav a:visited { |
| color: #1364c4; |
| text-decoration: none; |
| } |
| div#leftNav a:hover { |
| color: #3390b1; |
| } |
| div#tocNav > div > a, div#tocNav > div > a:link, div#tocNav > div > a:visited { |
| display: block; |
| margin-left: 18px; |
| overflow: hidden; |
| } |
| div#tocNav > div.current > a, div#tocNav > div.current > a:link, div#tocNav > div.current > a:visited { |
| color: #000; |
| font-weight: bold; |
| text-decoration: none; |
| } |
| div#tocNav > div > a.tocExpanded, div#tocNav > div > a.tocCollapsed { |
| float: left; |
| display: inline-block; |
| margin-left: 0; |
| vertical-align: top; |
| } |
| div#tocResizableEW { |
| cursor: e-resize; |
| width: 15px; |
| top: 0; |
| height: 100%; |
| position: absolute; |
| display: block; |
| font-size: 0.5px; |
| right: -7px; |
| } |
| .toclevel0:first-child { |
| margin-top: 16px; |
| } |
| div#tocNav > div.toclevel1 { |
| padding-left: 17px; |
| } |
| div#tocNav > div.toclevel2 { |
| padding-left: 34px; |
| } |
| div#tocNav > div.toclevel3 { |
| padding-left: 51px; |
| } |
| div#tocNav > div.toclevel4 { |
| padding-left: 68px; |
| } |
| div#tocNav > div.toclevel5 { |
| padding-left: 85px; |
| } |
| div#tocNav > div.toclevel6 { |
| padding-left: 102px; |
| } |
| div#tocNav > div.toclevel7 { |
| padding-left: 119px; |
| } |
| div#tocNav > div.toclevel8 { |
| padding-left: 136px; |
| } |
| div#tocNav > div.toclevel9 { |
| padding-left: 153px; |
| } |
| div#tocNav > div.toclevel10 { |
| padding-left: 170px; |
| } |
| |
| /* Search form */ |
| form#SearchForm { |
| float: right; |
| background-color: #eee; |
| width: 280px; |
| } |
| form#SearchForm input { |
| background-color: #eee; |
| border: 0; |
| height: 22px; |
| width: 230px; |
| color: #3b3b3b; |
| display: inline-block; |
| margin: 1px 0 0 0; |
| padding: 1px 4px 1px 10px; |
| } |
| form#SearchForm button { |
| background: url('../icons/Search.png') no-repeat scroll center; |
| background-color: #eee; |
| float: right; |
| border: 0; |
| margin: 3px 2px 0 0; |
| cursor: pointer; |
| color: #3b3b3b; |
| width: 19px; |
| height: 18px; |
| overflow: hidden; |
| } |
| .searchContainer { |
| width: 700px; |
| margin-top: 50px; |
| margin-left: auto; |
| margin-right: auto; |
| } |