@import url("//fonts.googleapis.com/css?family=Open+Sans");

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* stop showing preview button whilst in iframe as the preview shows in the iframe and not the parent */
body.iniframe #mainmenu_WEBMAN_PREVIEW {
    display: none;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

::-webkit-scrollbar {
    width: 10px;  height: 10px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   /*  border-radius: 5px; */
}
 
::-webkit-scrollbar-thumb {
    /* border-radius: 5px; */
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
    background-color: rgba(255,255,255,0.6);
}

body{font-family:Open Sans,sans-serif;margin:0;padding:0;height:100%;font-size:12px;}
body{line-height:1;margin: 0px;}
ol,ul{list-style:none}

body td{font-size:12px}
body th{font-size:10px}

#colformatbut {
	background-image: url(monoimages/pencil_icon&16.png);
    position: absolute;
    right: 0px;
    top: -8px;
	font-size: 0;
line-height: 0;z-index:9999;
}

 input[type='button']#colformatbut:hover {
    border-color: transparent;
    color: #fff;
    /* background-color: #343640; */
}
table.export tr td {page-break-inside: avoid;}
.dontbreak {
	page-break-inside: avoid !important;
    margin: 4px 0 24px 0;
	clear: both;
	}
#table_colformat tr td, #table_colformat tr th {margin:0;padding:2px;text-align: left;background:transparent ;color:#fff;}
#table_colformat tr td:first-child {padding-left:5px}
#table_colformat tr {background: #343640;}
#table_colformat tr.selected {background: #84bd00;}
#colformat_editor {
    background: #343640;
    border: 1px solid #000;
    position: fixed;
top: 97px;
    left: 152px;
    width: 320px;
    padding: 10px;
    z-index: 999;text-align: center;
}
.ws_FP_on {
    position: relative;
    bottom: 1px;
    width: auto;
    overflow: visible;
    cursor: pointer;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    font-size: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    text-transform: uppercase;

    color: transparent;
    padding: 3px 3px 0 3px;
    display: inline;
    background-image: url(monoimages/padlock_closed_icon&16.png);
	

	
}

.ws_FP_off {
    position: relative;
    bottom: 1px;
    width: auto;
    overflow: visible;
    cursor: pointer;
    background-position: 7px 0px;
    background-repeat: no-repeat;
    font-size: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    text-transform: uppercase;

    color: transparent;
    padding: 3px 3px 0 3px;
    display: inline;
    background-image: url(monoimages/padlock_open_icon&16.png);
}


.ws_loadingeditor{background:#393b40;width:100%;z-index:10000000;height:300px}

.cssimgpreview {
    margin: 15px;
    width: 40%;
    float: right;
	text-align: right;
	max-width:250px;
}
.cssimgpreview img{max-width:100%;height:auto;outline: 1px solid #fff;}
#addauthorisetext {float: right;
    margin-top: -18px;
    padding: 5px;
    background: transparent;}
	
#removegroupdiv {
    background-color: #333;
    position: fixed;
    right: 15px;
    border: 1px solid #fff;
}

#removegroupdiv input{
   width:100%;text-align: left;
}

#field_authorise {height: 130px;}
#default_settings_visitedcolor, #local_settings_visitedcolor {display: none;}
strong {font-weight:600;}
a {
color: #fff;
}
td a {
color: #000;
}
h1{font-size:1.5em;padding:5px;margin:0;clear:both}
h2{font-size:1.4em;padding:5px;margin:0}
h3{font-size:1.3em;padding:5px;margin:0}
h4 {
    font-size: 1.1em;
    padding: 5px;
    margin: 0;
}
.left{float:left}
.right{float:right}
td h3{padding:0}
.publishnotes{margin:0;padding:5px}
.searchelement{margin: 10px 0 0px 0;padding:0}
.formelement {
	clear: left;
    margin: 5px;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0);
    transition: max-height 2.3s ease 1s;
 /*    border-bottom: 1px dotted #909090; */
}
.hiddenelement  {display:none;}
.emptyelement  {  /* max-height: 21px;
  overflow: hidden; */}
p{margin:5px;font-style:normal}  
.sendreport {    position: fixed;
    top: 0px;
    margin: 0px auto;
    width: 100%;
    bottom: 0px;
    /* height: 447px; */
    z-index: 1000000;
	    background-color: black;
	}
.sendreport iframe {width: 100%; height: 100%;}
img.ws_working {
    background-image: url("/websiter2/skins/standard/loading.gif");
background-repeat: no-repeat; background-color: transparent;
  background-position-x: center;background-position-y:80px; 
  background-size:10%;
    width: 100%;
    height: 100%;

}

.dialogelement{/* margin:10px 0 0 10px; */padding:0}
body.ws_field  .dialogelement{padding:5px;margin:0;}
/* body.ws_field input[type='text'] {
  margin: 5%;
  width: 90%;
} */

label, .label{text-transform: uppercase;
      font-size: 10px;
    color: #e3e3e3;
    margin: 0;
    display: block;
    margin: 0px 0px 2px 0px;}
.formelement label.formlabel{display:block;}
.formelement label.dialoglabel{display:none}
.formelement label.widget{font-style:oblique;}
label.inline, label.searchlabel, .label {display: initial;}
label a{text-decoration:none}

.ws_removecolor, #div_type0, #div_type1, #div_type2 {display: inline-block;}
input[type='button'].ws_removecolor{width: 12px;
    height: 12px;
    padding: 0;
    background-image: url(monoimages/delete_icon&16.png);
    background-size: cover;
    background-position: center;}
select#backcolourtype {margin-top: 2px;}
input#settings_image {
    width: 80%;
    max-width: 550px;
}
input[type='button'].selectimage {margin: 2px; width: 22px;
    height: 22px;
    padding: 0;
    background-image: url(monoimages/folder_icon&16.png);
    background-size: 60%;
    background-position: center;}
input[type='button'].clearimage {margin: 2px;width: 22px;
    height: 22px;
    padding: 0;
    background-image: url(monoimages/delete_icon&16.png);
    background-size: 60%;
    background-position: center;}
	
form{margin:0;padding:0}
div#logindiv #logo {    
position: relative;
    height: 25px;
    width: 130px;background: url("logo.png") 5px 10px no-repeat;}
div#logindiv{width: 400px;max-width: 100%;padding:20px;margin:100px auto;background-color:#343640;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.13);box-shadow:0 1px 3px rgba(0,0,0,0.13);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #fff}
#login_button, #password_button{float:right;/* background:#84bd00;padding:5px 15px; */}

input#username, input#password, input#email{width: 100%;margin:0;border:1px solid #c2c2c0;padding:5px}
form#loginform p,form#loginform h3,#browserinfo p{color:#fff;margin: 5px;}
img{border:0;/* max-width:100% */}
img.right{float:right}
.hidden{display:none}
br.clear{clear:both;line-height:10px}
fieldset{margin:10px;border:1px solid #c2c2c0}
legend{padding:.2em .5em;border:1px solid #c2c2c0;background:#c2c2c0;color:#fff;text-align:right}

iframe#upload_iframe{padding:0;margin:0;width:100%;height:100%;border:0 solid #fff}
.uploadify-queue{margin-bottom:1em;height:200px;width:400px;overflow-y:auto}
#sys_userinfo_div{    background: #343640;
    position: absolute;
    left: 0;
    top: 75px;
    bottom: 32px;
    width: 20.5%;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 130;}
ul#sys_userinfo{list-style-type:none;margin:0;padding:0 0 20px 0}
ul#sys_userinfo li a{color: #fff;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: 500;
margin: 0;
text-decoration: none;
vertical-align: middle;
background-repeat: no-repeat;
padding-top: 4px;
/* height: 16px; */
padding-left: 30px;
background-repeat: no-repeat;
background-position: 5px 5px;
background-image: url("go.png");
font-size: 13px;
padding-top: 4px;
padding-bottom: 3px;}
ul#sys_userinfo li a:hover{background-color: #121314;}
ul#sys_userinfo li.recent_EDITPAGE a{background-image:url("monoimages/doc_lines_icon&16.png")}
ul#sys_userinfo li.recent_EXTRA a{background-image:url("monoimages/app_window_black&16.png")}
ul#sys_userinfo li.recent_FILEMAN a{background-image:url("monoimages/folder_open_icon&16.png")}
ul#sys_userinfo li.recent_CONFIG_TOKENEDITOR a{background-image:url("monoimages/cogs_icon&16.png")}
#nav{position:absolute;left:0;top: 75px;bottom: 41px;width:20.5%;/* padding:10px 0 0 0; */overflow-x:hidden;overflow-y:auto;/* z-index:30; */ background: #343640;/* outline: 1px solid #fff; *//* border-top: 1px solid #898c95; */}
div#nav span.sitemapheading{background:#84bd00 url("mainbuttonalpha5.png") 0 0 repeat-x;position:fixed;width:20.5%;top:40px;text-decoration:none;margin:0;padding:7px 0 0 0;display:block;height:22px;border-bottom:1px solid #212121;display:none}
div#nav span.sitemapheading a{text-decoration:none;margin-left:10px;font-weight:600}
#menu{position:absolute;bottom: 40px;overflow:hidden;left:0;width:20.5%;z-index: 1;background-color: #343640;}
#startbutton{display:none}
#logo{
    background: url("logo.png") 10px 10px no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20.5%;
    height: 40px;
    /* box-shadow: 0px 1px 2px #000; */
    z-index: 101;
    }
#main{position:absolute;padding:10px 0 10px 10px;/* margin: 0 0px 0 1px; */top: 75px;bottom: 0px;left:20.5%;right:0;overflow-y: auto;overflow-x:auto;/*z-index:11; outline: 1px solid #fff; *//* border-left: 1px solid #121314; */}

body#editpagescreen #main{padding-right:0}
body.extra #main {
position: absolute;
background-color: #5F636C;
padding: 10px 100px 60px 10px;
margin: 0;
top: 40px;
bottom: 0px;
left: 0;
right: 0;
overflow-y: scroll;
overflow-x: auto;
z-index: 11;
}

#layoutblock1,#dialoglayoutblock1{ 
background-color: #121314;
position: absolute;
top: 0px;
right: 0;
height: 40px;
left: 0px;
/* z-index: 100; */
}
#dialoglayoutblock1{background: transparent;}

#layoutblock2 {background-color: #121314;position: absolute;top: 40px;right: 0;height: 35px;left: 0px;/* border-bottom: 1px solid #fff; */}

