.dbad-YUI td.information,
.dbad-YUI td.information-highlight,
.information-highlight,
.information,
.tda-message, 
.dbad-YUI td.warning,
.mce-container.mce-warning .mce-container-body,
.warning {
	padding-left: 24px;
	font-weight: bold;
}
.dbad-YUI td.information strong,
.dbad-YUI td.information-highlight strong,
.information-highlight strong,
.information strong,
.tda-message strong,
.dbad-YUI td.warning strong,
.mce-container.mce-warning strong,
.warning strong {
	text-decoration: underline;
}
fieldset.information, p.information, div.information,
p.information-highlight, div.information-highlight,
p.warning, div.warning,
.mce-container.mce-warning,
p.tda-message {
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	vertical-align: middle;
}
fieldset.information, p.information, div.information,
p.information-highlight, div.information-highlight,
p.warning, div.warning,
p.tda-message {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
fieldset.information, p.information, div.information,
p.information-highlight, div.information-highlight,
p.warning, div.warning,
.mce-container.mce-warning .mce-container-body,
p.tda-message {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-right: 0.25em;
}

.information h3 {
	font-size: 120%;
}

.information h4 {
	font-size: 110%;
}

.dbad-YUI td.warning,
.warning,
.mce-container.mce-warning,
ul.warning > li {
	background: #FF6666 url(/zc/modules/Core/images/Icons/error.png) no-repeat 4px center;
}

ul.information li ul li,
ul.warning li ul li {
	list-style: initial;
}
ul.information,
ul.warning {
	background: none; /* We style the list items not the lists */
	padding: 0;
}


.dbad-YUI td.information,
.information,
.tda-message,
.dbad-YUI td.information-highlight,
.information-highlight,
ul.information > li {
	background: #CCCCFF url(/zc/modules/Core/images/Icons/information.png) no-repeat 4px center;
}
ul.warning > li,
ul.information > li {
	padding: 1em 1em 1em 24px;
}

.dbad-YUI td.information-highlight,
.information-highlight {
	background-color: #FFFFCC;
}
.information .yui-button,
.information-highlight .yui-button,
.warning  .yui-button {
	font-weight: normal;
}
.form_help .information {
	width: 20em;
	padding-right: 1ex;
}
.hide,
.always-hide,
.yui-skin-sam .hide {
	display: none !important;
}

/* HTML5 element support */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

/* generic */
div.indent {margin-left:20px}

/* audit classes */
.list-audit-logs td ul {
	padding: 0;
	margin: 0;
}
.audit-diff-added {
	background-color: #4c4;
	border: 1px solid #0f0;
}
.audit-diff-removed {
	background-color: #c44;
	border: 1px solid #f00;
}

/* Admin page */

.AdminPageBody {}
div.AdminPageOuter {
	color: #000;
	background-color: #fff;
}
div.AdminPageInner {
}
.AdminPageInner h1 { color: rgb(180, 50, 50);}
.AdminPageInner h2 { color: rgb(0, 102, 204);}
.AdminPageInner h3 { font-family: arial, sans-serif; color: black}
div.AdminPageOuter a {
	color: #00f;
	text-decoration: underline;
}
/* don't apply text-decoration to yui treeview or link buttons */
div.AdminPageOuter .ygtvitem a,
div.AdminPageOuter .yui-button a,
div.AdminPageOuter .yui-button a:link, 
div.AdminPageOuter .yui-button a:visited {
	text-decoration: none;
}

.Admin_Page {
	background: white;
	position:relative;
}

.UnderBreadcrumbsBar {
	position:relative;
}

.AdminLeft {
	position:absolute;
	top:40px;
	width:350px;
	border:1px solid #555;
	border-left-width:0;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	box-shadow: 3px 4px 5px #555;
	overflow:auto;
	z-index:99; /* Above everything except the menus */
	background-color:#fff;
}

.AdminLeft .yuimenu .admin-context-icon a {
	padding-left:24px;
}

/* Admin Links - hover styles */
.adminlinks-active,
.adminlinks-active .adminlinks-float {
	border: 1px black dashed !important;
}
.adminlinks.adminlinks-floatparent {
	border: 0 !important;
}

.adminlinks-active.adminlinks-hover,
div.adminlinks-active:hover,
.adminlinks-active.adminlinks-hover .adminlinks-float,
div.adminlinks-active:hover .adminlinks-float {
	background-color:#f2f7ff;
}
.adminlinks-hover.adminlinks-floatparent,
div.adminlinks.adminlinks-floatparent:hover {
	border: 0;
}

.adminlinks-hover .yui-panel .bd,
.adminlinks-hover .yui-panel .hd {
	border-color: black;
   	border-style: dashed;
}

.adminlinks-selected,
.adminlinks-selected .adminlinks-float {
	background-color: #e6f0ff;
}
.adminlinks-floatparent-selected {
	background-color: inherit;
	border: 0;
}

h1.adm { font-family:tahoma,arial; font-size:large; color:black;}
h2.adm { font-family:tahoma,arial; font-size:large; color:black; }

.box_admin {
	border: solid #809ab6 1px;
	padding: 0;
	margin: 0;
}
.boxheading_admin {
	background-color: #809ab6;
	padding-top: 2px;
	padding-bottom: 2px;
}
.boxheading_admin2col {
	background-color: #809ab6;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 8px;
	text-align: right;
}
.boxheading_admin h2, .boxheading_admin2col h2 {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 1em;
	font-weight: bold;
	line-height: inherit;
}
.boxheading_admin img {
	float: left;
}
.boxheading_admin2col_left {
	float: left;
}
.boxheading_admin2col_right {
	float: right;
	margin-right: 8px;
	text-align: right;
}

a.boxheadlink_admin:link, a.boxheadlink_admin:visited  {
	font-weight: bold;
	text-decoration: underline;
	color: white;
}

a.boxheadlink_admin:hover {
	background-color: white;
	color: #809ab6;
	text-decoration: none;
}

a.boxheadlink_noeffect:link, a.boxheadlink_noeffect:visited, a.boxheadlink_noeffect:hover  {
	font-weight: bold;
	text-decoration: none;
	color: white;
}

a.boxheadlink_underlineeffect:link, a.boxheadlink_underlineeffect:visited  {
	font-weight: bold;
	text-decoration: none;
	color: white;
}

a.boxheadlink_underlineeffect:hover  {
	font-weight: bold;
	text-decoration: underline;
	color: white;
}

.boxcontent, .boxcontent_admin {
	padding: 6px 10px 6px 10px;
}
.boxcontentrow, .boxcontentrow_admin {
	padding: 2px 0;
}

a.box_admin:link, a.box_admin:visited { color: #0033cc }
a.box_admin:hover { color: #cc0000 }

p.message {
	text-align: center;
}

br.extraspace {
	clear: both;
	line-height: 1.5em;
}

li.spacer {
	list-style: none;
	line-height: 1.5em;
}

.clear {
	clear: both;
}

.helpbox {
	background-color: #809ab6;
	color: #fff;
	margin: 1em 1em 0 0;
	padding: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

/* folder selects */
span.link {cursor:pointer;text-decoration:underline; color: #003366;}
span.link:hover {background:rgb(234,234,235);cursor:pointer;text-decoration:underline; color: #003366;}

/*LIST TABLE BLOCK*/
/* I'm fairly sure that these styles are deprecated as ListTab;e has been replace by TableDataAdmin */
tr.list_table_even,tr.even,td.even {background:rgb(250,250,250)}
tr.list_table_odd,tr.odd,td.odd  {background:rgb(240,240,240)}

.AdminPageInner table tr.even td, .AdminPageInner table tr td.even {background-color:rgb(250,250,250)}
.AdminPageInner table tr.odd td, .AdminPageInner table tr td.odd {background-color:rgb(240,240,240)}

.Admin_Header {font-size:medium; font-weight:bold}
.Admin_Header_Contents {font-size:1.1em}
.Admin_Body_Item_Title {font-weight:bold}
.Admin_Body_Item_Content {}

td.nolink { border:1px solid red }
table.child_blocks {}
th.child_blocks {font-family:tahoma,arial;font-weight:bold;background-color:rgb(235,235,235);text-align:left}
tr.child_blocks_even {font-family:tahoma,arial;font-size:small; line-height:200%; background-color:rgb(255,255,255)}
tr.child_blocks_even:hover {font-family:tahoma,arial;font-size:small; line-height:200%; background-color:rgb(255,255,200)}
tr.child_blocks_odd {font-family:tahoma,arial;font-size:small; line-height:200%; background-color:rgb(245,245,235)}
tr.child_blocks_odd:hover {font-family:tahoma,arial;font-size:small; line-height:200%; background-color:rgb(245,245,200)}
td.child_blocks_footer {font-family:tahoma,arial;font-size:small; background-color:rgb(235,235,235)}
tr.child_blocks_even td {font-family:tahoma,arial;font-size:small;}
tr.child_blocks_odd td {font-family:tahoma,arial;font-size:small;}
.Admin_Subsection {margin-bottom:5px;padding:10pt;}

.Admin_Subsection#input, .Admin_Subsection textarea, .Admin_Subsection select {margin:1px;}

input.Admin:focus, textarea.Admin:focus, select.Admin:focus {
  border: 1px solid;
  border-color: #002276 #4A5F9A #4A5F9A #002276;
  background-color: #FFFFFF;
}
input.Admin:disabled, textarea.Admin:disabled, select.Admin:disabled,
.valid input.Admin:disabled, .valid textarea.Admin:disabled, .valid select.Admin:disabled {
  border: 1px solid;
  border-color: #002276 #4A5F9A #4A5F9A #002276;
  background-color: #dddddd;
}
input.Admin, textarea.Admin, select.Admin{
  border: 1px solid;
  border-color: #002276 #4A5F9A #4A5F9A #002276;
  background-color: #EBF5FF;
}
.small_font {font-size:0.9em}

.htmledit { border:2px solid  white;
			padding:5px }

tr.folder_browse_even {font-family:tahoma,arial;font-size:small; background-color:rgb(255,255,255)}
tr.folder_browse_even:hover {font-family:tahoma,arial;font-size:small; background-color:rgb(255,255,200)}
tr.folder_browse_odd {font-family:tahoma,arial;font-size:small; background-color:rgb(245,245,235)}
tr.folder_browse_odd:hover {font-family:tahoma,arial;font-size:small; background-color:rgb(245,245,200)}

.headtabsclass {cursor:pointer;
				color: #003366;
				font-weight:bold;
				border:1px solid rgb(150,150,150);
				background:rgb(245,245,245);
				padding-left:5px;
				padding-right:5px}
.highlightheadtabsclass  {cursor:pointer;
							color: black;
							font-weight:bold;
							border-left:1px solid rgb(150,150,150);
							border-right:1px solid rgb(150,150,150);
							border-top:1px solid rgb(150,150,150);
							border-bottom:1px solid rgb(235,235,235);
							background:rgb(235,235,235);
							padding-left:5px;
							padding-right:5px}

.foottabsclass {cursor:pointer;
				color: #003366;
				font-weight:bold;
				border:1px solid rgb(150,150,150);
				background:rgb(245,245,245);
				padding-left:5px;
				padding-right:5px}

.highlightfoottabsclass {cursor:pointer;
						color: black;
						font-weight:bold;
						border-left:1px solid rgb(150,150,150);
						border-right:1px solid rgb(150,150,150);
						border-bottom:1px solid rgb(150,150,150);
						border-top:1px solid rgb(235,235,235);
						background:rgb(235,235,235);
						padding-left:5px;
						padding-right:5px}

.headtabsclass_validation {cursor:pointer;
				color: red;
				font-weight:bold;
				border:1px solid rgb(150,150,150);
				background:rgb(245,245,245);
				padding-left:5px;
				padding-right:5px}
.highlightheadtabsclass_validation  {cursor:pointer;
							color: red;
							font-weight:bold;
							border-left:1px solid rgb(150,150,150);
							border-right:1px solid rgb(150,150,150);
							border-top:1px solid rgb(150,150,150);
							border-bottom:1px solid rgb(235,235,235);
							background:rgb(235,235,235);
							padding-left:5px;
							padding-right:5px}

.foottabsclass_validation {cursor:pointer;
				color: red;
				font-weight:bold;
				border:1px solid rgb(150,150,150);
				background:rgb(245,245,245);
				padding-left:5px;
				padding-right:5px}

.highlightfoottabsclass_validation {cursor:pointer;
						color: red;
						font-weight:bold;
						border-left:1px solid rgb(150,150,150);
						border-right:1px solid rgb(150,150,150);
						border-bottom:1px solid rgb(150,150,150);
						border-top:1px solid rgb(235,235,235);
						background:rgb(235,235,235);
						padding-left:5px;
						padding-right:5px}



.inner_tab {background:rgb(235,235,235);
			padding-top:10px;
			padding-bottom:10px;
			border:1px solid rgb(150,150,150);}
.outer_tab {background:rgb(255,255,255);}

span.folderlistbullet { color:#ff9900; font-weight:bold;}

span.caption { font-weight:bold}

/* Mass mail */
/* These styles are used all over the place so have been left in the Core stylesheet instead of being moved into
/* a block specific stylesheet */
/* Core_Block_Email_Compose, Core_Block_Email_Dataview, Core_Block_Email_MassMail */
/* Core_Block_SMS_Compose, Core_Block_SMS_MassSMS, CreativeConcern_Block_RecordsetLoadAddEdit_ListView */
/* Nursingnet_Block_Email_Compose, Nursingnet_Block_Email_EmailAddressList, Nursingnet_Block_Email_JBECompose */
/* Prospect_Block_EmailAddressList */

div.mmlist		{ border:1px solid black; padding:0px; background:rgb(200,200,200);padding:1px; margin:10px;}
div.mmhead		{ border-bottom: 1px solid rgb(100,100,100); background:rgb(240,240,240); margin:0px;}
div.mmcontent	{ padding:20px; background: white;}
td.mmview		{ border-bottom:1px dotted black;}

/* Used for master validation messages (ie. at the top of the form) */
.full_validation
{
	background-color: #ffebea;
	border: 2px solid #f44;
	padding: 1em;
}

#head a {color:red}

div.blkadmlnk { border:1px solid rgb(0,0,200); background:rgb(0,0,150);color:rgb(255,255,0);z-index:5;position:absolute;}
a.blkadmlnk:link {color:rgb(250,250,0);display:block;padding:1px;margin:1px;background:rgb(0,100,200);}
a.blkadmlnk:visited {color:rgb(250,250,0);display:block;background:rgb(0,100,200);}
a.blkadmlnk:hover {color:rgb(250,250,0);background:rgb(100,100,200);display:block;}

/* Table select widget and content rules for outer widget and for TableDataAdmin content inside of the TableSelect iframe */
div.TableSelect td { font-size: x-small;}

div.tableselectiframewrapper
{
	z-index:100; margin:5px; padding:10px; background: white; border: 1px solid rgb(150,150,150);
}


/* Used in folder templates */
div.bdadbck {padding-bottom:30px;}
/* DID have "border: 1px solid #809AB6;" on the below also, but wide content overflows the div crossing its border. Removed the border. */
div.bdadpan {margin-top: 10px; padding: 10px 20px;}
a.bdadpan:link, a.bdadpan:visited { color: #0033cc }
a.bdadpan:hover { color: #cc0000 }
/* disabled version */
.disabled .widget-rodisplay {
	color: #B1A598;
	font-style: italic;
}

/* dbadcdd - database admin cascade delete denied then odd even and deny rows */
table.dbadcdd 	{ border-left:1px solid black; background: rgb(150,150,150); border-right:1px solid black; font-size:small;}
th.dbadcdd		{ background: rgb(200,200,200); color: blue }
td.dbadcddeven	{ background: rgb(220,220,220); }
td.dbadcddodd	{ background: rgb(240,240,240); }
td.dbadcdddeny	{ background: white; font-weight:bold }

/* dbad - database administration */
th.dbad, .dbadcaption { color: #01366e; font-weight: normal; vertical-align: top;}
.dbadboldcaption { color: #01366e; font-weight: bold; vertical-align: top;}
td.dbad { vertical-align: top; }
tr.dbadeven, tr.dbad0, td.dbadeven, td.dbad0	{ background: #F6F9E9; vertical-align: top; }
tr.dbadeveninactive, tr.dbad0inactive, td.dbadeveninactive, td.dbad0inactive	{ background: #b7b7ae; vertical-align: top; }
tr.dbadodd, tr.dbad1, td.dbadodd, td.dbad1	{ background: white; vertical-align: top; }
tr.dbadoddinactive, tr.dbad1inactive, td.dbadoddinactive, td.dbad1inactive	{ background: #bbbbbb; vertical-align: top; }
tr.selected td.dbadeven, tr.selected td.dbad0 { background: #bbbbbb;vertical-align: top; }
tr.selected td.dbadodd, tr.selected td.dbad1 { background: #a0a090;vertical-align: top; }
a.dbad:link, a.dbad:visited { color: #0033cc }
a.dbad:hover { color: #cc0000 }
.dbad-add { margin-top: 1em; }

/* Used in modules/Core/templates/Block/Recordset/Load/Delete/Standard.html */
div.dbmsg { border: 1px solid rgb(150,0,0); background: rgb(255,230,230) url(/zc/images/warning-back.gif); padding:10px;margin-bottom:20px;}
div.dbmsg h4 { border-bottom:1px solid rgb(150,0,0); text-decoration:none}
div.dbmsg p { color:black;padding-bottom:10px}

/* folder breadcrumbs - I can't be sure if any blocks other than Core_Navigation_FolderBreadcumbs use these styles so leaving them in Core*/
td.fb { color:black }
span.fb { font-weight: bold }

span.help {
	background: #809ab6; color: white;
	font-weight: bold; font-size: 0.8em;
	padding: 0px 3px 0px 3px;
	border-width: 1px; border-color: #BFCCDA #416892 #416892 #BFCCDA;
}

.newhelp {
	vertical-align: middle;
}


div#zcleftlayout {width:300px; border:1px solid rgb(100,100,0); background: rgb(255,255,240);margin:5px; padding:5px;}
div#zcmainlayout {margin:5px; padding:5px;}





/* ADmin Buttons */
div.adb a:link {display:block; color:black; padding:3px; text-decoration:none;
	font-family:	verdana, arial, sans-serif;
	font-size:	13px;
}
div.adb a:visited {display:block; color:black; padding:3px; text-decoration:none;
	font-family:	verdana, arial, sans-serif;
	font-size:	13px;
}
div.adb a:hover {display:block; background:#3169C6; color:white; padding:3px; text-decoration:none;
	font-family:	verdana, arial, sans-serif;
	font-size:	13px;
}

/* ADmin Tree Item  - Used by Core_Block_Admin_AdminNav */
tr.adti { background: white }
tr.adti:hover { background: rgb(255,230,200) }

/* Used by some AllFields templates */
div.formfield {margin:5px;}
div.formcap {border:1px solid rgb(100,100,100); padding:10px;}
div.formval {color:red }
td.formwid {padding:5px; border-bottom:1px solid rgb(150,150,150); }
td.formcap {padding:5px; border-bottom:1px solid rgb(150,150,150); }

/* Used by folder templates */
div#leftbar {width:201px; background:rgb(230,230,230);min-height:500px;}
div#mainbar {text-align:left;padding-left:10px;padding-top:5px;min-height:500px;padding-bottom:50px;padding-right:10px}
div#leftblocker {border-bottom:1px solid black; min-height:10px; background-color:rgb(142,150,150); margin:0px; }
div#mainblocker {min-height:5px; background-color:rgb(142,150,150); margin:0px; }
div#head {background-color:rgb(86,108,219);min-height:80px;width:769px; border-top:5px solid rgb(48,58,120);}
div.nlinks {border-top:1px solid rgb(100,100,100); border-bottom:1px solid rgb(100,100,100); text-align:center;}
span.nlink {font-size:x-small; }

/* AJAX spinner */
span.ajaxSpinner {
	padding: 0em 1.5em;
}
span.ajaxSpinner img {
	padding-left: 0.5em;
}

/* clearfix - fix for floats to make their container expand around them */
.clearfix {
	display: inline-block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*DateTime_Text widget: time up & down buttons */
div.timecontainer{
	display: inline-block;
	font-size: 0;
	height: 24px;
	margin: 0 0.5em;
	overflow: hidden;
	position: relative;
	top: -2px;
	vertical-align: top;
	width: 12px;
	*display: inline;
	zoom: 1;
}

span.timedown, span.timeup{
	display: inline-block;
	height: 12px;
	position: relative;
	width: 12px;
	background:none center / 100% auto no-repeat;
	margin-bottom: 0;
}
span.timeup{
	background-image: url(/zc/images/ac-arrow-up.png);
}
span.timedown{
	background-image: url(/zc/images/ac-arrow-dn.png);
}


/* DateTime widget: open calendar button */
input.opencalendar {
	width: 24px;
	height: 22px;
	margin: 0 0.5em;
	padding: 18px 18px 0px 0px;
	overflow: hidden;
	background: url(/zc/images/calbtn.png) no-repeat 0 0;
	vertical-align: bottom;
	/** Set font-size 0 so button text contents is always hidden,
		Opera 10 ignores the padding and displays some of the text within the button **/
	font-size:0;
}
input.opencalendar.disabled {
	background-position: 0 -18px;
}


/* Fieldset styles */
form fieldset {
	border: #ccc 2px groove;
	margin: 1em 0;
	padding: 0.5em;
}
fieldset legend {
	font-weight: bold;
	padding: 0.2em;
	margin-left: 1em;
}
form fieldset.endwidgets {
	background-color: #e0e0e0;
	margin: 0;
	border: 0;
	padding: 0.6em;
	text-align: center;
}
form fieldset.endwidgets input {
	margin: 0 3em;
}

/** Center-aligns floated end widgets, allowing them to be floated right to reverse their order **/
form fieldset.endwidgets .float_center_outer {
	position: relative;
	float: right;
	left: -50%;
	text-align: left;;
}
form fieldset.endwidgets .float_center_outer .float_center_inner {
	position: relative;
	left: 50%;
}
form fieldset.endwidgets .float_center_outer .float_center_inner input {
	float: left;
	margin: 0 1em;
}
form fieldset.endwidgets .reverse_order .float_center_outer .float_center_inner input {
	float: right; /* Reverse order so the first input is rightmost */
}
form fieldset.endwidgets div.menu_button,
form table tr.endwidgets div.menu_button {
	display: inline-block;
}



/* Hide fieldset styles if used within a YUI TabView */
.yui-navset fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.yui-navset fieldset legend {
	display: none;
}

/* Make disabled tabs in YUI TabView more obvious */
.yui-skin-sam .yui-navset .yui-nav li.disabled a {
	color: #aaa;
}

/* add styling for "invalid" class on tabs, for tabbed form validation */
.yui-skin-sam .yui-navset .yui-nav .invalid a, .yui-skin-sam .yui-navset .yui-nav .invalid a em {
	color: #f00;
	font-weight: bold;
}

/* yui tabview: no focus / hover effect for disabled */
.yui-skin-sam .yui-navset .yui-nav .disabled a:focus,
.yui-skin-sam .yui-navset .yui-nav .disabled a:hover {
    background:#d8d8d8 url(/zc/js/yui/2.8.2/assets/skins/sam/sprite.png) repeat-x; /* tab background */
    color:#aaa;
}
.yui-skin-sam .yui-navset-left .yui-nav .disabled a:focus,
.yui-skin-sam .yui-navset-left .yui-nav .disabled a:hover,
.yui-skin-sam .yui-navset-right .yui-nav .disabled a:focus,
.yui-skin-sam .yui-navset-right .yui-nav .disabled a:hover,
.yui-skin-sam .yui-navset-bottom .yui-nav .disabled a:focus,
.yui-skin-sam .yui-navset-bottom .yui-nav .disabled a:hover {
	background-image: none;
}

/* yui tabview: add gradient background to bottom tabs */
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a {
	background-image: url(/zc/images/bottom-tab-bg.png);
	background-position: center bottom;
}

.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected a:hover {
	background-image: url(/zc/images/bottom-tab-bg-selected.png);
	background-position: center bottom;
}

.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a:hover {
	background-image: url(/zc/images/bottom-tab-bg-hover.png);
	background-position: center bottom;
}

.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em {
    border-width:0 0 1px 0;
    bottom: -1px; /* for 1px rounded corners */
}

/* get rid of blank space below tabview */
.yui-navset .yui-content .yui-hidden
{
	display: none;
}

/* Form element styles */
.form_field {
	padding: 0.5em;
}

div.linkedselect .form_field {
	padding-left: 0; /* Ensures LinkedSelects are not bumped out of alignment with other fields */
	padding-right: 0;
}
div.linkedselect .form_field.last {
	padding-bottom: 0;
}
.form_widget {
	float: left;
}
.form_label {
	width: 7em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
}
.form_help {
	float: left;
	margin-left: 0.5em;
}
.form_tip {
	float: left;
	margin-top: 0.5em;
	margin-left: 7.5em;
}

/** Allows widgets to follow on in the same row instead of clearing fully as normal **/
.form_field.next-follow-on {
	float: left;
}
.form_field.follow-on {
	float: left;
	margin-left: 1em;
}
/**
 * Force the follow-on fields' labels and widgets to ignore fixed widths otherwise they probably won't work on
 * most forms (eg. most have fixed with labels at least)
 */
.form_field.follow-on .form_label,
.form_field.follow-on .form_widget {
	width: auto !important;
}

.validation,
.form_validation,
span.invalid {
	color: #C60000; /** WCAG: #C60000 is AA compliant against both #FFF and #FFEBEA backgrounds **/
	font-weight: bold;
}

.validation_message {
	font-size: 1.2em;
}

.hide-caption .form_label label {
	display: none;
}
.hide-caption .form_label {
	min-height: 1px; /* Ensure form_label element still shows so that widgets appear inline */
}

form .form_field.hide_label .form_label label,
form .form_field.hide_label .form_label .label { /* Some widgets don't use <label> elements eg. Radio */
	display: none;
}
form .form_field.hide_label .form_label {
	padding-bottom: 1px; /* Add padding so the container continues to display even if the label is hidden */
}

.caption_above .form_label {
	float: none;
	width: auto;
	text-align: left;
	padding-bottom: 1ex;
}
form.caption_above .form_label
{
	text-align: left;
}
/* When the caption_above class is on the form_field element and not above the form itself, the form_widget should align with the other
 * widgets on the form (some of which may not have caption_above).
 */
.form_field.caption_above .form_widget {
	margin-left: 8em; /* 7em for normal label widths, and 1em for label right padding & margin */
}

ul.invalid_fieldsets, ul.invalid_fields{
	list-style: none;
	background: none;
}

ul.invalid_fieldsets li{
	margin-bottom: 0 !important;
}

.full_validation ul li{
	background: none !important;
	padding-left: 10px !important;
}

ul.invalid_fields{
	margin-top: 0.3em !important;
}

ul.invalid_fields li {
	margin: 0 !important;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form_field.invalid,
form table tr.invalid {
	background-color: #ffebea;
	margin: 0.5em 0;
}

.validationbelow .form_validation {
	clear: left;
	margin-left: 0;
	margin-top: 1em;
}

.biglabel .form_label {
	width: 100%;
	float: none;
	text-align: left;
}
.biglabel .form_validation {
	margin-left: 1em;
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
}

label {
	white-space: normal;
}

.radio-inline .option
{
	padding-left: 1em;
	padding-right: 1em;
}

.radio-list
{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

.radio-verticaltable
{
	border: 0;
	border-collapse: collapse;
}

.radio-verticaltable tr td
{
	padding: 0.5em;
	vertical-align: top;
}
.radio-verticaltable .radio-input
{
	text-align: right;
}
.radio-verticaltable .radio-caption
{
	text-align: left;
}

.invalid input[type=color],
.invalid input[type=date],
.invalid input[type=datetime],
.invalid input[type=datetime-local],
.invalid input[type=file],
.invalid input[type=month],
.invalid input[type=number],
.invalid input[type=range],
.invalid input[type=search],
.invalid input[type=tel],
.invalid input[type=time],
.invalid input[type=url],
.invalid input[type=week],
.invalid input[type=text],
.invalid input[type=email],
.invalid input[type=password],
.invalid input[type=checkbox],
.invalid input[type=radio] {
	background-color: #fbb;
	border-color: #f44;
}
.invalid textarea,
.invalid select,
.invalid .select_container {
	background-color: #fbb;
	border-color: #f44;
}

.invalid input[type=color]:focus,
.invalid input[type=date]:focus,
.invalid input[type=datetime]:focus,
.invalid input[type=datetime-local]:focus,
.invalid input[type=file]:focus,
.invalid input[type=month]:focus,
.invalid input[type=number]:focus,
.invalid input[type=range]:focus,
.invalid input[type=search]:focus,
.invalid input[type=tel]:focus,
.invalid input[type=time]:focus,
.invalid input[type=url]:focus,
.invalid input[type=week]:focus,
.invalid input[type=text]:focus,
.invalid input[type=email]:focus,
.invalid input[type=password]:focus,
.invalid input[type=checkbox]:focus,
.invalid input[type=radio]:focus {
	background-color: #fff; /* Remove invalid background:focus, use white because container probably has the same pink/red background */
}
.invalid textarea:focus,
.invalid select:focus {
	background-color: #fff;
}

/* Make sure that invalid fields inside valid fields are shown as invalid */
.invalid > .form_widget > input[type=color],
.invalid > .form_widget > input[type=date],
.invalid > .form_widget > input[type=datetime],
.invalid > .form_widget > input[type=datetime-local],
.invalid > .form_widget > input[type=file],
.invalid > .form_widget > input[type=month],
.invalid > .form_widget > input[type=number],
.invalid > .form_widget > input[type=range],
.invalid > .form_widget > input[type=search],
.invalid > .form_widget > input[type=tel],
.invalid > .form_widget > input[type=time],
.invalid > .form_widget > input[type=url],
.invalid > .form_widget > input[type=week],
.invalid > .form_widget > input[type=text],
.invalid > .form_widget > input[type=email],
.invalid > .form_widget > input[type=password],
.invalid > .form_widget > input[type=checkbox],
.invalid > .form_widget > input[type=radio],
.invalid > .form_widget > textarea,
.invalid > .form_widget > select,
.invalid > .form_widget > .select_container {
  background-color: #fbb;
  border-color: #f44;
}
.invalid > .form_widget > input[type=color]:focus,
.invalid > .form_widget > input[type=date]:focus,
.invalid > .form_widget > input[type=datetime]:focus,
.invalid > .form_widget > input[type=datetime-local]:focus,
.invalid > .form_widget > input[type=file]:focus,
.invalid > .form_widget > input[type=month]:focus,
.invalid > .form_widget > input[type=number]:focus,
.invalid > .form_widget > input[type=range]:focus,
.invalid > .form_widget > input[type=search]:focus,
.invalid > .form_widget > input[type=tel]:focus,
.invalid > .form_widget > input[type=time]:focus,
.invalid > .form_widget > input[type=url]:focus,
.invalid > .form_widget > input[type=week]:focus,
.invalid > .form_widget > input[type=text]:focus,
.invalid > .form_widget > input[type=email]:focus,
.invalid > .form_widget > input[type=password]:focus,
.invalid > .form_widget > input[type=checkbox]:focus,
.invalid > .form_widget > input[type=radio]:focus,
.invalid > .form_widget > textarea:focus,
.invalid > .form_widget > select:focus {
  background-color: #fff;
}

.invalid > input[type=color],
.invalid > input[type=date],
.invalid > input[type=datetime],
.invalid > input[type=datetime-local],
.invalid > input[type=file],
.invalid > input[type=month],
.invalid > input[type=number],
.invalid > input[type=range],
.invalid > input[type=search],
.invalid > input[type=tel],
.invalid > input[type=time],
.invalid > input[type=url],
.invalid > input[type=week],
.invalid > input[type=text],
.invalid > input[type=email],
.invalid > input[type=password],
.invalid > input[type=checkbox],
.invalid > input[type=radio],
.invalid > textarea,
.invalid > select,
.invalid > .select_container {
  background-color: #fbb;
  border-color: #f44;
}
.invalid > input[type=color]:focus,
.invalid > input[type=date]:focus,
.invalid > input[type=datetime]:focus,
.invalid > input[type=datetime-local]:focus,
.invalid > input[type=file]:focus,
.invalid > input[type=month]:focus,
.invalid > input[type=number]:focus,
.invalid > input[type=range]:focus,
.invalid > input[type=search]:focus,
.invalid > input[type=tel]:focus,
.invalid > input[type=time]:focus,
.invalid > input[type=url]:focus,
.invalid > input[type=week]:focus,
.invalid > input[type=text]:focus,
.invalid > input[type=email]:focus,
.invalid > input[type=password]:focus,
.invalid > input[type=checkbox]:focus,
.invalid > input[type=radio]:focus,
.invalid > textarea:focus,
.invalid > select:focus {
	background-color: #fff;
}

/* Place valid rules below invalid so that valid sub-widgets within an invalid GroupMatrix widget still appear green/valid */
.valid input[type=color],
.valid input[type=date],
.valid input[type=datetime],
.valid input[type=datetime-local],
.valid input[type=file],
.valid input[type=month],
.valid input[type=number],
.valid input[type=range],
.valid input[type=search],
.valid input[type=tel],
.valid input[type=time],
.valid input[type=url],
.valid input[type=week],
.valid input[type=text],
.valid input[type=email],
.valid input[type=password],
.valid input[type=checkbox],
.valid input[type=radio] {
	background-color: #bfb;
	border-color: #4f4;
}
.valid textarea,
.valid select,
.valid .select_container,
.valid .ac-currentvalue {
	background-color: #bfb;
	border-color: #4f4;
}

.valid input[type=color]:focus,
.valid input[type=date]:focus,
.valid input[type=datetime]:focus,
.valid input[type=datetime-local]:focus,
.valid input[type=file]:focus,
.valid input[type=month]:focus,
.valid input[type=number]:focus,
.valid input[type=range]:focus,
.valid input[type=search]:focus,
.valid input[type=tel]:focus,
.valid input[type=time]:focus,
.valid input[type=url]:focus,
.valid input[type=week]:focus,
.valid input[type=text]:focus,
.valid input[type=email]:focus,
.valid input[type=password]:focus,
.valid input[type=checkbox]:focus,
.valid input[type=radio]:focus {
	background-color: #fff; /* Remove valid background colour to indicate focus */
}
.valid textarea:focus,
.valid select:focus {
	background-color: #fff;
}

div.yui-ac {
	display: inline-block;
}

.yui-skin-sam .yui-ac-content ul li {
	white-space: normal;
	border-bottom: 1px #ccc dashed;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
.yui-skin-sam .yui-ac-content ul li.yui-ac-last-item {
	border-bottom: none;
}
.yui-skin-sam .yui-ac-content .yui-ac-ft {
	padding: 0.25em;
	text-align: center;
	background: #ccf;
}

/* Select_AutoComplete widget buttons */
.yui-skin-sam .yui-ac-content {
	/* YUI has a bug where if the autocomplete list is longer than the screen height
	   and you scroll to select a LI which was off the screen the event triggers on
	   the UI not the LI and it can't find what you selected...
	   Limiting the potential height of the list to 75% of viewport height
	   and making it scrollable (rather than scrolling the main page)
	   at least makes these items selectable.
	*/
	max-height: 75vh;
	overflow-y: scroll !important;
}
body.yui-skin-sam .yui-ac-input {
	position: static;
	width: 20em;
	vertical-align: middle;
}
body.yui-skin-sam .yui-ac-container {
	width: 20em;
	left: 0px;
}
.yui-ac .yui-button {
	vertical-align:middle;
}
.yui-ac .yui-button button {
	background: url(/zc/images/ac-arrow-rt.png) center center no-repeat;
}
.yui-ac .open .yui-button button {
	background: url(/zc/images/ac-arrow-dn.png) center center no-repeat
}

.form_field.loading input[type="text"],
.yui-ac input.ac-loading,
.yui-ac input.ac-loading:focus {
	background-image: url(/zc/images/ajax-loader.gif);
	background-attachment: scroll;
	background-position: right center;
	background-repeat: no-repeat;
}

/* Workaround for IE bug where table borders are displayed when dialogs are hidden */
.yui-skin-sam .hidden table,
.yui-skin-sam .hidden tr,
.yui-skin-sam .hidden tr td,
.yui-skin-sam .hidden tr th,
.yui-skin-sam .hidden .yui-dt table,
.yui-skin-sam .yui-overlay-hidden table,
.yui-skin-sam .yui-overlay-hidden tr,
.yui-skin-sam .yui-overlay-hidden tr td,
.yui-skin-sam .yui-overlay-hidden tr th,
.yui-skin-sam .yui-overlay-hidden .yui-dt table {
	/* IE hides the border correctly if it is set to "separate" */
	border-collapse:separate;
	border: 0;
	background: none;
}

/* Tooltips */
#zcb_auto_tt {
	width: auto !important;
	width: 20em;
	max-width: 20em;
	font-size: 0.8em;
}

/* TextArea characters remaining */
.textarea-remainingchars {
	display: block;
	font-size: 0.7em;
}

/* slightly confusing class name */
body .invisible {
	visibility:hidden !important;
}

body .hide {
	display: none !important;
}

/* QuickFind dialog */
.qf-dialog label {
	display: block;
	margin-bottom: 0.5em;
}
.yui-skin-sam .qf-dialog .yui-ac {
	display: block;
}
.yui-skin-sam .qf-loading input.yui-ac-input {
	background: #fff url(/zc/images/ajax-loader.gif) right center no-repeat;
}
.yui-skin-sam .qf-dialog .qf-advsearch {
	display: block;
}
.qf-dialog .qf-extrarows {
	padding: 0.25em;
	text-align: center;
	background: #ccf;
}
.qf-linklist {
	list-style-type: none;
	padding: 0;
	margin-top: 1em;
}
#Core_AdminLinks_ContextMenu .hd,
.linkoptionsmenu .hd
{
	background: #aaa;
	color: #fff;
	padding: 0 0.5em;
	font-weight: bold;
	border:1px solid #808080;
	border-bottom:none;
}

#Core_AdminLinks_ContextMenu .bd,
.linkoptionsmenu .hd
{
	border-top:none;
}

.zcOverlabel {
	color: #999;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

.insertpreview .widget-rodisplay {
	background-color: #ddd;
	color: #000;
	border: 1px solid #aaa;
}
.insertbutton .form_widget {
	text-align: center;
	float: none;
}
.insertselecttag .form_widget {
	float: none;
}
.insertselecttag select {
	width: 100%;
}

.yui-skin-sam .insertbutton .yui-button button {
	padding-left: 26px;
	background-color: transparent;
	background-position: 0.1em center;
	background-repeat: no-repeat;
}

.yui-skin-sam .insertbutton-before .yui-button button {
	background-image: url(/zc/images/uparrow.png);
}
.yui-skin-sam .insertbutton-after .yui-button button {
	background-image: url(/zc/images/downarrow.png);
}

/* YUI skin overrides */

/* Sprite overrides */
/* TODO: This loads a complete sprite file with everything (including non-replaced sprites). */
/* TODO: Consider indexing the sprite file when done */
.yui-skin-sam .Admin_Page .yui-button,
.yui-skin-sam .breadcrumbs-bar .yui-button
{
	background-image:url(/zc/modules/Core/images/sprite.png);
}

/* Light grey background colour */
.yui-skin-sam .Admin_Page .yui-navset .yui-content,
.yui-skin-sam .Admin_Page .yui-navset-left .yui-nav li a
{
	background-color:#FAFAFA;
}

/* Middle grey field background colour */
.Admin_Page input.Admin, .Admin_Page textarea.Admin, .Admin_Page select.Admin
{
	background-color:#eaeaea;
	border:1px solid #bbb;
}

/* Dark grey highlighted colour */
.yui-skin-sam .Admin_Page .yuimenuitem-selected,
.yui-skin-sam .BreadcrumbsMenuDropdown .yuimenuitem-selected
{
	background-color:#aaa;
}

/* White on Dark grey selected colour */
.yui-skin-sam .Admin_Page .yui-navset-left .yui-nav li.selected a,
.yui-skin-sam .Admin_Page .yui-navset-left .yui-nav li.selected a:focus,
.yui-skin-sam .Admin_Page .yui-navset-left .yui-nav li.selected a:hover
.yui-skin-sam .Admin_Page .yui-navset .yui-nav li.selected a,
.yui-skin-sam .Admin_Page .yui-navset .yui-nav li.selected a:focus,
.yui-skin-sam .Admin_Page .yui-navset .yui-nav li.selected a:hover
{
	background-color:#555555;
	background-image:url(/zc/modules/Core/images/sprite.png);
}

.yui-skin-sam .Admin_Page .yui-navset .yui-navset-top .yui-nav,
.yui-skin-sam .Admin_Page .yui-navset .yui-nav,
.yui-skin-sam .Admin_Page .yui-navset .yui-content
{
	border-color:#555555;
}

.ap-loading-msg span {
	background: transparent url(/zc/images/ajax-loader.gif) 0 center no-repeat;
	padding-left: 16px;
	margin-left: 0.25em;
	display: none;
}

.ap-loading-msg span.ap-loading {
	display: inline;
}

/* Table Data Admin YUI Styles */

tr.dbadeven, tr.dbad0, td.dbadeven, td.dbad0 {
	background-color: #DBEDFF;
}

.yui-skin-sam .yui-panel .hd h1,
.yui-skin-sam .yui-panel .hd h2,
.yui-skin-sam .yui-panel .hd h3,
.yui-skin-sam .yui-panel .hd h4,
.yui-skin-sam .yui-panel .hd h5,
.yui-skin-sam .yui-panel .hd h6
{
	padding: 0;
	margin: 0;
}

.dbad-YUI thead td {
	vertical-align: top;
}

.dbad-YUI .sorter-active-asc,
.dbad-YUI .sorter-active-desc,
.dbad-YUI .sorter-desc,
.dbad-YUI .sorter-asc {
	background: transparent no-repeat 0 0;
	padding-left: 16px;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	display: inline-block;
}

.dbad-YUI td.folderbrowse-urlstring {
	padding-left: 0;
	white-space: nowrap;
}
.dbad-YUI td.folderbrowse-urlstring a {
	text-decoration: none;
}
.dbad-YUI td.folderbrowse-urlstring a:hover {
	text-decoration: underline;
}
.dbad-YUI td.folderbrowse-urlstring span {
	margin-right: 0.5em;
}
.dbad-YUI td.folderbrowse-icon {
	width: 16px;
	padding: 0.5em;
}

.adminbar
{
	z-index:100;
	position:relative;
}

.breadcrumbs-bar
{
	font-size:12px;
	z-index:100;
	padding:5px 5px 0;
	position:fixed;
	top:0;
	left:0;
	right:0;
	border-bottom:1px solid #000;
	background-color:#fff;
	box-shadow: 0 -8px 5px 10px #555;
}

.breadcrumbs-bar .hidden
{
	display:none;
}

.breadcrumbs-bar .show-all .hidden
{
	display:inline;
}

.breadcrumbs-bar #showallbutton span
{
	background-image: url(/zc/modules/Core/images/Icons/folder_stack.png);
}
.breadcrumbs-bar .breadcrumbs .yui-button
{
	margin-bottom:5px;
}

.breadcrumbs-bar .toggle
{
	display:inline-block;
	background: #fff no-repeat;
	position:absolute;
	height:8px;
	left:50px;
	width:20px;
	text-indent:-4000px;
	cursor:pointer;
}

.breadcrumbs-bar .toggle-open
{
	background-position:50% -5px;
	background-image:url(/zc/modules/Core/images/Icons/bullet_arrow_up.png);
	bottom:-5px;
}

.breadcrumbs-bar .toggle-closed
{
	bottom:-8px;
	background-position:50% -4px;
	background-image:url(/zc/modules/Core/images/Icons/bullet_arrow_down.png);
}

.breadcrumbs-bar .toggle:after
{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:-1px;
	left:-1px;
	right:-1px;
	height:4px;
	z-index:-1;
	border:1px solid #000;
	border-top:none;
	background-color:#fff;
	box-shadow:0 2px 5px #555;
}

.breadcrumbs-bar .toggle-closed:after
{
	height:7px;
}

.breadcrumbs-bar .config
{
	display:inline-block;
	float:right;
	max-width: 42%;
}

.breadcrumbs-bar .breadcrumbs
{
	display:inline-block;
	float:left;
}

.breadcrumbs-bar .active
{
	display:inline-block;
	margin-right:17px;
	position:relative;
}

.breadcrumbs-bar .active.last-item
{
	margin-right:0;
}

.breadcrumbs-bar .active:after
{
	position:absolute;
	right:-10px;
	top:3px;
	bottom:12px;
	border-right:1px solid #aaa;
	content:"";
	width:0;
}

.breadcrumbs-bar .active.last-item:after
{
	display:none;
}

/* Make sure you update rules in the CoreIE css files as well when adding icons */
.admin-delete-icon,
.admin-edit-icon,
.admin-properties-icon,
.admin-parent-icon,
.admin-clone-icon,
.admin-details-icon,
.admin-preview-icon,
.admin-move-icon,
.admin-folderbrowse-icon,
.admin-folderproperties-icon,
.admin-pageproperties-icon,
.admin-browse-icon-page,
.admin-browse-icon-page-gear,
.admin-browse-icon-page-link,
.admin-browse-icon-folder,
.admin-save-icon,
.admin-conversion-resubmit-icon,
.admin-conversion-cancel-icon,
.admin-view-icon {
	background: transparent no-repeat 0 0;
	width: 0px;
	height: 0px;
	padding: 16px 16px 0 0;
	overflow: hidden;
	display: inline-block;
}
.admin-caption-icon,
.admin-submenu-icon>a
{
	background: transparent no-repeat 0 0;
	padding:0 16px;
}
.admin-context-icon
{
	background: transparent no-repeat 3px center;
}
.admin-yui-button-nolabel button
{
	width:0;
	height:0;
	padding-top:23px !important;
	display:block;
	overflow:hidden;
}
.admin-yui-button span span{
	background: transparent no-repeat 3px center;
}

.breadcrumbs-bar .admin-yui-button span button {
	padding-left:21px;
	/* Don't combine - we don't want to set the image/colour here */
	background-position:3px center;
	background-repeat:no-repeat;
}

.breadcrumbs-bar .admin-yui-button .yui-menu-button span button {
	/* Restore default styles to override previous styles. The arrow image is in the YUI directory, which we don't want to link to because we might change versions */
	background-position: right center;
}

.BreadcrumbsMenuDropdown, .BreadcrumbsMenuDropdown div.yuimenu,
#pageinfo_c
{
	z-index:100 !important; /* Override the woefully inadequate default z-index of 2 on all breadcrumbs bar menus & submenus */
}

.BreadcrumbsMenuDropdown a.admin-caption-icon,
.yui-button .admin-caption-icon
{
	font-size:14px;
	line-height:22px;
	background-position:4px center;
	padding-left:24px !important;
}

.yuimenu .admin-caption-icon
{
	background-position:4px center;
}

.yuimenu .admin-caption-icon a
{
	padding-left:24px;
}

.blockinfo h3
{
	clear:left;
	font-size:22px;
	margin-bottom:0;
}

.blockinfo .bd
{
	overflow:auto;
}

.blockinfo dl
{
	margin:6px 30px;
}

.blockinfo dl dt
{
	font-weight:bold;
	width:200px;
	float:left;
	clear:left;
	margin-bottom:4px;
	text-align:left;
}

.blockinfo dl .clear
{
	float:none;
	visibility:hidden;
	height:0;
	margin:0;
}

.blockinfo dl dd
{
	font-weight:normal;
	float:left;
	margin-left:10px;
	max-width:500px;
}

#Core_AdminLinks_ContextMenu .admin-caption-icon,
#Core_AdminLinks_ContextMenu .admin-submenu-icon>a
{
	background-position:4px center;
}

#Core_AdminLinks_ContextMenu .admin-caption-icon a,
#Core_AdminLinks_ContextMenu .admin-submenu-icon>a
{
	padding-left:24px;
}

#Core_AdminLinks_ContextMenu h6,
#Core_AdminLinks_ContextMenu .hd
{
	white-space: nowrap;
}

/* CMS UI icons */
/* General icons */
.admin-icon-cancel {
	background-image: url(/zc/modules/Core/images/Icons/cross.png);
}
.admin-delete-icon,
.admin-icon-delete {
	background-image: url(/zc/modules/Core/images/Icons/delete.png);
}
input[type="submit"].admin-delete-icon {
	padding: 16px 16px 0 0;
}
input.admin-delete-icon {
	cursor: pointer;
	background: url(/zc/modules/Core/images/Icons/delete.png) 0 0 no-repeat;
	border: none !important;
}
.admin-edit-icon,
.admin-icon-edit {
	background-image: url(/zc/modules/Core/images/Icons/pencil.png);
}
.admin-clone-icon {
	background-image: url(/zc/modules/Core/images/Icons/copy_doc.png);
}
.admin-details-icon {
	background-image: url(/zc/modules/Core/images/Icons/magnifier.png);
}
.admin-view-icon {
	background-image: url(/zc/modules/Core/images/Icons/eye.png);
}
.admin-preview-icon {
	background-image: url(/zc/modules/Core/images/Icons/page_white_magnify.png);
}
.admin-save-icon {
	background-image: url(/zc/modules/Core/images/Icons/disk.png);
}
.admin-conversion-resubmit-icon {
	background-image: url(/zc/modules/Core/images/Icons/page_refresh.png);
}
.admin-conversion-cancel-icon {
	background-image: url(/zc/modules/Core/images/Icons/page_cancel.png);
}
.admin-parent-icon {
	background-image: url(/zc/modules/Core/images/Icons/parent_up.png);
}
#AdmMain .yui-navset-left .yui-nav .default a em,
.admin-icon-properties,
.admin-properties-icon
{
	background-image:url(/zc/modules/Core/images/Icons/wrench.png);
}

.admin-icon-add {
	background-image:url(/zc/modules/Core/images/Icons/add.png);
}

.admin-icon-add-before {
	background-image:url(/zc/modules/Core/images/Icons/arrow_up_add.png);
}

.admin-icon-add-child {
	background-image:url(/zc/modules/Core/images/Icons/arrow_right_add.png);
}

.admin-icon-add-after {
	background-image:url(/zc/modules/Core/images/Icons/arrow_down_add.png);
}

#AdmMain .yui-navset-left .yui-nav .advanced a em {
	background-image:url(/zc/modules/Core/images/Icons/wrench_orange.png);
}

#AdmMain .yui-navset-left .yui-nav .layout a em,
#AdmMain .yui-navset-left .yui-nav .templateoptions a em {
	background-image:url(/zc/modules/Core/images/Icons/layout_content.png);
}

#AdmMain .yui-navset-left .yui-nav .MenuStructure a em {
	background-image:url(/zc/modules/Core/images/Icons/outline.png);
}

#AdmMain .yui-navset-left .yui-nav .perms a em {
	background-image:url(/zc/modules/Core/images/Icons/group_key.png);
}
#AdmMain .yui-navset-left .yui-nav .revisions a em {
	background-image:url(/zc/modules/Core/images/Icons/time.png);
}
#AdmMain .yui-navset-left .yui-nav .doclibprops a em {
	background-image:url(/zc/modules/Core/images/Icons/folder_page.png);
}
#AdmMain .yui-navset-left .yui-nav .imagelibprops a em {
	background-image:url(/zc/modules/Core/images/Icons/images.png);
}

#AdmMain .yui-navset-left .yui-nav .cookies a em {
	background-image:url(/zc/modules/Core/images/Icons/cookie.png);
}
#AdmMain .yui-navset-left .yui-nav .passwordstrength a em {
	background-image:url(/zc/modules/Core/images/Icons/key_tick.png);
}
#AdmMain .yui-navset-left .yui-nav .appearance a em {
	background-image:url(/zc/modules/Core/images/Icons/eye.png);
}
#AdmMain .yui-navset-left .yui-nav .location a em {
	background-image:url(/zc/modules/Core/images/Icons/map_edit.png);
}
#AdmMain .yui-navset-left .yui-nav .search a em {
	background-image:url(/zc/modules/Core/images/Icons/find.png);
}
#AdmMain .yui-navset-left .yui-nav .restrictions a em {
	background-image:url(/zc/modules/Core/images/Icons/filter.png);
}
#AdmMain .yui-navset-left .yui-nav .childblocks a em {
	background-image:url(/zc/modules/Core/images/Icons/bricks.png);
}
#AdmMain .yui-navset-left .yui-nav .auditlog a em {
	background-image:url(/zc/modules/Core/images/Icons/date_previous.png);
}
.admin-yui-button-add span span
{
	background-image: url(/zc/modules/Core/images/Icons/add.png);
}
.admin-yui-button-user span span
{
	background-image: url(/zc/modules/Core/images/Icons/user.png);
}
.admin-icon-logout
{
	background-image: url(/zc/modules/Core/images/Icons/door_in.png);
}
.admin-icon-user-switch
{
	background-image: url(/zc/modules/Core/images/Icons/users_switch.png);
}
.admin-icon-user-key
{
	background-image: url(/zc/modules/Core/images/Icons/user_key.png);
}
.admin-icon-user-edit
{
	background-image: url(/zc/modules/Core/images/Icons/user_edit.png);
}
.admin-icon-user-tick
{
	background-image: url(/zc/modules/Core/images/Icons/user_tick.png);
}

.admin-icon-refresh
{
	background-image: url(/zc/modules/Core/images/Icons/arrow_refresh.png);
}
.admin-icon-move {
	background-image:url(/zc/modules/Core/images/Icons/arrow_nsew.png);
}
.admin-icon-reorder {
	background-image:url(/zc/modules/Core/images/Icons/arrow_ns.png);
}
.admin-icon-link-follow {
	background-image:url(/zc/modules/Core/images/Icons/link_go.png);
}
.admin-icon-world
{
	background-image: url(/zc/modules/Core/images/Icons/world.png);
}

#leftpulloutbutton span, /* Only one span, and need to define position */
#modeswitch span,
#showallbutton span
{
	background: none no-repeat 3px center;
}
#leftpulloutbutton span button,
#modeswitch span button,
#showallbutton span button
{
	padding-left:21px;
}
#leftpulloutbutton span
{
	background-image: url(/zc/modules/Core/images/Icons/folder_tree.png);
}
#modeswitch span
{
	background-image: url(/zc/modules/Core/images/Icons/pencil.png);
}
.admin-yui-button-settings span span,
.admin-icon-controlpanel
{
	background-image:url(/zc/modules/Core/images/Icons/cog.png);
}
.admin-icon-usersandroles
{
	background-image: url(/zc/modules/Core/images/Icons/group_key.png);
}

/* Folder icons */
.admin-move-icon {
	background-image: url(/zc/modules/Core/images/Icons/folder_move.png);
}
.admin-folderbrowse-icon,
.admin-icon-folder-browse
{
	background-image: url(/zc/modules/Core/images/Icons/folder_explore.png);
}
.admin-icon-folder-edit,
.admin-folderproperties-icon
{
	background-image: url(/zc/modules/Core/images/Icons/folder_wrench.png);
}
.admin-icon-folder-delete
{
	background-image: url(/zc/modules/Core/images/Icons/folder_delete.png);
}
.admin-icon-folder-view,
.admin-icon-folder-page
{
	background-image: url(/zc/modules/Core/images/Icons/folder_page.png);
}
.admin-browse-icon-folder,
.admin-folder-icon,
.admin-yui-button-folder span span
{
	background-image: url(/zc/modules/Core/images/Icons/folder.png);
}
.admin-icon-folder-add
{
	background-image: url(/zc/modules/Core/images/Icons/folder_add.png);
}
.admin-icon-folder-info
{
	background-image: url(/zc/modules/Core/images/Icons/folder_info.png);
}

/* Page icons */
.admin-browse-icon-page
{
	background-image: url(/zc/modules/Core/images/Icons/page_white.png);
}
.admin-browse-icon-page-gear {
	background-image: url(/zc/modules/Core/images/Icons/page_white_gear.png);
}
.admin-browse-icon-page-link {
	background-image: url(/zc/modules/Core/images/Icons/page_white_link.png);
}
.admin-page-icon,
.admin-browse-icon-page,
.tree-icon-page a,
.admin-yui-button-page span span
{
	background-image: url(/zc/modules/Core/images/Icons/page_white.png);
}
.admin-image-icon,
.tree-icon-image a,
.admin-yui-button-image span span
{
	background-image: url(/zc/modules/Core/images/Icons/Page/Image.png);
}
.admin-icon-page-view {
	background-image: url(/zc/modules/Core/images/Icons/page_white_magnify.png);
}
.admin-icon-page-edit,
.admin-pageproperties-icon
{
	background-image: url(/zc/modules/Core/images/Icons/page_white_wrench.png);
}
.admin-icon-page-delete {
	background-image: url(/zc/modules/Core/images/Icons/page_white_delete.png);
}
.admin-icon-page-add {
	background-image: url(/zc/modules/Core/images/Icons/page_white_add.png);
}
.admin-icon-page-info {
	background-image: url(/zc/modules/Core/images/Icons/page_white_info.png);
}

.admin-icon-document-view
{
	background-image: url(/zc/modules/Core/images/Icons/page_white_text_magnify.png);
}

.admin-icon-document-info
{
	background-image: url(/zc/modules/Core/images/Icons/page_white_text_information.png);
}

.admin-icon-document-properties
{
	background-image: url(/zc/modules/Core/images/Icons/page_white_text_wrench.png);
}

.admin-icon-document-delete
{
	background-image: url(/zc/modules/Core/images/Icons/page_white_text_delete.png);
}

.tree-icon-document a
{
	background-image: url(/zc/modules/Core/images/Icons/page_white_text.png);
}

.tree-icon-link a
{
	background-image:url(/zc/modules/Core/images/Icons/page_white_link.png);
}

.tree-icon-forum a
{
	background-image:url(/zc/modules/Core/images/Icons/comments.png);
}
#AdmMain .yui-navset-left .yui-nav .blog a em,
.tree-icon-blog a
{
	background-image:url(/zc/modules/Core/images/Icons/user_comment.png);
}

/* Block icons */
.admin-block-icon,
.admin-yui-button-block span span
{
	background-image: url(/zc/modules/Core/images/Icons/brick.png);
}
.admin-icon-block-add
{
	background-image:url(/zc/modules/Core/images/Icons/brick_add.png);
}
.admin-icon-block-edit,
.admin-submenu-icon-block-edit>a
{
	background-image: url(/zc/modules/Core/images/Icons/brick_wrench.png);
}
.admin-icon-block-delete
{
	background-image: url(/zc/modules/Core/images/Icons/brick_delete.png);
}
.admin-icon-block-info {
	background-image: url(/zc/modules/Core/images/Icons/brick_info.png);
}

/* Database icons */
.admin-icon-database
{
	background-image:url(/zc/modules/Core/images/Icons/database_wrench.png);
}
.dbad-YUI .sorter-active-asc {
	background-image: url(/zc/modules/Core/images/Icons/sorter_active_asc.png);
}
.dbad-YUI .sorter-active-desc {
 	background-image: url(/zc/modules/Core/images/Icons/sorter_active_desc.png);
}
.dbad-YUI .sorter-desc {
 	background-image: url(/zc/modules/Core/images/Icons/sorter_desc.png);
}
.dbad-YUI .sorter-asc {
	background-image: url(/zc/modules/Core/images/Icons/sorter_asc.png);
}

.admin-icon-stats
{
	background-image:url(/zc/modules/Core/images/Icons/chart_line.png);
}

.admin-icon-help,
#EditModeHelpMore a {
	background-image: url(/zc/modules/Core/images/Icons/help.png);
}

#EditModeHelpOK button {
	background-image: url(/zc/modules/Core/images/Icons/tick.png);
}

#EditModeHelp {
	margin-top:0;
	border-top:none;
}

#EditModeHelp .bd {
	padding-bottom:40px;
}

#EditModeHelp .button-wrap {
	margin:10px 0;
}

#EditModeHelp .button-wrap #EditModeHelpOK {
	float:left;
}

#EditModeHelp .button-wrap #EditModeHelpMore {
	float:right;
}

