/* START OF GENERAL STYLES */

/* Styling to allow 100% height on contained elements, including iframes */
html, body, form {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Prevent unwanted space above the body element causing an unwanted vertical scroll within iframes */
body {
	position: absolute !important;/* Important fix for Chrome jump up scroll problem */
	top:0;
	left:0;
}

.centered {
 	margin: auto;
 	height:90%;
}

body.imageviewer
{
	margin: 0;
	background-color: #FFFFFF;
	background: #FFFFFF none no-repeat top left;
}

/* Title bar styles */

.titlebar
{
	display: table;
	width: 100%;
	background: #377AB1 url(admin/images/backgr/titlebarbg.gif) repeat-x top left;
	color: white;
	border-bottom: 1px groove;
	border-top: 1px groove;
	table-layout:fixed;
}

.titlebarcell
{
	height: 44px;
	color: white;
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: middle;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding: 0px 0px 0px 15px;
	font-size: 125%;
	font-weight: bold;
}

.popuptitlebarcell
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	background: #377AB1 url(admin/images/backgr/titlebarbg.gif) repeat-x top left;
	vertical-align: top; /* For IE */
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding: 3px 6px 3px 6px;
	font-weight: bold;
	font-size: 120%;
	width: 60%;
}

/*
   Titlebar id/search styles used for IE
*/
.titlebarcellsmall
{
	height: 44px;
	color: white;
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
}
.popuptitlebarcellsmall
{
	display: inline-block;
	vertical-align: top;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding: 4px 6px 4px 6px;
	text-align: right;
	width: 39%;
}


/*
   Titlebar id/search style used for mozilla browsers
*/
.titlebarcellsmall-moz
{
	/* Intentionally left blank so as not to effect the other
	   .titlebarcellsmall-xxxx-moz styles for mozilla browsers */
}
.popuptitlebarcellsmall-moz
{
	/* Intentionally left blank so as not to effect the other
	   .titlebarcellsmall-xxxx-moz styles for mozilla browsers */
}
.titlebarcellsmall-row-moz
{
	clear: both;
	margin-top: -5px;
	/*padding: 8px 1px 2px 6px;*/
	/* border: thin solid red; Uncomment when debugging */
}
.popuptitlebarcellsmall-row-moz
{
	clear: both;
	padding: 4px 6px 4px 6px;
	/* border: thin solid red; Uncomment when debugging */
}
.titlebarcellsmall-idform-moz
{
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
	width: 100%;
	/* border: thin solid white; Uncomment when debugging */
}
.titlebarcellsmall-searchform-moz
{
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
	width: 100%;
	/* border: thin solid white; Uncomment when debugging */
}
div.spacer
{
	clear: both;
}


.gridtitle
{
	background-color:#377AB1;
}

.utilitypanel
{
	text-align: right;	
}



/* Text used by all pages */


.warningborder,
td.warningpanel
{
	padding: 10px 10px 10px 35px;
	box-sizing: border-box;
	border: 1px solid;
	position: relative;
	background-color: #fcf8e3;
    color: #8a6d3b;
    border-color: #8a6d3b;
	font-size: 14px;
}
.warningheading
{
	font-weight: 700;
	font-size: 16px;
    float: left;
    width: 100%;
    padding:0;
    display: block;
    margin: 0 0 10px 0;
}

.warningborder:before,
td.warningpanel:before {
	content: "\f06a";
	 position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.2rem;
}

.warningtext{
	font-size:12px;
}

.errortext
{
	color: #a94442;
}

.errorborder,
td.errorpanel
{
	padding: 10px 40px 10px 35px;
	box-sizing: border-box;
	border: 1px solid;
	position: relative;
	background-color: #f2dede;
	color: #a94442;
	border-color: #a94442;
	font-size: 14px;
}
.errorheading
{
	font-weight: 700;
	font-size: 14px;
    float: left;
    width: 100%;
    padding:0;
    display: block;
    margin: 0 0 10px 0;
}

.errorborder:before,
td.errorpanel:before {
	content: "\f056";
	 position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.2rem;
}

.errormsg
{
	color: #a94442;
}