#fullmain{
position: absolute;
top: 0;
bottom: 0;
left: 20.5%;
right: 0;z-index: 30;
}
a.ws_button{background:#658ed0;padding:5px 10px;font-size:13px;font-weight:normal;color:#f0f0f0;text-decoration:none;border:1px solid #888;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
a.ws_button:hover{background:#547dc0;text-decoration:none;color:#fff;border:1px solid #444}


div#main ul#pagedetails {
padding: 5px;
margin: 20px 0 0 30px; border: 1px dotted #666;
position: ABSOLUTE;right: 10px;}

body.ws_editor .formelement {
height: 100%;	
margin: 0px; 
}

div#main ul#pagedetails li{padding:5px 0 5px 20px;margin:2px 0 2px 0;list-style-type:none;font-size:.9em}
div#main li#locked,div#main li#access{background:url("monoimages/padlock_closed_icon&16.png") 0 0 no-repeat}
div#main ul li#edited{background:url("monoimages/user_icon&16.png") 0 0 no-repeat}
div#main ul li#created{background:url("monoimages/user_icon&16.png") 0 0 no-repeat}
body.dialog label.inline{padding:0 4px 0 4px;/* font-size:.8em; */ vertical-align:top;text-align:left;vertical-align:middle;display:inline;position:static}

input[type='text'], input[type='password'], input[type='input']{position:relative;
padding: 2px 9px;margin:0;
font-size: 14px;
line-height: 1.428571429;
vertical-align: middle;
width: 100%;}

input[type='number']{position:relative;
padding: 2px 9px;margin:0;
font-size: 14px;
line-height: 1.428571429;
}
input[type='color']{position:relative;
position: relative;
  height: 50px;
  width: 50px;
}

input[type='text']:focus {
/* border-color: #84bd00;outline: 1px solid #fff; */
}

input, textarea, select, button {font-family:Open Sans,sans-serif;}
textarea{
font-size: 14px;
line-height:24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2px 9px;
background-color: #ffffff;
max-width:100%;
    width: 100%;
    height: 100px;
}

textarea.SMALL{width:100%;height: 90px;max-width: 100%;}
textarea.MEDIUM{width:100%;height:120px;}
textarea.LARGE{width:100%;height:360px}

textarea#defaulttext{width:99%;height:270px;position:absolute;left:0;right:10px;top:35px;bottom:35px}

input.number{width:75px}
input.SMALL{width:160px;max-width:90%}
input.MEDIUM{width:360px;max-width:90%}
input.LARGE{width: 100%;}

select{max-width: 100%;cursor:pointer;/* margin:0 5px 0 0; */border:1px solid #c2c2c0;padding: 3px 5px;}
select#searches{margin-top:33px;width:100%;height:120px;border:1px solid #c2c2c0}
select[multiple='multiple']{border:1px solid #c2c2c0}
select.SMALL{width:110px;max-width:90%}
select.MEDIUM{width:250px;max-width:90%}
select.LARGE{width:90%}
select#SYSTEM_TEMPLATE,select#SYSTEM_PAGELOCATION,select#SYSTEM_LOCATION,select#SYSTEM_PAGETYPE{/* width:372px */}
input#text_currenturl{width: 340px;}
input,textarea,select{outline:0;-moz-outline-style:none;border: 1px solid #121314;}
input:focus,textarea:focus,select:focus{outline:0;-moz-outline-style:none;border: 1px solid #84BD00;}
#imagedialogpreview div{margin-bottom:10px;}
#imagedialogpreview{text-align:right;position:absolute;top:10px;right:10px;margin:0;width:200px;height:auto;vertical-align:middle}
#imageorigalsize{font-size:11px;color:#fff;margin-top:10px;}
select#insertoken{max-width: 185px;}

input[type='button'], input[type='submit'] {
    color: #999;
    margin: 1px 1px 0px 0px;
    padding: 12px 6px 12px 24px;
    width: auto;
    overflow: visible;
    cursor: pointer;
    background-color: transparent;
    background-image: url("monoimages/rnd_br_next_icon&16.png");
    background-position: 5px 10px;
    background-repeat: no-repeat;
    font-size: 10px;
    /*     line-height: 14px; */
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    text-transform: uppercase;
    transition: all 0.8s ease 0s;
    outline-width: 0px;
    }

input[type='button']:hover, input[type='submit']:hover {
       border-color: #aaa;
    color: #fff;
    /* background-color: #343640; */
}
input[type='button']:disabled:hover, input[type='submit']:disabled:hover {
     border-color: transparent;
  color: #bbb;
 opacity: 0.40;
	background-color: transparent;
	cursor: default!IMPORTANT;
    /* background-color: #343640; */
}
 input:disabled {
 color: #bbb;
 opacity: 0.40;
}

*:disabled, input:disabled {
  /*   opacity: 1.00;
    cursor: default!IMPORTANT;
    background-color: rgb(200, 200, 200); */
}

input[type='range'] {width: 65%;
  border: 0px;
  margin: 2px 0;
  padding: 0;}
  
.formelement input[type='range'] {
    width: 40%;
    border: 0px;
    margin: 2px 0;
    padding: 0;
}
input[type='range'].cssslider {width: 70%;}
  
input.update{background:#9e9;background-image:url("monoimages/save_icon&16.png");background-repeat:no-repeat}
input.update[type='button'][disabled='disabled']{background-color:transparent;border-color:#ddd}
input.ok{background-image:url("monoimages/round_checkmark_icon&16.png")}
input.cancel{background-image:url("monoimages/delete_icon&16.png")}
input.delete{background-image:url("monoimages/doc_delete_icon&16.png")}
input.default{background-image:url("monoimages/rnd_br_next_icon&16.png")}
input.import{background-image:url("monoimages/rnd_br_next_icon&16.png")}
input.export{background-image:url("monoimages/rnd_br_next_icon&16.png")}
input.folder{background-image:url("monoimages/folder_icon&16.png")}
input.save,input#saveemailbut{background-image:url("monoimages/save_icon&16.png")}
input.preview,input.viewpreview,input.viewlive{background-image:url("monoimages/eye_icon&16.png")}
input.unlock {background-image: url("monoimages/padlock_closed_icon&16.png");}
input.lock{background-image:url("monoimages/padlock_open_icon&16.png")}
input.delete{background-image:url("monoimages/doc_delete_icon&16.png")}
input.copy{background-image:url("copy.png")}
input.removefav{background-image:url("monoimages/star_fav_empty_icon&16.png")}
input.addfav{background-image:url("monoimages/star_fav_icon&16.png")}
input.approve{background-image:url("monoimages/round_checkmark_icon&16.png")}
input.rename{background-image:url("monoimages/text_curstor_icon&16.png")}
input.open{background-image:url("monoimages/app_window_icon&16.png")}
input.upload,input#uploadsubmitbut{position: fixed;top: -30px;background-image:url("upload.png");background-repeat: no-repeat;}
input.email,input#sendemailbut{background-image:url("monoimages/paper_airplane_icon&16.png")}
input.addnewuser{background-image:url("addnewmonoimages/user_icon&16.png")}
input.print{background-image:url("monoimages/print_icon&16.png")}
input.edit{background-image:url("monoimages/cogs_icon&16.png")}
input.close{background-image:url("monoimages/delete_icon&16.png")}
input.restore{background-image:url("monoimages/cloud_rain_icon&16.png")}
input.emptyrecyclebin{background-image:url("monoimages/trash_icon&16.png")}
input.publish{background-image:url("monoimages/globe_3_icon&16.png")}
input.pageinfo{background-image:url("monoimages/app_window_shell&16.png")}
input.exporttheme{background-image:url("exporttheme.png")}
input.insert{background-image:url("insert.png")}
input.fileman{background-image:url("filemanager.png")}
input#Attachbut{background-image: url(monoimages/clip_icon&16.png);}
input#inserttokenbut{background-image: url(monoimages/doc_plus_icon&16.png);}
input#uploadfilename{border:1px solid #d2d2d2}
input#searchrepbut,input.search{background-image:url("monoimages/zoom_icon&16.png")}
input#but_start{background-image:url("monoimages/playback_play_icon&16.png")}
input#but_stop{background-image:url("monoimages/playback_stop_icon&16.png")}
input#but_edit{background-image:url("monoimages/doc_edit_icon&16.png")}
input#but_delete{background-image:url("monoimages/doc_delete_icon&16.png")}
input#but_new{background-image:url("monoimages/doc_new_icon&16.png")}
input#testemailbut{background-image:url("monoimages/eye_inv_icon&16.png")}

input.createnew{background-image:url("monoimages/doc_new_icon&16.png")}
input.moveup{background-image:url("monoimages/arrow_top_icon&16.png")}
input.movedown{background-image:url("monoimages/arrow_bottom_icon&16.png")}
input.move{background-image:url("monoimages/cursor_drag_arrow_2_icon&16.png")}
input.movepage{background-image:url("monoimages/cursor_drag_arrow_2_icon&16.png")}
input.add[type='button']{background-image:url("monoimages/round_plus_icon&16.png")}
input.del[type='button']{background-image:url("monoimages/delete_icon&16.png")}
#previoussearchbut{display:none;margin-left:5px;background-image:url("monoimages/eye_icon&16.png");color: transparent;width: 20px;background-position: center;padding: 2px;/* margin: 0; */}
#previoussearchbut:hover, #previoussearchbut:focus{border-color:transparent;);}
body.dialog #but_uploadold {display:none;}

#searchbox{
  position: absolute;
  top: 45px;
  /* left: 20.5%; */
  /* margin-left: 0px; */
  z-index: 300;
  right: 15px;
  }
#searchbox input#searchrepbut{ 
color: transparent;
    width: 20px;
    background-position: center;
    padding: 2px;
    margin: 0;}
#searchbox a#advancedsearch{color:#fff;font-size:9px;vertical-align:top;margin-left:5px;text-decoration:none}
input#searchterm_nav{
	font-size: 12px;
    margin: 0 5px 0 0;
    padding: 2px;
    background-color: transparent;
    color: #000;
    outline: 1px solid #333;}
	
input#searchterm_nav:focus{background-color: #eee;}


div#viewtypediv {
position: absolute;
z-index: 200;top: 45px;
right: 10px;}
div#viewtypediv label {}
div#viewtypediv select {    /* font-size: 12px; */
    /* background-color: #777; */
    /* color: #fff; */
    height: 32px;}
div#viewtypediv input#fileman_filtertext {    /* font-size: 12px; */
    margin: 0;
    padding: 2px;
    /* background-color: #777; */
    /* color: #fff; */
    height: 32px;}
div#viewtypediv input:focus, div#viewtypediv:focus, #searchbox input:focus {
    outline: 0;
    -moz-outline-style: none;
    border: 1px solid #777;
}

#tokenreadout{display:block;width:96%;padding:2%;margin: 0px 0px 10px 0px;font-size:10px;background:#fff;color: #333;margin: 5px 0px;}
#searchin{width:100px}
input[type='button']#signout{    width: 0;
    height: 0;
    overflow: hidden;
    /* position: absolute; */
    /* right: 42px; */
    /* top: 2px; */
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(monoimages/users_icon&16.png);
    padding: 16px 0 0 16px;}

