#cleary-box{

	position: relative;
	width: 900px;
	margin: 15px 5px;
	box-shadow: 0 0 5px #ccc;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	background:#FFF;
}

#cleary-box .explain {
	font-size: 12px;
	line-height: 16px;
	color: #777;
	width: 50%;
	float: right;
}

#cleary-box .explain_fine {
	font-size: 12px;
	line-height: 16px;
	color: #777;
	clear: both;
	display: block;
}

#cleary-box  img.screenshot {
	background: #FAFAFA;
	border-color: #ccc #eee #eee #ccc;
	border-style: solid;
	border-width: 1px;
	float: left;
	max-width: 334px;
	padding: 4px;
	margin-bottom: 10px;
}

img.screenshot {
	background: #FAFAFA;
	border-color: #ccc #eee #eee #ccc;
	border-style: solid;
	border-width: 1px;
	float: left;
	max-width: 334px;
	padding: 4px;
	margin-bottom: 10px;
}
.upload input[type="text"]{
	width: 60%;
}


#cleary-box .upload input[type="text"]{
	width: 60%;
}


.cleary-top {
	position: relative;
	background: #fff url('../images/header-theme-admin.jpg') no-repeat top center;
	height: 112px;
}

.cleary-head-plugin {
	position: absolute;
	left: 15px;
	bottom: 1px;
	color: #CACACA;
	font-family: tahoma;
	font-size: 9px;
	font-style: italic;
}
.cleary-head-plugin span {
	font-weight: bold;
}

.cleary-content {
	border-top: 1px solid #e5e5e5;
}

.cleary-sidebar {
	float: left;
	width: 176px;
	padding-top: 2px;
	background: #F9F9F9;
}

.cleary-menu-ul, .cleary-menu-ul li {
	margin: 0;
	position: relative;
}

.cleary-menu-ul li a {
	display: block;
	padding: 11px 20px;
	background: #F6F6F6;
	margin: 0 0 1px 0;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
}

 
.cleary-menu-ul li a.active .cleary-arrow {
	position: absolute;
	left: 166px;
	top: 9px;
	width: 20px;
	height: 20px;

	-moz-transform: matrix(-0.6,1,0.6,1,0,0);
	-webkit-transform: matrix(-0.6,1,0.6,1,0,0);
	-o-transform: matrix(-0.6,1,0.6,1,0,0);
	-ms-transform: matrix(-0.6,1,0.6,1,0,0);
	transform: matrix(-0.6,1,0.6,1,0,0);

	background: #47AAF8; 
	background-image: -webkit-gradient(linear,left bottom,left top,from(#1D88B9),to(#1D78A2));
	background-image: -webkit-linear-gradient(bottom,#1D88B9,#1D78A2);
	background-image: -moz-linear-gradient(bottom,#1D88B9,#1D78A2);
	background-image: -o-linear-gradient(bottom,#1D88B9,#1D78A2);
	background-image: linear-gradient(to bottom,#1D88B9,#1D78A2);

}

.cleary-menu-ul li a:hover, .cleary-menu-ul li a.active {
	color: #FFFFFF;

	background: #2279A0;
	background-image: -webkit-gradient(linear,left bottom,left top,from(#2279A0),to(#2990BF));
	background-image: -webkit-linear-gradient(bottom,#2279A0,#2990BF);
	background-image: -moz-linear-gradient(bottom,#2279A0,#2990BF);
	background-image: -o-linear-gradient(bottom,#2279A0,#2990BF);
	background-image: linear-gradient(to top,#2279A0,#2990BF);

	border-color: #1b607f;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
}
 


.cleary-menu-ul li a {
	color: #000000;
	text-transform: uppercase;
	color: #707070;
	text-align: right;
}

.cleary-text {
	float: left;
	width: 724px;
	padding: 10px 20px 10px 30px;
	box-sizing: border-box;
	border-left: 1px solid #F3F3F3;
	background: #fff;
	width: expression((this.parentNode.clientWidth - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
	height: expression((this.parentNode.clientHeight - parseInt(this.currentStyle['paddingTop']) - parseInt(this.currentStyle['paddingBottom'])) + 'px');
}

#cleary-box .row{
	padding: 15px 5px;
	border-bottom:1px solid #F3F3F3;
	clear: both;
	overflow: hidden;
	line-height: 13px;
}

#cleary-box .row .label,.form-table th{
	width: 200px;
	color:#555;
	float: left;
	font:italic 15px/22px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
}
#cleary-box .row .values{
	width: 365px;
	float: right;
}

#cleary-box .row .values input[type=text],#cleary-box .row .values textarea{
	width: 90%;
}

/* == CHECKBOX ===========================*/
#cleary-box [type="checkbox"]:not(:checked),
#cleary-box [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
#cleary-box [type="checkbox"]:not(:checked) + label,
#cleary-box [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 75px;
  cursor: pointer;
}
#cleary-box [type="checkbox"]:not(:checked) + label:before,
#cleary-box [type="checkbox"]:checked + label:before,
#cleary-box [type="checkbox"]:not(:checked) + label:after,
#cleary-box [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
}
#cleary-box [type="checkbox"]:not(:checked) + label:before,
#cleary-box [type="checkbox"]:checked + label:before {
  left:0; top: -3px;
  width: 65px; height: 30px;
  background: #DDDDDD;
  border-radius: 15px;
  transition: background-color .2s;
}
#cleary-box [type="checkbox"]:not(:checked) + label:after,
#cleary-box [type="checkbox"]:checked + label:after {
  width: 20px; height: 20px;
  transition: all .2s;
  border-radius: 50%;
  background: #7F8C9A;
  top: 2px; left: 5px;
}

/* on checked */
#cleary-box [type="checkbox"]:checked + label:before {
  background:#555656; 
}
#cleary-box [type="checkbox"]:checked + label:after {
  background: #D7DCDE;
  top: 2px; left: 40px;
}

#cleary-box [type="checkbox"]:checked + label .ui,
#cleary-box [type="checkbox"]:not(:checked) + label .ui:before,
#cleary-box [type="checkbox"]:checked + label .ui:after {
  position: absolute;
  left: 6px;
  width: 65px;
  border-radius: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  transition: all .2s;

  top:0;
}
#cleary-box [type="checkbox"]:not(:checked) + label .ui:before {
  content: "✕";
  left: 32px
}
#cleary-box [type="checkbox"]:checked + label .ui:after {
  /*content: "✓";*/
  content: "   ✔";
  color: #D7DCDE;
}
#cleary-box [type="checkbox"]:focus + label:before {
  border: 1px dashed #777;
  box-sizing: border-box;
  margin-top: -1px;
}





