
.fwr-Nav-icons{
	float:left;
	width:32px;
	height:32px;
	overflow:hidden;
	background:url(../../images/ribbon/32/icons.png);
	cursor:pointer;
	margin-top: 6px;
}
.fwr-navigation .fwr-navigation-tip{
	float: left;
  	display: none;
  	width: 120px;
  	height: auto;
  	line-height: 20px;
  	padding: 5px 10px 5px 10px;
  	margin: 0;
  	background: #FFFFFF;
  	position: absolute;
  	/* top: 30px; */
  	left: 38px;
	border:1px solid #c0bfbf;
 	color:#666666;
 	-moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.2), -1px -1px 5px rgba(0,0,0, 0.2);
 	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.2), -1px -1px 5px rgba(0,0,0, 0.2);
 	box-shadow: 1px 1px 5px rgba(0,0,0, 0.2), -1px -1px 5px rgba(0,0,0, 0.2);
}
.fwr-navigation-tip strong{
	color:#4e4e4e;
}

.fwr-Nav-bookmark{
	background-position:-704px 0px;
}

.fwr-Nav-bookmark.selected, .fwr-Nav-bookmark:hover{
	background-position:-704px 0px;
}

.fwr-Nav-thumbnail{
	background-position:-704px -32px;
}

.fwr-Nav-thumbnail.selected,.fwr-Nav-thumbnail:hover{
	background-position:-704px -32px;
}

.fwr-Nav-search{
	background-position:-736px -32px;
}

.fwr-Nav-search.selected,.fwr-Nav-search:hover{
	background-position:-736px -32px;
}
#searchResultTip{
	margin-left: 20px; 
	display: inline-block;
	color:#666
}
.fwr-Nav-offline {
	background-position:-768px 0px;
}

.fwr-Nav-offline.selected,.fwr-Nav-offline:hover{
	background-position:-768px 0px;
}

.fwr-Nav-plugin {
	background-position:-768px -32px;
}

.fwr-Nav-sign{
	background-position:0 -216px;
}

.fwr-Nav-sign:hover{
	background-position:-24px -216px;
}

.fwr-navigation{
	width: 37px;
	height: 100%;
	background-color: #f7f7f7;
	border-right: 1px solid #ddd;
  	position: absolute;
  	z-index: 12;
}

.fwr-panel-expand {
	display: list-item !important;
	height: 32px !important;
	cursor: pointer;
}
.fwr-panel-expand .fwr-expand-icons{
	background-image: url(../../images/ribbon/arrow.png);
	height:9px;
	width:5px;
	margin-top: 18px;
	position: absolute;
	right: 14px;
}

.fwr-navigation ul li{
	display:none;
	float:left;
	width:38px;
	height:45px;
	overflow:hidden;
	zoom:1;
}
.fwr-navigation ul li.disabled{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.fwr-Nav-panel{
	display:none;
	left:38px;
	float:left;
	width:180px;
	height:100%;
	background:#fff;
	border-right:#ABABAB 10px solid;
	position:absolute;
	z-index:12;
}

.fwr-Nav-panel-close{
	width:16px;
	height:16px;
	background:url(../../images/pc/shortcut-box-close.gif) no-repeat;
	position:absolute;
	right:5px;
	top:20px;
	cursor:pointer;
}

.fwr-Nav-panel-title{
	position:absolute;
	left:20px;
	top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-right: 20px;

}

.fwr-Nav-panel-close:hover{
	background-position:0 -16px;
}


.fwr-bookmark-panel{
	width:100%;
	height:100%;
	position:absolute;
	top:54px;
}

.fwr-thumb-panel{
	width:100%;
	height:100%;
	position:absolute;
	top:54px;
}

#navigation-offline-panel{
	width:100%;
	height:100%;
	position:absolute;
	top:28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}