p.floatingblock{margin:4px 0 0 0;padding:0;border:0 solid #343432}
p.floatingblock label.inline{width:60px;text-align:right}
/* img.help{background-position:0 0;background-repeat:no-repeat;background-image:url("help.png");width:20px;height:20px} */
.checkfloating{margin:10px 0 0 10px;padding:5px;float:left;width:250px;overflow:hidden;vertical-align:bottom;border:1px solid #333;}
.checkfloating label.inline{
display: initial;
padding: 0;
margin: 10px 0 0 5px;
border: 0 solid blue;
position: static;
vertical-align: middle;
/* font-size: 12px; */
width: 260px;
text-align: left;
float: initial;
}
td label.inline{padding:0;margin:0}
input[type='checkbox']{cursor:pointer;padding:0;margin: 0 5px 0 5px;}
.validationfailed{background:pink}
.validationerror{background:red}
.center{text-align:center}
ul.navsitetree img{vertical-align:top;width:10px;height:10px;background-color:transparent}
ul.navsitetree img.locked{margin-top:4px;background-image:url("locked.png");margin-left: -1px;  margin-right: 1px;}
ul.navsitetree img.WORKFLOW{background-image:url("lockedworkflow.png")}
ul.navsitetree img.unlocked{margin-top:4px}
ul.navsitetree img.wip{margin-top: -2px; margin-left: -4px; margin-right: 4px; background-image: url("wip.png");}
ul.navsitetree img.ready{margin-top:-3px}
ul.navsitetree img.page{margin-left:-2px;margin-top:3px}
ul.navsitetree img.expander{margin-right: 2px;margin-left:-2px;margin-top:3px;background:transparent url("expand.png") 0 0 no-repeat}
ul.navsitetree img.shrink{background:transparent url("contract.png") 0 0 no-repeat}
img.flag{margin:0 0 0 6px;vertical-align:top;width:16px;height:11px;border:0 solid #bbb}
img.en{background:url("flags/globalflag.png") 0 0 no-repeat}
img.fr{background:url("flags/fr.png") 0 0 no-repeat}
img.de{background:url("flags/de.png") 0 0 no-repeat}
img.gr{background:url("flags/gr.png") 0 0 no-repeat}
img.es{background:url("flags/es.png") 0 0 no-repeat}
img.en-US{background:url("flags/us.png") 0 0 no-repeat}
img.en-GB{background:url("flags/gb.png") 0 0 no-repeat}
img.maximise{background: transparent url("08_3.png") 0px 0px no-repeat;}
img.minimise{background: transparent url("monoimages/br_down_icon&16.png") 0px 0px no-repeat;}
div.elementbuttons img {    width: 12px;
    height: 12px;
    border: 0;
    margin-left: 4px;
    background-size: contain;
    background-position: 0 0;background-color: transparent ;}
	
.ws_floatingtoolbar {
    position: fixed;
    /* border: 1px solid #333; */
    /* min-width: 120px; */
    /* height: 40px; */
    z-index: 10000000000000;
    background: #333;
    margin-top: -44px;
    margin-left: 7px;
    background-color: rgb(56, 56, 56);
    /* overflow: hidden; */
    /* max-height: 38px; */
    outline: 1px solid #000000;
    /* transition: all 3s ease 0s; */
    pointer-events: auto;
    /* transition: opacity 0.2s ease 0s; */
    /* padding-bottom: 1px; */
    transition: max-height 0.6s ease 0.6s;
    /* border-radius: 5px; */
    /* margin-right: 9px; */
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.35);
    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.35);
}

div.ws_floatingtoolbar input[type="button"] {
    width: 11px;
    padding: 12px 0px 12px 26px;
    overflow: hidden; background-color: rgb(56, 56, 56);
}

div.elementbuttons input[type="button"] {
      width: 11px;
    padding: 12px 0px 12px 26px;
    overflow: hidden;
  }
  
/* img.help{background: transparent url("monoimages/info_icon&16.png") 0px 0px no-repeat; }
img.history{background: transparent url("monoimages/clock_icon&16.png") 0px 0px no-repeat;}
img.required{background:transparent url("monoimages/star_icon&16.png") 0 0 no-repeat}
img.editexternal{background:transparent url("monoimages/doc_edit_icon&16.png") 0 0 no-repeat}
img.wrapper{background:transparent url("monoimages/doc_edit_icon&16.png") 0 0 no-repeat}
img.refresh{background:transparent url("monoimages/refresh_icon&16.png") 0 0 no-repeat}
img.setwip,td img.setwip{background:transparent url("monoimages/hand_pro_icon&16.png") 0 0 no-repeat}
img.wip,td img.approvalrequired{background:transparent url("monoimages/wrench_icon&16.png") 0 0 no-repeat}
img.usingdefault,td img.usingdefault{background:transparent url("monoimages/doc_import_icon&16.png") 0 0 no-repeat}
img.defaultempty,td img.defaultempty{background:transparent url("monoimages/pin_map_down_icon&16.png") 0 0 no-repeat}
img.hasvalue,td img.hasvalue{background:transparent url("monoimages/pin_map_down_icon&16.png") 0 0 no-repeat} */

/* page element icons */
img.help {display: none;width:12px;height:12px;background: transparent url("helpsm.png") 0px 0px no-repeat;}
img.history {width:12px;height:12px;background: transparent url("monoimages/clock_icon&16.png") -3px -3px no-repeat;}
img.required {width:12px;height:12px;background: transparent url("monoimages/star_fav_icon&16.png") 0px 0px no-repeat;}
img.editexternal {width:12px;height:12px;background: transparent url("monoimages/lighting_icon&16.png") 0px 0px no-repeat;}
img.wrapper {width:12px;height:12px;background: transparent url("monoimages/brackets_icon&16.png") 0px 0px no-repeat;}
img.refresh {width:12px;height:12px;background: transparent url("monoimages/refresh_icon&16.png") 0px 0px no-repeat;}
img.setwip, td img.setwip {width:12px;height:12px;background: transparent url("monoimages/checkmark_icon&16.png") 0px 0px no-repeat;}
img.wip, td img.approvalrequired {width:12px;height:12px;background: transparent url("monoimages/playback_pause_icon&16.png") 0px 0px no-repeat;}
img.usingdefault, td img.usingdefault{width:12px;height:12px;background: transparent url("monoimages/arrow_bottom_left_icon&16.png") 0px 0px no-repeat;    background-size: contain;}
img.defaultempty, td img.defaultempty{width:12px;height:12px;background: transparent url("monoimages/document_icon&16.png") 0px 0px no-repeat;}
img.hasvalue, td img.hasvalue  {width:12px;height:12px;background: transparent url("monoimages/doc_lines_icon&16.png") 0px 0px no-repeat;} 
img.isglobal, td img.isglobal  {width:12px;height:12px;background: transparent url("monoimages/globe_3_icon&16.png") 0px 0px no-repeat;} 
img.defaultcontent{margin-left:0px;vertical-align:top;width:15px;height:15px;background:transparent url("defaultcontent.png") 0 0 no-repeat}
img.hascontent{margin-left:0px;vertical-align:top;width:15px;height:15px;background:transparent url("hascontent.png") 0 0 no-repeat}

img.inheritance {width:12px;height:12px;background: transparent url("monoimages/document_icon&16.png") 0px 0px no-repeat;background-size: contain;}

img.inheritance.inheritedcontent.savelocal, td img.inheritedcontent.savelocal{width:12px;height:12px;background: transparent url("monoimages/arrow_bottom_left_icon&16.png") 0px 0px no-repeat;background-size: contain;}

img.inheritance.inheritedcontent.savesource, td img.inheritedcontent.savesource{width:12px;height:12px;background: transparent url("monoimages/globe_3_icon&16.png") 0px 0px no-repeat;background-size: contain;}

img.inheritance.localcontent.savelocal, td img.inheritance.localcontent.savelocal{width:12px;height:12px;background: transparent url("hascontent.png") 0px 0px no-repeat;background-size: contain;}

body.editor .formelement label {color:#fff;display: inline-block;width:100px;text-align:right;}
body.editor .formelement.ws_inherited label {background: transparent url("monoimages/arrow_bottom_left_icon&16.png") top left no-repeat;background-size: contain;
    padding-left: 0px;padding-right: 20px;background-position-x: right;color:#777;}
body.editor .formelement:nth-child(2)  {clear:both;display:block;}
body.editor .formelement textarea {max-width:70%;display:inline-block; vertical-align: text-top;height:35px;}
div#nav ul li.loading,li.loading{line-height:8px;font-size:8px;padding-left:20px;padding-top:2px;background-repeat:no-repeat;background-position:6px 0;background-image:url("loading.gif");color:#555;background-repeat: no-repeat; background-position: center;  background-color: transparent; background-size:contain;}

ul#webmansitemap li ul#favourites li.page .selected{background-color:#84bd00}
ul#movetofolder,ul#movetofolder ul{list-style-type:none;margin:5px 25px;padding:0}
ul#movetofolder li{
    padding: 5px 0;
}
ul#movetofolder li a{margin:5px;padding-left:24px;background-repeat:no-repeat;background-position:4px 0;background-image:url("monoimages/folder_icon&16.png");text-decoration:none}
ul#movetofolder li a.selected{background-color:#84bd00}

div#nav ul li a.disabled, ul#navlevps_nonmenu li a.disabled{color:#888}
div#nav ul li.selected a.disabled{color:#888}
div#nav ul,div#navfull ul{list-style-type:none;margin:0;padding:0 0 20px 0;min-height:50px}
div#nav ul ul,div#navfull ul ul{padding:0;margin:0;min-height:0}
div#nav ul li a,div#navfull ul li a{
    color: #fff;
    display:block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-weight:500;
    margin:0;
    text-decoration:none;
    background-repeat:no-repeat;
    padding-top: 5px;
    padding-bottom: 5px;
    /* height: 18px; */
    font-size:13px;
    transition: background-color 0.5s ease 0.1s;
    }
div#nav ul li a:hover,div#nav ul li a:hover{background-color: #464956;} 
div#nav ul li.selected a:hover,div#nav ul li.selected a:hover{background-color: #84bd00;} 

div#nav ul li.navsection.selected a,div#nav ul li.navsection.selected a:hover{background-color:#84bd00}
ul.navsitetree li.folder a{background-image:url("pageiconsmall.png")}
ul.navsitetree li.page a{background-image:url("pageiconsmall.png")}
div#nav ul.navsitetree li.end a{background-image:url("endiconsmall.png");font-size:9px;text-transform:uppercase;color: #eee;padding-top:5px;transition: all 0.8s ease 0s;}
div#nav ul.navsitetree li.end a:hover{color: #fff;}
ul.navsitetree li.browse a{background-image:url("articlesend.png")}
ul.navsitetree li.folder a,ul.navsitetree li.page a{background-position: -142px 1px;padding-left: 10px;background-color:transparent;padding-top: 6px;padding-bottom: 4px;}
ul.navsitetree li.open a{background-position:-142px -160px}
ul.navsitetree li.selected a, ul.navsitetree li.selected a:hover, div#nav ul li.navsection.selected a:hover{background-color:#84bd00;} 
ul.navsitetree li.end a{background-position: -142px -2px;padding-left: 32px;font-size:8px}
ul.navsitetree li ul li.folder a,ul.navsitetree li ul li.page a{background-position: -128px -0;padding-left:22px;background-color:transparent}
ul.navsitetree li ul li.open a{background-position:-128px -160px}
ul.navsitetree li ul li.selected a{background-color: #84bd00;}
ul.navsitetree li ul li.end a{background-position: -128px -2px;padding-left:46px;background-color:transparent;}
ul.navsitetree li ul li ul li.folder a,ul.navsitetree li ul li ul li.page a{background-position:-116px 0;padding-left:36px;background-color:transparent}
ul.navsitetree li ul li ul li.open a{background-position:-114px -160px}
ul.navsitetree li ul li ul li.selected a{background-color:#84bd00}
ul.navsitetree li ul li ul li.end a{background-position:-114px -2px;padding-left:60px;background-color:transparent}
ul.navsitetree li ul li ul li ul li.folder a,ul.navsitetree li ul li ul li ul li.page a{background-position:-102px 0;padding-left:50px;background-color:transparent}
ul.navsitetree li ul li ul li ul li.open a{background-position:-102px -160px}
ul.navsitetree li ul li ul li ul li.selected a{background-color:#84bd00}
ul.navsitetree li ul li ul li ul li.end a{background-position:-102px -2px;padding-left:72px;background-color:transparent}
ul.navsitetree li ul li ul li ul li ul li.folder a,ul.navsitetree li ul li ul li ul li ul li.page a{background-position:-88px 0;padding-left:64px;background-color:transparent}
ul.navsitetree li ul li ul li ul li ul li.open a{background-position:-88px 0}
ul.navsitetree li ul li ul li ul li ul li.selected a{background-color:#84bd00}
ul.navsitetree li ul li ul li ul li ul li.end a{background-position:-88px -2px;padding-left:86px;background-color:transparent}
ul.navsitetree li ul li ul li ul li ul li ul li.folder a,ul.navsitetree li ul li ul li ul li ul li ul li.page a{background-position:-74px 0;padding-left:78px;background-color:transparent}
ul.navsitetree li ul li ul li ul li ul li ul li.open a{background-position:-74px 0}
ul.navsitetree li ul li ul li ul li ul li ul li.selected a{background-color:#84bd00}
ul.navsitetree li ul li ul li ul li ul li ul li.end a{background-position:-74px -2px;padding-left:100px;background-color:transparent}
ul.navsitetree li ul li ul li ul li ul li ul li ul li.folder a,ul.navsitetree li ul li ul li ul li ul li ul li ul li.page a{background-position:-60px -2px;padding-left:92px;background-color:transparent}
ul.navsitetree li ul li ul li ul li ul li ul li ul li.open a{background-position:-60px 0}
ul.navsitetree li ul li ul li ul li ul li ul li ul li.selected a{background-color:#84bd00}
ul.navsitetree li ul li ul li ul li ul li ul li ul li.end a{background-position:-60px -2px;padding-left:102px;background-color:transparent}
ul#webmansitemap li a#WEBMAN_SEARCHREP,h2#section_heading_WEBMAN_SEARCHREP{padding-left:24px;background-repeat:no-repeat;background-position:2px 2px;background-image:url("monoimages/zoom_icon&16.png")}
ul#webmansitemap li a#WEBMAN_RECYCLEBIN,h2#section_heading_WEBMAN_RECYCLEBIN{padding-left: 28px;background-repeat:no-repeat;background-position: 5px 5px;background-image:url("monoimages/trash_icon&16.png")}
ul#webmansitemap li.empty a#WEBMAN_RECYCLEBIN{padding-left:24px;background-repeat:no-repeat;background-position:2px 2px;background-image:url("monoimages/trash_icon&16.png")}
ul#webmansitemap li a#WEBMAN_WORKFLOW,ul#sys_userinfo li.recent_WEBMAN_WORKFLOW a{padding-left: 28px;background-repeat:no-repeat;background-position: 5px 5px;background-image:url("monoimages/cert_icon&16.png")}
ul#webmansitemap li a#WEBMAN_PUBLISH,ul#sys_userinfo li.recent_WEBMAN_PUBLISH a,h2#section_heading_WEBMAN_PUBLISH{padding-left: 28px;background-repeat:no-repeat;background-position: 5px 5px;background-image:url("monoimages/print_icon&16.png")}
ul#webmansitemap li a#WEBMAN_FAVOURITES,h2#section_heading_WEBMAN_FAVOURITES{padding-left:24px;background-repeat:no-repeat;background-position:2px 2px;background-image:url("monoimages/star_fav_icon&16.png")}
div#nav ul li div#browsepagesboxinner li.page a{padding-left:36px}
ul#webmansitemap li#sitemap_browse_browseparent a{padding-left:24px;background-repeat:no-repeat;background-position:4px 2px;background-image:url("browsearticles.png")}
div#nav ul#webmansitemap li#sitemap_browse_browseparent li.page a,div#nav ul#webmansitemap li#sitemap_browse_browseparent li.folder a{background-repeat:no-repeat;background-position:-144px 0;background-image:url("pageiconsmall.png");padding-left:8px}
div#nav ul#webmansitemap li#sitemap_browse_browseparent li.end a{background-image:url("endiconsmall.png");background-position:-144px -2px;height:12px;font-size:8px;padding-left:32px}
div#nav ul#webmansitemap li#sitemap_browse_browseparent li ul li.end a{background-image:url("endiconsmall.png");background-position:-130px -2px;height:12px;font-size:8px;padding-left:46px}
#tabmenu {position: absolute;top: 45px;left: 20.5%;margin: 0;height: 30px;z-index: 101;text-align: right;width: auto;/* padding-top: 8px; */}
body.dialog #tabmenu {
    position: absolute;
    top: 40px;
    left: 0px;
}
body.dialog #tabmenu.publish {
    position: absolute;
    top: -6px;
    right: 0px;
    left: initial;
}
#tabmenu ul{list-style:none;padding:0;margin:0}
div#tabmenu ul li{padding:0;margin:0;float:left}
div#tabmenu ul li.legacy  {display:none;}
#tabmenu ul li a{
    display: block;
    color: #a1a1a1;
    padding: 0px 0px 5px 15px;
    margin: 10px 15px 0 0px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    border-left: 1px dotted #a1a1a1;
    }
#tabmenu ul li.selected a{color: #fff;/* border-bottom: 1px dotted #fff; */border-left: 1px solid #fff;}
#tabmenu ul li a:hover{color:#fff;text-decoration:none}
#tabmenu ul li a.disabled{color:#999;text-decoration:none}
ul#webmansitemap li a#WEBMAN_PAGESORT,ul#sys_userinfo li.recent_WEBMAN_PAGESORT a{padding-left: 28px;background-repeat:no-repeat;background-position: 5px 5px;background-image:url("monoimages/clipboard_copy_icon&16.png")}

li.recyclebin a,ul#sys_userinfo li.recent_WEBMAN_RECYCLEBIN a{padding-left:24px;background-repeat:no-repeat;background-position:3px 2px;background-image:url("monoimages/trash_icon&16.png")}
li.recyclebinempty a{padding-left:24px;background-repeat:no-repeat;background-position:3px 2px;background-image:url("monoimages/trash_icon&16.png")}
div#browsepagescontrols {
    clear: both;
    display: block;
    /* background: #fff; */
    /* width: auto; */
    /* height: 85px; */
    /* overflow: hidden; */
    /* border: 1px solid #c2c2c0; */
    margin-left: 15px;
    margin-top: 10px;
    /* margin-bottom: 10px; */
    /* margin-right: 10px; */
    -moz-border-radius: 5px 5px 5px 5px;
    /* -webkit-border-radius: 5px 5px 5px 5px; */
    /* border-radius: 5px 5px 5px 5px; */
    padding: 5px;
}
div#browsepagescontrols #searchterm_browse{font-size:9px;border:1px solid #c2c2c0;display:inline}
div#browsepagescontrols #browse_orderby{font-size:9px;border:1px solid #c2c2c0;display:inline}
div#browsepagescontrols #browse_orderdir{font-size:9px;border:1px solid #c2c2c0;display:inline}
div#browsepagescontrols #browse_shownum{float:left;font-size:9px;border:1px solid #c2c2c0;display:inline;margin-right:15px;}
#browse_orderby{width:70px}
div#nav ul#webmansitemap li#sitemap_browse_browseparent div#browsepagescontrols a#closebutton{display:none;position:relative;top:-50px;/* left:90px; *//* height:12px; *//* padding-left:18px; */background-image:url("close.png");width:0;/* overflow:hidden */}
div#nav ul#webmansitemap li#sitemap_browse_browseparent div#browsepagescontrols a#backbutton{
	    float: left;
    padding-left: 20px;
    /* padding-top: 0px; */
    background-image: url(monoimages/rnd_br_prev_icon&48.png);
    background-size: contain;
    background-position: 0 0;
    width: 0;
    overflow: hidden;
    height: 20px;
}
div#nav ul#webmansitemap li#sitemap_browse_browseparent div#browsepagescontrols a#nextbutton{
	    float: left;
    padding-left: 20px;
    /* padding-top: 0px; */
    background-image: url(monoimages/rnd_br_next_icon&48.png);
    background-size: contain;
    background-position: 0 0;
    width: 0;
    overflow: hidden;
    height: 20px;
}

div#browsepagescontrols span#pageref{font-size:9px;float:left;padding:0;width:50px;text-align:center;padding-top:5px;border:0 solid red}
div#browsepagescontrols p label {
    width: 33px;
    overflow: hidden;
    display: block;
    float: left;
    font-size: 8px;
}
div#browsepagescontrols select#browse_shownum{display:inline}


div#browsepagesnavigation #pageref{float: left;font-size:9px;padding: 5px;}

div#browsepagesnavigation {padding-left:15px;} 
div#nav ul#webmansitemap li#sitemap_browse_browseparent div#browsepagesnavigation a#backbutton{
float: left; padding-left: 20px;background-size: contain;background-position: 0 0;width: 0;overflow: hidden;height: 20px;background-image: url(monoimages/rnd_br_prev_icon&48.png);
}
div#nav ul#webmansitemap li#sitemap_browse_browseparent div#browsepagesnavigation a#nextbutton{
float: left; padding-left: 20px;background-size: contain;background-position: 0 0;width: 0;overflow: hidden;height: 20px;background-image: url(monoimages/rnd_br_next_icon&48.png);
}
div#nav ul#webmansitemap li#sitemap_browse_browseparent div#browsepagesnavigation a#settingsbutton{
float: left; margin-left: 15px;padding-left: 12px;background-size: contain;background-position: 0 0;width: 0;overflow: hidden;height: 12px;background-image: url(monoimages/cog_icon&48.png);
}
div#nav ul#webmansitemap li#sitemap_browse_browseparent div#browsepagesnavigation a#closebutton{display:none;}

#browsepagesboxinner {clear:both;}