#EditModeHelp .button-wrap #EditModeHelpMore a {
	padding:0 10px 0 21px;
	background-repeat:no-repeat;
	background-position:2px 50%;
}

.dbad-YUI
{
	text-align: left;
	border-collapse: collapse;
	margin-left:auto; 
	margin-right:auto;
}
.dbad-YUI-nc /* not central */
{
	margin-left:0; 
	margin-right:0;
}                          
.dbad-YUI th {
	font-weight: normal;
	padding: .5em 1em;
	color: #039;
	vertical-align: top;
	text-align: center;
}
.dbad-YUI td {
	padding: .5em 1em;
	color: #000;
	border-top: 1px solid #e8edff;
	vertical-align: top;
	text-align: left;
}
.dbad-YUI tr.dbadodd td,
.dbad-YUI tr.dbadeven td
{
	/* Borders between rows do not need to be added when using alternating row colours */
	border-top: none;

}
.dbad-YUI td.admin-icon {
	padding: 0.5em 0;
}
.dbad-YUI th[scope=row] {
	text-align: right;
}
.dbad-YUI td.center {
	text-align: center;
}
.dbad-YUI .selected {
	background-color: #d0dafd;
}

input.dbad, textarea.dbad, select.dbad {
	border:1px solid #809AB6;
}
input.dbaddis, textarea.dbaddis, select.dbaddis,
input.dbad.disabled, textarea.dbad.disabled, select.dbad.disabled {
	background: #ccc none repeat scroll 0 0;
	border:1px solid #809AB6;
}

