.nex-popup-form{
	border: 5px solid #111 !important;
}

.nex-popup-form-body{
	background: #CCC;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCC));
	background-image: -webkit-linear-gradient(top, #E6E6E6, #CCC);
	background-image: -moz-linear-gradient(top, #E6E6E6, #CCC);
	background-image: -ms-linear-gradient(top, #E6E6E6, #CCC);
	background-image: -o-linear-gradient(top, #E6E6E6, #CCC);
	background-image: linear-gradient(top, #E6E6E6, #CCC);
	
}

.nex-memo-form-body{
	background: #CCC;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCC));
	background-image: -webkit-linear-gradient(top, #E6E6E6, #CCC);
	background-image: -moz-linear-gradient(top, #E6E6E6, #CCC);
	background-image: -ms-linear-gradient(top, #E6E6E6, #CCC);
	background-image: -o-linear-gradient(top, #E6E6E6, #CCC);
	background-image: linear-gradient(top, #E6E6E6, #CCC);
	
}


.nex-popup-form-contents{
	
}

.nex-popup-form-contents-tab{
	
    height: 50px;
	text-align: center;
	width:100%;
}

.nex-popup-form-contents-tabmenu{
	margin:0 auto;
	width:90%;
	cursor: pointer;
}

.nex-popup-form-contents-tabmenu li{
	
	display: inline-block;
	text-align: center;
}

.nex-popup-form-contents-tabmenu li.fir{
	border-left:1px solid #e1e1e1; 
}

.nex-popup-form-contents-list{
	clear:both;
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%; 
	
	cursor:pointer;
	
}

.nex-popup-form-table-list{
	margin:0 auto;
	width:90%;
}

.nex-popup-form-bookmark-list{
	margin:0 auto;
	width:90%;
}

.nex-popup-form-memo-list{
	margin:0 auto;
	width:90%;
}

ul.memo-list li{
	padding: 5px;
}

.nex-popup-form-thumbnail-list{
	margin:0 auto;
	width:90%;
}

.nex-popup-form-search-list{
	margin:0 auto;
	width:90%;
}


.nex-popup-form-contents-tabmenu li.nex-tab-over{
	font-weight:bold;
	color:#fff;
	}

.nex-popup-form-contents-tabmenu li.nex-tab-out{
	
	font-weight:bold;
	color:#F0F0F0;
}

/* popup tab btn */
span.nex-tab-btn{
	left:0px;
	top:0px;
	display: block;
	width: 46px;
	height: 46px;
	background-size: 46px 46px;
    -moz-background-size: 46px 46px;
    -o-background-size: 46px 46px;
    -webkit-background-size: 46px 46px;
}

li.nex-tab-out .nex-tab-btn-tablelist{
	background-image: url(images/contents/tablelist.png) !important;
}

li.nex-tab-over .nex-tab-btn-tablelist{
	background-image: url(images/contents/tablelist_over.png) !important;
}

li.nex-tab-out .nex-tab-btn-bookmark{
	background-image: url(images/contents/bookmark.png) !important;
}

li.nex-tab-over .nex-tab-btn-bookmark{
	background-image: url(images/contents/bookmark_over.png) !important;
}

li.nex-tab-out .nex-tab-btn-memo{
	background-image: url(images/contents/memo.png) !important;
}

li.nex-tab-over .nex-tab-btn-memo{
	background-image: url(images/contents/memo_over.png) !important;
}

li.nex-tab-out .nex-tab-btn-thumbnail{
	background-image: url(images/contents/thumbnail.png) !important;
}

li.nex-tab-over .nex-tab-btn-thumbnail{
	background-image: url(images/contents/thumbnail_over.png) !important;
}

li.nex-tab-out .nex-tab-btn-search{
	background-image: url(images/contents/search.png) !important;
}

li.nex-tab-over .nex-tab-btn-search{
	background-image: url(images/contents/search_over.png) !important;
}

.nex-overlay-shadow{
	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
}

.nex-popup-form-corner-all{
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
}

.nex-popup-form-header{
	-webkit-tap-highlight-color:#000000;
}

.nex-popup-form-header h4{
	
	margin-top: 8px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 1px 0 white;
}

.nex-popup-form-header h4 a{
	display:block;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
}

.nex-popup-form-header h4 a#help-btn{
	margin-left:8px;
	float:left;
	display:block;
	background-image: url(./images/help_button.png);
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.nex-popup-form-header h4 a#popup-close{
	margin-right:8px;
	float:right;
	display:block;
	background-image: url(./images/popupclose.png);
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
	
}

.nex-popup-form-header h4 a:hover{
  	-webkit-transform: rotate(-45deg);
  	-moz-transform:rotate(-45deg);
  	-o-transform:rotate(-45deg);
  	-ms-transform:rotate(-45deg);
  	
}

.nex-popup-form-footer{
	bottom: 1px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.eniworld-copyright{
	font-size:11px;
	color:#666666;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 1px 0 white;
}

.copyright{
	font-size:12px;
	color:#666666;
	text-align: center;
	font-weight: bold;
	position: relative;
	top:3px;
}


.nex-popup-form-controls{
	
}

.nex-text-input-form{
	background: linear-gradient(-90deg, rgba(51, 51, 51, 1.0) 0%, rgba(51, 51, 51, 1.0) 100%);
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51, 51, 51, 1.0)), color-stop(100%,rgba(51, 51, 51, 1.0)));
	background: -moz-linear-gradient(-90deg, rgba(51, 51, 51, 1.0) 0%, rgba(51, 51, 51, 1.0) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(51, 51, 51, 1.0) 0%, rgba(51, 51, 51, 1.0) 100%);
	background: -o-linear-gradient(-90deg, rgba(51, 51, 51, 1.0) 0%, rgba(51, 51, 51, 1.0) 100%);
	background: -ms-linear-gradient(-90deg, rgba(51, 51, 51, 1.0) 0%, rgba(51, 51, 51, 1.0) 100%);
	background: linear-gradient(-90deg, rgba(51, 51, 51, 1.0) 0%, rgba(51, 51, 51, 1.0) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8087e0fd', endColorstr='#000000',GradientType=1 );*/
	font-weight: bold;
	border: solid 2px rgba(102, 102, 102, 1);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 15px;
	color: #CCC;
	width: 85%;
	display: block !important;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	-webkit-appearance: none;
	padding: .4em;
	
	-webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 4px rgba(0,0,0,0.2);
	
}

.nex-popup-form-btn{
	display: block;
	text-align: center;
	cursor: pointer;
	position: relative;
	padding: 0;
	width: 75px;
	margin:7px auto 10px;
}

.nex-popup-form-btn-corner-all{
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

.nex-popup-form-shadow{
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}

.nex-popup-form-btn-inner{
	padding: .3em;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	zoom: 1;
}

a.nex-popup-memo-close{
	position:absolute;
	right:5px;
	top:5px;
	background-image: url(./images/popupclose.png);
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	opacity: 1;
	filter: alpha(opacity=100);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

a.nex-popup-memo-close:hover{
  	-webkit-transform: rotate(-45deg);
  	-moz-transform:rotate(-45deg);
  	-o-transform:rotate(-45deg);
  	-ms-transform:rotate(-45deg);
}



.nex-popup-form-btn-text{
	
}

.nex-popup-form-btn-up-a,.nex-popup-form-btn-up-a:hover,.nex-popup-form-btn-up-a:active{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.nex-popup-form-btn-up-b,.nex-popup-form-btn-up-b:hover,.nex-popup-form-btn-up-b:active{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.nex-popup-form-btn-up-c,.nex-popup-form-btn-up-c:hover,.nex-popup-form-btn-up-c:active{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.nex-popup-form-btn-up-a{
	border: 1px solid #222;
	background: #333;
	font-weight: bold;
	color: white;
	text-shadow: 0 -1px 1px black;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
	background-image: -webkit-linear-gradient(top, #555, #333);
	background-image: -moz-linear-gradient(top, #555, #333);
	background-image: -ms-linear-gradient(top, #555, #333);
	background-image: -o-linear-gradient(top, #555, #333);
	background-image: linear-gradient(top, #555, #333);
}

.nex-popup-form-btn-up-a:hover{
	border: 1px solid #000;
	background: #444;
	font-weight: bold;
	color: white;
	text-shadow: 0 -1px 1px black;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
	background-image: -webkit-linear-gradient(top, #666, #444);
	background-image: -moz-linear-gradient(top, #666, #444);
	background-image: -ms-linear-gradient(top, #666, #444);
	background-image: -o-linear-gradient(top, #666, #444);
	background-image: linear-gradient(top, #666, #444);
	
}

.nex-popup-form-btn-up-a:active{
	font-weight: bold;
	color: white;
	text-shadow: 0 -1px 1px black;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#5A5A5A));
	background-image: -webkit-linear-gradient(top, #333, #5A5A5A);
	background-image: -moz-linear-gradient(top, #333, #5A5A5A);
	background-image: -ms-linear-gradient(top, #333, #5A5A5A);
	background-image: -o-linear-gradient(top, #333, #5A5A5A);
	background-image: linear-gradient(top, #333, #5A5A5A);
}

.nex-popup-form-btn-up-b{
	color: white;
	padding: 1px;
	
}

.nex-popup-form-btn-up-b:hover{
	color: white;
	padding: 1px;
}

.nex-popup-form-btn-up-b:active{
	color: white;
	padding: 1px;
}

.nex-popup-form-btn-up-c{
	border: 1px solid #CCC;
	background: #EEE;
	font-weight: bold;
	color: #444;
	text-shadow: 0 1px 1px #F6F6F6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EEE));
	background-image: -webkit-linear-gradient(top, #FDFDFD, #EEE);
	background-image: -moz-linear-gradient(top, #FDFDFD, #EEE);
	background-image: -ms-linear-gradient(top, #FDFDFD, #EEE);
	background-image: -o-linear-gradient(top, #FDFDFD, #EEE);
	background-image: linear-gradient(top, #FDFDFD, #EEE);
}

.nex-popup-form-btn-up-c:hover{
	border: 1px solid #BBB;
	background: #DADADA;
	font-weight: bold;
	color: #101010;
	text-shadow: 0 1px 1px #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DADADA));
	background-image: -webkit-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -moz-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -ms-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -o-linear-gradient(top, #EDEDED, #DADADA);
	background-image: linear-gradient(top, #EDEDED, #DADADA);
}

.nex-popup-form-btn-up-c:active{
	border: 1px solid gray;
	background: #FDFDFD;
	font-weight: bold;
	color: #111;
	text-shadow: 0 1px 1px white;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FDFDFD));
	background-image: -webkit-linear-gradient(top, #EEE, #FDFDFD);
	background-image: -moz-linear-gradient(top, #EEE, #FDFDFD);
	background-image: -ms-linear-gradient(top, #EEE, #FDFDFD);
	background-image: -o-linear-gradient(top, #EEE, #FDFDFD);
	background-image: linear-gradient(top, #EEE, #FDFDFD);
}

.nex-popup-screen{
	position: absolute;
} 

.nex-popup-hidden{
	display: none;
} 

.nex-popup-screen-modal{
	background-color: black;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

.nex-loading-box-hidden{
	background-color: black;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
	display: none;
	position: absolute;
}


.nex-ui-scrolllistview{
	-webkit-overflow-scrolling: touch;
	border-width: 0;
	padding: 15px;
	border: 1px solid #B3B3B3;
	color: #333;
	text-shadow: 0 1px 0 white;
	background: #F0F0F0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
	background-image: -webkit-linear-gradient(top, #EEE, #DDD);
	background-image: -moz-linear-gradient(top, #EEE, #DDD);
	background-image: -ms-linear-gradient(top, #EEE, #DDD);
	background-image: -o-linear-gradient(top, #EEE, #DDD);
	background-image: linear-gradient(top, #EEE, #DDD);
}

#tablelistScrollView{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}
#thumbnailScrollView{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}
#memoScrollView{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}
#bookmarkScrollView{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}
#searchScrollView{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

.nex-ui-listview{
	
	display: block;
	list-style: none;
	padding: 0;
	margin: -15px;
	counter-reset: listnumbering;
}

.nex-ui-listview li{
	width:100%;
	display: block;
	padding: 0;
	counter-reset: listnumbering;
}

.nex-ui-btn{
	cursor: pointer;
	border: 1px solid #CCC;
	background: #EEE;
	font-weight: bold;
	color: #444;
	text-shadow: 0 1px 1px #F6F6F6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EEE));
	background-image: -webkit-linear-gradient(top, #FDFDFD, #EEE);
	background-image: -moz-linear-gradient(top, #FDFDFD, #EEE);
	background-image: -ms-linear-gradient(top, #FDFDFD, #EEE);
	background-image: -o-linear-gradient(top, #FDFDFD, #EEE);
	background-image: linear-gradient(top, #FDFDFD, #EEE);
}

.nex-ui-btn:hover{
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DADADA));
	background-image: -webkit-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -moz-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -ms-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -o-linear-gradient(top, #EDEDED, #DADADA);
	background-image: linear-gradient(top, #EDEDED, #DADADA);
}

.nex-ui-btn:active{
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DADADA));
	background-image: -webkit-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -moz-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -ms-linear-gradient(top, #EDEDED, #DADADA);
	background-image: -o-linear-gradient(top, #EDEDED, #DADADA);
	background-image: linear-gradient(top, #EDEDED, #DADADA);
}

.li-btn-select {
	border: 3px inset rgb(192, 53, 53) !important;
}

.nex-ui-btn-inner{
	text-overflow: ellipsis;
	white-space: nowrap;
	zoom: 1;
	border-top: 1px solid white;
	border-color: rgba(255, 255, 255, 0.3);
	cursor: pointer;
}

.nex-ui-li{
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-align: left;
	border-width: 0;
	border-top-width: 1px;
	list-style: none;
}

.nex-ui-li:last-child{
	border-bottom-width: 1px;
}

.nex-ui-btn-text{
	
}

.nex-li-heading{
	position: relative;
	float:left;
	top:30px;
	left: 5px;
}

h2.nex-li-heading{
	position: relative;
	float:left;
	top:30px;
	left: 3px;
	font-size:90%;
}

.nex-li-memo-heading{
	position: relative;
	float:left;
	top:2px;
	
}

.nex-li-memo{
	margin-left:65px;
	display: block;
	position: relative;
}

.nex-li-memo-top{
	width:100%;
	position: relative;
	display: block;
	height:23px;
}

.nex-li-memo-text-box{
	
	left: 0px;
	min-height:55px;
	border: 1px solid #CCC;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	list-style: none;
	margin-top:2px;
}

.nex-li-memo-text{
	width:100%;
	padding: 3px;
	font-size:14px;
	white-space:pre-line;
}

a.nex-li-memo-delete-btn{
	position:relative;
	width:18px;
	height:17px;
	background-image: url(./images/memoDel.png);
    background-size: 18px 17px;
    -moz-background-size: 18px 17px;
    -o-background-size: 18px 17px;
    -webkit-background-size: 18px 17px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    background-repeat: no-repeat;
}

.nex-ui-li-count{
	position: relative;
	float:right;
	font-size: 11px;
	font-weight: bold;
	padding: .2em .5em;
	top:30px;
	right: 20px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	border: 1px solid #CCC;

}

.nex-ui-li-memo-count{
	position: relative;
	float:left;
	font-size: 12px;
	font-weight: bold;
	padding: .2em .5em;
	top:0px;
	left: 3px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	border: 1px solid #CCC;

}

.nex-ui-bookmark-img{
	position: relative;
	top:15px;
	float:right;
	right: 10px;
	height:50px;
}

.nex-ui-link-inherit{
	width:100%;
	min-height: 60px;
	padding: .2em;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #2F3E46;
	text-decoration: none !important;
}

.nex-ui-memo-link-inherit{
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #2F3E46;
	text-decoration: none !important;
}

.nex-ui-memo-link-inherit img{
	float: left;
	display: block;
}

.nex-ui-link-inherit-table{
	width:100%;
	min-height: 30px;
	height: 40px;
	padding: .7em;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #2F3E46;
	text-decoration: none !important;
}

.nex-ui-link-inherit-table span{
	float: right;
	color: #2567AB;
}

@media all and (min-width:768px){
	.nex-ui-thumb{
		left: 1px;
		top: 0;
		max-height: 80px;
		float: left;
		margin-right: 10px;
	}
}

@media not all and (min-width:768px){
	.nex-ui-thumb{
		left: 1px;
		top: 0;
		max-height: 50px;
		float: left;
		margin-right: 10px;
	}
}

.thumbnail-list{
	list-style: none;
	padding: 0px;
	margin: 0px;
	
}

.thumbnail-list li{
	float: left;
	display: list-item;
	text-align: -webkit-match-parent;
	padding: 3px;
}

.thumbnail-list li:hover{
	background-color: #81A8CE;
}

.thumbnail-list li img{
	width:100%;
	height: 80%;
	display:block;
	top:0px;
}

.thumbnail-list li span{
	height: 20%;
	position:inherit;
	display:block;
	font-size:13px;
	text-align: center;
	color: #3D3D3D;
	text-decoration: none !important;
}

.thumbnail-list:after{
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

.nex-ui-link-inherit-search{
	width:100%;
	font-size:10pt;
	min-height: 30px;
	height: 50px;
	padding: .3em;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal;
	color: #2F3E46;
	text-decoration: none !important;
}

span.highlight{
	color:#6FB0F3;
	text-decoration: underline;
}

.nex-popup-search-text-input-box{
	
}

.nex-popup-search-input{
	
	float: left;
	margin-bottom: 5px;
}

span.nex-popup-search-btn{
	
	padding: 7px 18px;
	float: right;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

span.nex-search-page-num{
	font-size:11pt;
	color:#2567AB;
	padding: 3pt;
}

.nex-ScrollbarV {
	position:absolute;
	z-index:100;
	width:8px;bottom:7px;top:2px;right:1px
}

.nex-ScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#6fb0f3), to(#3185de));
	border:1px solid #4E89C5;
	-webkit-background-clip:padding-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:inset 1px 1px 0 rgba(94,114,255,0.5);
}


.nex-popup-view{
	border:1px;
	position: absolute;
	z-index:3000;
	
}

#popupViewClose{
	display: block;
	position:absolute;
	right:5px;
	top:5px;
	
	background-image: url(./images/popupclose.png);
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
}


.nex-doc-view{
	border:0px;
	position: absolute;
	z-index:3000;
	
}

.nex-doc-loading-innerbox{
   padding: 10px;
   text-align:center;
   color: #555555;
   font-size: 15px;
   font-family: Tahoma;
   text-decoration: none;
   position: relative;
}

.nex-doc-loading-innerbox img{
    margin:10px;
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   
}


.nex-slideshow-control-form{
	width:100%;
	height:100%;
	display: block;
	left:0px;
	top: 0px;
	position: absolute;
}

.nex-slideshow-control{
	position:absolute;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	background: #000000;
	font-weight: bold;
	color: black;
	background: linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(229, 229, 229, 0.8)), color-stop(100%,rgba(153, 153, 153, 0.8)));
	background: -moz-linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: -o-linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: -ms-linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
}

.nex-slideshow-control-box{
	width:100%;
}

.nex-slideshow-control-line{
	width:90%;
	height:1px;
	padding: 0px;
	margin: 0 auto;
}

.nex-slideshow-control-top{
	width:100%;
	padding: 0px;
	margin: 0px;
	position: relative;
	height: 45%;
}

.nex-slideshow-control-pagebox{
	text-align:center;
	width:70px;
	height:100%;
	position: relative;
	float: left;
	padding: .7em 0 .7em .2em;
	font-size:14px;
}

.nex-slideshow-control-current-page{
	
}

.nex-slideshow-control-total-page{
	
}

.nex-slideshow-control-time-slidebox{
	width:125px;
	position: relative;
	padding: .8em 0 ;
	height:100%;
	float: right;
}

#nexTimeSlider{
	width:40px;
	float: left;
}

.nex-slideshow-control-time-label{
	float: left;
	left:1.5em;
	top:-.4em;
	position: relative;
	font-size:14px;
}

.nex-slideshow-control-bottom{
	width:100%;
	height: 55%;
	text-align:center; 
    vertical-align:middle;
    padding: 10px;
}

span.nex-slideshow-control-btn{
	display:inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

span.nex-slideshow-control-btn a{
	display: block;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	cursor: pointer;
}

span.nex-slideshow-control-btn a:hover{
	background-size: 30px 30px;
}

span.nex-slideshow-control-btn a:active{
	background-size: 30px 30px;
}

a.nex-slideshow-btn-play{
	background: url(images/slideshow/ss_play.png) no-repeat 0px 0px;
}

a.nex-slideshow-btn-pause{
	background: url(images/slideshow/ss_pause.png) no-repeat 0px 0px;
}

a.nex-slideshow-btn-right{
	background: url(images/slideshow/ss_right.png) no-repeat 0px 0px;
}

a.nex-slideshow-btn-left{
	background: url(images/slideshow/ss_left.png) no-repeat 0px 0px;
}

a.nex-slideshow-btn-close{
	background: url(images/slideshow/ss_close.png) no-repeat 0px 0px;
}

/* alert window */
.nex-alert-window{
	position:absolute;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	background: #F2F2F2;
	font-weight: bold;
	background: linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,rgba(242, 242, 242, 1)), color-stop(100%,rgba(198, 198, 198, 1)));
	background: -moz-linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	color: #000;;
}

.nex-alert-window-box{
	width:100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: relative;
	
	background-color: #F2F2F2;
	background: linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,rgba(242, 242, 242, 1)), color-stop(100%,rgba(198, 198, 198, 1)));
	background: -moz-linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	background: linear-gradient(-90deg, rgba(242, 242, 242, 1) 85%, rgba(198, 198, 198, 1) 100%);
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}

span.nex-alert-window-btn{
	float: right;
}

span.nex-alert-window-btn a{
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	right: 3px;
	top: 3px;
	position: relative;
}

a.nex-alert-window-btn-close{
	background: url(images/popupclose.png) no-repeat 0px 0px;
	background-size:20px 20px;
	-moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
}

.nex-alert-window-text{
	width:100%;
	color:#565656;
	font-size:small;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	position: absolute;
	text-align: center;
}

span.tab-select {
	border: 2px solid rgb(238, 181, 80);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

/* zoompan controller */
/* zoom viewer */
div.zoom-viewer-container{
	display: block;
	z-index: 3000;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}


div.zoom-contents-container{
	left:0px;
	top:0px;
	display: block;
	position: absolute;
	overflow: hidden;
}

#dragHandle{
	position: absolute;
	left:0px;
	top:0px;
	z-index: 3000;
}

.zoom_cursor{
    cursor: url(images/zoompanel/hand.cur) 6 8, pointer;
}

.zoom_drag_cursor{
    cursor: url(images/zoompanel/grab.cur) 6 8, pointer;
}


div.zoom-viewer-page{
	position: relative;
	float: left;
}

div.zoom-viewer-page-right{
	position: relative;
	float: left;
}

img.zoom-viewer-bgimg{
	z-index: 0;
	position: absolute;
	left:0px;
	top:0px;
}

img.zoom-viewer-coverimg{
	z-index: 0;
	position: absolute;
	left:0px;
	top:0px;
}


#zoomPageSlider{
	width:160px;
	top:23px;
	left:25px;
	position:absolute;
}

.page-zoom-pan{
	position: absolute;
	top:0px;
	left:0px;
	bottom: 0px;
	right:0px;
	overflow: hidden;
	height: 2000px;
}

div.zoom-viewer-box{
	position: absolute;
}

.zoompan-close-btn{
	display:block;
	background-image: url(images/zoompanel/zoompan_close.png);
    background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    width:30px;
    height:30px;
    opacity: 1;
	cursor: pointer;
	right:10px;
	top:10px;
	position:absolute;
}
.nex-zoom-pan-viewport-box{
	display: block;
	z-index:3001;
	width:250px;
	height:50px;
	margin:auto;
	position:relative;
	background: linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(229, 229, 229, 0.8)), color-stop(100%,rgba(153, 153, 153, 0.8)));
	background: -moz-linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: -o-linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: -ms-linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	background: linear-gradient(-90deg, rgba(229, 229, 229, 0.8) 50%, rgba(153, 153, 153, 0.8) 100%);
	
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	
}

.zoompage-number-box{
	color:white;
	position:absolute;
	background-color:#000;
	border: 1px solid #C6C6C6;    
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	z-index:3000;
	padding: 0 3px;
}

/* top quick link */
div.nex-top-link-box{
	position: absolute;
	z-index:2;
	top:10px;
}

div.nex-top-link-box ul{
	display:block;
	height:42px;
	background-color: rgba(189, 230, 243, 0.3);
}

div.nex-top-link-box li{
	float: left;
	height:42px;
	padding: 0px 3px;
}

div.nex-top-link-box img{
	cursor: pointer;
	width: 42px;
	height:42px;
}

span#quick_page{
	width: 42px;
	height:42px;
	display:block;
	text-align: center;
	padding: 15px 0px;
}

div#top_box_handle{
	width:100%;
	height:23px;
	text-align: center;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
	/*border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-color: rgb(148, 148, 148);*/
	
	background-color: rgba(189, 230, 243, 0.3);
	
	float: left;
}

div#top_box_handle span{
	position: relative;
	display: block;
	top:2px;
	cursor: pointer;
	color: cadetblue;
}

/* sns link */
div.nex-sns-link-box{
	position: absolute;
	z-index:2;
	right:5px;
	bottom:2px;
}

div.nex-sns-link-box ul{
	display:block;
	height:32px;
	background-color: rgba(189, 230, 243, 0.3);
}

div.nex-sns-link-box li{
	float: left;
}

div.nex-sns-link-box img{
	cursor: pointer;
	width: 32px;
	height:32px;
}

div#sns_box_handle{
	width:100%;
	height:23px;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	/*border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: rgb(148, 148, 148);
	*/
	background-color: rgba(189, 230, 243, 0.3)
}

div#sns_box_handle span{
	position: relative;
	display: block;
	top:2px;
	cursor: pointer;
	color: cadetblue;
}



/* slider carousel */

#ebook-slider{
	display: block;
	position: absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	z-index:1;
}


div.ebook-carousel-contents{
	display: block;
	position: absolute;
}

div.ebook-carousel-box{
	position: absolute;
	margin:auto;
}

div.ebook-carousel-item{
	position: relative;
	left:0px;
	top:0px;
	overflow: hidden;
	display:inline-block;
	float: left;
}