/*
	Created on : Mar 11, 2018, 1:35:59 AM
	Author     : hvb
*/


/*
td
{
	vertical-align: top;
	border-collapse: collapse;
}
*/



/*.SubmitButton
{
	text-align: right;
	margin-top: 8px;
	margin-bottom: 16px;
}*/


/*#tblStaff
{
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	overflow: auto;
	border: #FFB399 solid 1px;
	border-collapse: collapse;
}*/

.TableListItem
{
	display: table-row;
}


.TableListItemCell
{
	display: table-cell;
	border: #FFB399 solid 1px;
	overflow-style: panner;
	padding: 4px;
}


.TableListItemCell a
{
	text-decoration: none;
	color: #000000;
	border: none;
}


.TableListItemCell a :hover
{
	font-weight: bold;
	border: none;
}


.TableListItem :hover
{
	border: #FF6633 solid 1px;
	background-color: #FFD1C2;
}


.TableListItemLink
{
}


legend
{
	font-weight: bold;
}


fieldset
{
	margin-top: 32px;
	margin-bottom: 16px;
	border-radius: 16px;
}


label
{
	/*margin-top: 12px;*/
	/*text-align: right;*/
	right: 49%;
}


.form-field
{
	margin-top: 8px;
	margin-bottom: 8px;
}


.formelement
{
	border: unset;
	border: #BBBBBB solid 1px;
	border-radius: 8px;
	padding: 6px;
	margin-top: 8px;
	margin-bottom: 8px;
	/*margin-left: 250px;
	left: 0px;*/
}

.formelement:hover
{
	border: #777777 solid 1px;
}

.formelement:focus
{
	border: darkblue solid 1px;
}


select
{
	line-height: unset;
/*	height: calc(1 + 12px);*/
	/*padding: 6px;*/
}


button
{
	margin-top: 24px;
	text-align: center;
	padding: 6px;
}


.formbutton
{
	border: #BBB7AF solid 1px;
	border-radius: 4px;
	padding: 4px;
	background-color: #D4D0C8;
}

.formbutton:hover
{
	border: #00008B solid 1px;
	background-color: #00008B;
	color: #FFFFFF;
	cursor: pointer;
}

.formbutton:active
{
	border: #8080C5 solid 1px;
	background-color: #8080C5;
	color: white;
}