li.sitetree a,li.favourites a{padding-left:30px;background-repeat:no-repeat;background-position:2px 2px;background-image:url("monoimages/globe_3_icon&16.png")}
li.sitetree.selected a {background-color: #84bd00;}

ul#webmansitemap li a#sitemap_WEBMAN_EDITPAGE_link{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/globe_3_icon&16.png")}
ul#webmansitemap li.open a#sitemap_WEBMAN_EDITPAGE_link{padding-left:30px;background-repeat:no-repeat;background-position: 5px 5px;background-image:url("monoimages/globe_3_icon&16.png")}
ul#filemansitemap li a,body.fileman .section h2{padding-left:30px;background-repeat:no-repeat;background-position:6px 3px;background-image:url("monoimages/folder_icon&16.png")}
ul#configsitemap li a{padding-left:30px;background-repeat:no-repeat;background-position:6px 6px;background-image:url("monoimages/folder_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_USERS a,h2#section_heading_CONFIG_USERS{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/users_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_MYACCOUNT a,h2#section_heading_CONFIG_MYACCOUNT{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/user_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_TOKENEDITOR a,h2#section_heading_CONFIG_TOKENEDITOR{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/wrench_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_USAGE a,h2#section_heading_CONFIG_USAGE{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/chart_line_2_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_RESTORE a,ul#sys_userinfo li.recent_CONFIG_RESTORE a,h2#section_heading_CONFIG_RESTORE{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/cloud_rain_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_CONFIGXML a,ul#sys_userinfo li.recent_CONFIG_CONFIGXML a,h2#section_heading_CONFIG_CONFIGXML{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/cog_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_LANGUAGES a,ul#sys_userinfo li.recent_CONFIG_LANGUAGES a,h2#section_heading_CONFIG_LANGUAGES{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/notepad_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_SITEMESSAGE a,ul#sys_userinfo li.recent_CONFIG_SITEMESSAGE a,h2#section_heading_CONFIG_SITEMESSAGE{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/paper_airplane_icon&16.png")}
ul#configsitemap li#sitemap_CONFIG_LITERALEDITOR a,ul#sys_userinfo li.recent_CONFIG_LITERALEDITOR a,h2#section_heading_CONFIG_LITERALEDITOR{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/wrench_plus_icon&16.png")}
ul#extrassitemap li a{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/app_window_black&16.png")}
ul#extrassitemap li#sitemap_DBUTILS_MAIN a, h2#section_heading_DBUTILS_MAIN {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-image: url(monoimages/db_icon&16.png);
}
ul#extrassitemap li#sitemap_EXTRAS_NEWS a,h2#section_heading_EXTRAS_NEWS{padding-left:30px;background-image:url("news.png")}
ul#extrassitemap li#sitemap_EXTRAS_EVENTS a,h2#section_heading_EXTRAS_EVENTS{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("events.png")}
ul#extrassitemap li#sitemap_EXTRAS_HOSTING a,h2#section_heading_EXTRAS_HOSTING{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("hosting.png")}
ul#extrassitemap li#sitemap_EXTRAS_EMAIL a,h2#section_heading_EXTRAS_EMAIL{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/paper_airplane_icon&16.png")}
ul#extrassitemap li#sitemap_EXTRAS_STATS a,h2#section_heading_EXTRAS_STATS{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("stats.png")}
ul#extrassitemap li#sitemap_EXTRAS_SUPPORT a,h2#section_heading_EXTRAS_SUPPORT{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("support.png")}
ul#adminsitemap li a{padding-left:30px;background-repeat:no-repeat;background-position:5px 5px;background-image:url("monoimages/globe_3_icon&16.png")}
ul#webmansitemap li ul#favourites li.page a{background-repeat:no-repeat;background-position:18px 3px;background-image:url("pageicon.png");padding-left:8px}
ul#webmansitemap ul#searchrep li.presetsearch a{background-repeat:no-repeat;background-position:18px 3px;background-image:url("pageicon.png");padding-left:37px}
#select_viewsizetype{display:none}

.linkdialog_interface {
    margin-top: 40px;
    text-align: right;
}

ul.section_select li a{background: url("monoimages/push_pin_icon&16.png") 6px 6px no-repeat;color: #fff;display:block;/* font-weight:600; */margin:0;padding:8px 0 6px 28px;text-decoration:none;/* border-top:1px solid #c3c3c3; */font-size:13px;}
	
ul.section_select li.selected a {
    background-color: #84bd00;
}
	
div#menu ul{list-style-type:none;margin:0;padding:0}
div#menu ul li{/* background: #121314; */display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:31px;/* background-color: #343640; *//* border-top: 1px solid #121314; */transition: background-color 0.5s ease 0.1s;}
div#menu ul li a{background: url("monoimages/shield_icon&16.png") 6px 6px no-repeat;color: #fff;display:block;/* font-weight:600; */margin:0;padding:8px 0 6px 28px;text-decoration:none;/* border-top:1px solid #c3c3c3; */font-size:13px}



div#menu ul li:hover{background: #464956;margin: 0;}
div#menu ul li.selected,div#menu ul li.selected:hover{background: #84bd00;}
div#menu ul li#mainmenu_WEBMAN a{background:url("monoimages/globe_3_icon&16.png") 6px 6px no-repeat}
div#menu ul li#mainmenu_DASHBOARD a{background: url("monoimages/dashboard_icon&16.png") 6px 6px no-repeat;}
div#menu ul li#mainmenu_FILEMAN a{background: url("monoimages/folder_open_icon&16.png") 6px 6px no-repeat;}
div#menu ul li#mainmenu_CONFIGMAN a{background: url("monoimages/cogs_icon&16.png") 6px 6px no-repeat;}
div#menu ul li#mainmenu_EXTRAS a{background: url("monoimages/app_window_black&16.png") 6px 6px no-repeat;}
div#menu ul li#mainmenu_WEBMAN a{background: url("monoimages/doc_lines_icon&16.png") 6px 6px no-repeat;}
div#menu ul li#mainmenu_CONFIG_MYACCOUNT a{background:url("monoimages/user_icon&16.png") 6px 6px no-repeat}
div#menu ul li#mainmenu_LOGOFF a{background: url("monoimages/user_icon&16.png") 6px 6px no-repeat;}

img.responsive {
    max-width: 100%;
    width: 100%;
    height: auto;
}

img.thumbview{background-image: url(svg/filetypes/document.svg);
	    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
   max-height: 65%;
	}
img.listview{
	background-image: url(svg/filetypes/document.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;	background-position:center;
/* 	background:url(icon-other.gif) top left no-repeat;width:16px;height:16px */
	}
img.directory{background-image:url(svg/filetypes/folder.svg);background-image: url(svg/filetypes/folder.svg);background-repeat: no-repeat;background-position: center;/* background-size: 40%; */margin-top: 15px;}
img.updirectory{background-image:url(svg/filetypes/upload.svg)}
img.uploader{background-image:url(svg/filetypes/upload.svg)}
img.doc{background-image: url(svg/filetypes/doc.svg)}
img.pdf{background-image:url(svg/filetypes/pdf.svg)}
img.xls, img.csv{background-image:url(svg/filetypes/doc.svg) }
img.zip{background-image:url(svg/filetypes/zip.svg) }
img.txt{background-image:url(svg/filetypes/txt.svg) }
img.js{background-image:url(script.png) }
img.inc{background-image:url(svg/filetypes/html.svg)}
img.css{background-image:url(svg/filetypes/css.svg) }
img.html, img.htm{background-image:url(svg/filetypes/html.svg) }
img.mp3,img.mp4,img.wav{background-image:url(svg/filetypes/mp3.svg) }
img.mpg,img.mpeg,img.avi,img.mov{background-image:url(film.png) }
img.jpg{background-image:url(svg/filetypes/jpg.svg)}
img.gif{background-image:url(svg/filetypes/gif.svg)}
img.png{background-image:url(svg/filetypes/png.svg)}
img.xml{background-image:url(svg/filetypes/xml.svg)}
img.showinterface{position:fixed;top:0;right:15px;border:0;background:#fff url(monoimages/cog_icon&16.png) 1px 1px no-repeat;width:18px;height:18px;border:1px solid #c2c2c0;margin:4px;z-index:1000}
img.hideinterface{position:fixed;top:0;right:15px;border:0;background:#fff url(close.png) 4px 4px no-repeat;width:18px;height:18px;border:1px solid #c2c2c0;margin:4px;z-index:1000;display:none}
iframe#publishgoiframe {
width: 100%;
height: 100%;
overflow: auto;
border: 0;
}
iframe.fulliframe{width:100%;height:100%;position:absolute;top:0;bottom:0;right:0;overflow:hidden;border:0}

/* body.iniframe #nav {display:none;}
body.iniframe #menu {display:none;}
body.iniframe #nav {display:none;}
body.iniframe #nav {display:none;}
body.iniframe #info { left: 0;}body.iniframe #main { left: 0;} */

#closemessagebut {
    position: fixed;
    bottom: 0px;
    right: 10px;
    background-color: #000;
    margin: 15px;
}

iframe#messageiframe {
  /*   width: 100%;
    height: 440px; */
	position: absolute;
    width: 100%;
   height: calc(100vh - 80px);
    bottom: 0px;
	right: 0;
    left: 0;
    top: 80px;
    display: block;
 
}

iframe#messageiframe.fullscreen
 {
	 position:fixed;
	 top:0;bottom:0;left:0;right:0;
    width: 100%;
    height: 100%;
}



#closepreview {
    position: absolute;
    right: 0px;
    top: 0px;
}


iframe#geturlframe,iframe#getimageurlframe{width:100%;height:454px;overflow-x:hidden;border:1px solid white;position:absolute;top:32px}
.scroller
{
    overflow-y: scroll!IMPORTANT;
    overflow-x: auto;
    height: 380px;
	height: 438px;
}

#dialogbox .scroller {
    min-height: 100%;
}


#dialogbox.dialogscroller {overflow-y: scroll!IMPORTANT;overflow-x: hidden;}
select#selectsql{width:180px}


#editorsetupbutton{position:absolute;right:5px;top:5px}
div#showerrordiv{color: #000;
  background: #fff;
  position: fixed;
  left: 20.5%;
  top: 40px;
  margin: 20px;
  padding: 0;
  width: auto;
  height: 300px;
  border: 1px solid #fff;
  overflow-x: hidden;
  overflow-y: auto;}
div#showerrordiv h1{background:#343432;color:#fff}
div#showerrordiv p{padding:10px}
#impersonating{position:absolute;left: 70px;top: 28px;font-size: 8px;/* letter-spacing:.1em; */z-index:101;color:#b0b0b0}
#versionnumber{position:absolute;left: 33px;top: 28px;font-size: 8px;/* letter-spacing:.1em; */z-index:101;/* color:#b0b0b0 */}
.loading{
  background-image: url("loadingw.gif");
  background-size:10%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
width: 100%;
z-index: 10000000;
opacity:1;
height:100%;
/* background:transparent url("ajax-loader.gif") 35px 35px no-repeat;z-index:100;display:block;height:160px;padding-left:100px;padding-top:40px;font-size:1.2em */
}

#publishgo {
background-image: url("loading.gif");
  background-repeat: no-repeat; background-color: transparent;
  background-position-x: center;background-position-y:80px; 
  background-size:10%;
z-index: 100;
display: block;
height: 260px;
/* padding-left: 100px; */
padding-top: 40px;
font-size: 1.2em;
text-align:center;
}

#publish_info{display:none}
#publish_main {
/* background: #393b40; */
padding: 10px;
height: 100%;
position: absolute;
/* overflow-x: hidden; */
overflow-y: auto;
bottom: 0;
top: 0;
left: 0;
right: 0;
color: #fff;
}
#recenthistory{
        margin: 0px 0 0 0px;
        overflow: hidden;
        /* width: 100%; */
        height: 15px;
        padding: 0px 0px 0 20px;
        background: url("monoimages/recenthistory.png");
        background-size: 15px;
        border: 0;
        background-repeat: no-repeat;
        /* background-position: bottom right; */
        cursor: pointer;
        /* z-index: 10000; */
        position: absolute;
        top: 50px;
        left: 5px;
        /* color: transparent; */
        text-align: right;
        font-size: 9px;
        }
  
#sysmonitor{
  color: #e2e2e0;
  position: absolute;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  width: 20.5%;
  height: 40px;
  z-index: 420;
  background-color: #343640;
  transition: height 0.5s ease 0s;
}
#sysmonitor:Active{
   height: auto;
}
#sysmonitor p{    /* height: 39px; */
    font-size: 10px;
    margin: 0;
    padding: 0px 0 5px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
	



#errormessage{width: 90%;padding: 5px;height: 150px;overflow-y: auto;}
#errormessage div {margin-top:10px;height:70px;overflow:auto;width:100%; padding: 5px;}
.fix a{text-decoration:none;color:red;margin-left:15px;font-weight:bold}
#dialoghelpbutton{position:absolute;right:5px;bottom:6px}