.ft-hdr { /* used to create a ft effect box underneath the header, need specify class="ft ft-hdr" */
	border-bottom: 1px solid #808080;
}

.yui-skin-sam .yui-panel {
	margin-top: .5em;
}

/* use this class in addition to yui-panel when putting panels statically on the page */
.yui-skin-sam div.static-panel {
	z-index: auto;
}

.admin-icon {
	text-align: center;
}

.yui-pe .yui-pe-content {
	display: none;
}

/* Loading style for the accordion */
.yui-skin-sam .yui-accordionview .zc-accordion-loading .yui-accordion-toggle .indicator {
	background: transparent url(/zc/images/ajax-loader.gif) no-repeat 0 0;
	width: 16px;
	height: 16px;
	top: 18%;
}
.yui-skin-sam .yui-accordionview .zc-accordion-loading .yui-accordion-content {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50);					/* IE6/7 */
}
/* reset nested accordions */
.yui-skin-sam .yui-accordionview .zc-accordion-loading .yui-accordion-panel .yui-accordion-toggle .indicator {
	background:transparent url(/zc/js/yui/2.8.2/accordionview/assets/skins/sam/sprite.png) repeat scroll 0 -350px;
}
.yui-skin-sam .yui-accordionview .zc-accordion-loading .yui-accordion-panel .yui-accordion-toggle.active .indicator {
	background:transparent url(/zc/js/yui/2.8.2/accordionview/assets/skins/sam/sprite.png) repeat scroll 0 -400px;
}