#fwr-offlinepanel-toolbar{
	margin: 20px 20px 0px;
}
#fwr-offlinepanel-toolbar input{
	margin-top: 5px;
	cursor: pointer;
}
.fwr-offlinepanel-split{
	height: 1px;
	background-color: #d8d8d8;
	margin: 2px 10px;
}
.fwr-offlinepanel-btninadd{
	background: url(../../images/pc/offline-inadd.png) no-repeat;
	height:16px;
	width:16px;
	margin: 2px;
	float: right;
}
.fwr-offlinepanel-btnadd{
	background: url(../../images/ribbon/16/icons.png) no-repeat;
	background-position: -380px -20px;
	height:20px;
	width:20px;
	margin: 2px;
	margin-right:10px;
	float: right;
	cursor: pointer;
	display: none;
}
.fwr-offlinepanel-btndel{
	background: url(../../images/ribbon/16/icons.png) no-repeat;
	background-position: -400px 0px;
	height:20px;
	width:20px;
	margin: 2px;
	float: right;
	cursor: pointer;
}
.fwr-offlinepanel-list{
	display: block;
	height: 20px;
	padding: 12px 20px;
	white-space:nowrap;
	box-sizing: border-box;
	position: relative;
}
.fwr-offlinepanel-list input{
	cursor: pointer;
	position: relative;
	z-index: 1;
	display: inline-block;
	height: 13px;
}
.fwr-offlinepanel-list div{
	display: inline-block;
	margin-left: 12px;
}
.fwr-offlinepanel-file{
	height:20px;
	width:20px;
	background: url(../../images/ribbon/16/icons.png) no-repeat;
	background-position: -420px 0px;
}
.fwr-offlinepanel-failfile{
	height:20px;
	width:20px;
	background: url(../../images/ribbon/16/icons.png) no-repeat;
	background-position: -420px -20px;
}
.fwr-offlinepanel-loading{
	height:16px;
	width:16px;
	background: url(../../images/pc/offline-loading.gif) no-repeat right;
	right: 5px;
	z-index: 1;
	position: absolute;
}
/*.fwr-offlinepanel-restart{
	position: absolute;
	height:16px;
	width:16px;
	background: url(../../images/pc/offline-restart.png) no-repeat;
	right: 5px;
	cursor: pointer;
	z-index: 1;
}*/
.fwr-offlinepanel-txt, .fwr-offlinepanel-failfiletext, .fwr-offlinepanel-loadingtxt{
	position: absolute;
	left:0px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 72px;
	padding-right: 36px;
	margin-left: 0px !important;
	overflow: hidden;
	text-overflow:ellipsis;
	height: 20px;
	line-height: 20px;
	margin-top: 3px;
}

.fwr-offlinepanel-loading, .fwr-offlinepanel-restart, .fwr-offlinepanel-view{
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 20px;
	line-height: 20px;
	margin-top: 3px;
	text-align: right;
	cursor: pointer;
}
.fwr-offlinepanel-view {
	color:#2e6dad;
}
.fwr-offlinepanel-restart {
	color: #e32121;
}
.fwr-offlinepanel-txt {
	cursor: pointer;
}
.fwr-offlinepanel-loadingtxt{
	color: grey;
}