.kkadmin-radio-prev-box{
	float: left;
    height: 82px;
    margin: 0 0 10px 10px;
    width: 77px;
}

.kkadmin-radio-prev-box:first-child{
	margin-left: 0;
}

.kkadmin-radio-prev-class label{
	display: block;
	position: relative;
	top: -12px;
    height: 82px;
    width: 77px;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #666;
}

.kkadmin-radio-prev-box label {
    background: -moz-linear-gradient(center top , #EEEEEE 0%, #FCFCFC 100%) repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin: 5px 0;
}


.kkadmin-radio-prev-box input {
	display: none;
}

.kkadmin-radio-prev-class input{
	cursor: pointer;
    left: 20px;
    opacity: 100;
    outline: medium none;
    position: relative;
    top: 40px;
}

.kkpb-radio-prev-class{
	display: block;
	width: 85%;
	height: 55px;
	margin: 5px 0 0 4px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px #fff solid;
	float: left;
}

.kkadmin-radio-prev-box.kkadmin-active label{
	box-shadow: 0 0 5px #000;
	background: rgb(86,86,86);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(86,86,86,1) 0%, rgba(40,52,59,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,1)), color-stop(100%,rgba(40,52,59,1)));
	background: -webkit-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(40,52,59,1) 100%);
	background: -o-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(40,52,59,1) 100%);
	background: -ms-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(40,52,59,1) 100%);
	background: linear-gradient(top, rgba(86,86,86,1) 0%,rgba(40,52,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#28343b',GradientType=0 );
	border-color: #000; 
	color: #fff;
}

.kkadmin-radio-prev-box.kkadmin-active label,.kkadmin-radio-prev-box label{
	display: block;
	text-align: center;
	font-size: 10px;
}

.kkadmin-radio-prev-box.kkadmin-active .kkpb-radio-prev-class{
	border-color: #000; 
}

.kkpb-texture-glass.kkpb-radio-prev-class, .kkpb-texture-paski.kkpb-radio-prev-class{
	background-color: #000;
}

.kkadmin-radio-prev-box .top-left {
	background: url('../images/top-right.jpg') no-repeat;
}



/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
input.radiolarge[type=radio] {
    display:none; 
    margin:10px;

}
 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input.radiolarge[type=radio] + label {
    display:inline-block;
    /*margin:-2px;*/
    padding: 8px 14px;
    background-color: #EEEEEE;
    border-color: #ddd;
    font-size: 16px;
    transition: all .2s;

}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input.radiolarge[type=radio]:checked + label { 
	background-image: none;
	background-color: #2A363C;
	color: #fff;
	box-shadow: 0px 0px 4px #7F8C9A;
}

.group-radios-cleary-admin{
	padding: 5px;
	background-color: #EEEEEE;
	display:inline-block
}




.my-color-field-picker{
	width: 30%;
}
.form-table th{
	width: 160px !important;
}


.clearly-theme-general .form-table tr,
.clearly-theme-colors  .form-table tr,
.clearly-theme-default .form-table tr,
.clearly-theme-post .form-table tr,
.clearly-theme-social .form-table tr,
.clearly-theme-typography .form-table tr,
.clearly-theme-miscellaneous .form-table tr,
.clearly-theme-ads .form-table tr
{
	border-bottom: 1px solid #dfdfdf;
}

.clearly-theme-general input[type="text"]{
	width: 100%;
}

.clearly-theme-general p,
.clearly-theme-colors p,
.clearly-theme-default p,
.clearly-theme-post p,
.clearly-theme-social p,
.clearly-theme-typography p,
.clearly-theme-miscellaneous p,
.clearly-theme-ads p{
	padding: 10px 0;
}

.clearly-theme-social input[type='text']{
	width: 250px;
}

.clearly-theme-colors .form-table{
	width: 500px;
}

.clearly-theme-miscellaneous textarea,.clearly-theme-ads textarea{
	width: 300px;
	height: 120px;
}
.clearly-theme-miscellaneous tr,.clearly-theme-ads tr{
	border-bottom: 1px solid  rgb(238, 238, 238);
}



/* REMIX */
.relative{
	position: relative;
}
.overflow-hidde{
	overflow: hidden;
}

.admin_delete_image_upload{
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: url(../images/delete.png) no-repeat;
	cursor: pointer;
}

.withLove {
	overflow: hidden;
	cursor: default;
	color: #616c84;
	margin: 51PX 0 0 184PX;
	position: absolute;
	width: 50px;
	height: 50px;
}
.withLove .heart {
	margin: 0 -2px;
	position: relative;
	z-index: 3;
	-webkit-animation: throb 1.33s ease-in-out infinite;
	animation: throb 1.33s ease-in-out infinite;
}

.withLove .heart path {
	fill: #DE6B6A;
}


@-webkit-keyframes throb {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes throb {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}