.setting{position:relative; }
input[type="text"]{background: none repeat scroll 0 0 #fdfdfd;
    border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #555;
    display: block;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 12px;
    padding: 5px;
    resize: none;
	box-shadow:0 0 2px 1px rgba(0,0,0,0.05);}
	
	
.comment{ width:1200px; }
.short{ width:100px; }


.preview-box{
	margin-top:80px;
	background:#fafafa;
	width:31%!important;
	border:1px solid #eee;
}
.preview-box > div{
	padding:5px 10px;
}

.preview-component-con{
	position:absolute;
	top:0;
	right:0;
}

.preview-component{
	padding:10px;
	background:#eee;
	border:1px solid #ddd;
	box-shadow:0 0 2px 1px rgba(0,0,0,0.05);
}

.preview-all-con{
}

.preview-all{
	position:relative;
	width:auto;
	height:300px;
	padding:10px;
	background:#eee;
	border:1px solid #ddd;
	box-shadow:0 0 2px 1px rgba(0,0,0,0.05);
}
.preview-all > div{
	position:relative;
}

.preview-all .preview-player{
	width:400px;
	height:300px;
	position:relative;
}
.preview-all .preview-thumbs{
	position:absolute;
	left:400px;
	top:0;
}
.preview-all .preview-thumb{
	position:relative;
}
.preview-all .player_bg{
	position:absolute;
	width:400px;
	height:300px;
}
.preview-all .controls_bg{
	position:absolute;
	width:400px;
	height:25px;
	bottom:0;
}

.preview-player > *{
	position:absolute;
}
.preview-player .pp{ 
        width: 0;
        height: 0;
        border-width: 6px 0px 6px 9px;
		border-color: green transparent;
		border-style:solid;
}
.preview-player .vol{
        width: 10px;
        height: 10px;
        border-radius:5px;
}

.preview-player .full{
        width: 10px;
        height: 10px;
}


.preview-all.preview-html5player .preview-thumbs{
    position:absolute;
    left:410px;
    top:10px;
}
.preview-all.preview-html5player .preview-thumbs .preview-thumb{
    border-bottom: 1px solid #000;
}

.primary-button{ position: relative; text-decoration: none; 
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
	-moz-box-sizing: content-box;
    border-radius: 11px 11px 11px 11px;
    border-style: solid;
    border-width: 1px;
	border-color: #72C8DA;
    cursor: pointer;
    font-size: 12px !important;
    line-height: 13px;
    padding: 5px 12px;
    text-decoration: none; 
	background: #deefff;
background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deefff), color-stop(100%,#98bede));
background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%);
background: -o-linear-gradient(top, #deefff 0%,#98bede 100%);
background: -ms-linear-gradient(top, #deefff 0%,#98bede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 );
background: linear-gradient(top, #deefff 0%,#98bede 100%);
}
.primary-button:hover{ color: #fafafa; }

.arrow-down {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;

        border-top: 7px solid #ddd;
}

.toggle-title .arrow-down{
	position:absolute;
	right:25px;
	top:50%;
    margin-top: -3px;
}


.toggle-title{
	position:relative;
	margin:10px 0px 0px 10px;
	padding:2px 15px;
	background-color:#fafafa;
	width:auto;
	border:1px solid #dfdfdf;
	box-shadow:0 0 2px 2px rgba(0,0,0,0.02);
	cursor:pointer;
}
.toggle-content{
	position:relative;
	padding-top:20px;
    padding-bottom:20px;
	margin-left:20px;
}
.sidenote{  color:rgba(0,0,0,0.5); }


.one_half{
width:49%;
margin-right:2%;
float:left;
}

.one_third{
width:32%;
margin-right:2%;
float:left;
}

.two_third{
width:66%;
margin-right:2%;
float:left;
}
.last{
margin-right:0;
}



.type-selector{
    display: block;
    margin: 10px 0;
}
.type-selector > .big-button{
    display: inline-block;
    margin-right: 15px;
    opacity: 0.5;
    cursor: pointer;
}
.type-selector > .big-button.active{
    opacity: 1;
}

.settings-html5vg{
    display:block;
    clear:both;
}
.settings-flash{
    display:block;
    clear:both;
}

.clear{
clear:both;
}
.settings_block{ width:500px; display:inline-block; float:left; margin-right:30px; }
.preview_block{ width:700px; width: calc(100% - 530px); display:inline-block; float:left; }
.preloader{ position:relative; top:5px;  left:5px; width:20px; height:20px; background: transparent url('../styleimg/wpspin_light.gif') no-repeat center center; display:inline-block; opacity:0;

    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: 0.2s;
    -ms-transition-timing-function: ease-out;


}

input.with-colorpicker{
    display: inline-block;
}

.setting{
    margin-top:10px;
}

.footercomment{ margin-left:1em; }