/* 
 * Generic styles to give icons to files based on mime type
 *
 * See MimeClasses in functions.php for info
 */
ul.mime-attachments {
	margin: 1em;
	padding: 0;
}
ul.mime-attachments li {
	list-style-type: none;
	padding-left: 24px;
	min-height: 16px;
	background: transparent url(/zc/modules/Core/images/Icons/page_white.png) no-repeat 0 center;
}
ul.mime-attachments li.mime-application-pdf {
	background-image: url(/zc/modules/Core/images/Icons/page_white_acrobat.png);
}
ul-mime-attachments li-mime-application-vnd-openxmlformats-officedocument-spreadsheetml-sheet,
ul.mime-attachments li.mime-application-msexcel,
ul.mime-attachments li.mime-application-vnd-ms-excel {
	background-image: url(/zc/modules/Core/images/Icons/page_white_excel.png);
}

ul.mime-attachments li.mime-text {
	background-image: url(/zc/modules/Core/images/Icons/page_white_text.png);
}
    
ul.mime-attachments li.mime-text-html {
	background-image: url(/zc/modules/Core/images/Icons/page_white_world.png);
}
    
ul.mime-attachments li.mime-image {
	background-image: url(/zc/modules/Core/images/Icons/page_white_picture.png);
}
     
ul.mime-attachments li.mime-application-vnd-openxmlformats-officedocument-presentationml-presentation,
ul.mime-attachments li.mime-application-msppt,
ul.mime-attachments li.mime-application-vnd-ms-ppt {
	background-image: url(/zc/modules/Core/images/Icons/page_white_powerpoint.png);
}
     
