html, body{
        padding: 0px;
        margin: 0px;
		background-color: #e5e5e5;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
}

input, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}

#control-panel { position:relative; height: 49px; z-index:1000; background-color:#fff; }

#pnlEmpty { margin:0; color:Black; position:absolute; top:0; left:0; background-color:Red; z-index:10000; }
#container { z-index: -1; }
#navigation-panel { height:80px; position:relative; overflow: visible; z-index:1000; text-align:center; background-color:#fff; }
/*#navigation-container { position:absolute; height:150px; bottom:0; width:100px; border:1px solid red; margin-left:auto; margin-right:auto; }*/
#navigation-panel table { position:absolute; height:120px; top:-70px; left:50px; }
/*#navigation-panel table td.shadow { background: url(../images/shadow.png) repeat-x; height:15px; }*/
#navigation-panel table tr.shadow { background-color:#999999; height:5px; }
#navigation-panel table td { padding:0 2px; }
#navigation-table div.selected { border: 2px solid #0090DB; }
#navigation-panel img.page { cursor:hand; border: solid 1px #dddddd; cursor:pointer; }
#navigation-panel .pagenum { display:block; font-weight:bold; font-size:8px; color: #666666; top: -20px; margin:0 auto; text-align:center; }
#navigation-panel div.bookmark { position:absolute; top:10px; left: 5px; }

