ul.noStyle, ul.noStyle li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* DEFAULT INPUT STYLES */
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
input[type=date],
input[type=datetime],
input[type="datetime-local"],
select
{
	margin-bottom: 2px;
	padding: 1px;
	border: 1px solid rgb(128,128,128);
	border-radius: 3px;
	font-family: inherit;
}

div.regAttension input[type=text],
div.regAttension input[type=email],
div.regAttension input[type=password],
div.regAttension input[type=number],
div.regAttension input[type=tel],
div.regAttension input[type=date],
div.regAttension input[type="datetime-local"],
div.regAttension select
{
	padding: 0.6em;
	border: 1px solid rgb(128,128,128);
	border-radius: 3px;
	font-size: 1.1rem;
	background-color: white;
	width: 100%;
	
	min-width: 18em;
}


/*
div.inputContainer input.checkBox
{
	float: left;
	width: auto;
	border: 0px;
}



div.inputContainer label
{
	float: left;
	clear: left;
	width: 20em;
	font-size: 12px;
}

div.inputContainer span.error
{
	display: block;
	font-size: 0.8em;
	margin-bottom: 1em;
}

div.inputContainer ul.inline li label
{
	float: none;
}

div.inputContainer
{
	overflow: hidden;
	margin-bottom: 3px;
}

div.inputContainer div.formCharCount
{
	float: left;
	margin-left: 20px;
}
*/

div.inputContainer
{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.5em;
	gap: 2em;
	max-width: 650px;
}


div.inputContainer.textarea
{
	display: block;
}

div.inputContainer > div.inputSearchContainer,
div.inputContainer > select,
div.inputContainer > label
{
	flex-basis: 45%;
}

div.inputContainer > label
{
	display: block;
	font-size: 1.1em;
	
	display: flex;
	align-items: center;
}

div.inputContainer div.formCharCount
{
	/*display: flex;
	align-items: center;*/
	display: none;
}





div.regAttension div.regText
{
	margin-left: 0em;
	margin-top: 1.5em;
	font-size: 0.9em;
	color: rgb(100,100,100);
	max-width: 40em;
}


@media screen and (max-width: 590px)
{
	div.inputContainer:not(.checkbox)
	{
		display: block;
	}

	div.inputContainer.checkbox label
	{
		flex-grow: 5;
	}

	input[type=submit]
	{
		width: 100%;
	}
	
}

/*
@media screen and (max-width: 590px)
{
	div.inputContainer
	{
		display: block;
	}
	html body input:not([type="radio"]), html body select
	{
		width: 100% !important;	
	}
	html body input[type="checkbox"]
	{
		width: auto !important;	
		display: inline-block !important;
	}


	html body div.inputContainer ul.radioContainer li
	{
		clear: left;
		margin-bottom: 1em;
	}
	
}
*/




main div.regAttension select[disabled], main div.regAttension input[disabled],
.ui-dialog div.regAttension select[disabled], .ui-dialog div.regAttension input[disabled]
{
	background-color: silver;
}

div#footer a.suggestionFormToggle
{
	display: block;
	width: 24px;
	height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.5;
	-moz-opacity: 0.5;
}

div#footer a.suggestionFormToggle:hover,
div#footer a.suggestionExists
{
	opacity: 1;
	-moz-opacity: 1;
}

div#footer div.tools a
{
	display: block;
	margin-right: 10px;
	width: auto;
	height: auto;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-color: rgb(240,240,240);
	padding: 10px 20px 10px 40px;
	border: 1px solid rgb(200,200,200);
	text-decoration: none;
	opacity: 0.8;
	-moz-opacity: 0.8;
}

div#footer div.tools a:hover
{
	background-color: white;
	border-color: rgb(100,100,100);
}

ul.fieldSuggestion li
{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dotted rgb(200,200,150);
}

ul.fieldSuggestion li:last-child
{
	border: none;
	padding-bottom: 0px;
}

div#footer div.tools a.siteChangeSuggestion		{ background-image: url(/images/controlPanel/status/suggest.png); }
div#footer div.tools a.siteErrorReport			{ background-image: url(/images/controlPanel/status/error_s.png); }
div#footer div.tools a.siteHelp					{ background-image: url(../images/controlPanel/general/help-icon24.png); }


div#feedBackForm
{
	width: 30em;
	height: 7em;
	display: none;
}

