@import url("../css/vendor/bootstrap.css");
@import url("../css/vendor/font-awesome.css");

html, body {
	height: 100%;
}

label {
	font-weight: normal;
}

div.top {
	height: 50px;
	line-height: 50px;
	background-color: #555;
}

div.top div.title {
	display: inline-block;
	vertical-align: middle;
	color: white;
	margin-left: 20px;
	font-size: 30px;
	font-weight: bold;
	font-family: sans-serif;
}

div.toolbar {
	background-color: #454545;
	width: 100%;
	height: 40px;
	line-height: 40px;
}

div.toolbar-button {
	color: #898989;
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
}

div.toolbar-button-2x {
	color: #898989;
	display: inline-block;
	width: 80px;
	height: 40px;
	text-align: center;
}

div.toolbar-button.w40 {
	width: 40px;
}
div.toolbar-button.w26 {
	width: 26px;
}

div.toolbar-button-top {
	color: #898989;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: top;
	color: white;
}

div.toolbar-button:HOVER {
	cursor: pointer;
}

div.lmargin {
	margin-left: 20px;
}

div.leftDock {
	float: left;
	display: none;
	border-right: 1px #eee solid;
	position: relative;
}

div.leftDock div.leftMain {
	position: absolute;
	top : 40px;
	width: 100%;
	background-color: #393939;
	overflow: auto;
	text-align: center;
}

div.mainDock {
	position: relative;
	float: left;
	width: 100%;
}

#viewer {
	overflow: auto;
	background-color: #3F3F3F;
	width: 100%;
	position: absolute;
	text-align: center;
}

div.footer {
	width: 100%; 
	height: 38px; 
	line-height: 38px; 
	background-color: #474747;
}

div.ui-loader {
	display: none;
}

div.loader-bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(25, 25, 25, 0.5);
	text-align: center;
	z-index: 9999;
	display: none;
	vertical-align: middle;
}

div.loader-bg .loader-dialog {
	width: 300px;
	height: 80px;
	background-color: #eee;
	display: inline-block;
	position: relative;
	top: 45%;
}

div.loader-bg .loader-dialog #loadingText {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: 5%;
}

div.loader-bg .loader-dialog .progress {
	width: 90%;
	margin-left: 5%;
	margin-bottom: 10px;
}

div.loader-bg .loader-dialog #progressBar {
	width: 0%;
	overflow: hidden;
	background-color: #428bca;
	color: white;
	text-align: center;
}

ul li.list-group-item:HOVER {
	background-color: #e7f4f9;
} 

ul li.list-group-item.active {
	background-color: #a8e4ff;
}

#fileList > ul li {
  display: block;
  position: relative;
}
 
#fileList > ul li a {
	display: block;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #dfdfdf;
	padding: 11px 20px;
	font-family: "돋움","dotum", sans-serif;
	color: #555555;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	background: #ececec;
}
 
#fileList > ul li:first-child > a {
	border-radius: 4px 4px 0 0;
	background: #ddd;
}

#fileList > ul li:last-child > a {
	border-radius: 0 0 4px 4px;
	border-bottom:0px;
}

#fileList > ul li:hover > a {
  background: #fefefe;
  border-color: transparent;
  border-bottom: 1px solid #dfdfdf;
}
 
#fileList > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 150px;
  list-style: none;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

#fileList > ul li:hover > ul {
  top: 0px;
  opacity: 1;
  z-index: 1;
}

#fileArea > .file_list_title {
	color : #ffffff;
	background-color: #454545;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	border-bottom: 1px solid #ffffff;
}

#fileArea > #fileList > .file {
	color : #ffffff;
	background-color: #454545;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	border-bottom: 1px solid #ffffff;
}

#fileArea > #fileList > .file:HOVER {
	cursor: pointer;
	background-color: #656565;
}

#fileArea > #fileList > .file.active {
	background-color: #656565;
}

#fileArea > #fileList {
	overflow: auto;
	background-color: #454545;
}

div.toolbar-divider {
	height: 40px; 
	width: 20px; 
	display: inline-block; 
	background-image: url(../images/vertical-bar.png);
}

