.hide,
.yui-skin-sam .hide {
	display: none !important;
}

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

/* audit classes */
td.auditcellcaption	{background:rgb(255,255,255);border:1px solid black}
td.auditcelldata	{background:rgb(240,240,240);border:1px solid black}
div.auditlogfrom	{border:1px solid rgb(100,0,0); background:rgb(255,230,230);}
div.auditlogto		{border:1px solid rgb(0,100,0); background:rgb(230,255,230);}

/* 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 { color: rgb(180, 50, 50);}
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 Links - hover styles */
.adminlinks,
.adminlinks-float {
	/* add invisible border to stop things jumping around when we select them */
	border: 1px transparent solid;
}
.adminlinks.adminlinks-floatparent {
	border: 0;
}

.adminlinks-hover,
div.adminlinks:hover,
.adminlinks-hover .adminlinks-float,
div.adminlinks:hover .adminlinks-float {
	border-color: black;
   	border-style: dashed;
}
.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;
	border: 1px black dashed;
}
.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;
}
.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 {
  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 forms validation messages (eg "member number not found") */
.validation {   color: #ff3366; font-weight: bold;}


#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;}

/* Used by Core_Block_Recordset_Load_* blocks */
div.TableSelect td { font-size: x-small;}


/* 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; background:white;font-size:small; }
div.bdadpan p, div.bdadpan td {font-size:small;}
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;
}

span.overlibbtn {
	background: #809ab6; color: white;
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	margin: 0px 2px 0px 2px;
	border-width: 1px; border-color: #BFCCDA #416892 #416892 #BFCCDA;
}

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); background-image:url(/images/greygrad.gif); 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;background-image:url(/images/greygrad.gif);}
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:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

/* 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;
}
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;
}

/* 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/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 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_validation {
	margin-left: 1em;
	float: left;
	color: #f44;
	font-weight: bold;
}

.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;
}

.valid input[type=text],
.valid input[type=password],
.valid input[type=checkbox],
.valid input[type=radio],
.valid textarea,
.valid select {
	background-color: #bfb;
	border-color: #4f4;
}

.invalid input[type=text],
.invalid input[type=password],
.invalid input[type=checkbox],
.invalid input[type=radio],
.invalid textarea,
.invalid select {
	background-color: #fbb;
	border-color: #f44;
}

.invalid label, span.invalid {
	color: #f44;
	font-weight: bold;
}

div.yui-ac {
	display: inline;
}

.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 */
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
}

.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 {
	background: #00c;
	color: #fff;
	padding: 0 0.5em;
	font-weight: bold;
}

.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);
}

.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 h2
{
	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;
}

.admin-delete-icon,
.admin-edit-icon,
.admin-clone-icon,
.admin-preview-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-delete-icon {
	background-image: url(/zc/modules/Core/images/Icons/cross.png);
}
.admin-edit-icon {
	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-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);
}
.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);
}

.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 {
	background:#FFF none repeat scroll 0 0;
	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-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-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-msword,
ul.mime-attachments li.mime-application-vnd-ms-word {
	background-image: url(/zc/modules/Core/images/Icons/page_white_word.png);
}

/* AJAX Loading indicator */
#ajaxloading {
	background: #fff url(/zc/images/ajax-loader.gif) 10px center no-repeat;
	padding: 1em 1em 1em 36px;
	position: fixed;
	_position: absolute; /* IE6 */
	right: 0;
	top: 0;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	z-index: 10000;

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

/** 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;
}

.zc-popdown {
	padding: 1em;
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	margin: 0;
	width: 97%;
	position: fixed;
	z-index: 100;
}
.zc-popdown .yui-button {
	float: right;
}
.zc-popdown p {
	margin: 0;
}