html,
 body {
     height: 100%;
     margin: 0;
     padding: 0
 }
 body {
     border: 0;
     font-family: sans-serif;
     font-size: 14px;
     line-height: 18px;
     text-align: left;
     color: #000;
     font-weight: 400;
     vertical-align: top;
     background-color: silver;
     overflow: hidden
 }
 img {
     border: 0;
     vertical-align: middle
 }
 a,
 a:link,
 a:visited {
     color: #000;
     text-decoration: none;
	 font-size: 1.2em;
     font-weight: bold;
	 background: red;
 }
 a:hover,
 a:active {
     color: #000;
     text-decoration: underline
 }
 .zmdi {
	margin-left:-1px
 }
 a.btn-s:hover .zmdi {
	text-decoration:underline;
 }
 a.btn-s {
	background:#FF4136; 
	color:white; 
	padding:14px; 
	display:inline-block; 
	margin-top:5px; 
	margin-left:-132px;
	text-transform:uppercase; 
	letter-spacing: 1.4px; 
	font-size: 1.5em;
 } 
 p,
 ul,
 ol,
 div,
 th,
 td,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr {
     display: block;
     text-align: left;
     vertical-align: top;
     color: #000;
     margin: 0;
     padding: 0;
     font-size: 1em;
     font-weight: 400
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 700
 }
 div#loading {
     display: block;
     height: 100%;
     margin: auto;
     text-align: center;
     background-color: #fff;
     background-image: url(Images/na2014_bg-loading.gif);
     background-position: center center;
     background-repeat: no-repeat
 }
 div#error {
     display: none;
     height: 100%;
     margin: auto;
     text-align: center;
     background-color: #fff;
     background-image: url(Images/na2014_bg-error.gif);
     background-position: center center;
     background-repeat: no-repeat
 }
 div#core {
     display: none;
     height: 100%;
     min-width: 330px;
     margin: auto;
     overflow-x: hidden
 }
 video#bgvideo {
     display: none;
     position: absolute;
     right: 0;
     top: 0;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -100;
     background-size: cover
 }
 div#middle {
     display: block;
     position: relative;
     margin: auto
 }
 div#middle-content {
     margin: auto;
     padding: 10px 5px 15px 5px;
 }
  a#download_button {
     display: block;
     width: 30px;
     height: 30px;
     position: fixed;
     right: -30px;
     bottom: 70px;
     cursor: pointer;
     background: url("Images/icon_download.png") top no-repeat;
     z-index: 5000
 }
 a#download_button:hover {
     background-position: bottom
 }
 div#home {
     display: none;
     position: relative;
     margin: auto;
     text-align: center
 }
 div#preload {
     display: none
 }
 div.docs-wrapper input.nav.left {
     display: none;
     height: 0
 }
 div.docs-wrapper input.nav.right {
     display: none;
     height: 0
 }
 div#docs {
     display: block;
     float: none;
     width: 100%;
     margin: auto;
     overflow-x: auto
 }
 div#docs-content {
     display: block;
     width: 100%;
     margin: auto
 }
 div#docs-content div.doc {
     display: block;
     width: 100%;
     position: relative;
     float: left;
     width: 270px;
     margin-right: 25px;
     margin-bottom: 25px;
     background-color: rgba(255, 255, 255, 0.7);
     cursor: pointer;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px
 }
 div#docs-content div.doc:hover {
     background-color: rgba(255, 255, 255, 0.9)
 }
 div#docs-content div.doc div.doc-content {
     width: auto;
     height: auto;
     min-width: 180px;
     min-height: 150px;
     margin: 25px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain
 }
 div#docs-content div.doc div.doc-content h2 {
     width: auto;
     height: auto;
     margin-bottom: 25px
 }
 div#docs-content div.doc div.doc-content div.thumb {
     position: relative;
     display: block;
     width: 100%;
     background-position: right bottom;
     background-repeat: no-repeat;
     background-size: 48px
 }
 div#docs-content div.doc div.doc-content div.thumb-doc {
     background-image: url(Images/na2014_icon-document.png)
 }
 div#docs-content div.doc div.doc-content div.thumb-lnk {
     background-image: url(Images/na2014_icon-document.png)
 }
 div#docs-content div.doc div.doc-content div.thumb-vid {
     background-image: url(Images/na2014_icon-play.png)
 }
 div#docs-content div.doc div.doc-content div.thumb img {
     display: block;
     width: 100%;
     max-width: 155px;
     background-color: #fff;
     -webkit-box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5);
     -moz-box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5);
     box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5)
 }
 div#docs-content div.doc div.doc-content div.thumb-vid img {
     bottom: 0;
     left: 0
 }
 div.thumb-doc-pdf {
     position: absolute;
     display: block;
     width: 48px;
     height: 48px;
     background: no-repeat left top url(Images/na2014_icon-download.png);
     right: 0;
     bottom: 60px;
     text-decoration: none
 }
 a.thumb-doc-pdf:hover {
     text-decoration: none
 }
 div#top {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 95px;
     margin: auto;
     z-index: 100
 }
 div#top-banner {
     display: block;
     width: 100%;
     height: 60px;
     background-color: #fff;
     background-position: left top;
     background-repeat: no-repeat
 }
 div#top-banner-content {
     margin: auto;
     padding-left: 25px;
     padding-right: 25px
 }
 div#top-title {
     display: block;
     width: 100%;
     height: 35px;
     padding: 0;
     background-color: #ddd;

 }
 div#top-title h1 {
     white-space: nowrap;
     overflow: hidden;
     padding-left: 25px;
     padding-right: 25px;
	 color: black;
 }
 div#top-title-content {
     margin: auto;
     color: #000;
     font-weight: 700;
     line-height: 35px
 }
 div#top-left {
     display: block;
     float: left;
     width: 183px;
     height: 50px;
     margin: 5px 0
 }
 div#top-left img {
     max-height: 50px
 }
 div#top-right {
     position: absolute;
	 top: 0;
	 right: 25px;
     width: auto;
     height: 60px;
     margin: 0;
 }
 ul#nav {
	list-style: none;
	width: auto;
	height: 30px;
	margin: 15px 0;
 }
 ul#nav li {
    width: auto;
	float: left;
    height: 30px;
	line-height: 30px;
    margin: 0 0 0 20px;
    padding: 0;
    border: 0;
	text-transform: uppercase;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center center;
	cursor: pointer;
}
ul#nav li#nav-home {
	width: 30px;
    background-image: url(Images/na2014_icon-home.png)
}
 div#bottom {
     display: block;
     position: absolute;
     bottom: -40px;
     left: 0;
     width: 100%;
     height: 40px;
     margin: auto;
     z-index: 100;
     background-color: #151515;
     color: #a3a3a6;
 }
 div#bottom-left {
     float: left;
     width: 36%;
     margin: auto
 }
 div#bottom-middle {
     float: left;
     width: 28%;
     margin: auto
 }
 div#bottom-right {
     float: right;
     width: 36%;
     margin: auto
 }
 div#bottom-left-content {
     margin-left: 25px;
     text-align: left;
     color: #a3a3a6;
 }
 div#bottom-middle-content {
     margin: 0 25px;
     text-align: center;
     color: #a3a3a6;
 }
 div#bottom-right-content {
     margin-right: 25px;
     margin-top: 0;
     margin-bottom: 0;
     text-align: right;
     color: #a3a3a6;
 }
 div#bottom-left-content ul {
     display: block;
	 float: left;
     color: #a3a3a6;
 }
 div#bottom-left-content ul li {
     display: block;
     float: left;
     width: auto;
     height: 40px;
	 line-height: 40px;
     margin-right: 6px;
 }
 div#bottom-left-content ul li#nav-toc {
     width: 19px;
	 height: 40px;
	 margin-left: 5px;
	 cursor: pointer;
	 background: url("Images/toolbar-icon-contents.png") top no-repeat;
 }
 div#bottom-left-content ul li#nav-home {
     width: 19px;
	 height: 40px;
	 margin-left: 5px;
	 cursor: pointer;
	 background: url("Images/toolbar-icon-home.png") top no-repeat;
 }
 div#bottom-left-content ul li#nav-toc:hover,
 div#bottom-left-content ul li#nav-home:hover {
     background-position: 0 -40px;
 }
 div#bottom-middle-content ul {
     display: block;
     margin: 0 auto;
     width: 253px;
     color: #a3a3a6;
 }
 div#bottom-middle-content ul li {
     display: block;
     float: left;
     width: auto;
     height: 40px;
     margin-left: 3px;
     margin-right: 3px;
     line-height: 40px;
     vertical-align: middle;
 }
 div#bottom-middle-content ul li#page-input input {
     width: 100%;
     height: 24px;
     line-height: 24px;
     padding: 0;
     margin: 8px 0;
     border: 0;
     background: #333433;
     text-align: center;
     vertical-align: top;
     color: #a3a3a6;
	 font-size: 0.85em;
	 -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
			 border-radius: 5px;
 }
 div#bottom-middle-content ul li#page-input {
     width: 175px
 }
 div#bottom-middle-content ul li#page-first {
     width: 15px;
     background: url("Images/na2014_icon-page-first-last.png") top left no-repeat;
     cursor: pointer
 }
 div#bottom-middle-content ul li#page-first:hover {
     background-position: bottom left;
 }
 div#bottom-middle-content ul li#page-previous {
     width: 9px;
     background: url("Images/na2014_icon-page-prev-next.png") top left no-repeat;
     cursor: pointer
 }
 div#bottom-middle-content ul li#page-previous:hover {
     background-position: bottom left;
 }
 div#bottom-middle-content ul li#page-last {
     width: 15px;
     background: url("Images/na2014_icon-page-first-last.png") top right no-repeat;
     cursor: pointer
 }
 div#bottom-middle-content ul li#page-last:hover {
     background-position: bottom right;
 }
 div#bottom-middle-content ul li#page-next {
     width: 9px;
     background: url("Images/na2014_icon-page-prev-next.png") top right no-repeat;
     cursor: pointer
 }
 div#bottom-middle-content ul li#page-next:hover {
     background-position: bottom right;
 }
 div#bottom-right-content ul {
     display: block;
     float: right;
     color: #a3a3a6;
 }
 div#bottom-right-content ul li {
     display: block;
     float: right;
     width: auto;
     height: 40px;
     padding: 0;
     margin-left: 3px;
     line-height: 40px;
     vertical-align: middle;
 }
 div#bottom-right-content ul li#search-input input {
     width: 100%;
     height: 24px;
     line-height: 24px;
     padding: 0 5px;
     margin: 8px 0;
     border: 0;
     background: #333433;
     text-align: left;
     vertical-align: top;
     color: #a3a3a6;
	 -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
			 border-radius: 5px;
 }
 div#bottom-right-content ul li#search-input {
     width: 115px;
	 margin-right: 10px;
 }
 div#bottom-right-content ul li#search-go {
     width: 13px;
     height: 40px;
     margin-left: 10px;
     background: url("Images/au2016_icon-search.png") top no-repeat;
     cursor: pointer
 }
 div#bottom-right-content ul li#search-go:hover {
     background-position: bottom
 }
