html,body {
	height: 100%;
	border: 0;
	margin: 0;
	overflow: hidden;
}

body {
	background-color: #cedeef;
	/*background-color: #edf2ff;*/
	/*font-size: 71%;*/
	font-size: 13px;
}

ul,li {
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}

p,table,td,input,textarea,select {
	font-size: 1.0em;
}

input:invalid {
	background: MistyRose !important;
	border-color: pink !important;
}

img {
	border: 0;
}

div.clear, span.clear, .explorer span.clear {
	float: none;
	display: block;
	height: 1px;
	overflow: hidden;
	clear: both;
}

.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: gray;
	opacity: .55;
	/* IE */
	zoom: 1;
	filter: alpha(opacity=55);
}

.tree,.list,.treetabs {
	float: left;
	/* height: 80%; */
	margin: 5px 0 5px 5px;
}

.treetabs {
	/* FIX FOR IE7 ADDJOINING FLOATING ELEMENTS NON-COLLAPSING MARGIN BUG*/
	*margin: 5px 0px;
}

.treetabs a+a {
	margin-top: -15px;
}

.popover .tree, .popover .list, .popover .treetabs {
	margin: 0;
}

/*******************************************************************************
** MAIN FONT DEFINITIONS; CHANGE FONTS IN THIS SECTION ONLY!
*******************************************************************************/
html,body,p,li,label,input,select,option,textarea,table,td,th {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color: #444;
}
.deftext {
	color: #999;
}
::-webkit-input-placeholder  { 
	color: #999; 
}
input:-moz-placeholder { 
	color: #999; 
}
input.placeholder {
	color: #999;
}

/*******************************************************************************
** MAIN FORM ELEMENT STYLES, SHOULD BE CONSISTENTLY USED THROUGHOUT THE
** INTERFACE.
*******************************************************************************/
input.btn {
	background-color: #ddecff;
	border: 1px solid #6183af;
	border-top: 1px solid white;
	border-left: 1px solid white;
	cursor: pointer;
}

input[type=text],input[type=password],input[type=search],div.dateinput,div.timeinput,textarea,.chosen-files
	{
	border: 1px solid silver;
	background-color: white;
	line-height: 100%;
}
input[type=text],input[type=password],input[type=search] {
	line-height: 150%;
}

input[type=search],
input.text[type=search],
.searchcontainer input.text,
.formpane .searchcontainer input.txt,
.formpane .searchcontainer input[type="text"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	
	background-image: url(/cms/graphics/icons/search_60.png);
	background-position: 0px center;
	background-repeat: no-repeat;
	padding: 4px 2px 6px 22px !important;
	border-color: #AAC6EA;
	height: auto !important;
}
.formpane .searchcontainer input.txt,
.formpane .searchcontainer input[type="text"] {
	width: 150px !important;
}


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* Very special for IE, which needs it own styles because it is unique among browsers. */
input[type=text]::-ms-clear {
	display: none;
}

select {
	border: 1px solid silver;
	font-size: 100%;
	height: 26px;
	margin-bottom: 5px;
}

#fileuploadframe {
	display: none;
	border: 1px solid black;
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 400px;
	height: 200px;
}

/*******************************************************************************
** ELEMENT FOR SHOWING CHOSEN FILES WHILE USING SWJUPLOADER TO REPLACE 
** INPUT[TYPE=FILE]
*******************************************************************************/
a.browse {
	display: inline-block;
	width: 95px;
	line-height: 23px;
	position: relative;
	text-align: center;

	background-color: #CEDEEF;
	border-color: #F1F1F1 #F1F1F1 #A0B2CA #A0B2CA;
	border-style: solid;
	border-width: 1px;

	color: #667799;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
	text-transform: none;
}
a.browse:hover, .formpane a.browse:hover {
	text-decoration: none;
}
a.browse input {
	width: 95px;
	height: 23px;
	opacity: 0.00001;
	filter: alpha(opacity=00001);
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.chosen-files {
	min-width: 155px;
	max-width: 340px;
	max-height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	float: left;
	padding: 1px 1px;
	margin: 0 1px 5px 0;
}

.chosen-files li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	clear: none !important;
	display: block;
	padding: 2px 1px;
	line-height: 17px;
}

.chosen-files li.file {
	padding: 0px 12px 1px 2px;
	margin: 0 1px 1px 0;
	border: 1px solid gray;
	background: #F5F5F5;
	box-shadow: 1px 1px 1px #AAAAAA;
}

.chosen-files span {
	display: block;
	max-width: 230px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.chosen-files a {
	display: block;
	float: right;
	cursor: pointer;
	width: 9px;
	height: 9px;
	background: transparent url("/cms/graphics/swfupload.remove-file.png")
		no-repeat;
	margin: 1px -10px 0 0;
}

/*******************************************************************************
** STYLES FOR THE SWFUPLOADER -- PROGRESS INDICATION
*******************************************************************************/

.swfuploader-file-progress {
	display: none;
}

.swfuploader-file-progress p {
	margin-top: 5px;
}

.swfuploader-progress {
	position: relative;
	height: 15px;
	background: #E0F0FF;
	margin: 3px 0;
	border-right: 1px solid #E0F0FF;
	border-bottom: 1px solid #E0F0FF;
	border-top: 1px solid #6183AF;
	border-left: 1px solid #6183AF;
}

.swfuploader-progress div {
	background: #87A1C3 url('/cms/graphics/swfupload.progress-bg.png') repeat-x left top;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 15px;
}

.swfuploader-progress span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 15px;
	text-align: center;
	line-height: 15px;
	text-shadow: 0 -1px 0 #EEEEEE;
}

.swfuploader-current-file {
	
}

/*******************************************************************************
** LOGIN/LOGOUT CLASSES
** The classes, needed for building the login and logout page.
*******************************************************************************/
#loginbody {
	color: #444444;
}
/*
#loginbody table table {
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid #6183AF;
	border-bottom: 1px solid #6183AF;
	background-color: #DDECFF;
	width: 300px;
	height: 200px;
	margin: 0 auto;
	background-image: url("/cms/graphics/loginbg.gif");
	background-position: top;
	background-repeat: no-repeat;
}
#loginbody table table td {
	padding: 2px 5px 4px 10px;
	text-align: left;
	width: 40%;
}
#loginbody th {
	padding: 50px 5px 0px 10px;
	text-align: left;
}*/
#loginbody .autologout {
	padding: 1em 0;
	line-height: 1.2em;
	font-weight: bold;
	color: maroon;
}

#loginbody table {
	width: 100%;
	height: 100%;
	background-color: #6183AF;
}

#loginbody form {
	width: 310px;
	display: block;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10px;
	box-shadow: 3px 3px 10px #446;
}

#loginbody label {
	display: block;
	float: left;
	width: 115px;
	clear: left;
	margin-left: 15px;
	
	clear: left;
	display: block;
	float: left;
	line-height: 25px;
	margin-bottom: 5px;
}

#loginbody input {
	/*margin-top: 7px;*/
	width: 150px;
	
	border: 1px solid #C0C0C0;
	float: left;
	height: 20px;
	margin-bottom: 5px;
	padding: 2px 5px;
	/*width: 79.8%;	*/
}

#loginbody select {
	border: 1px solid silver;
	font-size: 100%;
	height: 25px;
	padding: 2px;
	width: 162px;
}

#loginbody input.button {
	background-color: #567; 
	color: #fff; 
	border: 0; 
	text-transform: uppercase; 
	line-height: 1.5em;
	width: auto;
	margin: 10px 0;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	height: 30px;
	float: right;
	margin-right: 20px;
}

#loginbody input.button:hover {
	background-color: #345;
}

#loginbody form {
	background-color: #CEDEEF;
	margin-top: 20px;
}

#loginbody h1 {
	/*background: url("/cms/graphics/loginbg.gif") top left no-repeat;*/
	padding: 20px 15px 0 15px;
	font-size: 15px;
	color: #6183AF;
	margin: 0 0 3px 0;
	line-height: 32px;
}

#loginbody .lock {
	background: url("/cms/graphics/icons/secure.gif") top left no-repeat;
	width: 32px;
	height: 32px;
	float: right;
}

#loginbody .notification {
	padding: 1em 0;
	line-height: 1.4em;
	margin: 0 15px;
}

#loginbody .warning {
	font-weight: bold;
	color: maroon;
}

#loginbody .links {
	margin: 15px 15px 0 15px;
	clear: left;
}

#loginbody .links a {
	font-size: 12px;
	color: #6183AF;
	text-decoration: none;
	display: block;
	margin-bottom: 0.5em;
}
#loginbody .links a:hover {
	text-decoration: underline;
}

#loginbody table td.main {
	text-align: center;
	vertical-align: middle;
	padding-bottom: 100px;
}

#loginbody .cmsversion {
	color: #778;
	font-size: 11px;
	line-height: 1.5em;
	margin-top: 15px;
	padding: 5px 0 0;
	text-align: center;
	clear: both;
}

/*******************************************************************************
** STYLES FOR .TREETABS
*******************************************************************************/
.treetabs {
	width: 36px;
	padding-left: 0px;
}

.treetabs a {
	display: block;
	width: 36px;
}

.treetabs .selected {
	position: relative;
	z-index: 2;
}

.treetabs a header {
	background: url("/cms/graphics/btn-leftmenu.png") transparent top
		no-repeat;
	height: 5px;
	display: block;
}

.treetabs a section { /* width: 36px; */
	display: block;
	background: url("/cms/graphics/btn-leftmenu.png") transparent -36px bottom no-repeat;
	padding-bottom: 35px;
}