#loginPageTable td.warningpanel,
#loginPageTable td.errorpanel{
	font-size:12px;
}


/* Table and Input controls don't inherit from the body tag properly so need this style definition */
body,INPUT,input,TEXTAREA,textarea,SELECT,select,TABLE,table,TH,th,TR,tr,TD,td,legend
{
	font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif, sans-serif;
	font-size: 100%;
	font-size:12px;
	font-weight: normal;
}

TEXTAREA,textarea {
	resize: none;
}

/* Anchor tag styling */
a,A
{
	color: #377AB1;
	text-decoration: none;
}

a:hover
{
	color : #000000;
}

A.help,a.help
{
	color: #377AB1;
	text-decoration: underline;
}

/* Image tag styling */
img,IMG
{
	border: 0px;
}

.indent
{
	margin-left: 20px;
	margin-top:5px;
	margin-bottom:5px;
}

/* Text used by all pages */
.pagetext
{
	font-size: 100%; /* Only required for flash - style definitions cannot be empty */
	text-align: left;
}

.pagetext-radio
{
 	vertical-align: text-top;
 	padding-top: 5px;
}

/* Tip text used by all pages */
.pagetexttip
{
	color: #000;
	font-size:70%;
	background-color: #e4ebf2;
	border: 1px solid #BBB;
}

/* Emphasized text used by all pages */
.pagetextemphasis
{
	font-style:italic;
}

/* Text used by all controls on pages */
.pageinputtext
{
	/* commented out due to image overlaying text in some text boxes, left in case change needs to be reversed */
	/*background: #FFF url(admin/images/backgr/inputbg.gif) repeat-x top left;*/
	border: 1px solid #BBB;
}

/*.pageinputtext:focus {
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}*/

#titlebarid .pageinputtext{
	background:#fff !important;
}

#titlebarid .pageinputtext + div{
	margin: 10px 10px 10px -2px !important;
	background: #fff !important;
	position: relative;
}

#titlebarid .pageinputtext + div:hover,
#titlebarid .pageinputtext + div:focus{
	background: #ccc !important;
	color:#fff;
}

#titlebarid .pageinputtext + div:before{
	content: "\f002";
    color: #333;
    top: 3px;
    right: 5px;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
}

.pagefixedtext
{
	line-height: 24px;
	height: 24px;
}

#divLoginDetails td.pageinputtext,
input.pageinputtext,
input.pageinputtexterror,
textarea.pageinputtext, 
select.pageinputtext {
	padding: 5px;
    height: 32px;
	box-sizing: border-box;
}

input.pageinputtexterror {
	border-color: #a94442;
}

textarea.pageinputtext{
	height: 80px;
}

#divLoginDetails td.pageinputtext,
input.pageinputtextopt
{
	line-height: 20px;
	height: 20px;
}

input[type=radio]
{
	vertical-align: middle;
	height: 24px;
	line-height: 24px;
}

input[type=file].pageinputtext{
	border: none;
	line-height: normal;
}

/* IE doesn't support attribute selectors (even though they are a W3C standard)
   so we must have a new style for radio-buttons and checkboxes that doesn't
   set the (white) background colour used by text boxes. */
.pageinputtextopt
{
	vertical-align: middle !important; /* to prevent icmform.css vertical-align: bottom affecting non-iCM form radio buttons */
	background-color: transparent !important;
	border: 1px none;
	margin: 5px 0 2px 0;
}

select
{
	padding: 1px;
	box-sizing: border-box;
	/*margin: 0px;*/
}



select[multiple].pageinputtext {
	line-height: normal !important;
	height: auto !important;
	padding:5px;
	margin:0 0 5px 0;
}

#view_password{
	margin: -8px 0 0 0 !important;
    padding: 0 14px 10px 0 !important;
}


/* Base panel to be used by all pages - provides margins around the edge of page */


/* Overall heading - e.g. "New Media of type..." */
.pagetitle
{
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	color: #595959;
}

.pagetitletruncate
{
	font-size: 12px;
	text-align: left;
	padding-top: 10px;
	color: #595959;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:100%;
}

