/*-----------------------------------------------------------------------------
KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT
Screen Stylesheet
version: 1.0
date: 07/27/11
author: themepunch
email: support@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/**********************
- RESET -
************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
* {
/* -moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
*/
}
.toolpad * {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
/***********************
- BASICS -
***********************/
body { font-family: 'Open Sans', sans-serif; color:#888; font-weight:400;}
p { font-size:13px; font-weight: 400; line-height:22px;}
h2 { color:#000; font-size:17px; font-weight:700; margin-bottom:20px;}
h2.redtitle { padding:9px 20px; width:100%; background:#e33a0c; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
margin-bottom:40px;
}
h2.nobottommargin { margin-bottom:0px;}
.container { max-width:1170px;margin:auto; }
.clear { clear:both;}
.float-left { float:left;}
.float-right { float:right;}
.divide40 { width:100%; height:40px;}
.mb30 { margin-bottom:30px;}
.mlb30 { margin-left:30px; margin-bottom:30px;}
.mrb30 { margin-right:30px; margin-bottom:30px;}
.table { display:table; padding-bottom:35px;}
.table.nbp { padding-bottom:0px;}
.table-cell { display: table-cell; vertical-align: top; }
.table-cell img{ width: 220px; }
.lp30 { padding-left:30px;}
.rp30 { padding-right:30px;}
hr { border:none; border-top:2px solid #eee; margin:0px 0px 40px;}
.boxed-content hr { border:none; border-top:2px solid #eee; margin:0px -40px 40px;}
hr.nohormargin { margin: -1px -1px 40px 0px}
.one_third { width:32%; margin-right:1%; float:left;}
.one_third.last{ margin-right:0;}
a,a:visited { color:#e33a0c}
a:hover { text-decoration: none;}
/******************************
- HEADER -
********************************/
header { width:100%; padding:40px 30px 37px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.content { width:100%; padding:0px 30px 0px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.logo-container { float:left; width:50%;}
.logo { background:url(assets/logo.png); background-size:100%; background-position: center center; background-repeat:no-repeat;max-width:406px; height:60px; }
.buy-and-socials { float:right; width:50%;}
.button-holder { margin-bottom:10px;}
.button,
.button:hover,
.button:visited { float:right;background-color:#e33a0c; color:#fff; text-decoration: none; font-weight:300; font-size:14px; padding:8px 15px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
/******************************
- MENU -
********************************/
menu { border-top:2px solid #eee;border-bottom:2px solid #eee; padding:0px 0px 13px; margin-bottom:8px;}
.menubutton,
.menubutton:visited,
.menubutton:hover { margin-top:13px;text-decoration: none; line-height:30px; color:#000; font-weight:800; font-size:14px; float:left; margin-right:20px; padding-right:20px; border-right:2px solid #eee;}
.submenu .menubutton,
.submenu .menubutton:visited,
.submenu .menubutton:hover { margin-top:0px;text-decoration: none; line-height:30px; color:#aaa; font-weight:700; font-size:14px; float:left; margin-right:40px;padding-right:0px; border:none; }
.submenu i { font-size:20px; font-weight: 300; margin-right:10px;}
.menubutton.noborder,
.menubutton.noborder:hover,
.menubutton.noborder:visited { border-right:none !important; padding-right:0px; margin-right:0px;}
.icon-responsive { width:35px; height:28px; background:url(assets/icon-responsive.jpg) no-repeat center top 100%; float:left;margin-right:10px;}
.icon-fullscreen { width:35px; height:28px; background:url(assets/icon-fullscreen.jpg) no-repeat center top 100%; float:left;margin-right:10px;}
.icon-fullwidth { width:35px; height:28px; background:url(assets/icon-fullwidth.jpg) no-repeat center top 100%; float:left;margin-right:10px;}
.redcircle { background-color:#e33a0c; font-size:12px; padding:1px 7px; margin-right:10px; color:#fff; font-weight:400; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
.menubutton:hover,
.menubutton:active { color:#e33a0c !important}
.submenu .menubutton:hover,
.submenu .menubutton:active { color:#000 !important;}
/******************************
- TOOLPAD -
********************************/
.toolpad { padding:20px 30px; border:2px solid #eee; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px; border-top:none; position: relative}
.tool { float:left;width:33.3%;margin-right:0%;display:table; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
padding-left:20px;}
.tool.first { padding-left:0px; position: relative;}
.tooltext { font-size:13px; font-weight:700; color:#777; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
background-color:#f5f5f5; border:1px solid #eee; padding:10px 15px;float:left;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
display:table-cell;width:100%;
}
.tooltext.long { }
.tooltext.norightcorner { border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;}
.toolcontrols { display:table-cell; width:95px; vertical-align: top;}
.toolcontrols.short { width:40px;}
.toolcontroll { width:40px; height:40px; background:#eee; float:left; color:#cccccc; line-height:40px; text-align: center; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
cursor:pointer;
}
.toolcontroll.noleftcorner { border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;}
.toolcontroll.withspace { margin-left:10px;}
.toolcontroll.withspace2 { margin-left:5px;}
.centertop,.centerbottom { line-height:1px; height:10px; }
.centertop { margin-top:7px;}
.tryme { background:url(assets/tryme.png); background-size:100%; width:83px; height:25px; position:absolute; right:-89px; top:50%; margin-top:-12px; margin-left:-20px;}
.tool:hover .tooltext { color:#fff; background-color:#e33a0c; border-color:#e33a0c;}
.tool:hover .toolcontroll { color:#fff; background:#aa2b09}
/******************************
- TRANSITION SELECTBOX -
********************************/
.transition-selectbox-holder { display:none;width:320px; height:400px; background:#fff; border:7px solid #ccc; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:absolute; top:-410px; left:0px;z-index:1000;padding:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:0px;}
.transition-selectbox { overflow:hidden;width:280px; height:360px; background:#fff; position:absolute; top:20px; left:20px;z-index:1000;}
.transition-selectbox-holder:after { width: 0;height: 0; content:" ";border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #ccc; bottom:-17px; left:50%; position: absolute;}
.transition-selectbox ul,
.transition-selectbox ul li { list-style: none; }
.transition-selectbox ul { margin-bottom:14px;}
.transition-selectbox ul li { cursor:pointer; font-size:13px; line-height:16px; padding:7px 10px; background-color:#eee; color:#888;font-weight:400; margin:0px 0px 2px 0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;;}
.transition-selectbox ul li:hover { background-color:#666; color:#fff;}
.transition-selectbox ul li:first-child,
.transition-selectbox ul li:first-child:hover { cursor:default; font-size:14px; color:#888; font-weight:800; text-transform: uppercase;margin-bottom:14px;padding:0;background:transparent;}
/******************************
- FURTHER CONTENT -
********************************/
.boxed-content { background-color:#f5f5f5; padding:40px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding-bottom:36px;
}
.flist { font-size:13px;color:#000;}
.flist ul, .flist li { list-style: none;}
.flist ul { margin-bottom:35px;}
.flist ul li { margin-bottom:12px; position: relative; padding-left:30px;}
.flist ul li:before { content:" ";width:14px;height:14px; position:absolute; left:0px; top:2px;background:url(assets/check.png) center bottom;}
.flist ul li:first-child:before { content:""; background:none;}
.flist ul li:first-child { font-weight:700;}
.flist ul li.new { color:#e33a0c;}
.newspan { font-size:12px;color:#fff; background:#e33a0c; padding:0px 5px;margin-left:10px;}
.sharings { height:21px; position:relative; overflow:visible;}
/******************************
- BANNERCONTAINER -
********************************/
.spectaculus { max-width:1230px; padding:0px 30px; margin:auto; position: relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.spectaculus2 { width:100%;padding:0; margin:auto; position: relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bannercontainer { position:relative;max-height:500px;}
/***************************************
- TABLE OF COMPATIBILITY -
****************************************/
table.features { width:100%; border-spacing:0px;}
table.features tr { font-size:13px;line-height:16px !important; color:#000; font-weight:900; font-family: 'Open Sans', sans-serif;
height:50px;
}
table.features td { vertical-align:middle;border-bottom:2px solid #eee;}
table.features span { font-size:13px;line-height:16px !important; color:#888; font-weight:500;}
table.features tr.titles { color:#888; font-size:13px; font-weight:400; text-align:center;}
.yo { background:url(assets/check.png) no-repeat; width:14px;height:13px; margin:auto;}
.nop { background:url(assets/no.png) no-repeat; width:12px;height:14px; margin:auto;}
@media only screen and (min-width: 0px) and (max-width: 479px) {
table.features tr,
table.features tr span { font-size:10px; line-height:12px;}
table.features tr span { display:none}
}
/******************************
- SCROLLPANE -
********************************/
/***********************************
- JS SCROLLPANE CLASSES -
************************************/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0px;
width: 8px;
height: 100%;
background: #eee !important;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
z-index:1020;
}
.transition-selectbox:hover .jspVerticalBar{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 15px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: none !important;
position: relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.jspDrag
{
background: #777;
position: relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
position: relative;
top: 0;
left: 0;
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 90%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 4px;
}
.jspHorizontalBar .jspArrow
{
width: 8px;
float: left;
height: 90%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 90%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
/******************************
- MEDIAQUERIES -
********************************/
@media only screen and (min-width: 980px) and (max-width: 1199px) {
}
@media only screen and (max-width: 1300px) {
.tryme { display:none;}
}
@media only screen and (max-width: 940px) {
.logo-container,
.buy-and-socials { width:100%; float:none; text-align: center;}
.logo { width:100%; margin:auto;}
.button,.button:hover,
.button:visited { float:none;}
.button-holder { margin-bottom:25px;}
.socials,
.license-getstarted { display:none;}
.menu-inner { margin:auto; width:550px;}
.submenu-inner { margin:auto; width:455px;}
header { padding:30px 20px 30px 20px}
.spectaculus,
.content { padding:0px 20px;}
}
@media only screen and (max-width: 750px) {
.toolpad { display:none;}
.one_third { width:48%; margin-right:2%; margin-bottom:0px;}
.one_third.last { clear:both;float:none; width:100%;}
}
@media only screen and (max-width: 650px) {
.menu-inner { margin:auto; width:220px;}
.submenu-inner { margin:auto; width:172px;}
.table-cell img { display:none;}
.table-cell { display:block;}
.table-cell.lp30,
.table-cell.rp30 { padding-left:0; padding-right:0}
.hidemeonmobile ,
.toolpad { display:none;}
}
@media only screen and (max-width: 600px) {
.one_third { width:100%; margin-right:0; margin-bottom:0px;}
}
@media only screen and (max-width: 495px) {
.submenu-inner { margin:auto; width:118px;}
.submenu .menubutton,
.submenu .menubutton:visited,
.submenu .menubutton:hover { font-size:12px; margin-right:20px; }
.submenu i { font-size:15px;}
.menubutton.noborder { margin-right:0px; }
}
/******************************
- CAPTION EDITOR -
********************************/
/******************************
- CSS Editor Styles -
********************************/
#css_editor_wrap,
#layeranimeditor_wrap, {
display: none;
}
#css_editor_wrap table,
#layeranimeditor_wrap table {
width: 616px;
}
#css_editor_expert {
display: none;
}
.opt_title{
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
}
.divide8{
height: 8px;
width: 100%;
}
.button-css-novice{
background: none repeat scroll 0 0 #00B6EA !important;
border: 1px solid #0084AA !important;
color: #FFFFFF !important;
text-shadow: none !important;
font-size: 12px;
margin-bottom: 10px !important;
margin-left: 4px !important;
}
#dialog_edit_css hr {
border-color: #DFDFDF;
border-image: none;
border-right: medium none;
border-style: solid none none;
border-width: 1px medium medium;
margin: 0;
padding: 0;
}
#dialog_edit_css table {
width: 100%;
}
#font-size-slider, #font-weight-slider, #border-width-slider {
width: 220px;
}
#font-size-slider .ui-slider-handle, #font-weight-slider .ui-slider-handle,
#border-width-slider .ui-slider-handle,
#line-height-slider .ui-slider-handle,
#background-transparency-slider .ui-slider-handle, .subslider .ui-slider-handle,
.rotationsliders .ui-slider-handle, .subslider_rotation .ui-slider-handle
{
font-size: 8px ;
line-height: 10px;
padding: 2px 0;
text-align: center;
text-decoration: none;
width: 27px;
top:-7px;
cursor: pointer;
}
#layeranimeditor_wrap .rotationsliders { width:150px;margin-bottom:10px;}
#layeranimeditor_wrap .rotationsliders .ui-slider-handle.ui-state-default.ui-corner-all { border:1px solid #d5d5d5;}
#layeranimeditor_wrap .tpshortinput { width:50px; margin-right:10px; float:left; margin-top:0px;}
.pad-input, .corn-input {
width: 35px;
}
#dialog_edit_css span, #dialog_edit_css input {
float: left;
}
input[name="css_font-size"], input[name="css_font-weight"]{
width: 50px;
}
#font_family {
float: left;
}
#css_preview {
}
.tp-present-wrapper-parent .tp-present-wrapper {
text-align: center;
width: 640px;
margin: 0px 0px 10px;
}
#layeranimeditor_wrap .tp-present-wrapper { padding: 0px !important; margin:0px; height:300px; width:100%;}
#layeranimeditor_wrap table { width:100%; padding:0px; background:#f1f1f1; font-size:12px;color: #222; }
#layeranimeditor_wrap table tr { padding:10px 0px}
#layeranimeditor_wrap .graybasicbg { background:#e9e9e9}
#layeranimeditor_wrap .css-edit-title { color:#2980b9 !important}
#css-editor-accordion
{
border-color: #DFDFDF !important;
-webkit-box-shadow: inset 0 1px 0 #FFF;
box-shadow: inset 0 1px 0 #FFF;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: sans-serif;
font-size: 12px;
color:#333;
}
#css-editor-accordion h3,
#css_static_editor_wrap
{
text-shadow: #FFF 0 1px 0;
color:#000;
font-family: sans-serif;
font-size:14px;
}
#css-editor-accordion .ui-accordion-header { margin-top:0px;}
#css-editor-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active,
#css_static_editor_wrap .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active
{
background: url(../images/grain.png) repeat #F1F1F1;
-webkit-border-radius: 0px 0px 3px 3px !important;
border-radius: 0px 0px 3px 3px !important;
border:1px solid #dfdfdf;
padding:10px 15px 30px;
}
#css_editor_wrap .ui-state-active,
#css-static-accordion .ui-state-active,
#css-static-accordion .ui-widget-content .ui-state-active,
#css-static-accordion .ui-widget-header .ui-state-active,
#css_editor_wrap .ui-widget-content .ui-state-active,
#css_editor_wrap .ui-widget-header .ui-state-active,
#css_static_editor_wrap .ui-widget-header .ui-state-active,
#css-static-accordion .ui-widget-header .ui-state-active,
#layeranimeditor_wrap .ui-state-active,
#layeranimeditor_wrap .ui-widget-content .ui-state-active,
#layeranimeditor_wrap .ui-widget-header .ui-state-active {
-webkit-border-radius: 3px 3px 0px 0px !important;
border-radius: 3px 3px 0px 0px !important;
border:1px solid #dfdfdf;
border-bottom: 1px solid #DFDFDF;
text-shadow: #FFF 0 1px 0;
-webkit-box-shadow: 0 1px 0 #FFF;
box-shadow: 0 1px 0 #FFF;
background: #F1F1F1;
background-image: -webkit-gradient(linear,left bottom,left top,from(#ECECEC),to(#F9F9F9));
background-image: -webkit-linear-gradient(bottom,#ECECEC,#F9F9F9);
background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: linear-gradient(to top,#ECECEC,#F9F9F9);
}
responsitive_row.disabled { display:none;}
#auto_height_row.disabled { display:none;}
#force_full_width_row.disabled { display:none;}
#full_screen_align_force_row.disabled { display:none;}
#slider_size_row table,
#slider_size_row td,
#slider_size_row th,
#slider_size_row tr,
#responsitive_row table,
#responsitive_row td,
#responsitive_row th,
#responsitive_row tr { padding:0 !important; margin:0 !important; vertical-align: middle !important}
#responsitive_row th { vertical-align: top !important; padding-top: 16px !important;padding-left:10px !important;}
#responsitive_row tr:first-child td { padding-top:10px !important}
#responsitive_row td td { padding-left:10px !important; padding-bottom:15px !important }
#slider_size_row th { padding-left:10px !important;}
#slider_size_row td td { padding-left:10px !important;}
.tpcsseditor, .tpdialogs { z-index:1000 ; position: fixed;}
.tpdialogs .ui-button-icon-primary.ui-icon.ui-icon-closethick,
.tpcsseditor .ui-button-icon-primary.ui-icon.ui-icon-closethick {
display: block;
margin: 1px;
left: 0px !important;
top: 0px !important;
}
.tp-present-wrapper-parent { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
opacity: 1 !important;
position: relative;
}
.tp-present-wrapper-parent .tipsy-arrow { display:none; }
.tp-present-caption { display: inline-block}
.tp-present-caption .tp-caption { position: relative !important}
.tp-present-wrapper { max-width:none !important; background:url(assets/trans_tile.png) repeat !important; display:inline-block !important;border:1px solid #d5d5d5 !important; border-radius: 0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; padding:15px 10px !important }
.tp-present-wrapper-parent-small { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
opacity: 1 !important;
position:absolute;
}
.tp-present-wrapper-parent-small .tipsy-arrow { display:none; }
.tp-present-caption-small { display: inline-block}
.tp-present-caption-small .tp-caption { position: relative !important}
.tp-present-wrapper-small { max-width:none !important; background:url(assets/trans_tile.png) repeat !important; display:inline-block !important;border:1px solid #d5d5d5 !important; border-radius: 0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; padding:15px 10px !important }
#sortlist li { background:#f1f1f1 !important}
/******************************
- SLIDE PARAMS -
********************************/
#slide_params_holder * { outline: none}
#slide_params_holder .form-table th { width:170px;}
#slide_params_holder .form-table tr { vertical-align: middle;}
#slide_params_holder .form-table input,
#slide_params_holder .form-table select,
#slide_params_holder .ui-dropdownchecklist-text,
#slide_params_holder .ui-dropdownchecklist-selector.ui-state-default { width:220px !important;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#slide_params_holder .form-table input[type="checkbox"],
#slide_params_holder .form-table input[type="radio"] { width:20px !important}
#slide_params_holder .form-table td { margin:0px;padding:0px; height:35px; }
#slide_params_holder .form-table td:nth-child(2) { width:250px !important}
#ddcl-slide_transition-ddw,
#ddcl-slide_transition_premium-ddw { height:300px !important; overflow-y: scroll; overflow-x:hidden;border:1px solid #d5d5d5; margin-top:-10px;}
#ddcl-slide_transition-ddw .ui-dropdownchecklist-dropcontainer.ui-widget-content,
#ddcl-slide_transition_premium-ddw .ui-dropdownchecklist-dropcontainer.ui-widget-content { overflow:hidden;}
#slide_params_holder .ui-state-default,
.ui-widget-content .ui-state-default { background: #f1f1f1;border:none}
#slide_params_holder .ui-state-default,
.ui-widget-content .ui-state-default { background: #f1f1f1;border:none}
#slide_params_holder .ui-dropdownchecklist-item.ui-state-default:nth-child(2n) { background:#f5f5f5}
#slide_params_holder .ui-widget-content { background:none; border:none;}
#slide_params_holder .ui-dropdownchecklist-text { line-height:20px; margin:0; padding:0px 5px}
#slide_params_holder .ui-dropdownchecklist-item { line-height:25px; padding:5px; vertical-align: middle}
#slide_params_holder span.ui-dropdownchecklist-selector.ui-state-default { border:1px solid #ddd; height:30px;}
#slide_params_holder span.ui-dropdownchecklist-selector.ui-state-default.ui-state-active { background:#3498db; color:#fff;}
#slide_params_holder span.ui-dropdownchecklist-text { line-height: 30px;}
.dropdowntitleoption { background:#f1c40f !important; color:#000; font-weight: bold}
.dropdowntitleoption input { display: none;}
/******************************
- PREVIEW TRANSITION -
********************************/
#preview_caption_transition { position: relative}
.preview_caption_wrapper { overflow:hidden;width:100%; height:200px; background:url(assets/trans_tile.png) repeat !important; position: relative}
#preview_caption_animateme,
#caption_custon_anim_preview { background:#3498db; padding:10px; font-size:15px; font-weight:400;font-family: sans-serif; color:#fff; position: absolute; top:82px; left:198px}
#caption_custon_anim_preview { top:78px; left:312px;}
#preview_looper { position:absolute; bottom:5px; right:5px; background:#fff; padding:2px; color:#2c3e50; font-size:14px;}
#preview_looper.deactivated { color:#e74c3c}
#preview_looper .replyinfo { font-size:12px;}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close.revgray.button-primary.rev-uibuttons { background-color:#f1f1f1 !important}
#auto_height_row .radio_inner_wrapper { float:left; margin-right:15px;}
#force_full_width_row .radio_inner_wrapper { float:left;margin-right:15px;}
#full_screen_align_force_row .radio_inner_wrapper,
#full_screen_force_full_width_wrapper .radio_inner_wrapper { float:left;margin-right:15px;}
#divLayers .slide_layer { -webkit-font-smoothing: antialiased !important;}
.tp-present-wrapper-parent { overflow: hidden; position: relative;}
.caption-demo-controll { background:#333; width:100%;height:42px;line-height:30px; padding:5px 10px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.caption-speed-controll { width:100px; float:left}
.caption-easing-controll { width:250px; float:left}
.caption-inout-controll { cursor: pointer;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
#caption-inout-controll .revicon-logout,
#caption-inout-controll .revicon-login {
color:#d8d8d8;
}
#caption-inout-controll .reviconinaction { color:#e74c3c}
.postbox tr:nth-child(1) td { padding-top:10px;padding-bottom:5px;}
.postbox tr:nth-child(2) td { padding-bottom:10px;}
.postbox td:nth-child(1) { min-width:25px; }
.postbox td:nth-child(2) { width:12%; }
.postbox td:nth-child(3) { min-width:25px; }
.postbox td:nth-child(4) { width:12%; }
.postbox td:nth-child(5) { min-width:25px; }
.postbox td:nth-child(6) { width:12%; }
.postbox td:nth-child(7) { min-width:25px; }
.postbox td:nth-child(8) { width:12%; }
.postbox td:nth-child(9) { width:100%;}
.lasttable td:nth-child(1) { width:6%; }
.lasttable td:nth-child(2) { width:10%; }
.lasttable td:nth-child(3) { width:6%; }
.lasttable td:nth-child(4) { width:10%; }
.lasttable td:nth-child(5) { width:4%; }
.lasttable td:nth-child(6) { width:10%; }
.lasttable td:nth-child(7) { width:4%; }
.lasttable td:nth-child(8) { width:10%; }
.lasttable td:nth-child(9) { width:40%;}
.postbox td:first-child { padding-left:20px}
pre { font-size:12px; font-family: 'Open Sans', sans-serif; color:#888; line-height:16px; background:url(assets/prebg.png) repeat; margin-top:-40px;margin-left:-40px;margin-right:-40px;padding:16px; padding-bottom:15px;}
pre .linedark { background:#888}
pre span { font-weight:700}