form input.unsaved,
span.unsaved
{
		background-color: yellow;
}


ul.inline
{
	margin: 0px;
	padding: 0;
	width: 100%;
	overflow: hidden;
	list-style-type: none;
}

.noClear
{
	clear: none !important;
}

ul.noMargin
{
	margin: 0;
	padding-left: 15px;
}

ul.inline li
{
	margin-right: 50px;
}


h1.success, h2.success, h3.success, h4.success
{
	background-image: url(/images/controlPanel/submit/submitSaveContinue.png);
	padding-left: 40px;
	background-repeat: no-repeat;
	color: rgb(0, 170, 0);
}


form ul.radioContainer
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	clear: both;
	overflow: hidden;
}

main div.regAttension, .ui-dialog div.regAttension
{
	border-left: 3px solid rgb(20,50,80);
	padding-left: 1.5em;
}


form div.regAttension ul.radioContainer li input
{
	display: block;
	margin-top: 7px;
	margin-right: 10px;
}
form div.regAttension ul.radioContainer li label
{
	width: auto;
	display: block;

	margin-right: 10px;
	margin: 0;

	padding: 5px;
}

form div.regAttension ul.radioContainer li
{
	margin-bottom: 2px;
	overflow: hidden;
	display: flex;
}

form div.regAttension ul.radioContainer li:hover
{
	border-color: rgb(150,150,150);
	background-color: rgb(240,240,240);
}

form div.regAttension ul.radioContainer li label img
{
	display: block;
	margin-right: 6px;
}

form div.regAttension ul.radioContainer li label span
{
	display: block;
	margin-top: 2px;
	margin-left: 35px;
}

div.submitContainer
{
	clear: both;
}

div.submitContainer div.buttonContainer /* a kind of regAttension */
{
    /*border-color: rgb(50,150,70);
	background-color: rgb(230,240,230);*/
}


form div.regAttension input.submit	{ margin-right: 9px; }
form fieldset div.regAttension input.submit	{ margin-right: 0px; }



form div.submitContainer div.buttonContainer input.submit,
form div.submitPreRender input.submit,
form div.formDeleteContainer input.submit,
input.submit.bigButton,
input[type="submit"].bigButton
{
	/*background-color: var(--buttonBackgroundCTA);*/
	/* background-color: rgb(58, 145, 206); */

	color: var(--buttonTextCTA);
	border-radius: 50px;
	/*padding: 0.5em 2em;*/
	border: 0;
	
	margin-bottom: 0.5em;
	
	/*min-width: 15em;*/
	text-align: center;
}


form div.submitContainer div.buttonContainer input.engineBack
{
	float: left;
	clear: left;
	margin-left: 0px;
	background-image: url(/images/controlPanel/submit/engineBack.png);
	background-color: rgb(255,255,200);
	border-color: rgb(240,240,180);
	min-width: 10em;
}



form div.submitContainer div.buttonContainer input.submit:hover,
form div.submitPreRender input.submit:hover,
form div.formDeleteContainer input.submit:hover
{
	background-color: var(--buttonHoverBackground);
  	border-color:var(--buttonHoverBorderColor);
}



form div.submitContainer div.buttonContainer input.submit:hover,
form div.submitPreRender input.submit:hover,
form div.formDeleteContainer input.submit:hover
{
	background-color: var(--buttonHoverBackground);
  	border-color:var(--buttonHoverBorderColor);
}

div#mainContainer form div.submitContainer div.buttonContainer div.logNote
{
	float: left;
	width: 300px;
}

body#kontrollpanelen div#mainContainer div.logContainer
{
	max-height: 1000px;
	overflow-y: scroll;
}

body#kontrollpanelen div#mainContainer div.logContainer fieldset.logFilter
{
	margin-bottom: 10px;
}

div#mainContainer div.logContainer table
{
	border: 1px solid silver;
}

body#kontrollpanelen div#mainContainer div.logContainer a.getMoreLogs
{
	margin-top: 1.5em;
}

div#mainContainer div.logContainer div.logContentMinimized
{
	padding: 10px;
	display: none;
	overflow: hidden;
}



