@import url(/stylesheets/elements.css);
@import url(/stylesheets/classes.css);
html { scroll-behavior: smooth; }
.master-banner { background: #ca1818; color: white; font-size: 24px; padding: 10px; z-index: 100; position: relative; }
#wrapper-outer a { text-decoration: none; }
div.mce-fullscreen { z-index: 20000; }
.alphabet { list-style: none; margin: 0; padding: 0; }
  .alphabet li { display: block; float: left; margin: 0; padding: 6px;  }
.hide { display: none; }
.absolute { position: absolute; }
.float-right { float: right; }
.float-left { float: left; }
.align-right { text-align: right; }
body { font-family: tahoma, arial, sans-serif; font-size: 14px; margin: 0; color: #222; background: #efefef; text-align: center; /* ie container centering hack */ }
#logo img { max-width: 250px; }
#wrapper-outer { width: 100%; margin: 0; text-align: left; max-width: 1287px;}
.admin-active #wrapper-outer { width: calc(100% - 232px); }
#wrapper-inner { background: #fff; color: #333; padding: 10px 20px; border-radius:0; box-shadow: 0 4px 60px rgba(0,0,0,.2); margin: 0; width: calc(100% - 40px); line-height: 20px; font-family: 'Lato', Helvetica, Arial, Sans-Serif; min-height: calc(100vh - 20px);}
div#content-inner { min-height: 560px; }
img, input, textarea, embed, object, video, select { max-width: 100%; }
#pre-content-inner { font-size: .9em; padding: 10px 0; }
#content-inner { position: relative; width: 100%; }
#footer-outer { display: none; }
#sortable_list { padding: 0; margin: 0; list-style: none; }
#sortable_list li { margin-bottom: 1em; }
#main-column { width: 100%; }
.with-side-column #main-column { width: 550px !important; width: calc(100% - 322px) !important; padding: 0; float: left; }
#side-column { width: 300px; background: none; padding: 0; float: right; margin: 0; }
#header-inner { overflow: hidden; }
img.icon { width: 16px; height: 16px; }
#error, #notice { font-size: 1.2em; padding: .5em .75em; font-weight: bold; border-radius: 50px; margin: 0 0 10px; }
  #error { background: #aa5555; color: white; text-shadow: 0 0 4px black; }
  #notice { background: #fff6d5; color: #2C88BA; text-shadow: 0 0 4px white; }
.comment { margin-top: 1em; border-bottom: 1px solid #ccc; }
.product_image .options { float: left; margin-right: 20px; }
.product_image .thumbnail { float: left; }
.nested { padding: 6px 0 0 36px; }
footer { display: none; }
.mime .thumb-clipped { width: 48px; height: 42px; overflow: hidden; }

#search_form { margin: 0; }
ul.sortable li.selected, li.selected, tr.selected { background: #d9edf7; }
.category_checkbox {
  width: 180px;
  float: left;
}
#session-form { width: 400px; }
  #session-form .remember-me { margin: 20px 0 0; }
#images { list-style: none; margin: 0; padding: 0; }
.image { float: left; margin: 0 10px 10px 0; background: #d6e3ed; padding: 5px; border: 1px solid #a6b3bd; }
.image-thumb { float: left; height: 80px; overflow: hidden; }
.image-options { clear: both; text-align: center; padding-top: .5em !important; }
.clear-left { clear: left; }
.gallery { float: left; margin: 0 10px 10px 0; width: 350px; height: 100px; }

/*newsletter blasts*/

#blast-preview {
  max-width: 550px;
  width: 550px;
}

#blast-preview .footer {
  border-top: 1px solid gray;
}

#blast-preview .footer p {
  padding: 0;
  margin: 2px 0 2px 0;
}


#fancy #content-middle { width: inherit; }
#fancy div#content-inner { padding: 0; border: 0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0 }
div#content-inner h1, div#content-inner h2, div#content-inner h3, div#content-inner h4, div#content-inner h5, div#content-inner h6 { margin: 0; color: #005685; border: 0 !important; font-family: 'Lato', Helvetica, Arial, Sans-Serif !important; text-transform: inherit; }
div#content-inner h2, div#content-inner h3, div#content-inner h4, div#content-inner h5, div#content-inner h6 { padding: 10px 0 0; color: #005685 !important; background: none !important; font-weight: normal; line-height: 1.2em; }
.sidebar h2 { text-transform: inherit; }
h1, h2, h3, h4, h5 { font-weight: normal; }
div#content-inner h1 { font-size: 2.3em; padding: 0 0 10px; }
div#content-inner h2 { font-size: 2em; }
div#content-inner h2 label { font-size: .7em; }
div#content-inner h3 { font-size: 1.7em; }
div#content-inner h4 { font-size: 1.4em; }
div#content-inner h5 { font-size: 1.2em; }
a { color: #005685; background-color: transparent; }
a:visited { color: #00466A; background-color: transparent; }
a:hover { color: #EFB300; background-color: transparent; }
div#content-inner label { color: #2D3B42; }
  div#content-inner label:hover { background: none; color: #004467; }
.activities tr:nth-child(even) { background: #e9e9e9; }
div.options { width: 260px; padding: 0 10px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.note { color: #888; font-weight: normal !important; font-size: .8em; line-height: 1.2em; }
.required { color: #ac0000; font-weight: bold !important; float: right; display: block; margin: 4px; }
.asset-url{ width: 200px; font-size: .8em; }
.close-icon { float: right; }
.box { background-color: rgba(0,0,0,.025); border: 0; border-radius:20px; padding: 5px; line-height: 10px; margin: 10px 0; min-height: 0; }
  .box ul { list-style: none; margin: 0; padding: 0; }
    .box li { display: inline; }
.box img { vertical-align: bottom ; }
.options .icon { vertical-align: bottom; margin: 0 0 2px; }
.options .select { width: 230px; margin: 0 0 5px 14px; }
.preview-link img { vertical-align: baseline; }
.features-list { text-align: left; }
  .features-list ul { margin: 0; padding: 0; list-style: none; }
    .features-list li { padding : 5px 0; border-bottom: 1px solid #ddd; }
      .features-list li a { display: block; float: left; }
      .features-list li p { float: left; padding: 0; margin: 0 0 0 5px; width: 160px; }
      .features-list input[type="button"] { padding: 2px 10px; margin: 10px 0; text-align: left; }

div#content-inner .errorExplanation { color: #9B0000; border-radius: 5px; background: #FFFFC6; margin: 0 0 10px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.28, rgb(247,255,186)), color-stop(0.7, rgb(254,255,227))); background-image: -moz-linear-gradient(center bottom, rgb(247,255,186) 28%, rgb(254,255,227) 73% ); border: 2px solid #9B0000; }
div#content-inner .errorExplanation h2 { background: #9B0000 !important; padding: 5px !important; color: #fff !important; text-shadow: 0 0 2px rgba(0, 0, 0, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.8); border-radius: 3px 3px 0 0; font-size: 1.8em; }
.errorExplanation p { padding: 5px 5px 0 5px; margin: 0; }
.form-main-title { font-size: 1.2em; width: 550px; }
.form-main { width: 550px; }
.inserts { padding: 5px 0; }
.options { font-size: 12px; }
.feature_select { z-index: 1000 !important; }
.features-list { margin: 0 !important; } 
.options dl { margin: 0 0 10px; }
.options .form-label { font-weight: bold; font-size: 12px; }
#main-details { font-size: .85em; float: right; width: 300px; }
  #main-details label { font-weight: bold; }
  #main-details ul { margin: 0; padding: 0; list-style: none; }
    #main-details ul li { margin: 0 0 5px; }
#body-wrapper { width: 850px; }
.box #search { border-radius: 50px; padding: 8px; border: 1px solid rgba(0,0,0,.2); margin-top: 2px; }
.full_width { border-spacing: 0; }
.full_width tr th { font-weight: normal; text-align: left; border-bottom: 4px solid rgba(0,0,0,.05); }
.full_width td { vertical-align: top; line-height: 2em; padding: 0 4px; border-bottom: 4px solid rgba(0,0,0,.05);  }
.full_width td:nth-child(1) { padding-left: 10px; }
.full_width td.detail { padding-top: 8px; }
.full_width tbody tr:hover, .menu-item-inner:hover, ul.sortable li:hover { background-color: #fff5d34a !important; }
ul.sortable li .fa-grip-vertical { opacity: 0; transition: 200ms all linear; color: rgba(0,0,0,.1); padding: 0 4px 0 6px;}
ul.sortable li:hover .fa-grip-vertical { opacity: 1; }
ul.sortable li .page-handle .fa-grip-vertical { padding: 0;}
ul.sortable { list-style: none; margin: 4px 0 0 -40px; }
ul.sortable ul { margin: 0 0 0 -20px; }
ul.sortable li { line-height: 2em; border-bottom: 4px solid rgba(0,0,0,.05); background: rgba(255,255,255,.35); }
ul.sortable li:nth-child(1) { border-top: 4px solid rgba(0,0,0,.05); }
ul.sortable ul li:nth-child(1) { border-top: 0; }

#ajax-index ul.sortable li:nth-child(1) { border-top: 0; }

#slice-layout ul.sortable { margin: 0; }

#ajax-index ul.sortable li { border-bottom: 0; background: transparent; }
.full_width tr a:hover { cursor: pointer; }
.full_width .detail { color: #555; font-weight: normal !important; font-size: .8em; line-height: 1.2em; }
.detail { color: #555; font-weight: normal !important; font-size: .8em; line-height: 1.2em; }
.page-menu .hidden { color: #999; font-size: .8em; }
.page-menu .visible { font-size: .8em; }
li.odd, li.even { padding: 6px; border-bottom: 2px solid rgba(0,0,0,.05); }
.odd:hover, .even:hover { background-color: #FFF5D3 !important; }
.odd a:hover, .even a:hover { cursor: pointer; }
img.icon { top: 3px; position: relative; }
.options img.icon { top: 0; }

input.small-input { width: 235px; font-size: .9em; height: 15px; }
input.small-input.inline-input { width: 227px; }
textarea.small-area { width: 235px; height: 70px; }
input.big-input, textarea.big-area, input.small-input, textarea.small-area { border-radius: 15px; border: 1px solid rgba(0,83,129,.05); background: rgba(0,83,129,.05); }
input.big-input:hover, textarea.big-area:hover, input.small-input:hover, textarea.small-area:hover { box-shadow: inset 0 1px 5px rgba(0, 83, 129, 0.5); } 
input.big-input { width: 545px; font-size: 1.2em; padding: 5px; }
textarea.big-area { width: 545px; height: 80px; padding: 5px; }
textarea.big-area.blurb { height: 130px; }
.big-input:hover, .big-area:hover, .small-input:hover, .small-area:hover  { background: white;}
.big-input:active, .big-input:focus, .big-area:active, .big-area:focus, .small-input:active, .small-input:focus, .small-area:active, .small-area:focus { box-shadow: inset 0 1px 5px rgba(253, 206, 26, .6); background: rgba(253, 206, 26, .1);}


#admin .submit { margin: 0; padding: 2em 10px; } 

#fancy { background: #fff; }
#fancy div#content-inner { min-height: inherit; }
#fancy.small-screen {  }
#fancy #wrapper-inner { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border: 0; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }
#fancy.small-screen #wrapper-outer { width: 290px; }
#fancy.small-screen #wrapper-inner { width: 276px; }
#fancy.small-screen div#content-inner { min-height: 200px; }
#fancy.small-screen #main-column { width: inherit !important; }
#fancy div.help-tips { width: 250px; }


#article_description { margin-bottom: -4px; height: 40px; }
#article_tag_list { width: 206px; }



.submit input, #search_form input[type="submit"] { border-radius: 100px; border: 2px solid rgb(0, 83, 129); background: rgb(0, 83, 129); font-size: 14px; padding: 5px 10px; color: #FFE177; font-weight: bold; }
#submit_cancel a { color: #9B0000; font-weight: bold;}
#submit_cancel a:hover { color: #DD2727; background: none; }

#return-to-columns { float: left }
#select-column { float: right; text-align: right; }

#preview-link { float: right; width: 100px; line-height: 20px; padding: 3px 10px; }
.list-headers { font-weight: bold; color: #666; }
.full_width.list_of_links .detail a { display: inline; }
.full-script { width: 745px; height: 600px; }
.full-script.short { height: 200px; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.mobile-only { display: none; }
.author-header { width: 100px; }
.status-header { width: 75px; }



/* Mobile size */
@media screen and (max-width: 549px) {
input.big-input, textarea.big-area { width: 400px; }
#logo img { max-width: 200px; }
img.icon { width: 30px; height: 30px; }
div#content-inner h1 { font-size: 1.8em; margin: 0; }
.mobile-only { display: inherit !important; }
.desktop-only { display: none !important; }
#session-form { width: 100%; }
#code-key-mobile { float: right; display: block; margin: 5px; }
#crumb { font-size: 1.2em; padding: 0 0 10px; }
input.big-input, textarea.big-area { width: 95% !important; font-size: 1.3em; margin: 5px 0; }
input.small-input, textarea.small-area { width: 95% !important; font-size: 1em; }
textarea.big-area { height: 175px; }
#wrapper-outer, #content-inner #main-column { width: 100% !important; padding: 0 !important; margin: 0 !important; overflow: hidden; }
#wrapper-inner { padding: 2%; width: 96%; margin: 0; border: 0; border-radius: 0; }
div#content-inner h2 { padding: 10px 0 0 0; }
#search_form { padding: 5px 0; }
#search_form input { width: 75%; }
#search_form input[type="submit"] { width: 20%; }
div.help-tips { width: 90%; margin: 0 auto; line-height: 1.4em; }
#main-details { float: none; width: 100%; display: none; padding: 0; margin: 0; font-size: 1.2em; line-height: 1.8em; padding: 0 0 20px; }
  #main-details h3 { display: none; }
  #main-details .icon { margin-bottom: 2px; }
  #main-details li { margin: 0 0 10px; }
  #fancy #main-details { display: block; }
.advanced-options { font-size: 1.2em; display: block; line-height: 30px; }
.note { font-size: .9em; }
.note.required { text-align: right; }
.box { width: 96%; line-height: 1.4em;  }
  .box img.icon { top: 0; }
  .box span.hmenu { margin-right: 0; }
  .box li { display: block; padding: 5px 0; font-size: 1.4em; }
  .box .float-right { float: none !important; clear: both; }
.features-list { font-size: 1.1em; }
#body-wrapper { padding: 0 !important; border-radius: 5px; border: 1px solid #aaa; margin: 5px 0; overflow: hidden; width: 100%; }
  #body-wrapper .options { display: none; }
  .body-wrapper-inner { padding: 0; }
    div#content-inner #body-wrapper h2 { margin: 0; padding: 5px; }
.mceLayout, .mceIframeContainer { }
.mceLayout tr {  }
.mceIframeContainer { }
.submit { font-size: 1.4em; margin: 1em 0; }
#updates { font-size: 1em; }
  #updates h2, #updates h3, #updates span.hmenu, #updates p { padding: 0 0 10px !important; }
  #updates span.hmenu { margin-bottom: 0; }
/* Blog Index Styles */
.article-list { }
.article-list th { display: none; }
.article-list td { padding: 4px; border-bottom: 0 none; }
.article-list tr { clear: both; border-bottom: 1px solid #aaa; padding: 4px 0 }
.article-list td.detail { padding-top: 0; }
.article-title { width: 100%; position: relative; display: block; font-size: 1.2em; overflow: hidden; padding-top: 10px; }
.article-author, .article-status { width: 100%; position: relative; display: block; padding: 0 4px; }
.article-status div { display: inline; }
.article-options { text-align: right; padding-left: 25px; }
.article-options .icon { margin: 0 3px; }
/* Page Index Styles */
.page-handle { display: none; }
ul.sortable ul { margin: 0 0 0 -40px; }
ul.sortable .page-options a .icon { margin: 0 5px; }
.sortable ul { border-left: 1px solid #ccc; }
.page-menu, .page-type { float: none; clear: both; }
}

@import url(/stylesheets/elements.css);
@import url(/stylesheets/classes.css);
.hide { display: none; }
.absolute { position: absolute; }
.float-right { float: right; }
.float-left { float: left; }
.align-right { text-align: right; }
body { font-family: tahoma, arial, sans-serif; font-size: 14px; margin: 0; color: #222; background: #efefef; text-align: center; /* ie container centering hack */ }
#logo img { max-width: 250px; }
#wrapper-outer { margin: 0; text-align: left; }

div#content-inner { min-height: 560px; }
img, input, textarea, embed, object, video, select { max-width: 100%; }
#pre-content-inner { font-size: .9em; padding: 10px 0; }
#content-inner { position: relative; width: 100%; }
#footer-outer { display: none; }
#sortable_list { padding: 0; margin: 0; list-style: none; }
#sortable_list li { margin-bottom: 1em; }
.with-side-column #main-column { width: 550px !important; width: calc(100% - 322px) !important; padding: 0; float: left; }
#side-column { width: 300px; background: none; padding: 0; float: right; margin: 0; }
#header-inner { overflow: hidden; }
img.icon { width: 16px; height: 16px; }
.comment { margin-top: 1em; border-bottom: 1px solid #ccc; }
.product_image .options { float: left; margin-right: 20px; }
.product_image .thumbnail { float: left; }
.nested { padding: 6px 0 0 36px; }
footer { display: none; }
.mime .thumb-clipped { width: 48px; height: 42px; overflow: hidden; }

#search_form { margin: 0; }

.category_checkbox {
  width: 180px;
  float: left;
}
#session-form { width: 400px; }
  #session-form .remember-me { margin: 20px 0 0; }
#images { list-style: none; margin: 0; padding: 0; }
.image { float: left; margin: 0 10px 10px 0; background: #d6e3ed; padding: 5px; border: 1px solid #a6b3bd; }
.image-thumb { float: left; height: 80px; overflow: hidden; }
.image-options { clear: both; text-align: center; padding-top: .5em !important; }

.gallery { float: left; margin: 0 10px 10px 0; width: 350px; height: 100px; }

/*newsletter blasts*/

#blast-preview {
  max-width: 550px;
  width: 550px;
}

#blast-preview .footer {
  border-top: 1px solid gray;
}

#blast-preview .footer p {
  padding: 0;
  margin: 2px 0 2px 0;
}


#fancy #content-middle { width: inherit; }
#fancy div#content-inner { padding: 0; border: 0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0 }
div#content-inner h1, div#content-inner h2, div#content-inner h3, div#content-inner h4, div#content-inner h5, div#content-inner h6 { margin: 0; color: #005685; border: 0 !important; font-family: 'Lato', Helvetica, Arial, Sans-Serif !important; text-transform: inherit; }
div#content-inner h2, div#content-inner h3, div#content-inner h4, div#content-inner h5, div#content-inner h6 { padding: 10px 0 0; color: #005685 !important; background: none !important; font-weight: normal; line-height: 1.2em; }
.sidebar h2 { text-transform: inherit; }
h1, h2, h3, h4, h5 { font-weight: normal; }
div#content-inner h1 { font-size: 2.3em; padding: 0 0 10px; }
div#content-inner h2 { font-size: 2em; }
div#content-inner h3 { font-size: 1.7em; }
div#content-inner h4 { font-size: 1.4em; }
div#content-inner h5 { font-size: 1.2em; }
a { color: #005685; background-color: transparent; }
a:visited { color: #00466A; background-color: transparent; }
a:hover { color: #EFB300; background-color: transparent; }
div#content-inner label { color: #2D3B42; }
  div#content-inner label:hover { background: none; color: #004467; }
div#content-inner tr.odd { /*background: rgba(0,0,0,.025);*/ }
div#content-inner tr.current { background: #d9edf7; }
div.options { width: 260px; padding: 0 10px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.note { color: #888; font-weight: normal !important; font-size: .8em; line-height: 1.2em; }
.required { color: #ac0000; font-weight: bold !important; }
.asset-url{ width: 200px; font-size: .8em; }
.close-icon { float: right; }
  .box ul { list-style: none; margin: 0; padding: 0; }
    .box li { display: inline; }
    .box a { display: inline-block; padding: 10px; border-radius: 20px; transition: 200ms all linear; }
    .box a:hover { background: rgba(255,255,255,.75); }
.box img { vertical-align: bottom ; }
.options .icon { vertical-align: bottom; margin: 0 0 2px; }
.options .select { width: 220px; margin: 0 0 5px 14px; }
.preview-link img { vertical-align: baseline; }
.features-list { text-align: left; }
  .features-list ul { margin: 0; padding: 0; list-style: none; }
    .features-list li { padding : 5px 0; border-bottom: 1px solid #ddd; }
      .features-list li a { display: block; float: left; }
      .features-list li p { float: left; padding: 0; margin: 0 0 0 5px; width: 160px; }
      .features-list input[type="button"] { padding: 2px 10px; margin: 10px 0; text-align: left; }

div#content-inner .errorExplanation { color: #9B0000; border-radius: 5px; background: #FFFFC6; margin: 0 0 10px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.28, rgb(247,255,186)), color-stop(0.7, rgb(254,255,227))); background-image: -moz-linear-gradient(center bottom, rgb(247,255,186) 28%, rgb(254,255,227) 73% ); border: 2px solid #9B0000; }
div#content-inner .errorExplanation h2 { background: #9B0000 !important; padding: 5px !important; color: #fff !important; text-shadow: 0 0 2px rgba(0, 0, 0, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.8); border-radius: 3px 3px 0 0; font-size: 1.8em; }
.errorExplanation p { padding: 5px 5px 0 5px; margin: 0; }
.form-main-title { font-size: 1.2em; width: 550px; }
.form-main { width: 550px; }
.inserts { padding: 5px 0; }
.options { font-size: 12px; }
.feature_select { z-index: 1000 !important; }
.features-list { margin: 0 !important; } 
.options dl { margin: 0 0 10px; }
.options .form-label { font-weight: bold; font-size: 12px; }
#main-details { font-size: .85em; float: right; width: 300px; }
  #main-details label { font-weight: bold; }
  #main-details ul { margin: 0; padding: 0; list-style: none; }
    #main-details ul li { margin: 0 0 5px; }
#body-wrapper { width: 850px; }
.full_width { border-spacing: 0; }
.full_width td { vertical-align: top; }
.full_width td.detail { padding-top: 8px; }

.full_width tbody tr:hover, .menu-item-inner:hover, ul.sortable li:hover { /*background-color: #fff5d34a !important;*/ box-shadow: 0 0 10px rgba(0,0,0,.2); }
#ajax-index ul.sortable li:hover { box-shadow: none; background: transparent !important; }
.full_width tr a:hover { cursor: pointer; }
.full_width .detail { color: #555; font-weight: normal !important; font-size: .8em; line-height: 1.2em; }

.full_width a i, ul.sortable a i { position: relative; z-index: 2; border-radius: 100%; transition: 200ms all linear; width: 14px; margin: 8px; text-align: center; }
.full_width a:hover i, ul.sortable a:hover i { color: black; background: rgba(0,0,0,.05); padding: 12px; margin: -4px; }


.detail { color: #555; font-weight: normal !important; font-size: .8em; line-height: 1.2em; }
.page-menu .hidden { color: #999; font-size: .8em; }
.page-menu .visible { font-size: .8em; }
.odd:hover, .even:hover { background-color: #FFF5D3 !important; }
.odd a:hover, .even a:hover { cursor: pointer; }
img.icon { top: 3px; position: relative; }
.options img.icon { top: 0; }

input.small-input { width: 235px; font-size: .9em; height: 15px; }
input.small-input.inline-input { width: 227px; }
textarea.small-area { width: 235px; height: 70px; }
textarea.big-area { width: 545px; height: 80px; padding: 5px; }
textarea.big-area.blurb { height: 130px; }
.big-input:hover, .big-area:hover, .small-input:hover, .small-area:hover  { background: rgba(0, 83, 129, .1);}
.big-input:active, .big-input:focus, .big-area:active, .big-area:focus, .small-input:active, .small-input:focus, .small-area:active, .small-area:focus { box-shadow: inset 0 1px 5px rgba(253, 206, 26, .6); background: rgba(253, 206, 26, .1);}



#fancy { background: #fff; }
#fancy div#content-inner { min-height: inherit; }
#fancy.small-screen {  }
#fancy #wrapper-inner { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border: 0; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }
#fancy.small-screen #wrapper-outer { width: 290px; }
#fancy.small-screen #wrapper-inner { width: 276px; }
#fancy.small-screen div#content-inner { min-height: 200px; }
#fancy.small-screen #main-column { width: inherit !important; }
#fancy div.help-tips { width: 250px; }


#article_description { margin-bottom: -4px; height: 40px; }
#article_tag_list { width: 206px; }

.submit input:hover, #search_form input[type="submit"]:hover {
color: #FFFCDE;
background: #2C88BA;
}
.submit input:active, #search_form input[type="submit"]:active
{
  color: #FDCE1A;
  background: #003654;
}
#submit_cancel a { color: #9B0000; font-weight: bold;}
#submit_cancel a:hover { color: #DD2727; background: none; }

#return-to-columns { float: left }
#select-column { float: right; text-align: right; }

.link-button {
font-weight: normal;
text-transform: uppercase; 
display: block; 
line-height: inherit; 
text-decoration: none; 
background: #005685; 
padding: 2px 5px; 
border-radius: 6px; 
margin: 0 0 10px 0; 
float: left; 
border: 1px solid #ffd13d;
border-radius: 0;
border: 1px solid #595959;
background: #686868;
font-size: 12px;
color: #fff;
}
.link-button:visited { color: #fff; }
.link-button:hover { color: #ffd13d; text-decoration: none; }
.link-button:focus { color: #FDCE1A; }
#preview-buttons { float: right; text-align: right; }
#preview-heading { float: right; line-height: 32px; margin: 0 5px; }
#preview-buttons .link-button { padding: 1px 10px; }
#preview-link { float: right; width: 100px; line-height: 20px; padding: 3px 10px; }
.list-headers { font-weight: bold; color: #666; }
.full_width.list_of_links .detail a { display: inline; }
.full-script { width: 745px; height: 600px; }
.full-script.short { height: 200px; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.mobile-only { display: none; }
.author-header { width: 100px; }
.status-header { width: 75px; }


#devices { list-style: none; padding: 4px; background: rgba(0,0,0,.05); border-radius: 10px; margin: 4px 0; }
#devices li { float: none; padding: 0 10px; }
.preview-controls #devices li a { float: none; width: 100%; line-height: 1.8em; border-radius: 30px; }
.preview-controls #devices li a:hover { background: rgba(255,255,255,.5); }
#custom-zoom ul { margin: 0; padding: 8px 0; list-style: none; text-align: center; }
#custom-zoom li { margin-right: 4px; float: none; display: inline-block; }
#custom-zoom li a { display: inline-block; float: none; font-size: .9em; }
#custom-size-form { display: none; background: white; border-radius: 20px; padding: 10px; box-shadow: 0 0 20px black; position: absolute; z-index: 2; top: 30px; left: 4px; width: 168px;}
#custom-close { float: right; }
#custom-size-form input { border-radius: 16px; padding: 4px; border: 2px solid #ccc; background: white; width: 30px; text-align: center; }
#custom-size-form #custom-button { background: #666; color: white; width: inherit; padding: 4px 8px; }



#main-column fieldset { width: 100%; max-width: 100%; }

/* Mobile size */
@media screen and (max-width: 549px) {
input.big-input, textarea.big-area { width: 400px; }
#logo img { max-width: 200px; }
img.icon { width: 30px; height: 30px; }
div#content-inner h1 { font-size: 1.8em; margin: 0; }
.mobile-only { display: inherit !important; }
.desktop-only { display: none !important; }
#session-form { width: 100%; }
#code-key-mobile { float: right; display: block; margin: 5px; }
#crumb { font-size: 1.2em; padding: 0 0 10px; }
input.big-input, textarea.big-area { width: 95% !important; font-size: 1.3em; margin: 5px 0; }
input.small-input, textarea.small-area { width: 95% !important; font-size: 1em; }
textarea.big-area { height: 175px; }
#wrapper-outer, #content-inner #main-column { width: 100% !important; padding: 0 !important; margin: 0 !important; overflow: hidden; }
#wrapper-inner { padding: 2%; width: 96%; margin: 0; border: 0; border-radius: 0; }
div#content-inner h2 { padding: 10px 0 0 0; }
#search_form { padding: 5px 0; }
#search_form input { width: 75%; }
#search_form input[type="submit"] { width: 20%; }
div.help-tips { width: 90%; margin: 0 auto; line-height: 1.4em; }
#main-details { float: none; width: 100%; display: none; padding: 0; margin: 0; font-size: 1.2em; line-height: 1.8em; padding: 0 0 20px; }
  #main-details h3 { display: none; }
  #main-details .icon { margin-bottom: 2px; }
  #main-details li { margin: 0 0 10px; }
  #fancy #main-details { display: block; }
.advanced-options { font-size: 1.2em; display: block; line-height: 30px; }
.note { font-size: .9em; }
.note.required { text-align: right; float: none; }
.note .required { float: none; }
.box { width: 96%; line-height: 1.4em; padding: 2%; }
  .box img.icon { top: 0; }
  .box span.hmenu { margin-right: 0; }
  .box li { display: block; padding: 5px 0; font-size: 1.4em; }
  .box .float-right { float: none !important; clear: both; }
.features-list { font-size: 1.1em; }
#body-wrapper { padding: 0 !important; border-radius: 5px; border: 1px solid #aaa; margin: 5px 0; overflow: hidden; width: 100%; }
  #body-wrapper .options { display: none; }
  .body-wrapper-inner { padding: 0; }
    div#content-inner #body-wrapper h2 { margin: 0; padding: 5px; }
.mceLayout, .mceIframeContainer { }
.mceLayout tr {  }
.mceIframeContainer { }
.submit { font-size: 1.4em; margin: 1em 0; }
.submit input { font-size: 1em; padding: 2% 5% }
#updates { font-size: 1em; }
  #updates h2, #updates h3, #updates span.hmenu, #updates p { padding: 0 0 10px !important; }
  #updates span.hmenu { margin-bottom: 0; }
/* Blog Index Styles */
.article-list { }
.article-list th { display: none; }
.article-list td { padding: 4px; border-bottom: 0 none; }
.article-list tr { clear: both; border-bottom: 1px solid #aaa; padding: 4px 0 }
.article-list td.detail { padding-top: 0; }
.article-title { width: 100%; position: relative; display: block; font-size: 1.2em; overflow: hidden; padding-top: 10px; }
.article-author, .article-status { width: 100%; position: relative; display: block; padding: 0 4px; }
.article-status div { display: inline; }
.article-options { text-align: right; padding-left: 25px; }
.article-options .icon { margin: 0 3px; }
/* Page Index Styles */
.page-handle { display: none; }
ul.sortable { margin: 0; padding: 0 0 0;}
ul.sortable ul { margin: 0 0 0 -30px; }
ul.sortable .page-options a .icon { margin: 0 5px; }
.sortable ul { border-left: 1px solid #ccc; }
.page-menu, .page-type { float: none; clear: both; }
}



@media screen and (min-width: 590px) {
  .main-fields { float: left; width: 590px; }
}

@media screen and (min-width: 900px) {
#preview-container { display: none; }
/* Responsive Preview Form */
.responsive-form-body #wrapper-outer { width: 100%; padding: 0; height: 100% }
.responsive-form-body #wrapper-inner { width: 100%; padding: 0; border: 0; border-radius: 0; margin: 0; }
  .responsive-form-body #logo { display: none; }
  .responsive-form-body #main-column h1, .responsive-form-body #crumb, .responsive-form { padding: 0 10px; width: 880px; overflow: hidden; }
.responsive-form-body #main-column { width: 100%; }
  .responsive-form { padding: 0 10px; width: 870px; overflow: hidden; float: left; }
    .responsive-form.narrow { width: 590px; }
    .responsive-form #main-details.details { float: right; width: 250px; }
  .responsive-preview { float: left; width: 0; background: #333; min-height: 100%; position: fixed; right: 0; top: 0; border-left: 2px solid #000; z-index: 100}
    .responsive-preview .controls { border-bottom: 1px solid #666; height: 36px; }
    .preview-controls { list-style: none; display: block; height: 30px; padding: 4px 5px 2px; overflow: hidden; }
      .preview-controls.expanders { position: absolute; left: 0; top: 0; margin: 0; }
      .preview-controls.widths { width: 310px; margin: 0 auto; }
      .preview-controls.refresh { position: fixed; right: 0; bottom: 0; margin: 0; padding: 5px 0 2px 10px; border-radius: 5px 0 0 0; background: #333; }
      .preview-controls li { float: left; text-align: center; }
        .preview-controls li a { display: block; float: left;  }
        .preview-controls i { width: 16px; }
          .preview-controls .refresh-preview { float: left; }
        
    .responsive-preview .iframe-wrapper { margin: 0 auto; width: 320px; min-height: 100%; }
      .responsive-preview iframe { min-height: 100%; width: 100%; margin: 0 auto; padding-bottom: 0; border: 1px solid #000; border-left: 0; border-right: 0; border-bottom: 0; }

}


@media screen and (min-width: 900px) {
#preview-container { display: none; }
/* Responsive Preview Form */
.responsive-form-body #wrapper-outer { width: 100%; padding: 0; height: 100% }
.responsive-form-body #wrapper-inner { width: 100%; padding: 0; border: 0; border-radius: 0; margin: 0; }
  .responsive-form-body #logo { display: none; }
  .responsive-form-body #main-column h1, .responsive-form-body #crumb, .responsive-form { padding: 0 10px; width: 880px; overflow: hidden; }
.responsive-form-body #main-column { width: 100%; }
  .responsive-form { padding: 0 10px; width: 870px; overflow: hidden; float: left;}
    .responsive-form.narrow { width: 590px; }
    .main-fields { float: left; width: 590px; }
    .responsive-form #main-details.details { float: right; width: 250px; }
  .responsive-preview { float: left; width: 0; background: #333; min-height: 100%; position: fixed; right: 0; top: 0; border-left: 2px solid #000; z-index: 100}
    .responsive-preview .controls { border-bottom: 1px solid #666; height: 36px; }
    .preview-controls { list-style: none; display: block; height: 30px; padding: 4px 5px 2px; overflow: hidden; }
      .preview-controls.expanders { position: absolute; left: 0; top: 0; margin: 0; }
      .preview-controls.widths { width: 310px; margin: 0 auto; }
      .preview-controls.refresh { position: fixed; right: 0; bottom: 0; margin: 0; padding: 5px 0 2px 10px; border-radius: 5px 0 0 0; background: #333; }
      .preview-controls li { float: left; }
        .preview-controls li a { display: block; float: left;  }
          .preview-controls .refresh-preview { float: left; }
        
    .responsive-preview .iframe-wrapper { margin: 0 auto; width: 320px; min-height: 87%; }
      .responsive-preview iframe { min-height: 100%; width: 100%; margin: 0 auto; border: 1px solid #000; border-left: 0; border-right: 0; }
}

/* Slice Form Layout */
.slice-html .starting-html { float: left; width: 49%; }
.slice-html .ending-html { float: left; width: 49%; }
.preview-controls.expanders li:nth-child(1) a, .preview-controls.expanders li:nth-last-child(1) a, .preview-controls.expanders a { border-radius: 100%; width: 14px; text-align: center; }
.preview-controls li:nth-child(1) a { border-radius: 100px 0 0 100px; }
.preview-controls li:nth-last-child(1) a { border-radius: 0 100px 100px 0; }
.unfeatured { color: #a31818; }
.featured { color: #ffd259; }
.disabled { color: rgba(0,0,0,.25);}
.mceEditor { height: 300px; min-height: 50vh; max-width: 100%; width: 548px; }
.mceEditor.short { min-height: inherit; height: 250px; }



@media only screen and (max-width: 480px) {
  div.page-options, div.page-testimonials, div.page-images, div.page-menu, div.page-type { font-size: 1.6em; float: none !important; display: inline-block; }
  #ajax-index a .far, #ajax-index a .fas { width: 25px; }
  .trash-spacer { display: none !important; }
  .menu-item-inner { margin-bottom: 0; border-bottom: 4px solid rgba(0,0,0,.05); padding: 10px 0; }
  div.page-title { font-size: 1.5em !important; }
  .page-title i { width: 24px !important; }
  div.page-type { display: none !important; }
  .menu-item { border-top: 4px solid rgba(0,0,0,.3; ); border-bottom: 4px solid rgba(0,0,0,.05);}
  ul.sortable { border-left: 4px solid rgba(0,0,0,.05); }
  ul.sortable ul { margin: 0 0 0 0; border-left: 0; border-left: 8px solid rgba(0,0,0,.05);}
  .box a { padding: 4px; }
}


/* Admin Layouts */
#slice-layout-inner ul.sortable li:hover { background: transparent !important; }
ul.sortable li:hover .slice-inner .fa-grip-vertical { opacity: 0; }
ul.sortable li:hover .slice-inner:hover .fa-grip-vertical { opacity: 1; }
.slice-inner .note { margin-left: 22px; margin-top: -4px; padding-bottom: 4px; }
.slice-inner .title { padding: 0; }
.slice-inner { border-top: 2px solid rgba(0,0,0,.05); border-bottom: 2px solid rgba(0,0,0,.05); }
.slice-inner:hover { background-color: #fff5d34a !important; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.mobile .slice-inner .title, .tablet .slice-inner .title, .narrow .slice-inner .title, .wide .slice-inner .title { border-left: 2px solid rgba(0,0,0,.05); border-right: 2px solid rgba(0,0,0,.05); }



/* Admin Pages */
    #filter-options, #batch-options { padding: 10px; }
    #filter-options.box h2, #batch-options.box h2 { margin: 0; padding: 0; font-size: 1.2em; }
    #batch-options.box h2 { padding: 10px 0; }
    #filter-template, #batch-template. #batch-master-layout { padding: 8px 0; }
    #filter-options label, #batch-options label { width: 100px; float: left; display: block; padding: 5px 0; }
    #filter-options .submit, #batch-options .submit { padding: 0; margin: 10px 0 0; }
    #nav-filters { margin: 10px 0 0; display: none; }
    #nav-filters div { margin: 0 0 0 0; }
    #nav-filters label { display: inline; width: inherit; float: none; }
    #nav-filters input[type='checkbox'] { margin: 8px 3px 0; }
    .full-url { display: none; }
    ul.sortable { list-style: none; margin: 0 0 0 -40px; }
    ul.sortable ul { margin: 0 0 0 -20px; list-style: none; }
    ul.sortable li { line-height: 2em; }
    div.page-title-header { float: left; width: 60px; color: #666; margin: 0 0 4px 10px; }
    .header { font-size: 1em; }
    div.page-options-header { float: right; width: 160px; text-align: left; color: #666; }
    div.page-images-header { float: right; width: 50px; text-align: left; margin-right: 20px; color: #666; }
    div.page-testimonials-header { float: right; width: 100px; text-align: left; margin-right: 20px; color: #666; }
    
    div.page-type-header { float: right; width: 75px; text-align: left; margin-right: 20px; color: #666; }
    div.page-testimonials-header { float: right; width: 100px; text-align: left; margin-right: 20px; color: #666; }
    div.page-title { float: left; margin: 6px 20px 6px 0; width: 368px; line-height: 18px; }
    ul.paginated div.page-title { margin: 6px 5px 6px 10px; }
    li.odd, li.even { padding: 2px 0 !important; }
    ul ul div.page-title { width: 340px; }
    ul ul ul div.page-title { width: 330px; }
    ul ul ul ul div.page-title { width: 337px; }
    ul ul ul ul ul div.page-title { width: 317px; }
    ul ul ul ul ul ul div.page-title { width: 297px; }
    .page-title .desktop-only { display: block; float: right; font-size: .9em; margin-top: 1px; }
    .page-title i { margin-left: 4px; width: 16px; color: rgba(0,0,0,.2); text-align: center; }
    input[type='checkbox'] { margin-left: 10px; }
    input[type='checkbox'].select-all { margin-left: 0; float: right; margin-right: 6px; }
    .trash-spacer { width: 0; display: inline; margin-left: 32px; }
    .trash-spacer.page { margin-left: 34px; }
    .trash-spacer.link { margin-left: 68px; }
    .fa-trash-alt { margin-right: 0; }
    #ajax-index a .far, #ajax-index a .fas { position: relative; z-index: 2; border-radius: 100%; transition: 200ms all linear; width: 14px; margin: 8px; text-align: center; }
    #ajax-index a:hover .far, #ajax-index a:hover .fas { color: black; background: rgba(0,0,0,.05); padding: 12px; margin: -4px; }
    /*#ajax-index a .far::before, #ajax-index a .fas::before { transition: 200ms all linear; width: 0; height: 0; position: absolute; top: -50%; left: -50%; }
    #ajax-index a:hover .far::before, #ajax-index a:hover .fas::before { width: 24px; height: 24px; background: rgba(0,0,0,.05); border-radius: 100%; padding: 10px 0 0 10px; }*/
    .menu-item-inner input[type='checkbox'] { margin-left: 0; position: absolute; right: 4px; top: 6px; }
    div.page-title a { font-size: 1em }
    div.page-options { text-align: left; float: right; width: 162px; }
    div.page-images { float: right; margin-right: 20px; width: 50px; text-align: left; }
    div.page-type { float: right; margin-right: 20px; width: 75px; text-align: left; font-size: .8em; }
    div.page-testimonials { float: right; margin-right: 20px; width: 100px; text-align: left; }
    div.page-menu { float: right; margin-right: 20px; width: 50px; }
    ul.sortable .drop_hover { background: url(http://files.artweb-design.de/javascript/scriptaculous-sortabletree/demo/drag.png) no-repeat bottom left; }
    ul.sortable .drop_top { background-position: top left; }
    ul.sortable .drop_bottom { background-position: bottom left; }
    ul.sortable .drop_insert { background-position: 20px 100%; }
    div#droppable_top { height: 10px; background: rgba(0,0,0,.025); margin: 0; }
    div#droppable_top span, div.droppable span { display: none; font-size: .9em; font-weight: bold; }
    div.droppable { height: 10px; background: rgba(0,0,0,.025); margin-left: 0; }
    div.draghover span { display: block !important; padding: 5px; background: #e7ffe1 !important; border-left: 1px dotted #296e19; line-height: 25px; position: relative; z-index: 5000000; top: -40px; border: 1px dotted #5a9605; }
    div.draghover { background: #3b6232; }
    .handle { float: left; position: absolute !important; margin: 8px 0 0 8px; opacity: 0; transition: 100ms all linear; color: rgba(0,0,0,.1)}
    .menu-item-inner { padding: 0 0; position: relative; }
    .menu-item-inner:hover .handle { opacity: 1; }
    .menu-item-inner:hover .page-title i { opacity: 0; }
    .menu-item-inner:hover { }
    .menu-item {  }
    .menu-item-inner.hidden { background: rgba(0,0,0,.05); }
    ul.top-options { margin: 0; padding: 0; list-style: none; }
    .pagination { margin: 5px 10px; }
    @media screen and (max-width: 549px) {
    .page-title-header, .page-options-header, .page-testimonials-header, .page-images-header, .page-type-header { display: none; }
    div.page-title { margin: 5px 0; font-size: 1.4em; padding: 0 5px; }
    ul ul div.page-title {clear: right; width: 100%; max-width: 100%; overflow: hidden; white-space: nowrap; }
    div.page-options, div.page-testimonials, div.page-images, div.page-menu, div.page-type { float: right !important; margin: 0 0 0 10px; width: inherit; }
    div.droppable { display: none; }
    ul.sortable a .icon { margin: 0 1px; }  
    }
#wrapper-outer div.submit { position: fixed; bottom: 0; background: white; z-index: 20; left: 0; box-shadow: 0 0 20px rgba(0,0,0,.5); width: calc(100% - 20px); }
#wrapper-inner, .responsive-form-body #wrapper-inner { padding-bottom: 90px;  }
#wrapper-outer div.submit.login { position: relative; bottom: auto; box-shadow: none;  }