@import url("kjp_custom.css");

.cssdefault,
.cssdefault > *{
	background-color:transparent;
	border-style:none;
	font-family:Helvetica, Ariel, sans-serif !important;
	margin:0px;
	padding:0px;
	opacity:1;
	overflow:visible;
	position:relative;
	text-align:left;
	z-index:auto;
	line-height: normal;
}
.cssdefault textarea,
.cssdefault > textarea,
.cssdefault input,
.cssdefault > input{
	padding:3px;
}
.cssdefault:before,
.cssdefault:after{
	content: "";
	display:none;
}


.cf:after,
.cf:before {
 	display:table;
 	content:"";
 	line-height:0;
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
    overflow:visible;
}

.noscroll{
	overflow-x:hidden !important;
	overflow-y:hidden !important;
}
.vscroll{
	overflow-x:hidden !important;
	overflow-y:scroll !important;
}
.hscroll{
	overflow-x:scroll !important;
	overflow-y:hidden !important;
}
.visscroll{
	overflow-x:visible;
	overflow-y:visible;
}


#vcp {
	width:100%;
	all: default;
}
#vcp > *{
	all: default;
}

.vcp-fullscreen {
	/*background-color:rgb(220,220,220);*/
	width:100% !important;
	height:100% !important;
	position:fixed !important;
	left:0 !important;
	top:0 !important;
	z-index:100000;
	padding:0px;
	margin:0px !important;
	box-shadow: 0px 0px 16px black;
}

#vcp-comments-scroll {
	width:auto;
	overflow-y: scroll;
	overflow-x: hidden;
	height:auto;
	padding:0;
	position:relative;
	min-height:68px;
	background-color:white;
	margin:0px;
}

#vcp-comments {
	width:auto;
	float:right;
	padding:0;
	height: auto;
}	

#vcp-social-bar {
	height:68px;
	margin:0px 4px 0px 2px;
	padding:3px 6px;
	position:absolute;
	background-color:#f5f5f5;
	border-color:#c5c5c5;
	border-width:1px;
	border-style:solid;
	float:left;
}
#vcp-social-bar > *{
	/*background-color:green;*/
	position:relative;
	height:60px;
	width:60px;
	float:left;
}

#vcp-video-size{
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

#vcp-img {
	max-width: 100%;
	display:block;
}


#vcp-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	padding-top: 25px;
}

#vcp-video iframe{
	position: absolute;
	top:0;
	left:0;
	width: 100%!important;
	height: 100%!important;
	padding:0px !important;
}

#vcp-info {
	color:black;
	padding-right:1px;
	padding-top:3px;
	margin-bottom:2px;
}

#vcp-option-buttons{
	position:absolute;
	z-index:101;
}

.vcp-scroll {
	overflow-y: scroll;
	overflow-x: hidden;
}

.vcp-mobile {
	width:100% !important;
}


.vcp-collapse-bar:hover {
	border-style: none none dotted none;
    border-width: 5px;
}

.vcp-v-collapsable {
	display:block;
}

.vcp-v-collapsed {
	display:none !important;
}

.vcp-collapse-bar {
	background-color:gray;
	height:20px;
    width:100%;
}

#shortcode-box{
	background-color:rgb(200,200,200);
	padding:15px;
	min-height:12px;
	width:auto;
}

.vcp-icon {
	position:absolute;
	width:100%;
	height:100%;
}

.vcp-button {
	box-shadow: 0px 2px 0px rgb(100,100,100);
	margin-bottom:2px !important;
	margin-top:0px !important;
	border-radius:2px !important;
	border-style:solid !important;
	border-width:1px !important;
	border-color:rgb(155,155,155);
	margin-left:1px !important;
	margin-right:1px !important;
	background-color:rgb(221,221,221) !important;
	color:black !important;
	text-align:center !important;
	text-transform: none !important;
	font-weight: 500;
}
.vcp-button:hover{
	box-shadow: none;
	margin-bottom:0px;
	margin-top:2px;
}
.vcp-button-text{
	padding:1px 6px !important;
}
.vcp-button-disable,
.vcp-button-disable > *{
	pointer-events:none;
}
.vcp-button-disable:hover{
	box-shadow: 0px 2px 0px rgb(100,100,100);
	margin-bottom:2px;
	margin-top:0px;
}

.vcp-light-gray {
	background-color:rgb(220,220,220);
}

.vcp-btn-sm {
	height:32px;
	width:32px;
}

.hintbox {
	display:inline;
	margin: 5px;
	padding: 4px 8px;
}

.vcp-info-box{
	
}
#vcp-info-box-frame {
	width:100% !important;
	height:auto;
	padding:0 !important;
	margin:0 !important;
	border-width:0 !important;
	overflow:hidden !important;
}

