hr{
	border:0;
	height:1px;
	background:#eee;
	display:block;
	margin-top:30px;
}
h3{
	margin-top: 35px;
	margin-bottom: 10px;
}
h4{


	font-size: 13px;
	font-weight: bold;
}
h4.non-underline{
	text-decoration:none;
}
.underline{
	text-decoration:underline;
}
.block{ padding-top:20px; padding-bottom:20px;
}
#footer { display:none; }


input+.ui-slider{
	margin-top: 10px;
}

table.dzs_admin_table{
    border-spacing: 0;
    border-style: solid;
    border-width: 1px;
    clear: both;    
	margin: 20px auto;
    width: 98%;
    font-family: Helvetica, Arial,sans-serif;
    color:#777;
    box-shadow: 0 0 5px 0px #111;
}
.dzs_admin_table thead th{
	border-bottom: 1px solid #aaa;
	padding: 20px 20px 15px 20px;
	text-align:left;
	color:#222;
	font-style:normal;
}
.dzs_admin_table tbody td{
	padding: 17px 20px 12px 20px;
	text-align:left;
}

.dzs_admin_table tbody tr{
	background: #fafafa;
	border-bottom: 1px solid #ccc;
}
.dzs_admin_table tbody tr:nth-child(even){
	background: #f7f7f7;
}

.dzs_admin_table tbody tr:hover{
	background: #eee;
}

.dzs_admin_table .column-name{
	width: 70%;
}
.dzs_admin_table .slider-in-table.active td:first-child{
    font-weight: bold;
}
.dzs_admin_table .column-edit, .button_view{
	text-align:center!important;
}
.slider-con{
	
	position:relative;
	top:0;
	left:0;
	margin-top:30px;
	min-width:1130px;
}

.settings-con{
}
.setting{
    display:block;
    margin-bottom: 15px;
}
.setting .setting-label{
	margin:1em 0 0.5em 0.2em;;
}

.setting>div.label, .setting>div.setting-label{
	font-weight: bold;
	margin-bottom: 10px;
}
.settings-con{
	position:relative;
	top:0; left:0;
	padding:7px 10px 20px 10px;
	background-color:#fafafa;
	border:1px solid #eee;
	width:230px;
	border-radius:5px;
	float:left;
	margin-right:15px;
}
.master-settings{ min-height:350px; position:relative;}
.master-settings.only-settings-con .settings-con{
    width: 90%;
}
.master-items-con{
	position:relative;
	float:left;
}
html[dir="rtl"] .master-items-con{
	right:300px;
}
.items-con{
	margin-top:10px;
	width:820px;
}
.item-con{ display:inline-block; margin:5px; position:relative; }