div.toolbar-button.thumbnailIcon {
	background-image: url("../images/sd-icon-thumbnail.png");
}

div.toolbar-button.thumbnailIcon:HOVER {
	background-image: url("../images/sd-icon-thumbnail-on.png");
}

div.toolbar-button.thumbnailIcon.active {
	background-image: url("../images/sd-icon-thumbnail-on.png");
}

div.toolbar-button.bookmarkIcon {
	background-image: url("../images/sd-icon-signlist.png");
}

div.toolbar-button.bookmarkIcon:HOVER {
	background-image: url("../images/sd-icon-signlist-on.png");
}

div.toolbar-button.bookmarkIcon.active {
	background-image: url("../images/sd-icon-signlist-on.png");
}

div.toolbar-button.realBookmarkIcon {
	background-image: url("../images/bookmarks.png");
}

div.toolbar-button.realBookmarkIcon:HOVER {
	background-image: url("../images/sd-icon-bookmarks-on.png");
}

div.toolbar-button.realBookmarkIcon.active {
	background-image: url("../images/sd-icon-bookmarks-on.png");
}

div.toolbar-button.embededfileIcon {
	background-image: url("../images/attachment.png");
}

div.toolbar-button.embededfileIcon:HOVER {
	background-image: url("../images/attachment-on.png");
}

div.toolbar-button.embededfileIcon.active {
	background-image: url("../images/attachment-on.png");
}

div.toolbar-button.searchIcon {
	background-image: url("../images/sd-icon-search.png");
}

div.toolbar-button.searchIcon:HOVER {
	background-image: url("../images/sd-icon-search-on.png");
}

div.toolbar-button.searchIcon.active {
	background-image: url("../images/sd-icon-search-on.png");
}

div.toolbar-button.navigationIcon {
	background-image: url("../images/sd-icon-leftpane.png");
}

div.toolbar-button.navigationIcon:HOVER {
	background-image: url("../images/sd-icon-leftpane-on.png");
}

div.toolbar-button.navigationIcon.active {
	background-image: url("../images/sd-icon-leftpane-on.png");
}

div.toolbar-button.downloadIcon {
	background-image: url("../images/download.png");
}

div.toolbar-button.uploadIcon {
	background-image: url("../images/upload.png");
}

div.toolbar-button.printIcon {
	background-image: url("../images/print.png");
}

div.toolbar-button.printIcon:HOVER {
	background-image: url("../images/print-on.png");
}

div.toolbar-button.printIcon.active {
	background-image: url("../images/print-on.png");
}

div.toolbar-button.prevIcon {
	background-image: url("../images/sd-icon-up.png");
}

div.toolbar-button.prevIcon:HOVER {
	background-image: url("../images/sd-icon-up-on.png");
}

div.toolbar-button.prevIcon.active {
	background-image: url("../images/sd-icon-up-on.png");
}

div.toolbar-button.nextIcon {
	background-image: url("../images/sd-icon-down.png");
}

div.toolbar-button.nextIcon:HOVER {
	background-image: url("../images/sd-icon-down-on.png");
}

div.toolbar-button.nextIcon.active {
	background-image: url("../images/sd-icon-down-on.png");
}

div.toolbar-button.textSelectIcon {
	background-image: url("../images/sd-icon-cursor.png");
}

div.toolbar-button.textSelectIcon:HOVER {
	background-image: url("../images/sd-icon-cursor-on.png");
}

div.toolbar-button.textSelectIcon.active {
	background-image: url("../images/sd-icon-cursor-on.png");
}

div.toolbar-button.handToolIcon {
	background-image: url("../images/sd-icon-hand.png");
}

div.toolbar-button.handToolIcon:HOVER {
	background-image: url("../images/sd-icon-hand-on.png");
}

div.toolbar-button.handToolIcon.active {
	background-image: url("../images/sd-icon-hand-on.png");
}

div.toolbar-button.zoomInIcon {
	background-image: url("../images/sd-icon-plus.png");
}