ul.mime-attachments li.mime-application-vnd-openxmlformats-officedocument-wordprocessingml-document,
ul.mime-attachments li.mime-application-msword,
ul.mime-attachments li.mime-application-vnd-ms-word {
	background-image: url(/zc/modules/Core/images/Icons/page_white_word.png);
}

/* AJAX indicators */
.ajaxindicator {
	background: #fff;
	padding: 1em 1em 1em 36px;
	position: fixed;
	_position: absolute; /* IE6 */
	right: 0;
	top: 0;
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#000;
	z-index: 10000;

	-moz-border-radius-bottomleft: 1em;
	-webkit-border-bottom-left-radius: 1em;
	border-bottom-left-radius: 1em;
}

.loadingindicator {
	background: #fff url(/zc/images/ajax-loader.gif) 10px center no-repeat;
}

/** Styles for the YUI Datatable message box */
.yui-skin-sam .yui-dt-message .yui-dt-loading {
	background: #fff url(/zc/images/ajax-loader.gif) no-repeat 4px center;
	padding-left: 16px;
}
.yui-skin-sam .yui-dt-message .yui-dt-error {
	background: #FF6666 url(/zc/modules/Core/images/Icons/error.png) no-repeat 4px center;
	padding-left: 16px;
}

.widget-file,
.widget-file table {
	margin: 0;
}
/* Screen readers. We need screen readers to voice some elements but we don't want them to be visible.
Move these items so far to the left that they don't display on the screen */
.rm {
left:-999em;
position:absolute;
}

