
/************
	UTILS STYLES 
************/

	.dc-code {
		border: 1px solid #ddd;
		padding: 8px;
		background: #fff;
	}

	.dc-clear {
		display: block;
		visibility: hidden;
		width: auto;
		height: auto;
		clear: both;
	}

	.dc-group {
		background: #f2f2f2;
		padding: 20px 0;
		margin-bottom: 20px;
	}

	.dc-group .dc-input:last-child {
		margin-bottom: 0;
	}

	.dc-half {
		width: 47%;
		margin-right: 4%;
		float: left;
	}

	.dc-half.last {
		margin-right: 0;

	}

	.dc-twothird {
		width: 63%;
		margin-right: 4%;
		float: left;
	}

	.dc-third {
		width: 33%;
		margin-right: 4%;
		float: left;
	}

	.dc-third.last {
		margin-right: 0;
	}


/************
	INPUT
************/

	.dc-input {
		margin: 15px 0;
		padding: 0 15px;
	}

	.dc-input label {
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.dc-input input[type="text"], .dc-input select, .dc-input textarea {
		display: block;
		margin: 0;
	}

	.dc-input .dc-upload-admin-input {
		display: inline-block !important;
		margin-right: 5px !important;
	}

	.dc-input .dc-upload-admin-input {
		margin-bottom: 5px !important;
	}

	.dc-input textarea {
		width: 300px;
		height: 100px;
	}

	.dc-input .dc-help {
		font-style: italic;
		color: #777;
		padding-top: 8px;
		display: block;
	}

	.dc-input .dc-radio {
		display: inline-block;
		margin-right: 10px;
	}

	.dc-input .dc-radio input[type="radio"], .dc-input input[type="checkbox"] {
		margin-right: 5px;
		line-height: 25px;
	}

	.dc-input .preview img {
		display: block;
		border-top: 1px solid #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;

	}

	.dc-input .dc-preview {
		display: block;
		border: 1px dotted #c5c5c5;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		margin-bottom: 20px;
		float: left;
		margin-right: 20px;
		width: 80px;
		height: 65px;
		margin-bottom: 0;
	}

	.dc-input .dc-preview img {
		max-width: 100%;
		height: auto;
		display: block;
		border-radius: 15px;
		-webkit-border-radius: 15px;
	}


	.dc-input.dc-main-image .dc-preview {
		float: none;
	}

/************************
	SLIDES
************************/

	.dc-slide {
		background: #fff;
		margin: 20px 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.dc-slide .dc-header {
		
		border-radius: 5px;
		-webkit-border-radius: 5px;

		background: #999999;
		background: -moz-linear-gradient(top,  #999999 0%, #555555 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#555555));
		background: -webkit-linear-gradient(top,  #999999 0%,#555555 100%);
		background: -o-linear-gradient(top,  #999999 0%,#555555 100%);
		background: -ms-linear-gradient(top,  #999999 0%,#555555 100%);
		background: linear-gradient(to bottom,  #999999 0%,#555555 100%);

		border: 1px solid #333;

		box-shadow: inset 0 1px 0 0  #fff;
		-webkit-box-shadow: inset 0 1px 0 0  #fff;
		padding: 10px 20px;
	}

	.dc-slide .dc-header.editing {
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
	}

	.dc-slide .dc-header .thumb {
		float: left;
		border: 1px solid #333;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		width: 80px;
		height: 60px;
	}

	.dc-slide .dc-header .thumb img {
		display: block;
		border-top: 1px solid #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.dc-slide .dc-header .dc-commands {
		float: right;
		padding-top: 15px;
	}

	.dc-slide .dc-header .dc-commands a {
		margin-left: 10px;
	}

	.dc-slide .dc-content-slide {
		border: 1px solid #ccc;
		border-top: none;
		padding: 20px;
		display: none;
	}

	.dc-slide .dc-content-slide .dc-input:first-child {
		margin-top: 0;
	}

	.dc-slide .dc-content-slide .dc-main-image .dc-preview {
		display: block;
		border: 1px solid #333;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		margin-bottom: 20px;
		width: auto;
		height: auto;

	}

	.dc-slide .dc-content-slide .dc-main-image .dc-preview img {
		max-width: 100%;
		height: auto;
		display: block;
		border-top: 1px solid #fff;
		border-radius: 15px;
		-webkit-border-radius: 15px;
	}

	.dc-slide .dc-content-slide .dc-input input[type="text"], 
	.dc-slide .dc-content-slide .dc-input textarea {
		/*border: 1px solid #aaa;
		padding: 8px 10px;
		color: #888;
		box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.3);*/
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}

	.dc-slide .dc-content-slide .dc-input select {

	}

	.dc-slide .dc-content-slide .dc-input select option {
	}

	.dc-slide .dc-content-slide .dc-input input[type="text"] {
		display: inline-block;
		width: 200px;
	}

	.dc-slide .dc-content-slide .dc-input input[type="button"], .layer-manager-content .layer-manager-display .dc-input input[type="button"] {
		
		/*
		display: inline-block;
		border: 1px solid #333;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 8px 20px;

		background: #999999;
		background: -moz-linear-gradient(top,  #999999 0%, #555555 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#555555));
		background: -webkit-linear-gradient(top,  #999999 0%,#555555 100%);
		background: -o-linear-gradient(top,  #999999 0%,#555555 100%);
		background: -ms-linear-gradient(top,  #999999 0%,#555555 100%);
		background: linear-gradient(to bottom,  #999999 0%,#555555 100%);

		color: #ffffff;
		font-weight: bold;

		box-shadow: inset 0 1px 0 0  #fff;
		-webkit-box-shadow: inset 0 1px 0 0  #fff;
		*/

		border-radius: 3px 3px 3px 3px;
	    border-style: solid;
	    border-width: 1px;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 12px;
	    height: 24px;
	    line-height: 23px;
	    margin: 0;
	    padding: 0 10px 1px;
	    text-decoration: none;
	    white-space: nowrap;

		background-color: #21759B;
	    background-image: linear-gradient(to bottom, #2A95C5, #21759B);
	    border-color: #21759B #21759B #1E6A8D;
	    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
	    color: #FFFFFF;
	    text-decoration: none;
	    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	    -moz-box-sizing: border-box;
    
	}

	.dc-new-slider {
		margin-bottom: 0px;
	}

	.dc-new-slider a {
		display: inline-block;
		border: 1px solid #333;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 8px 20px;

		background: #999999;
		background: -moz-linear-gradient(top,  #999999 0%, #555555 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#555555));
		background: -webkit-linear-gradient(top,  #999999 0%,#555555 100%);
		background: -o-linear-gradient(top,  #999999 0%,#555555 100%);
		background: -ms-linear-gradient(top,  #999999 0%,#555555 100%);
		background: linear-gradient(to bottom,  #999999 0%,#555555 100%);

		color: #ffffff;
		font-weight: bold;

		box-shadow: inset 0 1px 0 0  #fff;
		-webkit-box-shadow: inset 0 1px 0 0  #fff;

		line-height: 32px;

		text-decoration: none;
		font-weight: bold;
	}

	.dc-new-slider a img {
		float: left;
		margin-right: 10px;
	}

	.dc-slide-clone {
		display: none;
	}