/* Overall heading extra info - e.g. "in group..." */
.pagesubtitle
{
	font-size: 125%;
	padding-top: 10px;
	color: #595959;
}

/* Coloured text used by all pages */
.pagedetail
{
	color: #595959;
}

.formpopuplabel {
	color: #595959;
	padding: 10px 2px 10px 2px;
}

.popuplabel {
	padding-bottom: 4px;
	padding-top: 8px;
}

/* horizontal rule used to subdivide grouped control */
hr,HR
{
	padding: 0px;
	margin: 10px 5px 10px 0;
	color: #99bbe8;
	background-color: #90b4e9;
	height: 1px;
	border: none;
}

/* fieldsets */


.groupborderext, .searchborderext {
	position: relative;
	top: 9px;
	padding-top: 22px;
}
.ext-ie8 .groupborder, .ext-ie8 .searchborder
{
	padding-top: 0px;
}

.ext-ie8 .groupheading, .ext-ie8 .searchheading {
	margin-bottom: 10px;
}

.groupheadingext, .searchheadingext
{
	position: absolute;
	top: -18px;
	left: -1px;
	margin-top: 8px;
	margin-left: 8px;
}

legend.groupheading span.quickhelp,
h2.groupheadingext span.quickhelp,
legend.searchheading span.quickhelp,
h2.searchheadingext span.quickhelp {
	color: #377AB1;
    margin-right: -5px;
	margin-left: 10px;
	z-index: 1;
	letter-spacing: 0;
}

/* main group box style but with less padding */
.groupborder2
{
	padding: 0px 0px 10px 0px;
	border: 1px solid #BBB;
}

/* main group box title but with less padding */
.groupheading2
{
	color: #377AB1;
	text-align: left;
	padding: 4px 0px 6px 0px;
}

/* main group box style but with less padding */
.groupborder3
{
	padding: 0px 5px 5px 5px;
	border: 1px solid #BBB;
}

/* main group box title but with less padding */
.groupheading3
{
	color: #377AB1;
	text-align: left;
	padding: 0px 2px 8px 2px;
}

.skeletontext
{
	font-size : 11px;
	font-family : Courier,Roman;
	color : 000000;
	border: 1px solid #BBBBBB;
}

/***************************************/
/* Start of login page styles */
body.login
{
	margin: 0;
	background-color: #e5e5e5;
}

.loginBg {
	background:center no-repeat url(admin/images/login_background.png);
}

.loginTable {
	width: 780px;
	margin: auto;
	height: 100%;
}

.loginLogo {
	width: 418px;
	background: left no-repeat url(admin/images/login_icm_logo.png);
}

.loginFormContainer {
	vertical-align: middle;
	padding-right: 15px;
}

.loginFormContainer form{
	display: inline;
}


.controlframe
{
	padding: 0;
	border: 0px solid #BBB;
}

.controlframe p{
	padding:0 0 10px 0;
}

.passwordlink{
	text-decoration:underline;
	color:#595959;
	display:block;
	margin:0 5px 0 0;
}

.passwordlink:hover,
.passwordlink:focus
{
	color:#000;
	text-decoration:none;
}

/* Keep consistent with pageinputtext, etc */
.inputcontrol
{
	height: 30px;
	width: calc(100% + 5px);
    line-height: 18px;
	padding: 5px 10px;
	margin:0 0 10px 0;
    box-sizing: border-box;
    border: 1px solid #BBB;
}


/***************************************/
/* START OF ICMLIST.CFM RELATED STYLES */

/* Styles for ICMLIST/ICMSCROLLLIST context menu */
.menu
{
	position: absolute;
	width:  200px;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 5;
	padding: 2px;
	background-color: #fff;
	border: 1px solid;
	border-color: #aaa
}
.menuitem
{
	padding: 3px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 1em;
	cursor : default;
	border: 1px solid #fff !important;
	line-height: 16px;
}
.menuitem:hover{
	background-color:#e5e5e5 !important;
	border-color: #e5e5e5 !important;
}