.fwr-search-panel{
	width:100%;
	height:100%;
	position:absolute;
	top:28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.fwr-search-settings{
	margin-left: 20px;
	margin-bottom: 10px;
}
.fwr-search-result{
	width:100%;
	height:100%;
}
.fwr-search-result .fwr-dTreeNode{
	height: 22px;
	/*// overflow: hidden;
	// width: 228px;*/
}

.fwr-search-tip{
	margin: 20px 20px 12px 20px;
}
 
.fwr-search-next,.fwr-search-last{
	float: right;
	width: 16px;
	height: 16px;
}
.fwr-search-next {
	margin-right: 20px;
}
.fwr-search-last{
	margin-right: 12px;
}
.fwr-icons-lastnext{
	background: url(../../images/pc/lastnext.png) no-repeat;
}
.fwr-search-last{
	background-position: -1px -1px;
}
.fwr-search-next{
	background-position: -1px -19px;
}

.fwr-icons-searching{
	background: url(../../images/ui/loading_mini.gif) no-repeat center;
	width: 23px;
	height: 23px;
	float: right;
	margin-right: 20px;
	display: none;
}

.fwr-Nav-commentlist{
	background-position: -736px 0px;
}
.fwr-Nav-commentlist:hover{
	background-position: -736px 0px;
}
.fwr-Nav-commentlist.selected{
	background-position: -736px 0px;
}
 

.fwr-Nav-panel-selected{
	background-color: #d1d1d1;
}

/**
 * commentlist css
 */
.dtreebar{
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	padding:12px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 36px;
}
.dtreebar span,.dtreebar em{
	vertical-align: middle;
	display: inline-block;
}
.dtree-openall{
	width: 20px;
	height: 20px;
	background: url(../../images/ribbon/16/icons.png) no-repeat;
	background-position: -340px -20px;
	cursor: pointer;
}
.dtree-closeall{
	width: 20px;
	height: 20px;
	background: url(../../images/ribbon/16/icons.png) no-repeat;
	background-position: -360px 0px;
	cursor: pointer;
}
.dtreebar em{
	font-style: normal;
	font-size: 12px;
}
.mr12{
	margin-right: 12px;
}
.ml5{
	margin-left: 5px;
}
#docViewer_fxCommentListPanel img.bookmarkNode{
	display: none;
}
.dtree-content {
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.dtree-content .open{
	width: 17px;
	height: 21px;
	background: url(../../images/reader/dtree/minusonly_pc.png) no-repeat;
	display: inline-block;
	cursor: pointer;
}
.dtree-content .close{
	display: inline-block;
	width: 17px;
	height: 21px;
	background: url(../../images/reader/dtree/plugonly_pc.png) no-repeat;
	cursor: pointer;
}

.dtree-content .reply-icon{
	position: absolute;
    right: 10px;
    top: 2px;
	width: 16px;
	height: 16px;
	background: url(../../images/reader/dtree/reply.png) no-repeat;
	display: inline-block;
	cursor: pointer;
}

.dtree-content .fwr-cmtReply-title {
    vertical-align: middle;
    white-space:nowrap;
    padding-top:4px;
}
.dtree-content em, .dtree-content span{
	vertical-align: middle;
	padding-left: 1px;
	font-size: 14px;
}
.dtree-content>ul>li{
	margin-bottom: 10px;
	margin-top: 2px;
}
.dtree-content>ul>li>ul>li>ul{
	padding-left: 10px;
}

.dtree-content .line{
	display: block;
	height: 2px;
	border-bottom: 1px solid #d8d8d8;
    margin-top: 8px;
}
.dtree-content h4{
	padding-bottom: 7px;
	font-weight: normal;
}
.dtree-content i{
	font-style: normal;
}
.dtree-content p{
	margin-top: 15px;
	line-height: 18px;
	word-wrap: break-word;
	/* padding-left: 17px; */
	margin-left: 15px;
	margin-right: 10px;
	color: #787878;
	font-size:12px;
}
.dtree-content .fwr-popup-annot-contents p{
	margin:0;
}
.dtree-content .cmtCtrl .reply ,.dtree-content .desc{
	/*padding-top: 15px;*/
	padding-left: 17px;
	font-size: 12px;
}
.dtree-content .control{
	height: 25px;
	line-height: 25px;
	display: none;
}

.dtree-content .cmtCtrl{
	height: 25px;
	color:#2e6dad;
	font-size:12px;
	cursor: pointer;
}
.dtree-content .cmtCtrl.disabled{
	opacity: .5;
	cursor: default;
}
.dtree-content .del{
    float: right;
	padding-right: 17px;
}

.dtree-content .first-display{
    min-height: 18px;
    background: white;
    margin-left: 15px;
    margin-right: 10px;
    padding-left:0;
}

.dtree-content>ul>li>ul .selected>.annot-box{
	background: #ffecc2;
}

.dtree-content .annot-box {
	padding-top: 12px;
	position: relative;
}

.dtree-content .annot-box .annot-reply{
	position: absolute;
	top: 12px;
	right: 0;
}

.dtree-content .annot-box .annot-title {

}

.dtree-content>ul>li>ul .selected>.annot-box>.control{
	display: block;
}
.dtree-content .more{
	padding-top: 7px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: blue;
	text-decoration: underline;
	background: url(../../images/reader/line.png) no-repeat top center;
	cursor:pointer;
}
.hide-tip{
	display: none;
	font-size: 12px;
	padding:5px 10px;
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif;
}
.fwr-drag-box{
	position: absolute;
	width: 10px;
	height: 100%;
	right: -10px;
	top:0;
	display: block !important;
	z-index: 1;
	cursor: e-resize;
	background-color: #DDDEDD !important;
	background: url(../../images/ribbon/ico_drag.png) no-repeat left center;
}
.fwr-drag-mask{
	position: absolute;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 1001;
}

.fwr-Nav-layer{
	background-position: -1664px -32px;;
}
.fwr-Nav-layer:hover{
	background-position: -1664px -32px;;
}
.fwr-Nav-layer.selected{
	background-position: -1664px -32px;;
}
.fwr-layer-panel {
    width: 100%;
    height: 100%;
    position: absolute;
	top: 54px;
	padding-bottom: 10px;
}
.layer_selector{
	vertical-align: middle;
	width: 15px;
    height: 15px;
}
.layer_selector:disabled{
	cursor: not-allowed;
	opacity:0.5
}
.layer_hint_container{
	margin-bottom: 15px;
}
.layer_hint{
	text-indent: 2em;
    padding: 0 10px 10px 10px;
    font-size: 14px;
}
#hideLayerHint{
	margin-left: 50%;
}