@charset 'utf-8';

/**
 * 
 * jQuery Digitalmax LiveBook css
 * Version 1.2.4
 * @requires jquery.dmx.livebook.js v1.2.4 or later
 * 
 * Copyright (c) 2014 - 2015 Digitalmax Co.,Ltd.
 */

/*#paper_outer {
	z-index: 1;
}*/
#zoom_outer {
	z-index: 3;
	overflow: hidden;
}
#paper_frame {
    border: 1px solid #878787;
}
#printarea {
	display: none;
}
#controllbar {
	position: absolute;
	width: 956px;
	height: 35px;
	top: 13px;
	left: 50%;
	margin-left: -472px;
	z-index: 0;
}
#controllbar .button {
	cursor: pointer;
}
#controllbar #logo {
	position: absolute;
	width: 111px;
	height: 20px;
	top: 7px;
	left: 0px;
	background: no-repeat url(../images/logo.png);
}
#controllbar #menu_button_wrapper {
	position: absolute;
	width: 831px;
	height: 35px;
	top: 0px;
	right: 0px;
	background: no-repeat url(../images/button_bg.png);
}
#controllbar #l_top, #controllbar #r_top {
	position: absolute;
	top: 2px;
	width: 52px;
	height: 30px;
}
#controllbar #l_top {
	left: 7px;
	background: no-repeat url(../images/l_top.png);
}
#controllbar #l_top.disabled {
	cursor: default;
	background-image: url(../images/l_top_gray.png);
}
#controllbar #r_top {
	left: 226px;
	background: no-repeat url(../images/r_top.png);
}
#controllbar #r_top.disabled {
	cursor: default;
	background-image: url(../images/r_top_gray.png);
}
#controllbar #l_page, #controllbar #r_page {
	position: absolute;
	top: 2px;
	width: 57px;
	height: 30px;
}
#controllbar #l_page {
	left: 77px;
	background: no-repeat url(../images/l_page.png);
}
#controllbar #l_page.disabled {
	cursor: default;
	background-image: url(../images/l_page_gray.png);
}
#controllbar #r_page {
	left: 154px;
	background: no-repeat url(../images/r_page.png);
}
#controllbar #r_page.disabled {
	cursor: default;
	background-image: url(../images/r_page_gray.png);
}
#controllbar #page_num {
	position: absolute;
	top: 2px;
	left: 288px;
	width: 52px;
	height: 30px;
	line-height: 30px;
	color: #666;
    font-size: 12px;
    text-align: center;
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}
#controllbar #page_num span.current {
	padding-right: 0.2em;
}
#controllbar #page_num span.total {
	padding-left: 0.2em;
}
#controllbar #page_num.disabled {
	display: none;
}
#controllbar #goto_page {
	position: absolute;
	top: 2px;
	width: 73px;
	height: 30px;
	left: 383px;
	background: no-repeat url(../images/goto.png);
}
#controllbar #goto_page.disabled {
	cursor: default;
	background-image: url(../images/goto_gray.png);
}
#controllbar #goto_text {
	position: absolute;
	width: 27px;
	height: 19px;
	top: 6px;
	left: 345px;
	background-color:transparent;
	border: none;
    padding: 1px 0 0 5px;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 14px;
    color: #666;
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}
#controllbar #goto_text.disabled {
	cursor: default;
}
#controllbar #zoom_in, #controllbar #zoom_out {
	position: absolute;
	top: 2px;
	width: 50px;
	height: 30px;
}
#controllbar #zoom_in {
	left: 468px;
	background: no-repeat url(../images/zoom_in.png);
}
#controllbar #zoom_in.disabled {
	cursor: default;
	background-image: url(../images/zoom_in_gray.png);
}
#controllbar #zoom_out {
	left: 521px;
	background: no-repeat url(../images/zoom_out.png);
}
#controllbar #zoom_out.disabled {
	cursor: default;
	background-image: url(../images/zoom_out_gray.png);
}
#controllbar #print_l, #controllbar #print_r, #controllbar #print_d,
#controllbar #pdf_dl, #controllbar #help {
	position: absolute;
	top: 2px;
	width: 32px;
	height: 30px;
}
#controllbar #print_l {
	left: 616px;
	background: no-repeat url(../images/print_l.png);
}
#controllbar #print_l.disabled {
	cursor: default;
	background-image: url(../images/print_l_gray.png);
}
#controllbar #print_r {
	left: 664px;
	background: no-repeat url(../images/print_r.png);
}
#controllbar #print_r.disabled {
	cursor: default;
	background-image: url(../images/print_r_gray.png);
}
#controllbar #print_d {
	left: 711px;
	background: no-repeat url(../images/print_d.png);
}
#controllbar #print_d.disabled {
	cursor: default;
	background-image: url(../images/print_d_gray.png);
}
#controllbar #pdf_dl {
	left: 757px;
	background: no-repeat url(../images/pdf_dl.png);
}
#controllbar #pdf_dl.disabled {
	cursor: default;
	background-image: url(../images/pdf_dl_gray.png);
}
#controllbar #help {
	left: 796px;
	background: no-repeat url(../images/help.png);
}
#controllbar #help.disabled {
	cursor: default;
	background-image: url(../images/help_gray.png);
}