.menuitemdisabled
{
	padding: 3px;
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 1em;
	cursor : default;
	border: 1px solid #f0f0f0;
	line-height: 16px;
}
.menuitemicon
{
	padding: 2px 2px 2px 30px;
}
.separator
{
	border-bottom: 1px solid #999999;
	margin: 4px 2px 2px 2px;
	width: 190px;
	line-height: 1px;
}

/* Panel upon which iCM lists should be placed */
.systemlistborder
{
	border: 1px solid #FF0000;
	padding: 0px 7px 7px 7px;
}

/* iCM list border styles */
.listborder
{
	border: 1px solid #377AB1;
	padding: 0px 10px 10px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* iCM list border's title */
.systemlistheading
{
	color: #FF0000;
	text-align: left;
	margin: 0px 5px 5px 5px;
}

.listheading
{
	color: #504361;
    float: left;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 700;
}

/* iCM list messages e.g. "No such information" message */
.listmessage
{
	text-align: center;
	width: 100%;
	padding-top: 10px;
}

.divtable
{
	display: table;
	width: 100%;
	table-layout:fixed;
}

.divtablerow
{
	display: table-row;
}

.divtablecell
{
	vertical-align: top;
	display: table-cell;
}

/* iCM generic row and row cell styles, e.g. for search criteria */
.tablerow
{
	display: table;
	width: 100%;
	text-align: left;
	color: #595959;
	padding-top: 0px;
	margin: 0px;
	table-layout:fixed;
}
.tablecell
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

/* iCM list row/cell styles */
.rowtitle
{
	display: table;
	width: 100%;
	text-align: left;
	font-weight: bold;
	padding-top: 0px;
	table-layout:fixed;
	border:0 !important;
}
.rowtitlecell
{
	font-weight: bold;
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 0 2px 10px 0 !important;
	font-size:18px !important;
	color:#524161;
	border-bottom:#524161 1px solid;
	font-weight:700 !important;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	letter-spacing: -0.5px;
}


.rowtitle + .rowtitle .rowtitlecell,
.rowtitle + .rowtitle .rowcell{
	color:#595959;
	font-size:14px !important;
	border-bottom:#aaa 1px solid;
	padding: 8px 2px 5px 1px !important;
	background-color: #e5e5e5;
	margin:0;
	letter-spacing: 0;

}

	.roweven
{
	display: table;
	width: 100%;
	text-align: left;
	table-layout:fixed;
	background-color: white;
	border-bottom:#ccc 1px solid
}
.rowevencellid
{
	display: inline-block;	/* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top;	/* For IE */
/*	background-color: #F0F0F0; */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.rowevencelliderror
{
	display: inline-block;	/* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top;	/* For IE */
/*	background-color: #D5D0B2; */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color: red;
}
.rowevencell
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.rowevencellerror
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color: red;
}
.rowevencellwrap
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	overflow:visible;
}
.rowevencellerrorwrap
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	overflow:visible;
	color: red;
}
.rowodd
{
	display: table;
	width: 100%;
	text-align: left;
	table-layout:fixed;
	background-color: #f1f1f1;
	border-bottom:#ccc 1px solid
}
.rowoddcellid
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.rowoddcelliderror
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color: red;
}
.rowoddcell
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.rowoddcellerror
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color: red;
}
.rowoddcellwrap
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	overflow:visible;
}
.rowoddcellerrorwrap
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	overflow:visible;
	color: red;
}

/* iCM scroll list row/cell styles */
.rowcell
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.row
{
	display: table;
	width: 100%;
	text-align: left;
	margin-top : 2px;
	margin-left: 0px;
	margin-right: 0px;
	table-layout:fixed;
}