.treetabs a.selected section {
	background-position: 0px bottom;
}

.treetabs a.selected header {
	background-position: 0px top;
}

.treetabs a:hover section {
	background-position: -72px bottom;
}

.treetabs a:hover header {
	background-position: -72px top;
}

.treetabs a section span {
	display: block;
	text-indent: -999999px;
	/*background-image: url("/cms/graphics/icons/treetabs.navtab.all.png");*/
	width: 18px;
	margin-left: 10px;
	/*height: 25px !important;*/
}

body.nl_NL .treetabs a section span {
	background-image: url("/cms/graphics/icons/treetabs.navtab.nl_NL.png");
}
body.en_EN .treetabs a section span {
	background-image: url("/cms/graphics/icons/treetabs.navtab.en_EN.png");
}

.treetabs .treetab {
	background-position: -46px -5px;
	height: 93px;
}

.treetabs a:hover .treetab {
	background-position: -82px -5px;
}

.treetabs .selected .treetab {
	background-position: -10px -5px;
}

.treetabs .navtab {
	background-position: -46px -140px;
	height: 102px;
}

.treetabs a:hover .navtab {
	background-position: -82px -140px;
}

.treetabs .selected .navtab {
	background-position: -10px -140px;
}

.treetabs .memberstab {
/*	background: url(/cms/graphics/icons/user.faded.png) no-repeat 50% 50%;*/
	background-position: -46px -285px;
	height: 102px; 
}

.nl_NL .treetabs .memberstab {
	height: 79px;
}

.treetabs a:hover .memberstab {
/*	background-image: url(/cms/graphics/icons/user.png);*/
	 background-position: -82px -285px; 
}

.treetabs .selected .memberstab {
/*	background-image: url(/cms/graphics/icons/user.png);*/
	 background-position: -10px -285px; 
}

.treetabs .settingstab {
	background-position: -46px -420px;
	height: 114px;
}

.treetabs a:hover .settingstab {
	background-position: -82px -420px;
}

.treetabs .selected .settingstab {
	background-position: -10px -420px;
}

body>.treetab {
	display: none;
}

body>.treetab.selected {
	display: block;
}

/*******************************************************************************
** STYLES FOR .TREE
*******************************************************************************/
.tree {
	background-color: white;
	min-height: 200px;
	height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.pane .tree { /* in popovers */
	border: 1px solid silver;
}

.tree ul {
	display: block;
}

.tree ul a {
	text-decoration: none;
	color: #444;
	display: block;
	float: left;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: center;
}

.tree .isdragged {
	opacity: 0.5;
}
.tree .dragclone {
	opacity: 0.7;
	background: #A7FF9F;
	background: #E0EFFA;
	background: #FCFFCD;
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
	display: none;
}
.tree ul .dragclone {
	display: block;
}

.tree li>span>a.expand,.tree li a.empty {
	width: 16px;
	height: 20px;
}

.tree li>span>a.expand {
	background: transparent url("/cms/graphics/icons/dart_menu.png");
}

.tree li>span>a.expand {
	background-position: 0px 50px;
}

.tree li>span:hover>a.expand {
	background-position: 0px 34px;
}
.dragging li>span:hover>a.expand {
	background-position: 0px 50px;
}


.tree li.expanded>span>a.expand {
	background-position: 0px 82px;
}

.tree li.expanded>span>a.expand:hover {
	background-position: 0px 66px;
}
.dragging li.expanded>span>a.expand:hover {
	background-position: 0px 82px;
}


.tree li>ul {
	display: none;
}

.tree li.expanded>ul {
	display: block;
}

.tree ul a.foldericon {
	width: 22px;
	height: 22px;
	padding-right: 0.4em;
}

.tree ul a.folder {
	padding: 0 0.3em 0 0.1em;
	margin: 0.1em 0.5em 0.1em 0;
	border: 1px solid transparent;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tree ul .selected a.folder {
	background-color: silver;
	border: 1px dotted silver;
}

.tree.focus ul .selected a.folder,
.dragging ul .dropselected>span>a.folder {
	background-color: #568;
	color: white;
}

.tree.dragging ul .selected a.folder {
	background: none;
	color: inherit;
	border: none;
}

.tree.focus.dragging ul span.beforeDragtarget {
	border-top: 2px solid gray;
}

.tree.focus.dragging ul span.afterDragtarget {
	border-bottom: 2px solid gray;
}

.tree li {
	clear: both;
}

.tree li>span>.folder {
	float: none;
}

.explorer>.tree.explorer-operations .acts {
	display: block;
	float: right;
	z-index: 2;
	padding-right: 5px;
	#width: 100px;
	#right: 0;
	#position: absolute;
}

.tree li>span {
	display: block;
	line-height: 1.5em;
	padding-right: 0em;
	white-space: nowrap;
	height: 22px;
}

#draghelper {
	width: 200px;
	height: 200px;
	overflow: hidden;
	min-height: 0;
	position: absolute;
	border: 0;
	background: none;
}
#draghelper .acts, #draghelper .empty {
	display: none;
}

.tree li>span:hover {
	background-color: #e0effa;
}
.dragging li>span:hover {
	background-color: transparent;
}