.item-con.active .item-settings-con{
    display: block;
}
.item-con.active .item-preview{
    cursor: move;
    cursor: -webkit-grab;
}
.item-delete{ position:absolute; top:-5px; right:-5px; text-align:center; width:20px; height:20px; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:        border-box;	border-radius:15px; background-color:#C8857A; cursor:pointer;
border: 1px solid rgba(0,0,0,0.5);
color:#555;
}
.item-duplicate{ position:absolute; bottom:0px; left:0; text-align:center; width:20px; height:20px; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:        border-box;	border-radius:15px; background:#aaa url(img/copy.png) no-repeat 50% 50%; cursor:pointer;
}
.item-settings-con:before{
content:"arrow";
font-size:0px;
	position:absolute;
	top:-15px; left:25px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fafafa;
	z-index:2;
}
.item-settings-con:after{
content:"arrow";
font-size:0px;
	position:absolute;
	top:-17px; left:24px;
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-bottom: 17px solid #eee;
	z-index:1;
}
.item-settings-con{ 
display:none;
	position:absolute;
	top:100px; left:0;
	padding:7px 10px 20px 10px;
	background-color:#fafafa;
	border:1px solid #eee;
	width:480px;
	border-radius:5px;
	z-index:3;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
}
.item-settings-con img{
	max-width: 100%;
}
.item-preview{ width:90px; height:90px;  background-color:#eee; border:1px solid rgba(0,0,0,0.5); cursor:pointer;
-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
.ui-state-highlight{  width:90px; height:90px; background-color:transparent; display:inline-block; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:        border-box;	 border:1px dashed #F00;
}

.add-item{ display:block; margin:10px; width:50px; height:50px; background: transparent url('img/plus.png') no-repeat 50% 50%;  }

.floatleft220{ display:inline-block; width:220px;
}
.floatleft220 .textinput{  width:140px;
}
.br1{ border-left:1px solid rgba(0,0,0,0.1); margin-left:5px; padding-left:5px;
}


.main-source{ resize:none; }

/*====info-con*/
.info-con  { width:12px; height:12px; display:inline-block; margin-left:5px; position:relative; top:1px; }
.info-con .info-icon { width:12px; height:12px; background:url('./img/info.png'); cursor:pointer; }
.info-con .sidenote { display:none; opacity:0; width:700px; position:absolute; top:12px; left:0; background:#222; padding:10px; border:#010101; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	 }
.info-con:hover > .sidenote { display:block; opacity:1; }
/*====info-con END*/
.sidenote{
	margin:10px 0;
	font-style:italic;
	color:#bbb;
	font-size:0.9em;
}
h4 .sidenote{ text-decoration:none; }



.import-error{ margin-top:20px; 
background: none repeat scroll 0 0 yellow;
border: 1px solid #333333;
margin-top: 20px;
padding: 15px;
-moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:        border-box;	
display:inline-block;
}


.top-buttons{
	margin-bottom:15px;
}

.import-export-db-con{
	position:absolute;
	left:350px;
	top:41px;
}
.import-export-db-con .the-toggle{
	width:30px;
	height:30px;
	border-radius:25px;
	background-color:#eee;
	border:1px solid #ccc;
	background-image:url('img/gear.png');
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:20px;
	cursor:pointer;
	position:fixed;
	top:50px;
	right:30px;
}
.import-export-db-con .the-content-mask{
	position: fixed;
    right: 30px;
    top: 90px;
	overflow:hidden;
	z-index:55;
}

.import-export-db-con .the-content{
	padding:15px;
	position:relative;
	top:19px;
	background-color:#333;
	background-repeat:repeat;
	border:1px solid rgba(0,0,0,0.8);
	z-index:51;
	color:#fff;
	width:350px;
}

.import-export-db-con .the-content:after, .import-export-db-con .the-content:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.import-export-db-con .the-content:after {
	border-color: rgba(213, 232, 222, 0);
	border-bottom-color: #333;
	border-width: 15px;
	right: 3px;
	margin-left: -15px;
}
.import-export-db-con .the-content:before {
}


.import-export-db-con .the-content h1 { margin-top:0; color: #eee; opacity: 0.5; }
.import-export-db-con .the-content h2 { margin-top:2px; color: #eee; }
.import-export-db-con .the-content h3 { margin-top:2px; color: #eee; font-size: 13px; font-weight: normal; }
.import-export-db-con .the-content .clear {     border-bottom: 1px solid #ffffff;
    height: 15px;
    margin-bottom: 15px;
}
.import-export-db-con .the-content .clear:last-child {     border-bottom: 0px solid #222222;
    height: 15px;
	margin-bottom:0;
}

*[class*="master-save"]{
	bottom: 15px;
    position: fixed;
    right: 125px;
    z-index: 5;
}

*[class*="slider-save"]{
	bottom: 15px;
    position: fixed;
    right: 15px;
    z-index: 5;
}

.import-export-db-con input[type=submit]{
	margin-top: 10px;
}




.extra-options{
	border:1px solid rgba(0,0,0,0.3);
	padding:10px;
	padding-bottom:20px;
background: #4c4c4c;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #4c4c4c 0%, #262626 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(97%,#262626));
background: -webkit-linear-gradient(top, #4c4c4c 0%,#262626 97%);
background: -o-linear-gradient(top, #4c4c4c 0%,#262626 97%);
background: -ms-linear-gradient(top, #4c4c4c 0%,#262626 97%);
background: linear-gradient(top, #4c4c4c 0%,#262626 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#262626',GradientType=0 );
}
.extra-options h3{
	color:#eee;
}

/*===== S A V E   C O N F I R M E R */
.saveconfirmer { position:fixed; left:50%; top:50%; text-align:center; width:180px; padding:20px; height:auto; margin-left:-100px; margin-top:-25px;
box-shadow:0 0 5px 0px rgba(0,0,0,0.5);
background: #d2ff52;
color:#111;
	font-weight: bold;
}



.meta-header{ font-size:1.4em; font-family:Verdana, Geneva, sans-serif; margin:1em 0 1.5em; }
.alignright { text-align:right; }

.one_half{ width:48%; }
.one_third{ width:30.65%; }

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}



.big-title{ font-size:2em; }


/* ------- select hidden metastyle styling */
.select-hidden-metastyle{
	position:relative;
}
.select-hidden-metastyle select, .select-hidden-metastyle .select-wrapper{
	display:none;
}
.select-hidden-metastyle .option-con{
	position:relative;
	display:block;
}
.select-hidden-metastyle .option-con > .an-option{
	position:relative;
	display:block;
	float:left;
	width: 200px;
	border:1px solid rgba(0,0,0,0.3);
	padding:10px 10px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
        font-family:  'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
font-size: 11px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;;
backface-visibility:visible;
background:#fdfdfd;
opacity:0.7;
cursor:pointer;
}
.select-hidden-metastyle .option-con > .an-option.active{
box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
opacity:1;
}
.select-hidden-metastyle .option-con > .an-option > .an-title{
	font-weight:normal;
	color:#0CC;
	font-size:14px;
	margin-bottom:5px;
}
.select-hidden-metastyle.select-hidden-foritemtype .an-option{
	padding:5px 10px;
	display:inline-block;
margin-bottom:5px;
width: 40%;
}
.select-hidden-metastyle.select-hidden-foritemtype .an-option .an-desc{
	display:none;
}
.select-hidden-metastyle.select-hidden-foritemtype .an-option.active .an-desc{
	display:block;
}
/* -------select hidden metastyle styling END */


/* -------database select styling */

.db-select{display:inline-block;
position:relative;
}
.db-select .db-select-nicecon{
	display:block;
	width:220px;
	height:120px;
	background-color:#444;
	border:1px solid rgba(0,0,0,0.8);
	z-index:51;
	position:absolute;
	left:109px;
	top:40px;
	border-radius:3px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:10px;
        font-family:  'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 11px;
opacity:0;
visibility:hidden;
  transform:scale(0);
  -webkit-transform:scale(0);

  transition-property: transform, top, opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  -moz-transition-property: transform, top, opacity, visibility;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: transform, top, opacity, visibility;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: transform, top, opacity, visibility;
  -o-transition-duration: 0.2s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: transform, top, opacity, visibility;
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: ease-out; 
}
.db-select .db-select-nicecon.active{
opacity:1;
visibility:visible;
  transform:scale(1);
  -webkit-transform:scale(1);
}

.db-select .db-select-nicecon:after, .db-select .db-select-nicecon:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.db-select .db-select-nicecon:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #333;
	border-width: 5px;
	left: 20px;
	margin-left: -5px;
}
.db-select .db-select-nicecon:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: rgba(0,0,0,0.8);
	border-width: 7px;
	left: 20px;
	margin-left: -7px;
}
.db-select .db-select-nicecon .inner{
	width:100%;
}
.db-select .db-select-nicecon .a-db-option{
	display:block;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:3px 5px;
	margin-top:5px;
	background:#fff;
	color:#111;
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.3);
	background: rgb(255,255,255);
	cursor:pointer;
	
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.db-select .db-select-nicecon .a-db-option:first-child{
	margin-top:0;
}
.db-select .db-select-nicecon .a-db-option a.todb{
	position:absolute;
	right:5px;
	text-decoration:none;
        font-family:  'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 12px;
}
.db-select .db-select-nicecon .a-db-option input.newdb{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-size:9px;
	padding:2px 2px 0px;
	width:50px;
	margin:0 3px;
	vertical-align:top;
	height:17px;
	border: 1px solid rgba(0,0,0,0.3);
  transition-property: box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.db-select .db-select-nicecon .a-db-option input.newdb.attention{
	box-shadow: 0 0 3px 0 red;
}
/* -------database select styling END */
	

.modes-con{
	float:none;
    overflow: hidden;
}
.slider-con{
}
.slider-con .mode_normal{
	display:none;
}
.slider-con .mode_ytuser{
	display:none;
}
.slider-con .mode_ytplaylist{
	display:none;
}
.slider-con .mode_vimeouser{
	display:none;
}
.slider-con.mode_normal .mode_normal{
	display:block;
}
.slider-con.mode_ytuser .mode_ytuser{
	display:block;
}
.slider-con.mode_ytplaylist .mode_ytplaylist{
	display:block;
}
.slider-con.mode_vimeouser .mode_vimeouser{
	display:block;
}



.item-settings-con > .setting{
    display: none;
}
.item-settings-con > .setting.type_all{
    display: block;
}



.item-settings-con.type_soundcloud .type_soundcloud{
    display: block;
}


.item-settings-con.type_mediafile .type_mediafile_hide{
    display: none;
}



.strong{
	font-weight:bold;
}
.warning{
    background: yellow;
    border: 1px solid red;
    padding: 15px 10px;
}

.dzsap-save-main-options{
	position: fixed;
	bottom: 25px;
	right: 25px;

	z-index: 55;
}