/* Can be used with links or submit buttons */
/*
form #_submitSaveList { background-image: url(/images/controlPanel/submit/submitSaveList.png); }
form #_submitSaveContinue,
form #_submitSaveContinue2,
form .submitSaveContinue,
form ._submitSaveContinue { background-image: url(/images/controlPanel/submit/submitSaveContinue.png); }
form .submitSaveHide 		{ background-image: url(/images/controlPanel/submit/hide.png); }
form .submitCombine 		{ background-image: url(/images/controlPanel/submit/combine.png); }
form .submitShow 		{ background-image: url(/images/controlPanel/submit/show.png); }
form #_submitSavePublish { background-image: url(/images/controlPanel/submit/submitSavePublish.png); }
form #_submitSaveCreateNewVersion { background-image: url(/images/controlPanel/tools/addSmall.png); }
form #_submitCreateContent { background-image: url(/images/controlPanel/tools/add.png); }
form #_submitSaveCreateNew,
form ._submitSaveCreateNew { background-image: url(/images/controlPanel/tools/add.png); }
form #_submitSaveActivateVersion { background-image: url(/images/controlPanel/submit/submitSaveActivateVersion.png); }
form #_submitDelete,
form ._submitDelete				{ background-image: url(/images/controlPanel/submit/submitDelete.png); }
form #_submitSaveUnPublish { background-image: url(/images/controlPanel/submit/submitSaveUnPublish.png); }
*/