div.toolbar-button.zoomInIcon:HOVER {
	background-image: url("../images/sd-icon-plus-on.png");
}

div.toolbar-button.zoomInIcon.active {
	background-image: url("../images/sd-icon-plus-on.png");
}

div.toolbar-button.zoomOutIcon {
	background-image: url("../images/sd-icon-minus.png");
}

div.toolbar-button.zoomOutIcon:HOVER {
	background-image: url("../images/sd-icon-minus-on.png");
}

div.toolbar-button.zoomOutIcon.active {
	background-image: url("../images/sd-icon-minus-on.png");
}

div.toolbar-button.pageWidthIcon {
	background-image: url("../images/sd-icon-width.png");
}

div.toolbar-button.pageWidthIcon:HOVER {
	background-image: url("../images/sd-icon-width-on.png");
}

div.toolbar-button.pageWidthIcon.active {
	background-image: url("../images/sd-icon-width-on.png");
}

div.toolbar-button.pageHeightIcon {
	background-image: url("../images/sd-icon-height.png");
}

div.toolbar-button.pageHeightIcon:HOVER {
	background-image: url("../images/sd-icon-height-on.png");
}

div.toolbar-button.pageHeightIcon.active {
	background-image: url("../images/sd-icon-height-on.png");
}

div.toolbar-button.annotToolIcon {
	background-image: url("../images/annotations.png");
}

div.toolbar-button.annotToolIcon:HOVER {
	background-image: url("../images/annotations-on.png");
}

div.toolbar-button.annotToolIcon.active {
	background-image: url("../images/annotations-on.png");
}

div.toolbar-button.inkIcon {
	background-image: url("../images/freedraw.png");
}

div.toolbar-button.inkIcon:HOVER {
	background-image: url("../images/freedraw-on.png");
}

div.toolbar-button.inkIcon.active {
	background-image: url("../images/freedraw-on.png");
}

div.toolbar-button.highlightIcon {
	background-image: url("../images/highlight.png");
}

div.toolbar-button.highlightIcon:HOVER {
	background-image: url("../images/highlight-on.png");
}

div.toolbar-button.highlightIcon.active {
	background-image: url("../images/highlight-on.png");
}

div.toolbar-button.underlineIcon {
	background-image: url("../images/underline.png");
}

div.toolbar-button.underlineIcon:HOVER {
	background-image: url("../images/underline-on.png");
}

div.toolbar-button.underlineIcon.active {
	background-image: url("../images/underline-on.png");
}

div.toolbar-button.strikeoutIcon {
	background-image: url("../images/strike.png");
}

div.toolbar-button.strikeoutIcon:HOVER {
	background-image: url("../images/strike-on.png");
}

div.toolbar-button.strikeoutIcon.active {
	background-image: url("../images/strike-on.png");
}

div.toolbar-button.lineIcon {
	background-image: url("../images/line.png");
}

div.toolbar-button.lineIcon:HOVER {
	background-image: url("../images/line-on.png");
}

div.toolbar-button.lineIcon.active {
	background-image: url("../images/line-on.png");
}

div.toolbar-button.ellipseIcon {
	background-image: url("../images/circle.png");
}

div.toolbar-button.ellipseIcon:HOVER {
	background-image: url("../images/circle-on.png");
}

div.toolbar-button.ellipseIcon.active {
	background-image: url("../images/circle-on.png");
}

div.toolbar-button.rectangleIcon {
	background-image: url("../images/rectangle.png");
}

div.toolbar-button.rectangleIcon:HOVER {
	background-image: url("../images/rectangle-on.png");
}

div.toolbar-button.rectangleIcon.active {
	background-image: url("../images/rectangle-on.png");
}

div.toolbar-button.memoIcon {
	background-image: url("../images/text-annotation.png");
}

div.toolbar-button.memoIcon:HOVER {
	background-image: url("../images/text-annotation-on.png");
}

div.toolbar-button.memoIcon.active {
	background-image: url("../images/text-annotation-on.png");
}