.group_list .grouplist_list ul {
	margin: 0;
	padding-left: 0.5em;
}
.group_list .grouplist_list ul li {
	margin-bottom: 0.2em;
}
.group_list .grouplist_list ul li:last-child {
	margin-bottom: 0.4em;
}

.group_list .grouplist_adders .form_field {
	padding-top: 0;
}
.group_list .grouplist_adders .form_field {
	padding-top: 0;
}

/*Core_Block_Solr_Search Pager Styles*/
.SolrSearchPager {
	text-align:center;
}
.SolrSearchPager ul.pager {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
.SolrSearchPager ul.pager li {
	display:inline;
}

.pager
{
	text-align:center;
}

.pager span.pager-item
{
	padding:0 4px 0 3px;
}

.pager span.selected
{
	font-weight:bold;
}

.zc-popdown {
	padding: 1em;
	margin: 0;
	width: 97%;
	position: fixed;
	z-index: 100;
}
.zc-popdown .yui-button {
	float: right;
}
.zc-popdown p {
	margin: 0;
}

.zc-popdown.bottom
{
	bottom: 0;
	-moz-border-radius:1em 1em 0 0;
	-webkit-border-radius:1em 1em 0 0;
	border-radius:1em 1em 0 0;
}
.zc-popdown.top
{
	top: 0;
	-moz-border-radius:0 0 1em 1em;
	-webkit-border-radius:0 0 1em 1em;
	border-radius:0 0 1em 1em;
}

/**
 * Collpase does NOT used display:none by default to preserve a block element's
 * width attribute and prevent expanding it from affecting the page layout
 */
.expandable.collapse {
	height:0;
	overflow: hidden;
}
/**
 * Span expandable elements should be displaying inline and so need to be set to display:none
 * as these should contract fully in both width and height
 */
span.expandable.collapse {
	display:none;
}
/**
 * Any anchors or forms within a collapsed expander should be display:none so they can not be focused with keyboard navigation!
 */
.expandable.collapse a,
.expandable.collapse button,
.expandable.collapse form,
.expandable.collapse input,
.expandable.collapse textarea,
.expandable.collapse select {
	display: none;
}

.RSSFeedDisplay ul.articles li p {
	margin:0;
}

table.debugvar td
{
	color: black;
	background-color: white;
}

/**
 * Displayer edit screen
 */
.admin-displayer {
	border: 2px #ccc groove;
	margin-bottom: 0.5em;
	float: left;
	margin-left: 1em;
	width: 20em;
}
.admin-displayer .admin-displayer-actions {
	float: right;
	padding: 0.25em;
}
.admin-displayer h3 {
	font-size: 11pt;
	margin: 0;
	color: black;
	padding-left: 0.25em;

	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	background-image:    -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	background-image:     -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	background-image:      -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
	background-image:         linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
}
.admin-displayer-list {
	min-height: 10em;
}
.admin-displayer-list li {
	list-style-type: none;
}
.admin-displayer-section,
#AdminDisplayerEdit .admin-displayer-section,
.blocklist li
{
	padding: 0.5em 0.5em 0.5em 24px;
	margin: 0.5em;
	border: 1px black solid;
	font-size: 85%;
	line-height:1.8em;
	text-align: left;
	position:relative;

	background-color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
	background-image:    -moz-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
	background-image:     -ms-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
	background-image:      -o-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
	background-image:         linear-gradient(to top, #FFFFFF 0%, #EEEEEE 100%);
}

.admin-displayer-section,
#AdminDisplayerEdit .admin-displayer-section
{
	cursor: move;
}

.admin-displayer-list .highlight
{
	border:3px #555 solid !important;
	font-size:90% !important;
	border-radius:3px;
}

.admin-displayer-section p
{
	margin-bottom:0;
	width:140px;
	word-wrap: break-word;
	line-height:1.1em;
}

.admin-displayer-section p.block
{
	padding-bottom:7px;
}

.admin-displayer-section .name {
	font-weight:bold;
}

.admin-displayer-section img.blockicon,
.blocklist img.blockicon
{
	position:absolute;
	left:4px;
	bottom:7px;
}

.admin-displayer-section .section-controls,
.blocklist .controls
{
	float: right;
}

.admin-displayer-section-inherited {
	color: #777;
}

.admin-displayer-section-nomove {
	border-color: #ccc !important;
	cursor: default !important;
}

.locked .admin-displayer-section {
	border-color: #ccc;
	color: #777;
	cursor: default;
}

.AdmBrowseEditFolder {
	float: right;
}

#tblAdmFolderBrowse .checked,
#tblAdmFolderBrowse .widget-checkboxgroup input:checked + label {
	background-color: #61b0ff;
}

#tblAdmFolderBrowse .checked td,
#tblAdmFolderBrowse .widget-checkboxgroup input:checked,
#tblAdmFolderBrowse .widget-checkboxgroup input:checked + label {
	border-color: #61b0ff;
}