#navigation-pager { position:absolute; bottom:5px; left:50px; height:20px; }
#navigation-pager ul { background:none;  border:none; height:20px; border-bottom:2px solid #898989;  }
.pager-control { /*position:absolute; bottom:0px; left: 30px;*/ position:relative; top:0; padding:0 5px; margin:0; list-style-image:none; }
.pager-control li { display:block; float:left; padding:2px 4px 8px; }
.pager-node { display:block; width:10px; height:10px; background-color: #c9caca; cursor:pointer;}
.pager-control li:hover .pager-node, .pager-control li.selected .pager-node { background-color:#898989; }
.pager-control li:hover, .pager-control li.selected { background:url(../images/page_arrow1.png) no-repeat bottom center; }
.pager-control li.selected { }
.pager-control li.selected .pager-node { cursor:default; }

#pageNum { float:left; height:28px; padding: 5px; display:none; }
#pageNum span { margin-top: 5px; }
/*div.back { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#999999; opacity:0.6; filter:alpha(opacity=60); z-index:100; }*/
.toc-button { cursor:pointer; }
.toc-button:hover { background: url(../images/semi_transparent_white.png) repeat; }

/*#btnMedia span { background-image: url(../images/media.gif); }*/

#toc-control { display: none; position:absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index:10000; }
.toc-container { position: absolute; width: 90%; height:85%; left:5%; top:50px; z-index: 17500; }
.toc-container ul { height:100% }
.toc-list { list-style-type:none;  }
.toc-list li { float:left; padding:5px 8px; text-align:center; }
.toc-list img { border: 1px solid #ddd; }
.toc-list .pagenum { width:100%; text-align:center; color:#333; }
#toc-pager { position:absolute; top:20px; left:5%; height:20px; z-index:15000; }
#toc-pager ul { background:none; border:none; height:20px; border-bottom: 2px solid #898989; }

#related-control { display: none; position:absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index:10000; }
/*.related-container { position: absolute; width: 90%; height:85%; left:5%; top:50px; z-index: 17500; }
.related-list { list-style-type:none;  }
.related-list li { float:left; padding:10px 18px; }
.related-list .pagenum { width:100%; text-align:center; }
.related-button { cursor:pointer; }
.related-button:hover { background: url(../images/semi_transparent_white.png) repeat; }
*/
#related-container { position:absolute; margin:5% auto; top:0; left:10%; width:80%; height:80%; overflow:auto; z-index:15000; padding:10px 10px; }
#related-container-shadow { position:absolute; margin:5% auto; top:0; left:10%; width:80%; height:80%; z-index:14999; padding:5px 10px; }
#related-container .related-item { position:relative; display:block; overflow:visible; padding:5px 5px; margin: 3px 3px; height:120px; cursor:pointer; width:46%; float:left;  }
#related-container .related-item img { position:relative; float:left; display:block; margin-right:10px;  }
#related-container p { font-weight:normal; margin-top:0; }
#related-container .footnote { font-size:80%; font-style:italic; }

#bookmark-control { display: none; position:absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index:10000; }
#bookmark-container { position:absolute; margin:5% auto; top:0; left:10%; width:80%; height:80%; overflow:auto; z-index:15000; padding:10px 10px; }
.bookmark-item { float:left; padding:5px 8px; text-align:center; cursor:pointer; width:46%; height:100px; margin:3px 3px; overflow:visible; }
.bookmark-item:hover { background: url(../images/semi_transparent_white.png) repeat; }
.bookmark-item img { border: 1px solid #ddd; float:left; }
.bookmark-item p { float:left;padding-left:8px; }
.bookmark-item span.smallbuttonright { float:right; }
.bookmark-item .pagenum { width:100%; text-align:center; color:#333; }

#memo-control { display: none; position:absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index:10000; }
#memo-container { position:absolute; margin:5% auto; top:0; left:10%; width:80%; height:80%; overflow:auto; z-index:15000; padding:10px 10px; }
.memo-item { float:left; padding:5px 8px; text-align:center; cursor:pointer; width:46%; height:100px; margin:3px 3px; overflow:visible; }
.memo-item:hover { background: url(../images/semi_transparent_white.png) repeat; }
.memo-item img { border: 1px solid #ddd; float:left; }
.memo-item p { float:left;padding-left:8px; }
.memo-item span.smallbuttonright { float:right; }
.memo-item .pagenum { width:100%; text-align:center; color:#333; }

#theme-control { display: none; position:absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index:10000; }
#theme-container { position:absolute; margin:5% auto; top:0; left:10%; width:80%; height:80%; overflow:auto; z-index:15000; padding:10px 10px; }
.theme-item { float:left; padding:5px 8px; text-align:center; cursor:pointer; width:46%; height:100px; margin:3px 3px; overflow:visible; }
.theme-item:hover { background: url(../images/semi_transparent_white.png) repeat; }
.theme-item img { border: 1px solid #ddd; float:left; }


#result-number { position:absolute; margin:0 auto; top:7px; left:10%; width:80%; z-index:15000; padding:5px 10px; }
#result-container { position:absolute; margin:5% auto; top:0; left:10%; width:80%; height:80%; overflow:auto; z-index:15000; padding:10px 10px; }
#result-container-shadow { position:absolute; margin:5% auto; top:0; left:10%; width:80%; height:80%; z-index:14999; padding:5px 10px; }
#result-container .result-item { position:relative; display:block; overflow:visible; padding:5px 5px; margin: 3px 3px; height:90px; cursor:pointer;  }
#result-container .result-item img { position:relative; float:left; display:block; margin-right:10px;  }
#result-container p { font-weight:normal; margin-top:0; }
#result-container .footnote { font-size:80%; font-style:italic; }
#result-container .result-item p b { background-color:#f39627; color:#fff; }
/*#result-container .result-item.ui-state-active p b { background-color:#f39627; color:#fff; }*/

#related-container .result-not-found, #result-container .result-not-found { height:4em; vertical-align:middle; }

#help-container, #help-iframe-shadow { position:absolute; margin:5% 0; top:0; left:20%; width:70%; height:80%; overflow:auto; z-index:15000; padding:5px 5px; }
#help-iframe { width:90%; height:90%; margin:0 auto; border:none; z-index:15200; }
	
#container-single-page { position:relative; overflow:auto; text-align:center; }
#container-single-page-wrapper { position:relative; clear:both; margin:0 auto; height:auto; text-align:center; padding:5px; }
#single-page { position:relative; float:left; width:700px; }
#single-prev { position: relative; float:left; width:30px; height:100%; background:url(../images/page_back.png) repeat-y left; cursor:pointer; }
#single-next { position: relative; float:left; width:30px; height:100%; background:url(../images/page_forward.png) repeat-y right; cursor:pointer; }
#btnSinglePrev { display:block; position:absolute; top:45%; width:24px; height:24px; right:0; background:url(../images/left_white.png) no-repeat center ; }
#btnSingleNext { display:block; position:absolute; top:45%; width:24px; height:24px; left:0; background:url(../images/right_white.png) no-repeat center; }

#navigation-prev { position: relative; float:left; width:20px; height:50px; background:url(../images/page_back.png) repeat-y left; cursor:pointer; }
#navigation-next { position: relative; float:left; width:20px; height:50px; background:url(../images/page_forward.png) repeat-y right; cursor:pointer; }
#btnNavigationPrev { display:block; position:absolute; top:13px; left:0; width:24px; height:24px; background:url(../images/left_white.png) no-repeat center; }
#btnNavigationNext { display:block; position:absolute; top:13px; left:0; width:24px; height:24px; background:url(../images/right_white.png) no-repeat center; }

#info-control { position:absolute; display:block; padding: 10px; font-weight:normal; max-width:300px; z-index: 9000; /*background:url(../images/semi_transparent_black.png) repeat;*/ }
#info-control td { vertical-align:top; }
#info-control hr { height: 0px; border-bottom:1px solid #fff; }

#chapter-control { position:absolute; display:block; padding: 10px; z-index: 9000; overflow:auto; }
#chapter-control div { position:relative; font-weight:normal; padding:3px 10px; cursor:pointer; border:1px; }
/*#chapter-control div:hover { background-color: #e5e5e5; color: #666666; }*/
#media-control { position:absolute; display:block; padding: 10px; z-index: 9000; }
#media-control div { position:relative; font-weight:normal; padding:3px 10px; cursor:pointer; }
#download-control { position:absolute; display:block; padding: 10px; z-index: 9000; }
#download-control div { position:relative; font-weight:normal; padding:3px 10px; cursor:pointer; }
#share-control { position:absolute; display:block; padding: 10px; z-index: 9000; }
#share-control div { position:relative; font-weight:normal; padding:3px 10px; cursor:pointer; }

#search-bar { position:absolute; display:block; padding:10px; z-index:9000; }

#player { position:absolute; display:block; z-index: 17000; }

.control-panel-textbox { border:1px solid #000; font-size:11px; width:3em; text-align:right; }
.fbPaginationMinor { color: #000000; 	font-weight:normal; 	margin-left: 10px; }

#fbContents { position:absolute; top:12px; left:650px; }

#fbMenu { position:absolute; top:12px; left:20px; }
#fbMenu1 { position:absolute; top:12px; left:20px; padding:5px 10px; z-index:3000; width:200px; }
#fbMenu2 { position:absolute; top:12px; left:520px; vertical-align:bottom; }
#fbMenu3 { position:absolute; top:12px; left:750px; color:Black;}
#fbMenu4 { position:absolute; top:12px; left:380px; }
#fbMenu5 { position:absolute; top:12px; left:380px; padding:5px 10px; z-index:3000; width:200px; }

#fbLogo { float: left; margin-top: 9px; margin-left: 15px; }

#altmsg { position: absolute; background-color:#000000; padding: 20px; opacity: 0.6; filter: alpha(opacity=60); text-align:center; visibility: hidden; }
#altmsg:hover { opacity: 0.8; filter: alpha(opacity=80); }
a.altlink:link { color: #FFFFFF; }
a.altlink:visited { color: #DDDDDD; }
a.altlink:hover{ color: #FFFFFF; }

.button { width:28px; height:28px; float:left; cursor:pointer; }
.button span { margin:6px auto; }
.button2 { height:28px; float:left; cursor:pointer; }
.button2 span { margin:10px; font-weight:bold; line-height:28px; }
.button3 { position:relative; height:28px; cursor:pointer; vertical-align:middle; width:100%; }
.button3 span { margin:6px 3px; float:left; }
.button:hover, .button2:hover { border-bottom: 2px solid #fac649; background: url(../images/page_arrow3.png) no-repeat bottom center; }

.ui-icon-viewmode-single { display: block; background-image:url(../images/paperview_555555.png); overflow:visible; width:16px; height:16px; cursor:pointer; }
.ui-icon-viewmode-single:hover { background-image:url(../images/paperview_f39627.png); }
.ui-icon-viewmode-double { display: block; background-image:url(../images/bookview_555555.png); overflow:visible; width:16px; height:16px; cursor:pointer; }
.ui-icon-viewmode-double:hover { background-image:url(../images/bookview_f39627.png); }
.ui-icon-media { display: block; background-image:url(../images/media_f39627a.gif); overflow:visible; width:16px; height:16px; cursor:pointer; }

.modalBackground { position: absolute; z-index: 15000; top: 0px; left: 0px; filter: Alpha(Opacity=90); -moz-opacity:0.9; opacity: 0.9; width: 100%; height: 100%; background-color: #ffffff; }
.modalClose { position:absolute; top:20px; right:20px; z-index:15000; }

.memo {  background: url(../images/memo.png) repeat; padding:0px 5px; color:#000; border: 1px solid gray; z-index:1500; }
.memo div.title { cursor:move; width:100%; }
.memo div.title span.smallbutton { cursor:pointer; float:left; }
.memo div.title span.smallbuttonright { cursor:pointer; float:right; }
.memo div.content { clear:both; }
.memo textarea { clear:both; }

#boxEffect { position:absolute; border:1px solid #666; }

.imageFrame { border: 1px solid #bbb; }

#credit { position:absolute; bottom:10px; right: 20px; z-index:15200; color:#333; }

#single-loading, #result-loading, #related-loading
{
    position:absolute;
    top:0px;
    font-weight:normal;
    text-align:left;
    padding:5px 10px;
    width:auto;
    height:1.5em;
    z-index:20000;
}
#single-loading { position:fixed; top:49px; }
                 
.loading 
{
    opacity: 0.70; /* Safari, Opera and Mozilla */
    filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.70; Mozilla (Old) */
    background: url(../images/waitanimation.gif) no-repeat center center;
    background-color: White;
    width:100%;
    height:100%;
    top:0;
    left:0;
}