/* Style for spans that allows table-like layout without tables. Use within a 'row'-styled div. */
.rowtablecell
{
	display: inline-block; /* For Opera and IE */
	display: table-cell; /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: baseline; /* For IE */
	padding: 8px 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

/* END OF ICMLIST.CFM RELATED STYLES   */
/***************************************/

/* Styles for iCM media gallery items */
.gallerytitle
{
	width: 115px;
	font-weight: bold;
	text-align: left;
	color: #595959;
	display: inline-block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding: 4px 0 0 0;
}
.galleryrow
{
	display: table-row;
	width: 100%;
	text-align: left;
	color: #595959;
	padding-top: 0px;
	margin: 0px 0px 20px 0px;
	table-layout:fixed;
}
.gallerycell
{
	width: 115px;
	text-align: left;
	color: #595959;
	display: inline-block; /* For Opera and IE */
	/*display: table-cell;*/ /* For FireFox and Opera - must be below display: inline-block to display as intended on FF3 */
	vertical-align: top; /* For IE */
	padding: 2px;
	margin-top: 10px;
}
.galleryimage
{
	display: inline-block;
	min-width: 115px;
	text-align: center;
	vertical-align: middle;
}
.gallerydescription
{
	width: 115px;
	text-align: left;
	color: #595959;
	font-weight: normal;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display: inline-block;
	padding: 2px 0;
}
.gallerybuttons
{
 	line-height: 20px;
 	height: 20px;
 	display: inline-block;
}

/* End of syles for iCM media gallery items */
/********************************************/

/* OLD STYLES */

/* Style used to represent search text */
.SearchText
{
	font-size : small;
	font-weight : bold;
	color : 000000;
}

.popupmessage
{
	padding: 20px;
	width: 200px;
	border: 1px solid #377AB1;
	background-color: #ECE9D8;
	font-weight: bold;
}

/* Online/Quick help styles */

.helptitle
{
	font-size: 250%;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	color: #377AB1;
}

.helpsubtitle
{
	font-size: 200%;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #377AB1;
}

.helpsubtitle2
{
	font-size: 130%;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #377AB1;
}

.helpsubtitle3
{
	font-size: 125%;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: normal;
	color: #377AB1;
}

.helptext
{
	font-size: 100%; /* Only required for flash - style definitions cannot be empty */
	padding-left: 2px;
}

body.icmhelp {
 	background-color: #ffffdd !important;
}
body.icmhelp,
div.icm-quickhelp-panel {
	padding: 5px;
	border: 1px solid #ccc;
}

.icm-quickhelp-panel,
.icm-quickhelp-panel .x-tip-tl,
.icm-quickhelp-panel .x-tip-tr,
.icm-quickhelp-panel .x-tip-tc,
.icm-quickhelp-panel .x-tip-mr,
.icm-quickhelp-panel .x-tip-ml,
.icm-quickhelp-panel .x-tip-bl,
.icm-quickhelp-panel .x-tip-br,
.icm-quickhelp-panel .x-tip-bc,
.icm-quickhelp-panel .x-tip-bwrap
 {
	border: none;
	color: #000 !important;
 	background-color: #ffffdd !important;
	background-image: none !important;
	/* Make sure the text displayed in the quick help is selectable */
	/* IE11, for one, seems to need this */
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	
}
.icm-quickhelp-panel .x-tip-tr {
	padding-right: 0 !important;
}

.icm-quickhelp-panel div.x-tip-header {
	margin-top: 5px;
}
.icm-quickhelp-panel .x-tool {
	margin-top: -5px;
}

/* Override the anchor (pointer) image for the quickhelp so it can be styled to match the quickhelp panel */
.icm-quickhelp-panel div.x-tip-anchor {
	/*background-image: url('admin/images/extjs/quickhelp/tip-anchor-sprite.gif');*/
	background-image: none;
}
.icm-quickhelp-panel p {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Currently used to add 'title' attribute to an A tag without inserting a quick help icon */
span.quickhelp, td.quickhelp {
	height: 15px;
	min-width: 18px;
	width: 18px;
	cursor: pointer;
}
span.quickhelp {
	display: inline-block;
}

.quickhelp{
	position: relative;
	text-align:center;
}
.quickhelp:after{
    content: "?";
    font-weight: 900;
    position: absolute;
    top: 0;
    right: 5px;
    color: #377AB1;
    height: 15px;
    width: 15px;
    background-color: #efefef;
    line-height: 17px;
    border-radius: 50%;
    font-size: 12px;
}
/* Quick help icon at the end of a field set label needs to be a bit lower */
span.quickhelp{
    top: 3px;
    left: 3px;
}
.quickhelp:hover:after{
	background-color:#ccc;
}

.popuplabel .quickhelp{
    top: 0;
}


.topBarIconPanel .quickhelp:after{
	content:"";
	background-color:transparent;
}

.quickhelp:hover{
	color:#000;
}

.icmformtable .quickhelp:after{
	/*top:3px;*/
}

span.quickhelpwarn {
	background: transparent url('admin/images/show_errors.gif') no-repeat center left;
}
span.quickhelp-right {
	float:right;
	margin-top:7px;
}
span.quickhelp-grid-dlg {
	float:right;
	margin-top: 1px;
	margin-bottom: 0px;
}
.ext-gecko #target-details .x-menu-list-item {
	white-space: normal;
}

/* quickhelp icons in the settings panels of the forms designer */
.icm-forms-accordion span.quickhelp {
	margin-left: -4px;
	margin-top: -1px;
	margin-right: 4px;
	float: left;
	min-width: 16px;
	width: 16px;
	border-right: 1px solid #eee;
}
.icm-forms-accordion .icmfieldtype span.quickhelp {
	margin-left: 4px;
	margin-top: 1px;
	margin-right: 0px;
	float: left;
	min-width: 15px;
	width: 15px;
	border-right: none;
}


.popuplabel span.quickhelp {
	margin-left: 5px;
	margin-bottom: -4px;
}

span.quickhelp-list {
	float: right;
	margin-right: -3px;
}

span.quickhelp-list-col {
	float: right;
	margin-right: -6px;
}

.icm-quickhelp-mask {
	background-color: transparent; /* Make mask transparent so the quickhelp itself isn't visibly masked */
    z-index: 10000;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    zoom: 1;
}

.buttondisabled
{
	filter: gray() alpha(opacity=30); /* IE */
	opacity: 0.30; /* Safari, Opera and Mozilla */
}

.textdisabled
{
	color: #cccccc;
}






/* images for context menus */
.context-menu-arrowr {background-image: url(admin/images/add.png) !important;}
.context-menu-arrowl {background-image: url(admin/images/remove.png) !important;}
.context-menu-locate {background-image: url(admin/images/info_i.gif) !important;}
.context-menu-preview {background-image: url(admin/images/preview.gif) !important;}
.context-menu-select {background-image: url(admin/images/relatedby.gif) !important;}

/* images for constraint nodes */
.tree-image-passed {background-image: url(admin/images/passed.gif) !important;}
.tree-image-failedrequirement {background-image: url(admin/images/failedrequirement.gif) !important;}
.tree-image-failedrecommendation {background-image: url(admin/images/failedrecommendation.gif) !important;}

/* big tree nodes for browsing media items */
.tree-bignode .tree-bignode-icon, .ext-ie .tree-bignode .tree-bignode-icon {vertical-align: bottom !important;}

/* tree icon for errored nodes in the RCE. e.g. external search failures */
.tree-icon-error {background-image: url(admin/images/error.gif) !important; width:17px !important;}

.tree-bignode .x-tree-elbow, .ext-ie .tree-bignode .x-tree-elbow
{
	border:0 none !important;
	height:100px !important;
	margin:0 !important;
	padding:0 !important;
	vertical-align:top !important;
	width:16px !important;
	background: url('admin/images/bigtreeelbow.gif') no-repeat !important;
}

.tree-bignode .x-tree-elbow-end, .ext-ie .tree-bignode .x-tree-elbow-end
{
	border:0 none !important;
	height:100px !important;
	margin:0 !important;
	padding:0 !important;
	vertical-align:top !important;
	width:16px !important;
	background: url('admin/images/bigtreeelbowend.gif') no-repeat !important;
}

.tree-bignode .x-tree-elbow-line, .ext-ie .tree-bignode .x-tree-elbow-line
{
	border:0 none !important;
	height:100px !important;
	margin:0 !important;
	padding:0 !important;
	vertical-align:top !important;
	width:16px !important;
	background: url('admin/images/bigtreeelbowline.gif') no-repeat !important;
}

.x-menu-item-active {
	background-image: none !important;
}

/* Override padding added to buttons in ext-all.css - pushes button text down to far on IE9 */
.ext-ie9 .x-btn button {
	padding-top: 0px !important;
}

/*******************************
 Styles used by icmtabpanel.cfm
*/
.icm-section-btn-button {
		border: none;
		background: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.icm-section-btn-over, .icm-section-btn {
		border: none;
		background: none;
		height: 24px;
		margin: 2px;
}

.icm-section-btn-center {
		padding-right: 5px;
}


.icm-section-btn-over .icm-section-btn-center{
	cursor: pointer !important;
}



.icm-section-btn-left{
	background:none;
	width: 3px;
}

.icm-section-btn .icm-section-btn-center{
	background:none;
}

.icm-section-btn-right{
	background:none;
	width: 3px;
}


.icm-btn-text-active
{
	font-weight: bold !important;
	cursor: default !important;
}

.icm-btn-icon
{
	width: 22px;
	height: 22px;
	background: none;
	cursor: pointer !important;
}

.icm-btn-text-active .icm-btn-icon
{
	background-image: url(admin/images/editpencil.png) !important;
	cursor: default !important;
}

/***/

.related-content-image{
	display: block;
}

.transparent-image-background {
	display: block;
	background-image: url(admin/images/transparent-image-background.png);
}

.related-content-image-anchor{
	margin-left: 10px;
    position: absolute;
    padding-bottom: 10px;
}

.x-progress-wrap.progress .x-progress-text {
    text-align:left;
	margin-left: 5px;
}
.x-progress-wrap.progress {
	margin:20px 0 10px 0;
}

.error-report
{
	color: red;
	margin-top: 10px;
	margin-left : 15px;
	margin-right : 15px;
	margin-bottom : 0px;
}

.progress-report
{
	margin:10px 0 0 0;
}

/*
 Style used to lighten the colour of the Extjs mask when used to disable
 a text block's editor.
 */
.textblock div.ext-el-mask
{
	background-color: #FFF !important;
}
/*
	Styles for the _ExtIFrameWindow tools.
	We leave 'x-tool' alone as this is used for other Extjs tools within iCM.
*/


.x-tool-icm-tool-contribhelp,
.x-tool-icm-tool-contribhelp-over {
    background-image: url(admin/images/tool/contributorhelp.png) !important;
    background-position: 0 0 !important;
}

/* _ExtIFrameWindow footer and page buttons styling */


/* In page buttons styles */


.icm-btn-primary .x-btn-tl,
.icm-btn-primary .x-btn-tr,
.icm-btn-primary .x-btn-tc,
.icm-btn-primary .x-btn-bl,
.icm-btn-primary .x-btn-br,
.icm-btn-primary .x-btn-bc,

.icm-btn-secondary .x-btn-tl,
.icm-btn-secondary .x-btn-tr,
.icm-btn-secondary .x-btn-tc,
.icm-btn-secondary .x-btn-bl,
.icm-btn-secondary .x-btn-br,
.icm-btn-secondary .x-btn-bc ,

.icm-btn-tertiary .x-btn-tl,
.icm-btn-tertiary .x-btn-tr,
.icm-btn-tertiary .x-btn-tc,
.icm-btn-tertiary .x-btn-bl,
.icm-btn-tertiary .x-btn-br,
.icm-btn-tertiary .x-btn-bc,

.icm-btn-page .x-btn-tl,
.icm-btn-page .x-btn-tr,
.icm-btn-page .x-btn-tc,
.icm-btn-page .x-btn-bl,
.icm-btn-page .x-btn-br,
.icm-btn-page .x-btn-bc {
	height: 1px !important;
}



/* Styles for the _ExtIFrameWindow header */
.icm-window-hdr-icon {
    background-image: url(admin/images/header/headleftsmall.png) !important;
	background-position: 6px 8px !important;
    padding-top: 6px !important;
}
.icm-window-hdr-text {
	margin: 5px 0 0 42px;
}

.ext-ie8 .icm-window-hdr-text {
	margin: 12px 0 0 52px;
}

.icm-window-hdr-mode {
	float: right;
	position: relative;
	top: -6px;
	margin-right: 2px;
}
.icm-window-hdr-mode-all {
	display: inline-block;
	height: 22px;
    width: 56px;
	background-image: url(admin/images/header/headleftmode-all.png) !important;
}
.icm-window-hdr-mode-browser {
	display: inline-block;
	height: 22px;
    width: 56px;
	background-image: url(admin/images/header/headleftmode-browser.png) !important;
}
.icm-window-hdr-mode-server_nodejs {
	display: inline-block;
	height: 22px;
    width: 56px;
	background-image: url(admin/images/header/headleftmode-server.png) !important;
}




/* Styles for the iCM loading/window masks */
/* icm-win-mask is used by the extjs popup windows when loading */
/* icm-loading-mask is used by showPopupMessage when no msg is supplied */
/* icm-loading-mask-msg is used by showPopupMessage when a msg is supplied */


div.icm-win-mask,
div.icm-loading-mask,
div.icm-loading-mask-msg {
	height: 70px;
	width: 200px !important;
	color: #524161 !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	font-size:16px !important;
	text-align: center;
	border: 0 !important;
	background-color:#fff;
	background-image: none !important;
	margin:0 !important;
}

div.icm-win-mask div,
div.icm-loading-mask div,
div.icm-loading-mask-msg div {
	height: 50px;
	border: 0px !important;
	background-color: #fff !important;
	background-image: url(admin/images/extjs/loading.gif) !important;
	background-position: 85px 30px !important;
	background-size:30px 30px;
	background-repeat: no-repeat !important;
	padding-bottom: 10px;
	margin:0 !important;
	color: #524161 !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	font-size:14px !important;
}

.icm-win-feedback {
	width: 100%;
	position: fixed; /* Ensures the message displays at the top of the visible area of the page, if scrolled */
	text-align: center;
}

.icm-win-feedback-msg {
	/*border: 1px solid #99BBE8;*/
	color: #377AB1;
	background-color: #dbecf4; /* #ffffdd */
	padding: 4px;
}

/*
 * Styles used by the content loaded into an _ExtIFrameWindow's iframe.
 * Currently, the initial size of the content will be used to automatically
 * set the minWidth/minHeight configs of the window.
 */
.icm-framewin-content {
	padding: 10px;
	box-sizing: border-box;
	margin:0;
	min-width: 645px;

}

.icmformtable {
	width:calc(100% - 10px);
	table-layout: fixed;
}


.icmform {
	padding:0;
	margin:0;
}

/* generic unselectable - for IE use the attribute unselectable="on" */
.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* To space out sprite-20 panel icons in the wysiwyg context menus */
.icm-menu-item-icon.sprite-20.articles-save-wip {
	left: -1px !important;
	top: 2px !important;
}
.icm-menu-item-icon.sprite-20.action-import {
	left: 2px !important;
	top: 1px !important;
}

/* Password Reset */
.password-reset-titlebox {
	color:white;
	font-size:18px;
	background-color:#637CBD;
	border:solid 1px #717C92;
	padding:3px 10px;
}

.popuplabel strong {
	font-weight:bold;
}

#VersionList, #DeletedVersionList {
	font-family : Courier New; font-size : 10pt;
	width: 100%;
}

.ext-gecko #version-form-win .x-form-check-wrap {
	line-height: normal;
}

#divChangeTemplate legend{
	float:left;
	font-size:14px;
}

#divChangeTemplate fieldset{
	border:1px solid #ccc;
	padding:10px;
	font-weight:700;
	margin:10px 0 0 0;
}

/* CREATIVE-177 - Temporary Fix until the fixed styles are changed */
#divSubsiteZones > fieldset > table > tbody > tr > td > table > tbody > tr > td:nth-child(1){
	width:85% !important;
}

/* CREATIVE-318 - iCM Form debug mode masks the actual form */
.cke_maximized{
	padding:20px 20px 20px 10px !important;
}

/* PTICM-8304 - Add wrapping for data in a report so that it remains readable on smaller screens */ 
.icmreportdata {
	word-wrap: break-word;
}