#AdmBrowseToolbar {
	border: 1px #888 solid;

	background-color: #888;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CCCCCC), color-stop(1, #888888));
	background-image: -webkit-linear-gradient(bottom, #CCCCCC 0%, #888888 100%);
	background-image:    -moz-linear-gradient(bottom, #CCCCCC 0%, #888888 100%);
	background-image:     -ms-linear-gradient(bottom, #CCCCCC 0%, #888888 100%);
	background-image:      -o-linear-gradient(bottom, #CCCCCC 0%, #888888 100%);
	background-image:         linear-gradient(to top, #CCCCCC 0%, #888888 100%);
}
#AdmBrowseToolbar .yui-button {
	padding: 0;
	margin: 0;
	border: 0;
}
#AdmBrowseToolbar .yui-button span.first-child {
	border: 0;
}
#AdmBrowseToolbar .yui-button span.first-child a,
#AdmBrowseToolbar .yui-button span.first-child button {
	height: 2.25em;
}
#AdmBrowseToolbar .yui-button-disabled {
	background-position: 0 -1301px; /* existing style looks a bit off in the toolbar */
}

#AdmMain {
	padding: 0 1em;
}

#FrmAdmBrowse-Move .folder-list {
	height: 20em;
	overflow-y: scroll;
}

/**
 * Workaround a bug in YUI CSS: if a menu is placed in a panel then it ends up with excess padding
 */
.yui-skin-sam .yui-panel .yuimenu .bd {
	padding: 0;
}

#FrmAdmBrowse-Move .folder-list {
	height: 20em;
	overflow-y: scroll;
}

.popover-wrapper {
	position: relative;
}
.popover-wrapper .popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	padding: 5px;
}

.popover-wrapper .popover.top {
	bottom:100%;
	top: auto;
}
.popover-wrapper .popover.right {
	left:100%;
	right:auto;
}
.popover-wrapper .popover.bottom {
	top:100%;
	bottom:auto;
	/** Override CMS div.bottom background colour and margin... **/
	background: none;
	margin-top:0;
}
.popover-wrapper .popover.left {
	right:100%;
	left:auto;
}
.popover-wrapper .popover.top, .popover.bottom {
	padding: 5px 0;
	width:120%;
	left: -10%;

}
.popover-wrapper .popover.top .arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
}
.popover-wrapper .popover.right .arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #000;
}
.popover-wrapper .popover.bottom .arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #000;
}
.popover-wrapper .popover.left .arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
}
.popover-wrapper .popover .arrow {
	position: absolute;
	width: 0;
	height: 0;
	max-width:100%;
}
.popover-wrapper .popover .popover-inner {
	padding: 0.25em;
	overflow: hidden;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	margin: 0 auto;
}
.popover-wrapper .popover .popover-inner form {
	margin:0;
}
.popover-wrapper .popover .popover-title {
	padding: 0.25em 1em;
	line-height: 1;
	background-color: #eee;
	border-bottom: 1px solid #000;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	font-size:18px;
	font-weight:bold;
}
.popover-wrapper .popover .popover-content {
	padding: 1em;
	background-color: #fff;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
.popover-wrapper .popover .popover-content p,
.popover-wrapper .popover .popover-content ul,
.popover-wrapper .popover .popover-content ol {
	margin-bottom: 0;
}
iframe.Content_IFrame {
	border: none;
	width: 100%;
}

.VideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* Assume a ratio of 16:9 */
	height: 0;
}
.VideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.nobr {
	white-space:nowrap;
}

#AdmMain .yui-navset-left
{
	padding-left:9em;
	margin-top: 1em;
}

#AdmMain .yui-navset-left .yui-nav
{
	width: 9em;
}

#AdmMain .yui-navset-left .yui-nav li a em
{
	background: 5px 5px no-repeat;
	padding-left:26px;
}

#ImportIntoTablePreview {
	max-width: 100%;
	overflow-x: scroll;
}
#ImportIntoTablePreview td {
	white-space: nowrap;
}

.zc-fixed-to-top,
.zc-fixed-to-bottom {
	position: relative;
	/* Prevent overflowing past screen size */
	max-width: 100%;
	max-height: 100%;
}
/* JS applies zc-fixed-on-screen class when the fix-on-screen element is off-screen */
.zc-fixed-on-screen.zc-fixed-to-top {
	position: fixed;
	top: 0;
	z-index: 9000;
}
.zc-fixed-on-screen.zc-fixed-to-bottom {
	position: fixed;
	bottom: 0;
	z-index: 9000;
}

/**
 * Alternative text to exist inside a sprite icon, but be hidden under most normal circumstances.
 * This class should be removed from elements (via JavaScript) if images are disabled/
 */
.zc-sprite {
	color: transparent !important;
	font-size: 0 !important;
	overflow: hidden !important;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
}