div.pagehelp ul {
list-style: initial;
}
div.pagehelp ul li {
margin:2px 10px 2px 30px;padding:5px 5px;
}
div.pagehelp{border: 1px solid #898c95; */
    /* color: #000; */
    padding: 5px;
    margin: 10px;
    /* width: 90%; */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background: #DEDEDE;
    border: 2px solid #898c95;
    color: #fff;
    /* font-size: 120%; */
    background: #898c95;
    border: 2px solid #898c95;;}
div.pagehelp P{padding:10px}
body#searchscreen #main #helpdiv,body#publishscreen #main #helpdiv{margin:0 5px 5px 207px}
div.dialoghelp{line-height: normal;background:#fff;border:1px solid #898c95;color: #000;margin:10px 10px 10px 10px;padding:10px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}



div.elementhelp {
    background: #898c95;
    border: 2px solid #898c95;
    color: #fff;
    margin: 10px 0 0px 0px;
    padding: 0 10px 10px 10px;
    width: auto;
    max-width: 750px;
    /* display: inline-block; */
    top: 0;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    line-height: normal;
    /* font-size: 120%; */}

div.elementhelp span{background:url("helppointer.gif") 0 0 no-repeat;margin:0;padding:0;width:10px;height:10px;position:relative;top:-10px;display:block;color:#fff}
#main div.notes{background:#fff url("notesbackground.png") -2px 0 repeat-y;border:1px solid #c2c2c0;border-left:0;height:250px;padding-left:20px;overflow-y:scroll;overflow-x:hidden;font-size:1.2em}
div.tokenblock {
  padding: 2px;
    width: 23%;
    min-width: 150px;
    float: left;
    display: block;
    height: 95px;
    outline: 1px solid #333;
    position: relative;
    overflow: hidden;
    margin: 0.25%;
}

 
div.tokenblock p {
	display:none;
	position:absolute;
	top:30px;left:0px;
    height: 85px;width:100%:
    overflow-y: auto;
    margin: 0;
    padding: 5px;
	background-color: #464956;
}

/*  div.tokenblock:active p{
display:block;
 } */
  
div.inserttokenselectorbox{width: 100%;height: 65px;overflow:hidden;}
  div.inserttokenselector {
    margin: 5px;
    padding: 5px;
    width: 22px;
    height: 22px;
    outline: 1px solid #eee;
    float: left;
}
div.inserttokenselector:hover{background-color:#e2e2e0;cursor:pointer}
div.inserttokenselector.hascontent{background: red;}
div.inserttokenselector.selected, div.inserttokenselector.selected:hover{background-color:#84bd00} 

/* div.inserttokenselectorbox img {  margin-bottom:10px;}
div.inserttokenselectorbox img.inserttokenselector:hover{background-color:#e2e2e0;cursor:pointer}
div.inserttokenselectorbox img.inserttokenselector{margin-top:0px;width:20px;height:20px;background:#fff url("star.png") 0 0 no-repeat;outline:1px solid #333}
div.inserttokenselectorbox img.hascontent{background:#eee url("lines.png") 0 0 no-repeat}
div.inserttokenselectorbox img.inserttokenselector.selected, div.inserttokenselectorbox img.inserttokenselector.selected:hover{background-color:#84bd00} 
div.tokenblock div.selected{background:#84bd00}*/
div.tokenblock h3{font-size:1.2em;padding:5px;background:#111;}
/* h3.selected{background:#84bd00} */

#info {
 z-index: 1000;
 position: absolute;
 left: 20.5%;
 margin-left: 15px;
 top: 40px;
 padding-top: 10px;
 font-size: 14px;
    max-width: 540px;
    overflow: hidden;
}
#info a {
color:#fff;margin:0 2px;
}

div#info h1{position:absolute;left:20.5%;top:70px;color:#fff;font-size:100%;padding:0;margin:0 0 0 30px;font-weight:400;z-index:100;display:none}
div#info h1 a{color:#fff}
body.extra div#info h1{left:0	}


.makenewfolder  {
background-image: url(monoimages/folder_plus_icon&16.png)!IMPORTANT;
}


#info .upfolder {
  margin: 0;
    padding: 0px;
    /* font-size: 12px; */
    line-height: normal;
    width: 17px;
    background-position: 0px -3px;
    background-image: url(monoimages/rnd_br_prev_icon&16.png);
    background-size: contain;
}
body.configman #info{
    top: 3px;
    padding-top: 0px;
}


#fileinfo {/* position: absolute; *//* left: 20.5%; *//* top: -25px; *//* bottom: 10px; *//* z-index: 1000; *//* font-size: 14px; *//* padding-top: 15px; */float: right;margin-left: 10px;}

#fileinfo h1{font-size:12px;font-weight:normal;color:#ddd}

body.dialog #fileinfo{position:absolute;right: 0px;top: 45px;width: 300px;}
body.dialog #fileinfo h1{font-size:12px;font-weight:normal;color:#343432;margin: 0;padding: 0px;}
body.iniframe #fileinfo{display:none;}

body.dialog #info input {
margin: 0px;
border: 0px;
padding: 0px 0px 0px 18px;
background-position: 0 0;
}

table{font-size:inherit !important}
table{width:100%;margin:0;padding:0px;position:relative;border-spacing:1px;/* background-color: #fff; */color: #333;}
.fullwidth {width:100%;}
table.shopbaskettable {float:right;}
table.bordered th, table.bordered td {
   border: 1px solid black;
}

tr{background: #fff;transition: background-color 0.5s ease 0.1s;}
th{text-align:left;padding:10px;font-weight:700;}
td{padding:10px;vertical-align:middle;empty-cells:show}
tr.notenabled{color:#ddd;background:#fff}

tr.odd,table.zebra tr:nth-child(2n+1){background:#f0f0f0}
tr.mouseover{background:#d2d2d0;cursor:pointer}
table.listview tr:hover{background:#d2d2d0;cursor:pointer}
tr.ws_tablerow:hover{background:#d2d2d0;cursor:pointer}
table thead tr:nth-child(1), table#dbu_table tr:nth-child(1){background:#c0c0c0;cursor:pointer}
tr.selected,tr:hover.selected{background:#84bd00;cursor:pointer}
.tablewrapper{width:100%}
th.icon{width:10px}
th.max{width:auto}
th.verynarrow,td.verynarrow{width:20px}
th.narrow,td.narrow{width:60px}
th.normal,td.normal{width:140px}
th.wide,td.wide{width:220px}
th.date,td.date{width:130px}
td.iconcol,th.iconcol{width:40px;overflow:hidden}
table.transparent  tr {background:transparent;color:#fff;}
table.listview td{cursor:pointer;margin:0}
table#customaccess{margin:10px 20px 10px 20px;padding:0;width:310px}
table#customaccess tr td{height:26px;padding:0 0 0 5px;margin:0;background:#fff}
td.elementicons {background:#333;}

.dialog_sidecolumn{position:fixed;margin-right:5px;padding:10px;width:200px;height:auto;left:0;top:32px;bottom:32px;z-index:10;overflow-y:auto;overflow-x:hidden}
.sidecolumn{position: absolute; /* margin-right:5px; */padding:0px;width: 150px;height:auto;top: 75px;bottom: 40px;color: #fff;z-index:10;overflow-y:auto;overflow-x:hidden}
.sidecolumn select{width:100%;margin: 5px 0px;}
/* .sidecolumn label{float:left;margin: 5px 0px; padding-right:10px} */
.sidecolumn label.inline{
display: initial;
padding: 0;
margin: 5px;
/* display: inline; */
border: 0 solid blue;
position: static;
vertical-align: middle;
/* font-size: 12px; */
width: initial;
text-align: left;
float: initial;
}


.sidecolumn textarea.searchreplace{width:100%;height: 80px;padding: 5px;margin: 5px 0px;}
body.extra .sidecolumn {
/* left: 0;
padding-left: 15px;padding-top: 15px;
border-left: 1px solid #121314; */
}
.maincolumn{position:absolute;left: 150px;right:0;overflow-y:auto;overflow-x:auto;top: 10px;}
.thirdcolumn h3{margin:10px 0;}
.thirdcolumn{float:left;margin:0;padding:0;width:33.333333333%}

.halfcolumn{float:left;margin:0;padding:0;width:50%}

/* .halfcolumn > div {
margin: 2px;
float: left;
padding: 5px;
width: 150px;
height: 100px;
overflow: hidden;
background-color: #eee;cursor:pointer;
border: 1px solid #777;
}
.halfcolumn > div.selected {
background:#84bd00;
}
.halfcolumn > div p:nth-child(1) {font-size:14px;font-weight:700;}
.halfcolumn > div p:nth-child(2) {font-size:11px;} */


.newforms div {border:1px solid #ccc;}
.newforms p:nth-child(1) {}
.newforms p:nth-child(2) {display:none;}
.largesection{background:#c2c2c0;float:left;border:0 solid #c2c2c0;margin:10px 0 0 10px;padding:0;width:240px;overflow:hidden;font-size:.9em;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}
.section {
    float: left;
    margin: 5px;
    padding: 5px;
    width: 250px;
    overflow: hidden;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: rgba(0,0,0,0.08);
    transition: background-color 0.5s ease 0.1s;
}
.section:hover {
    background: rgba(0,0,0,0.2);
}
.sectioninner{
margin: 10px;
  width: auto;
  height: 100px;
  overflow: auto;
}
.sectioninner li{margin:2px;padding:2px}
.section p{padding:0;line-height:15px}
.section h2{font-size: 16px;color: #fff;padding-top: 5px;padding-left:30px!IMPORTANT;margin:10px 0 0 10px;background-repeat:no-repeat;background-position:0 0;background-image:url("extra.png")}
.infobox{float:left;border:1px solid #343432;margin:0 10px 5px 0;padding:0;width:200px;height:140px;overflow:auto}
.infobox h2{background:#343432;text-align:left;padding:2px;color:#fff;margin:0;padding:.5em;font-size:100%}
#main div.infobox ul{font-style:normal;font-weight:normal;list-style-type:square;margin-top:5px;margin-bottom:0}
#main div.infobox ul li{padding:0;margin:0;width:auto;font-size:.9em}
#resulthtml{position: fixed;
    top: 100px;
    bottom: 40px;
    left: 25%;
    right: 20px;
    margin-left: 670px;
    border: 1px solid #c2c2c0;
    padding: 5px;
    background: #fff;
    overflow-y: auto;
    color: #333;
    font-size: 14px;
    line-height: normal;}
#searchresultsdiv{position: fixed;
    top: 100px;
    bottom: 40px;
    left: 20.5%;
    margin-left: 310px;
    width: 25%;
    border: 1px solid #c2c2c0;
    padding: 0;
    background: #fff;
    overflow-y: auto;}
	
#token_select_div ul  {
    height: 200px;
    overflow-y: scroll;
    background-color: #000;
}

#tokenselect_DBQUERY-clones {  height: 200px;
    overflow-y: scroll;
    background-color: #000;}
#tokenselect_top{
    height: 200px;
    overflow-y: scroll;
    background-color: #000;
}

#token_select_div {position: absolute; top:12px; left:164px; width:200px; height:260px; background-color:#000; padding:10px;}
#date_select_div{    position: absolute;
    top: 12px;
    left: 164px;
    width: 390px;
    height: 78px;
    background-color: #000;
    padding: 10px;
    text-align: right;}

#token_select_div li {margin: 5px 0;}

#dbu_searchresults{position: absolute;
top: 75px;
bottom: 0px;
right: 0;
width: auto;
padding: 20px 0 0 0;
/* background: white; */
overflow-y: auto;}
table#searchresults{width:100%;margin:0}
#resulthtml strong{color:red;font-weight:800}
#searchresultsdiv p{display:none}
.publishdata{margin:10px;padding:10px;border:1px solid #343432;display:block;width:90%;height:200px;overflow-y:scroll}


div#contentselectordiv {
position: absolute;
z-index: 200;
top: 40px;
right: 10px;
/* margin-left: 20px; */
}
div#contentselectordiv select {max-width:120px;}

div#contentselectordiv label,div#viewtypediv label{position:relative;bottom:1px;color:#fff;padding:3px 3px 0 3px;display:inline;}
#fileman_filter{float:right}
#fileman_filter label{margin:0 5px;color:#fff}

div#fileman_listbody {overflow:auto;margin-right:5px;}
#main.uploadablearea, body.dialog #main.uploadablearea  {    
	  background-color: #fff;
 background-image: url(svg/filetypes/upload.svg);
    background-repeat: no-repeat;
    background-color: #eee;
    background-position: center;
    background-size: 15%; 
    /* margin: 15px; */

}
#main.uploadablearea > * {
opacity: 15%;
}

/* #main.uploadablearea  #fileman_listbody {
display: none;
} */

#fileman_upload_dropzone {display:none;}
#tokenselector  {
    position: absolute;
    left: 0px;
    width: 30%;
    bottom: 0px;
    top: 0px;
    height: auto;
    background: #343640;
}
#tokenselector  li{margin: 0px 0px 2px 0px;padding: 5px;cursor:pointer;text-transform: capitalize;}
#tokenselector  li.selected{
background:#84bd00;
}

#editableelements, #IFRAME_SUBEDITOR{position:absolute;background: #464956;width: 100%;top:0px;left: 0px;right:0px;bottom:0px;height:100%;}
/* 
div.thumbviewdiv{display:inline;text-align:center;padding: 2px; margin: 4px;cursor:pointer;float:left; overflow: hidden;}
div.thumbviewdiv:hover {outline: 3px solid #ddd;}
div.thumbviewdiv.selected {outline: 3px solid #84bd00;}
div.thumbviewdiv div.thumbtext {
 overflow: hidden; 
 height: 20px; 
 line-height: 10px; 
 font-size: 9px; 
 padding: 5px; 
 margin: 5px 0px; 
 max-width: 90%; 
}
#fileman_listbody {  height: 100%;}
div.thumbviewdiv.LARGE{width:400px;height:400px;}
div.thumbviewdiv.MEDIUM{width: 200px;height: 200px;}	
div.thumbviewdiv.SMALL{width:100px;height:100px; }
div.thumbviewdiv.GALLERYTHUMB{width: auto;max-height: 30%;}

.GALLERYTHUMB {height: 100%;}

div.thumbviewdiv div.thumbwrapper img{
  max-width: 100%;
  max-height: 100%;

}
*/
img.uploader {}


.fileman_folders div.thumbviewdiv div.thumbtext {
	/* white-space: nowrap; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* font-size: 12px; */
	/* padding: 15px 0 0 0; */
	/* color: #333; */
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 0; */
	/* padding-left: 40px; */
	/* width:100%; */
	white-space: nowrap;
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	padding: 10px;
	color: #333;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.fileman_files div.thumbviewdiv div.thumbtext{
       white-space: nowrap;
       position: relative;
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
       font-size: 12px;
       padding: 10px;
       color: #333;
       position: absolute;
       bottom: 0;
       width: 100%;
	   text-align: center;
}

#scrollarea3 div.thumbviewdiv div.thumbtext {
       white-space: nowrap;
       position: relative;
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
       font-size: 12px;
       padding: 10px;
       color: #333;
       position: absolute;
       bottom: 0;
       width: 100%;
	   text-align: center;
}
.thumbviewdiv.GALLERYTHUMB {
  width: 18%;
  min-width: 130px;
}

.thumbviewdiv.SMALL {
  width: 10%;
  min-width: 145px;
  min-height: 145px;
}
.thumbviewdiv.MEDIUM {width: 15%;min-width: 240px;min-height: 240px;}
.thumbviewdiv.LARGE {
  width: 33.0%;
  min-width: 490px;
  min-height: 490px;
}



.thumbviewdiv {
    display: inline-block;
    position: relative;
    float: left;
  background-color: #fff;
    /* outline: 1px dotted rgba(0,0,0,0.25); 
    background-color: #fff;*/
    margin: 1px;
    /*     transition: background-color 0.15s ease 0s;transition: all 0.5s ease 0s; */
    cursor:pointer;
    /* padding: 5px; */
	
}
.thumbviewdiv.pending, .thumbviewdiv.uploading{
  background-color: #565966;
}
.thumbviewdiv:hover {
    /* outline: 1px solid  #84bd00; */
}
.thumbviewdiv.selected{
    /* outline: 2px solid #84bd00; */
    outline: 0px solid #84bd00;
    background-color: #84bd00;
}
.thumbviewdiv:hover div.thumbtext {
	/* background-color: rgba(255,255,255,0.9); */
}
/* body.fileman #main {background-color: #efefef;} */

div.thumbviewdiv.selected  div.thumbtext {}

.fileman_files  .thumbviewdiv:after {
  padding-top: 100%;
  display: block;
  content: '';
}

#scrollarea3  .thumbviewdiv:after {
  padding-top: 100%;
  display: block;
  content: '';
}

.fileman_folders:not(:empty){margin-top:15px;margin-down:15px;}
.fileman_folders .thumbviewdiv{}
.fileman_files   {
clear:both;
}

.thumbviewdiv > div.thumbwrapper {position: absolute;top: 0;bottom: 40px;right: 0;left: 0;color: white;padding:0;overflow: hidden;}

.fileman_folders .thumbviewdiv > div.thumbwrapper {color: white;overflow: hidden;/* width:40px; */position: absolute;top: 0;left: 0;padding: 2px;bottom: 0;}

#dateconflictbut {
        position: absolute;
    width: 23px;
    z-index: 10000000;
    /* background-color: rgb(51, 51, 51); */
    padding: 3px;
    top: 77px;
    left: 210px;
    background-image: none;
    border: 2px solid red;
    text-align: center;
    color: red;
    border-radius: 15px;
    font-weight: bold;
    font-size: 9px;
}
#div_dateconflict_data {
    position: absolute;
    width: 200px;
    z-index: 10000000;
    background-color: rgb(51, 51, 51);
    padding: 15px;
    top: 110px;
    left: 50px;
    font-size: 90%;border: 1px solid #fff;
}

#div_dateconflict_data li{padding-bottom:5px;}
  /* force vertical middle vertical align */
.thumbviewdiv div.thumbwrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
 /*  margin-right: -0.25em; */ /* Adjusts for spacing */
}
 #div_dateconflict_data ul{padding: 0 0 0 5px;list-style-type: square;}
 #div_dateconflict_data a{text-decoration:none;}
 
 .thumbview img, .thumbwrapper img {
     max-width: 100%;  	
}

.pending img {
    background-image: url("pending.gif");
	background-color: #565966;
    width: 100%;
    background-size: 50%;
    height: 100%;
	min-height: 115px;background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 15px;
}

 .uploading img {
    background-image: url("loading.gif");
	background-color: #565966;
    width: 100%;
    background-size: 50%;
    height: 100%;
	min-height: 115px;background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 15px;
}

.fileman_files .thumbviewdiv > div.thumbwrapper > img, #scrollarea3 .thumbviewdiv > div.thumbwrapper > img {
    vertical-align: top;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding: 5px;
    margin-top: 15px;
}
.fileman_folders  .thumbviewdiv > div.thumbwrapper > img{
    /* vertical-align: middle; */
    width: 100%;
}


/* .thumbviewdiv img.uploader    {width:50%;height:50%;background: url(uploader.png);
  background-repeat: no-repeat;
      background-size: contain;
    background-position: center;
  }
  .listview img.uploader    {width:100%;height:100%;background: url(uploader.png);
  background-repeat: no-repeat;
      background-size: contain;
    background-position: center;
  }
.thumbviewdiv img.directory  {width:50%;height:50%;background: url(Folder_icon.png);
  background-repeat: no-repeat;
      background-size: contain;
    background-position: center;
  }
 */

  


.fixedaspect {
  width: 23%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
  float:left;
  margin:1%;
    outline: 3px solid #ccc;
  background: url("/websiter2/editors/fileman/imagefx/background.gif") top left repeat;
}

.fixedaspect.selected {
    outline: 3px solid #84bd00;
	background-color: #84bd00;
}
/* force 1:1 aspect ratio */
.fixedaspect:after {
  padding-top: 100%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.fixedaspect > div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* fill parent */
  background-color: transparent;
  /* let's see it! */
  color: white;
  text-align:center;
}

  /* force vertical middle vertical align */
.fixedaspect div:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.fixedaspect > div > img {    vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}


div.userseditpermitsdiv{width:300px;height:64px}
div#accessrestrictions ul{margin:0;padding:0 25px 0 0;z-index:100;width:75px;position:fixed;right:0;top:70px}
div#accessrestrictions ul li{background:url("monoimages/padlock_closed_icon&16.png") 33px 0 no-repeat;padding:15px 0 15px 0;text-align:center;margin:0;font-size:9px;display:block;list-style-type:none;color:#555;overflow:hidden}
div.elementcontrols{width:60px;border:1px solid #343432;padding:3px;display:block;float:left}
img.langpackusing{margin:0 0 0 2px;vertical-align:top;width:16px;height:16px;border:0 solid #bbb;background:url("langpackusing.png") 0 0 no-repeat}
img.langpack{margin:0 0 0 2px;vertical-align:top;width:16px;height:16px;border:0 solid #bbb;background:url("langpack.png") 0 0 no-repeat}
span.langpackusing{font-style:italic;color:#777}
.iconholder{padding:0;width:40px;height:25px;background-image:url("pageicon.png");background-position:10px 5px;background-repeat:no-repeat}
td img.newpage{width:16px;height:16px;background:url("monoimages/doc_new_icon&16.png") top left no-repeat}
td div.iconholder img.locked{position:relative;top:13px;left:7px;width:12px;height:12px;z-index:100;background:url("locked.png") top left no-repeat}
td div.iconholder img.inactive{position:relative;left:-12px;top:11px;width:12px;height:12px;background:url("inactive.png") top left no-repeat}
td div.iconholder img.blank{width:12px;height:12px;border:0 solid #343432;background:transparent url("blank.gif") top left no-repeat}
td div.iconholder img.approvalrequired{position:relative;left:7px;top:5px;width:12px;height:12px;background:url("wip.png") top left no-repeat;z-index:100}
body.uploader {
padding: 20px;
background: #393b40;
}
#uploadfilediv{position:absolute;padding:5px;margin:0;top:27px;bottom:27px;left:20.5%;right:0;overflow-y:auto;overflow-x:hidden;border-left:solid 1px #343432}
div#uploadingmessage{position:absolute;left:300px;top:200px;width:180px;height:51px;background-color:transparent;z-index:2}

/* dialog and editor stuff */

body.editor #main{height:130px}
body.editor #tabmenu {
/* top: 5px;
position:static; */
/* bottom: 0; */
left: inherit;
/* margin: 0; */
right: 0px;
top: 0px;
z-index: 100000001;


/* padding-top: 10px; */


}
/* body.editor #tabmenu ul{list-style:none;padding:0;margin:0}
body.editor #tabmenu ul li.selected a{color:#333;background:#e3e3e3;border-top-left-radius:5px;border-top-right-radius:5px} */

body.editor #previewimage{position:absolute;right:5px;top:5px;border:1px solid #c2c2c0}
body.editor .editormessage{text-align:center;display:block;margin-top:40px;font-weight:500}

.noscroll{overflow-y:hidden;overflow-x:hidden}

body.editor div.helpbox{width:60%}
body.editor{margin:0;padding:0;width:100%;/* overflow:hidden *//* height: 100%; */}
body.formeditor input[type='text'], body.formeditor select  {margin:0;width:100%;}


#addnewbuttons {float: left;}


body.editor input.edit.admin{position:absolute;top:0;right:0;width:50px;text-align:left;z-index:102;background-image:url("monoimages/cog_icon&16.png")}
body.editor .formelement label,body.editor .formelement, body.editor .checkboxelement{color:#fff;}
body.editor p.checkboxelement input[type='submit'] {color: #000;}
body.editor label{
text-transform: uppercase;
/* font-size: 10px; */
/* width: 100px; */ 
display: block;
/* float: left; */
/* text-align: right; */
/* padding-top: 5px; */
margin-right: 5px;
margin-left: 5px;
}
body.editor label.inline, body.formeditor label.inline {
text-transform: uppercase;
/* font-size: 10px; */
width: initial;
display: inline-block;

} 
body.editor label.inline:first-child {
/* width: 90px;
text-align: right;
margin-right: 5px; */
} 
body.gallery label.inline {
/* padding-top:5px;
text-align:right; */
} 

body.formeditor label.inline {}

body.editor div.taggroup label.inline, body.formeditor div.taggroup label.inline {
float: initial;
/* text-align: left; */
padding-top: 0px;
margin-top: 0px;margin-right: 0px;
}

body.dialog img.help{/* position:absolute;top:8px;right:0;z-index:4000 */}

body.inline .taggroup{position:absolute;background:transparent;/* removed because event tags so low top:70px; */}
body.dialog .taggroup{/* position:absolute; *//* top:40px; *//* background:transparent */}

body.groupselector #tabmenu{position:fixed;top:4px;left:0;z-index:1;border:0;width:100%}

body.dialog h1 {position: absolute;
  left: 5px;
  top: 9px;
  color: #fff;
  margin: 0;
  z-index: 1000;
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
/*   display:none; */
  }
  
 h2#messagetitle {position: absolute;
  left: 5px;
  top: 49px;
  color: #fff;
  margin: 0;
  z-index: 1000;
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;}
  
.smallcolumn .previewitem p {margin:0px 5px 5px 5px;padding:0px 5px 5px 5px;}


div#dialogbox {
/* used by popup dialog 40px top area for title etc */
position: absolute;
overflow-y: hidden;
overflow-x: hidden;
left: 0;
right: 0;
top: 40px;
bottom: 0px;
width: 100%;
height: auto;
display: block;
background: #464956;
z-index: 10; border-top: 1px solid #121314;
}

body.dialog div#dialogbox {
top: 75px;
}

body.dialog div#editorbox {
/* used by preview dialog editor no top area as this is provided by the editor */
position: absolute;
overflow-y: hidden;
overflow-x: hidden;
left: 0;
right: 0;
top: 40px;
bottom: 0px;
width: 100%;
height: auto;
display: block;
z-index: 10;
}



body.dialog div#dialogbox.white{background:#fff;overflow: auto;}
body.dialog div.historydialogbox#dialogbox{overflow-y:hidden;overflow-x:hidden}
body.dialog textarea#w2_standard_texted{overflow-y:scroll;overflow-x:hidden;position:fixed;left:0;top:32px}

body.dialog #defaultdialogwrapper{/* position:relative */}
body.dialog #defaultdialognav{width: 30%;/* min-height: 300px; */position: absolute;top: 0px;bottom: 0px;left:0;overflow:hidden;overflow-y:auto;/* background-color: #333; *//* bottom: 40px; */}
#propbuttons {position: absolute; bottom: 0px;}
body.dialog #propprops{    /* bottom: 40px; */
    position: absolute;
    top: 0px;
    left: 30%;
    /* overflow: hidden; */
    /* height: 100px; */
    width: 70%;
    background: #222;
    height: 110px;}
body.dialog textarea#defaulttext{    margin: 0;
    width: 70%;
    height: auto;
    position: absolute;
        top: 150px;
    bottom: 0px;
    left: 30%;
    overflow: auto;}
body.dialog #navfull {
width: 100%;
margin: 0;
padding: 0;
/* background: #e3e3e3; */
}

