/******************************************************
*                                                     *
*   	Version:   04.07.2009						  *
*   	Website:   coalescent						 *
*                                                     *
******************************************************/
body
{
	background-color: #e7e7e7;
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #33393c;
	margin:0;
	padding:0;
}
input, textarea, select
{
	font: normal 1em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin:0;
	padding:0;
}

p
{
	margin: 0 0 20px 0;
	line-height: 140%;
	color: #33393c;
	padding:0;
}
a
{
	outline: none;
	text-decoration: none;
	color:#068DDF;
}
a:hover
{
	text-decoration:underline;
	color:#068DDF;
}
.hide
{
	display: none;
}
img
{
	border: 0;
}
em {
	color : #aaa;
	font: normal 0.9em Arial, Tahoma, sans-serif;
}
/*------------------------------------ Layout -------------------------------------------*/
#header
{
	width:100%;
	float:left;
	background-color: #005986;
	border-bottom:1px solid #07567d;
}
#header h1
{
	font: italic 2em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	margin: 0;
	padding: 10px 0 10px 30px;
}
#header h1 span
{
	font: italic 0.7em Georgia, "Times New Roman", Times, serif;
	color: #EBECD7;
}

#mainNav
{
	width:100%;
	float:left;
	background-color: #C2D4DF;
	border-bottom: 1px solid #A5B5BE;
}
.pdgMainNav
{
	padding: 4px 0 4px 30px;
	float:left;
	width:96.5%;
	/*border-bottom: 1px solid #C9DCE7;*/
}
#mainNav ul
{
	margin: 4px 0 0 0;
	padding: 0;
	list-style: none;
	float:left;
}
#mainNav ul li
{
	float: left;
	margin: 0 10px 0 0;
}
#mainNav ul li a
{
	font: bold 1em Arial, Tahoma, sans-serif;
	color: #006699;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 2px 10px 2px 10px;
}
#mainNav ul li a:hover
{
	color: #888888;
}
#mainNav ul li.current a
{
	font: bold 1em Arial, Tahoma, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 2px 10px 2px 10px;
	background-color: #006699;
}
#mainNav ul li.current a:hover
{
	font: bold 1em Arial, Tahoma, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 2px 10px 2px 10px;
	background-color: #B2B3B5;
}
.left
{
	float:left;
}
.utilityNav
{
	float:right;
	text-align:right;
}
.utilityNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float:right;
	color: #fff;
}
.utilityNav ul li
{
	float: left;
	margin: 5px 0 0 5px;
}
.utilityNav ul li a
{
	font: .8em Verdana, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 5px 2px 5px;
}
.utilityNav ul li a:hover
{
	color: #C2D4DF;
}
.utilityNav ul li.current a
{
	font: .8em Verdana, Tahoma, sans-serif;
	color: #EBECD7;
	text-decoration: none;
	display: block;
	padding: 2px 5px 2px 5px;
}

#subNav
{
	background-color:#BACBD6;
	width:100%;
	float:left;
	border-bottom: 1px solid #9FAEB7;
}
.pdgSubNav
{
	padding: 2px 30px 2px 30px;
	float:left;
	width:92%;
}	
#subNav img
{
	float:left;
	vertical-align:middle;
	padding: 4px 0 2px 0;
}
#subNav ul
{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float:left;
	width:100%;
}
#subNav ul li
{
	float: left;
	margin: 0 10px 0 0;
	padding:0;
}
#subNav ul li a
{
	font: bold .9em Arial, Tahoma, sans-serif;
	color: #006699;
	display: block;
	text-decoration: none;
	padding: 0 20px 0 5px;
	margin:0;
	vertical-align:middle;
	float:left;
}
#subNav ul li a:hover
{
	color: #FFFFFF;
	vertical-align:middle;
}

#subNav ul li.current a
{
	font: bold .9em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 20px 0 5px;
	margin:0;
	float:left;
}
.content
{
	/*background-color: #E1E1E1;float:left;*/
	width:100%;
	
	clear:both;
}
.pdgContent
{
	padding: 20px 30px 30px 30px;
}
.content h1
{
	font: 1.8em Helvetica, Georgia, "Times New Roman", Times, serif;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	line-height:16px;
}
.content h2
{
	background-color: #005986;
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #fff;
	margin: 0;
	padding: 6px 0 6px 5px;
	line-height:18px;
}
.content h2 span
{
	font: italic  .9em Arial, Tahoma, sans-serif;
	color: #F5F5ED;
}
.whiteBox
{
	width:100%;
	background-color:#FFFFFF;
	min-height:200px;
	height:auto !important;
	clear:both;
	/* added on 06-03-09 */
}
.pdgWhiteBox
{
	padding: 30px 0 30px 10px;
}
#footer
{
	text-align: center;
	background-color: #005986;
	margin-top:20px;
	width:100%;
	float:left;
	clear:both;
}
.pdgFooter
{
	padding:5px 5px 5px 5px;
	text-align: center;
	clear:both;
}
#footer p
{
	font: normal 0.9em/150% Arial, Tahoma, sans-serif;
	color: #fff;
	margin:0;
}