.password_strength {
	position: relative;
	border: 1px solid #c0c0c0;
	font-weight: bold;
	color: #C0C0C0;
	font-size: 10pt;
	text-align: center;
	background-color: #fff;
}
.password_strength,
.password_strength .password_strength_label {
	width: 200px;
}
.password_strength .password_strength_label {
	height: 100%;
}
.password_strength .password_strength_bar {
	height: 20px;
	background-repeat: repeat-y;
	background-image: url(/zc/modules/Core/images/Widgets/Password_Change/password_strength_meter_200x20.png);
}

.password_strength .password_strength_bar.allbands {
	height: 26px;
	background-repeat: repeat-y;
	background-image: url('/zc/modules/Core/images/Widgets/Password_Change/password_strength_meter_200x26.png');
}

.password_strength_label {
	text-transform: uppercase;
}

div.password-change form span.label {
	font-weight: 600;
}

.password_strength_label span {
	float: left;
	border-right: 1px solid;
	padding: 2px 7px 1px;
	font-size: 11px;
	color: #848d8f;
	background: #fff;
}

.password_strength_label.weak span.weak,
.password_strength_label.moderate span.weak,
.password_strength_label.moderate span.moderate,
.password_strength_label.strong span.weak,
.password_strength_label.strong span.moderate,
.password_strength_label.strong span.strong {
	background: transparent;
}
.password_strength_label span:last-child {
	border-right: none;
}
.password_strength_label.weak span.weak,
.password_strength_label.moderate span.moderate,
.password_strength_label.strong span.strong {
	color: #000;
	text-decoration: underline;
}



.form_widget .address-autocomplete .address-autocomplete-tabs
{
	display: inline-block;
}
.address-autocomplete .address-autocomplete-tabs li.tablink a {
	padding: 0.75em 1em;
	border-width: 1px 1px 0;
}

/* Currently selected tab */
.address-autocomplete .address-loadingindicator {
	left: 50%;
	right: 50%;
	top: 50%;
	margin-left: -10%;
	min-width:20%;

	border: 1px solid #000;
	background-color: #DDD;
	border-radius: 0.5em;
}
.form_widget .address-autocomplete .form_field {
	padding-left: 0;
}
.form_widget .address-autocomplete .form_field .form_label {
	display: none;
}
.form_widget .address-autocomplete .valid .yui-ac input.yui-ac-input {
	background-color: #fff;
	border-color: initial;
}
.form_widget .address-autocomplete .yui-ac .yui-ac-container .yui-ac-content {
	min-width: 30ex;
}


form label .required_suffix {
	white-space: nowrap; /* Do not allow suffix to wrap around beneath the label, prefer to make whole label wrap */
}

input:disabled {
	cursor: default;
}

span.label {
	cursor: default;
}
.widget-checkboxgroup {
	border: 0;
}

.address-lookup .manual-entry .form_label {
	width: auto;
	max-width: none;
}

.blocklist
{
	margin:1em 0;
	padding:0;
	list-style-type:none;
}

.blocklist li
{
	list-style-type:none;
	position:relative;
	border:1px solid #000;
	padding:0.5em 0.5em 0.5em 30px;
	background-color:#fff;
	background-image:linear-gradient(to top, #FFFFFF 0%, #EEEEEE 100%);
}

.blocklist-single-row li
{
	padding:0.2em 30px;
}

.blocklist-single-row .type, .blocklist-single-row .name
{
	max-width:100%;
	display:inline-block;
}

.blocklist-single-row .name
{
	float:right;
}

.blocklist-single-row .name:after
{
	content:"";
	clear:right;
}

.blocklist-single-row img.blockicon
{
	bottom:inherit;
	top: 3px;
}

.blocklist .name
{
	font-weight:bold;
}

.yui-dialog .blocklist
{
	max-height: 400px;
	overflow:auto;
}

.blocklist .error
{
	font-weight:bold;
}

.dummy-layout-filler
{
	border:1px solid #555;
	background-color:#fafafa;
	display:none;
	text-align:center;
	vertical-align: middle;
	padding:0;
	overflow:hidden;
}

.dummy-layout-filler p
{
	margin:0;
	padding-left:20px;
	background:url(/zc/modules/Core/images/Icons/layout_content.png) left center no-repeat;
	display:inline-block;
	font-size:1.5em;
}

form.no-float .form_field .form_label,
form.no-float .form_field .form_widget,
form.no-float .form_field .form_help {
	float: none;
	width: auto;
}
form.no-float .form_field .form_widget input {
	max-width: 95%; /* allow for side padding and border around inputs */

}
form.no-float .form_field:after {
	display: none; /* Disables clearfix. We don't need to clear things on a form without labels, and it can cause the site's layout with other floated elements to interfere */
}
form.no-padding
{
	padding:0;
}

#FrmInlineEdit
{
	padding: 0;
}
#FrmInlineEdit .form_field
{
	padding:0.5em 0 0;
	line-height:1.6em;
}
#FrmInlineEdit .mce-wrapper.with-section-container .mce-tinymce {
	margin: 0; /* Don't want the ludicrous TinyMCE default right-margin for inline editing! */
}
#FrmInlineEdit .mce-wrapper.with-section-container .mce-tinymce .mce-edit-area iframe {
	max-width: 100%;
}


.admin-link-options
{
	border:1px solid #ccc;
	display:inline-block;
	border-radius:2px;
	padding:2px 20px;
	background:#fafafa 2px 50% no-repeat;
	position:relative;
}

.admin-link-options .menu-button
{
	display:inline-block;
	width:16px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	border-left:1px solid #ccc;
	background:url("/zc/modules/Core/images/Icons/menu-button-arrow.gif") transparent center center no-repeat;
	cursor:pointer;
}

.admin-link-options .yuimenuitem
{
	background-position:4px center;
}

.admin-link-options .yuimenuitem a
{
	padding-left:24px;
}

.adminlinks-disabled .admin-link-options
{
	border:none;
	display:inline;
	padding:0;
	background:none transparent !important;
	position:static;
}

.adminlinks-disabled .menu-button
{
	display:none;
}

.graph
{
	position:relative;
	margin: 1em 0px;
}

.chart-legend
{
	padding-bottom:10px;
	padding-right:10px;
}

.chart-legend .bd
{

	background-color:rgb(255,255,255);
	background-color:rgba(255,255,255, 0.8);
	border:1px solid #ccc;
	margin:10px;
	padding:5px;
	border-radius:3px;
}

.chart-legend ul li
{
	background:none !important;
	padding:0 !important;
	margin:5px 0 !important;
}

.chart-legend ul span
{
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:5px;
}

.graph .x-title
{
	text-align:center;
	margin-top:0;
	display:inline-block;
	color:#666;
}

.graph .y-title
{
	text-align:center;
	display:inline-block;
	margin:0;
	width: 80px;
	overflow:visible;
	color:#666;
}

.graph #no-data-overlay
{
	text-align:center;
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	border:1px solid #000;
	vertical-align:middle;
	font-size:2em;
}

form .form_field.select_other .form_widget select,
form .form_field.select_other .form_widget input
{
	max-width: 50%;
}

form .form_field.wide_label .form_label {
	width: 50%;
}
form .integrated-submit .form_widget {
	position: relative;
}
form .integrated-submit .form_widget input[type="text"] {
	max-width: 90%;
	width: 100%;
}
form .integrated-submit .form_widget input[type="submit"] {
	width: 10%;
	position: absolute;
	right: 0;
	top: 0;
}

.colour_widget .form_widget button,
.colour_widget .form_widget input[type="color"] {
	margin-left: 10px;
	vertical-align: middle;
}

.colour_widget .form_widget input[type="color"]:disabled {
	background-color: #bbbbbb;
	border-color: #bbbbbb;
}

td.valign-top, th.valign-top {
	vertical-align: top;
}

td.valign-center, th.valign-center {
	vertical-align: center;
}

table.align-center {
	margin-left:auto;
	margin-right:auto;
}

.noborder {
	border: 0;
}

.full-width {
	width: 100%;
}

.half-width {
	width: 50%;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.center {
	text-align: center;
}
/* Make everything under aligned elements get the correct margin */
.center > * {
	margin-left:auto;
	margin-right:auto;
}

.align-left > * {
	margin-right:auto;
}

.align-right > * {
	margin-left:auto;
}

td.nowrap, th.nowrap {
	white-space: nowrap;
}

table.no-cell-padding th, table.no-cell-padding td {
	padding: 0;
}
table.no-cell-spacing {
	border-spacing: 0;
}

/* All these should be inline as they used to be spans */
.form-endwidgets div {
	display: inline-block;
}

table.doclist-two-column {
	border-spacing: 2px;
}

table.doclist-two-column th, table.doclist-two-column td{
	padding: 2px;
}

table.doclist-two-column .doclist-two-column-title td {
	width: 35%;
}
table.doclist-two-column .doclist-two-column-summary td {
	width: 50%;
}
/* Multilanguage fields don't want to have limited widths. This *should* be good enough for most cases */
.multilanguage .form_label {
	width: initial !important;
}
/* Multilanguage fields don't need padding around the outside, since they're already wrapped in a form_field */
.multilanguage {
	padding: 0;
}
form.form-inline {
	display: inline-block;
}
.field .caption, .field .field-value {
	display: inline-block;
}
.field .caption::after {
	content: ":";
}
form.large_labels .form_label {
	width: 14em;
}

#VacancyCommsInfo {
	max-width: 880px;
}
/* Without these, firefox doesn't put the various action buttons/links inline */
.action-wrapper {
	display: inline-block;
	overflow: hidden;
}
.action-wrapper form {
	display: inline-block;
	float: left;
	max-width: 26px;
}

.action-wrapper a, .action-wrapper input {
	float: left;
	margin: 0 5px;
}

.append_line .history{
	overflow-y: scroll;
	height: 10em;
	white-space: normal;
	border: 1px solid;
	padding: 1em;
	margin: 1em 0;
}

.radio-inlineblocks {
	clear:both;
}

.radio-inlineblocks label {
	font-weight:bold;
}

.radio-inlineblocks .option {
	vertical-align: top;
	text-align: center;
	display: inline-block;
	padding: 0.5em;
	margin: 0.5em;
	line-height: 1.5em;
	box-sizing: border-box;
	width: 48%;
	border: 1px dashed #c1c1c2;
}

.radio-inlineblocks .option input {
	vertical-align:middle;
}

.no-border {
	border: 0;
}

.no-border > legend {
	padding: 0;
	margin: 0;
}

form fieldset.inherit-background {
	background: inherit;
}

form fieldset.text-right {
	text-align: right;
}

form fieldset.hr-after:after {
	content: ' ';
	display: block;
	margin-top: 2em;
	border-bottom: 1px inset #666;
}

p.lead {
	font-size: 1.1em;
	line-height: 1.1em;
	padding-top: 0.5em;
}

form .one-third {
	width: 33%;
}

.border-box {
	box-sizing: border-box;
}