div.toolbar-button.eraserIcon {
	background-image: url("../images/erasor.png");
}

div.toolbar-button.eraserIcon:HOVER {
	background-image: url("../images/erasor-on.png");
}

div.toolbar-button.eraserIcon.active {
	background-image: url("../images/erasor-on.png");
}

div.toolbar-button.saveAnnotIcon {
	background-image: url("../images/save-annotions.png");
}

div.toolbar-button.saveAnnotIcon:HOVER {
	background-image: url("../images/save-annotions-on.png");
}

div.toolbar-button.saveAnnotIcon.active {
	background-image: url("../images/save-annotions-on.png");
}

div.toolbar-button.loadAnnotIcon {
	background-image: url("../images/open-annotations.png");
}

div.toolbar-button.loadAnnotIcon:HOVER {
	background-image: url("../images/open-annotations-on.png");
}

div.toolbar-button.loadAnnotIcon.active {
	background-image: url("../images/open-annotations-on.png");
}

div.toolbar-button.rulerIcon {
	background-image: url("../images/ruler.png");
}

div.toolbar-button.rulerIcon:HOVER {
	background-image: url("../images/ruler-on.png");
}

div.toolbar-button.rulerIcon.active {
	background-image: url("../images/ruler-on.png");
}

div.toolbar-button.circumferenceIcon {
	background-image: url("../images/circumference.png");
}

div.toolbar-button.circumferenceIcon:HOVER {
	background-image: url("../images/circumference-on.png");
}

div.toolbar-button.circumferenceIcon.active {
	background-image: url("../images/circumference-on.png");
}

div.toolbar-button.areaIcon {
	background-image: url("../images/area.png");
}

div.toolbar-button.areaIcon:HOVER {
	background-image: url("../images/area-on.png");
}

div.toolbar-button.areaIcon.active {
	background-image: url("../images/area-on.png");
}

div.toolbar-button.cloudIcon {
	background-image: url("../images/cloud.png");
}

div.toolbar-button.cloudIcon:HOVER {
	background-image: url("../images/cloud-on.png");
}

div.toolbar-button.cloudIcon.active {
	background-image: url("../images/cloud-on.png");
}

div.toolbar-button.polygonIcon {
	background-image: url("../images/polygon.png");
}
div.toolbar-button.polygonIcon:HOVER {
	background-image: url("../images/polygon-on.png");
}
div.toolbar-button.polygonIcon.active {
	background-image: url("../images/polygon-on.png");
}

div.toolbar-button.cloudEllipseIcon {
	background-image: url("../images/cloudellipse.png");
}

div.toolbar-button.cloudEllipseIcon:HOVER {
	background-image: url("../images/cloudellipse-on.png");
}

div.toolbar-button.cloudEllipseIcon.active {
	background-image: url("../images/cloudellipse-on.png");
}

div.toolbar-button.cloudRectangleIcon {
	background-image: url("../images/cloudrect.png");
}

div.toolbar-button.cloudRectangleIcon:HOVER {
	background-image: url("../images/cloudrect-on.png");
}

div.toolbar-button.cloudRectangleIcon.active {
	background-image: url("../images/cloudrect-on.png");
}

div.toolbar-button.cloudLShapeIcon {
	background-image: url("../images/cloud-L-shape.png");
}

div.toolbar-button.cloudLShapeIcon:HOVER {
	background-image: url("../images/cloud-L-shape-on.png");
}

div.toolbar-button.cloudLShapeIcon.active {
	background-image: url("../images/cloud-L-shape-on.png");
}

div.toolbar-button.cloudTShapeIcon {
	background-image: url("../images/cloud-T-shape.png");
}

div.toolbar-button.cloudTShapeIcon:HOVER {
	background-image: url("../images/cloud-T-shape-on.png");
}

div.toolbar-button.cloudTShapeIcon.active {
	background-image: url("../images/cloud-T-shape-on.png");
}

div.toolbar-button.cloudCrossShapeIcon {
	background-image: url("../images/cloud-cross-shape.png");
}

