html, body	{ height:100%; }   
body { margin:0; padding:0; }
.toolbarstd { background-image:url(data:image/gif;base64,R0lGODlhAQAYAIQXAObm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P///////////////////////////////////yH+GkNyZWF0ZWQgd2l0aCBHSU1QIG9uIGEgTWFjACwAAAAAAQAYAAAFFCAABMJAFMaBJMrCNM4DRdJEVVYIADs%3D); height:24px; border-style:solid; border-width:1px; border-color:#777777; }
.toolbarios { background-image:url(data:image/gif;base64,R0lGODlhAQAwAIQXAObm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P///////////////////////////////////yH+GkNyZWF0ZWQgd2l0aCBHSU1QIG9uIGEgTWFjACwAAAAAAQAwAAAFJyAgAkEgCMNAEEVhGMeBIEmiKMvCME3jOI8HBBKJSCSTCYVSqVgsIQA7); height:48px; border-style:solid; border-width:1px; border-color:#777777; }
.slider { width: 108px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; top:5px; float:left; margin-left:4px; margin-right: 4px;}
.tbbutton { float:left; margin-left:3px; margin-top:2px; padding-left: 1px; padding-right:1px; padding-top:1px; padding-bottom:1px; border: 1px solid transparent; }
.tbbutton_large { float:left; margin-left:3px; margin-top:6px; padding-left: 1px; padding-right:1px; padding-top:1px; padding-bottom:1px; border: 1px solid transparent; }
.tbbutton:hover { border: 1px solid #496487; }
.tbseparator { float:left; padding-top:1px; padding-left:2px; padding-right:2px; }
.tbseparator_large { float:left; padding-top:3px; padding-left:7px; padding-right:7px; }
.tbbutton_fitmode_selected { background-color:#bbdaf3;}
.tbbutton_viewmode_selected { background-color:#bbdaf3;}
.tbbutton_cursormode_selected { background-color:#bbdaf3;}
.tbbutton_fullscreen_selected { background-color:#bbdaf3;}
.tbtextinput { float:left; font-family: Arial; font-size: 10px; margin-top:2px; height:20px; border:1px solid #888; padding:3px;] }
.tbtextinput_large { float:left; font-family: Arial; font-size: 18px; margin-top:7px; height:30px; border:1px solid #888; padding:3px;] }
.tblabel { float:left; font-family: Arial; font-size: 10px; height:14px; margin-top: 6px; margin-left:5px; width:29px; }
.tblabel_large { float:left; font-family: Arial; font-size: 18px; height:40px; margin-top: 12px; margin-left:5px; width:59px; }
.tbloader { float:right; margin-top:3px; margin-right:3px; }
.viewer {background-color: #eeeeee;height: 100%;width: 100%;}
.viewercontainer{overflow-y:inherit;overflow-x: inherit;}
.pages {height: 100%;overflow-y: auto;overflow-x: auto;background-color: #CCCCCC;clear: both;border-left:1px solid #777777;border-right:1px solid #777777;border-bottom:1px solid #777777;padding-bottom:10px;}
.page {clear: both;margin-bottom: 0.5em;margin-top: 0.5em;}
.page .border {color: black;border:1px solid #999;-webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0px 2px 4px 0px;background-color:white;}
.grab {cursor: -moz-grab;}
.grabbing {cursor: -moz-grabbing;}
.hidden {display: none;}
.slider {position: relative;height: 12px;background-image:url(data:image/gif;base64,R0lGODlhbAAMAOMNAEhMTFNXV11gYGhra4ePj4yUlJGZmZ2fn6iqqru8vMbHx8/S0vDw8P///////////yH5BAEKAA8ALAAAAABsAAwAAARQ8MlJq7046827/2AojmRpnmiqrqyqCEAsz3Rt33iu7zwvJIMFY0gsGo/IpHLJbDqdiwCCYKhar9isdsvter9gcOHQKpvP6LR6zW673/C4PAIAOw%3D%3D);}
.slider .handle {position: absolute;width: 10px;height: 10px;color: #FFF;line-height: 10px;text-align: center;}
.slider .disabled {}
.selected {background: rgba(60,120,180,0.3);}		
.tmpselected {background-color:rgba(60,120,180,0.3);}
.pageword{position:absolute;cursor:text;}
.selector{position:absolute;left:-10px;top:-10px;border-width:0px;border-style:none;width:0px;height:0px;}
.touchScroll {position: relative;}
.touchScrollBars {
	display: -webkit-box;
	padding: 3px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483647;
	-webkit-box-align: end;
	-webkit-box-pack: end;
	-webkit-box-sizing: border-box;
}

.touchScrollTrack {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.touchScrollTrackX {
	height: 6px;
}

.touchScrollTrackY {
	float: right;
	width: 6px;
}

.touchScrollBarsBoth {
	padding-bottom: 12px;
	padding-right: 12px;
}

.touchScrollBarsBoth .touchScrollTrackX {
	-webkit-transform: translateY(9px);
}

.touchScrollBarsBoth .touchScrollTrackY {
	-webkit-transform: translateX(3px);
}

.touchScrollHandle {
	border: 1px solid;
	min-height: 4px;
	min-width: 4px;
	-webkit-transition-property: -webkit-transform, height, width;
	-webkit-border-radius: 3px;

	/* COLOR VARIANTS */
/* Default */
	border-color: rgba(255, 255, 255, 0.15);
	background: rgba(0, 0, 0, 0.5);
/**/

/* White
	border-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.5);
/**/

/* Black
	border-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
/**/
}