#vcp-color-preview{
	float:left;
	height:26px;
	width:48px;
	border-width:2px;
	border-color:black;
	border-style:solid;
	margin-top:8px;
}

.vcp-setting-sect {
	margin: 15px 0px 0px 0px;
	padding-bottom:15px;
	border-style:none none solid none;
	border-width:1px;
	border-color:rgb(200,200,200);
	overflow-x:hidden;
}

.meta-row{
	margin-top:5px;
	margin-bottom:5px;
}

.nice-field-row{
	width:100%;
	height:38px;
	margin:12px 0px;
}
.nice-field-row > button,
.nice-field-row > div > button{
	height:37px !important;
	float:right;
	overflow:hidden;
	margin: 0px 4px !important;
}



#vcp-split-box{
	width:320px;
	height:180px;
	max-width:95%;
	max-height:95%;
	background-color:rgb(200,200,200);
	float:left;
	padding:5px;
	box-shadow: 1px 1px 1px black;
}
#vcp-split-box-left{
	width:100%;
	height:100%;
	background-color:red;
	float:left;
	box-shadow: 0px 0px 2px black inset;
}
#vcp-split-box-right{
	background-color:blue;	
	width:100%;
	height:100%;
	float:right;
	box-shadow: 0px 0px 2px black inset;
}

.vcp-key-element{
	border-width:2px;
	border-style:solid;
	display:inline;
	padding:1px 4px;
	margin:2px 1px;
	float:left;
	background-color:white;
}

#vcp-src-links{
	float:left;
	width:48%;
	min-height:100px;
}

#vcp-src-link-comments{
	margin: 5px;
	float:right;
	height:100%;
	min-height:600px;
	width:420px;
}
#vcp-src-link-comments > iframe{
	width:400px;
	float:left;
	height:600px;
}

.vcp-src-fieldset{
	width:90%;
	padding:5px;
	height:auto;
	min-height:64px;
	background-color:rgb(220,220,220);
	margin:10px 0px;
}

page_url,
src{
	margin-top:10px;
	display:block;
}

page_url{
	background-color:rgb(255, 200, 200);
}
src{
	background-color:rgb(200, 255, 200);
}

#vcp-comments-display{
	z-index:101;
	position: fixed;
	width: 0px;
	height: 0px;
	min-width: 40px;
	min-height: 40px;
	top: 50%;
	left: 50%;
	background-color:rgb(240,240,240);
	box-shadow: 0px 0px 16px black;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-size: cover;
}

#vcp-comment-display-frame{
	border-style:none;
	height:100%;
	width:100%;
}

.black-cover{
	height:100% !important;
	width:100% !important;
	background-color:rgba(0,0,0,0.4);
	position:fixed !important;
	top:0;
	left:0;
	z-index:100;
	transition: background-color 0.1s;
}
.black-cover:hover{
	background-color:rgba(0,0,0,0.25);
}
.black-cover > div{
	z-index:101;
}

.vcp-fixed-h,
.vcp-fixed-v,
.vcp-fixed-c{
	position: fixed;
}
.vcp-fixed-c,
.vcp-fixed-h{
	left: 50%;
}
.vcp-fixed-c,
.vcp-fixed-v{
	top: 50%;
}

.vcp-floater{
	position:absolute;
	z-index:101;
	text-align: center;
	width:100%;
	padding:10px;
	text-shadow: 1px 1px 0px black;
	text-decoration: none;
}
.vcp-floater:hover{
	text-decoration: underline;
}

.vcp-noclick{
	pointer-events:none;
}

.vcp-line-t,
.vcp-line-r,
.vcp-line-b,
.vcp-line-l,
.vcp-line{
	border-width:1px;
	border-color:rgba(0,0,0, 0.3);
}
.vcp-line-t{
	border-top-style: solid;
	padding-top:12px;
}
.vcp-line-r{
	border-right-style: solid;
	padding-right:12px;
}
.vcp-line-b{
	border-bottom-style: solid;
	padding-bottom:12px;
}
.vcp-line-l{
	border-left-style: solid;
	padding-left:12px;
}
.vcp-line{
	border-style: solid;
	padding:12px;
}

.vcp-abs-size{
	padding:0px;
	margin:0px;
	border-width:0px;
}

.vcp-border-transparent{
	border-width:1px;
	border-style:solid;
	border-color:rgba(0,0,0,0.5);
}

#vcp-comment-setup > *{
	font-family: Helvetica,Ariel,sans-serif !important;
	font-size: 14px !important;
}

#vcp-comment-view{
	overflow-x: hidden !important;
}

#vcp-comment-display-index-btns{
	margin: 0 auto !important;
	width:100% !important;
	padding:12px !important;
	position: absolute;
	bottom:12px;
}