+ font-family: Arial, sans-serif;
+ font-size: 11px;
+ color: white;
+ background-color: #939598;
+ opacity: 0.85,
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ white-space: nowrap;
+}
+
+/* COLORBOX POP-UP */
+
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
+#cboxOverlay{position:fixed; width:100%; height:100%;background:#000;opacity:0.75;filter:Alpha(Opacity=75);}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:visible!important;}
+#cboxLoadedContent iframe{display:block;border:0;}
+#cboxTitle{margin:0;display:none!important;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:25px; left:25px; width:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+#cboxClose{display:none!important;}
+
+#colorBox{}
+ #cboxContent{background:#fff;padding:0;border:10px solid #615132;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow: 1px 3px 10px #000;-webkit-box-shadow: 1px 3px 10px #000;box-shadow: 1px 3px 10px #000;}
+ #cboxLoadedContent{background:#fff;margin:0;}
+ #cboxLoadingOverlay{background:transparent;}
+ /* XXXmang where is icon_close? */
+ #cboxClose{position:absolute;top:20px;right:20px;display:block;width:32px;height:32px;background-image:url(/images/icons/icon_close-pop.png);background-position:0 0;background-repeat:no-repeat;}
+ #cboxClose:hover{background-position:0 -32px;}
+
+div#BRpage {
+ float: right;
+ width: 80px;
+ padding-left:12px;
+ text-align: right;
+}
+div#BRnav {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 40px;
+ overflow: visible;
+ z-index: 100;
+ background-color: #e2dcc5;
+}
+div#BRnavpos {
+ position: relative;
+ margin-right: 80px;
+ height: 40px;
+}
+div#BRpager {
+ position: relative;
+ margin-left: -10px;
+ height: 40px;
+}
+div#BRslider {
+ position: absolute;
+ top: 13px;
+ height: 27px;
+}
+
+/* XXXmang verify correct use of handle class */
+#BRpager .ui-slider-handle {
+ position: absolute;
+ width: 23px;
+ height: 27px;
+ top: 13px;
+ left: -11px;
+ background: url(images/slider.png);
+ z-index: 103;
+}
+ /*
+ width: 8px;
+ height: 14px;
+ position: absolute;
+ top: -4px;
+ background: #478AFF;
+ border: solid 1px black;
+}
+*/
+
+div#BRfiller {
+ position: absolute;
+ height: 40px;
+ width: 10px;
+ background-color: #e2dcc5;
+ top: 0;
+ left: 0;
+ z-index: 102;
+}
+div#slider {
+ position: absolute;
+ width: 2500px;
+ height: 27px;
+ top: 0;
+ left: -2478px;
+ background-color: #000;
+ opacity: .1;
+ z-index: 101;
+}
+div#pager {
+ position: absolute;
+ width: 23px;
+ height: 27px;
+ top: 0;
+ left: 8px;
+ background: url(images/slider.png);
+ z-index: 103;
+}
+div#pagenum {
+ display: none;
+ position: absolute;
+ left: 24px;
+ top: 4px;
+ color: #999;
+ font-size: 11px;
+ line-height: 19px;
+ font-weight: 700;
+ padding: 0 5px;
+ width: 80px;
+ text-align: right;
+ background-color: #000;
+ font-family: "Lucida Grande", "Arial", sans-serif;
+}
+div#pagenum span {
+ color: #ffa337;
+ font-style: italic;
+}
+div#BRnavline {
+ position: relative;
+ height: 2px;
+ width: auto;
+ background-color: #000;
+ top: -29px;
+ margin: 0 10px;
+}
+.BRnavend {
+ position: absolute;
+ top: -2px;
+ width: 1px;
+ height: 6px;
+ background-color: #000;
+}
+#BRnavleft {
+ left: 0;
+}
+#BRnavright {
+ right: 0;
+}
+div.chapter {
+ position: absolute;
+ top: -13px;
+ width: 18px;
+ height: 27px;
+ background: transparent url(images/marker_chap.png) no-repeat;
+ cursor: pointer;
+}
+div.chapter div.title {
+ display: none;
+}
+div.title span {
+ color: #666;
+ padding: 0 5px;
+}
+div.search {
+ position: absolute;
+ top: -13px;
+ width: 18px;
+ height: 27px;
+ background-color: transparent;
+ background-image: url(images/marker_srch-off.png);
+ background-repeat: no-repeat;
+ cursor: pointer;
+}
+div.search.front {
+ background: transparent url(images/marker_srch-on.png) no-repeat;
+}
+div.search div.query,div.searchChap div.query {
+ display: none;
+}
+div.query {
+ position: relative;
+}
+div.query strong {
+ color: #000;
+ font-weight: 700;
+}
+div.query span {
+ font-size: 10px;
+ color: #666;
+ font-style: italic;
+}
+div.query div.queryChap {
+ position: absolute;
+ top: -40px;
+ left: -13px;
+ width: 256px;
+ overflow: hidden;
+ text-align: center;
+ background: #000;
+ padding: 5px 10px;
+ color: #fff;
+ font-weight: 700;
+ font-size: 11px;
+}
+div.query div.queryChap span {
+ color: #666;
+ padding: 0 5px;
+ font-style: normal;
+}
+div.search div.pointer {
+ position: absolute;
+ left: 121px;
+ bottom: -14px;
+ width: 18px;
+ height: 27px;
+ background: transparent url(images/marker_srch-on.png) no-repeat;
+}
+div.searchChap {
+ position: absolute;
+ top: -13px;
+ width: 18px;
+ height: 27px;
+ background-color: transparent;
+ background-image: url(images/marker_srchchap-off.png);
+ background-repeat: no-repeat;
+ cursor: pointer;
+}
+div.searchChap.front {
+ background-image: url(images/marker_srchchap-on.png);
+}
+#BRnav .front {
+ z-index: 10001;
+}
+div#BRzoomer {
+ position: fixed;
+ bottom: 40px;
+ right: 0;
+ width: 26px;
+ height: 190px;
+ z-index: 100;
+}
+div#BRzoompos {
+ position: relative;
+ width: 26px;
+ height: 190px;
+ top: 0;
+ left: 0;
+}
+div#BRzoomer button {
+ position: absolute;
+ left: 0;
+ background-color: #e2dcc5;
+ width: 26px;
+}
+div#BRzoomer button:hover {
+ background-color: #000;
+}
+div#BRzoomer .zoom_out {
+ top: 0;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-bottom-left-radius: 6px;
+ -moz-border-radius-topleft: 6px;
+ -moz-border-radius-bottomleft: 6px;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+ -webkit-box-shadow: 2px 2px 2px #333;
+ -moz-box-shadow: 2px 2px 2px #333;
+ box-shadow: 2px 2px 2px #333;
+}
+div#BRzoomer .zoom_in {
+ bottom: 0;
+ -webkit-border-top-left-radius: 6px;
+ -moz-border-radius-topleft: 6px;
+ border-top-left-radius: 6px;
+}
+div#BRzoomcontrol {
+ position: relative;
+ top: 40px;
+ left:3px;
+ width: 23px;
+ height: 110px;
+}
+div#BRzoomstrip {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 23px;
+ height: 110px;
+ background-color: #000;
+ opacity: .1;
+}
+div#BRzoombtn {
+ position: absolute;
+ width: 23px;
+ height: 23px;
+ top: 0;
+ left: 0;
+ background: url("images/icon_zoomer.png");
+}
+
+.BRttsPopUp {
+ position: absolute;
+ background-color: #E6E4E1;
+ background-image: url(images/progressbar.gif);
+ background-repeat:no-repeat;
+ font-size: 0.8em;
+ z-index: 3;
+}