.error
{
	display: none;
	color: #FF0000;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}


.formspacer
{
	margin-bottom: 12px;
}


#imgStaffPhoto img
{
	vertical-align: middle;
}


.PageDetail
{
	width: calc(100% - 196px);
	margin-left: 196px;
}


.PageList
{
	float: left;
	width: 180px;
}


.PageButtonRow
{
	margin-top: 24px;
	border: none;
	border-radius: 4px;
	background-color: #ECECF6;
	width: calc(100% - 24px);
	padding: 12px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 24px;
}


.ShowSpecifyStartDate
{
	display: block;
}


.HideSpecifyStartDate
{
	display: none;
}


.show
{
	display: block;
}


.LoginBox
{
	min-height: 135px;
	width: 280px;
	max-width: 280px;
	border-collapse: collapse;
	border: #888888 solid 1px;
	border-radius: 4px;
	padding: 8px;
	vertical-align: middle;
	position: absolute;
	margin-left: -140px;
	left: 50%;
	margin-top: -108px;
	top: 50%
}


.ForgotPasswordBox
{
	min-height: 116px;
	width: 505px;
	max-width: 505px;
	border-collapse: collapse;
	border: #888888 solid 1px;
	border-radius: 4px;
	padding: 8px;
	vertical-align: middle;
	position: absolute;
	margin: 0px;
	left: 50%;
	margin-top: -67px;
	margin-left: -252px;
	top: 50%;
}

.ForgotPasswordBox .Heading
{
	text-align: center;
	color: #000000;
	font-size: 18px;
	margin-top: 0px;
}


.GalleryListThumbnailDiv
{
	max-width: 200px;
	min-width: 125px;
	width: 200px;
	max-height: 200px;
	min-height: 125px;
	margin: 16px;
	margin-left: 16px;
	vertical-align: top;
	text-align: center;
	display: inline-block;
}


.GalleryListThumbnailImg
{
	max-width: 200px;
	max-height: 200px;
	border: #BBBBBB solid 1px;
	border-collapse: collapse;
	border-radius: 4px;
	vertical-align: top;
}


.GalleryListHeadingDiv
{
	margin: 0px;
	margin-top: 16px;
	margin-bottom: 16px;
	vertical-align: top;
	width: calc(100% - 232px - 24px);
	display: inline-block;
}


.ListPageNumbers
{
	text-align: center;
	margin-bottom: 24px;
}

.ListPageNumbers a
{
	color: #00008B;
	text-decoration: none;
}

.ListPageNumbers a:hover
{
	color: #FF0000;
}

.ListPageNumbers a:active
{
	color: #333333;
}


.ListItemActive
{

}

.ListItemInActive
{
	font-style: italic;
}

.ListItemArchived a
{
	color: #AAAAAA;
}

.ListItemDeleted
{
	text-decoration: line-through;
}


/*.form-frontend
{
	padding-bottom: 32px;
}


textarea, input, select, button, label
{
	font-family: 'Didact Gothic', sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	max-width: 100%;
}
*/

/* field-error:invalid
{
	border: 1px solid #FF0000;
	box-shadow: 0px 0px 2px 2px rgba(255, 0, 0, 0.8);
}*/


textarea
{
	resize: vertical;
	width: calc(100% - 8px);
}


.formelement
{
	border: none;
	border: #B997C6 solid 1px;
	border-radius: 4px;
	padding: 4px;
	font-family: 'Didact Gothic', sans-serif;
}


.formelement:hover
{
	border: #722E8C solid 1px;
}


.formelement:focus
{
	border: #9C6CAE solid 1px;
	box-shadow: 0px 0px 10px 5px #B997C6;
}


/* input[type="checkbox"].formelement
{
	border: #00FF00 solid 1px;
	border-collapse: collapse;
	border-radius: 4px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
} */


input[type=checkbox]
{
	width: 1em;
	height: 1em;
	vertical-align: middle;
	float: left;
}


input[type=radio]
{
	width: 1em;
	height: 1em;
	vertical-align: middle;
	float: left;
}


label
{
	/*
	display: block;
	margin-left: 32px;
	*/
	vertical-align: baseline;
	align-self: baseline;
}


.datepicker
{
	text-transform: uppercase;
}


.formbutton
{
	border: #BBB7AF solid 1px;
	border-radius: 4px;
	padding: 4px;
	padding-left: 16px;
	padding-right: 16px;
	background-color: #D4D0C8;
}


.formbutton:hover
{
	border: #722E8C solid 1px;
	background-color: #722E8C;
	color: #FFFFFF;
	cursor: pointer;
}


.formbutton:active
{
	border: #9C6CAE solid 1px;
	background-color: #9C6CAE;
	color: #FFFFFF;
}


.error
{
	display: none;
	color: #FF0000;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}


.error-show
{
	display: block;
}


.error-field
{
	border: 1px solid #FF0000;
	box-shadow: 0px 0px 2px 2px rgba(255, 0, 0, 0.8);
}


.error-field:hover
{
	border: 1px solid #AC0000;
}


.formspacer
{
	margin-bottom: 12px;
}


.form-disclaimer
{
	font-size: 12px;
	line-height: 13px;
	margin-top: 24px;
	margin-bottom: 24px;
}


::-webkit-input-placeholder
{
	/* Chrome/Opera/Safari */
	color: #EEE5F1;
}


::-moz-placeholder
{
	/* Firefox 19+ */
	color: #EEE5F1;
	opacity: 1;
}


:-ms-input-placeholder
{
	/* IE 10+ */
	color: #EEE5F1;
}


:-moz-placeholder
{
	/* Firefox 18- */
	color: #EEE5F1;
}


input[type=email]
{
	text-transform: lowercase;
}