.codehead {

    height: 40px;
    /* padding: 9px; */
    background: #121314;
}

.CodeMirror {
line-height: 1.3em!IMPORTANT;
font-family: monospace;
font-size: 18px;
height: 100%;
top: 0px;
bottom: 0px;
right: 0px;
width: 100%;
position: absolute;
}
.CodeMirror pre {color:#000;}
.CodeMirror-scroll{/* width:2000px; *//* height:100%; *//* overflow-y:hidden; *//* overflow-x:hidden */}
/* .CodeMirror-scroll {
overflow: hidden;
height: 300px;
position: relative;
outline: none;
height: 100%;
min-height: 100%;
} */
.CodeMirror-scroll {
overflow: auto;
height: 100%!IMPORTANT;
position: relative;
outline: none;
background: #eee;
}

.multilanguage{display:block;border:1px solid #c2c2c0;padding:0;text-align:left;overflow-x:hidden;overflow-y:scroll;height:70px;width:345px}
.multilanguage label{width:40px;display:block;float:left}
.multilanguage textarea{width:300px;height:60px;margin-left:0}
.multilanguage input{width:200px;margin-left:0;position:static}
#defaulttext{position:absolute;top:28px;left:1px;width:450px;height:96px}
.leftbuttons{position:absolute;top:7px;left:5px}


.messagesaved{z-index:102;color:#fff;text-align:left;position:fixed;left:10px;font-size:10px;top: 50px;}
table#contenthistorytable td{cursor:pointer}
table#contenthistorytable{width:360px}
#contenthistorydiv,#contenthistorydiv_undo{  float: left;
  background: #f0f0f0;
  display: block;
  width: 50%;
  height: 445px;
  /* border: 0 solid #c2c2c0; */
  margin: 0;
  /* padding: 5px 0 5px 5px; */
  overflow-y: scroll;
  overflow-x: hidden;
    min-height: 100%;
  max-height: 100%;
  }
#contenthistorydiv table,#contenthistorydiv_undo table{margin:0;width:100%;position:static}
#contenthistorypreviewdiv{  float: right;
  background: #fff;
  width: 50%;
  height: 445px;
  border-right: 0 solid #c2c2c0;
  border-bottom: 0 solid #c2c2c0;
  /* margin: 0; */
  /* padding: 5px 0 5px 5px; */
  overflow-y: hidden;
  overflow-x: hidden;
    min-height: 100%;
  max-height: 100%;
  }
#wfloweditframe{position:absolute;top:70px;bottom:40px;left:0;width:100%;height:100%}
#select_userlist{width:167px;margin:0 1px 0 0}
#select_tier,#select_user{width:243px;margin-bottom:1px}
#wflowstatus{font-size:16px}
p#historywip label{color:#fff}

.formelement .checkbox  {
width: 20px;
height: 20px;
}

.login .formelement   {
border:0px;
}
#div_settings, #innereditor {
    overflow-y: auto;
    bottom: 0px;
    position: absolute;
    width: 100%;
    right: 0px;
    left: 0px;
    top: 40px;
}

.editorcontent {
    overflow-y: auto;
    bottom: 0px;
    position: absolute;
    width: 100%;
    right: 0px;
    left: 0px;
    top: 67px;
}

/* used in image repeater to control height of image preview */
#scrollarea3{
overflow-x: hidden;
overflow-y: auto;
bottom: 0px;
position: absolute;
top: 40px;
left: 0px;width: 100%;right: 0px;
margin-left: 0px;
}

body.editor.gallery #scrollarea3 {width: 70%;right: 30%;}

.tagscroller{
width: 240px;
/* min-height: 100px; */
overflow-y: auto;
background: #464956;
bottom: 0px;
position: absolute;
top: 40px;
width: 100%;
right: 0px;
left: 0px;
/* margin-left: 240px; */
}




input#CHECKBOX_WIP{background:transparent;width:80px;padding:0;height:20px;position:absolute;bottom:15px;left:5px;z-index:110}
input,select{vertical-align:middle;display:inline;}
div#pageinfo{overflow-y:scroll;overflow-x:hidden;height:225px;border-top:1px solid #bbb}

