body {background: #ffffff; font: normal 12px Helvetica, Arial; color: #3e414a;}
.small {font-size:10px;}
.cb {clear: both;font-size:0;height:0;margin: 0;padding: 0;}
.site-wrapper {text-align: center; }

/*
    Site header
*/
.site-header {width:100%; background: #354a5f; min-height: 50px; text-align: center;}
.site-header-content {max-width: 1200px; width: 94%; min-height:50px;line-height:50px;margin-left:auto;margin-right:auto; }
.site-header-content .logo {float:left;}
.site-header-content .topmenu {float:right;}
.topmenu .items {text-align:left;}
.topmenu .items .item {float:left;margin-left:10px;}
.topmenu .items .item .icon {float:left;}
.topmenu .items .item .icon img {max-width: 22px;}
.topmenu .items .item .label {float:left;margin-left:2px;}
.topmenu .items .item .label a {color: #fefefe;font-size:13px;}

.topmenu .items .item-active .label a {color: #ffffff;font-size:13px;text-decoration:underline;}

/*
    Site subheader
*/
.site-subheader {width:100%; background: #598da3; min-height: 35px; text-align: center;}
.site-subheader-content {max-width: 1200px; width: 94%; min-height:35px;line-height:35px;margin-left:auto;margin-right:auto; text-align: left; }

.site-subheader-content .mainmenu {text-align: left;}
.mainmenu .items {text-align:left;}
.mainmenu .items .item {float:left; height: 35px;line-height:35px;width:12%;}
.mainmenu .items .item img {margin-right:5px;}
.mainmenu .items .item a {color: #ffffff;font-size:13px;height: 35px;line-height:35px;display:block; text-align: center;border-right: 1px solid #3b6c81;}

.mainmenu .items .item-home {width: auto;}
.mainmenu .items .item-home a {min-width:45px;width: 45px;background: #354a5f;border-right: none;margin-right:1px;}
.mainmenu .items .item-home img {margin-right:0;}

.mainmenu .items .item a:hover,
.mainmenu .items .item-selected a {color: #ffffff;background: #61ccdf; font-size:13px;text-decoration: none;}

@media screen and (max-width: 1400px) {

    .site-header-content .topmenu {float:right;padding-right:50px;}

    .mainmenu .items .item {float:left; height: 35px;line-height:35px;width:11.5%;}
    .mainmenu .items .item img {display:none;}
    .mainmenu .items .item a {padding: 0 10px;}
    .mainmenu .items .item-home img {display:inline-block;}
    .mainmenu .items .item-home {width:auto;}
}

@media screen and (max-width: 1000px) {
    .mainmenu .items .item {float:left; height: 35px;line-height:35px;width:10.5%;}
}

@media screen and (max-width: 800px) {

    .mainmenu .items .item {float:left; height: 35px;line-height:35px;width: 11%;}
    .mainmenu .items .item a {font-size:11px; padding: 0 5px;}
    .mainmenu .items .item img {display:none;} 
    .mainmenu .items .item-home img {display:inline-block;} 
    .mainmenu .items .item-home {width:auto;}
}

.mainmenu .items .item-autom8r {}
.mainmenu .items .item-autom8r a {background: #fcac4d;font-weight: bold;}
.mainmenu .items .item-autom8r a:hover,
.mainmenu .items .item-autom8r-selected a {color: #ffffff;background: #f1901d; font-size:13px;text-decoration: none;}

/*
    Site content
*/
.site-content-wrapper {width:100%; background: #ffffff; text-align: center;position: relative;}
.site-clock {width:30px;;position:absolute;height:22px;top:5px; right:5px;z-index:1;text-align: right;}
.site-clock .site-time {color: #ffffff; font-weight: bold; width:30px;padding:0 10px;height:22px;line-height:22px; font-size:10px; float:right;background: #4b5f73;border:1px solid #598da3; cursor:help;}

.site-content-header {max-width: 1200px; width: 94%; min-height:40px;text-align:left;line-height:40px;margin-top:25px;margin-left:auto;margin-right:auto;border-bottom:1px solid #9aa4a8;}

.site-content-body {max-width: 1200px; width: 94%; min-height:400px;text-align:left;margin-left:auto;margin-right:auto;margin-top:15px;}

.site-content-footer {margin-top:20px;max-width: 1200px; width: 94%; min-height:34px; height:34px; line-height:34px;position:relative;margin-left:auto;margin-right:auto;}
.site-content-footer img {max-width: 100%;position: absolute;z-index:1; left:0;right:0;margin-left:auto;margin-right:auto;}
.site-content-footer .copyright {position: absolute; z-index:2; right:10px;top:10px; color:#b4b4b4; padding-right:50px;}

.subheader {background: #f7f7f7; padding:7px; font: normal 14px Helvetica, Arial; color: #3e414a; margin: 10px 0;}
.errors {background: #fbf0f0; padding:10px; margin: 10px; width:auto;min-width: 300px;border:1px solid #e7adad;}
.errors .label {color: #cf2121; font-size: 13px;float:left;font-family:arial;}
.errors .close {color: #cf2121 !important; font-size: 11px; float:right;opacity: 1;}
.errors ul {margin:10px;padding:10px; margin-bottom:0; padding-bottom:0;margin-top:10px; padding-top:0;}
.errors li {font-family:arial;}
.errors .error, .errors a{font-size: 11px;font-family:arial;}

.success-msg {background: #eafbe1; color: #47a319; padding:10px; margin: 10px 0; width:auto;min-width: 300px;}


/*
    Site history
*/

.site-history .items .item {float:left; background: url(../img/common/history_bullet.gif) left center no-repeat;
    padding-left:10px; margin-right:10px; font-size:15px; color:#a9a9a9;line-height:40px;}
.site-history .items .item-pos0 {color: #3e414a;font-size:18px;padding-left:0;background: none;line-height:39px;}

/*
    Site tabs
*/

.tabs {float:left; margin-left:30px;}
.tabs .tab {float:left;}
.tabs .tab a {display:block; position:relative; min-height: 40px; line-height:40px; padding:0 20px; background: #efefef; color: #3e414a;font-size:15px;margin-left:10px;}
.tabs .tab-active a, .tabs .tab a:hover {background: #9aa4a8; color: #ffffff; text-decoration: none;}

.tabs-withbullet .tab a {display:block; position:relative; min-height: 40px; line-height:40px; padding:0 20px; padding-left:25px; background: #efefef; color: #3e414a;font-size:15px;margin-right:10px;}
.tabs-withbullet .tab-active a, .tabs-withbullet .tab a:hover {background: #9aa4a8 url(../img/common/active_tab.gif) 10px 16px no-repeat; color: #ffffff; text-decoration: none;}

.tabs .tab-smaller a {min-height: 25px; line-height:25px; padding:0 20px; font-size:13px;}

.tabs .tab a .close {width: 17px; height: 17px; display:none; position:absolute;top:2px;right:2px;margin:0;padding:0;}
.tabs .tab a .close img {max-width:100%;max-height:100%;margin:0;padding:0;vertical-align: top;}
.tabs .tab a:hover .close {display:block;}

.tabs-body-loading {min-height: 400px;line-height:400px;text-align:center;}

.tabs-body {text-align:left;min-height: 400px;display:none;}

.tabs-a8r {padding-top:5px;}
.tabs-a8r .tab a {font-size:13px; text-align:center;padding-left:33px;padding-right:15px;min-height: 35px; line-height:35px;}
.tabs-a8r .tab-packs a {background: #efefef url(../img/common/content-pack-icon.png) 10px 9px no-repeat;background-size: 13%;}
.tabs-a8r .tab-packs-active a, .tabs-a8r .tab-packs a:hover {background: #9aa4a8 url(../img/common/content-pack-icon-white.png) 10px 9px no-repeat; color: #ffffff; background-size: 13%;}

.tabs-a8r .tab-cmp a {background: #efefef url(../img/common/drip-icon.png) 12px 9px no-repeat; background-size: 15%;}
.tabs-a8r .tab-cmp-active a, .tabs-a8r .tab-cmp a:hover {background: #9aa4a8 url(../img/common/drip-icon-white.png) 12px 9px no-repeat;background-size: 15%; color: #ffffff; }

.tabs-a8r .tab-lb a {background: #efefef url(../img/common/leadbox-icon.png) 11px 7px no-repeat;background-size: 17%;}
.tabs-a8r .tab-lb-active a, .tabs-a8r .tab-lb a:hover {background: #9aa4a8 url(../img/common/leadbox-icon-white.png) 11px 7px no-repeat;background-size: 17%; color: #ffffff; }

.tabs-a8r .tab-ms a {background: #efefef url(../img/common/leadpage-icon.png) 11px 8px no-repeat;background-size: 15%;}
.tabs-a8r .tab-ms-active a, .tabs-a8r .tab-ms a:hover {background: #9aa4a8 url(../img/common/leadpage-icon-white.png) 11px 8px no-repeat; color: #ffffff; background-size: 15%;}

.tabs-a8r .tab-ads a {background: #efefef url(../img/common/ads-icon-grey-25x25.png) 11px 8px no-repeat;background-size: 20%;}
.tabs-a8r .tab-ads-active a, .tabs-a8r .tab-ads a:hover {background: #9aa4a8 url(../img/common/ads-icon-white-25x25.png) 11px 8px no-repeat; color: #ffffff; background-size: 20%;}

.tabs-a8r .tab-events a {background: #efefef url(../img/common/calendar-icon-grey-25x25.png) 10px 8px no-repeat;background-size: 14%;}
.tabs-a8r .tab-events-active a, .tabs-a8r .tab-events a:hover {background: #9aa4a8 url(../img/common/calendar-icon-white-25x25.png) 10px 8px no-repeat; color: #ffffff; background-size: 14%;}

.tabs-a8r .tab-event-types a {background: #efefef url(../img/common/gear-icon-grey-25x25.png) 10px 7px no-repeat;background-size: 15%;}
.tabs-a8r .tab-event-types-active a, .tabs-a8r .tab-event-types a:hover {background: #9aa4a8 url(../img/common/gear-icon-white-25x25.png) 10px 7px no-repeat; color: #ffffff; background-size: 15%;}


/*
    Overwrite Jquery styling
*/
.ui-widget, .ui-widget-content, .ui-widget-header {border-radius: 0; font-family: Helvetica, Arial;}
.ui-widget-header {font-weight:normal; background: #e8e8e8}
.ui-widget-content {color: #3e414a;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Helvetica,Arial,sans-serif; color: #3e414a;
    font-size: 1em;
}
/*
    Admin table styles
*/



.tab_3 {background: #ffffff;}
.tab_3 .content-first{border-left:1px solid #bfbfbf;} 
.tab_3 .content-last{ border-right:1px solid #bfbfbf;}
.tab_3 .title{ font-size:13px;font-weight:bold;background:#666d74;color:#ffffff; padding: 8px 5px; border-right:1px solid #373d42;}
.tab_3 .title-extraspace { padding:8px 15px;}
.tab_3 .title-last {border:none;}
.tab_3 .utitle{ font-size:13px;font-weight:bold;background:#858c93;color:#ffffff; padding: 6px 5px; border-right:1px solid #373d42;}
.tab_3 .utitle-last {border:none;}

.tab_3 .spacer{ display:none; }

.tab_3 .content { background:#ffffff;font-weight:normal;color:#3e414a;font-size:12px;padding:5px; border-bottom: 1px solid #bfbfbf;height:26px;}
.tab_3 .content-extraspace { padding:5px 15px;}
.tab_3 .content2 {background:#eef3f5;color:#3e414a;font-size:12px;padding:5px; border-bottom: 1px solid #bfbfbf;font-weight:normal;}
.tab_3 .content_darker{ background:#f8f8f8;font-weight:normal;}
.tab_3 .content_selected{ font-weight:bold; color:#598da3;} 
.tab_3 .content_selected input[type="text"], .tab_3 .content_selected input[type="password"], .tab_3 .content_selected select {border: 1px solid #598da3;font-weight:bold; color:#598da3;}

.tab_3 .contentsel{ background:#edf8d7;color:#3e414a;font-size:11px;padding:2px; }

.smallbtns {margin-left:10px;}
.smallbtn {float:left; cursor:pointer; width: 16px;height:16px;margin:0;padding:0;font-size:0;margin-right:10px;}
.smallbtn-icon {}
.smallbtn-icon img {width: 16px;height:16px;}

.smallbtn .smallbtn-icon-save {background: url(../img/common/small_save_btn.gif) left top no-repeat;}
.smallbtn-active .smallbtn-icon-save {background: url(../img/common/small_save_btn_active.gif) left top no-repeat;}

.smallbtn .smallbtn-icon-saveall {background: url(../img/common/small_save_all_btn.gif) left top no-repeat;width: 30px;}
.smallbtn-active .smallbtn-icon-saveall {background: url(../img/common/small_save_all_btn_active.gif) left top no-repeat;}

.smallbtn .smallbtn-icon-delete {background: url(../img/common/small_delete_btn.gif) left top no-repeat;}
.smallbtn-active .smallbtn-icon-delete {background: url(../img/common/small_delete_btn_active.gif) left top no-repeat;}

.smallbtn .smallbtn-icon-send-email{background: url(../img/common/small_send_email_btn.gif) left top no-repeat;}
.smallbtn-active .smallbtn-icon-send-email{background: url(../img/common/small_send_email_btn_active.gif) left top no-repeat;}

.smallbtn .smallbtn-icon-schedule{background: url(../img/common/small_schedule_btn.png) left top no-repeat;}
.smallbtn-active .smallbtn-icon-schedule{background: url(../img/common/small_schedule_btn_active.png) left top no-repeat;}

.smallbtn .smallbtn-icon-send-emailcasl{background: url(../img/common/small_send_emailcasl_btn.gif) left top no-repeat;}
.smallbtn-active .smallbtn-icon-send-emailcasl{background: url(../img/common/small_send_emailcasl_btn_active.gif) left top no-repeat;}

.smallbtn .smallbtn-icon-edit {background: url(../img/common/small_edit2_btn.png) left top no-repeat;}
.smallbtn-active .smallbtn-icon-edit {background: url(../img/common/small_edit2_btn_active.png) left top no-repeat;}

.smallbtn .smallbtn-icon-stats {background: url(../img/common/small_stats_btn.png) left top no-repeat;}
.smallbtn-active .smallbtn-icon-stats {background: url(../img/common/small_stats_btn_active.png) left top no-repeat;}

.smallbtn .smallbtn-icon-calendar {background: url(../img/common/small_calendar_btn.png) left top no-repeat;}
.smallbtn-active .smallbtn-icon-calendar {background: url(../img/common/small_calendar_btn_active.png) left top no-repeat;}

.smallbtn .smallbtn-icon-copy {background: url(../img/common/small_copy_btn.gif) left top no-repeat;}
.smallbtn-active .smallbtn-icon-copy {background: url(../img/common/small_copy_btn_active.gif) left top no-repeat;}

.smallbtn .smallbtn-icon-copytoclients {background: url(../img/common/small_copy_to_clients_btn.png) left top no-repeat;}
.smallbtn-active .smallbtn-icon-copytoclients {background: url(../img/common/small_copy_to_clients_btn_active.png) left top no-repeat;}

.smallbtn .smallbtn-icon-lock {background: url(../img/common/small_lock_btn.png) left top no-repeat;}
.smallbtn-active .smallbtn-icon-lock {background: url(../img/common/small_lock_btn_active.png) left top no-repeat;}

.smallbtn .smallbtn-icon-unlock {background: url(../img/common/small_unlock_btn.png) left top no-repeat;}
.smallbtn-active .smallbtn-icon-unlock {background: url(../img/common/small_unlock_btn_active.png) left top no-repeat;}

.smallbtn .smallbtn-icon-broadcast {background: url(../img/common/small_broadcast_btn.png) left top no-repeat;}
.smallbtn-active .smallbtn-icon-broadcast {background: url(../img/common/small_broadcast_btn_active.png) left top no-repeat;}

.filterbox {margin:10px 0;padding:10px;background: #f7f7f7;}
.filterbox .close {width: 17px; height: 17px; position:absolute;top:2px;right:2px;margin:0;padding:0;}
.filterbox .close img {max-width:100%;max-height:100%;margin:0;padding:0;vertical-align: top;}

.filterbox-line {margin: 6px; }

.filterbox-line input[type="text"]{vertical-align:middle; background: #ffffff;}
.filterbox-line .textfield, .filterbox-line .textfieldsel {height:24px;}
.filterbox-line select {height:22px;padding:1px;}
.filterbox-line .filter {white-space: nowrap;padding:2px 0;display:inline-block;}
.filterbox-line .filter-hide {display:none !important;}

.pages {padding: 10px 0;}

.footnotes{color:#444;font-size:11px;line-height:1.5;margin-top:20px;padding-bottom:20px;}
.footnotes-header {font-size:12px; font-weight:bold; margin-top:5px; }


/*
    Settings table
*/
.settings-table td.label {width:250px;padding-left:15px;font-size:14px;vertical-align: top;}
.settings-table td.field {font-size:12px; vertical-align: top;} 
.settings-table .small {font-size:11px;color:#999999;}
.settings-table .subtitle{background:none;border-bottom:1px solid #9aa4a8;font-size:18px;height:25px;line-height:25px;margin:10px 0;}
.settings-table .subtitle span{vertical-align:middle;}


/*
    Widgets
*/

.widwrapper {border:1px solid transparent;width:100%;}
.widwrapper {font-size:11px;}
.widwrapper .textfield {font-size:12px; height:16px;}

.widbox {width:270px;height:440px;border:1px solid #cccccc;font-size:11px; font-weight: bold; color: #444444; vertical-align:middle;
    padding:10px;margin:10px;float:left;}

.widbox .actions {margin-bottom: 10px;}
.widbox .actions .smallbtns {float:right;}
.widbox .actions .smallbtn {margin-right:0;margin-left:10px;}
.widbox .actions .widgetph {color: #aaaaaa; padding-left:20px; font-size:11px; font-weight: normal;}

.widbox .titleform {padding-bottom:10px;}
.widbox .titleform input {width: 230px;}

.widbox .imgform {height: 110px;}
.widbox .imgform-pic {float: left; width:110px; height: 110px; text-align: center;}
.widbox .imgform-pic img {max-width:95%;max-height:100%;background: #f7f7f7;}
.widbox .imgform-fields {float:right; width:155px; height: 100px; overflow: hidden;}
.widbox .imgform-fields .imgform-fields-row{padding-bottom:5px;}
.widbox .imgform-fields .imgform-fields-row input[type=text] {width: 95%;}
.widbox .imgform-fields .imgform-fields-row-link input[type=text] {width: 80%;}

.widbox-image .imgform {height: auto;}
.widbox-image .imgform-pic {float: none; width:270px; height: 200px; line-height: 200px; border:1px solid #eeeeee;}
.widbox-image .imgform-fields {float:none; width:270px; height: auto; overflow: auto;padding-top:10px;}
.widbox-image .imgform-fields .imgform-fields-row{padding-bottom:10px;}

.widbox .contentform {}
.widbox .contentform textarea {width:97%;height:140px;}

.widbox-featured .contentform textarea {height:140px;}

.widbox .moreform {padding-bottom:1px; padding-top:5px;}
.widbox .moreform  input[type=text] {width: 160px;}

.widbox .tagsform {padding-bottom:10px; padding-top:5px;}
.widbox .tagsform  input[type=text] {width: 225px;}

.widbox-large {width: 604px;}
.widbox-large .titleform input {width: 544px;}
.widbox-large .imgform-fields {width:480px; height: 100px; overflow: hidden;}
.widbox-large .moreform  input[type=text] {width: 450px;}


.widbox-new {border: 1px solid #4ac823;background: #f1f7ef; }
.widbox-new .newwidform {}
.widbox-new .newwidform .newwidform-row {padding-bottom:5px;}
.widbox-new .newwidform .newwidform-row input[type=text] {width :95%;}
.widbox-new .newwidform .newwidform-row-link input[type=text] {width :80%;}


.CodeMirror { height: 100%; width:1160px;max-width: 100%; }

.draggable {cursor: copy;}

/*
.infopic {width:16px; height:16px; display: inline-block; line-height: 16px;vertical-align: middle; background: url('../img/common/info.png') no-repeat; background-size: contain; cursor: help;}
.infopic-error {background: url('../img/common/errorIcon.gif') no-repeat;}
*/
.infopic{background:url('../img/common/info.png') no-repeat;background-size:contain;cursor:help;display:inline-block;height:16px;line-height:16px;margin:0;vertical-align:middle;width:16px;}
.infopic-w{background:url('../img/common/info-white.png') no-repeat;background-size:contain;cursor:help;display:inline-block;height:16px;line-height:16px;margin:0;vertical-align:text-bottom;width:16px;}
.infopic-error{background:url('../img/common/errorIcon.gif') no-repeat;}
.infopic-hide {display:none !important;}
.infopic-q{background:url('../img/common/question.png') center no-repeat transparent;background-size:contain;color:#fff;cursor:help;display:inline-block;height:16px;line-height:16px;margin:0;vertical-align:text-bottom;width:16px;}
.infopic-q-w{background:url('../img/common/question-white.png') center no-repeat transparent;background-size:contain;color:#fff;cursor:help;display:inline-block;height:16px;line-height:16px;margin:0;vertical-align:text-bottom;width:16px;}

.niceradio {display:inline-block;border:1px solid #666666;cursor:pointer;}
.niceradio:first-child {border-left:1px solid #666666;}
.niceradio input {display:none;}
.niceradio label {display:inline-block;padding:5px;width: 100%;height: 100%;cursor:pointer;caret-color: transparent;}
.niceradio-selected {background:#666666; color: #ffffff;}

.ui-tooltip {
    white-space: pre-line;
}

.dialog-loading { width:100%;min-height: 50px;text-align: center;
    background: url(../img/design/loading_small.gif) no-repeat center center;
}

.autocomplete-loading {
    background: url(../img/design/loading_small.gif) no-repeat center right;
}

.emptylist {font-size:13px;font-style: italic;color: #888888; margin: 20px 0; border:1px solid #f3f3f3; background: #fefefe; padding:20px;}

.helpdiv {display: inline-block;width:16px; height:16px; line-height: 16px;vertical-align: middle;
    background: url(../img/common/info.png) no-repeat; background-size: contain; cursor: help;
}
.helpdiv-content {display:none; margin: 0;padding:0;}

.helpdiv-ui-tooltip-content {
    white-space: normal !important; padding:10px;
}
.helpdiv-ui-tooltip-content ul {margin:0;padding:0; }
.helpdiv-ui-tooltip-content ul li {margin:0;margin-left:10px;padding:0;padding-bottom:5px;}

/**
    tinymce
*/

.mce-tinymce {z-index:1;}
/*.mce-floatpanel {top: 100px !important;}*/

.scheduler-popup a {color:#22609f;}
.scheduler-popup a :hover {color:#22609f;text-decoration:underline;}

/* WorkerBox (also used for testimonials) */
.wbox ::-webkit-input-placeholder {
    color:    #cccccc; font-weight: lighter;
}
.wbox :-moz-placeholder {
    color:    #cccccc; font-weight: lighter;
    opacity:  1;
}
.wbox ::-moz-placeholder {
    color:    #cccccc; font-weight: lighter;
    opacity:  1;
}
.wbox :-ms-input-placeholder {
    color:    #cccccc; font-weight: lighter;
}
.wbox {margin:10px 0; border:1px solid #cccccc; width: 100%;min-width: 768px;padding-bottom:10px;}
.wbox-new {border:1px solid #95c69e; background: #f5f9f6;}

.wbox .wbox-img-sidebar {margin:1%;text-align:center;width:18%;float:left;}
.wbox .wbox-img {width: 18%;float: left;margin:1%;border:1px dashed #c5c5c5; text-align: center;padding:5px;}
.wbox .wbox-img img {max-width: 95%; max-height: 150px;}
.wbox .wbox-img svg {max-width: 60%; max-height: 150px;}

.wbox .wbox-btn {text-align: center; padding: 10px 0;cursor: pointer; display: inline-block; }
.wbox .wbox-btn  label {border:1px solid #444444;background:#f4f4f4;text-align: left; display:inline-block;padding:3px 10px;cursor: pointer; margin-right:5px;margin-bottom:5px;}
.wbox .wbox-btn  label span { white-space: nowrap; }

.wbox .wbox-img-sidebar .wbox-img {float:none; width:96%;margin:0 1% 10px 0; display:block;}


.wbox .wbox-body {width: 76%;float: left; margin:1%;margin-left:0; background: #f5f5f5;padding:10px; display: inline-block; box-sizing: border-box;}
.wbox .wbox-body-fullwidth {width: 98%;margin:1%;}
.wbox-new .wbox-body {background: #e8f1ea;}
.wbox .wbox-line {padding:0 10px;}
.wbox .wbox-field {padding:5px; display: inline-block;}
.wbox .mand, .mand {color: #cc0000;}

.wbox .wbox-line-30 {width: 30%;float:left; padding:0 1%; box-sizing: border-box;}
.wbox .wbox-line-70 {width: 70%;float:left; padding:0 1%; box-sizing: border-box;}

.wbox .wbox-desc-preview {padding:0 5px;background: #ffffff; min-height: 50px; border:1px solid #cccccc; cursor: pointer; height:158px; overflow: hidden;}
.wbox .wbox-desc-preview p:first-child {margin-top:5px;}

.wbox .textfield, .wbox select {
    background: #ffffff; border:1px solid #cccccc;padding:2px; line-height: normal;height: auto;
    font-size:11px; font-family: arial;
}


.psgrb {display:none;}
.psgrb .psgrb-label {height: 25px; line-height:25px; display:block;vertical-align: middle;}
.psgrb .psgrb-stars {background: url(../img/design/5starsall.png) left 0px no-repeat;
    width:110px;height:25px; display:inline-block;overflow: hidden; vertical-align: middle;}


.psgrb-5, .psgrb-4_5, .psgrb-4, .psgrb-3_5, .psgrb-3, .psgrb-2_5, .psgrb-2, .psgrb-1_5, .psgrb-1
{display:inline-block;}
.psgrb-5 .psgrb-stars{background-position: left 0;}
.psgrb-4_5 .psgrb-stars{background-position: left -28px;}
.psgrb-4 .psgrb-stars{background-position: left -56px;}
.psgrb-3_5 .psgrb-stars{background-position: left -84px;}
.psgrb-3 .psgrb-stars{background-position: left -112px;}
.psgrb-2_5 .psgrb-stars{background-position: left -140px;}
.psgrb-2 .psgrb-stars{background-position: left -168px;}
.psgrb-1_5 .psgrb-stars{background-position: left -206px;}
.psgrb-1 .psgrb-stars{background-position: left -234px;}

.ps-btn{background:#f5f5f5;border:1px solid #b3b3b3;border-radius:1px;box-shadow:2px 2px 5px #dadada;box-sizing:border-box;color:#5d5f67;cursor:pointer;display:inline-block;font-family:Arial,sans-serif;font-size:12px;min-height:29px;line-height:27px;opacity:1;padding:0 10px 0 7px;text-decoration:none;vertical-align:middle;}
.ps-btn:hover{box-shadow:3px 3px 6px #dadada;opacity:0.9;text-decoration:none;}
.ps-btn i{font-family:'Font Awesome 5 Free' !important;margin-right:3px;}

.ps-btn-lightblue{background:#73ccde;border:1px solid #53aabd;color:#fff;text-shadow:0 0 2px /*#53aabd*/#358a9c;}
.ps-btn-lightblue:active{background:#53aabd;}
.ps-btn-green{background:#58b446;border:1px solid #3a892b;color:#fff;text-shadow:0 0 1px #3a892b;}
.ps-btn-green:active{background:#3a892b;}
.ps-btn-savegreen{background:#2fcc71;border:1px solid #20b45e;color:#fff;text-shadow:0 0 1px #20b45e;}
.ps-btn-savegreen:active{background:#20b45e;}

.ps-btn-delete{background: #8c1e1e;border:1px solid #7e0d0d;color:#fff;text-shadow:0 0 1px #8c1e1e;}
.ps-btn-delete:active{background: #770a0a;}

.ps-btn-decline{background:#e25454;border:1px solid #de3939;color:#fff;text-shadow:0 0 1px #de3939;}
.ps-btn-decline:hover{background:#de3939;}

.radiogroup {display: inline-block; cursor: pointer;}

.imglist {border:1px solid #c5c5c5;padding:5px;height:560px;overflow:auto;}
.imglist .imgbox {width:220px;height:200px; border:1px solid #e7e7e7; overflow:hidden; cursor:pointer;
    background: #ffffff;display:inline-block; margin:5px 0 0 5px; text-align:center;position:relative;}
.imglist .imgbox img {max-width: 90%; max-height:90%; position:absolute; left:0;right:0;bottom:0;top:0;margin:auto; }
.imgbox > svg {width: 60% !important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:#666666;fill:#666666;}


.imglist .imgbox:hover {background: #fafafa;border:1px solid #cccccc;}
.imglist .imgbox:hover img, .imglist .imgbox:hover svg {border: 1px dashed #dddddd;}

.imglist .imgbox-btns {bottom:10px;position:absolute;z-index:10;text-align:center;min-height:22px;width:100%;}
.imglist .imgbox-upload {display:inline-block;height: 22px; line-height: 22px;}
.imglist .imgbox-upload label {border:1px solid #cccccc; background: #ffffff; font-weight: normal; height: 24px; padding:0 10px;}
.imglist .imgbox-plus {position:absolute;z-index:5;  left:0;right:0;bottom:0;top:30px;margin:auto; font-size:82px; color: #aaaaaa;}

.wbox .wbox-hide {display:none;}