.tree li>span>.acts>a.operation,.tree li>span>a.operation {
	display: none;
	float: right;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.tree li>span:hover>.acts>a.operation,
.tree li>span:hover>a.operation {
	display: block;
}
.dragging li>span:hover>.acts>a.operation,
.dragging li>span:hover>a.operation {
	display: none;
}

.tree li>span a.remove {
	background-image: url("/cms/graphics/icons/remove.faded.png");
}

.tree li>span:hover a.remove:hover {
	background-image: url("/cms/graphics/icons/remove.hover.png");
}

.tree li>span a.edit {
	background-image: url("/cms/graphics/icons/edit.faded.png");
}

.tree li>span:hover a.edit:hover {
	background-image: url("/cms/graphics/icons/edit.hover.png");
}

.tree li>span a.newitem {
	background-image: url("/cms/graphics/icons/newitem.faded.png");
}

.tree li>span:hover a.newitem:hover {
	background-image: url("/cms/graphics/icons/newitem.hover.png");
}

.tree li>span a.newfolder {
	background-image: url("/cms/graphics/icons/newfolder.faded.png");
}

.tree li>span:hover a.newfolder:hover {
	background-image: url("/cms/graphics/icons/newfolder.hover.png");
}

.tree ul span {
	padding-left: 0.8em;
}

.tree ul ul span {
	padding-left: 1.6em;
}

.tree ul ul ul span {
	padding-left: 2.4em;
}

.tree ul ul ul ul span {
	padding-left: 3.2em;
}

.tree ul ul ul ul ul span {
	padding-left: 4.0em;
}

.tree ul ul ul ul ul ul span {
	padding-left: 4.8em;
}

.tree ul ul ul ul ul ul ul span {
	padding-left: 5.6em;
}

.tree ul ul ul ul ul ul ul ul span {
	padding-left: 6.4em;
}

.tree ul ul ul ul ul ul ul ul ul span {
	padding-left: 7.2em;
}

.tree ul ul ul ul ul ul ul ul ul ul span {
	padding-left: 8.0em;
}

/*******************************************************************************
** OVERRIDE .TREE STYLES FOR .NAVIGATION 
*******************************************************************************/
.tree .navigation a.foldericon {
	/*background-image: url("/cms/modules4/ModFolder/icons/tree_icon.png") !important;*/
	/* display:none; */
	float: right;
}
.tree .navigation a.foldericon.unlinked {
	display: block;
}
/* Override inactive folder link for Navigation */
.tree .navigation a.folder { /*border: 1px solid #ddd;*/
	background-color: #e9e9e9;
	float: left;
}

.tree .navigation a.folder.inactive {
	color: #999 !important;
	/*background-color: #efefef;*/
}

.tree .navigation a.folder img {
	vertical-align: text-bottom;
	margin-left: 8px;
}

.explorer .statusbar {
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-box-shadow: -1px -1px 6px -2px rgba(50, 50, 50, 0.50);
	-webkit-box-shadow: -1px -1px 6px -2px rgba(50, 50, 50, 0.50);
	box-shadow: -1px -1px 6px -2px rgba(50, 50, 50, 0.50);
	font-size: 12px;
	padding: 9px 20px 7px 12px;
	color: gray;
	background: white;
	position: absolute;
	width: auto;
	height: 12px;
	white-space: nowrap;
	line-height: 100%;
}

/*******************************************************************************
** STYLES FOR THE VIEW PART OF THE SCREEN.
*******************************************************************************/
.list {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	background-color: white;
	min-height: 200px;
	height: 200px;
}

.pane .list { /* in popovers */
	border: 1px solid silver;
}

.list>table {
	width: 100%;
	border-collapse: separate;
	margin: 0;
}

.list>table col {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list thead { /*
	position: fixed;
	width: 100%;
	*/
	
}

.list th {
	background-color: #DDECFF;
	background-color: #CEDEEF;
	text-align: left;
	color: #346;
	padding: 0px 0px 0px 5px;
	line-height: 1.9em;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid #AAC6EA;
	border-bottom: 1px solid #AAC6EA;
	zoom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	/* position: relative; */
}

.list th.icon {
	width: 23px;
	max-width: 23px;
}

.list th[data-sortlist] {
	cursor: pointer;
}

.list th.sortcolumn {
	background-image: url("/cms/graphics/icons/dart_up.png");
	background-repeat: no-repeat;
	background-position: right center;
}
/* .list th.sortcolumn:hover {
	background-image: url("/cms/graphics/icons/dart_down.png");
} */
.list th.sortcolumn.desc {
	background-image: url("/cms/graphics/icons/dart_down.png");
}
/* .list th.sortcolumn.desc:hover {
	background-image: url("/cms/graphics/icons/dart_up.png");
} */
.list td {
	padding: 0em 0.2em;
	line-height: 2.0em;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list thead .resizer {
	background: transparent;
	cursor: w-resize;
	display: inline-block;
	float: right;
	height: 1.9em;
	width: 5px;
	position: relative;
	z-index: 2;
}
.list .fixed thead .resizer {
	z-index: 100;
}

.list .nowrap {
	white-space: nowrap;
	position: relative;
	position: absolute;
	margin-right: 5px;
	float: left;
	word-wrap: ellipsis;
	background: lime;
}

.list tr:nth-child(odd) {
	background-color: white;
}

.list tr:nth-child(even) { /* background-color: #e9e9ef; */
	
}

.list tr td {
	border-top: 1px solid #eee;
}

.list tr:FIRST-CHILD td {
	border-top: none;
}

.list tr td img {
	float: left;
}

.list tr.clickable:hover td {
	background-color: #dddedf;
	cursor: pointer;
}

.list tr a.operation {
	display: none;
}
.list tr a.edit,
.list tr a.remove,
.list tr a.newitem,
.list tr a.newmessage,
.list tr a.expand,
.list tr a.download,
.list tr a.stop,
.list tr a.turnon,
.list tr a.turnoff,
.list .frame a.edit,
.list .frame a.remove {
	display: block;
	float: left;
	margin-right: 4px;
	width: 16px;
	height: 16px;
}

/* set display to none for 'action' elements that are shown in the bare view or when the 
 	 explorer has the class 'preventactions'. */
.list .bare .acts,
.preventactions .list .acts,
.preventactions .list tr a.edit,
.preventactions .list tr a.remove,
.preventactions .list tr a.newitem,
.preventactions .list tr a.newmessage,
.preventactions .list tr a.expand,
.preventactions .list tr a.download,
.preventactions .list tr a.stop,
.preventactions .list tr a.turnon,
.preventactions .list tr a.turnoff,
.preventactions .list .frame a.edit,
.preventactions .list .frame a.remove {
	display: none;
}

.list tr:hover a {
	background: transparent no-repeat center;
}

.list tr:hover a.edit, .list .frame:hover a.edit {
	background-image: url("/cms/graphics/icons/edit.faded.png");
}
.list tr a.edit:hover, .list .frame a.edit:hover {
	background-image: url("/cms/graphics/icons/edit.hover.png");
}

.list tr:hover a.remove, .list .frame:hover a.remove {
	background-image: url("/cms/graphics/icons/remove.faded.png");
}
.list tr a.remove:hover, .list .frame a.remove:hover {
	background-image: url("/cms/graphics/icons/remove.hover.png");
}

.list tr:hover a.newitem {
	background-image: url("/cms/graphics/icons/newitem.faded.png");
}
.list tr a.newitem:hover {
	background-image: url("/cms/graphics/icons/newitem.hover.png");
}

.list tr:hover a.newmessage {
	background-image: url("/cms/graphics/icons/add_message.faded.png");
}
.list tr a.newmessage:hover {
	background-image: url("/cms/graphics/icons/add_message.hover.png");
}

.list tr:hover a.download {
	background-image: url("/cms/graphics/icons/download.faded.png");
}
.list tr a.download:hover {
	background-image: url("/cms/graphics/icons/download.hover.png");
}

.list tr:hover a.stop {
	background-image: url("/cms/graphics/icons/stop.faded.png");
}
.list tr a.stop:hover {
	background-image: url("/cms/graphics/icons/stop.png");
}

.list tr a.expand {
	/* background: transparent url("/cms/graphics/icons/icon_plus.png") no-repeat center; */
	/* background: transparent url("/cms/graphics/icons/dart_right.png") no-repeat center; */
	/*opacity: .25; */
	background: transparent url("/cms/graphics/icons/dart_menu.png")
		repeat-y 0px 48px;
}

.list tr a.expand:hover {
	background-position: 0px 32px;
}

.list tr.expanded a.expand {
	/* background: transparent url("/cms/graphics/icons/icon_minus.png") no-repeat center;	*/
	/* background: transparent url("/cms/graphics/icons/dart_down.png") no-repeat center; */
	/* background: transparent url("/cms/graphics/icons/dart_down_black.png") no-repeat center; */
	background-position: 0px 80px;
}

.list tr.expanded a.expand:hover {
	background-position: 0px 64px;
}

.list tr a.hidden {
	display: none !important;
}
/*.list tr a.turnon,*/
.list tr:hover a.turnon {
	background-image: url("/cms/graphics/icons/onoff_off.png");
}
.list tr a.turnon:hover  {
	background-image: url("/cms/graphics/icons/onoff_hover_off.png");
}
/*.list tr a.turnoff,*/
.list tr:hover a.turnoff {
	background-image: url("/cms/graphics/icons/onoff_on.png");
}
.list tr a.turnoff:hover  {
	background-image: url("/cms/graphics/icons/onoff_hover_on.png");
}

.list tr.selected td {
	background-color: silver;
}

.list.focus tr.selected td {
	background-color: #568;
	color: white;
}

/*******************************************************************************
** STYLES FOR THE POPOVER AND FRIENDS
*******************************************************************************/
#layover {
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000007F, endColorstr=#0000007F)";
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr =#0000007F, endColorstr = #0000007F);
	background-color: rgba(0, 0, 0, .5); display : block;
	position: fixed;
	z-index: 1100;
	opacity: 1;
	display: block;
}
.popover, .dialog {
	width: auto;
	height: auto;
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: white;
	z-index: 1000;
	border: 1px solid #aab6da;
	display: none;
	-webkit-box-shadow: 0 3px 7px #888;
	-moz-box-shadow: 0 3px 7px #888;
	box-shadow: 0 3px 7px #888;
	/*margin: 0 auto -20px auto !important;*/ /* room sticky footer */
}

.popover.can_have_focus .formpane {
	opacity: .6;
}

.popover.can_have_focus {
	background: #fff;
}

.popover.can_have_focus.focus .formpane {
	opacity: 1;
}

.popover.can_have_focus.focus, .dialog {
	background: #cedeef;
}

.popover .incomplete {
	background: #fff1f1;
}

/*******************************************************************************
** STYLES FOR THE ENTITY-LIST.
*******************************************************************************/
.entitylist header {
	background: transparent url("/cms/graphics/button_header_bg.png")
		repeat-x left top;
	border-bottom: 1px solid #C0C0C0;
}

.entitylist header ul,.list header li {
	margin: 0;
	padding: 0;
}

.entitylist header a {
	display: block;
	float: left;
	line-height: 2.5em;
	padding: 0 0.8em;
	color: #050505;
	font-weight: bold;
	margin: 1px 0 1px 1px;
	text-shadow: 0 1px 0 #FFFFFF;
	border-right: 1px solid #C0C0C0;
	text-decoration: none;
}

.entitylist header a.add {
	background: transparent url("/cms/graphics/icons/icon_add.png")
		no-repeat 5px center;
	padding-left: 25px;
}

.entitylist header a:hover {
	margin: 0;
	border: 1px solid #334455;
	background-color: #CBF0A6;
	text-decoration: none;
}

/*******************************************************************************
** Styles for the "form pane", which is any pane that features a form.
** There are also two more specific panes, being the "editpane" for edit
** dialogs, the "wizardpane" for the wizard forms (see below) and the
** "browserpane" for browse dialogs.
*******************************************************************************/
.formpane {
	position: relative;
	background-color: #cedeef;
	line-height: 1.5em;
	width: 100%;
}
.formpane form {
	min-height: 350px;
}

.formpane .notice {
	background-color: #ffffe1;
	border: 0;
	color: maroon;
	font-weight: bold;
	padding: 7px;
	margin: 0px 10px 15px 10px;
}

.formpane .notice ul,
.formpane .notice li {
	color: maroon;
}

.formpane .required {
	color: red;
	clear: both;
	margin-left: 110px;
	margin-bottom: 5px;
}

.formpane .formrow {
	clear: both;
}

.formpane a {
	text-decoration: none;
	outline: 0;
}

.formpane a:hover {
	text-decoration: underline;
}

.formpane label {
	width: 25%;
	float: left;
	display: block;
	clear: left;
}
.formpane .main label,
.formpane .side label {
	width: 18%;
	margin-right: 10px;
}
.formpane label.fullwidth {
	width: auto;
}
.formpane textarea {
	width: 98%;
/*	width: 72%;*/
}

.formpane textarea {
	width: 75%;
	float: left;
	margin-bottom: 5px;
  padding: 2px 5px;	
}

.formpane input[type=text] {
	width: 65%;
	float: left;
}
.formpane .main input[type=text],
.formpane .side input[type=text] {
	width: 70%;
}

.formpane input[type=checkbox] {
	float: left;
	width: auto;
	position: relative;
	top: 5px;
}

.formpane select {
	width: 78%;
	float: left;
	padding: 3px;
}

.formpane .format {
	font-size: 9px;
	color: #ccc;
}

.formpane {
	color: #445;
}

.formpane .explanation {
	border-top: 1px solid #f1f1f1;
}

.formpane .explanation p, .formpane .explanation ul {
	padding: 7px;
	background-color: rgb(230, 245, 255);
	margin: 10px;
}

/* For IE, that tears the <ul> outside the <p> because it feels like it. */
.formpane .explanation > ul, .formpane .explanation > p {
	margin: 0px 15px;
}
.formpane .explanation > p:first-child {
	margin-top: 10px;
}

.action {
	font-weight: bold;
	color: #5a0;
	/* white-space: nowrap; */
	text-decoration: underline;
}

.action:hover {
	color: #5c0;
	text-decoration: underline;
}

.action.button {
	text-align: center;
	display: block;
	color: white;
	background: #5a0 !important;
	text-decoration: none;
	border: 2px solid;
	border-color: #F1F1F1 #F1F1F1 #A0B2CA #A0B2CA;
	border-radius: 3px;
	margin: 2px;
}

.action.button:hover {
	background: #5b0 !important;
	text-decoration: none;
}

/*******************************************************************************
** Styles for the wizard pane.
*******************************************************************************/
.dialogpane {
	min-width: 300px;
	min-height: 200px;
	max-width: 400px;
	max-height: 500px;
	z-index: 2;
}

.wizardpane {
	min-width: 500px;
	width: 500px;
	padding-bottom: 49px;
}

.wizardpane h1,.dialogpane h1,.editpane h1 {
	font-size: 1em;
	font-weight: bold;
	background-color: white;
	border-bottom: 1px solid #aac6ea;
	padding: 25px 20px;
}

.wizardpane h1+.notice,.dialogpane h1+.notice,.editpane h1+.notice {
	position: relative;
	bottom: 1px;
}

.wizardpane label,.dialogpane label,.editpane label {
	line-height: 18px;
	/*padding: 1px 5px 1px 0;*/
	margin-bottom: 2px;
}

.wizardpane .btns,.dialogpane .btns,.editpane .btns {
	left: 0px;
	width: 100%;
	border-top: 1px solid #AAC6EA;
}

.wizardpane .btns, .dialogpane .btns {
	position: absolute;
}

.wizardpane .padding,.dialogpane .padding,.editpane .padding {
	padding: 15px 25px;
	border-top: 1px solid white;
}

.wizardpane .notice+.padding,.dialogpane .notice+.padding,.editpane .notice+.padding {
	border-top: none;
}

.wizardpane .btns .padding,.dialogpane .btns .padding,.editpane .btns .padding {
  padding: 10px 20px
}

.wizardpane .btns input.submit,.dialogpane .btns input.submit,.editpane .btns input.submit {
	float: right;
	margin-left: 0.5em;
	min-width: 7em;
}

.wizardpane .btns input.cancel,.dialogpane .btns input.cancel,.editpane .btns input.cancel {
	float: left;
	width: 7em;
}

/*******************************************************************************
** SPECIFIC STYLES FOR THE ITEM_TYPE OVERVIEW LIST
*******************************************************************************/
ul.itemtypeselect label {
	width: 90%;
}

ul.itemtypeselect input {
	float: left;
	margin-right: 5px;
}

ul.itemtypeselect img {
	display: block;
	float: left;
	margin-right: 5px;
}

/*******************************************************************************
** EDITBODY NEW STYLE, USING FIELDSETS AND LEGENDS
*******************************************************************************/
.editpane, .wizardpane {
	width: 640px;
}

.editpane fieldset, .wizardpane fieldset {
	border-bottom: 0 solid #A0B2CA;
	border-color: #F1F1F1 #F1F1F1 #A0B2CA #A0B2CA;
	margin-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
}

.editpane h1, .wizardpane h1 {
	background-color: #CEDEEF;
	border: 0 none;
	color: #334455;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 5px 20px;
	text-shadow: 0 1px 0 #FFFFFF;
}

.editpane h1, .wizardpane h1 {
	cursor: move;
}

.maximized>.editpane h1 {
	cursor: default;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.maximized>.ui-resizable-handle {
	display: none !important;
}

.editpane h2, .wizardpane h2 {
	margin-bottom: 0.5em;
	font-size: 11px;
}

.editpane .close, .editpane .dock,
.wizardpane .close, .wizardpane .dock {
	display: block;
	float: right;
}

.editpane input.close, .wizardpane input.close {
	min-width: 7em;
}

.editpane h1 .close, .editpane .dock,
.wizardpane h1 .close, .wizardpane h1 .dock {
	color: #000;
}
.editpane h1 .close:hover,
.wizardpane h1 .close:hover {
	text-decoration: none;
	color: #ffddee;
}

.editpane .main,
.wizardpane .main {
	float: left;
	width: 48.75%;
	width: 50%;
	margin-right: 5%;
}

.editpane .side,
.wizardpane .side { /* float: right; */
	/* width: 48.75%; */
	width: 100%;
	*width: 48.75%;
}

.editpane fieldset li,
.wizardpane fieldset li {
	clear: left;
	display: block;
}

.editpane .poll-table td {
	vertical-align: top;
}

.tab fieldset {
	display: block;
	border: none;
	margin-bottom: 15px;
}

.tab fieldset+fieldset,.addstep fieldset+fieldset {
	border-top: 1px solid #a0b2ca;
}

.editpane .tabs.hide_tabnav h1 {
	border-bottom: 1px solid #aac6ea;
}

.editpane .tabs.hide_tabnav .tabnav {
	display: none;
}

.editpane .tabs.hide_tabnav .tab {
	border-top: 1px solid white;
}

/*******************************************************************************
** Styles for the browserpane (used in the CMS-browser for picking images et al.
** These styles are placed after the .editpane, because they should override the
** editpane.
*******************************************************************************/

.browserpane {
	width: 700px;
	height: 500px;
}
.browserpane .explorer {
	min-height: 380px;
}

/*******************************************************************************
** STYLES FOR TABS
*******************************************************************************/
.tabs {
	background-color: #DDECFF;
	background-color: #CEDEEF;
	min-height: 280px;
	/*margin-bottom: 15px;*/
	/*overflow: hidden;*/
}

.tabnav {
	clear: both;
	background-color: #334455;
	padding: 3px;
	height: 2em;
}

.tabnav li {
	display: inline;
}

.tabnav a {
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	display: block;
	float: left;
/*	font-size: 11px;*/
/*	font-weight: bold;*/
	margin-right: 5px;
	padding: 2px 5px;
	text-decoration: none;
/*	text-transform: uppercase;*/
	width: auto;
}

.tabnav .selected,
.tabnav .selected a {
	background-color: #5a0;
	color: #fff;
}

.tabnav a:hover {
	text-decoration: none;
	background-color: #334;
}

.tabnav .selected:hover,
.tabnav .selected a:hover {
	background-color: #6b0;
}

.tab,.addstep {
  padding: 10px 20px 15px 20px;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}

.firsttab {
	display: block;
}

.editpane .btns label.live {
	float: left;
	width: auto;
	clear: both;
}

.urlsbylinkid {
	background-color: #f3f3ff;
	float: left;
	padding: 10px;
	width: 97%;
	margin-bottom: 20px;
}

.urlsbylinkid li a {
	color: #888;
}

.urlsbylinkid li a:hover {
	text-decoration: none;
}

/*******************************************************************************
** STYLES FOR .SWITCHDISPLAYMODE
*******************************************************************************/
.switchdisplaymode {
	/*background-image: url("/cms/graphics/icons/view_btns.gif");*/
	background-position: center top;
	display: block;
	float: right;
	height: 29px;
	margin: 0px 25px 0px 0px;
	padding-left: 0px;
	position: relative;
	text-indent: -99999px;
	top: 12px;
	/*width: 83px;*/
	width: 65px;
}
.toolbar .switchdisplaymode {
	top: -5px;
}
.switchdisplaymode .display {
	float: left;
	background-image: url(/cms/graphics/icons/view_btns.gif);
	width: 15px;
	height: 15px;
	margin: 7px;
	display: block;
	text-indent: -99999px;
}
.popover .switchdisplaymode .display {
	margin: 13px 7px 7px 7px;
}

.switchdisplaymode .display.details {
	background-position: 3px -30px;
}
.switchdisplaymode .display.details.active {
	background-position: 3px 15px;
}
.switchdisplaymode .display.icons {
	background-position: -15px -30px;
}
.switchdisplaymode .display.icons.active {
	background-position: -15px 15px;
}
.switchdisplaymode .display.preview {
	width: 16px;
	margin: 7px 0px 7px 2px;
	background-position: -32px -30px;
}
.switchdisplaymode .display.preview.active {
	background-position: -32px 15px;
}
.explorer .switchdisplaymode {
	top: 0;
	height: auto;
	width: 68px;
}
.explorer .switchdisplaymode .display {
	margin: 0 7px;
}
.explorer .switchdisplaymode .display.details {
	background-position: 2px -30px;
}
.explorer .switchdisplaymode .display.details.active,
.explorer .switchdisplaymode .display.details:hover {
	background-position: 2px -47px;
}
.explorer .switchdisplaymode .display.icons {
	background-position: -15px -30px;
}
.explorer .switchdisplaymode .display.icons.active {
	background-position: -15px -47px;
}


/*******************************************************************************
** STYLES FOR .SU
*******************************************************************************/
.su {
	float: right;
	height: 29px;
	margin: 5px 10px 5px 0px;
	position: relative;
	top: 12px;
	width: auto;
	display: none; /* when this works properly, make it visible */
}
	.su .handle, .su select {
		margin-right: 3px;
	}
	.su .handle {
		width: 100px;
		float: left;
	}
	.su select {
		height: 21px;
		float: left;
		padding: 1px 0px;
	}
	.su .btn {
		padding: 1px 5px;
		margin: 0;
		float: right;
	}

/*******************************************************************************
** STYLES FOR IMAGE POPOVER
*******************************************************************************/
.preview {
	margin: 10px;
	height: 80px;
}

.boxedimage {
	box-shadow: 2px 2px 5px #345;
	border: 2px solid #fff;
}

.image_box {
	box-shadow: none;
	border: 0;
}

.image_box p {
	text-align: center;
}

.image_box img {
	cursor: pointer;
	box-shadow: 2px 2px 5px #345;
	margin: 10px;
	border: 2px solid #fff
}

.image_box img[src="/cms/graphics/icons/select_image.png"] {
	border: 0;
	box-shadow: none;
}

.picturelist {
	background-color: #eaf0f7;
	min-height: 100%;
}

.clickable {
	cursor: pointer;
}

.pictureframe {
	float: left;
	position: relative;
	box-shadow: 2px 2px 5px #345;
	border: 1px solid #fff;
	padding: 1px;
	margin: 8px;
	background-color: #fff;
	width: 96px;
	height: 136px;
}

.pictureframe.empty {
	border: 0;
	box-shadow: none;
	background: none;
	cursor: pointer;
	width: 100px;
	height: 140px;	
}

.pictureframe.empty .caption {
	color: #8ba9da;
}

.pictureframe img {
	display: block;
	margin: 0 auto;
}

.pictureframe .caption {
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pictureframe .add {
	display: none;
}

.pictureframe .remove, .pictureframe .reset, .pictureframe.empty .add {
	display: block;
	text-indent: 20px;
	color: #999;
	padding: 8px;
	text-decoration: none;
	background: url('/cms/graphics/icons/remove.faded.png') no-repeat 8px 9px;
}

.pictureframe .remove {
	display: none;
}
.pictureframe:hover .remove {
	display: block;
}

.pictureframe.empty .add {
	background: url('/cms/graphics/icons/newitem.faded.png') no-repeat 8px 9px;
}

.pictureframe a:hover.remove,.pictureframe a:hover.reset {
	background: url('/cms/graphics/icons/remove.hover.png') no-repeat 8px 9px;
	color: #333;
}

.pictureframe.empty a:hover.add {
	background: url('/cms/graphics/icons/newitem.hover.png') no-repeat 8px 9px;
	color: #333;
}

.pictureframe .remove, .pictureframe .reset {
	position: absolute;
	right: 2px;
	top: -5px;
	width: 5px;
	overflow: hidden;
	text-indent: 20px;
	color: #999;
	padding: 5px 10px;
	text-decoration: none;
	background: url('/cms/graphics/icons/remove.faded.png') no-repeat 8px 9px;
	cursor: pointer;
	font-size: 11px;
}

.pictureframe a:hover.remove, .pictureframe a:hover.reset {
	background: url('/cms/graphics/icons/remove.hover.png') no-repeat 8px 9px;
	color: #333;
}

.pictureframe.empty .reset {
	display: none;
}

/*****************************************************************************************
** Styles for the picturelist, which is the icon view in the explorer.
*****************************************************************************************/

.picturelist .frame {
	margin: 10px 10px;
	width: 102px;
	height: 140px;
	float: left;
	text-align: center;
	text-decoration: none;
	position: relative;
	padding: 15px 3px 1px 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.picturelist .frame:hover,
.picturelist .frame.selected {
	padding: 14px 2px 0px 2px;	/* correct for the border that is added */
}

.picturelist .frame:hover {
	border: 1px solid #B8D6FB;
	background-color: #EBF3FD;
}
.picturelist .frame.selected {
	border: 1px solid #7DA2CE;
	background-color: #D0E4FC;
}

.picturelist .placeholder {
	position: absolute;
	bottom: 26px;
	left: 50%;
}
.picturelist .frame:hover .placeholder,
.picturelist .frame.selected .placeholder {
	bottom: 25px; /* correct for the border */
}

.picturelist .frame img {
	display: block;
	margin: 10px auto 5px auto;
	width: auto;
	height: auto;
	position: relative;
	left: -50%;
	text-align: center;
}


.picturelist .imageframe img {
	box-shadow: 0 0 4px -2px black;
}
.picturelist .imageframe img.default {
	box-shadow: none;
}

.picturelist .frame p {
	position: absolute;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	height: 23px;
	text-overflow: ellipsis;
	bottom: 0px;
	width: 100px;
	margin: 0 auto;
	padding-bottom: 1px;
}
.picturelist .frame:hover p, .picturelist .frame.selected p {
	padding-bottom: 0;
}

.picturelist .frame a {
	text-decoration: none;
	background-repeat: no-repeat;
	float: none;
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
}
.picturelist .frame:hover a.remove {
	background-image: url('/cms/graphics/icons/remove.hover.png');
}
.picturelist .frame:hover a.edit {
	background-image: url('/cms/graphics/icons/edit.hover.png');
}
.picturelist .frame .edit {
	right: 24px;
}


/*******************************************************************************
 * MARGIN SELECT IN CMS FOR IMAGES
 ******************************************************************************/
.js-margin-select {
	display: block;
	margin: 2px;
	color: #444455;
	background-color: #fff;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	text-indent: -99999px;
	background-image: url(/cms/graphics/dartsprite_img.png);
	background-position: 33px 33px;
}

.js-margin-select.selected {
	background: none;
	background-color: #555;
}

.js-margin-select.up {
	background-position: 33px 50px;
}

.js-margin-select.up.right {
	background-position: 16px 50px;
}

.js-margin-select.right {
	background-position: 15px 33px;
}

.js-margin-select.down.right {
	background-position: 16px 16px;
}

.js-margin-select.down {
	background-position: 33px 16px;
}

.js-margin-select.down.left {
	background-position: 50px 16px;
}

.js-margin-select.left {
	background-position: 50px 33px;
}

.js-margin-select.up.left {
	background-position: 50px 0px;
}

.margin-settings .numerical {
	padding: 5px 16px;
	text-align: center;
}

.margin-settings label {
	font-size: 10px;
	clear: both;
	margin-bottom: 0;
}

.margin-settings input[type="text"],.margin-settings input[type="number"]
	{
	clear: both;
	margin-bottom: 0;
}

/*******************************************************************************
** STYLES FOR LINK SELECTING DIALOG (WHERE USES CAN SELECT INTERNAL, EXTERNAL,
** MAIL LINK, ETC.
*******************************************************************************/

.labelbuttongroup {
	margin-bottom: 25px;
}
.formpane .labelbuttongroup label {
	cursor: pointer;
	display: block;
	float: left;
	clear: none;
	width: 90px;
	height: 90px;
	margin: 2px 5px;
	position: relative;
	padding: 5px;
	background: transparent url('/cms/graphics/icons/link-types.png') no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.formpane .labelbuttongroup label:hover,
.formpane .labelbuttongroup label.selected {
	margin: 1px 4px;
}

.formpane .labelbuttongroup label:hover {
	border: 1px solid #7DA2CE;
	background-color: #EBF3FD;
}
.formpane .labelbuttongroup label.selected {
	border: 1px solid #7DA2CE;
	background-color: #D0E4FC;
	box-shadow: 0 0 4px -2px black;
}

.formpane .labelbuttongroup label.internallink {
	background-position: 0 0;
}
.formpane .labelbuttongroup label.anchor {
	background-position: -300px 0;
}
.formpane .labelbuttongroup label.externallink {
	background-position: -200px 0;
}
.formpane .labelbuttongroup label.maillink {
	background-position: -100px 0;
}
.formpane .labelbuttongroup label.nolink {
	background-position: -400px 0;
}

.formpane .labelbuttongroup input {
	display: none;
}
.formpane .labelbuttongroup span {
	position: absolute;
	width: 90px;
	padding: 0 5px;
	height: auto;
	bottom: 5px;
	left: 0px;
	line-height: 125%;
	text-align: center;
}



/*******************************************************************************
** STYLES FOR LINK INPUT CONTROL FOR SELECTING LINKS.
*******************************************************************************/

.linkselect div {
	float: left;
	background-color: white;
	border: 1px solid silver;
	padding: 2px 5px 1px;
	width: 200px;
	margin-bottom: 5px;
}
.linkselect .btn {
	padding: 2px 5px 3px 5px;
}
.linkselect .icon {
	float: left;
	display: block;
	vertical-align: middle;
	margin: 2px 2px -3px 0px;
}
.linkselect span {
	display: block;
	width: 165px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	margin: 1px;
	text-overflow: ellipsis;
}
.linkselect span.focus {
	margin: 0;
	border: 1px dotted silver;
}

.linkselect .reset {
	cursor: pointer;
	display: block;
	float: right;
	width: 15px;
	height: 15px;
	margin: 4px 2px 2px 2px;
	background: url("/cms/graphics/icons/empty_search.png") no-repeat center;
}
.linkselect .reset:hover {
	background: url("/cms/graphics/icons/empty_search.hover.png") no-repeat center;
}

.linkselect div.empty, .linkselect div.blur {
	background-color: #EFEFEF;
}
.linkselect div.empty span,
.linkselect div.blur span {
	color: gray;
}
.linkselect div.empty .icon,
.linkselect div.empty .reset {
	display: none;
}
.linkselect div.blur .icon {
	opacity: 0.5;
}

/*******************************************************************************
** STYLES FOR ???
*******************************************************************************/
/* short and long lists for scrollbar content in div */
.shortlist ul li label {
	width: auto;
}

.longlist ul {
	height: 250px;
	overflow-y: scroll;
}

.formpane .usermanagement.longlist ul {
	height: 100%;
}

.longlist ul li {
	float: left;
	width: 270px;
}

.longlist ul li label {
	width: 270px !important;
}

.formpane .compact-checkboxes ul {
	float: left;
}

.formpane .compact-checkboxes li {
	float: left;
	width: auto;
	margin-right: 5px;
	clear: none;
}

.formpane .compact-checkboxes li label {
	width: auto;
}

.formpane fieldset label .valueheader {
	float: right;
	margin-right: 5px;
}

.editpane fieldset.longlist li,.formpane .usermanagement.longlist li {
	clear: none;
}

.editpane label.wide {
	width: auto;
}

.ui-resizable-handle {
	z-index: auto !important;
} /* fix for overlapping resize handles */

/*******************************************************************************
** STYLES FOR A TABLE PRESENTING SOME DATA
*******************************************************************************/

table.data-presentation {
	background-color: white;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-spacing: 1px;
	border-collapse: collapse;
}
table.data-presentation td {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 2px 3px;
	margin: 1px;
}

/*******************************************************************************
** STYLES FOR TINYMCE
*******************************************************************************/

textarea.wysiwyg {
	height: 236px;
	/* height:100% !important; */
}
/* fix for strechable tinymce table */
#tbx_textEditorContent_tbl {
	width: 100% !important;
}

table.mceLayout {
	width: 100% !important;
} /* fix for table width TinyMCE */
/* Title bar icon */
img.edit_icon {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

input.btn { /* New style buttons */
	background-color: #CEDEEF;
	border-color: #F1F1F1 #F1F1F1 #A0B2CA #A0B2CA;
	border-right: 1px solid #F1F1F1;
	border-style: solid;
	border-width: 1px;
	color: #667799;
	font-weight: bold;
	padding: 5px;
	position: relative;
	text-shadow: 0 1px 0 #FFFFFF;
	text-transform: uppercase;
}
/* Style for link with button appearance */
.editpane a.closepopover {
	background-color: #CEDEEF;
	border-color: #F1F1F1 #F1F1F1 #A0B2CA #A0B2CA;
	border-style: solid;
	border-width: 1px;
	color: #667799;
	font-weight: bold;
	padding: 5px;
	position: relative;
	text-shadow: 0 1px 0 #FFFFFF;
	text-transform: uppercase
}

.ui-icon-gripsmall-diagonal-se { /* remove image for resize handle*/
	background-image: url(/cms/graphics/resize.png);
	background-position: top left;
}

/* Generic clearfix */
.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .group {
	zoom: 1;
} /* IE6 */
*:first-child+html .group {
	zoom: 1;
} /* IE7 */

/* Override  TODO: OVERRIDE WHAT??? */
.tabnav {
	background-color: #334455;
	border-bottom: 1px solid #DDEEFF;
	border-top: 1px solid #112233;
	clear: both;
	padding: 5px 20px;
}

.formpane label {
  clear: left;
  display: block;
  float: left;
  line-height: 25px;
  margin-bottom: 5px;
  /* width: 18%; */
  width: 110px;
}
.formpane .pictureframe {
	width: 98px;
	height: 140px;
}
.formpane .pictureframe.empty {
	width: 100px;
	padding: 2px;
}
.formpane .pictureframe label {
  width: auto;
}

.formpane .usermanagement label {
	width: 22%;
}

.formpane .usermanagement input[type="text"],.formpane .usermanagement input[type="number"],.formpane .usermanagement input[type="password"]
	{
	width: 70%;
	float: right;
}

.formpane input[type="text"],
.formpane input[type="link"],
.formpane input[type="number"],
.formpane input[type="password"] {
	border: 1px solid #C0C0C0;
	float: left;
	height: 20px;
	margin-bottom: 5px;
	padding: 2px 5px;
	width: 75%;
}

.formpane textarea {
	line-height: 1.4em;
	resize: none;
}

h1 img {
	position: relative;
	margin-right: 5px;
	top: 4px;
}

/* Update profile */
/*.formpane fieldset address {
	background-color: rgb(245,245,255);
	padding: 10px;
}*/
/*.formpane fieldset a {
	color: rgb(80,80,120); 
	text-decoration:underline;
	font-weight:bold;
}*/
.formpane fieldset label.update {
	color: #787896;
	font-size: 9px;
	position: relative;
	text-align: left;
}

.formpane fieldset .update-suggestion {
	background: none repeat scroll 0 0 #FFFFAA;
	border: 0;
	color: white;
	float: left;
	margin-bottom: 5px;
	padding: 0;
	font-size: 9px;
	position: relative;
	text-align: left;
}

.formpane fieldset .update-suggestion ins {
	color: black;
	font-weight: bold;
	padding: 0 15px 0 5px;
	position: relative;
	top: 1px;
}

/*******************************************************************************
** FIELDS FOR DATE INPUTS CONTAINED WITHIN ONE CONTAINER
*******************************************************************************/
.dateinput,.timeinput {
	float: left;
	padding: 0;
}

.dateinput .hyphen,.timeinput .hyphen {
	display: block;
	float: left;
	width: 8px;
	text-align: center;
	overflow: hidden;
	color: #615861;
}

.dateinput input,.timeinput input {
	display: block;
	float: left;
	background: none;
	margin: 0px !important;
	border: 0px !important;
	display: inline;
}
.dateinput input.d {
	width: 15px !important;
}

.dateinput input.m {
	width: 15px !important;
}

.dateinput input.y {
	width: 30px !important;
}

.timeinput input.h {
	width: 16px !important;
}

.timeinput input.i {
	width: 16px !important;
}

.timeinput input.s {
	width: 16px !important;
}

.disabled input, .disabled .hyphen, input.disabled, textarea.disabled, select.disabled {
	color: gray;
	background-color: #EFEFEF;
}

.dateinput span,.timeinput span {
	padding: 6px 0px 5px 0px;
}

.timespacer {
	width: 0.95em;
	float: left;
}

.fieldexpl {
	font-size: 11px;
	line-height: 16px;
	font-style: italic;
}

/*******************************************************************************
** STYLES FOR THE SEARCH BOX
*  The .searchcontainer class is applied to the <form> in the main interface
*  <header>, but also in explorer's in a popover (but then as
*  div.searchcontainer, because popovers can already have a form).
*******************************************************************************/
form.searchcontainer { /* form only */
	margin-top: 12px;
	margin-right: 10px;
}
.searchcontainer { /* form AND div */
	position: relative;
	float: right;
}

form.searchcontainer .text { /* form only */
	width: 205px;
}

.searchcontainer a,
.formpane .searchcontainer a { /* form AND div */
	clear: right;
	float: right;
	text-decoration: none;
	color: gray;
	margin-top: 4px;
	line-height: 12px;
	cursor: pointer;
}

.searchcontainer.active input.search {
	background-color: #FDEDD0;
}
.searchcontainer a.empty_search {
	display: none;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	right: 3px;
	background-image: url('/cms/graphics/icons/empty_search.png');
}
.searchcontainer a.empty_search:hover {
	background-image: url('/cms/graphics/icons/empty_search.hover.png');
}
.searchcontainer.active a.empty_search {
	display: block;
}

/*******************************************************************************
** TRYOUT STYLES FOR AN EXPLANATION BOX
*******************************************************************************/
.explain {
	width: 1em;
	display: inline-block;
	text-align: center;
	color: white;
	font-weight: bold;
	background: #334455;
	cursor: pointer;
	float: left;
	margin-right: .5em;
	border-radius: 3px;
}

.explain>* {
	display: none;
	position: absolute;
	background-color: #334455;
	border-radius: 5px;
	border: 2px solid #a0b2ca;
	z-index: 10;
	color: white;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

.explain:hover>* {
	display: block;
}

.explain li { /* TODO: Make normal <li> tags act as list items!!! */
	display: list-item !important;
	list-style: disc inside !important;
}

.showbullits li {
	display: list-item !important;
	list-style: disc inside !important;
	text-indent: -1em;
	padding-left: 1em;
}

/*******************************************************************************
 * STYLES FOR LABEL BOXES
 ******************************************************************************/
.checkbox-dropdown-wrapper {
	background: none repeat scroll 0 0 white;
	border: 1px solid #C0C0C0;
	float: left;
	height: 24px;
	margin-bottom: 5px;
	max-height: 24px;
	min-height: 24px;
	max-width: 78%;
	padding: 0 10px;
	position: relative;
	width: 78%;
/*	z-index: 2 !important;*/
}

.checkbox-dropdown-wrapper>* {
	height: 18px;
	margin: auto -3px;
	padding: 0px 2px;
}

[data-cms-entitytype="set"],
[data-cms-entitytype="label"] {
	background: white;
	border: 1px solid #c0c0c0;
	padding: 2px;
	/* cross browser max-height: haven't got a clue why, but it seems to work... */
	max-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: auto;

	display: block;
  position: relative;
  z-index: 2000;
}

[data-cms-entitytype="set"] li,
[data-cms-entitytype="label"] li {
	list-style: none;
}

[data-cms-entitytype="set"] label,
[data-cms-entitytype="label"] label {
	width: auto;
}

.checkbox-dropdown {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/* position: relative; */
	padding-right: 20px;
}

.checkbox-dropdown label {
	background: none repeat scroll 0 0 #EEEEEE;
	display: inline;
	float: none;
	margin: auto 0;
	width: auto;
}

.checkbox-dropdown .arrow {
	background: url("/cms/graphics/icons/dart_down.png") no-repeat scroll 1px 0 white;
	display: block;
	height: 18px;
	position: absolute;
	right: 5px;
	top: 3px;
	width: 18px;
}

.checkbox-dropdown-wrapper.focus .arrow {
	background: url('/cms/graphics/icons/dart_up.png') no-repeat 1px 2px white;
}

.checkbox-wrapper {
	display: none;
	position: absolute;
	margin-top: -1px;
}

.objectpicker .example {
	display: none;
}

/*******************************************************************************
 * STYLES FOR EXPLORER NAVS
 ******************************************************************************/
.explorer {
	width: 100%;
	display: block;
	border: 0px solid none;
	margin: 0px;
	min-height: 280px;
	clear: both;
}

.explorer>* {
	float: left;
	margin-top: 5px;
	display: none;
	cursor: default;
}
.popover .explorer>* {
	margin-top: 0;
}

.explorer a:hover {
	text-decoration: none;
}

.explorer-tree>.tree {
	display: block;
	width: 99%;
	height: 200px;
	min-height: 200px;
}

.explorer-list.explorer-tree>.tree {
	width: 29%;
}

.explorer-list>.list {
	display: block;
	width: 100%;
	height: 200px;
	min-height: 200px;
}

.explorer-list.explorer-tree>.list {
	width: 68%;
}

.explorer-resizer>.resizer {
	display: block;
	width: 5px;
	cursor: w-resize;
}

.explorer-resizer>.list {
	margin-left: 0px;
}

.explorer li>span:hover>a.operation,.explorer td.acts a {
	display: none;
	text-indent: -999999px;
}

.explorer .explorer-operations li>span:hover>a.operation,
.explorer .explorer-operations td.acts a {
	display: block;
}

.explorer>.tree.explorer-operations {
	position: relative;
}

.explorer .tree .foldericon {
	background-image: url("/cms/modules4/ModFolder/icons/tree_icon.png");
}

.explorer .acts {
	display: none;
	width: 0px;
}

.explorer>.explorer-operations .acts {
	display: table-cell;
	width: auto;
	*display: expression('inline');
}
.explorer>.list.explorer-operations .acts {
	width: 65px;
}
	
/*******************************************************************************
** STYLES FOR TOOLBARS
*******************************************************************************/
.explorer-toolbar>.toolbar {
	display: block;
}

.toolbar.top,.toolbar.bottom {
	width: 100%;
	clear: both;
}
.toolbar.bottom {
	max-height: 20px;
}

.toolbar>.smallbtn {
	background-position: 5px 7px;
	background-repeat: no-repeat;
	background-color: #EBF5FF;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	color: #444444;
	display: block;
	float: left;
	height: 20px;
	margin: 0 5px 5px 0;
	padding: 5px;
	position: relative;
	text-indent: 20px;
}

.toolbar .additem {
	background-image: url('/cms/graphics/icons/newitem.faded.png');
}

.toolbar .additem:hover {
	background-image: url('/cms/graphics/icons/newitem.hover.png');
}

.toolbar .addfolder {
	background-image: url('/cms/graphics/icons/newfolder.faded.png');
}

.toolbar .addfolder:hover {
	background-image: url('/cms/graphics/icons/newfolder.hover.png');
}

.toolbar .removeselection {
	background-image: url('/cms/graphics/icons/deselect.faded.png');
}
.toolbar .removeselection:hover {
	background-image: url('/cms/graphics/icons/deselect.hover.png');
}

.toolbar>.sep {
	background-color: white;
	border-left: 1px solid #AAC6EA;
	display: block;
	float: right;
	height: 20px;
	margin: 2px 2px 3px;
	padding: 0;
	width: 1px;
}
.toolbar .search {
	width: 180px;
	height: 28px;
	float: right;
}

/*******************************************************************************
 * STYLES FOR EXPLORER NAVS THAT FOLLOW A LABEL 
 * AND SHOULD THEREFORE ALLOW ROOM FOR THOSE LABELS
 ******************************************************************************/
label+.explorer {
	float: left;
	width: 78%;
}

label+.explorer .tree,label+.explorer .list {
	margin-left: 0px;
}

/*******************************************************************************
 * STYLES FOR THE BODY'S MAIN EXPLORER NAVS
 ******************************************************************************/
body>.explorer {
	margin-left: 36px;
	position: relative;
	clear: none;
	/* *display: inline; */
}

body>.explorer>.tree,body>.explorer>.list {
	border-top: 1px solid #aac6ea;
	border-right: 1px solid #eef5ff;
	border-bottom: 1px solid #eef5ff;
	border-left: 1px solid #aac6ea;
	*overflow-x: hidden;
}

body>.explorer>.tree {
	min-width: 175px;
	border-left: 0 none;
	padding-top: 10px;
	margin-left: 0;
}

body>.explorer>.list {
	min-width: 50%;
	border-right: none;
	margin-right: 5px;
}


/*******************************************************************************
** NEW STYLES FOR TOPBAR
*******************************************************************************/
#cmshome {
	background-position: left center;
	color: #FFFFFF;
	float: left;
	font-size: 20px;
	font-weight: normal;
	padding: 10px 20px 0px 0px;
	text-decoration: none;
/*	text-shadow: 1px 1px 0 #8888AA;*/
	text-shadow: 1px 1px 0 #50AFCF;
}
#cmshome span {
	clear: both;
	display: block;
	font-size: 12px;
	text-shadow: none;
	line-height: 1.5em;
}
.cmstitle a {
  background-color: #EAF0F7;
  border-bottom: 1px solid #AAC6EA;
  border-radius: 3px 3px 3px 3px;
  color: #556688;
  float: left;
  font-size: 14px;
  font-weight: normal;
  left: 8px;
  padding: 5px;
  position: relative;
  top: 12px;
  width: auto;
  text-decoration: none;
}
.cmstitle span {
	display: block;
	font-size: 10px;
}
.topbar {
	padding-top: 5px;
	padding-left: 40px;
}

.topbar h1 {
	background: #94b1d6 url('/cms/graphics/tbheaderbg.gif') no-repeat left
		top;
	border-bottom: 3px solid #aac6ea;
	height: 25px;
	overflow: hidden;
}

.topbar .user {
	display: block;
	white-space: no-wrap;
	float: right;
	margin-right: 20px;
	color: white;
	line-height: 23px;
	text-shadow: 1px 1px 1px #000;
}

.topbar .sep {
	height: 43px;
	width: 1px;
	padding: 0;
	margin: 2px 2px 3px 2px;
	background-color: white;
	border-left: 1px solid #aaC6ea;
	display: block;
	float: left;
}

.topbar .topbtn {
	width: 48px;
	height: 48px;
	display: block;
	float: left;
	border: 1px solid transparent;
	background: transparent none no-repeat center;
	text-indent: -999999px;
	background-image: url(/cms/graphics/icons/topbaricons.png);
	background-position: 7px 5px;
}

.topbar .topbtn:hover {
	border: 1px solid #aac6ea;
	border-top: 1px solid white;
	border-left: 1px solid white;
}

.topbar .topbtn:active {
	border: 1px solid #aac6ea;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

.topbar .additem {
	background-position: 7px 5px;
}

.topbar .addfolder {
	background-position: -43px 5px;
}

.topbar .addtoplevel {
	background-position: -93px 5px;
}

.topbar .duplicate {
	background-position: -143px 5px;
}

.topbar .move {
	background-position: -193px 5px;
}

.topbar .remove {
	background-position: 7px -45px;
}

.topbar .find {
	background-position: -43px -45px;
}

.topbar .usermanagement {
	background-position: -93px -45px;
}
.topbar .progress_btn {
	background-position: -143px -45px;
}

.topbar .stats {
	background-position: 7px 5px;
}

.topbar .logout {
	background-position: -43px -45px;
}
.topbar .unsu {
	/* background-image: url('/cms/graphics/icons/logout2.gif'); */
	/* background-image: url('/cms/graphics/icons/usermanagement_old2.gif'); */
	background-image: url('/cms/graphics/icons/unsu.gif');
}

.loggedin-as {
	float: right; 
	position: relative; 
	top: 17px; 
	margin-right: 10px
}

/*
.explorer li > span > a.operation {
	display: block;
	filter:alpha(opacity=5);
	opacity: .05;  
}
.explorer li > span:hover > a.operation {
	filter: alpha(opacity=100);
	opacity: 1;
}
*/

/*******************************************************************************
** STYLES FOR EXPANDEES
*******************************************************************************/
.expandee table {
	width: 100%;
	margin: 5px 0px;
}

.expandee th {
	background: transparent;
	border: none;
	/* border-bottom: 1px dashed #AAC6EA; */
	padding: 0 0.2em;
}

.expandee th.icon {
	border: none;
}

tr.expandee th,tr.expandee td {
	background: #e9e9ef;
}

tr.expandee>th:FIRST-CHILD,tr.expandee>td:FIRST-CHILD {
	background: transparent;
}

.list tr.expandee td.forcetransparent {
	border-top: none;
}

.list tr.clickable:hover td.forcetransparent,.list .expandee.selected td.forcetransparent
	{
	background-color: transparent;
	color: inherit;
	cursor: default;
}

.expandee li+li {
	clear: left;
}

.expandee li>label {
	text-align: left;
	float: left;
	width: 170px;
}

.expandee li>label+p {
	/* Result of merging jstafleu and rdevries branches ... which padding is right??? */
	/* padding-left: 150px; */
	padding-left: 175px;
}

.expandee .button {
	
}

/*******************************************************************************
** STYLES FOR USERPROFILE UPDATES
*******************************************************************************/
fieldset.updates {
	background-color: #ffffdd;
	padding: 10px;
}

fieldset.updates h2 {
	border-bottom: 1px solid #aa9;
	font-size: 16px;
	padding-bottom: 0.5em;
}

fieldset.updates h2 span {
	color: #888;
}

fieldset.updates .header {
	float: right;
	margin: 0px 0;
	clear: both;
}

fieldset.updates .header .approve {
	margin-right: 1em;
	font-size: 12px;
	color: #776;
}

fieldset.updates .header .approve img {
	padding-right: 5px;
	position: relative;
	top: 3px;
}

fieldset.updates .header .deny {
	font-size: 12px;
	color: #776;
}

fieldset.updates .header .deny img {
	padding-right: 5px;
	position: relative;
	top: 3px;
}

fieldset.updates .update {
	border-bottom: 1px dotted #ddc;
	margin-bottom: 5px;
}

fieldset.updates .update .update-actions {
	margin-bottom: 0.8em;
}

fieldset.updates .update .approve {
	margin-right: 1em;
	color: #776;
	display: inline;
	float: none;
}

fieldset.updates .update label:hover {
	cursor: pointer;
}

fieldset.updates .update .approve img {
	padding-right: 5px;
	position: relative;
	top: 3px;
}

fieldset.updates .update .deny {
	color: #776;
	display: inline;
	float: none;
}

fieldset.updates .update .deny img {
	padding-right: 5px;
	position: relative;
	top: 3px;
}

/*******************************************************************************
** STYLES FOR ACTION LISTS
*******************************************************************************/
fieldset.actionlist {
	clear: both;
}

fieldset.actionlist ul {
	color: #fff;
}

fieldset.actionlist li {
	color: #fff;
	margin-botom: 0.5em;
}

fieldset.actionlist a,fieldset.actionlist .unavailable {
	background-color: #EBF5FF;
	background-image: url("/cms/graphics/icons/dart_menu.png");
	background-position: 5px -45px;
	background-repeat: no-repeat;
	
	background: url("/cms/graphics/icons/dart_right_black.png") 5px 5px no-repeat #ebf5ff;
	
	border-radius: 5px 5px 5px 5px;
	color: #666688;
	display: block;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding: 3px 10px;
	text-indent: 15px;
	width: 50%;
	border-bottom: 1px solid #99a;
}

fieldset.actionlist .unavailable {
	background: none repeat scroll 0 0 #D8E4F2;
	border: 0 none;
	border-radius: 0 0 0 0;
	color: #888899;
}

fieldset.actionlist a:hover {
	text-decoration: none;
	background-color: rgb(255,255,0);
}

/*******************************************************************************
** STYLES FOR ACTION LISTS
*******************************************************************************/
fieldset.address-sticker address{
	background-color: rgb(240,245,255);
	padding: 10px;
}

/*******************************************************************************
** STYLES FOR TRANSLATED FIELDS
*******************************************************************************/
.untranslatedField {
	text-decoration: line-through;
	color: red;
}

/*******************************************************************************
** STYLES FOR DURING DRAGGING
*******************************************************************************/
/* 
.twCMSDragIsClone span.selected a.folder {
	color: #444444 !important;
	background-color: transparent !important;
} */
body.twCMSDrag-isDragging, 
body.twCMSDrag-isDragging * {
	cursor: not-allowed\9 !important; /* IE HACK */
}
body.twCMSDrag-isDragging-allow,
body.twCMSDrag-isDragging-allow * {
	cursor: move\9 !important; /* IE HACK */
}

body.twCMSDrag-isDragging span.selected a.folder {
	color: #444444 !important;
	background-color: transparent !important;
}
.twCMSDrag-isClone {
	border: 1px dashed white;
	background-color: silver;
	opacity: .6;
}
body.twCMSDrag-isDragging .tree li > span:hover {
	background-color: transparent !important;
}

body.twCMSDrag-isDragging ul .twCMSDrag-isDragtarget a.folder {
	background-color: #568 !important;
	color: white !important;
}
/*******************************************************************************
** STYLES FOR PERMISSIONS INTERFACE
*******************************************************************************/
[data-permissionstab] {
	/* height: 440px;
	min-height: 440px; */
	height: 360px;
	min-height: 360px;
	overflow: hidden;
}
[data-permissionstab] .allroles {
	clear:both;
	height: 250px;
	min-height: 250px;
	overflow: auto;
	width: 96%;
}
[data-permissionstab] table {
	width: 100%;
}	
[data-permissionstab] td, 
[data-permissionstab] th {
	vertical-align: middle;
	height: 25px;
}
[data-permissionstab] .lastcol {
	text-align: right;
}
[data-permissionstab] th {
	text-align: left;
	font-weight: normal;
}	
[data-permissionstab] thead th {
	font-weight: bold;
}
[data-permissionstab] .allroles label {
	width: 34%;
	text-indent: 1em;
	white-space: nowrap;
}
[data-permissionstab] .allroles select {
	width: 66%;
}
[data-permissionstab] .allroles table select {
	width: 100%;
}
[data-permissionstab] .allroles table label {
	width: auto;
	line-height: normal;
	float: none;
	clear: none;
	display: inline;
	text-indent: inherit;
}
/*******************************************************************************
** STYLES FOR PROGRESSION INTERFACE
*******************************************************************************/
#statuswindow {
	background: lime;
	position:fixed;
	right: 0px;
	bottom: 0px;
	display: none;
	border: 1px solid #cedeef;
	background-color: white;
	padding: 5px;
	box-shadow: 3px 3px 10px #446;
	/* max-width: 294px;
	min-width: 294px;
	width: 294px; */
	z-index: 0;
	cursor: pointer;
}

#statuswindow ul {
	position: relative;
}
#statuswindow h5,
#statuswindow li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 25px;
	line-height: 14px;
	vertical-align: middle;
}
.force_progresswitdh {
	width: 300px !important;
}
/*.progress {
	background-image: url(/cms/graphics/loadingbar_bg.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	margin: 10px 0;
	position: relative;
	max-width: 294px;
	min-width: 294px;
	width: 294px;
	height: 25px;
	vertical-align: middle;
	line-height: 14px;
}*/
.explorer .progress {
	margin: 6px 0 2px;
}
/* [data-fixlisting=progress] td {
	vertical-align: top;
} */
.progress .progress_visual {
	position: absolute;
	display: block;
	height: 25px;
	background: url(/cms/graphics/loadingbar.png) 0 bottom no-repeat;
}
.progress .progress_text {
	float: right;
}
.progress .progress_caption {
	text-indent: 18px;
	background: url(/cms/graphics/notyet_loading.png) no-repeat;
	display: block;
	line-height: 14px;
}

.progress.progress_busy .progress_caption {
	background-image: url(/cms/graphics/loading.gif);
	/* background-image: url(/cms/graphics/notyet_loading.png); */ 
}

.progress.progress_done {
	margin-top: 1px;
	background: none;
	height: auto;
}
.progress.progress_done .progress_caption {
	background: url(/cms/graphics/icons/live_icon.png) no-repeat 2px 0px;
}
.progress.progress_killed .progress_caption {
	background: none;
}
.progress.progress_done .progress_text {
	/* display: none; */
}
.progress.progress_done .progress_visual {
	display: none;
}

.explanation .operation.remove {
	background: url("/cms/graphics/icons/remove.hover.png") no-repeat;
	height: 16px;
	width: 16px;
	display: inline-block;
	text-indent: -99999px;
}

.explanation .operation.cancel {
	background: url("/cms/graphics/icons/stop.png") no-repeat;
	height: 16px;
	width: 16px;
	display: inline-block;
	text-indent: -99999px;
}

fieldset .uneditable {
	font-weight: bold;
	position: relative;
	top: 3px;
}

/** CMS Queue Manager **/

.cmsqueue .job.done .job-name, .job.done-errors .job-name {
	text-indent: 18px;
	background: url('/cms/graphics/icons/live_icon.png') no-repeat 4px 6px;
}

.cmsqueue td.job-status {
	text-align: center;
}

.cmsqueue .job.idle .job-status {
	color: #3a87ad;
	background-color: #d9edf7;
}

.cmsqueue .job.working .job-status {
	color: #ffffff;
	background-color: #3276b1;
}

.cmsqueue .job.done .job-status {
	color: #468847;
	background-color: #dff0d8;
}

.cmsqueue .job.done-errors .job-status, .cmsqueue .job.cancelled .job-status {
	color: #c09853;
	background-color: #fcf8e3;
}

.cmsqueue .done-fatal-error .job-status {
	color: #b94a48;
	background-color: #f2dede;
}

/** Queue Popup  **/

.progress-popup {
	z-index: 555;
	position: absolute;
	bottom: 13px;
	right: 35px
}

.progress-popup .job {
	background: #cedeef;
	box-shadow: 0 0 10px #cedeef;
	border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
}

.progress-popup .job .remove {
	float: right;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	line-height: 14px;
}

.progress-popup .job .hide {
	float: right;
	text-decoration: none;
	color: #000;
	font-size: 34px;
	line-height: 9px;
	margin-right: 5px;
	margin-left: 15px;
}

.progress-popup .job-result.active {
	padding-top: 10px;
}

.progress-popup .job-result {
	color: #000;
	font-weight: bold;
}

.progress-popup .job-result a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.progress-popup .job-header {
	color: #000;
	font-size: 12px;
	margin-bottom: 10px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}