/* -------------------------------------------table-block------------------------------- */
#table-block table
{
	width: 100%;
}
#table-block table tr td
{
	padding: 5px 6px 5px 6px; 
	border-bottom: 1px solid #cdcdcd;
}

#table-block table tr th
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	padding: 7px 6px 7px 6px; 
	background-color: #BACBD6;
	text-align:left;
}

#table-block table tr.alternate
{
	background-color: #E9F0F3;
}

span.true, span.Active
{
	color: #009933;
}

span.false, span.Inactive, span.Deleted
{
	color: #990000;
}

/*#table-block table td.actions
{
	color: #ccc;
}*/

a.edit
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	/*color: #C9DCE7;*/
	color:#7BA9C8;
	text-decoration: none;
	padding:1px 0 1px 17px;
	text-transform: uppercase;
}

a.duplicate
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	/*color: #C9DCE7;*/
	color:#7BA9C8;
	text-decoration: none;
	padding:1px 0 1px 17px;
	text-transform: uppercase;
}

a.event-file
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color:#7BA9C8;
	text-decoration: none;
	padding:1px 0 1px 17px;
	text-transform: uppercase;
}

a.delete, a.deactivate
{
	color:#7BA9C8;
	font: bold 0.9em Arial, Tahoma, sans-serif;
	text-decoration: none;
	padding:1px 0 1px 17px;
	text-transform: uppercase;
}

a.delete:hover, a.deactivate:hover, a.edit:hover, a.add:hover
{
	color:#005986;
}

a.add 
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color:#7BA9C8;
	text-decoration: none;
	padding:1px 0 1px 17px;
	text-transform: uppercase;
}


/*-----------------------------Form -------------------------- */

.strongLabel
{
	font: bold 1em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0 0 5px 0;
	display: block;
}
.content textarea
{
	padding:2px 0 0 0;
	width:800px;
	margin:0;
	border:1px solid #C9DCE7;
}
.content select, input[type=checkbox]
{
	border:1px solid #C9DCE7;
}
.tiny 
{
	width:50px;
}
.short 
{
	width:130px;
}
.medium, textarea.medium {
	width:270px;
}
.medium-t2 { width: 200px }
.long, textarea.long 
{
	width:400px;
}
.inputText
{
	height:16px;
	padding:2px 0 0 0;
	margin:0;
	border:1px solid #C9DCE7;
}