div#bottom-right-content ul li#fit-text {
     text-align: right;
     line-height: 40px
 }
 div#bottom-right-content ul li#fit-normal {
     width: 15px;
	 height: 40px;
	 margin-left: 10px;
	 cursor: pointer;
	 background: url("Images/toolbar-icon-fit-full.png") top no-repeat;
 }
 div#bottom-right-content ul li#fit-height {
     width: 15px;
	 height: 40px;
	 margin-left: 10px;
	 cursor: pointer;
	 background: url("Images/toolbar-icon-fit-height.png") top no-repeat;
 }
 div#bottom-right-content ul li#fit-width {
     width: 15px;
	 height: 40px;
	 margin-left: 10px;
	 cursor: pointer;
	 background: url("Images/toolbar-icon-fit-width.png") top no-repeat;
 }
 div#bottom-right-content ul li#view-text {
     line-height: 36px;
     line-height: 40px
 }
 div#bottom-right-content ul li#view-single {
     width: 15px;
	 height: 40px;
	 margin-left: 10px;
	 cursor: pointer;
	 background: url("Images/toolbar-icon-onepageview.png") top no-repeat;
 }
 div#bottom-right-content ul li#view-double {
     width: 29px;
	 height: 40px;
	 margin-left: 10px;
	 cursor: pointer;
	 background: url("Images/toolbar-icon-twopageview.png") top no-repeat;
 }
 div#bottom-right-content ul li#view-single:hover,
 div#bottom-right-content ul li#view-double:hover,
 div#bottom-right-content ul li#fit-normal:hover,
 div#bottom-right-content ul li#fit-height:hover,
 div#bottom-right-content ul li#fit-width:hover {
     background-position: 0 -40px
 }
 div#bottom li.divider {
     width: 2px;
     margin: 0 15px;
     background: url(Images/toolbar-divider.png) center repeat-x
 }
 div#toc {
     display: block;
     position: fixed;
     left: -300px;
     min-width: 300px;
     width: 300px;
     top: 0;
     height: 100%;
	 padding-top: 120px;
     z-index: 90;
     background-color: #494949;
     background-color: rgba(73, 73, 73, 0.9);
     overflow: hidden;
     overflow-y: auto
 }
 div#toc span#toc-close {
     display: block;
     margin: 15px 30px 15px 15px;
     cursor: pointer;
     text-align: left;
     font-size: 1.3em;
     font-weight: 700;
     line-height: 24px;
     color: #fff
 }
 div#toc span#toc-close img {
     width: 24px;
     height: 24px;
     float: right
 }
 ul.toc-list {
     display: block;
     width: 261px;
     margin: 15px;
     margin-left: 10px
 }
 ul.toc-list li {
     display: block;
     width: 247px;
     padding: 7px;
     margin: 0;
     font-size: 1.1em;
     margin-bottom: 7px;
     line-height: 1em;
     background-color: #494949
 }
 ul.toc-list li span.toc-list-title {
     display: block;
     float: left;
     width: 190px;
     padding: 0;
     margin: 0;
     margin-left: 20px;
     color: #fff;
     text-align: left;
     cursor: pointer
 }
 ul.toc-list li span.toc-list-title:hover {
     text-decoration: underline
 }
 ul.toc-list li span.toc-list-page {
     display: block;
     float: right;
     width: 37px;
     margin: 0;
     padding: 0;
     color: #fff;
     text-align: right
 }
 ul.toc-list li img {
     float: left;
     height: 15px;
     width: 15px;
     margin-right: 5px;
     cursor: pointer
 }
 ul.toc-list li.has-children span.toc-list-title {
     margin-left: 0
 }
 ul.toc-list li.has-children ul {
     display: none;
     width: 227px;
     margin: 0;
     padding: 0;
     margin-left: 20px;
     margin-top: 7px;
     margin-bottom: 0
 }
 ul.toc-list li.has-children ul.toc-list-top li.has-children span.toc-list-title {
     width: 170px
 }
 ul.toc-list li.has-children ul.toc-list-noindent {
     margin-left: 10px
 }
 ul.toc-list li.has-children ul.toc-list-noindent li {
     width: 217px
 }
 ul.toc-list li.has-children ul.toc-list-noindent li span.toc-list-title {
     width: 180px!important
 }
 ul.toc-list li.has-children ul li {
     width: 227px;
     padding: 0;
     font-size: 1em;
     margin-top: 7px;
     line-height: 1em
 }
 ul.toc-list li.has-children ul li span.toc-list-title {
     margin-left: 0
 }
 div#search {
     display: block;
     position: fixed;
     right: -300px;
     min-width: 300px;
     width: 300px;
     top: 0px;
     height: 100%;
	 padding-top: 120px;
     z-index: 90;
     background-color: #494949;
     background-color: rgba(73, 73, 73, 0.9);
     overflow: hidden;
     overflow-y: auto
 }
 div#search span#search-close {
     display: block;
     width: auto;
     margin: 15px;
     cursor: pointer;
     text-align: left;
     font-size: 1.3em;
     font-weight: 700;
     line-height: 24px;
     color: #fff
 }
 div#search span#search-close img {
     width: 24px;
     height: 24px;
     float: right
 }
 ul.search-list {
     display: block;
     width: 261px;
     margin: 15px;
     margin-left: 10px
 }
 ul.search-list li {
     display: block;
     width: 246px;
     max-height: 150px;
     overflow: hidden;
     padding: 7px;
     margin: 0;
     font-size: .9em;
     margin-bottom: 7px;
     line-height: 1.1em;
     background-color: #494949;
     color: #fff;
     cursor: pointer
 }
 ul.search-list li.search-query {
     color: #fff
 }
 ul.search-list li img {
     float: left;
     max-width: 90px;
     max-height: 150px;
     margin-right: 7px;
     margin-bottom: 7px
 }
 ul.search-list li.result span {
     text-decoration: underline
 }
 ul.search-list li.word span {
     font-weight: 700
 }
 ul.search-list li.word cite {
     color: red
 }
 ul.search-list li.result span.title {
     text-decoration: none;
     font-weight: 700
 }
 div#download {
     display: block;
     position: absolute;
     right: -300px;
     min-width: 300px;
     width: 300px;
     top: 0;
     height: 100%;
     z-index: 90;
     background-color: #494949;
     background-color: rgba(73, 73, 73, 0.9);
     overflow: hidden;
     overflow-y: auto
 }
 div#download span#download-close {
     display: block;
     float: right;
     margin: 15px;
     cursor: pointer;
     text-align: right;
     font-size: .9em;
     line-height: 1.1em;
     color: #fff
 }
 div#download span#download-close img {
     width: 15px;
     height: 15px;
     margin-right: 5px
 }
 ul.download-list {
     display: block;
     width: 261px;
     margin: 15px;
     margin-left: 10px
 }
 ul.download-list li {
     display: block;
     width: 246px;
     max-height: 150px;
     overflow: hidden;
     padding: 7px;
     margin: 0;
     font-size: .9em;
     margin-bottom: 7px;
     line-height: 1.1em;
     background-color: #494949;
     color: #fff;
     cursor: pointer
 }
 ul.download-list li:hover {
     text-decoration: underline
 }
 div#vote,
 div#top-vote {
     display: none;
     float: right;
     width: 270px;
     height: 90px;
     padding-top: 25px;
     padding-bottom: 25px;
     margin-bottom: 25px;
     cursor: pointer;
     background-color: rgba(255, 255, 255, 1);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px
 }
 div#vote:hover,
 div#top-vote:hover {
     background-color: rgba(255, 255, 255, 1);
     cursor: pointer
 }
 div#vote div#vote-content,
 div#top-vote div#top-vote-content {
     display: block;
     height: 100%;
     margin-left: 25px;
     margin-right: 25px;
     background-image: url(Images/na2014_panel-large-vote.png);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain
 }
 div#top-vote {
     margin-top: 17px;
     margin-right: 17px
 }
 div#player {
     display: none;
     position: absolute;
     top: 25%;
     left: 25px;
     z-index: 100;
     background-color: rgba(255, 255, 255, 0.9);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px
 }
 div#player-content {
     margin: 25px
 }
 h2#player-title {
     float: left;
     line-height: 20px;
     margin-top: 4px;
     margin-bottom: 4px
 }
 div#player-close {
     display: block;
     float: right;
     width: 48px;
     height: 48px;
     background-image: url(Images/na2014_icon-close.png);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     margin-bottom: 10px;
     cursor: pointer
 }
 div#vote-large {
     display: none;
     position: relative
 }
 div#panels-large,
 div#top-panel-large {
     display: block;
     position: relative
 }
 div#top-panel-large {
     display: block;
     position: relative;
     width: 100%
 }
 div.panel-large,
 div.top-panel-large {
     display: block;
     float: left;
     width: 585px;
     padding: 0;
     padding-top: 25px;
     padding-bottom: 25px;
     margin: 0;
     margin-bottom: 25px;
     margin-right: 25px;
     background-color: rgba(255, 255, 255, 0.7);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px
 }
 div.panel-large-link:hover {
     background-color: rgba(255, 255, 255, 0.9)
 }
 div.panel-large div.panel-large-content,
 div.top-panel-large div.panel-large-content {
     display: block;
     padding: 0;
     margin: 0;
     margin-right: 25px;
     margin-left: 25px
 }
 div.panel-small-right {
     float: right
 }
 _div.panel-small-right div.panel-small {
     float: none;
     width: 40%;
     margin-left: auto;
     margin-right: auto
 }
 div.panel-small-left {
     float: left
 }
 div#panels-small {
     display: block;
     position: relative;
     clear: both
 }
 div.panel-small {
     display: block;
     float: left;
     width: 380px;
     padding: 0;
     padding-top: 25px;
     padding-bottom: 25px;
     margin: 0;
     margin-bottom: 25px;
     margin-right: 25px;
     background-color: rgba(255, 255, 255, 0.7);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px
 }
 div.panel-small-link:hover {
     background-color: rgba(255, 255, 255, 0.9)
 }
 div.panel-small div.panel-small-content {
     display: block;
     padding: 0;
     margin: 0;
     margin-right: 25px;
     margin-left: 25px
 }
 div.panel-small div.panel-small-content div.panel-small-content-icon {
     display: block;
     float: left;
     max-width: 25%;
     margin-right: 25px;
     padding: 15px;
     background-color: #fff;
     color: #83366c;
     font-weight: 700;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5);
     -moz-box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5);
     box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5)
 }
 div.panel-small div.panel-small-content div.panel-small-content-body {
     display: block;
     float: left;
     max-width: 70%;
     vertical-align: middle;
     clear: right
 }
 div.panel-small div.panel-small-content div.panel-small-content-body h2 {
     white-space: normal
 }
 a.bodyblockitem {
     display: block;
     float: left;
     margin-right: 25px;
     padding: 15px;
     text-align: center;
     background-color: #9e9a9a;
     color: #fff;
     font-weight: 700;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5);
     -moz-box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5);
     box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5)
 }
 div#pub {
     display: none;
     position: relative;
     margin: auto
 }
 div#mobile-note {
     display: none;
     position: absolute;
     width: auto;
     padding: 10px 10px 10px 78px;
     top: 10px;
     left: 10px;
     border: 1px solid #404040;
     background-color: rgba(255, 255, 192, 0.7);
     background-image: url(Images/na2014_icon-touch.png);
     background-position: 15px center;
     background-repeat: no-repeat;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     z-index: 200;
     -webkit-box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5);
     -moz-box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5);
     box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.5)
 }
 div#mobile-note p {
     font-size: 1.2em;
     line-height: 1.3;
     margin-bottom: .5em
 }
 div#page {
     float: left;
     margin: auto;
     clear: both
 }
 div#page-single {
     display: none;
     float: left;
     background-color: #fff;
     background-image: url(Images/na2014_bg-loading.gif);
     background-position: center center;
     background-repeat: no-repeat
 }
 div#page-single img {
     min-height: 220px
 }
 div#page-double {
     display: none;
     float: left
 }
 div#page-left {
     display: block;
     float: left;
     background-color: #fff;
     background-image: url(Images/na2014_bg-loading.gif);
     background-position: center center;
     background-repeat: no-repeat
 }
 div#page-right {
     display: block;
     float: right;
     clear: right;
     background-color: #fff;
     background-image: url(Images/na2014_bg-loading.gif);
     background-position: center center;
     background-repeat: no-repeat
 }
 div.page-centre {
     float: none!important;
     margin: auto!important
 }
 div#page-left img {
     min-height: 220px
 }
 div#page-right img {
     min-height: 220px
 }
 .ie8 div#docs-content div.doc {
     background-color: #f0f0f0
 }
 .ie8 div#docs-content div.doc:hover {
     background-color: #fafafa
 }
 @media only screen and (max-device-width: 1300px) {

	 div#bottom {
		 bottom: -50px;
		 height: 50px;
	 }
	 /* Bottom Left */
	 div#bottom-left {
		width: 20%;
	 }
	 div#bottom-left-content ul li {
		 height: 50px;
		 line-height: 50px;
		 margin-right: 6px;
	 }
	 div#bottom-left-content ul li#nav-toc {
		 width: 24px;
		 height: 50px;
		 margin-left: 5px;
		 cursor: pointer;
		 background: url("Images/toolbar-icon-contents-mobile.png") top no-repeat;
	 }
	 div#bottom-left-content ul li#nav-home {
		 width: 24px;
		 height: 50px;
		 margin-left: 5px;
		 cursor: pointer;
		 background: url("Images/toolbar-icon-home-mobile.png") top no-repeat;
	 }
	 div#bottom-left-content ul li#nav-toc:hover,
	 div#bottom-left-content ul li#nav-home:hover {
		 background-position: 0 -50px;
	 }
	 /* Bottom Middle */
	 div#bottom-middle-content ul {
		 width: 335px;
	 }
	 div#bottom-middle-content ul li {
		 height: 40px;
		 margin-left: 3px;
		 margin-right: 3px;
		 line-height: 40px;
	 }
	 div#bottom-middle-content ul li#page-input input {
		 height: 30px;
		 line-height: 30px;
		 margin: 10px 0;
		 font-size: 0.85em;
	 }
	 div#bottom-middle-content ul li#page-first {
		 width: 19px;
		 margin: 0 20px 0 3px;
		 background: url("Images/na2014_icon-page-first-last-mobile.png") top left no-repeat;
		 cursor: pointer
	 }
	 div#bottom-middle-content ul li#page-previous {
		 width: 12px;
		 margin: 0 20px 0 3px;
		 background: url("Images/na2014_icon-page-prev-next-mobile.png") top left no-repeat;
		 cursor: pointer
	 }
	 div#bottom-middle-content ul li#page-last {
		 width: 19px;
		 margin: 0 3px 0 20px;
		 background: url("Images/na2014_icon-page-first-last-mobile.png") top right no-repeat;
		 cursor: pointer
	 }
	 div#bottom-middle-content ul li#page-next {
		 width: 12px;
		 margin: 0 3px 0 20px;
		 background: url("Images/na2014_icon-page-prev-next-mobile.png") top right no-repeat;
		 cursor: pointer
	 }
	 /* Bottom Right */
	 div#bottom-right-content ul li {
		 height: 50px;
		 margin-left: 3px;
		 line-height: 50px;
	 }
	 div#bottom-right-content ul li#search-input input {
		 height: 30px;
		 line-height: 30px;
		 padding: 0 5px;
		 margin: 10px 0;
	 }
	 div#bottom-right-content ul li#search-input {
		 width: 115px;
		 margin-right: 10px;
	 }
	 div#bottom-right-content ul li#search-go {
		 width: 16px;
		 height: 50px;
		 margin-left: 10px;
		 background: url("Images/au2016_icon-search-mobile.png") top no-repeat;
	 }
	 div#bottom-right-content ul li#fit-text {
		 line-height: 50px
	 }
	 div#bottom-right-content ul li#fit-normal {
		 width: 19px;
		 height: 50px;
		 margin-left: 20px;
		 background: url("Images/toolbar-icon-fit-full-mobile.png") top no-repeat;
	 }
	 div#bottom-right-content ul li#fit-height {
		 width: 19px;
		 height: 50px;
		 margin-left: 20px;
		 background: url("Images/toolbar-icon-fit-height-mobile.png") top no-repeat;
	 }
	 div#bottom-right-content ul li#fit-width {
		 width: 19px;
		 height: 50px;
		 margin-left: 20px;
		 background: url("Images/toolbar-icon-fit-width-mobile.png") top no-repeat;
	 }
	 div#bottom-right-content ul li#view-text {
		 line-height: 50px;
	 }
	 div#bottom-right-content ul li#view-single {
		 width: 19px;
		 height: 50px;
		 margin-left: 20px;
		 background: url("Images/toolbar-icon-onepageview-mobile.png") top no-repeat;
	 }
	 div#bottom-right-content ul li#view-double {
		 width: 36px;
		 height: 50px;
		 margin-left: 20px;
		 background: url("Images/toolbar-icon-twopageview-mobile.png") top no-repeat;
	 }
	 div#bottom-right-content ul li#view-single:hover,
	 div#bottom-right-content ul li#view-double:hover,
	 div#bottom-right-content ul li#fit-normal:hover,
	 div#bottom-right-content ul li#fit-height:hover,
	 div#bottom-right-content ul li#fit-width:hover {
		 background-position: 0 -50px
	 }
	 div#bottom li.divider {
		 width: 2px;
		 margin: 0 10px;
		 background: url(Images/toolbar-divider.png) center repeat-x;
	 }
	 div.docs-wrapper {
         height: 100%
     }
     div.docs-wrapper input.nav {
         display: block;
         width: 3%;
         min-height: 100%;
         height: 100%;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;
         cursor: pointer;
         border: none
     }
     div.docs-wrapper input.nav.left {
         display: block;
         float: left;
         margin-right: 1%;
         background: #9e9a9a url(Images/na2014_arrow_left.png) center center no-repeat
     }
     div.docs-wrapper input.nav.right {
         display: block;
         float: right;
         margin-left: 1%;
         background: #9e9a9a url(Images/na2014_arrow_right.png) center center no-repeat
     }
     div#docs {
         float: left;
         width: 92%
     }
	 div#middle-content {
		 margin: auto;
		 padding: 10px 5px;
	 }

 }
 @media only screen and (max-width: 1280px) {

	 div#bottom-left {
		 float: left;
		 width: 23%;
		 margin: auto
	 }
	 div#bottom-middle {
		 float: left;
		 width: 37%;
		 margin: auto
	 }
	 div#bottom-right {
		 float: right;
		 width: 40%;
		 margin: auto
	 }

 }
 @media only screen and (max-width: 1170px) {

	 div#bottom-left {
		 float: left;
		 width: 26%;
		 margin: auto
	 }
	 div#bottom-middle {
		 float: left;
		 width: 28%;
		 margin: auto
	 }
	 div#bottom-right {
		 float: right;
		 width: 46%;
		 margin: auto
	 }

 }
 @media only screen and (max-width: 1024px) {


	 div#bottom-left {
		 float: left;
		 width: 26%;
		 margin: auto
	 }
	 div#bottom-middle {
		 float: left;
		 width: 26%;
		 margin: auto
	 }
	 div#bottom-right {
		 float: right;
		 width: 48%;
		 margin: auto
	 }

 }
 @media only screen and (max-device-width: 640px) {



 } 
 @media only screen and (max-device-width: 800px) {


	 div#bottom-left {
		 width: 30%;
	 }
	 div#bottom-middle {
		 width: 40%;
	 }
	 div#bottom-right {
		 width: 30%;
	 }
	 div#bottom-right-content ul li#fit-text,
	 div#bottom-right-content ul li#fit-normal,
	 div#bottom-right-content ul li#fit-height,
	 div#bottom-right-content ul li#fit-width,
	 div#bottom-right-content ul li#view-text,
	 div#bottom-right-content ul li#view-single,
	 div#bottom-right-content ul li#view-double,
	 div#bottom li.divider.hide_tab {
		 display: none;
	 }

 }


  @media only screen and (max-width: 800px) {


	 div#bottom-left {
		 width: 25%;
	 }
	 div#bottom-middle {
		 width: 40%;
	 }
	 div#bottom-right {
		 width: 35%;
	 }
	 div#bottom-right-content ul li#fit-text,
	 div#bottom-right-content ul li#fit-normal,
	 div#bottom-right-content ul li#fit-height,
	 div#bottom-right-content ul li#fit-width,
	 div#bottom-right-content ul li#view-text,
	 div#bottom-right-content ul li#view-single,
	 div#bottom-right-content ul li#view-double,
	 div#bottom li.divider.hide_tab {
		 display: none;
	 }

 }
 
 @media only screen and (max-width: 736px) {
     div.docs-wrapper {
         height: 100%
     }
     div.docs-wrapper input.nav {
         position: relative;
         top: 50%;
         display: block;
         width: 7%;
         max-height: 150px;
         margin-top: 120px;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;
         cursor: pointer
     }
     div.docs-wrapper input.nav.left {
         display: block;
         float: left;
         margin-right: 2%;
         background: #9e9a9a url(Images/na2014_arrow_left.png) center no-repeat
     }
     div.docs-wrapper input.nav.right {
         display: block;
         float: right;
         margin-left: 2%;
         background: #9e9a9a url(Images/na2014_arrow_right.png) center no-repeat
     }
     div#docs {
         float: left;
         width: 82%
     }
     div#vote {
         width: 100%!important
     }
	 div#bottom-left {
         width: 50%!important
     }
     div#bottom-middle {
         display: none!important;
     }
     div#bottom-middle-content ul {
         width: 250px
     }
     div#bottom-right {
         width: 50%!important
     }
     div#bottom-right-content {
         display: block!important
     }
     div#bottom-middle-content ul li#page-input {
         width: 69px
     }
     div#bottom-right-content ul li#search-input {
         width: 86px
     }
 }
 @media only screen and (max-width: 640px) {
     div.docs-wrapper {
         height: 100%
     }
     div.docs-wrapper input.nav {
         display: block;
         width: 7%;
         min-height: 100%;
         height: 100%;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;
         cursor: pointer
     }
     div.docs-wrapper input.nav.left {
         display: block;
         float: left;
         margin-right: 2%;
         background: #9e9a9a url(Images/na2014_arrow_left.png) center no-repeat
     }
     div.docs-wrapper input.nav.right {
         display: block;
         float: right;
         margin-left: 2%;
         background: #9e9a9a url(Images/na2014_arrow_right.png) center no-repeat
     }
     div#docs {
         float: left;
         width: 82%
     }
     div#vote {
         width: 100%!important
     }

 }
 @media only screen and (max-device-width: 480px) {

	 div#bottom-left-content ul li#toc-text {
		display: none!important;
	 }

	a.btn-s {
		font-size:1em;
	}


 }