body {
	background-color:#FFFFFF;
	color:#000000;  font-family:Arial, Helvetica, sans-serif;	
	margin-top:30px; margin-right:auto; margin-bottom:5px; margin-left:auto;
	padding:0px;    text-align:left;
}
/* TEXT -----------------------------------------------------*/
h1,h2,h3,h4 { font-weight:bold; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; }
h1 { font-size:18px; font-weight:normal; }
h2 { font-size:16px; }
h3 { font-size:16px; font-weight:normal; }
h4 { font-size:14px; }
p  { font-size:13px; font-weight:normal;      margin:0px 0px 5px 0px; }
ul { list-style-image:url(/portal/console/images/bullet.png); margin:0px 0px 0px 15px; padding:0px; }
li { font-size:11px; font-weight:normal;      margin:0px; padding:0px 0px 5px 0px; }
/* FORMS ----------------------------------------------------*/
form   { margin:0px; }
label  { color:#666666; font-size:10px; }
input  { height:13px; }
select { min-height:19px; }
button { 
	height:21px; 
	font-size:12px;
	font-weight:bold;
	border-width:2px;
	border-color:#FE8800;
	border-radius:3px;
	cursor:pointer;
	transition:all 0.5s;
	color:#FFF;
	background-color:#FE8800;
}
button:hover {
	background-color:#fff;
	color:#000;
}
input, select,textarea {
	border:1px solid #000000; border-top-color:#666666; border-left-color:#666666;
	font-family:Verdana, Geneva, sans-serif; font-size:11px;
	margin:0px; padding:1px;
}
input[type=checkbox]:checked + label,
input[type=radio]:checked + label {  
color:#FE8800;
/*font-weight:bold;*/
}  
textarea {
	box-sizing:border-box;
}
input:disabled,
select:disabled {
 background-color:#cccccc;
 opacity:0.4;	
}

/* UTILITIES ----------------------------------------------------*/
.full-width {
	width: 100%;
}

/* LINKS ----------------------------------------------------*/
a:link    { color:#FE8800; font-weight:bold; text-decoration:none; }
a:visited { color:#FE8800; font-weight:bold; text-decoration:none; }
a:hover   {
	color:#ff0000;
}
a:active  { color:#ff0000; }
a img { border:0px; }
/* CLASSES --------------------------------------------------*/
.formRow     { border-bottom:1px solid #ffffff; float:left; height:23px; }
.formRowLine { border-bottom:1px solid #dedede; float:left; height:23px; }
/*.thehighlight { color:#ed1c24; }*/
.thehighlight { color:#014154; }

.leftsubbody {	background-image:url('/portal/console/images/leftsubbg.jpg'); background-attachment:scroll;
	width:200px;
	padding:0px 15px 5px 15px;
}
.leftsubtop { width:230px; height:16px; margin:0px; padding:0px; background-image:url('/portal/console/images/leftsubtop.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top left;}
.leftsubfoot { width:230px; height:16px; margin:0px; padding:0px; background-image:url('/portal/console/images/leftsubfoot.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top left;}

.pageHeader { margin-bottom:16px; margin-top:16px; }
.resultHeader { height:30px; padding:0px; clear:both; background-image:url('/portal/console/images/resultheaderbg.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top right; }
.resultHeader p { padding-top:6px; float:left; font-weight:bold; color:#ffffff; }
.resultHeaderLeft { width:5px; height:25px; float:left; }
.resultRowLine { border-bottom:1px solid #dedede; float:left; padding:5px 10px 10px 10px; height:43px; }
.container { border:0px; margin:0px; padding:0px; }
.dividerLine { border-top:1px solid #dedede; border-bottom: 0px; clear:left; height:1px; margin:4px 0px 5px 0px; padding:0px; }
.box303x166 { width:275px; height:160px; padding:15px; float:left; background-image:url('/portal/console/images/box303x166.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top left;}
.box633x240 { width:603px; height:232px; padding:15px; float:left; background-image:url('/portal/console/images/box633x240.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top left;}
/* ELEMENTS -------------------------------------------------*/
#topBar { 
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 89; /* 1 less than the lowest popup Z index; */
	margin:0px; 
	height:30px; 
	background-color:#7a7a7a;
	border-bottom:5px solid #ffffff;
}
body>div#topBar
{
	position: fixed;
} 
#topBarContent { 
	width: 984px;
	margin-left:auto;
	margin-right:auto;
}
#topBar h3 { margin-top:4px;color:#ffffff; }
#topBar .notification { float:right; width:24px; height:22px; margin-top:2px; padding-top:5px; text-align:center;  color:#ffffff; font-weight:bold; cursor:pointer;}
#mastHead { width:984px; margin:0px;  height:110px; overflow:hidden;}
#screenFooter { float:left; width:984px; margin-top:20px; padding-top:2px; text-align:right;}
#screenFooter p {  }
#screenFooter p:first-child { float:left; }
#bufferElement { display:none; }
#screenContent { float:left; width:964px; margin:12px 0px 0px 10px; }
/* NAVIGATION STYLES ----------------------------------------*/
#topNav { width:100%; height:43px; background-color:#FFFFFF;background-image:url('/portal/console/images/toptab_background.jpg'); background-position:top left; background-repeat:repeat-x; background-attachment:scroll; }
.subNav { width:100%; height:40px; margin-top:10px; background-image:url('/portal/console/images/toptab_background.jpg'); background-position: left; background-repeat:repeat-x; background-attachment:scroll; }
.topTab,
.topTabActive {
	background-color: #dedede;
	border: 1px solid #aaa;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
	float:left;
	font-size:13px;
	height:19px; 
	padding-top:5px; 
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	transition:all 0.5s;
	min-width: 40px;
}
.topTabActive { 
	background-color: #fff;
	border-color:#ccc;

}
.topTab a:link,
.topTab a:visited {
	color:#797979;
	text-decoration:none;
}
.topTab a:hover { color:#ff8800; text-decoration:none; }
.topTabActive a:link,
.topTabActive a:visited { color:#ff8800; text-decoration:none; }
.topTabActive a:hover { color:#ff8800; text-decoration:none; }
.subTab,
.subTabActive{
	float:left;
	font-size:15px;
	height:22px; 
	padding:5px 6px 0px 6px; 
	text-align:center;
}
#topNav .subTab,
#topNav .subTabActive {
	float:right;
}
.subTab a:link,
.subTab a:visited { color:#8b8b8b; text-decoration:none;  font-weight:normal;}
.subTabActive a:link,
.subTabActive a:visited {
	color:#014154;
	font-weight:normal;
}
#topNav .subTabActive a:link,
#topNav .subTabActive a:visited {  	color:#014154; font-weight:normal; }
.tabContentBox { border:0px; padding-top:3px; margin:0px; display:none; }
/* CALENDAR STYLES ------------------------------------------*/

.caltopday,
.calmainnull,
.calmainday,
.calmainsat,
.calmainsun { 
	width:calc(962px / 7 ); 
	display:inline-block;
}
.caltopday { text-align:center; }
.calmainday,
.calmainnull,
.calmainsat,
.calmainsun
{ height:68px; overflow:hidden; border-left:1px solid #666666; border-bottom:1px solid #666666;}
.calmainsat,
.calmainsun
{ background-color:#DDDDDD; }
.calmainsun
{ border-right:1px solid #666666; }
.calmainnull
{ background-color:#EEEEEE; }
.calmainday:hover,
.calmainsat:hover,
.calmainsun:hover {
	cursor:pointer;
	background-color:#C0DBF8;
}
.calmainday h1,
.calmainsat h1,
.calmainsun h1{
	margin-bottom:0px;
}
.calmainday p,
.calmainsat p,
.calmainsun p{
	font-size:9px;
	font-weight:bold;
	color:#000000;
	margin-bottom:0px;
	margin-left:2px;
}

.allocationsday,
.allocationssat,
.allocationssun
{ 
display:inline-block;
width:225px;
padding-left:1px;
min-height:100px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;}
.allocationssat,
.allocationssun
{width:226px; background-color:#eeeeee; }
/* DATE PICKER STYLES ---------------------------------------*/
.datepicker{
	display: inline;
	position: relative;
}
.datepicker input[type=text] {
	border:1px solid #666;
	width:70px;
	text-align:center;
}
.datepicker span {
	display: none;
	background: rgba(255,255,210,1);
	border-radius: 5px;
	border: 2px solid #999 ;
	color: #666;
	left: 0px;
	top: 0px;
	padding: 2px;
	position: absolute;
	z-index: 50;
	white-space:nowrap;
	width:246px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.datepickerDayHolder {
	width:246px;
	clear:both;
}
.datepicker span p {
	margin:0px;
	float:left;
	font-weight:bold;
	text-align:center;
}
.datepicker .arrowcell {
	width:28px;
	cursor:pointer;
}
.datepicker .monthcell {
	width:90px;
}
.datepicker .yearcell {
	width:40px;
}
.datepicker span .daycell,
.datepicker span .wedaycell,
.datepicker span .dowcell,
.datepicker span .wecell {
	width:31px;
	padding:2px;
	cursor:pointer;
}
.datepicker span .dowcell {
	background-color:#ddc;
	cursor:default;
}
.datepicker span .wecell {
	background-color:#bba;
	cursor:default;
}
.datepicker span .wedaycell {
	background-color:#ddc;
}
.datepicker .buttoncell {
	width:76px; background-color:#ddc; padding: 1px; margin:0px 2px 10px 2px;
	cursor:pointer;
}
.datepicker span a:link {
	text-decoration:none;
}
.datepicker span .todaycell {
	color:#fff;
	background-color:#aa8;
}
.datepicker span .selectedcell {
	color:#fff;
	text-decoration:underline;
	background-color:#000;
	box-shadow: inset 3px 2px 2px 0px rgba(120, 120, 120, .5), inset -2px -2px 2px 0px rgba(60, 60, 60, .5);  
}
.datepicker span .daycell:hover,
.datepicker span .wedaycell:hover,
.datepicker .buttoncell:hover,
.datepicker .arrowcell:hover{
	background-color:#000;
	color:#fff;
}

/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/* OLD CONSOLE STYLES STILL USED ? --------------------------*/
/*-----------------------------------------------------------*/
#itemTabs,
#profileListBoxHeading {
	background-color:#85E2FE;
	padding-top:5px;
}
#itemTabs a {
	height:24px;
	font-size:13px;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:4px;
	display:block; 
	float:left; 
	text-align:center; 
	color:#ffffff;
	
	background-image:url('/portal/console/images/tabbg.jpg');
	background-position:top left;
	background-repeat:repeat-y;
	background-attachment:scroll;
}
.sideBoxHeading {
	height:20px; 
	padding:0px; 
	margin:0px;
}
/*----------------------------------------------------------*/
.browseColumn {
	padding:2px 0px 2px 0px; 
	text-indent:2px; 
	margin:0px; 
	float:left; 
	background-color:#D2ECD1; 
	font-weight:bold;
	height:15px; 
}
.browseCell {
	border-bottom:1px dashed #666666; 
	margin:1px 0px 0px 0px; 
	text-indent:2px; 
	height:14px;
	font-size:11px;
	float:left; 
	overflow:hidden;
}
/* MODAL ----------------------------------------------------*/
#modalScreen,
#modalModalScreen,
#modal3Screen {
	background-color:#dedede; border:0px; display:none; height:0px; left:0px; margin:0px; padding:0px; position:absolute; top:0px;
	z-index:90;
	filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
}
#modalWindow,
#modalModalWindow,
#modal3Window {
	background-color:#ffffff;
	border:0px;
	display:none; height:0px; left:0px; margin:0px; padding:0px; position:absolute; text-align:center; top:0px; width:0px;
	z-index:92;
}

#modalModalScreen { z-index:100; }
#modalModalWindowShadow { z-index:101; }
#modalModalWindow { z-index:102; }

#modal3Screen { z-index:103; }
#modal3WindowShadow { z-index:104; }
#modal3Window { z-index:105; }

#modalBar,
#modalModalBar,
#modal3Bar { padding-right:5px; }

#modalContent,
#modalModalContent,
#modal3Content { border:0px; margin:0px; padding:0px; }

#modalBar a:link,
#modalBar a:visited,
#modalModalBar a:link,
#modalModalBar a:visited,
#modal3Bar a:link,
#modal3Bar a:visited { color:#ffffff; text-decoration:none; }

/* BACK TO TOP ----------------------------------------------*/
#backtotop {
	display : none;
	margin : 0px;
	position : fixed;
	bottom : 60px;
	right:30px;
	z-index	: 89;
}

/* TOOLTIPS STYLES ------------------------------------------*/
.tooltip,
.tooltipdown{
	display: inline;
	position: relative;
}
.tooltip span,
.tooltipdown span {display: none;}
.tooltip:hover span,
.tooltipdown:hover span {
	background: rgba(255,255,210,.9);
	border-radius: 5px;
	border: 2px solid #999 ;
	color: #666;
	font-weight:normal;
	left: 10px;
	padding: 5px 5px;
	position: absolute;
	z-index: 50;
	white-space:nowrap;
	display:block;
}
.tooltip:hover:before,
.tooltipdown:hover:before{
	border: solid;
	border-color: #999 transparent;
	content: "";
	left: 20px;
	position: absolute;
	z-index: 49;
}
.tooltip:hover span { bottom: 24px; }
.tooltip:hover:before{
	border-width: 8px 8px 0 8px;
	bottom: 18px;
}
.tooltipdown:hover span { top: 24px; }
.tooltipdown:hover:before{
	border-width: 0 8px 8px 8px;
	top: 18px;
}


/* TOGGLE BUTTON  CSS FOR RADIO */
div.toggleswitch {

	padding:0px;
	    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

}
div.toggleswitch input { 
  display:none;
}
div.toggleswitch label {

	cursor:pointer;
	background-color: transparent;
	color:#000000;
	border-radius: 0;
	border: 0px solid #fff;
	padding:3px;
	text-align: center;
	font-size: 13px !important;
	
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;	
}
div.toggleswitch input + label:hover {
	background-color: #888;
	/* font-weight: bold; */
}
div.toggleswitch input:checked + label {
  color: #ffffff;
  background-color: #e95a28;
}

div.toggleswitch input:disabled + label {
  color: #cccccc;
  background-color: #eeeeee;
}

/* AS ABOVE BUT AS CHECKBOXES FOR FILTER BAR */
div.toggleswitchfilterbox label {
	color:#000000;
	border: 2px solid #aaaaaa;
	background-color: #eeeeee;
	padding:2px;
	border-radius:3px;
}
div.toggleswitchfilterbox input + label:hover {
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #000000;
}
div.toggleswitchfilterbox input:checked + label:hover {
	color: #000000;
	background-color: #FE8800;
	border: 2px solid #000000;
}
div.toggleswitchfilterbox input:checked + label {
	color: #ffffff;
	background-color: #FE8800;
	border: 2px solid #FE8800;
}
div.toggleswitchfilterbox input:disabled + label {
	color: #cccccc;
	background-color: #eeeeee;
}


/* things that need removing from maultiple source code files  after 20th december 2021 */

.ellipsis { 
	white-space: nowrap !important;  
	overflow: hidden !important; 
	text-overflow: ellipsis !important; 
}


/* total disc for icon in browse row */
.totaldisc {
	position:absolute;
	right:0;
	z-index:2;
	color:#000000;
	background-color:#FE8800;
	width:20px;
	height:20px;
	border-radius:10px;
	text-align:center;
	padding-top:3px;
	box-sizing:border-box;
	font-size:11px;
	margin-top:-5px;
	border: 1px solid #ffffff;
}

#filtersearchquery::placeholder { color:#aaa;  } 				
#filtersearchquery:focus::placeholder { color:#fff; } 

.sidebarflex {
	width:100%;
	overflow:hidden;
	height:0px;
	overflow-y:scroll;
	box-sizing:border-box;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: 	all .3s ease-in-out;
	-ms-transition: 	all .3s ease-in-out;
	-o-transition: 		all .3s ease-in-out;
	transition: 		all .3s ease-in-out;
}

/**
 * Generic admin page
 */
.folder-box-panel {
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 28px;
}

.folder-box-panel select {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #CCCCCC;
}

.results {
	box-sizing: border-box;
	font-size: 0.9em;
}

.results .result-row {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
}

.results .result-row.dormant,
.results .result-row.dormant:hover {
	background: repeating-linear-gradient(-45deg, #EEEEEE, #EEEEEE 5px, #FFFFFF 5px, #FFFFFF 10px);
	opacity: 0.5;
}

.results .result-row.dormant:hover {
	opacity: 0.8;
}

.results .result-row:first-child {
	border-top: 1px solid #CCCCCC;
}

.results .result-row:hover {
	cursor: pointer;
	background: #EEEEEE;
	transition: 0.5s ease;
}

.results .result-row .name {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.results .result-row .description {
	display: block;
	font-size: 0.8em;
}

.results .result-row .type {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0.7em;
	color: #BBBBBB;
}

.results .result-row .type img {
	vertical-align: middle;
	opacity: 0.7;
}

/**
 * WIKI styling
 */
#wiki_results_container {
	font-size: 14px;
	margin-bottom: 20px;
	text-align: center;
}

	#wiki_results_container .result {
		display: block;
		color: #000000;
		padding: 3px 0;
		cursor: pointer;
	}

/**
 * HELP SECTION
 */ 
#helpBar {
	width: 750px;
 	/* background-color: #f6f6f6; */
 	font-size: 14px;
	float: left;
	box-sizing: border-box !important;
}

	#helpBar table {
		border-spacing: 0px;
		border-collapse: collapse;
	}

		#helpBar table tr {
			vertical-align: top;
		}

			#helpBar table th {
				text-align: center;
				border-bottom: 1px solid #CCCCCC;
				vertical-align: middle;
				height: 30px;
			}

			#helpBar table td {
				padding: 5px;
			}

#helpSide {
	float: left;
	box-sizing: border-box !important;
}

#helpSidePane {
 	box-sizing: border-box;
 	background-color: #FFFFFF;
 	border-radius: 10px;
 	border: 1px solid #CCCCCC;
 	padding: 10px;
 	margin-right: 10px;
	width: 210px;
}

.help-filters-container {
	width: 750px;
	float: left;
	background-color: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	box-sizing: border-box !important;
}

#helpContent {
	width: 750px;
	box-sizing: border-box !important;
	float: left;
}

	#helpContent table {
		border-spacing: 0px;
		border-collapse: collapse;
		font-size: 13px;
		color: #000000;
		table-layout: fixed;
		width: 100%;
		border: 0;
	}

		#helpContent table tr {
			vertical-align: top;
		}

		#helpContent table tr:hover {
			cursor: pointer;
			background: #EEEEEE;
			transition: 0.5s ease;
		}

			#helpContent table th,
			#helpContent table td {
				padding: 5px;
				box-sizing: border-box !important;
				border: none;
				border-bottom: 1px solid #CCCCCC;
			}

.new {
	background: #A0E1FF;
	border: 1px solid #A0E1FF;
}

.escalated {
	background: #FFBFB7;
	border: 1px solid #FFBFB7;
}

.closed {
	background: #E8F4D6;
	border: 1px solid #E8F4D6;
}

.legend-container {
	display: block;
	width: 265px;
	float: right;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
}

	.legend-container .legend-item {
		display: inline-block;
		margin: 5px;
		margin-right: 10px;
	}

		.legend-container .legend-item .legend-colour {
			width: 20px;
			height: 20px;
			margin-right: 5px;
		}

		.legend-container .legend-item .legend-colour,
		.legend-container .legend-item .legend-name {
			display: inline-block;
			vertical-align: middle;
		}

table.ticket-technical-detail {
	font-size: 12px;
}

	table.ticket-technical-detail tr {

	}

		table.ticket-technical-detail tr th {
			padding: 5px 20px 5px 0px;
		}

		table.ticket-technical-detail tr td {
			padding: 5px 20px 5px 0px;
		}

/***********************************************************************
 * Mailshot - Adding to queue modal
 ***********************************************************************/
 .mailshot-adding-to-queue-modal {
	height: 780px;
	text-align: center;
 }

	.mailshot-adding-to-queue-modal .loading-container {
		margin: 20px auto 50px auto;
		padding-top: 120px;
		background: #FFFFFF url('/portal/console/images/loading.gif') center center no-repeat;
		background-size: 64px 64px;
		min-width: 500px;
	}

	.mailshot-adding-to-queue-modal .loading-container.success {
		color: #007D47 !important;
		background: #FFFFFF url('/portal/console/images/green-tick.png') center center no-repeat;
		background-size: 64px 64px;
		font-weight: bold;
	}
	
		.mailshot-adding-to-queue-modal .loading-container .loading-spinner {
			width: 64px;
			margin-bottom: 20px;
		}

	.mailshot-adding-to-queue-modal .progress-modal-content {
		font-size: 12px;
		height: 630px;
		overflow-y: auto;
	}

		.mailshot-adding-to-queue-modal .progress-modal-content .item-added-to-queue {
			display: block;
			padding: 4px;
			color: #AAAAAA;
		}