#leftbar .widget .img{position:absolute;width:32px;margin:0px;padding:0px;height:32px;left:auto;left:9px;top:2px;background:url('../img/default.png') no-repeat 50%;}
#leftbar .widget img{margin:0px;position:absolute;left:10px;top:0px;padding:13px}

#leftbar .widget .movie{background-image:url('../img/movie.png')}
#leftbar .widget .network{background-image:url('../img/network.png')}
#leftbar .widget .social{background-image:url('../img/network.png')}
#leftbar .widget .image{background-image:url('../img/image.png')}
#leftbar .widget .slideshow{background-image:url('../img/slideshow.png')}
#leftbar .widget .list{background-image:url('../img/list.png')}
#leftbar .widget .paragraph{background-image:url('../img/notepad.png')}
#leftbar .widget .divider{background-image:url('../img/divider.png')}
#leftbar .widget .comments{background-image:url('../img/comment.png')}
#leftbar .widget .events{background-image:url('../img/calendar.png')}
#leftbar .widget .file{background-image:url('../img/file.png')}
#leftbar .widget .map{background-image:url('../img/map-marker.png')}
#leftbar .widget .bible{background-image:url('../img/book.png')}




#leftbar{-webkit-user-select: none;width:230px;position:relative;left:0px;top:0px;}

#page,#holder{display:inline-block;-webkit-user-select: none;position:relative;z-index:5;}
.building #page,.building #holder{margin-bottom:20px;}

#holder{margin-left:-7px;margin-top:5px;background-color:#ccc;padding:0px 0px;border:solid 1px #aaa;-webkit-box-shadow:0px 1px 2px #888;-moz-box-shadow:0px 1px 2px #888;box-shadow:0px 1px 2px #888;}