div#blankingplate {
    /* width: 130px; */
    position: absolute;
    top: 125px;
    left: 25px;
    font-weight: bold;
    z-index: 100;
    color: #000;
    text-transform: uppercase;
}
select#newvals{width:45%;bottom: 0px;position:absolute;top:25px;left:5px}
select#possvals{width:45%;bottom: 0px;position:absolute;top:25px;right:0;}
label#newvalslabel{float:none;font-size:1em;padding:4px;margin:0;width:142px;height:12px;position:absolute;top:5px;left:5px;color:#fff}
label#possvalslabel{float:none;font-size:1em;padding:4px;margin:0;width:142px;height:12px;position:absolute;top:5px;right:5px;color:#fff}
.menudiv{background:#464956}
h2.menuitem{background:url("barback.jpg") top left repeat;color:#fff;display:block;font-size:.9em;margin:0;padding:3px 2px 3px 3px;text-decoration:none;border-top:1px solid #343432;cursor:pointer}
.taggroup{padding:0px;/* height: 250px; */}
.taggroup{overflow-y: auto;overflow-x:hidden;border:0 solid #343432;/* background: #e3e3e3;background: #464956; */width: 100%;color: #fff;padding: 0px;}
body.tageditor .taggroup {min-height: 350px;}
#buttonholder{
position: absolute;
  top: 0px;
  right: 0px;
  z-index: 100;
}

#dialogbuttonholder{
    background-color: transparent;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
  color: #fff;
  z-index: 100;
/*   width: 100%; */
  }
  
#dialogbuttonholder label{color:#fff}

/* body.dialog .buttons {
right: 0px;
outline: 0px;
top: 0px;
bottom:initial;
} */
 body.dialog #buttonholder {
      position: absolute;
    top: 40px;
    right: 220px;
    /* z-index: 10; */
}

.editformbuttons {
width: 100%;
position: fixed;
padding: 10px;
background-color: #222;
top: 0px;
z-index: 10;
}
.editbuttons {
  width: 360px;
  float: left;
}

.editformbuttons input {width:0px;overflow:hidden;padding-left:16px;color: transparent;}
.ws_dropdownmenu {
width: 100%;
position: fixed;
left: 0px;
top:0px;
z-index: 10;
bottom: 0px;
height: auto;
background: #333;
}

.editformsetting {
    padding: 15px;
    /* border: 1px solid #ccc; */
    /* margin: 15px 0; */
    /* background-color: #333; */
    /* position: absolute; */
    /* right: 0px; */
    /* top: 40px; */
    width: 100%;
}
.checkboxelement {
min-height: 30px;
  max-height: 1200px;
  height: auto;
  transition: all 2.5s ease 2.5s;
  /* background-color: #ccc; */
  vertical-align: top;
  /* outline: 1px solid #ddd; */
  /* margin-bottom: 5px; */
  padding: 5px;
  /* border-bottom: 1px solid #888; */

}
.checkboxelement input.edit {
color: transparent;
    margin: 0 0 0 5px;
    padding: 0px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    cursor: pointer;
    background-color: transparent;
    background-image: url(monoimages/cog_icon&16.png);
    background-position: 0 0;
    padding: 0px;
    border: 0px;background-size: contain;
}

div#tagmaxselect{font-size:9px;text-align:center}


#imagethumblist{position:absolute;width:100%;height:auto;top:111px;bottom:0;overflow:auto}

#smqtemplates{background:transparent;position:absolute;top:-6px;left:0;width:220px;overflow:hidden;height:60px}
#smqmatches{background:transparent;position:absolute;top:-6px;left:180px;width:auto;overflow:hidden;height:160px}
/* th.header,td.sort_asc,td.sort_desc,td.sort_none{background-image:url(bg.gif);cursor:pointer;background-repeat:no-repeat;background-position:center left;padding-left:20px;margin-left:-1px}
th.headerSortUp,td.sort_asc{background-image:url(asc.gif);background-color:#84bd00}
th.headerSortDown,td.sort_desc{background-image:url(desc.gif);background-color:#84bd00} */
.headerSortUp,.sort_asc{background-color:#84bd00}
.headerSortDown,.sort_desc{background-color:#84bd00}
div#div_userreview{position:absolute;left:0;top:30px;right:50%;height:270px;width:50%;padding:0;margin:0;font-size:11px;overflow-y:auto;overflow-x:hidden;background-color:#fff}
div#viewcomments{position:absolute;left:50%;top:30px;right:0;height:270px;width:50%;padding:0;margin:0;font-size:11px;overflow-y:auto;overflow-x:hidden;border-left:1px solid #e2e2e0}
div#div_userreview div.tier,div#viewcomments div{width:100%;border-bottom:1px solid #c2c2c0;text-align:left;display:block;padding:10px}
div#viewcomments div.selected{background-color:#84bd00}
#buttonholder input#but_wfback{background-image:url("lightred.png");background-position:4px 4px}
#buttonholder input#but_wfgo{background-image:url("lighton.png");background-position:4px 4px}
#buttonholder input#but_control{background-image:url("wip.png");background-position:4px 4px}
#editorbuttons{position:absolute;top:0;left:0;right:0;height:30px;padding-top:6px;padding-right:3px;display:block;text-align:right;background-color:#e2e2e0}
div#editorbuttons select{vertical-align:top;width:130px;margin:0 5px 0 0;position:static}
div#div_userreview h3,div#viewcomments h3{font-weight:bold;padding-left:20px;background-repeat:no-repeat;background-position:4px 8px}
div#div_userreview div.selected h3{background-position:0 4px;background-image:url("workflowcurrent.png")}
div#div_userreview div.selected{background:#eee}
span.numberbox{position:relative;left:25px;top:-0;background-image:url("workflowrequired.png");background-repeat:no-repeat;background-position:4px 8px;width:40px;height:40px;overflow:hidden;margin:0;padding:0 2px 2px 22px;font-size:9px;float:right}
div#div_userreview ul{list-style-type:none;margin:0 0 0 20px;padding:0}
div#div_userreview ul li{padding:4px 0 0 18px;font-weight:normal;background-repeat:no-repeat;background-position:0 7px}
.lightoff{background-image:url("lightoff.png")}
.lighton{background-image:url("lighton.png")}
.lightred{background-image:url("lightred.png")}
.lightyellow{background-image:url("lightyellow.png")}
div#sitemapmenudiv ul{list-style-type:none;margin:0;padding:0;font-size:.8em}
div#sitemapmenudiv ul li{padding:0;margin:0}
div#sitemapmenudiv ul li a{    text-decoration: none;
    display: block;
    width: 100%;
    padding: 4px;
    color: #000;
    border-bottom: 1px dotted #333;}
div#sitemapmenudiv ul li a:hover{background:#84bd00;color:#fff;}
div#dragdiv ul{list-style-type:none;margin:0;padding:0}
div#dragdiv ul li{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:500;margin:0;text-decoration:none;vertical-align:middle;background-repeat:no-repeat;padding-top:4px;height:16px}
div#dragdiv ul li a{text-decoration:none;background-repeat:no-repeat;background:transparent;padding:0;position:relative;left:-40px}
div#dragdiv ul li a img{display:none}
#scrollbarup{background-color:transparent;position:fixed;top:0;left:0;width:50%;height:34px;z-index:100}
#scrollbarbottom{background-color:transparent;position:fixed;bottom:0;left:0;width:50%;height:34px;z-index:200}
#insertli{height:20px}
#imageinfo{position: absolute;
bottom: 0;
z-index: 100;
color: #fff;
background-color: #343640;
bottom: 0px;
position: absolute;
top: 40px;
right: 0px;width: 240px;
}
 
#imageinfo #imageinfo_path{font-size: 13px;color: #000;margin: 5px 0px;padding: 10px;display: block;}
#imageinfo input{width: 100%;/* margin: 10px; */}
#folderbrowse{border:1px solid #333;padding:10px;position:absolute;left:0;top:0;width:265px;height:121px;background-color:#fff;z-index:100}

div#editbuttons input[type="button"]{color:#fff}

#editbuttons input.folder{color:#fff}
#rightbut,#leftbut,#upbut,#downbut{background:transparent;overflow:hidden;width:20px;height:20px;padding:20px 0 0 20px;outline:1px dotted #777}
input#rightbut[disabled],input#leftbut[disabled],input#upbut[disabled],input#downbut[disabled]{background:#efefef;background-position:-40px -40px}
input#rightbut{outline:1px solid #343432;background:#efefef url("moveright.png") 0 0 no-repeat;position:absolute;top:90px;left:50%;margin-left:10px}
input#leftbut{outline:1px solid #343432;background:#efefef url("moveleft.png") 0 0 no-repeat;position:absolute;top:90px;left:50%;margin-left:-30px}
input#upbut{outline:1px solid #343432;background:#efefef url("movemonoimages/arrow_top_icon&16.png") 0 0 no-repeat;position:absolute;top:60px;left:50%;margin-left:-10px}
input#downbut{outline:1px solid #343432;background:#efefef url("movemonoimages/arrow_bottom_icon&16.png") 0 0 no-repeat;position:absolute;top:120px;left:50%;margin-left:-10px}
#movetokendownbut,#movetokenupbut,#movegroupupbut,#movegroupdownbut{background:#efefef;overflow:hidden;width:20px;height:20px;padding:20px 0 0 20px}
input#movetokendownbut[disabled],input#movetokenupbut[disabled],input#movegroupupbut[disabled],input#movegroupdownbut[disabled]{background:#efefef;background-position:-40px -40px}
input#movegroupdownbut{background: #333 url(monoimages/arrow_right_icon&16.png) center no-repeat;position:absolute;top: 80px;right: 30px;z-index:100}
input#movegroupupbut{background: #333 url(monoimages/arrow_left_icon&16.png) center no-repeat;position:absolute;top: 80px;right: 120px;z-index:100}
input#movetokenupbut{background:#333 url("monoimages/arrow_top_icon&16.png") center no-repeat;position:absolute;top: 80px;right: 90px;;z-index:100}
input#movetokendownbut{background:#333 url("monoimages/arrow_bottom_icon&16.png") center no-repeat;position:absolute;top: 80px;right: 60px;z-index:100}

/*input[type="button"].rightbut,input[type="button"].leftbut,input[type="button"].upbut,input[type="button"].downbut,input[type="button"]#but_prev,input[type="button"]#but_next{ overflow:hidden; *//* width:20px; *//* height:20px; *//* padding:20px 0 0 20px; *//* border:1px solid #343432; *//* border:1px solid #efefef; *//* margin:0 1px }*/

/* input[type="button"].rightbut:hover,input[type="button"].leftbut:hover,input[type="button"].upbut:hover,input[type="button"].downbut:hover{background-color:#efefef} */

input[type="button"].rightbut{background-image: url("monoimages/arrow_right_icon&16.png");}
input[type="button"].leftbut{background-image: url("monoimages/arrow_left_icon&16.png");}
input[type="button"].upbut{background-image: url("monoimages/arrow_top_icon&16.png");}
input[type="button"].downbut{background-image: url("monoimages/arrow_bottom_icon&16.png");}
input[type="button"].addnew {
  background-image: url("monoimages/round_plus_icon&16.png");
}
input[type="button"].remove{background-image: url("monoimages/doc_delete_icon&16.png");}
input[type="button"].infobut{background:url("information.png") 4px 4px no-repeat}
input[type="button"]#but_prev{float:left;background:#efefef url("moveleft.png") 0 0 no-repeat}
input[type="button"]#but_next{float:right;background:#efefef url("moveright.png") 0 0 no-repeat}
#prestorecheck{position:absolute;top:5px;right:100px;z-index:9990;width:200px}
#prestorecheck label{color:white;display:inline;}
.pageinbin{color:red}
li.tempcontainer a{padding-left:24px;background-repeat:no-repeat;background-position:3px 2px;background-image:url("monoimages/cog_icon&16.png")}
#sitetreearea{background: #343640;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;padding:10px;position:absolute;top:20px;bottom:40px;left:20px;width:40%;border:0 solid #c2c2c0;margin:10px 20px 0 10px}
#rightarea{position:absolute;top:20px;bottom:20px;right:20px;width:30%;height:auto;padding:0;margin:0 10px 0 0}

#rightarea>div{background: #343640;}
#binarea{-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;padding:10px;background:#fff;color:#c2c2c0;height:auto;z-index:-1;overflow:hidden;cursor:pointer;margin:20px 0 0 0}
#workarea{-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;padding:10px;background:#fff;height:auto;z-index:-1;overflow:hidden;cursor:pointer;margin:20px 0 0 0}
span#droppoint{display:block;padding-left:24px;background-repeat:no-repeat;background-position:3px 2px;background-image:url("droppoint.png");height:18px;padding-top:3px}
#scrollbarupps{background-color:transparent;position:fixed;left:20.5%;top:32px;right:16px;height:10px;z-index:1}
#scrollbarbottomps{background-color:transparent;position:fixed;left:20.5%;bottom:32px;right:26px;height:10px;z-index:1}
.navcontainer ul{list-style-type:none;margin:0;padding:0}
.navcontainer ul ul{padding:0}
.navcontainer ul li a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:500;margin:0;text-decoration:none;vertical-align:middle;background-repeat:no-repeat;padding-top: 6px;
    padding-bottom: 4px;}