div.toolbar-button.cloudCrossShapeIcon:HOVER {
	background-image: url("../images/cloud-cross-shape-on.png");
}

div.toolbar-button.cloudCrossShapeIcon.active {
	background-image: url("../images/cloud-cross-shape-on.png");
}

div.toolbar-button.attachAddIcon {
	background-image: url("../images/attache-add.png");
}

div.toolbar-button.attachRemoveIcon {
	background-image: url("../images/attache-remove.png");
}

div.toolbar-button.attachDownIcon {
	background-image: url("../images/attache-down.png");
}

div.toolbar-button.bookmarkAddIcon {
	background-image: url("../images/bookmark-add.png");
}

div.toolbar-button.bookmarkRemoveIcon {
	background-image: url("../images/bookmark-remove.png");
}

div.toolbar-button.bookmarkSaveIcon {
	background-image: url("../images/bookmark-save.png");
}

div.toolbar-button.firstPageIcon {
	background-image: url("../images/first.png");
}

div.toolbar-button.lastPageIcon {
	background-image: url("../images/last.png");
}

div.toolbar-button.rotateCWIcon {
	background-image: url("../images/rotate-cw.png");
	background-repeat: no-repeat;
}
div.toolbar-button.rotateCWIcon:HOVER {
	background-image: url("../images/rotate-cw-on.png");
	background-repeat: no-repeat;
}


div.toolbar-button.rotateCCWIcon {
	background-image: url("../images/rotate-ccw.png");
	background-repeat: no-repeat;
}
div.toolbar-button.rotateCCWIcon:HOVER {
	background-image: url("../images/rotate-ccw-on.png");
	background-repeat: no-repeat;
}

div.toolbar-button.onePageSingleIcon {
	background-image: url("../images/one-page-single.png");
}

div.toolbar-button.onePageSingleIcon:HOVER {
	background-image: url("../images/one-page-single-on.png");
}

div.toolbar-button.onePageSingleIcon.active {
	background-image: url("../images/one-page-single-on.png");
}

div.toolbar-button.onePageContinueIcon {
	background-image: url("../images/one-page-continue.png");
}

div.toolbar-button.onePageContinueIcon:HOVER {
	background-image: url("../images/one-page-continue-on.png");
}

div.toolbar-button.onePageContinueIcon.active {
	background-image: url("../images/one-page-continue-on.png");
}

div.toolbar-button.twoPageSingleIcon {
	background-image: url("../images/two-page-single.png");
}

div.toolbar-button.twoPageSingleIcon:HOVER {
	background-image: url("../images/two-page-single-on.png");
}

div.toolbar-button.twoPageSingleIcon.active {
	background-image: url("../images/two-page-single-on.png");
}

div.toolbar-button.twoPageContinueIcon {
	background-image: url("../images/two-page-continue.png");
}

div.toolbar-button.twoPageContinueIcon:HOVER {
	background-image: url("../images/two-page-continue-on.png");
}

div.toolbar-button.twoPageContinueIcon.active {
	background-image: url("../images/two-page-continue-on.png");
}

div.toolbar-button.ebookIcon {
	background-image: url("../images/ebook.png");
}

div.toolbar-button.ebookIcon:HOVER {
	background-image: url("../images/ebook-on.png");
}

div.toolbar-button.ebookIcon.active {
	background-image: url("../images/ebook-on.png");
}

div.toolbar-button.linkIcon {
	background-image: url("../images/link.png");
}

div.toolbar-button.linkIcon:HOVER {
	background-image: url("../images/link-on.png");
}

div.toolbar-button.linkIcon.active {
	background-image: url("../images/link-on.png");
}

div.toolbar-button.rubberbandToolIcon {
	background-image: url("../images/rubberband.png");
}

div.toolbar-button.rubberbandToolIcon:HOVER {
	background-image: url("../images/rubberband-on.png");
}

div.toolbar-button.rubberbandToolIcon.active {
	background-image: url("../images/rubberband-on.png");
}

div.toolbar-button.redactionIcon {
	background-image: url("../images/redaction.png");
}