.radiolist
{
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
}
.radiolist li
{
	float: left;
	margin: 0 0 5px 0;
	width: 150px;
}
.radiolist input
{
	border: none;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	width: auto;
	float:left;
}
.radiolist label
{
	font: normal 1em Arial, Tahoma, sans-serif;
	color: #33393c;
	padding: 0;
	margin: 0;
	display: inline;
}
.selectedlist {
	background-color:#F2F2E8;
	padding:10px;
}
.clearfix {
    display: inline-block;
}
.englishContainer
{
	padding-left: 10px;
	clear:both;
}
.clear
{
	clear:both;	
}
.frenchContainer
{
	background-color: #f2f2e8;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 1px;
	clear:both;
}
.button
{
	background-color:#C9DCE7;
	color:#FFFFFF;
	border:1px solid #000000;
	padding:3px;
}
.thinButton
{
	background-color:#C9DCE7;
	color:#FFFFFF;
	border:1px solid #000000;
	font: normal 0.9em Arial, Tahoma, sans-serif;
	padding-left:3px;
	padding-right:3px;
}
/*-------------------------------------- */
.mrgTp20
{
	margin-top:20px;
}
p.mrgTp20
{
	margin-top:20px;
}
.login
{
	margin:5px 0 0 0;
	padding:5px 5px 0 0;
	color:#FFFFFF;
	font-size:.9em;
	clear:both;
}
.right
{
	float:right;
}
.errorField
{
	color:#FF0000;
	font-size:12px;
}
.asteric
{
	color:#999999;
	font-size:13px;
}
/*-----------18-02-09-----------*/
.homeBlock
{
	float:left;
	height:170px;
	width:95px;
	border-top:5px solid #B2B3B5;
	border-bottom:1px solid #C9DCE7;
	background-color:#E9F0F3;
	margin:5px;
	padding-top:10px;
	padding-left:10px;	
}
a.homeNav
{
	color:#888888;
	text-decoration:none;
}
a.homeSubNav
{
	color:#000000;
}
a.homeSubNav:hover
{
	color:#000000;
}
/*------------------------Login---------------------*/
.loginContent
{
	width:391px;
	float:left;
	min-height:167px;
	height:auto !important;
	background-image:url(https://www.coalescent-inc.com/images/admin/loginBg.gif);
	background-repeat:repeat-y;
}
/* Validation messages*/
.tblinfo
{
	color: #00529B;
   	background-color: #BDE5F8;
	border: 1px solid #00529B;
	margin-bottom:5px;
}
.info 
{
    float:left;
	background-image:url(https://www.coalescent-inc.com/images/admin/info.png) !important;
	background-repeat:no-repeat;
	background-image:url(https://www.coalescent-inc.com/images/admin/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.coalescent-inc.com/images/admin/info.png',sizingMethod=crop);
}
.tblsuccess
{
	color: #4F8A10;
   	background-color: #DFF2BF;
	border: 1px solid #4F8A10;
	margin-bottom:5px;
}
.success 
{
   	float:left;
	background-image:url(https://www.coalescent-inc.com/images/admin/success.png) !important;
	background-repeat:no-repeat;
	background-image:url(https://www.coalescent-inc.com/images/admin/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.coalescent-inc.com/images/admin/success.png',sizingMethod=crop);
   
}
.tblwarning
{
	color: #9F6000;
   	background-color: #FEEFB3;
	border: 1px solid #9F6000;
	margin-bottom:5px;
}
.warning 
{
	float:left;
	background-image:url(https://www.coalescent-inc.com/images/admin/warning.png) !important;
	background-repeat:no-repeat;
	background-image:url(https://www.coalescent-inc.com/images/admin/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.coalescent-inc.com/images/admin/warning.png',sizingMethod=crop);
}
.tblerror
{
	color: #D8000C;
   	background-color: #FFBABA;
	border: 1px solid #D8000C;
	margin-bottom:5px;
}
.error 
{
  	float:left;
	background-image:url(https://www.coalescent-inc.com/images/admin/error.png) !important;
	background-repeat:no-repeat;
	background-image:url(https://www.coalescent-inc.com/images/admin/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.coalescent-inc.com/images/admin/error.png',sizingMethod=crop);

}
/*
	Pagination with Green theme
*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
	float:right;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #99B171;
	
	text-decoration: none; 
	color: #FFFFFF;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #99B171;
	color: #FFF;
	background-color: #758F47;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9FCF5A;
	font-weight: bold;
	background-color: #9FCF5A;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #B6B6A8;
	background-color:#F5F5ED;
}
/*
 Pagination ends here
 */
 
 /* 27-02-09 */
.fullWidth
{
	float:left;width:100%;
}
.pdgTpBt5
{
	padding:5px 0 5px 0;
}
.combo
{
	border:1px dotted #9FCF5A;
	background-color:#FFFFD4;
	
}

.vAlignMid
{
	vertical-align:middle;
}
.pdgTp5
{
	padding-top:5px;
}
a.commonLink
{
	text-decoration:underline;
	color: #006699;
}
/* login */
#simpleBody
{
	background-color:#EBECD7;
}

#login
{
	width:432px;
	background-color:#C9DCE7;
	height:226px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-114px 0 0 -216px;
	border-bottom:1px solid #006699;
	border-left:1px solid #006699;
	border-right:1px solid #006699;
}
.loginBox
{
	float:left;
	width:432px;
	background-color:#C9DCE7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #33393c;
}
.loginRow
{
	width:422px;
	float:left;
	padding:0 5px 12px 5px;
}
.loginRow label
{
	width:138px;
	float:left;
	text-align:right;
	font-size:12px;
	color:#006699;
	font-weight:bold;
	margin:0;
	padding:5px 26px 0 0;
}
.loginError
{
	padding:13px 5px 13px 5px;
	color:#B3D680;
	font-size:13px;
	width:422px;
	text-align:center;
}
.loginInput
{
	width:214px;
	border:1px solid #006699;
	height:22px;
	padding:5px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	color:#006699;
}
.loginButton
{
	background-color:#006699;
	border:0;
	padding:3px 10px 3px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.copyRight
{
	width:391px;
	float:left;
	text-align:center;
	font-size:10px;
	color:#000000;
	margin-top:10px;
}
/* 06-03-09 */
.formLt
{
	float:left; 
	width:47%; 
	padding:0 0 10px 0;
}
.formRt
{
	float:left; 
	width:47%; 
	padding:0 0 10px 15px;
}
.dvEditable
{
	cursor: text;
}

/**
 *	Popup.
 **/
.popup
{
	float:left; width:500px; 
	border:1px solid #C9DCE7; 
	font-family:Arial, Helvetica, sans-serif;
	display: none;
	position: absolute;
}
.popHdr
{
	float:left; width:485px; 
	padding:4px 10px 0 5px;
	background-color:#C9DCE7; 
	color:#FFFFFF; 
	font-size:15px;  height:23px;
}
.popContent
{
	float:left; width:485px; 
	padding:10px 10px 10px 5px; 
	background-color:#EBEBE4; 
	color:#000000; 
	font-size:12px;
}
.popContent p
{
	margin:0;
	padding:0 0 10px 0;
}
.popContent label
{
	float:left; width:120px;
	padding:3px 0 0 0;
}
.popInput
{
	width:220px;
	padding:2px;
	height:17px;
	border:1px solid #C9DCE7; 
}
.popTextArea
{
	width:280px !important;
	padding:2px;
	height:100px;
	border:1px solid #C9DCE7; 
}
.button
{
	background-color:#C9DCE7;
	color:#FFFFFF;
	border:1px solid #000000;
}
.trHoverBackground {
	background-color:#FFFFD4;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#ccc;
	padding:5px;
	display:none;
	color:#fff;
	}
	
.two-col {
	float: left;
	padding-right: 30px;
	/*width: 300px*/
}
.three-col {
	float: left;
	padding-right: 30px;
	/*width: 300px*/
}
.multi-col {
	float: left;
	padding-right: 30px;
	/*width: 200px*/
}

.pdgWhiteBox.common-box p { 
	clear: both;
	float: left;
	width: 100% 
}
.content textarea.small { width: 400px }

.pdgWhiteBox.common-box p.float-none {
	float: none
}

/* 01 Nov 14 */
#frmEvent label.strongLabel {
	float: left;
	margin-right: 10px;	
}
hr {
	float: left;
	margin: 15px 0;
	width: 100%	
}
span.or {
	font-size: 15px;
	float: left;
	font-weight: bold;
	margin-right: 12px;
}
#frmEvent select { float: left }
#frmEvent .errorField { float: left; clear:left }

.address-field {
	width: 300px;
}
.date-time-col  {
	float: left;
    padding-right: 10px;
}
input.dp-applied-short {
	float: left;
	width: 80px;
}

/** Effort to stop using too many view helpers and repetitive classes, and use CSS selectors instead **/

div.search-filters select,
div.search-filters input {
	font-size: 1.1em;
	padding: 0.3em 0.2em;
}

form.explicitStyles label {
	font: bold 1em Arial, Tahoma, sans-serif;
	color: #33393c;
	margin: 0 0 5px 0;
	display: block;
}

form.explicitStyles input + label {
	font: inherit;
	color: inherit;
	display: inline-block;
}

form.explicitStyles label.required:after {
	content: ' ✱';
	color: #78943c;
}

nav.buttons a, a.btn, button.btn {
	display: inline-block;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	padding: 0.5rem 0.8rem;
	margin: 0.5rem 0.25rem;
	text-transform: capitalize;
	border-radius: 0.4rem;
	background-color: #3275B7;
	box-shadow: none;
	border: 1px transparent;
	cursor: pointer;
}

nav.buttons a.secondary, a.btn.secondary, button.btn.secondary {
	background-color: #fff;
	border: 1px solid #3275B7;
	color: #3275B7;
}

nav.buttons a:hover, a.btn:hover, button.btn:hover {
	background-color: #234261;
}

nav.buttons a.secondary:hover, a.btn.secondary:hover, button.btn.secondary:hover {
	background-color: #c5ddf5;
}

/* FLASH MESSAGE */

#flash-message {
	position: absolute;
	top: 0.8em;
	left: 50%;
	padding: 0 2.5em;
	transform: translate(-50%, 0);
	opacity: 0;

	animation: slide-in 4s linear;
}

@keyframes slide-in {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%);
	}
	5% {
		opacity: 1;
		transform: translate(-50%, 0);
	}
	95% {
		opacity: 1;
		transform: translate(-50%, 0);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%);
	}
}

section.info {
	background-color: #e9f0f3;
	border: 1px solid #bacbd6;
	padding: 1em;
}

span.chip {
	border-radius: 0.4rem;
	background-color: color-mix(in srgb, currentColor 15%, white);
	border: 1px solid color-mix(in srgb, currentColor 40%, white);
	padding: 0.2em 0.5em;
}

dl {
	font: normal 1em Arial, Tahoma, sans-serif;
	color: #33393c;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 1rem;
}
dt {
	font-weight: bold;
}
dt::after {
	content: ": ";
}
dd {
}
dt, dd {
	margin: 0;
}

dd.hasError {
	color: #67150F;
}
dd.hasError.removed {
	text-decoration: line-through;
}