div.widget{cursor:move;position:relative;}
#leftbar div.widget{margin:0px;padding:2px 0px;  background-color: #cfcfcf;
  background-image: -moz-linear-gradient(top, #cfcfcf, #c8c8c8);
  background-image: -ms-linear-gradient(top, #cfcfcf, #c8c8c8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cfcfcf), to(#c8c8c8));
  background-image: -webkit-linear-gradient(top,#cfcfcf, #c8c8c8);
  background-image: -o-linear-gradient(top, #cfcfcf, #c8c8c8);
  background-image: linear-gradient(top, #cfcfcf, #c8c8c8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#c8c8c8', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  zoom:1;height:32px;width:auto;border:solid 1px;border-color:#ddd transparent #bbb;overflow:hidden;}
#leftbar div.widget div{color:#444444;font-size:18px;top:0px;left:0px;width:170px;padding:5px 0px 5px 58px}
#leftbar > div.group .title{font-size:20px;margin:0px;z-index:100;position:relative;padding:5px 10px;  background-color: #292929;
  background-image: -moz-linear-gradient(top, #292929, #252525);
  background-image: -ms-linear-gradient(top, #292929, #252525);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#292929), to(#252525));
  background-image: -webkit-linear-gradient(top,#292929, #252525);
  background-image: -o-linear-gradient(top, #292929, #252525);
  background-image: linear-gradient(top, #292929, #252525);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  zoom:1;width:auto;border:solid 1px;border-color:#323232 transparent #1b1b1b;color:#ccc;overflow:hidden;}
#leftbar > div.group .container{margin-top:0px}
#leftbar > div.group[name=basics] .title{}
#leftbar > div.group[name=steepeconnect] .title{  background-color: #0c2947;
  background-image: -moz-linear-gradient(top, #0c2947, #082542);
  background-image: -ms-linear-gradient(top, #0c2947, #082542);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c2947), to(#082542));
  background-image: -webkit-linear-gradient(top,#0c2947, #082542);
  background-image: -o-linear-gradient(top, #0c2947, #082542);
  background-image: linear-gradient(top, #0c2947, #082542);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c2947', endColorstr='#082542', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  zoom:1;}
#leftbar > div.group[name=externa] .title{  background-color: #470c0c;
  background-image: -moz-linear-gradient(top, #470c0c, #420808);
  background-image: -ms-linear-gradient(top, #470c0c, #420808);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#470c0c), to(#420808));
  background-image: -webkit-linear-gradient(top,#470c0c, #420808);
  background-image: -o-linear-gradient(top, #470c0c, #420808);
  background-image: linear-gradient(top, #470c0c, #420808);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#470c0c', endColorstr='#420808', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  zoom:1;}

#content div.widget:hover img.remove-item,#content div.widget:hover img.duplicate-item{display:inline-block;}
#content div.ui-state-highlight{border:dashed 2px #E6BB19;background-color:#ffc;}
#content div.selected .remove-item,#content div.selected .duplicate-item{display:inline-block;}

.start-widget{margin:1px 2px;color:#aaa;cursor:default_obj;text-align:center;font-size:30px;padding:90px 0px;border:dashed 1px #aaa}
.start-widget:hover{color:#888;border-color:#888}




#content img{z-index:100}
#content img.remove-item{display:none;height:16px;width:16px;position:absolute;top:-5px;right:0px;cursor:pointer;z-index:10001;}
#content img.duplicate-item{display:none;height:16px;width:16px;position:absolute;top:-5px;right:20px;cursor:pointer;z-index:10001;}
.ui-draggable-dragging{z-index:1000;}
#leftbar div.widget.ui-draggable-dragging{  background-color: #cfcfcf;
  background-image: -moz-linear-gradient(top, #cfcfcf, #c0cfc8);
  background-image: -ms-linear-gradient(top, #cfcfcf, #c0cfc8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cfcfcf), to(#c0cfc8));
  background-image: -webkit-linear-gradient(top,#cfcfcf, #c0cfc8);
  background-image: -o-linear-gradient(top, #cfcfcf, #c0cfc8);
  background-image: linear-gradient(top, #cfcfcf, #c0cfc8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#c0cfc8', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  zoom:1;-webkit-box-shadow:2px 2px 6px #333;-moz-box-shadow:2px 2px 6px #333;box-shadow:2px 2px 6px #333;}


textarea{display:block;}
img{margin:5px;}
.ui-sortable-helper{background:#fff}
/*#builder{width:100px}*/

.sc-editor-input > div{display:inline-block;}
.sc-editor-input .sc-editor-input-title{width:100px;text-align:right;font-weight:bold;margin:2px 10px}
#menu .sc-editor-input .sc-editor-input-title{position:relative;top:4px;width:160px}
.sc-editor-input input,.sc-editor-input select{min-width:80px}
[rel=custom] .sc-editor-input-title{float:left}
.menu-custom{cursor:pointer;float:left;border:solid 2px transparent;color:#f8f8f8;padding:4px 6px;height:18px;text-align:center;font-size:14px;display:inline-block;}
#header-form .menu-custom{color:#333}
.common-custom{cursor:pointer;float:left;border:solid 2px #000;margin:2px;color:#333;width:30px;height:30px;text-align:center;display:inline-block;background:#f8f8f8 url('../img/option_icons.png')}
.common-custom.wide{width:250px;height:10px;float:right;}
.dash{background-position:0 -25px}
.dot{background-position:0 -15px}
.line{background-position:0 -5px}
.etextalign-right{background-position:-60px -40px}
.etextalign-center{background-position:-30px -40px}
.etextalign-left{background-position:0px -40px}
.etextsize-large{background-position:-60px -130px}
.etextsize-medium{background-position:-30px -130px}
.etextsize-small{background-position:0px -130px}
.eimagesize-full{background-position:-60px -100px}
.eimagesize-small{background-position:-30px -100px}
.eimagesize-icon{background-position:0px -100px}
.e-none{background:#f8f8f8}
.ebullet-disk{background-position:0px -70px}
.ebullet-circle{background-position:-60px -70px}
.ebullet-square{background-position:-30px -70px}
.ebullet-arrow{background:#f8f8f8 url('../img/list-arrow.png') no-repeat 50%;}
.ebullet-chk_on{background:#f8f8f8 url('../img/chk_on.png') no-repeat 7px 7px;}
.ebullet-chk_off{background:#f8f8f8 url('../img/chk_off.png') no-repeat 7px 7px;}
.custom-selected{border-color:#6fd191;-webkit-box-shadow:0px 0px 4px #aaa;-moz-box-shadow:0px 0px 4px #aaa;box-shadow:0px 0px 4px #aaa;}
.menu-custom.custom-selected{border-color:#f8f8f8}
#buttons .menu-custom.custom-selected{border-color:#6fd191}


#leftbar > div{width:105px;float:left;}
#leftbar > div.group{width:230px;}

#editor{padding-top:6px;margin:0px 10px 0px;font-weight:bold;overflow:hidden}
#editor > div{float:left}
#close-widget-editor{background-color:#f8f8f8;color:#333;padding:3px;position:relative;bottom:4px;cursor:pointer;border:solid 1px #ccc}

#buttons .button{float:right;border:solid 1px #aaa;background:#dedede;padding:6px 8px;margin:5px;font-size:14px;cursor:pointer;color:#333;text-align:center;right:5px;top:10px;position:relative;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;z-index:1000;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
#buttons .button:hover{  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, #f2f2f2, #dadada);
  background-image: -ms-linear-gradient(top, #f2f2f2, #dadada);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#dadada));
  background-image: -webkit-linear-gradient(top,#f2f2f2, #dadada);
  background-image: -o-linear-gradient(top, #f2f2f2, #dadada);
  background-image: linear-gradient(top, #f2f2f2, #dadada);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dadada', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  zoom:1;-webkit-box-shadow:0px 1px 1px #555;-moz-box-shadow:0px 1px 1px #555;box-shadow:0px 1px 1px #555;color:#222}
#buttons .button:active{  background-color: #dadada;
  background-image: -moz-linear-gradient(top, #dadada, #f2f2f2);
  background-image: -ms-linear-gradient(top, #dadada, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top,#dadada, #f2f2f2);
  background-image: -o-linear-gradient(top, #dadada, #f2f2f2);
  background-image: linear-gradient(top, #dadada, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#f2f2f2', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  zoom:1;;}
#buttons .button .button-down{margin:0px -4px -3px 4px}

.insert{float:right;border:solid 1px #333;padding:2px}
.sc-group{position:relative;border-bottom:solid 1px #444;border-top:solid 1px #bbb;margin:15px 0px 0px;padding:4px 0px}
.sc-group span{position:absolute;background:#111;padding:0px 4px;top:-14px;left:10px}
.colorpicker{z-index:20001}
#eslot textarea {resize: vertical;}
#maincontent{width:1142px;margin:81px auto 50px;position:relative;background:#fafafa;background:rgba(0,0,0,.1);min-height:600px;-webkit-border-radius: 15px;}
#sc-commonbar-menu{display:none}
#widget-editor{z-index:20000;position:fixed;color:#f8f8f8;bottom:0px;left:0px;right:0px;height:260px;border-top:solid 1px #000;display:none;}
#widget-editor div{position:relative}
.sc-editor-input{color:#f8f8f8}
#widgets-title{position:relative;z-index:5;text-align:center;font-weight:bold;border-bottom:dotted 2px #333;font-size:18px;padding:0px 20px 3px;margin:5px 0px;left:-5px;width:194px}
#appearance-menu{border:solid 1px #000;width:320px;height:80px;background:#f8f8f8;display:none;position:absolute;right:-1px;top:37px;z-index:20000}
#appearance-menu .sc-editor-input,#header-form .sc-editor-input{color:#333;font-size:15px;}
#header-form{position:absolute;top:40px;right:10px}

.eslot{width:280px;float:left;display:inline-block;overflow-y:auto;height:230px;padding-top:3px;}
.eslot[name=appearance]{width:300px;border:solid #888;border-width:0px 1px}
.eslot[name=content]{width:420px;}
.eslot[name=content] input[type=text]{width:280px;}
#sc-page-header .title .sc-editor-input-title{display:none}
#sc-page-header .title input{border:solid 1px transparent;width:300px;background:transparent;font-size:23px;color:#333;padding:1px;margin:-2px -3px -1px;font-family: Helvetica, Arial, sans-serif;font-weight:bold;outline:none}
#sc-page-header .title input:focus{border-color:#888}
#widget-editor div#background-fill{position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-color:#000;opacity:.88}
#menu > div[rel=custom]{position:relative;border:0;padding:0;}
#menu > div[rel=custom]:hover{border:0;padding:0;}
#editor [name=content] div{display:inline-block;width:200px}


#options{color:#222;border:solid 1px;-webkit-user-select: none;position:relative;left:0px;top:0px;padding:3px 0px; 0px}
options > div{width:400px}
#options{overflow:hidden;}
#options > div{float:left}
#options input[type=text]{width:270px}
#options select{max-width:270px}
#options{color:#222;border:0}

#options-container,#appearance-container{display:none;width:300px;background-color:#f0f0f0;border:solid 1px #e0e0e0;position:absolute;top:46px;padding:5px 10px;right:11px;z-index:1000;-webkit-box-shadow:2px 2px 4px #333;-moz-box-shadow:2px 2px 4px #333;box-shadow:2px 2px 4px #333;}
#buttons .sc-editor-input,#buttons .menu-custom{color:#333}
#buttons .sc-editor-input{padding:3px 0px}
[name=appear],[name=option]{display:inline-block;float:right;position:relative}
#buttons{position:absolute;top:0px;right:5px;z-index:1000;width:600px}




/*#sc-editor #sc-sidebar-container{overflow:hidden;width:234px;height:1px}
#sc-editor #content.custom-page #sc-sidebar-container{width:236px}

.building #page{border:0;overflow:hidden;width:756px;padding:0px;margin:0px}
.building #sc-page-header{left:2px}
.building #sc-sidebar-container{width:234px}
.building #content.custom-page{margin:9px 11px}
.building #content.custom-page.fill{margin:0px;width:756px}
.building #content.custom-page div.widget{border:dashed 2px transparent;margin:0px -2px;}
.building #content.custom-page.fill div.widget{margin:0px;}
.building #content.custom-page div.widget:hover{border-color:#ccc}
.building #content.custom-page div.widget{min-height:15px}
.building #content.custom-page div.widget.collapse{min-height:0px}
.building #content.custom-page div.widget.selected{border-color:#888}
.building #content.custom-page div.widget.selected:hover{border-color:#444}
.building #sc-page-header .title input:hover{border-color:#aaa;}
body.building #content,body.building #content.custom-page, body.building #cp-content{min-height:0px}
*/