fieldset.add
{
	border-color: green;
	border-style: solid;
}
fieldset.add legend
{
	background-image: url(/images/controlPanel/tools/add.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*form input[type=submit]
{

	background-image: url(/images/controlPanel/general/dotGreen.png);
	background-repeat: no-repeat;
	border: 1px solid black;
	font-size: 16px;
}*/


.error
{
	color: red;
}



input.assertError, select.assertError
{
	border-color: rgb(255,0,0);
	background-color: rgb(255,210,210);
}

main div.inputError input,
main div.inputError select,
main div.inputError textarea
{
	border: 1px solid rgb(128,0,0);
	background-color: rgb(255,240,240);
}



main div.regAttension,
.ui-dialog div.regAttension
{
	/*margin: 5px 0 5px 0;
	border: 1px solid rgb(150,170,200);
	background-color: rgb(230,230,230);
	padding: 7px 4px 7px 4px;
	overflow: hidden;
	color: rgb(40,70,90);*/
	margin-top: 0.5em;
	margin-bottom: 1em;
	/*border: 1px solid rgb(240,240,240);*/
	
	padding: 1.5em;
}

main div.regAttension:hover,
.ui-dialog div.regAttension:hover
{
	background-color: rgb(251,251,251);
	background: linear-gradient(to right, rgb(248,248,248) , transparent);
}

/*main div.regAttension input:focus, main div.regAttension select:focus
{
	box-shadow: 0 0 10px rgb(20,40,80);
	outline: none;
}*/



form div.warningMsg /* reg attension warning */
{
	background-color: rgb(250,250,210);
	border-color: rgb(150,150,50);
	color: black;
}

form div.warningMsg h3, form div.warningMsg h4
{
	color: black;
}


form label.tbLabel,
div.regAttension label.tbLabel
{
	width: auto;
}



div.regAttension p
{
	font-style: italic;
	margin-bottom: 5px;
	margin-top: 5px;
}

form div.textarea label /*labels for formcreator textareas */
{
	display: block; /* for avoiding line break on char counter */
	width: 99%;
}


form textarea
{
	clear: left;
	display: block;
	margin-bottom: 5px;
}

form div.formDeleteContainer
{
	border-color: rgb(200,150,150);
	background-color: rgb(240,230,230);
	overflow: hidden;
	clear: right;
}

div.formHeader
{
	overflow: hidden;
}

div.formHeader div.left
{
	float: left;
}

div.formHeader div.right
{
	float: right;
}

form div.formDeleteContainer strong { color: auto; }

form div.formDeleteContainer label
{
	display: inline-block;
	width: 7em;
	color: rgb(122,30,30);
}

form div.formDeleteContainer input#_submitDelete
{
	float: right;
	color: rgb(100,50,50);
	border-color: rgb(180,140,140);
	margin-right: 9px;
	background-color: rgb(240,240,240);
	margin-top: 2em;
}

form div.formDeleteContainer input#_submitDelete:hover
{
	color: white;
	background-color: rgb(100,0,0);
	border-color: black;
}

form div.formDeleteContainer p
{
	color: rgb(128,0,0);
	clear: both;
}

div.engineTextBox
{
	border: 1px solid rgb(225,180,120);
	margin-top: 3px;
	margin-bottom: 8px;
	background-color: rgb(255,245,210);
	font-size: 11px;
	color: black;
}

div.engineTextBox strong
{
	color: inherit !important;
}

div.engineTextBox.textBoxError.ERROR_SYSTEM
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
}
/* Make textboxes outside content to be centered on screen */
div.engineTextBox.textBoxError.ERROR_SYSTEM
{
	width: 600px;
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-top: -50px;
	margin-left: -300px;
	min-width: 300px;
}

html body .ui-dialog div.engineTextBox.ERROR_SYSTEM
{
	position: static;
	margin: 0;
	left: 0;
	top: 0;
	width: auto;
}
/*
div#content div.engineTextBox.textBoxError
{
	width: auto;
	position: relative;
	top:0;
	left: 0;
	margin-top: 0;
	margin-left: 0;
}*/
/* Error centering end */


div#content div.engineTextBox h3
{
	margin: 0px;
	color: black;
	font-size: 12px;
	margin: 0px 4px 2px 4px;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid rgb(225,180,120);
}

div.engineTextBox div
{
	padding: 4px;
}


div.textBoxError
{
	background-color: rgb(200,50,50);
	color: white;
	border-color: black;
}


main div.textBoxError h3
{
	color: white;
	border-color: black;
}

div.textBoxError a
{
	color: rgb(220,220,220);
}

div.textBoxError a:hover
{
	color: rgb(255,255,255);
}

div.cpActionDoneMsg
{
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid rgb(0,205,50);
	padding-bottom: 10px;
}

div#content div.cpActionDoneMsg h1
{
	background-image: none;
	letter-spacing: 0;
	color: rgb(0,120,0);
	padding: 0;
	margin-bottom: 10px;
}

div.cpQuestionBox
{
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 2px solid rgb(205,205,0);
	padding-bottom: 10px;
	padding-right: 150px;
}

div#content div.cpQuestionBox h1
{
	background-image: none;
	letter-spacing: 0;
	color: rgb(120,120,0);
	padding: 0;
	margin-bottom: 10px;
}


div#controlPanel
{
	padding: 10px;
	color: black;
	overflow: hidden;
	font-family: verdana;
	font-size: 12px;
	background-color: white;

	background-position: 98.3% 0%;
	background-repeat: no-repeat;
	border: 1px solid rgba(255,255,255,0);
}

body#kontrollpanelen div#controlPanel
{
	/*background-image: url(/images/controlPanel/cpBg_sv.png);*/
}

body.unsaved div#controlPanel
{
	/*background-image: url(/images/controlPanel/cpBg_unsaved_sv.png);*/
	border-color: orange;
}

div#controlPanel div#unsavedNotice
{
	display: none;
	float: right;
	background-color: yellow;
	color: black;
	font-size: 1.5em;
	padding: 5px;
	border: 1px solid rgb(120,120,120);
	cursor: default;
}
body.unsaved div#controlPanel div#unsavedNotice
{
	display: block;
}

div#content div.adminThisPage
{
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

div#content div.adminThisPage a
{
	color: black;
}

div#content div.cpGood
{
	background-image: url(/images/controlPanel/changeDoneBg.png);
	background-position: 99% 1%;
	background-repeat: no-repeat;
	border-color: rgb(0,205,50);
}

div#content div.cpBad
{
	background-image: url(/images/controlPanel/errorBg.png);
	background-position: 99% 1%;
	background-repeat: no-repeat;
	border-color: rgb(128,0,0);
	padding-top: 20px; /* to make sure the background images does not get covered*/
}

div#content div.cpQuestion
{
	background-image: url(/images/controlPanel/questionBg.png);
	background-position: 99% 1%;
	background-repeat: no-repeat;
	border-color: rgb(128,128,0);
	padding-top: 20px; /* to make sure the background images does not get covered*/
}

div#controlPanel h1
{
	margin-bottom: 30px;
	margin-top: 0px;
	font-size: 24px;
	color: black;
	/*background-image: url(/images/controlPanel/cpH1bg.png);*/
	background-repeat: no-repeat;
	padding: 4px 0px 0px 5px;
	font-weight: normal;
	font-family: verdana;
	letter-spacing: 1px;
}

a.admLinkSmallIcon
{
	display: block;
	width: auto;

	margin-bottom: 5px;
	text-decoration: none;

	background-position: 2px 2px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	padding: 7px 5px 8px 32px;
	color: black;
}

a.admLinkSmallIcon.noText
{
	height: 1em;
	margin-top: 1em;
	padding-left: 24px;
}

a.admLinkSmallIcon:hover
{
	
}

.noFloat, div#content a.noFloat
{
	float: none !important;
}

div.iconWithText img
{
	margin-right: 10px;
	width: 24px;
}
div.iconWithText > span.guiTextContent
{
	display: block;
	padding-top: 6px;
}

p.gui.msgSmall.warning
{
	background-color: yellow;
	display: inline-block;
	padding: 5px;
}

p.gui.importantMessageSmall
{
	color: rgb(128,0,0);
}

p.gui.errorMessageSmall
{
	color: rgb(255,0,0);
}

p.gui.positiveMessageSmall
{
	color: rgb(0,128,00);
	background-color: rgb(230,255,230);
}


/* Detail icons used in combination with class admLinkSmallIcon */
a.admLinkSmallIcon.showList			{ background-image: url(/images/controlPanel/tools/list.png); }
a.admLinkSmallIcon.hide				{ background-image: url(/images/controlPanel/tools/hide.png); }
a.admLinkSmallIcon.showLive			{ background-image: url(/images/controlPanel/tools/live.png); }
a.admLinkSmallIcon.createNew,a.add	{ background-image: url(/images/controlPanel/tools/add.png); }
a.admLinkSmallIcon.login				{ background-image: url(/images/controlPanel/tools/login.png); }
a.admLinkSmallIcon.home				{ background-image: url(/images/controlPanel/tools/home.png); }
a.admLinkSmallIcon.edit				{ background-image: url(/images/controlPanel/tools/edit.png); }
a.admLinkSmallIcon.import			{ background-image: url(/images/controlPanel/submit/submitImport.png); }
a.admLinkSmallIcon.accept			{ background-image: url(/images/controlPanel/submit/submitSaveContinue.png); }
a.admLinkSmallIcon.divide			{ background-image: url(/images/controlPanel/submit/divide.png); }


/*Makes border more visible. Used in admMenuLinkEdit*/
div#controlPanel form div.regAttension a.admLinkSmallIcon
{
	color: black;
}

div#controlPanel form div.regAttension a.admLinkSmallIcon:hover
{
	color: black;
}

div#controlPanel div#cpHud a.cpIcon,
/*a.admLinkSmallIcon,*/
div.inputSearchContainer div.searchResults a
{
	display: block;
	float: left;
	text-decoration: none;
	color: rgb(120,120,120);
}

div#controlPanel div#cpHud a.cpIcon
{
	
	text-align: center;
	font-size: 18px;
	
	margin-right: 5px;
	padding: 8px;
	opacity: 0.7;
	-moz-opacity: 0.7;
}

div#controlPanel div#cpHud a.last
{
	margin-right: 0px;
}

div#controlPanel div#cpHud a.cpIcon:hover,
a.admLinkSmallIcon:hover,
div#controlPanel form a.admLinkSmallIcon:hover,
div.inputSearchContainer div.searchResults a:hover,
div.timePlanStatusBox input.submit:hover
{
	border-color: rgb(180,180,180);
	color: black;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

div.timePlanStatusBox div.statusHeading
{
		overflow: hidden;
		margin-bottom: 10px;
}

div#controlPanel div#cpHud a.cpIcon img
{
	display: block;
}


div#controlPanel table span.status
{
	background-repeat: no-repeat;
	padding-left: 30px;
}
div#controlPanel table span.st-2	{ background-image: url(/images/controlPanel/status/ct_status_autoHistory.png);  }
div#controlPanel table span.st-1	{ background-image: url(/images/controlPanel/status/ct_status_autoCache.png);  }
div#controlPanel table span.st0		{ background-image: url(/images/controlPanel/status/ct_status_pre.png);  }
div#controlPanel table span.st1		{ background-image: url(/images/controlPanel/status/ct_status_old.png);  }
div#controlPanel table span.st2		{ background-image: url(/images/controlPanel/status/ct_status_wip.png);  }
div#controlPanel table span.st3		{ background-image: url(/images/controlPanel/status/ct_status_waiting.png);  }
div#controlPanel table span.st4		{ background-image: url(/images/controlPanel/status/ct_status_denied.png);  }
div#controlPanel table span.st5		{ background-image: url(/images/controlPanel/status/ct_status_ok.png);  }

/* Admin General Design Elements */
div#content .adminElement
{
	
}

div#content .adminBox
{
	margin: 10px 0px 10px 0px;
	background-color: rgb(240,240,240);
	border: 1px solid rgb(150,150,150);
	padding: 10px;
}

div#content a.adminElement:hover
{
	
}

div#header div.hamburgerToggleContainer
{
	display: inline-block;
	cursor: pointer;
}

div#header div.hamburgerToggleContainer div.bar
{
	width: 35px;
	height: 5px;
	background-color: white;
	margin: 6px 0;
	transition: 0.4s;
}

div#header div.hamburgerToggleContainer.change div.bar.bar1
{
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
}

div#header div.hamburgerToggleContainer.change div.bar.bar2 {opacity: 0;}

div#header div.hamburgerToggleContainer.change div.bar.bar3
{
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}

div#header div.adminListContainer
{
	color: white;
	background-color: rgb(20,50,80);
	border-bottom: 2px solid rgb(255,255,255);
}

div#header ul.adminList
{
	margin: 0;
	padding: 0;
	display: none;
}

div#header ul.adminList li.header
{
	text-align: left;
	padding: 10px 5px 10px 5px;
	color: white;
	display: none;
}

@media screen and (min-width: 800px)
{
	div#header div.hamburgerToggleContainer
	{
		display: none;
	}
	div#header ul.adminList
	{
		display: flex;
	}
	div#header ul.adminList li
	{
		list-style-type: none;;
	}

	div#header ul.adminList li.header
	{
		display: block;
	}
}


span.regHelpIcon
{
    float: left;
    padding: 1px 5px 1px 5px;
    border: 1px solid rgb(128,128,128);
    background-color: rgb(255,255,180);
    margin-right: 5px;
    margin-top: 3px;
    border-radius: 5px;
}





div#header ul.adminList li a,
div#header ul.adminList li span.dead
{
	display: block;
	color: rgb(210,210,210);
	text-decoration: none;
	padding: 5px 3px 5px 3px;

}

div#header ul.adminList li a:hover,
div#header ul.adminList li.selected a
{
	color: white;
}

@media screen and (min-width: 800px)
{
	div#header ul.adminList li a:hover,
	div#header ul.adminList li.selected a
	{
		background-image: url(/images/engine/icons/menuArrow.png);
		background-position: center top;
		background-repeat: no-repeat;
	}
}

div#header ul.adminList li span.dead
{
	color: rgb(110,110,140);
}


div#header ul.adminList li#last
{
	margin-right: 0px;
	border-right: 0px;
}


/********************* Tables ***********************/

/********************* Tables ***********************/
.tableWrapper {
	overflow-y: auto;
	height: 90vh;
}

table.controlPanelMain
{
	width: 100%;
	border: 0px solid rgb(210,210,210);
	margin-bottom: 20px;

	/*background-image: url(/images/controlPanel/cpBigBg.png);
	background-repeat: no-repeat;*/
	padding: 4px 0px 0px 5px;
	clear: both;
	border-spacing: 0px;
}

table.controlPanelMain th
{
	text-align: left;
	color: black;
	padding: 8px 0px 8px 3px;
}

table.controlPanelMain thead tr th
{
	position: sticky;
	top: 0;
	background-color: #f8f8f8;
	z-index: 1;
	text-align: left;
	padding: 15px 10px 15px 10px;
}

div div table.controlPanelMain thead tr th a
{
	color: #008593;
}

table.controlPanelMain th, table.controlPanelMain td 
{
	padding: 10px;
}

table.controlPanelMain th.remove,
table.controlPanelMain td.remove
{
	text-align: right;
	color: #008593;
}

table.controlPanelMain td.remove input.checkbox
{
	margin-right: 10px;
}

div div table.controlPanelMain th a
{
	text-decoration: none;
	color: rgb(60,60,60);
}
div div table.controlPanelMain th a:hover { color: black; }

table.controlPanelMain td
{
	border-top: 1px solid rgb(240,240,240);
	border-bottom: 1px solid rgb(240,240,240);
	background-color: rgb(240, 240, 240);
	padding: 10px;
	padding-top: 1em;
	padding-bottom: 1em;
}

table.controlPanelMain tr:nth-child(even) td
{
	background-color: rgb(255, 255, 255);
	border-color: rgb(220,220,220);
}

table.controlPanelMain tr.content:hover td
{
	background-color: rgb(200,200,200);
	border-color: rgb(255,255,255);
	background-color: rgb(220,240,255);
}

table.controlPanelMain td a
{
	text-decoration: none;
	color: rgb(70,70,70);
}

table.controlPanelMain td a:hover
{
	color: black;
}

table.controlPanelMain tr.search td
{
}

table.controlPanelMain tr.search td input
{
	
}

div div table.controlPanelMain tr.footer td
{
	border-top: 1px solid rgb(210,210,210);
	background-color: white;
}

span.viewedVer
{
	border: 1px solid black;
	padding: 2px;
}

table.controlPanelMain tr.viewedVer td,
span.viewedVer
{
	border-color: green;
}

table.controlPanelMain tr.activeVer td.name,
span.activeVer,
form fieldset.activeVer legend,
form fieldset.otherVer legend /*Change image and color a few lines down */
{
	background-image: url(/images/controlPanel/general/dotGreen.png);
	background-position: 2px 50%;
	padding-left: 20px;
	background-repeat: no-repeat;
}

form fieldset.subArea
{
	border: 1px solid green;
	margin: 10px 0px 10px 0px;
}

form fieldset.subArea span.date
{
	padding-left: 5px;
	font-size: 0.8em;
}

form fieldset.otherVer
{
	border-color: rgb(190,130,0);
}

form fieldset.otherVer legend
{
	background-image: url(/images/controlPanel/general/dotOrange.png);
}

ul.msdLevel0
{
	list-style-type: none;
	margin-bottom: 10px;
}

/* Create content */

form input#_submitCreateContent
{
	display: none;
}

/* INPUT REALTIME SEARCH FUNCTION */


div.inputSearchContainer div.searchResults
{
	margin-top: 22px;
	margin-left: -1px;
	position: absolute;
	width: 200px;
	background-color: white;
	padding: 3px;
	border: 1px solid black;
	border-top: 0px;
	color: black;
	display: none;
}

div.inputSearchContainer div.searchResults h4
{
	margin: 0px 35px 2px 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid rgb(0,60,90);
}

div.inputSearchContainer div.searchResults h5
{
    margin: 0px 35px 2px 5px;
	padding-bottom: 2px;
}

div.inputSearchContainer div.searchResults a
{
	float: none;
	padding: 7px 5px 8px 5px;
}

div.inputSearchContainer div.searchResults a.content
{
	background-image: url(/images/icons/content.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	border-color: white;
	padding-left: 32px;
}

div.inputSearchContainer div.searchResults a.news
{
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 10px;
}

div.inputSearchContainer div.searchResults a.news span.newsIconCal
{
}

div.inputSearchContainer div.searchResults a.news span.text
{
	display: block;
	margin-left: 28px;
	margin-top: 3px;
}

div.inputSearchContainer div.searchResults a:hover
{
	border-color: rgb(180,180,180);
}

div.inputSearchContainer div.searchResults img.waitMsg
{
	display: block;
	float: left;
	margin-top: 1px;
	margin-right: 8px;
}

div#mainContainer div#footer div#loggedInBox
{
	background-color: white;
	color: black;
	padding: 10px 10px 10px 40px;
	margin: 10px 0px 10px 0px;
	background-image: url(/images/controlPanel/hud/users_s.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
}

div#mainContainer div#footer div#loggedInBox a
{
	color: black;
}

div#mainContainer div.tabContainer
{

}

div#mainContainer div.tabContainerBig
{
	overflow: hidden;
	clear: both;
}

div#mainContainer div.tabContent
{
	margin-top: -1px;
	border: 1px solid rgb(100,100,100);
}

div#mainContainer div.tabContainerBig ul.tabOptions li
{
	margin: 0px;
	margin-right: 10px;
}
div#mainContainer div.tabContainerBig ul.tabOptions li a
{
	display: block;
	padding: 10px;
	background-color: rgb(220,220,220);
	font-size: 18px;
	border: 1px solid black;
	text-decoration: none;
}

div#mainContainer div.tabContainerBig ul.tabOptions li.selected a
{
	background-color: white;
	border-bottom: 0px;
}

div#mainContainer div#cpRecentLogs
{
	padding: 10px;
	margin-bottom: 20px;
}

div#mainContainer div#cpComingChanges
{
	padding: 10px;
	margin-bottom: 20px;
}

div#mainContainer div#cpComingChanges h2
{
	color: rgb(150,150,0);
}

div#mainContainer div#cpFinishedChanges
{
	padding: 10px;
}

div#mainContainer div#cpFinishedChanges h2,
div#mainContainer div#cpFinishedChanges h3
{
	color: rgb(0,150,0);
}

ul.todo li.done
{
	text-decoration: line-through;
}


div.adminDataTopLeft
{
	width: 300px;
	border: 1px solid black;
	padding: 3px;
	background-color: rgb(230,230,230);
}

div.adminDataTopRight
{
	width: 300px;
	border: 1px solid black;
	margin-left: 470px;
	padding: 3px;
	position: absolute;
	background-color: rgb(230,230,230);
}

div#content div#controlPanel div.adminData h4
{
	margin-top: 0px;
	font-weight: bold;
	margin-bottom: 5px;
}

table.objectList
{
	/*border-collapse: collapse;*/
	border-spacing: 0;
}

table.objectList td, table.objectList th
{
	padding: 0px;
}

table.logs
{
	border-collapse: collapse; border-spacing: 0;
	width: 100%;
}

table.logs tr.comment td
{
	font-style: italic;
	color: rgb(100,100,100);
	font-size: 0.9em;
}

table.logs tr td.date
{

}

table.logs tr td.date
{
	width: 8em;
	padding: 1em;
}

table.logs tr th:last-child
{
	padding-right: 0.5em;
}

table.logs tr td
{
	padding-left: 0.5em;
}

table.logs tr.create td
{
	background-color: rgb(230,255,230);
}

table.logs tr.edit td
{
	background-color: rgb(255,255,210);
}

table.logs tr.delete td
{
	background-color: rgb(255,230,230);
}

table.logs tr td.icon
{
	background-image: url(../images/controlPanel/submit/submitCreateNewVersion.png);
	width: 24px;
	background-repeat: no-repeat;
	background-position: center center;
}

table.logs tr.delete td.icon
{
	background-image: url(../images/controlPanel/submit/submitDelete.png);
}
table.logs tr.edit td.icon
{
	background-image: url(../images/controlPanel/tools/edit-pen.png);
}


div.ieWarning
{
		background-color: white;
		overflow: hidden;
		padding: 10px;
		border: 1px solid rgb(200,200,200);
		margin-bottom: 10px;
}
a.chromeLink
{
		border: 1px solid white;
		display: block;
}

a.chromeLink:hover
{
		border-color: rgb(200,200,200);
}


div#debugFooter
{
	display: none;
	padding: 10px;
	
	background-color: rgb(20,50,80);
	color: white;
	overflow: hidden;
	padding: 20px;
	clear: left;
	
	
	
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

div#debugFooter pre
{
	color: white;
}

div#footer a.debugToolsToggle
{
	text-decoration: none;
	color: rgb(220,220,220);
	font-size: 1.2em;
}

div#debugFooter div#debugTools
{
	
}

div#debugFooter div#debugTools a
{
	color: rgb(240,240,240);
}

div#debugFooter div#debugTools a:hover
{
	color: white;
}

div#debugFooter div.debugDataContainer
{
		display: none;
}
div#debugFooter div.debugDataContainer pre
{
		font-size: 12px;
		text-align: left;
}

div.formFooter
{
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted rgb(150,150,150);
	overflow: hidden;
}

fieldset.collapse > div.clickme	{ display: block; cursor: pointer;}
fieldset.open > div.clickme	{ display: none; }

fieldset.collapse > legend { cursor: pointer; }

fieldset.collapse > div.fieldsetContent { display: none; }
fieldset.open > div.fieldsetContent { display: block; }

/* Make disabled textarea grey and turn off resizing*/
textarea[disabled]
{
	background-color: rgb(200,200,200);
	resize: none;
}

form div.uploadImagePreviewContainer img
{
	max-width: 30%;
	max-height: 1.5cm; /* same as in report */
}