#navigator { background: #cce9e7; border: 1px solid #cce9e7; }
#navigator #navleft { float: left; padding: 8px; }
#navigator #navleft img { float: left; padding: 1px; margin-top: 4px; }
#navigator #navleft span { float: left; display: block; }
#navigator #navleft input { width: 28px; border: solid 2px #008f89; text-align: right; padding: 2px; margin-top: 4px; }
#navigator #navright li { float: right; display: block; margin: 5px; }
#navigator #navright a { float: left; padding-top: 20px; font-weight: normal; }
#navigator #navright li.pageActive { background: url('/img/grafics/TR_PageActive.gif') no-repeat top; }
#navigator #navright li.pageInactive { background: url('/img/grafics/TR_PageInactive.gif') no-repeat top; }
#navigator #navright li.overviewActive { background: url('/img/grafics/TR_OverviewActive.gif') no-repeat top; }
#navigator #navright li.overviewInactive { background: url('/img/grafics/TR_OverviewInactive.gif') no-repeat top; }
#navigator #navright li.textActive { background: url('/img/grafics/TR_TextActive.gif') no-repeat top; }
#navigator #navright li.textInactive { background: url('/img/grafics/TR_TextInactive.gif') no-repeat top; }
#navigator #navright li.quireActive { background: url('/img/grafics/CG_QuireActive.gif') no-repeat top; }
#navigator #navright li.quireInactive { background: url('/img/grafics/CG_QuireInactive.gif') no-repeat top; }
#navigator #navright li.maxActive { background: url('/img/grafics/TR_MaximizeInActive.gif') no-repeat top; width:55px;}
#navigator #navright li.maxInactive { background: url('/img/grafics/TR_MaximizeInactive.gif') no-repeat top; width:55px; }