div#navfull ul li a.hasprop{color: #fff;font-style:italic;}
#div_grouplist{position:absolute;top:0;bottom:0;left:0;width:180px;overflow-y:scroll}
.tooltip:hover{content:attr(title)}
.tooltip{border-bottom:1px dotted #333;position:relative;cursor:pointer}
.tooltip:hover:after{content:attr(title);position:absolute;white-space:nowrap;background:rgba(0,0,0,0.85);padding:3px 7px;color:#FFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-left:7px;margin-top:-3px}
.pagebuttons{
	/* display:none; */
    position: absolute;
    top: 9px;
    left: 130px;
    z-index: 10000;
    /*width: 20.5%;
     text-align: right; */
    }
.pagebuttons input{opacity:0.7}
.pagebuttons input:hover{opacity:1;border-color:transparent}
input[type='button']#pagehelp{width: 0;height: 0;overflow: hidden;background-position: 0 0;background-repeat: no-repeat;background-image: url(monoimages/info_icon&16.png);padding: 16px 0 0 16px;}
input[type='button'].closedialog{width:0;height:0;overflow:hidden;background-position:0 0;background-repeat:no-repeat;background-image:url("monoimages/app_window_cross&16.png");padding:16px 0 0 16px}
input[type='button']#toggledialogsize{width:0;height:0;overflow:hidden;/* position:absolute; *//* right:22px; *//* top:2px; */background-position:0 0;background-repeat:no-repeat;background-image:url("monoimages/sq_br_up_icon&16.png");padding:16px 0 0 16px}
input#.closedialog[type='button']:hover,input#pagehelp[type='button']:hover,input.closedialog[type='button']:focus,input#pagehelp[type='button']:focus{border-color:transparent;background-color:transparent}
input#pagehelp[type='button']:active,input.closedialog[type='button']:active{background-color:transparent}

.closedialog {display: none;}
#toggledialogsize {display: none;}
body.iniframe input.closedialog {display: inline;}

body.iniframe #toggledialogsize {display: inline;}

a#signout{display:none;text-decoration:none;z-index:105;font-size:8px;color:#fff;width:100%;margin-bottom: 5px;}

.ws_dropdownmenu>li>a{display:block;padding: 6px 6px;clear:both;font-weight:normal;color:#333;white-space:nowrap;background-color:#e3e3e3;text-decoration:none}
.ws_dropdownmenu>li>a:hover{background-color:#a3a3a3}
.forminfo{width:100px;/* float:right */}
.forminfo span{display:none}
.taggroup textarea.MEDIUM{width:100%;height:150px}
#checkgroup_sectype,#checkgroup_xmlsettings,#checkgroup_dbsettings,#checkgroup_useconfirmhtml,#checkgroup_useremailsettings,#checkgroup_emailsettings,#checkgroup_usecookie,#checkgroup_usebeforehtml{/* position:absolute;width:100%;right:0px;top:0px;border:1px solid #ccc; padding:2.5%;background:#fff*/}
.layoutbuttons{/* float:left */}
.layoutbuttons input{padding:4px 0px 4px 23px;width:0px;overflow:hidden}

.ws_iframe_propertyeditor{width:100%;border:0px solid #000}

.editortitle {  text-transform: uppercase;
  font-size: 12px;
  color: #ccc;}
body.dialog .titlewrapper {
  color: #ccc;
  z-index: 100;
  position: absolute;
  top: 10px;
  left: 35px;
  z-index: 120;
}
body.webman .titlewrapper {
	display: block;
	height: 18px;
}
.titlewrapper label {float:left;margin-right:10px;}
.titlewrapper div {  float: left;
  margin-right: 10px;
  /* padding-top: 5px; */}

#editorinterfacediv {background-color: #121314;}
body.inline #editorinterfacediv {background-color: transparent;}

.silver {background-color:#eee;}
#editorinterfacediv.extralarge{height:323px;background:white}
body.gallery #editorinterfacediv {
    position: absolute;
    top: 0px;
    left: 0px;
    min-height: 40px;
    /* background-color: #121314; */
    z-index: 100000000;
}

#editorinterfacediv.small{height: 30px;}
#editorinterfacediv.medium {height: 108px;}
#editorinterfacediv.large{height: 120px;}
#editorinterfacediv .formelement {
/* height: 20px; */
/* padding: 0; */
margin: 5px 5px 5px 5px;
}
#editorinterfacediv #tabmenu{top: 0px;left: 0px;}
body.gallery #editorinterfacediv {
background-color: #121314;
    width: 100%;
position: absolute;
    top: 0px;
    left: 0px;
    min-height: 40px;
}


/* body.editor  select {
max-width:130px;
} */

.elementbuttons {
    padding: 0px;
    margin: 0px;
}
.elementbuttons  select {
   height: 31px;
    margin: 5px 1px 4px 0px;
}
.settingsbackground {
    padding: 7px 5px;
    margin: 0px;
    height: 39px;
    background-color: #121314;
}


#editbuttons {
background-color: #121314
}


#imageinfo_path {width:100%;overflow:hidden;background:#fff;border:1px solid #333;padding:5px;border-radius:5px;color:#000;}

#iframedialogwrapper{z-index:2000001;position:fixed;top:0;left:0;right:0;bottom:0;background:black;opacity:.8}

.ws_iframedialog {
z-index: 2000002;
position: fixed;
top: 20px;
left: 0px;
right: 0px;
bottom: 0px;
margin: 0px auto;
width: 800px;
height: 520px;
border: 1px solid #fff;
max-width: 99%;
}

iframe.dialogmax{width:100%;height:100%;border:0px solid #666}
/* OLD SMALLER HERE .ws_iframedialoginner{z-index:2000002;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;width:100%;height:100%} */
.ws_iframedialoginner {
z-index: 2000002;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    /* margin: 0 2%; */
    outline: 1px solid #fff;
    box-shadow: 0px 1px 2px #000;
}

.largecolumn {float:left;width:66%;padding: 15px;position: relative;}
.mediumcolumn {float:left;width:50%;padding: 15px;position: relative;}
.smallcolumn {float:left;width:34%;padding: 15px;position: relative;}

.smallcolumn p {margin: 5px; padding: 5px;}
.listhead {
     margin: 10px 10px;
    /* background-color: #333; */
    /* padding: 10px; 
    height: 70px;
    border: 1px solid #6D6C6C;
    padding: 5px;*/
 }
.listheadtitle {
       margin: 0 0 10px 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    float: left;
    margin: 0;
    width: 100%;
    margin: 0px 0px 2px 0px;
    padding: 5px;
}
.listhead p{margin:0px;padding:0px;}

.addtogroup {}

.addtogroup input{
  padding: 0;
  margin: 0;
}


ul.linklist li {  cursor:pointer;margin: 5px 10px;
  padding: 5px;
  border: 1px solid #fff;
  background-color: #fff;
  color: #000;}
ul.linklist li.selected, ul.linklist li.selected:hover, #groups_column ul li.selected {background: #84bd00;border: 1px solid #84bd00;}
ul.linklist li a{  color: #000;text-decoration:none;}
ul.linklist li:hover{background: #ddd;color: #000;}
ul.linklist li a strong{  font-size: 14px;margin-bottom:10px;}
ul.linklist{
clear: both;
}

.buttongroup {    float: right;
/*     margin-left: 0;
    top: 0px;
    position: relative; */}
	
div.searchhints{
    top: 120px;
    position: absolute;
    width: 200px;
    margin-left: 16px;
    margin-top: -2px;
    z-index: 670;}
  
div.searchhints ul{padding:0;margin:0;list-style:none}
div.searchhints ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: 1px solid #666;
}
div.searchhints ul li a{  text-decoration: none;  padding: 5px 5px;  /* margin: 1px; */  background: #fff;  display: block;  color: #333;}
div.searchhints ul li a:hover{background:#84bd00;}

div#tabmenu span.selectgroup{position: fixed;bottom: 3px;left: 0px;z-index:100;}
 
 #select_group_div {
    background: #fff;
    color: #333;
    margin: 10px 5px;
    padding: 0px 0px 0px 10px;
    border: 1px solid #121314;
    height: 25px;
}
#select_group_div  input{}
#selectgroupbut {display:none;}
#editgroupbut{margin: 0px;
    padding: 0px;
    background-color: #333;
    height: 24px;
    width: 24px;
    background-position: 3px 3px;
    float: right;}
#editgroupbut:disabled {display:none;}
 
#select_group_name {  
	height: 20px;
  width: 80%;
  display: block;
  text-align: left;
  float: left;
  margin-top: 6px;
  cursor:pointer;
  }


.selectgroup {
  margin: 5px 0 0 5px;
  padding: 5px;
  float: left;
  width: 32%;
  overflow: hidden;
  vertical-align: bottom;
  border: 1px solid transparent;
  background: #fff;
  color: #000;
}
.selectgroup:hover {
  background: #464956;
  color: #fff;
  cursor: pointer;
  border: 1px solid #898c95;
}
textarea.sms {width:100%;}
.ws_iframeselectgroup{border:1px solid #fff;position:absolute;left:0;top:0;width:500px;height:300px;z-index:9999}
iframe#myevents_EDITOR_tags {width:100%;height:430px;}
  
 #div_eventinds {
 /*  overflow-y: scroll; */
  width: 100%;
/*   height: 400px; */
}

iframe.halfsize:nth-child(1)  { width:34%;height: 100%;min-height:100%;float:right;}
iframe.halfsize:nth-child(2)  { width:65%;height: 100%;min-height:100%; float:left;}

/* all these iframes base their height on the the parent divs height */
iframe.halfsize {/* position: absolute; *//* bottom: 5px; *//* top: 30px; *//* float: left; */}
iframe.editoriframe, #previewframe {
width:100%;
height:100%;
min-height:100%;
}

iframe.editoriframe {
/* border: 1px solid #121314; */
}
textarea#sms {width:100%;height:60px;}
.formbackground {padding: 5px 5px 5px 5px;position:relative}
.formbackground .formelement {background-color: transparent;margin: 0px 0px 5px 0px; padding: 0px;}

.tracker {position:absolute;top:0px;right:0px;}

/* used on webmaneditpage to control height of editor iframes */
.webmanwindow {height: 478px;overflow:hidden;width: 100%;/* float: left;border-radius: 5px; */display: inline-block;outline: 1px solid #121314;padding: 0px;}
/* used on previewmode to control height of editor iframes */
.previewwindow {height: 100%;overflow:hidden;}


/* used on page repeater to control height of preview iframe */
.previewiframewrapper {
/* height: 180px; */
overflow: hidden;
position: absolute;
width: 100%;
bottom: 0px;
top: 120px;background-color: #fff;
}


/* used on form creater to control height of preview iframe */
.fullpreviewiframewrapper  {height: auto;position: absolute; top: 40px;width: 100%; bottom: 0px;}




div#iteminfo_wrapper {
  width: 30%;
  overflow-y: auto;
  background: #343640;
  bottom: 0px;
  position: absolute;
  top: 40px;
 /* right: -30%;
   transition: right 0.3s ease 0s; */
   right:0px;
}

output {
z-index: 1000000;
color: #fff;
padding: 10px;
font-size: 14px;
}
/* div.taggroup.selected div#iteminfo_wrapper {right:0px;} */
iframe#iframe_pageselect {width: 20%;height: 100%;}

iframe#iframe_fileselect {width: 80%;height: 100%;}

#div_sectionselect {
    position: absolute;
    bottom: 0px;
    width: 20%;
}
#gallerysettings{/* min-height: 100px; */
/* height: auto; */
/* max-height: 300px; */
overflow-x: hidden;
overflow-y: auto;
background: #fff;
bottom: 0px;
position: absolute;
top: 40px;
width: 100%;
/* right: 0px; */z-index: 100;}

#editorinterfacediv input[type='button'] {
color: #fff;
}

.titlewrapper .elementbuttons {  margin: 0px 0px 0px 0px;
  padding: 0px;}
  

.help {/*  */}
body.dialog #viewtypediv {
       right: 15px;
    top: 40px;
    /* width: 350px; */
    padding-top: 4px;
}

#previewcontent{font-size:11px}

body.dialog #info {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 100;
    padding: 8px;
    text-align: left;
    margin-left: 0px;
    font-size: 11px;
}
body.dialog #info h1{display:none;font-size:.9em;font-weight:normal;color:#333}
body.dialog #info  a{color:#ddd;}

body.dialog #main {position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    /* bottom: 40px; */
    overflow-y: scroll;
    background: #464956;
    /* height: 320px; */}

#fileman_uploader_selector_div {    
position: absolute;    z-index: 99999999;
    height: 40px;
    bottom: 0px;
    right: 50px;
    background-color: #121314;
    z-index: 200;
    width: 100%;
    text-align: right;
}


#fileman_filtertext {width:40px;}
#select_viewtype {}

#iframefilemanager {    outline: 1px solid #333;z-index: 99999999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;}



textarea.LARGE{width: 295px;height:250px}

p.menumatch{margin:4px 0px;padding:0px}

#OLDcreateform_editelement {
border: 0 solid #000;
margin: 0;
width: 50%;
height: 250px;
overflow-y: auto;
/* -ms-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
 -webkit-transform: scale(0.5); 
transform: scale(0.5);
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
 -webkit-transform-origin: 0 0; 
transform-origin: 0 0; */
float: right;
}

#EDITOR_dateselect, #myevents_EDITOR_date, #myevents_EDITOR_todate, #myevents_EDITOR_fromdate, #EDITOR_field_dob {min-height: initial;}

form#dbutils_form {
 /*  height: 100%; */
}

 body{color:#fff;background: #25272d;}

body.editor {/* background:#565966; */
/* transparent */}

#blankeditor {
    width: 500px;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(svg/filetypes/upload.svg);
    background-repeat: no-repeat;
    background-color: #eee;
    background-position: center;
    background-size: 55%;
    /* margin: 15px; */
}

body.dialog{background: #121314;}


body.dialog #buttonholder input[type='button']{
	padding: 12px 0px 12px 26px;
    overflow: HIDDEN;
    WIDTH: 11PX;
}

body.dialog #buttonholder input:disabled {
    color: #bbb;
    opacity: 0.2;
}
	
@media screen and (max-width: 800px) {
div#main {left:0px}
div#nav {display:none}
div#menu {display:none}
#sysmonitor{display:none;}

	#menu{bottom:0px;}
	
#buttonholder input[type='button'], #but_selectall {
    padding: 12px 0px 12px 26px;
    overflow: HIDDEN;
    WIDTH: 11PX;
}
input#searchterm_nav {
    width:40px;
}
.maincolumn {left: 150px;}
#fullmain {left: 0;}


}
	
/* smaller screen only */
@media only screen and (max-width : 360px) 
{/* used in gallery */

div#main {left:0px}
div#nav {display:none}
div#menu {display:none}
#sysmonitor{display:none;}

#buttonholder input[type='button'] {
    padding: 12px 0px 12px 26px;
    overflow: HIDDEN;
    WIDTH: 11PX;
}
input#searchterm_nav {
    width:40px;
}

div.thumbviewdiv.GALLERYTHUMB {
height: 80px;
width: 75px;
overflow: hidden;
padding: 5px;
}

body.dialog div#viewtypediv {
display:none;
}

#selecttemplette {width:100px;}

body.dialog #main {
top: 0px;
}

#publishpages p {display:none;}


/* used in history */
#contenthistorydiv,#contenthistorydiv_undo,#contenthistorypreviewdiv {float:left;width:50%;height:260px;margin:0;padding:0}

body.dialog h1,#NOTdialoglayoutblock1,#toggleinterfacebut {display:none}
p.dialogelement {
margin: 0 5px;
padding: 0px;
}
body.dialog .formelement {
margin: 0px;
}

/* used on page repeater to control height of preview iframe */
.previewiframewrapper  {height:auto;overflow:hidden;}
/* used on form creater to control height of preview iframe */
.fullpreviewiframewrapper  {height:auto;overflow:hidden;}

div.dialoghelp {
font-size: 12px;
position: absolute;
background: #898c95;
border: 1px solid #898c95;
height: 280px;
color: #fff;
margin: 0px;
padding: 2.5%;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
width: 100%;
}
}