:root {
--black:#000000;--bodytext:#283548;
--bggrey:#EEEEEE;--bggrey2:#DDDDDD;--bggrey3:#ACACAC;--bggrey4:#555555;--bggrey5:#666666;--bgcontent:#EAEAEA;
--bggreylabel:#E6E6E6;
--orange:#FF9900;--green:#4AAB4F;--red:#c45353;

/*--orange:#FFCC66;--green:#ADEBAD;--red:#ff8080;*/
--orange:#ffaf37;--green:#69ac6c;--red:#cc6363;


--menu-grey:#888888;
--menu-over:#4C1413;
--header-grey:#777777;

--greytext:#6F6F6F;--bodytextpale:#ACACAC;--inputborder:#D7D7D7;--inputborderfocus:#A3A3A3;
--keyline:#E3E3E3;--keylinemid:#CCCCCC;--keylinedrk:#434343;--keylineprodlist:#717273;--white:#FFFFFF;--bggrey:#F2F3F7;--bgltegrey:#F8F8FA;--error:#C41313;--errorbg:#FFF4F4;
--mobilemenu:#5E5C5D; --mobilemenubg:#FFFFFF; --navovertext:#6F6F6F;
--listrow1:#F2F2F2;--listrow2:#E1E2E7;


}


html, body {margin:0;padding:0;border:0;}
body {font-family:Arial, Helvetica, sans-serif;font-size:0.76em;font-weight:normal;color:var(--bodytext);background-color:#C8C8C8;text-align:center;margin:0px 10px 36px 10px;}
form, fieldset, h1, h2, h3, img, p, ul, li, div {border:0px;margin:0px;padding:0px;}
input[type="submit"]{text-align:left;}
.clear {clear:both;font-size:1%;overflow:hidden;height:0px;}
.clrfx:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}
td {font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:var(--bodytext);}
#wrapper {background-color:var(--bgcontent);min-width:772px;max-width:1250px;position:relative;}
#wrapperinner {text-align:left;position:relative;}
#wrapper_printfriendly  {margin:0 auto;margin-top:8px;color:var(--black);background-color:#ffffff;text-align:left;position:relative;}
td {font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:var(--bodytext);}

#header {height:96px;background:url(images/header-bg.jpg) top left repeat-x;text-align:left;position:relative;}
#header h1 {text-align:right;position:absolute;top:30px;right:30px;color:#FFFFFF;font-weight:normal;font-size:120%;}
#logopanel {width:375px;height:96px;top:0px;left:0px;position:absolute;}
#siteident {width:400px;height:63px;top:21px;left:380px;position:absolute;}
#siteident p {color:#FFFFFF;font-size:130%;}
#siteident p.LoginInfo{padding-top:10px;color:var(--orange);font-size:120%;}
#siteident p a{color:#FFFFFF;}
#SM3Logo {width:150px;height:75px;top:8px;right:10px;position:absolute;text-align:right}
#SM3Logo p{color:#666666;font-size:80%;padding-top:7px;}