div.toolbar-button.redactionIcon:HOVER {
	background-image: url("../images/redaction-on.png");
}

div.toolbar-button.redactionIcon.active {
	background-image: url("../images/redaction-on.png");
}

div.toolbar-button.dragRedactionIcon {
	background-image: url("../images/redaction-drag.png");
}
div.toolbar-button.dragRedactionIcon:HOVER {
	background-image: url("../images/redaction-drag-on.png");
}
div.toolbar-button.dragRedactionIcon.active {
	background-image: url("../images/redaction-drag-on.png");
}

div.toolbar-button.pageRedactionIcon {
	background-image: url("../images/redaction-page.png");
}
div.toolbar-button.pageRedactionIcon:HOVER {
	background-image: url("../images/redaction-page-on.png");
}
div.toolbar-button.pageRedactionIcon.active {
	background-image: url("../images/redaction-page-on.png");
}

div.toolbar-button.searchRedactionIcon {
	background-image: url("../images/redaction-search.png");
}
div.toolbar-button.searchRedactionIcon:HOVER {
	background-image: url("../images/redaction-search-on.png");
}
div.toolbar-button.searchRedactionIcon.active {
	background-image: url("../images/redaction-search-on.png");
}

div.toolbar-button.listRedactionIcon {
	background-image: url("../images/redaction-list.png");
}
div.toolbar-button.listRedactionIcon:HOVER {
	background-image: url("../images/redaction-list-on.png");
}
div.toolbar-button.listRedactionIcon.active {
	background-image: url("../images/redaction-list-on.png");
}

div.toolbar-button.applyRedactionIcon {
	background-image: url("../images/redaction-apply.png");
}
div.toolbar-button.applyRedactionIcon:HOVER {
	background-image: url("../images/redaction-apply-on.png");
}
div.toolbar-button.applyRedactionIcon.active {
	background-image: url("../images/redaction-apply-on.png");
}

div.toolbar-button.watermarkApplyIcon {
	background-image: url("../images/watermark.png");
}
div.toolbar-button.watermarkApplyIcon:HOVER {
	background-image: url("../images/watermark-on.png");
}
div.toolbar-button.watermarkApplyIcon.active {
	background-image: url("../images/watermark-on.png");
}

div.toolbar-button.freetextIcon {
	background-image: url("../images/freetext.png");
}
div.toolbar-button.freetextIcon:HOVER {
	background-image: url("../images/freetext-on.png");
}
div.toolbar-button.freetextIcon.active {
	background-image: url("../images/freetext-on.png");
}

div.toolbar-button-2x.signIcon {
	background-image: url("../images/sd-icon-signature.png");
}

div.toolbar-button-2x.signIcon:HOVER {
	background-image: url("../images/sd-icon-signature-on.png");
}

div.toolbar-button-2x.signIcon.active {
	background-image: url("../images/sd-icon-signature-on.png");
}

div.toolbar-button-2x.signAuthIcon {
	background-image: url("../images/sd-icon-approve.png");
}

div.toolbar-button-2x.signAuthIcon:HOVER {
	background-image: url("../images/sd-icon-approve-on.png");
}

div.toolbar-button-2x.signAuthIcon.active {
	background-image: url("../images/sd-icon-approve-on.png");
}

div.toolbar-button-2x.timestampIcon {
	background-image: url("../images/sd-icon-verify.png");
}

div.toolbar-button-2x.timestampIcon:HOVER {
	background-image: url("../images/sd-icon-verify-on.png");
}

div.toolbar-button-2x.timestampIcon.active {
	background-image: url("../images/sd-icon-verify-on.png");
}

div.ePapyrusTab.visible {
	box-shadow: inset 0 0 0 1000px rgba(0, 0, 255, 0.5);
	-webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 255, 0.5);
	-moz-box-shadow: inset 0 0 0 1000px rgba(0, 0, 255, 0.5);
}

div.ePapyrusTab:not(.visible) {
	box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.0);
	-webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.0);
}

div#thumbnailView > .thumbnailItem.active > .thumbnailImage {
	border: solid 2px red;
}