.pageflipbutton.left,
.pageflipbutton.right {
	width: 30px;
	height: 30px;
	opacity: 1.0;
}
.pageflipbutton.left {
	background: no-repeat center url(../images/side_l_page.png);
}
.pageflipbutton.left.disabled {
	cursor: default;
	background-image: url(../images/side_l_page_gray.png);
}
.pageflipbutton.right {
	background: no-repeat center url(../images/side_r_page.png);
}
.pageflipbutton.right.disabled {
	cursor: default;
	background-image: url(../images/side_r_page_gray.png);
}

#help_screen {
	position: relative;
}
	#help_screen .ui-corner-all {
	}
	#help_screen .ui-dialog-contain {
		width: 100%;
    	max-width: 577px;
	}
	#help_screen .help_content {
		width: 577px;
		height: 366px;
		background-image: url(../images/help_screen.png);
	}
	#help_screen .help_close_btn {
		position: absolute;
		width: 50px;
		height: 18px;
		background-image: url(../images/help_close.png);
		bottom: 5px;
	    left: 50%;
	    margin-left: -25px;
	    cursor: pointer;
	}

/* jQuery Mobile */
#dmxlivebook.ui-page-theme-a {
    background-color: #FFF;
}

.zoommovebutton {
    display: block;
    position: absolute;
    z-index: 4;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
    .zoommovebutton.vertical {
    }
    .zoommovebutton.horizontal {
    }
    .zoommovebutton.top {
        background-image: url(../images/move_t.png);
    }
    .zoommovebutton.right {
        background-image: url(../images/move_r.png);
    }
    .zoommovebutton.bottom {
        background-image: url(../images/move_b.png);
    }
    .zoommovebutton.left {
        background-image: url(../images/move_l.png);
    }
    .zoommovebutton.diabled {
        cursor: default;
    }

.bookthick {
    position: absolute;
    z-index: 0;
    background-repeat: no-repeat;
}
    .bookthick.top {
        height: 4px;
    }
    .bookthick.left {
        width: 44px;
    }
    .bookthick.right {
        width: 44px;
    }
    .bookthick.bottom {
        height: 7px;
    }
    
    .bookthick.left.top {
        background-image: url(../images/bookthick_lt.png);
    }
    .bookthick.left.middle {
        background-image: url(../images/bookthick_l.png);
        background-repeat: repeat-y;
    }
    .bookthick.left.bottom {
        background-image: url(../images/bookthick_lb.png);
    }
    .bookthick.right.top {
        background-image: url(../images/bookthick_rt.png);
    }
    .bookthick.right.middle {
        background-image: url(../images/bookthick_r.png);
        background-repeat: repeat-y;
    }
    .bookthick.right.bottom {
        background-image: url(../images/bookthick_rb.png);
    }

.bookgutter {
    position: absolute;
    z-index: 0;
}
    .bookgutter.left {
        width: 10px;
        background-image: url(../images/bookgutter_l.png);
    }
    .bookgutter.right {
        width: 10px;
        background-image: url(../images/bookgutter_r.png);
    }