#content {min-height:450px;background-color:var(--bgcontent);}
/*\*/
* html #content {height:450px;}
/**/
.contentpanel {float:left;display:inline;width:140px;height:350px;border-right:2px solid var(--bgcontent);background-color:#FFFFFF;}
.contentpanel p {padding:10px;}

#mainpanel {padding:12px;background-color:#FFFFFF;border:0px solid #CDCDCD;margin:0px 12px 20px 12px;min-height:440px;text-align:left;z-index:1 !important;}
#mainpanel.cmstabs{padding:0; background-color:transparent;border:0;}
/*\*/
* html #mainpanel {height:440px;}
/**/
h1 {color:#4C1212;font-size:140%;padding:10px 0px 0px 12px;text-align:left;}
h2 {color:#4C1212;font-size:130%;padding:12px 0px 8px 0px;text-align:left;}
#mainpanel h2 {color:#4C1212;font-size:120%;padding:6px 0px 6px 2px;text-align:left;}
#mainpanel p {padding:0px 0px 12px 0px;}

#nav {width:100%;height:30px;background-color:var(--header-grey);border-bottom:0px solid var(--black);position:relative;}
#helpdrop {position:absolute;top:5px;right:20px;color:#FFFFFF;font-weight:bold;font-size:100%;width:165px;text-align:right;}
#helpdrop a:link, #helpdrop a:visited {color:#FFFFFF;text-decoration:none;}
#helpdrop a:active, #helpdrop a:hover {color:#FFFFFF;text-decoration:underline;}
.btn-slide {background:url(images/page-tool-arrow.png) no-repeat bottom right;text-align:right;padding:3px 30px 0 0;display:block;}
.btn-slide.active {background:url(images/page-tool-arrow.png) no-repeat top right;}

ul#mainnav {color:#FFFFFF;font-weight:bold;list-style-type:none;}
ul#mainnav li {display:inline;float:left;}
ul#mainnav a.mainlink {width:140px;height:28px;display:block;text-align:center;color:#FFFFFF;font-size:100%;font-weight:bold;border-right:2px solid var(--black);padding-top:5px;voice-family: "\"}\""; voice-family:inherit;height:23px;}
ul#mainnav li a.mainlink:link, ul#mainnav li a.mainlink:visited {color:#FFFFFF;text-decoration:none;background:url(images/button.jpg) 0 top;}
ul#mainnav li a.mainlink:active, ul#mainnav li a.mainlink:hover {color:#FFFFFF;text-decoration:none;background:url(images/button.jpg) -140px top;}
ul#mainnav li ul {position:absolute;width:140px;left:-999em;margin:0;padding:0;}
ul#mainnav li:hover ul {left:auto;}
ul#mainnav li:hover ul, ul#mainnav li.sfhover ul {left:auto;}

ul.subnav {font-weight:normal;margin:0;padding:0;list-style-type:none;border-top:1px solid #999999;border-right:1px solid #333333;border-bottom:1px solid #333333;border-left:1px solid #999999;background-color:#D5D4D4;z-index:1000 !important;}
ul.subnav li {float:left;font-size:12px;color:#615F5F;background-image:none;border-bottom:1px solid #FFFFFF;}
ul.subnav li a {display:block;text-decoration:none;padding:4px;width:190px;voice-family: "\"}\"";voice-family:inherit;width:182px;background-image:none;}
ul.subnav li a:link, ul.subnav li a:visited {background-image:none;background-color:#D5D4D4;text-decoration:none;color:#716F6F;}
ul.subnav li a:hover, ul.subnav li a:focus {background-image:none;background-color:#716F6F;text-decoration:none;color:#FFFFFF;}
ul.subnav li a.greyed {display:block;text-decoration:none;padding:4px;width:190px;voice-family: "\"}\"";voice-family:inherit;width:182px;background-image:none;}
ul.subnav li a.greyed:link, ul.subnav li a.greyed:visited {background-image:none;background-color:#D5D4D4;text-decoration:none;color:#A9A7A7;}
ul.subnav li a.greyed:hover, ul.subnav li a.greyed:focus {background-image:none;background-color:#D5D4D4;text-decoration:none;color:#A9A7A7;}

#mainnav li ul ul {margin: -1.75em 0 0 190px;}
#mainnav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#mainnav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#mainnav li:hover, #nav li.sfhover {background: #eda;}

ul#pagenav {color:#FFFFFF;font-weight:bold;list-style-type:none;}
ul#pagenav a.mainlink {background:url(images/nav-bg.jpg) top left repeat-x var(--black);height:28px;display:block;text-align:left;color:#FFFFFF;text-decoration:none;font-size:110%;font-weight:bold;padding-top:4px;padding-left:4px;margin-top:5px; voice-family: "\"}\""; voice-family:inherit;height:24px;}

ul.pagesubnav {font-weight:normal;margin:0;padding:0;margin-left:10px;list-style-type:none;border-top:1px solid #999999;border-right:1px solid #333333;border-bottom:1px solid #333333;border-left:1px solid #999999;background-color:#D5D4D4;}
ul.pagesubnav li {font-size:12px;color:#615F5F;background-image:none;border-bottom:1px solid #FFFFFF;}
ul.pagesubnav li a {display:block;text-decoration:none;padding:4px;voice-family: "\"}\"";voice-family:inherit;background-image:none;}
ul.pagesubnav li a:link, ul.subnav li a:visited {background-image:none;background-color:#D5D4D4;text-decoration:none;color:#716F6F;}
ul.pagesubnav li a:hover, ul.subnav li a:focus {background-image:none;background-color:#716F6F;text-decoration:none;color:#FFFFFF;}
ul.pagesubnav li a.greyed {display:block;text-decoration:none;padding:4px;width:190px;voice-family: "\"}\"";voice-family:inherit;background-image:none;}
ul.pagesubnav li a.greyed:link, ul.pagesubnav li a.greyed:visited {background-image:none;background-color:#D5D4D4;text-decoration:none;color:#A9A7A7;}
ul.pagesubnav li a.greyed:hover, ul.pagesubnav li a.greyed:focus {background-image:none;background-color:#D5D4D4;text-decoration:none;color:#A9A7A7;}

#helppanel {width:220px;position:absolute;top:126px;right:0px;text-align:left;z-index:10;}
#helppanelinner {width:220px;display:block;padding-bottom:10px;background-color:var(--header-grey);min-height:475px;}
/*\*/
* html #helppanelinner {height:475px;}
/**/
#helppanelcont {width:190px;}
.helppanelcontent {width:190px;padding-top:0px;margin-left:10px;color:#FFFFFF;}
.helppanelcontent p {color:#FFFFFF;padding-bottom:8px;}
.helppanelcontent td{color:#FFFFFF;}
.PageTools td{color:var(--bodytext)}
#helppanel a:link, #helppanel a:visited {color:#FFFFFF;text-decoration:none;font-weight:bold;}
#helppanel a:active, #helppanel a:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}

#breadcrumbs {margin:4px 12px 4px 12px;font-size:90%;color:#333333;font-weight:normal;}
#breadcrumbs a:link, #breadcrumbs a:visited {color:#680221;text-decoration:none;}
#breadcrumbs a:active, #breadcrumbs a:hover {color:#680221;text-decoration:underline;}

table {font-size:100%;}
table.cmslist.standard{max-width:1000px;}
td.orange-pale, tr.orange-pale {background-color: #FFCC80}
td.orange, td.orangeleft, td.orangeright, tr.orange, td.orangebutton {font-size:100%;background-color:var(--orange);padding:2px 4px 2px 4px;}
td.orangeleft{text-align:left;}
td.orangeright{text-align:right;}
td.orange_np {font-size:100%;background-color:var(--orange);padding-left:0px;padding-right:0px;}
td.green, td.greenleft, td.greenright{font-size:100%;color:var(--black);background-color:var(--green);padding:1px 3px 1px 3px;text-align:center;}
td.greenleft {text-align:left;}
td.greenright {text-align:right;}
td.red, td.redright, td.redleft, tr.red  {font-size:100%;color:var(--black);background-color: var(--red);padding:1px 3px 1px 3px;text-align:center;}
td.redright {text-align:right;}
td.redleft {text-align:left;}
td.basketrow_warning {font-size:100%;color:var(--black);background-color: var(--red);}
 
td.grey2, td.grey2right {font-size:100%;background-color:var(--bggrey2);padding:1px 3px 1px 3px;}
td.grey, td.greyright, td.basketrow, td.basketrowl {font-size:100%;background-color:var(--bggrey);padding:1px 3px 1px 3px;}
td.greyright, td.grey2right{text-align:right;}
td.basketrow a:link, td.basketrow a:visited, td.basketrow_amend a:link, td.basketrow_amend a:visited, td.basketrow_amend_add a:link, td.basketrow_amend_add a:visited{color:var(--bodytext);text-decoration:none;}
td.basketrow a:active, td.basketrow a:hover, td.basketrow_amend a:active, td.basketrow_amend a:hover, td.basketrow_amend_add a:active, td.basketrow_amend_add a:hover{color:var(--bodytext);text-decoration:underline;}

td.basketrow-read-only, td.basketrow-read-onlyl{font-size:100%;color:#999999;background-color:var(--bggrey);padding-left:3px;padding-right:3px;}

.basketfooter, .basketfooterl,.basketfooterr {text-align:right;padding:3px;font-weight:bold;background-color:var(--bggrey);}
td.grey-paletext {font-size:100%;color:#888888;background-color:var(--bggrey);padding-left:3px;padding-right:3px;}

td.grey a:link, td.grey a:visited {text-decoration:none;color:#9F0018;font-weight:bold;}
td.grey a:hover, td.grey a:active {text-decoration:underline;color:#9F0018;font-weight:bold;}

.greytext{color:var(--greytext);}

td.basketrow_amend {font-size:100%;background-color:#FFCCCC;padding-left:3px;padding-right:3px;}
td.basketrow_amend_add {font-size:100%;background-color:#99CC99;padding-left:3px;padding-right:3px;}
td.orangebutton {padding:0;}
td.orange a:link, td.orange a:visited {color:var(--bodytext);text-decoration:none;display:block;}
td.orange a:active, td.orange a:hover {color:var(--bodytext);text-decoration:underline;display:block;}
td.red a:link, td.red a:visited, td.redright a:link, td.redright a:visited, td.basketrow_warning a:link, td.basketrow_warning a:visited {color:#ffffff;text-decoration:none;display:block;}
td.red a:active, td.red a:hover, td.redright a:active, td.redright a:hover, td.basketrow_warning a:active, td.basketrow_warning a:hover {color:#ffffff;text-decoration:underline;display:block;}
td.green a:link, td.green a:visited, td.greenright a:link, td.greenright a:visited, td.greenleft a:link, td.greenleft a:visited {color:#ffffff;text-decoration:none;display:block;}
td.green a:active, td.green a:hover, td.greenright a:active, td.greenright a:hover, td.greenleft a:active, td.greenleft a:hover {color:#ffffff;text-decoration:underline;display:block;}
th.header, td.header, td.basketheader, td.basketheaderl, td.basketheaderr, th.basketheader, th.basketheaderl, th.basketheaderr {color:#FFFFFF;background-color:var(--header-grey); padding:3px;font-weight:bold;}
th.thred {background-color:var(--bggrey2);color:#FF0000;background-color:var(--header-grey); padding:3px;}
textarea {font-family:Arial, Helvetica, sans-serif;font-size:100%;}
th.header a:link, th.header a:visited, td.basketheaderl a:link, td.basketheaderl a:visited, td.basketheader a:link, td.basketheader a:visited {color:#FFFFFF;text-decoration:underline;display:block;}
th.header a:active, th.header a:hover, td.basketheaderl a:active, td.basketheaderl a:hover , td.basketheader a:active, td.basketheader a:hover {color:#FF0000;text-decoration:underline;display:block;}

td.sectionheader {color:#ffffff;font-weight:bold;font-size:120%;background-color:var(--menu-over);padding:3px;}
td.sectionheader-small {color:#ffffff;background-color:var(--menu-over);padding:3px;}

input:submit{background-color:var(--orange);padding:5px;}

.PageTools {width:190px;text-align:left;color:var(--bodytext);background-color:#ECEEED; border:0px solid var(--black);padding:10px 4px 4px 4px;margin-bottom:10px;}
.PageTools select {width:120px;margin-bottom:5px;}
.PageTools input {font-size:90%;margin-bottom:5px;}
.PageTools table {text-align:left;}
.PageTools textarea {width:185px;margin-bottom:5px;}
.PageTools .toolbox {width:130px;}
.PageTools select.small {width:87px;margin-bottom:5px;}
.PageTools label {padding-right:5px;}
.PageTools.second{margin-top:15px;padding-top:9px;}
input.button, input.PageButton, input.buttonstandard, input.button_small{font-size:100%; border:1px solid #444444; background-color:var(--orange);padding:6px;cursor:pointer;}
input.button_delete {font-size:100%; border:1px solid #444444;padding:6px;background-color: var(--red);cursor:pointer;}
input.button_green {font-size:100%; border:1px solid #444444;padding:6px;background-color:var(--green);cursor:pointer;}
a.button{display:inline-block;font-size:100%; border:1px solid #444444; padding:1px; background-color:var(--orange);padding:5px;color:var(--black);text-decoration:none;}
#helppanel a.button{color:var(--black); font-weight:normal}
#ActionPanel{text-align:center;width:198px;color:var(--bodytext);background-color:#ECEEED; border:1px solid var(--black);padding:0;margin-bottom:10px;display:none;}
#ActionPanel h3{color:#ffffff;background-color:#DD8184;padding:4px 0px 4px 0px; margin-bottom:5px;border-bottom:1px solid var(--black);}
.ActionPanelInner{padding:4px 14px 4px 14px;}
#ActionPanel input.button, #ActionPanel input.button_delete, #ActionPanel input.button_green {width:170px;margin-bottom:5px;}

.PageTools input.button, .PageTools input.button_delete, .PageTools input.button_green {width:170px;margin-bottom:5px;}
.PageTools h3 {text-align:left; font-size:120%; font-weight:bold; margin-bottom:15px; border-bottom:1px solid var(--black)}
input.PageButton_grey {font-size:110%; border:1px solid #444444; padding:1px; background-color:var(--header-grey);padding-left:3px;cursor:pointer;}

input.PageControl {font-size:100%;border:0px solid #444444; padding:6px; background-color:var(--orange);cursor:pointer;}
input.PageControl_grey {font-size:100%;border:0px solid #444444; padding:6px; background-color: #aaaaaa;}


.PlacesGrid {padding-top:2px;padding-bottom:2px;}
.PlacesGrid td{padding-left:3px;padding-right:3px;border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}
.PlacesGrid .toprow{padding-left:3px;padding-right:3px;border-top:1px solid #aaaaaa;border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}

.scroll_list {border: solid 1px #333333; padding:0px; height:200px; overflow:auto;}

input[readonly], input[disabled]{color: var(--black); background:none; background-color:#E6E6E6}

input.txtinpt, .registerpanel .txtinpt {width:300px;margin-bottom:4px;}
input.txtinptxl {width:600px;margin-bottom:4px;}
input.txtinptl {width:470px;margin-bottom:4px;}
input.txtinptm {width:220px;margin-bottom:4px;}
input.txtinptms {width:120px;margin-bottom:4px;}
input.txtinpts {width:30px;margin-bottom:4px;margin-right:4px;}
input.number {width:70px;text-align:right;}
#form2 button {font-size:100%;}

textarea {width:470px;height:80px;font-family:Arial, Helvetica, sans-serif;border:1px solid #6E6D72;}
textarea.xlge {width:600px;height:200px;font-family:Arial, Helvetica, sans-serif;border:1px solid #6E6D72;}
textarea.narrow{width:250px;height:80px;font-family:Arial, Helvetica, sans-serif;border:1px solid #6E6D72;}
textarea.tallnarrow{width:170px;height:120px;font-family:Arial, Helvetica, sans-serif;border:1px solid #6E6D72;}
.textarea_slim {height:40px;}
textarea.ExportBox{width:650px;height:500px;font-family:Arial, Helvetica, sans-serif;border:1px solid #6E6D72;}
textarea.ExportBox.full{width:100%;height:300px;}
select {margin-bottom:4px;}

select.smalltext{font-size:0.8em}

.error {color:#FF0000;font-weight:bold;}
.errormessage {border: 1px dashed #ff0000; padding:10px; margin-bottom:10px;}
.errormessage h3 {font-size: 130%;font-face: bold; color: #ff0000}
.errormessage ul {padding: 5px 0px 0px 20px}
label.required, .required {font-weight:bold;}
label.missing, .missing {color:#ff0000}

.sepright  {width:330px;margin-left:0px;margin-bottom:10px;height:16px;background:url(images/register-sep.gif) bottom left no-repeat;clear:both;}
.basketbox {width:900px;}

option.warning{color: #FF0000}

td.bookinglabel{font-weight:bold;padding:2px 5px 2px 2px;background-color:var(--bggrey);}
td.bookingdata, td.bookingdata_address{padding:2px 5px 2px 2px;background-color:var(--bggrey);}
td.bookingdata_right{padding:2px 5px 2px 2px;text-align:right;background-color:var(--bggrey);}
td.TableRule{border-bottom:1px solid var(--black);}

option.selectoption1{background-color:var(--bggrey);}
option.selectoption2{background-color:var(--bggrey2);}

table.EditorScreen{border-spacing:0;}

.FieldLabel {width:120px; background-color:var(--bggreylabel);padding:5px 5px 0px 5px;vertical-align: top;}
.HelpField	{vertical-align:top;}
.FieldLabel2 {width:120px; background-color:var(--orange);padding:5px 5px 0px 5px;vertical-align: top;}
.FieldLabelFlex {background-color:var(--bggreylabel);padding:5px 5px 0px 5px;vertical-align: top;}
.FieldLabelFlex.highlight{background-color:var(--orange);}
.form-readonly{padding:5px 5px 0px 5px;vertical-align: top;}
.form-readonly.warning{background-color:red;font-weight:bold; color:#ffffff;}
.helpicon{margin:2px;}

table.EditorScreen td{padding-top:3px;}
table.EditorScreen td.FieldLabel, table.EditorScreen td.HelpField, table.EditorScreen td.FieldLabel2, table.EditorScreen td.FieldLabelFlex
	{padding: 6px 5px 5px 5px;border-top:2px solid #ffffff;}

table.EditorScreen td.HelpField .helpicon{margin-top:0;}
table.EditorScreen tbody.FieldGroup td{border-top:0;}
table.EditorScreen tbody.FieldGroup tr:first-child td{border-top:2px solid #ffffff;}

table.EditorScreen tbody.FieldGroup.grey2 tr td.FieldLabelFlex{background-color:var(--bggrey2);}
table.EditorScreen tbody.FieldGroup.grey2 tr td.FieldEntryHeader{background-color:var(--bggrey2);}

.FieldEntryDivider{border-bottom:2px solid var(--bggreylabel);}
.FieldEntryHeader{background-color:var(--bggreylabel);padding: 5px 5px 5px 5px; border-top:2px solid var(--bggreylabel);}

.FieldEntryHeader h3{font-size:1.1em;}

.FieldEntryDivider hr {border: 0; color: var(--orange); background-color: var(--orange); height: 1px;width: 100%; text-align: left;}

.userselectall{user-select: all;}

.FieldEntryXLarge{width:600px;}
.FieldEntryLarge{width:470px;}
.FieldEntryMedium{width:250px;}
.FieldEntrySmall{width:100px;}
.FieldEntryNumeric{width:100px;text-align:right;}
.FieldEntryNumericSmall{width:30px;text-align:right;}
.date-pick, .time-pick{font-size:0.75em;height:16px;}

.imagepreview{position: relative;z-index: 0;}
.imagepreview:hover{background-color:transparent;z-index:50;}
.imagepreview span{ /*CSS for enlarged image*/position: absolute;background-color:#ffffff;padding:5px;left:-1000px;border:1px solid #5D87A0;visibility:hidden;color:black;text-decoration:none;}
.imagepreview span img{ /*CSS for enlarged image*/border-width:0;padding:2px;}
.imagepreview:hover span{ /*CSS for enlarged image on hover*/visibility:visible;top:-300px;left:-150px; /*position where enlarged image should offset horizontally */}


.scroll_checkboxes_pers_subject{width:385px; height:100px; padding:5px;overflow:auto; border: 1px solid #cccccc;}
.scroll_checkboxes{width:385px; height:100px; padding:5px;overflow:auto; border: 1px solid #cccccc;}
.scroll_checkboxes.large{width:500px; height:250px;}
.scroll_checkboxes.wide{width:850px; }
.scroll_checkboxes.imagepicker{width:600px; height:250px;}
.PageTools .scroll_checkboxes{width:auto; height:auto; border: 0px}

img.imagepicker{max-width:250px}

img.imagepicker{max-height:75px;transition: transform .2s;transform-origin:top left;}
img.imagepicker:hover{transform: scale(2.5); }

.scroll_checkboxes label.depth0{font-weight:600}

.scroll_checkboxes input.depth1{margin-left:10px;}
.scroll_checkboxes input.depth2{margin-left:20px;}
.scroll_checkboxes input.depth3{margin-left:30px;}
.scroll_checkboxes input.depth4{margin-left:40px;}
.scroll_checkboxes input.depth5{margin-left:50px;}

.scroll_checkboxes label{display: inline-block;min-width:200px}
.PageTools .scroll_checkboxes label{min-width:auto;}
#linkedimageframe {border:0px;}
.iframe_content {background-color:#ffffff; padding:0px;}

.dragHandle{text-align:center;cursor:move;}
.dragdivider{background-color:#ffffff; height:1px;padding:0px}

#producttabs {z-index:1;margin-left:13px;padding:0px;}
.shadetabs {margin-left:16px;font-family:Arial, Helvetica, sans-serif;list-style-type:none;text-align:left;}
.shadetabs li {float:left;display:inline;margin-right:1px;}
.shadetabs li a {display:block;text-decoration:none;z-index:1;padding:8px 10px 8px 10px;color:#FFFFFF;background-color:var(--bggrey5);border-right:0px solid #231F20;font-size:90%;font-weight:bold;margin-bottom:0px;top:3px;}
.shadetabs li a:hover {text-decoration:underline;color:#FFFFFF;}
.shadetabs li a.selected {background-color:var(--orange);border-right:1px solid #E9B42A;color:var(--black);font-family:Arial, Helvetica, sans-serif;font-size:90%;font-weight:bold;}
.shadetabs li a.selected:hover {text-decoration:underline;color:var(--black);}
.tabcontent {display:none;}



#mainpanel .cmstabs {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
#mainpanel .cmstabs label.cmstab {
	order: 1; /* Put the labels first */
	display: block;
	padding: 0.5rem 0.8rem;
	margin-right: 0.2rem;
	cursor: pointer;
	border-radius: 4px 4px 0 0;
	background-color: var(--bggrey4);
	color:var(--white);
	font-weight: bold;
	transition: background ease 0.2s;
	z-index:6;
	margin-bottom:-1px;
	border-bottom:1px solid var(--bggrey3);border-left:1px solid var(--bgcontent);border-top:1px solid var(--bgcontent);border-right:1px solid var(--bgcontent);
}
#mainpanel .cmstabs .cmstab-content {
	order: 99; /* Put the tabs last */
	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 1.6rem 1rem 1rem 1rem;
	z-index:5;
	background-color: var(--white);
	border:1px solid var(--bggrey3);
}
#mainpanel .cmstabs input[type="radio"] {
	display: none;
}
#mainpanel .cmstabs input[type="radio"]:checked + label {
	background-color: var(--orange);
	color: var(--bodytext);
	border-bottom:1px solid var(--orange);border-left:1px solid var(--orange);border-top:1px solid var(--orange);border-right:1px solid var(--orange);
}
#mainpanel .cmstabs input[type="radio"]:checked + label + .cmstab-content {
	display: block;
}

.tab-help{display:none;}
.tab-help.open{display:block;}

.pagetab-inner{border:1px solid #CDCDCD; padding:10px 5px 5px 5px; width:700px;}

#footer {background-color:#C8C8C8;text-align:left;padding-bottom:20px;color:#666666;font-size:90%;}
#footer p {padding:8px 20px 0px 20px;}

#mgr-popup{
	z-index:9999;
	width: 40%;
	font-size:150%;
	min-height: 170px;
	Background: var(--orange);
	border:1px solid var(--bodytext);
	Box-sizing: border-box; /* for inside padding */
	Padding: 30px;

	/* for center */
	Position:absolute;
	top:20%;
	left:50%;
	Transform: translate(-50%,-50%);

	/* for hider */
	display:none;
}
#mgr-popup #close-btn{position:absolute; top:5px; right:5px;}
#mgr-popup .message{position:relative;padding-top:35px;}

#sparklinedata td.sparkdata{padding:4px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd}
#sparklinedata td.sparkheader{padding:0px 0px 4px 0px;border-bottom: 1px solid #dddddd}
#sparklinedata td.sparklabel{font-weight:bold;padding:0px 4px 4px 4px;border-right: 1px solid #dddddd}

/* jquery calendar */
table.jCalendar {border:1px solid #FFFFFF;background:#C5C5C5;border-collapse:separate;border-spacing:1px;}
table.jCalendar th {background:#333333;color:#FFFFFF;font-weight:bold;padding:2px 5px;}
table.jCalendar td {background:#FFFFFF;color:#000;padding: 3px 5px;text-align:center;}
table.jCalendar td.other-month {background:#ddd;color:#aaa;}
table.jCalendar td.today {background:#666666;color:#FFFFFF;}
table.jCalendar td.selected {background:#f66;color:#FFFFFF;}
table.jCalendar td.selected.dp-hover {background:#f33;color:#fff;}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td {background:#fff;color:#000;}
table.jCalendar tr.selectedWeek td {background:#f66;color:#fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background:#bbb;color:#888;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover {background:#bbb;color:#888;}

/* For the popup */
div.dp-popup {position:relative;background:#E3E3E3;font-size:10px;font-family:arial, sans-serif;padding:4px;width:171px;	line-height:1.2em;border-top:1px solid #A1A1A1;border-left:1px solid #A1A1A1;border-bottom:1px solid #666666;border-right:1px solid #666666;}
div#dp-popup {position:absolute;z-index:199;}
div.dp-popup h2 {font-size:12px;text-align:center;margin:2px 0;padding: 0;}
a#dp-close {font-size:11px;padding:4px 0;text-align:center;display:block;}
a#dp-close:hover {text-decoration:underline;}
div.dp-popup a {color:#000;text-decoration:none;padding:3px 2px 0;}
div.dp-popup div.dp-nav-prev {position:absolute;top:2px;left:4px;width:100px;}
div.dp-popup div.dp-nav-prev a {float:left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor:pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled{cursor:default;}
div.dp-popup div.dp-nav-next {position:absolute;top:2px;right:4px;width:100px;}
div.dp-popup div.dp-nav-next a {float:right;}
div.dp-popup a.disabled {cursor:default;color:#aaa;}
div.dp-popup td {cursor:pointer;}
div.dp-popup td.disabled {cursor:default;}
div.dp-nav-prev, div.dp-nav-next{font-size:14px;padding-bottom:2px;}
a.dp-choose-date {float:left;width:16px;height:16px;padding:0;margin:5px 3px 0;display:block;text-indent:-2000px;overflow:hidden;background: url(images/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position:0 -20px;cursor:default;}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied, .time-pick {width:65px;float:left;}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:1000;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	background-color:var(--header-grey);
}
.sf-menu a {
	width:9.5em;height:28px;display:block;text-align:left;color:#FFFFFF;font-size:100%;font-weight:bold;border-right:1px solid var(--black);padding:7px 5px 0px 5px;voice-family: "\"}\""; voice-family:inherit;height:23px;
	text-decoration:none;background-color:var(--header-grey);

}
.sf-menu a.greyed {
	color:#aaaaaa;background:#555555;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	border-bottom:	0px solid #000;
	border-left:	0px solid #000;
}
.sf-menu li li {
	border-bottom:	1px solid #000;
	border-right:	1px solid #000;
}
.sf-menu li li a{text-align:left;font-weight:normal;height:20px;padding:6px 5px 0px 5px;background:#282630}

.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:var(--menu-over);
	outline:		0;
}
.sf-menu a:focus.greyed, .sf-menu a:hover.greyed, .sf-menu a:active.greyed {
	color:#aaaaaa;background:#555555;
	outline:		0;
}

.sf-menu .first {	border-top:		1px solid #000;}
.sf-menu .last {border-right:		1px solid #000;}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/menu-arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			7px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/menu-shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;}
	
	.ac_results {
	padding: 0px;
	border: 1px solid #999;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	background:url(images/box-shadow.png) no-repeat bottom right; 
	margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; 
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:left;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_results strong {font-weight:normal; color:var(--orange);}
.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}

.ac_even {
	background-color: #ffffff;
}
.ac_odd {
	background-color: #ffffff;
}

.ac_over {
	background-color: #EEEEEE;
	color: #000;
}



/*AJAX uploader CSS */
.ajaxFileInput{border: 2px solid #AAA;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    background: #DDD;
    display: inline-block;}
.ajaxFileInput:hover {
    background: #CCC;
}
.ajaxFileInput:active {
    background: #CCF;
}
.ajaxFileInput :invalid + span {
    color: #A44;
}
.ajaxFileInput :valid + span {
}	

label.ajaxFileInput input[type="file"] {
    position:absolute;
    top: -30px;
}
.file-uploader .file-btn{position: relative; overflow: hidden;}

small.status{font-size:95%;float:left; padding-top:10px; padding-left:20px;}
small.status.text-success{color:var(--green); background:url(images/accept.png) bottom left no-repeat;}
small.status.text-danger{color:var(--red);font-weight:bold; background:url(images/error.png) bottom left no-repeat;}
.file-btn{float:left}

.file-uploader .btn{font-weight:bold;background-color:var(--orange);padding:5px 3px 5px 3px;border-radius:6px}
.file-uploader .progress {height: 1.5rem;}
.file-uploader .progress-bar-complete{background-color: var(--orange);}
.file-uploader .img-thumbnail{max-height:80px; max-width:150px;}
.file-uploader.active{border: 2px solid var(--orange);background-color:var(--bgcontent)}
.file-uploader .btn input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    width: 100%;
    opacity: 0;
    cursor: pointer;
	}
.d-none{display:none;}
/*end AJAX uploader CSS */

div.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
div.ProgressBar DIV { background-color: var(--orange); font-size: 1pt; height:100%; float:left; }
span.asyncUploader { position: relative; z-index:1}
span.asyncUploader OBJECT { position: relative; top: 0px; left: 10px}

/* tooltip styling */
.tooltip {
	display:none;
	position:absolute;
	z-index:999;
	color:#ffffff;
	background:url(images/tooltip-bg.png) top left repeat-x #020202;
	border:1px solid var(--orange);
	padding:3px;
	font-size:11px;
	width:250px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}
.tooltip table{}
.tooltip td{color:#ffffff;background-color:#222222;}

hr {display:block;}
hr.NewPage {display:block; page-break-before:always;margin-bottom:11mm}


/* editorjs block editor styling */
.ce-editor-area{max-width:850px;border:1px solid #666666; padding:10px;}
.ce-toolbar__content{max-width:850px;}
.ce-block__content{max-width:730px;} /*by defauylt set to 650 which gives big gap at left hand side*/
.ce-toolbar__actions{right:-5px} /*force toolbar to RHS*/
.ce-editor-area h3{font-size: 140%;font-weight: 200;}