.sm { position:relative; z-index:9999 } .sm,.sm ul,.sm li { display:block; list-style:none; margin:0; padding:2pt 7pt; line-height:normal; direction:ltr; text-align:left; -webkit-tap-highlight-color:rgba(0,0,0,0) } .sm-rtl,.sm-rtl ul,.sm-rtl li { direction:rtl; text-align:right } .sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6 { margin:0; padding:0 } .sm ul { display:none } .sm li,.sm a { position:relative } .sm a { display:block } .sm a.disabled { cursor:not-allowed } .sm:after { content:"\00a0"; display:block; height:0; font:0/0 serif; clear:both; visibility:hidden; overflow:hidden } .sm,.sm *,.sm *:before,.sm *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } #doc-content { overflow:auto; display:block; padding:0; margin:0; -webkit-overflow-scrolling:touch } /* .sm-dox { background-image:url("tab_b.png") } */ /* .sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active { padding:0 12px; padding-right:43px; font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif; font-size:13px; font-weight:bold; line-height:36px; text-decoration:none; text-shadow:0 1px 1px rgba(255,255,255,0.9); color:#283a5d; outline:0 } */ /* .sm-dox a:hover { background-image:url("tab_a.png"); background-repeat:repeat-x; color:white; text-shadow:0 1px 1px black } */ .sm-dox a.current { color:#d23600 } .sm-dox a.disabled { color:#bbb } .sm-dox a span.sub-arrow { position:absolute; top:50%; margin-top:-14px; left:auto; right:3px; width:28px; height:28px; overflow:hidden; font:bold 12px/28px monospace!important; text-align:center; text-shadow:none; background:rgba(255,255,255,0.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px } .sm-dox a.highlighted span.sub-arrow:before { display:block; content:'-' } /* .sm-dox>li:first-child>a,.sm-dox>li:first-child>:not(ul) a { -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px; border-radius:5px 5px 0 0 } .sm-dox>li:last-child>a,.sm-dox>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul { -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0; border-radius:0 0 5px 5px } .sm-dox>li:last-child>a.highlighted,.sm-dox>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } */ /* .sm-dox ul { background:rgba(162,162,162,0.1) } */ /* .sm-dox ul a,.sm-dox ul a:focus,.sm-dox ul a:hover,.sm-dox ul a:active { font-size:12px; border-left:8px solid transparent; line-height:36px; text-shadow:none; background-color:white; background-image:none } */ /* .sm-dox ul a:hover { background-image:url("tab_a.png"); background-repeat:repeat-x; color:white; text-shadow:0 1px 1px black } */ .sm-dox ul ul a,.sm-dox ul ul a:hover,.sm-dox ul ul a:focus,.sm-dox ul ul a:active { border-left:16px solid transparent } .sm-dox ul ul ul a,.sm-dox ul ul ul a:hover,.sm-dox ul ul ul a:focus,.sm-dox ul ul ul a:active { border-left:24px solid transparent } .sm-dox ul ul ul ul a,.sm-dox ul ul ul ul a:hover,.sm-dox ul ul ul ul a:focus,.sm-dox ul ul ul ul a:active { border-left:32px solid transparent } .sm-dox ul ul ul ul ul a,.sm-dox ul ul ul ul ul a:hover,.sm-dox ul ul ul ul ul a:focus,.sm-dox ul ul ul ul ul a:active { border-left:40px solid transparent } .sm-dox ul { position:absolute; width:12em } /* .sm-dox li { float:left } .sm-dox.sm-rtl li { float:right } .sm-dox ul li,.sm-dox.sm-rtl ul li,.sm-dox.sm-vertical li { float:none } */ .sm-dox a { white-space:nowrap } .sm-dox ul a,.sm-dox.sm-vertical a { white-space:normal } .sm-dox .sm-nowrap>li>a,.sm-dox .sm-nowrap>li>:not(ul) a { white-space:nowrap } /* .sm-dox { padding:0 10px; background-image:url("tab_b.png"); line-height:36px } */ .sm-dox a span.sub-arrow { top:50%; margin-top:-2px; right:12px; width:0; height:0; border-width:4px; border-style:solid dashed dashed dashed; border-color:#283a5d transparent transparent transparent; background:transparent; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } /* .sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted { padding:0 12px; background-image:url("tab_s.png"); background-repeat:no-repeat; background-position:right; -moz-border-radius:0!important; -webkit-border-radius:0; border-radius:0!important } .sm-dox a:hover { background-image:url("tab_a.png"); background-repeat:repeat-x; color:white; text-shadow:0 1px 1px black } */ .sm-dox a:hover span.sub-arrow { border-color:white transparent transparent transparent } .sm-dox a.has-submenu { padding-right:24px } .sm-dox li { border-top:0 } .sm-dox>li>ul:before,.sm-dox>li>ul:after { content:''; position:absolute; top:-18px; left:30px; width:0; height:0; overflow:hidden; border-width:9px; border-style:dashed dashed solid dashed; border-color:transparent transparent #bbb transparent } .sm-dox>li>ul:after { top:-16px; left:31px; border-width:8px; border-color:transparent transparent #fff transparent } .sm-dox ul { border:1px solid #bbb; padding:5px 0; background:#fff; /* -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; */ -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2); box-shadow:0 5px 9px rgba(0,0,0,0.2) } .sm-dox ul a span.sub-arrow { right:8px; top:50%; margin-top:-5px; border-width:5px; border-color:transparent transparent transparent #555; border-style:dashed dashed dashed solid } .sm-dox ul a,.sm-dox ul a:hover,.sm-dox ul a:focus,.sm-dox ul a:active,.sm-dox ul a.highlighted { color:#555; background-image:none; border:0!important; color:#555; background-image:none } /* .sm-dox ul a:hover { background-image:url("tab_a.png"); background-repeat:repeat-x; color:white; text-shadow:0 1px 1px black } */ .sm-dox ul a:hover span.sub-arrow { border-color:transparent transparent transparent white } .sm-dox span.scroll-up,.sm-dox span.scroll-down { position:absolute; display:none; visibility:hidden; overflow:hidden; background:#fff; height:36px } .sm-dox span.scroll-up:hover,.sm-dox span.scroll-down:hover { background:#eee } .sm-dox span.scroll-up:hover span.scroll-up-arrow,.sm-dox span.scroll-up:hover span.scroll-down-arrow { border-color:transparent transparent #d23600 transparent } .sm-dox span.scroll-down:hover span.scroll-down-arrow { border-color:#d23600 transparent transparent transparent } .sm-dox span.scroll-up-arrow,.sm-dox span.scroll-down-arrow { position:absolute; top:0; left:50%; margin-left:-6px; width:0; height:0; overflow:hidden; border-width:6px; border-style:dashed dashed solid dashed; border-color:transparent transparent #555 transparent } .sm-dox span.scroll-down-arrow { top:8px; border-style:solid dashed dashed dashed; border-color:#555 transparent transparent transparent } .sm-dox.sm-rtl a.has-submenu { padding-right:12px; padding-left:24px } .sm-dox.sm-rtl a span.sub-arrow { right:auto; left:12px } .sm-dox.sm-rtl.sm-vertical a.has-submenu { padding:10px 20px } .sm-dox.sm-rtl.sm-vertical a span.sub-arrow { right:auto; left:8px; border-style:dashed solid dashed dashed; border-color:transparent #555 transparent transparent } .sm-dox.sm-rtl>li>ul:before { left:auto; right:30px } .sm-dox.sm-rtl>li>ul:after { left:auto; right:31px } .sm-dox.sm-rtl ul a.has-submenu { padding:10px 20px!important } .sm-dox.sm-rtl ul a span.sub-arrow { right:auto; left:8px; border-style:dashed solid dashed dashed; border-color:transparent #555 transparent transparent } .sm-dox.sm-vertical { padding:10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px } .sm-dox.sm-vertical a { padding:10px 20px } .sm-dox.sm-vertical a:hover,.sm-dox.sm-vertical a:focus,.sm-dox.sm-vertical a:active,.sm-dox.sm-vertical a.highlighted { background:#fff } .sm-dox.sm-vertical a.disabled { background-image:url("tab_b.png") } .sm-dox.sm-vertical a span.sub-arrow { right:8px; top:50%; margin-top:-5px; border-width:5px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #555 } .sm-dox.sm-vertical>li>ul:before,.sm-dox.sm-vertical>li>ul:after { display:none } .sm-dox.sm-vertical ul a { padding:10px 20px } .sm-dox.sm-vertical ul a:hover,.sm-dox.sm-vertical ul a:focus,.sm-dox.sm-vertical ul a:active,.sm-dox.sm-vertical ul a.highlighted { background:#eee } .sm-dox.sm-vertical ul a.disabled { background:#fff } /* SoC Customisation. */ div#main-nav { margin: 0pt; border: 0pt; padding: 0pt; } div ul#main-menu { margin: 0pt; border: 0pt; padding: 0pt; } /* .sm ul { visibility: hidden; overflow: hidden; height: 0; width: 0; } */ .sm li { list-style: none; } ul#main-menu { display: table; width: 100%; } ul#main-menu > li { display: table-cell; text-align: center; /*width: 20%;*/ border-top: 1px solid black; border-bottom: 1px solid black; border-left: none; border-right: 1px solid black; padding: 2pt; font-size: 90%; } ul#main-menu > li:first-child { border-left: 1px solid black; } ul#main-menu > li > a { border-bottom: none; } ul#main-menu > li:hover, ul#main-menu > li:hover > a, ul#main-menu > li > a:hover { background-color: black; color: white; } /* .sm li { margin: 0pt; list-style: none; font-size: 90%; border-top: 1px solid black; border-bottom: 1px solid black; border-left: none; border-right: 1px solid black; display: table-cell; text-align: center; padding: 2pt; width: 5%; } .sm li:first-child { border-left: 1px solid black; } .sm li a { border-style: none; border-bottom: none; } .sm li:hover, .sm li:hover a, .sm li a:hover { background-color: black; color: white; } */