@media all {
	body {
		font-size: 62.5%; /* leave set to 62.5%, do not change.  This is required for proper form layout */
		height: 100%;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	html, form {
		height: 100%;
		margin: 0;
		padding: 0;
	}

	.BodyTab {
		padding: 0;
		margin: 0;
		/*background-color: #FAFAFA;*/
		background-color: #EFEFEF;
	}

	select {
		padding: 0.2em;
	}

	.ActionButton, .GridButton {
		font-size: 0.8em !important;
	}

	/* Status Buttons */
	.StatusBtn {
		font-weight: normal !important;
		color: #ffffff !important;
		font-size: 0.8em !important;
		border-radius: 4px;
		padding: .3em 1em;
	}
	.StatusBtn:disabled {
		opacity: .35;
		cursor:default;
	}
	.StatusBtn .ui-button-text {
		padding: 0;
	}
	.StatusBtn .fa {
		font-size: 1.3em !important;
	}
	.StatusBtn.Red,.StatusBtn:disabled.Red:hover {
		background: #c92914 !important;
		border: 1px solid #941f10 !important;
	}
	.StatusBtn.Red:hover {
		background: #941f10 !important;
	}
	.StatusBtn.Blue,.StatusBtn:disabled.Blue:hover {
		background:#2a70b8 !important;
		border: 1px solid #094978 !important;
	}
	.StatusBtn.Blue:hover {
		background: #094978 !important;
	}
	.StatusBtn.Green,.StatusBtn:disabled.Green:hover {
		background: #36a41e !important;
		border: 1px solid #287916 !important;
	}
	.StatusBtn.Green:hover {
		background: #287916 !important;
	}
	.StatusBtn.Grey,.StatusBtn:disabled.Grey:hover {
		background: #696969 !important;
		border: #444444 1px !important;
	}
	.StatusBtn.Grey:hover {
		background: #444444 !important;
	}
	.StatusBtn.ico, .StatusBtn:disabled.ico:hover {
		background: transparent !important; color:#d45  !important;
		border: none !important;
	}
	.StatusBtn.ico:hover {
		background: transparent !important; color:#fff  !important;
	}


	.DetailsAttributeField{
		width: 100% !important;
		height: 1.2em !important;
		border: 1px solid #afafaf !important;
		overflow: auto !important;
	  white-space: normal !important;
		margin-top: 4px !important;
	}

	.DetailsSRField{
		width: 100% !important;
		height: 100% !important;
		border: 1px solid #afafaf !important;
		overflow: auto !important;
	  white-space: normal !important;
	}

	input {
		padding: 0.2em;
	}

	/* Set Radio and Checkbox controls to be a tiny bit larger */
	input[type=checkbox] {
		-ms-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}

	input[type=radio] {
		-ms-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}

	fieldset {
		border: #000000 1px solid;
		margin-top: 6px;
	}

	/* Styles to show users what needs to be corrected */
	td.rejected:after {
		content: '\f075';
		font-family:'FontAwesome';
		font-size:16px;
		display:inline-block;
		margin-left:6px;
	}
	td.rejected:empty:after {
		content: '';
	}
	.errorInput {
		background-color: #fff0a0;
	}
	.errorInput option {
		background-color: #ffffff;
	}

	/* Commented out because it causes issues with the TOC */
	/*input[type=checkbox], input[type=radio] {
		margin: 0 auto;
	}*/

	.ui-tabs-panel div.uiTabsPanelInnerContentWrapper {
		height: 99%; /* Change percentage depending on how rouneded corners will be on the jQueryUI Tabs ".ui-tabs-panel" element */
	}

	.stopScrollBarsInChrome {
		/* this is a hack that somehow prevents the vertical scroll bar from appearing in Chrome when elements Height 
			are less than window height (which of course, should never cause a scrollbar) */
		border: transparent 1px solid;
	}

	#leftBlock {
		border: 1px solid #000000;
		display: inline-block;
		height: 190px;
		margin: 4px 0 0 2px;
		width: 48%;
	}

	#rightBlock {
		border: 1px solid #000000;
		display: inline-block;
		height: 190px;
		margin: 4px 0 0 16px;
		width: 48%;
	}

	#leftBlockWOFormView {
		/*border: 1px solid #000000;*/
		display: inline-block;
		height: 245px;
		margin: 4px 0 0 0;
		padding: 0 0 0 4px;
		vertical-align: top;
		width: 58%;
	}

	#rightBlockWOFormView {
		/*border: 1px solid #000000;*/
		display: inline-block;
		height: 245px;
		margin: 4px 0 0 0;
		min-width: 300px;
		padding: 0 0 0 4px;
		width: 40%;
	}

	.labelBlock {
		display: block;
		font-weight: bold;
		margin-bottom: 6px;
		padding-right: 15px;
		text-align: right;
	}

	.InputRow {
		display: block;
		margin-top: 6px;
		width: 99%;
	}

	.InputLabelColumn {
		display: inline-block;
		text-align: right;
		vertical-align: middle;
		width: 150px;
	}

	.InputDataColumn {
		display: inline-block;
		margin-left: 10px;
		text-align: left;
		vertical-align: middle;
		width: 200px;
	}


	.small {
		color: #666666;
		display: block;
		font-size: 11px;
		font-weight: normal;
		text-align: right;
	}

	.smallButton {
		font-size: .8em;
	}

	textarea {
		resize: none;
	}

	/*#region Simple Elastic/Fixed Form Layout */

	p {
		padding: 4px;
	}


	ol.simple-list {
		counter-reset: li-counter;
		list-style-type: none;
		margin: 0;
		margin-left: 3em;
		padding: 0;
	}

	ol.simple-list > li {
		border-left: 2px solid #CCCCCC;
		font-size: 1.1em;
		margin-bottom: 20px;
		min-height: 3em;
		padding-left: 0.5em;
		position: relative;
	}

	ol.simple-list > li:before {
		color: #464646;
		content: counter(li-counter);
		counter-increment: li-counter;
		left: -1em;
		font-size: 3em;
		font-weight: bold;
		line-height: 1;
		position: absolute;
		text-align: right;
		top: 0;
		width: 0.8em;
	}

	#header {
		/*background: #FF6633;*/
		float: left;
		height: 18px;
		width: 99%;
	}

	#contentliquid {
		float: left;
		/*padding: 0 4px 4px;*/
		width: 99%;
	}

	#content {
		/*background: #00ff21;*/
		overflow: hidden;
	}

	.tabContent {
		/*background: pink !important;*/
		overflow: auto;
		padding-top: 6px;
		width: 99%;
	}

	#footer {
		/*background: #ae18d5;*/
		/* background: transparent; */
		bottom: 0;
		clear: both;
		/*height: 40px;*/
		height: auto;
		position: absolute;
		width: 99%;
	}

	.ui-tabs-panel {
		padding: 1px 1px 1px 1px !important;
	}

	.buttonBox {
		/*background-color: transparent;*/ /* for development only, remove for production */
		/*background-color: #FFFFFF;*/
		height: 30px;
		padding-top: 4px;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}
	/*#endregion */

	.buttonSmall {
		font-size: .8em;
	}

	/*#region iFrame Settings */
	iframe {
		width: 100%;
		height: auto;
		margin: 0px;
		border: none;
	}

	div.iFrameContainer {
		text-align: left;
		display: block;
		height: 99%;
		/*margin: 1px;*/
	}

	td.iFrameInTableCell {
		text-align: center;
		vertical-align: top;
		height: 100%;
	}

	.loader {
		background: url("../../Images/page-loader.gif") 50% 50% no-repeat rgb(249,249,249);
		height: 100%;
		left: 0px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 9999;
	}

	.WaitSpinner{
		height: 99%;
		width: 99%;
		vertical-align: middle;
		text-align: center;
		background: url("../../Images/page-loader.gif") no-repeat;
		background-position: 50% 50%;
		overflow: hidden;
	}

		.disableOverlay {
		background: rgba(249, 249, 249, 0.70);
		height: 100%;
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 99;
	}

	.noScrollingIFrame {
		height: 99%;
		width: 99%;
		vertical-align: top;
		text-align: center;
		background: url("../../Images/page-loader.gif") no-repeat;
		background-position: 50% 50%;
		overflow: hidden;
		position: relative;
		display: block;
	}

	.noScrollingIFrameNoLoadImage {
		height: 99%;
		width: 99%;
		vertical-align: top;
		text-align: center;
		overflow: hidden;
		position: relative;
		display: block;
	}

	.scrollingIFrame {
		height: 99%;
		width: 99%;
		vertical-align: top;
		text-align: center;
		background: url("../../Images/page-loader.gif") no-repeat;
		background-position: 50% 50%;
		overflow: auto;
		position: relative;
		display: block;
	}

	.scrollingIFrameNoLoadImage {
		height: 99%;
		width: 99%;
		vertical-align: top;
		text-align: center;
		overflow: auto;
		position: relative;
		display: block;
	}

	.IFrameWithBorder {
		border: #a0a0a0 1px solid;
	}

	.IFrameLoadingAnimatedGIF {
		cursor: wait;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -18px;
		margin-top: -18px;
		border: 1px solid #777777;
		background: #fff;
		-moz-box-shadow: 0px 0px 10px #777777;
		-webkit-box-shadow: 0px 0px 10px #777777;
		box-shadow: 0px 0px 10px #777777;
		opacity: 1.0; /* Safari, Opera */
		-moz-opacity: 1.00; /* FireFox */
	}

	.iFrameLoadingOverlay {
		background-color: #f9f7f7;
		opacity: 0.5; /* Safari, Opera */
		-moz-opacity: 0.50; /* FireFox */
	}
	.LoadingOverlay {
		position: fixed;
		width:100%;
		height:100%;
		opacity:0.2;
		top: 0;
		left: 0;
		-moz-opacity: 0.20; /* FireFox */
		background-color: #777777;
        z-index: 9999;
	}
	.LoadingSpinner {
		position:relative; 
		top:45%; 
		left:45%; 
		width:50px;
		height:50px;
		background: url(../../Images/page-loader.gif) no-repeat 5px !important;
	}
    .ui-widget-overlay { opacity: .5; }
	/*#endregion */

	.InlineBlock {
		display: inline-block;
	}

	.FormHeader {
		color: #000000;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
	}

	.FloatLeft {
		float: left;
	}

	.FloatRight {
		float: right;
	}

	.NoWrap {
		white-space: nowrap;
	}

	.OverflowAuto {
		overflow: auto;
	}

	.OverflowHidden {
		overflow: hidden;
	}

	.OverflowVisible {
		overflow: visible;
	}
	}

	.PositionCenter {
		margin: 0 auto;
	}

	.TextAlignCenter {
		text-align: center;
	}

	.TextAlignLeft {
		text-align: left;
	}

	.TextAlignRight {
		text-align: right;
	}

	.TextBold {
		font-weight: bold;
	}

	.TextBoldIttalics {
		font-style: italic;
		font-weight: bolder;
	}

	.TextItalics {
		font-style: italic;
	}

	.VerticalAlignBottom {
		vertical-align: bottom;
	}

	.VerticalAlignMiddle {
		vertical-align: middle;
	}

	.VerticalAlignTop {
		vertical-align: top;
	}

	/*#region Custom Combobox styles - used in \BaseCS\Home.aspx */
	.LetterIcon {
		display: inline-block !important;
		padding: .3em;
		text-align: center;
		vertical-align: middle;
		color: #FFFFFF;
		margin-right: .2em !important;
		margin-left: .1em !important;
		margin-top: .1em !important;
		margin-bottom: .1em !important;
		width: 1.5em;
		font-size: 1.1em !important;
	}

	.spanLetterComboBoxSelectedItem {
		background: #FFFFFF;
		color: black;
		font-weight: bold !important;
		border-color: #696969;
		padding: .2em;
	}

	.LetterComboBox,
	.LetterComboBox ul,
	.LetterComboBox li,
	.LetterComboBox span {
		list-style: none;
		text-decoration: none !important;
		vertical-align: middle;
		cursor: pointer;
	}

	.LetterComboBoxSelectList {
		position: absolute;
	}
	/*#endregion */

	.HeaderBar {
		margin-top: 2px;
		margin-bottom: 4px;
		margin-left: 6px;
		/*white-space: nowrap;*/
		min-height: 16px; /* min height of jQuery UI Icons*/
		vertical-align: middle;
	}

	.divIconActions {
		display: inline;
		float: right;
		margin-right: 4px;
	}

	.divIconActionsLeft {
		display: inline;
		float: left;
	}

	.divIconActionsCenter {
		display: inline;
		float: none;
		text-align: center;
	}

	input.IconActions {
		width: 24px;
		height: auto;
		margin: 2px;
	}

	input.IconActions:hover {
		-moz-box-shadow: 0px 0px 6px #ffd800;
		-webkit-box-shadow: 0px 0px 6px #ffd800;
		box-shadow: 0px 0px 6px 6px #ffd800;
		background-color: #ffd800;
	}

	.SelectList100 {
		width: 100%;
	}

	.ZoomInFormLayoutPreview {
		border: thin solid #888888; /* hex for 'gray' */
		-ms-transform: scale(0.88, 0.88); /* IE 9 */
		-webkit-transform: scale(0.88, 0.88); /* Chrome, Safari, Opera */
		-moz-transform: scale(0.88, 0.88);
		-o-transform: scale(0.88, 0.88);
		transform: scale(0.88, 0.88); /* Standard syntax */
	}

	.buttonDisabled {
		color: #888888;
	}

	.MessageText {
		/*background-color: #FFBF74;*/
		color: #000000;
		font-size: 1em;
	}

	/*#region Other Tab Classes */

	.MainTabs {
		/*border-spacing: 1px;*/
		overflow: auto;
	}

	.SubTabs {
		border-spacing: 1px;
		overflow: auto;
	}

	.SubTabsContent {
		overflow: auto;
	}
	/* Status Tabs */
	.ui-tabs.status-tabs .ui-tabs-nav li.approved:after, .ui-tabs.status-tabs .ui-tabs-nav li.rejected:after{
		content:"\f00d";
		font-family:'FontAwesome';
		border-radius: 18px;
		height: 10px;
		width: 10px;
		font-size: 10px;
		line-height: 9px;
		padding: 3px;
		border: 1px solid transparent;
		display:block;
		position:absolute;
		top: -6px;
		right: -6px;
		text-align:center;
		background: #000000;
		opacity: .6;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		/* z-index: 20; */
	}
	.ui-tabs.status-tabs .ui-tabs-nav li.ui-state-active:after {
		z-index:20;
		opacity:1;
	}
	.ui-tabs.status-tabs .ui-tabs-nav li.approved:after{
		content:"\f00c";
		border-color:#287916;
		background: #287916;
	}
	.ui-tabs.status-tabs .ui-tabs-nav li.rejected:after{
		content:"\f00d";
		border-color:#941f10;
		background:#941f10;
	}

	.ui-tabs.status-tabs .ui-tabs-nav li.approved.ui-state-active:after{
		background: #36a41e;
	}
	.ui-tabs.status-tabs .ui-tabs-nav li.rejected.ui-state-active:after{
		background:#c92914;
	}

	/*#endregion */

	.FixedTableLayout {
		table-layout: fixed;
		border-spacing: 0;
	}

	#divContentWrapper {
		height: auto;
		width: 100%;
		table-layout: auto;
		border-spacing: 0;
		display: block;
	}

	#divTabWrapper {
		display: block;
		border-spacing: 0;
	}

	.ButtonBar {
		height: 30px;
		text-align: center;
		vertical-align: middle;
		display: block;
		border-spacing: 0;
	}

	.BottomButton {
		width: 120px;
	}

	.Border1PXSolidBlack {
		border: 1px solid #000000;
	}

	.DisplayBlock {
		display: block;
	}

	.DisplayInlineBlock {
		display: inline-block;
	}

	.DisplayNone {
		display: none;
	}

	.DisplayFlex {
		display: flex;
	}

	.HasDarkBackground {
		color: #FFFFFF;
	}

	.HeightPercent100 {
		height: 99%;
	}

	.HeightPercent99 {
		height: 99%;
	}

	.PaddingLeft6 {
			padding-left: 6px !important;
	}

    .PaddingLeft20 {
        padding-left: 20px !important;
    }

    .PaddingLeftBottom20 {
        padding-left: 20px !important;
        padding-bottom: 10px !important;
    }

	.PaddingRight6px
	{
		padding-right: 6px !important;
	}

    .PaddingTop6px
    {
        padding-top: 6px !important;
    }

	.pointer {
		cursor: pointer;
	}

	.MarginBottom6px {
		margin-bottom: 6px;
	}

	.MarginLeft2PX {
		margin-left: 2px;
	}

	.MarginLeft6px {
		margin-left: 6px;
	}

	.MarginLeft10px {
		margin-left: 10px;
	}

	.MarginLeft12px {
		margin-left: 12px;
	}

	.MarginLeft16px {
		margin-left: 16px !important;
	}

	.MarginLeft20px {
		margin-left: 20px;
	}

	.MarginLeft30px {
		margin-left: 30px;
	}

	.MarginLeft40px {
		margin-left: 40px;
	}

	.MarginRight6px {
		margin-right: 6px;
	}
    .MarginRight12px {
        margin-right: 12px;
    }
	.Margin12 {
		margin: 12px;
	}
    .Margin6 {
        margin: 6px;
    }
	.MarginBottom12px {
		margin-bottom: 12px;
	}
    .MarginBottom20px {
        margin-bottom: 20px;
    }

	.MarginTop4px {
		margin-top: 4px;
	}

	.MarginTop6px {
		margin-top: 6px;
	}

	.MarginTop12px {
		margin-top: 12px;
	}

	.MarginTop16px {
		margin-top: 12px;
	}


	.MarginTop20PX {
		margin-top: 20px;
	}

	.WidthPercent5 {
		width: 5%;
	}
	.WidthPercent10 {
		width: 10%;
	}

	.WidthPercent14 {
		width: 14%;
	}
	.WidthPercent16 {
		width: 16%;
	}
	.WidthPercent20 {
		width: 20%;
	}

	.WidthPercent25 {
		width: 25%;
	}

	.WidthPercent30 {
		width: 29%;
	}

	.WidthPercent40 {
		width: 39%;
	}

	.WidthPercent45 {
		width: 45%;
	}

	.WidthPercent50 {
		width: 49%;
	}

	.WidthPercent60 {
		width: 59%;
	}

	.WidthPercent65 {
		width: 64%;
	}

	.WidthPercent70 {
		width: 69%;
	}


	.WidthPercent75 {
		width: 75%;
	}

	.WidthPercent80 {
		width: 80%;
	}

	.WidthPercent85 {
		width: 84%;
	}

	.WidthPercent90 {
		width: 90%;
	}

	.WidthPercent95 {
		width: 95%;
	}

	.WidthPercent99 {
		width: 99%;
	}

	.WidthPercent98 {
		width: 98%;
	}

	.WidthPercent96 {
		width: 96%;
	}

	.WidthPercent100 {
		/* Reduced from 100 to 99 for jQueryUI purposes*/
		width: 99%;
		/*width: 100%;*/
	}

	.LabelCentered {
		text-align: center;
	}

	.inputData {
		width: 65%;
	}

	.inputLabel {
		width: 30%;
	}
	.LabelLabel {
		font-weight:bold;
	}

	.ListLabelBold {
		font-weight: bold;
	}

	.float-buttons-none {
		float: none;
	}

	.TableZeroPaddingAndSpacing {
		border-collapse: collapse;
		border-spacing: 0;
		padding: 0px;
	}

		.TableZeroPaddingAndTwoSpacing {
		border-collapse: collapse;
		border-spacing: 2px;
		padding: 0px;
	}

	.TableTwoPaddingAndOneSpacing {
		border-collapse: collapse;
		border-spacing: 1px;
		padding: 2px;
	}

	.TableThreePaddingAndOneSpacing {
		border-collapse: collapse;
		border-spacing: 1px;
		padding: 3px;
	}

	.TableOnePaddingAndOneSpacing {
		border-collapse: collapse;
		border-spacing: 1px;
		padding: 1px;
	}

	.TableTwoPaddingAndSpacing {
		border-collapse: separate;
		border-spacing: 2px;
		padding: 2px;
	}

	.TableFourPaddingAndSpacing {
		border-collapse: separate;
		border-spacing: 4px;
		padding: 4px;
	}

	tr {
		vertical-align: top;
	}
	.vwComboBox {
		position: relative;
		/*z-index: -1;*/
	}
	
	.vwDropDown, .rcbArrowCell {
		background-color: #FFFFFF;
		border: none;
	}

	/* These sizes are important for where this is used, do not remove the height and width -- 09/18/14 - PDS */
	.ui-datepicker-trigger {
		cursor: pointer;
		height: 22px;
		padding-right: 0.2em;
		width: 22px;
	}

	/*#region Form View Buttons */
	.btnBase {
		-moz-box-shadow: 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
		box-shadow: 0px 1px 0px 0px #ffffff;
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#dfdfdf);
		background-color: #ededed;
		-webkit-border-top-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-left-radius: 6px;
		text-indent: 0;
		border: 1px solid #949494;
		display: inline-block;
		color: #777777;
		font-family: Verdana;
		font-size: 15px;
		font-weight: bold;
		font-style: normal;
		height: 22px;
		line-height: 50px;
		width: 22px;
		text-decoration: none;
		text-align: center;
		text-shadow: 1px 1px 0px #ffffff;
	}

	.btnBase:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
	}

	.btnBase:active {
		position: relative;
		top: 1px;
	}

	.btnAlignLeft {
		background-image: url(../../Images/Icons/AlignLeft.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignLeft:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/AlignLeft.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignCenter {
		background-image: url(../../Images/Icons/AlignCenter.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignCenter:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/AlignCenter.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignRight {
		background-image: url(../../Images/Icons/AlignRight.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignRight:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/AlignRight.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignTop {
		background-image: url(../../Images/Icons/AlignTop.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignTop:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/AlignTop.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignMiddle {
		background-image: url(../../Images/Icons/AlignMiddle.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignMiddle:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/AlignMiddle.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignBottom {
		background-image: url(../../Images/Icons/AlignBottom.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAlignBottom:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/AlignBottom.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnGear {
		background-color: #e6e6e6 !important;
		background-image: url(../../Images/Icons/table_gear.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnGear:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-image: url(../../Images/Icons/table_gear.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.btnClear {
		background-color: #e6e6e6 !important;
		background-image: url(../../Images/Icons/ClearSelection.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnClear:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-image: url(../../Images/Icons/ClearSelection.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnCheck {
		background-color: #e6e6e6 !important;
		background-image: url(../../Images/Check.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnCheck:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-image: url(../../Images/Check.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnHelp {
		background-color: #e6e6e6 !important;
		background-image: url(../../Images/Icons/help.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnHelp:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-image: url(../../Images/Icons/help.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnMap {
		background-image: url(../../Images/Icons/map_add.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnMap:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/map_add.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnMap:active {
		position: relative;
		top: 1px;
	}

.btnAdd {
	background-image: url(../../Images/Icons/add.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.btnAdd:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/add.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

.btnAdd:active {
		position: relative;
		top: 1px;
	}

.btnAddVector {
	background-image: url(../../Images/Icons/vector_add.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.btnAddVector:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/vector_add.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

.btnAddVector:active {
		position: relative;
		top: 1px;
	}
.btnSetVector {
	background-image: url(../../Images/Icons/vector.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.btnSetVector:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/vector.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

.btnSetVector:active {
		position: relative;
		top: 1px;
	}
.btnZoomTo {
	background-image: url(../../Images/Icons/ZoomSel.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.btnZoomTo:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/ZoomSel.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

.btnZoomTo:active {
		position: relative;
		top: 1px;
	}


	.btnBasket {
		background-image: url(../../Images/Icons/basket_put.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnBasket:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/basket_put.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnBasket:active {
		position: relative;
		top: 1px;
	}

	.btnClock {
		background-image: url(../../Images/Icons/clock.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnClock:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/clock.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnClock:active {
		position: relative;
		top: 1px;
	}

	.btnBook {
		background-image: url(../../Images/Icons/book.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnBook:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/book.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnBook:active {
		position: relative;
		top: 1px;
	}

.btnSearch {
	background-image: url(../../Images/Buttons/find.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.btnSearch:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
	background-color: #dfdfdf;
	background-image: url(../../Images/Buttons/find.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.btnSearch:active {
	position: relative;
	top: 1px;
}

.btnApply {
	background-image: url(../../Images/Icons/application_go.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.btnApply:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
	background-color: #dfdfdf;
	background-image: url(../../Images/Icons/application_go.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
}


	.btnList {
		background-image: url(../../Images/Icons/16x16/List.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnList:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/16x16/List.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnList:active {
		position: relative;
		top: 1px;
	}

	.btnEye {
		background-image: url(../../Images/Icons/eye.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnEye:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/eye.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnEye:active {
		position: relative;
		top: 1px;
	}

	.btnEyeMinus {
		background-image: url(../../Images/Icons/eye_minus.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnEyeMinus:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/eye_minus.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnEyeMinus:active {
		position: relative;
		top: 1px;
	}

	.btnRecurring {
	    background: url(../../Images/Icons/Recurring.png) no-repeat 50% 50% !important;
	}

	.btnRecurring:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background: url(../../Images/Icons/Recurring.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnRecurring:active {
		position: relative;
		top: 1px;
	}

	.btnLayoutContent {
		background-image: url(../../Images/Icons/layout_content.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnLayoutContent:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/layout_content.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnLayoutContent:active {
		position: relative;
		top: 1px;
	}
	
	.btnCalendar {
		background-image: url(../../Images/Icons/calendar.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnCalendar:hover {
		background-image: url(../../Images/Icons/calendar.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnCalendar:active {
		position: relative;
		top: 1px;
	}

	.btnDate {
		background-image: url(../../Images/Icons/date.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnDate:hover {
		background-image: url(../../Images/Icons/date.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnDate:active {
		position: relative;
		top: 1px;
	}
	
	.btnAppForm {
		background-image: url(../../Images/Icons/application_form.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAppForm:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/application_form.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnPictureAdd {
		background-image: url(../../Images/Icons/picture.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnPictureAdd:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/picture.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnFormAdd {
		background-image: url(../../Images/Icons/page.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnFormAdd:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/page.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnBoxAdd {
		background-image: url(../../Images/Icons/box.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnBoxAdd:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/box.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnLabelAdd {
		background-image: url(../../Images/Icons/text_allcaps.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnLabelAdd:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/text_allcaps.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnArrowUp {
		background-image: url(../../Images/Icons/arrow_up.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnArrowUp:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/arrow_up.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnArrowDown {
		background-image: url(../../Images/Icons/arrow_down.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnArrowDown:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/arrow_down.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnArrowIn {
		background-image: url(../../Images/Icons/arrow_in.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnArrowIn:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/arrow_in.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnArrowOut {
		background-image: url(../../Images/Icons/arrow_out.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnArrowOut:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Icons/arrow_out.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnAppForm:active {
		position: relative;
		top: 1px;
	}

	.btnTools {
		background-image: url(../../Images/Tools18x16.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnTools:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Tools18x16.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnUpArrow {
		background-image: url(../../Images/Buttons/vw_up_arrow.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnUpArrow:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Buttons/vw_up_arrow.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnDownArrow {
		background-image: url(../../Images/Buttons/vw_down_arrow.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnDownArrow:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Buttons/vw_down_arrow.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnLeftArrow {
		background-image: url(../../Images/Buttons/vw_left_arrow.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnLeftArrow:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Buttons/vw_left_arrow.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnRightArrow {
		background-image: url(../../Images/Buttons/vw_right_arrow.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnRightArrow:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Buttons/vw_right_arrow.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnDelete {
		background-image: url(../../Images/Buttons/deletebutton.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.btnDelete:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#ededed);
		background-color: #dfdfdf;
		background-image: url(../../Images/Buttons/deletebutton.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
	}


	/*#endregion*/

	/*#region Telerik Overrides */

div.RadComboBox, div.RadComboBox_Default {
	height: 20px;
}

	.RadTreeView_Default
	{
		background-image: none !important;
		background-color: #FFFFFF !important;
		height: 100% !important;
		overflow: auto !important;
	}


.RadComboBox_Default .rcbActionButton {
	background-image: none !important;
	background-color: transparent !important;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: none !important;
	border-radius: 0;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
.RadComboBox_Default .rcbInner {
	padding: 2px 22px 2px 10px !important;
}

div.RadUpload .ruBrowse {
	border: 1px solid #287916 !important;
	background: #36a41e url("../../3rdParty/jquery-ui/themes/vueworks-custom/images/ui-bg_highlight-soft_65_36a41e_1x100.png") 50% 50% repeat-x !important;
	font-weight: normal !important;
	color: #ffffff !important;
}

	div.RadUpload .ruBrowse:hover {
		background: #287916 !important;
		font-weight: normal !important;
		color: #ffffff !important;
	}

	/* Changes the default Loading... image for Rad controls */
	.rwLoading 
	{ 
		 background-image: url("../../Images/page-loader.gif") !important;   
	} 

	/*#endregion */

	/*#region Report Classes & Overrides */
	.ReportList {
		border: none;
	}

	.ReportListContent {
		background-color: white;
		border: 1px solid #949494;
		height: 100%;
		min-height: 104px;
		width: 99%;
		margin-bottom: -8px;
		overflow-y: auto;
	}

	.ReportListContainer {
		height: 100%;
		list-style-type: none;
		margin: 0;
		min-height: 163px;
		padding: 0 0 0 4px;
		overflow-x: hidden;
	}

	.ReportListContainer li {
		margin: 0 0 3px 0;
	}

	.ReportListContainer a {
		text-decoration: none;
		width: 100%;
	}

	.ReportItem {
		display: block;
		padding: 2px 2px 2px 10px;
		text-decoration: none;
		color: black;
	}

	.ReportItem:hover {
		display: block;
		padding: 2px 2px 2px 10px;
		text-decoration: none;
		background-color: #ccc;
	}

	.ReportCategory {
		width: 100%;
		text-decoration: none;
		font-weight: bold;
		margin-bottom: 6px;
		font-size: 11px;
		border-bottom: 1px solid black;
	}

	.ReportCategory a:hover {
		width: 100%;
		text-decoration: none;
		font-weight: bold;
		margin-bottom: 6px;
		font-size: 11px;
		border-bottom: 1px dotted black;
	}

	.ReportSelected {
		display: block;
		padding: 2px 2px 2px 10px;
		text-decoration: none;
		background-color: #bbb;
	}

	.ReportDivision {
		margin-left: 14px;
	}

	/*#region recordNavigator Defaults / Overrides  */
	.recordNavigatorRecordNumber {
		font-size: 62.5%;
	}

	.recordNavigatorTotalRecords {
		font-size: 120%;
	}


	/*#endregion */

	/*#endregion */

	/*#region Classes moved from StyleSheet_Normal.css */

	.Boxed {
		border-right: solid 1px #888888;
		border-top: solid 1px #888888;
		border-left: solid 1px #888888;
		border-bottom: double 1px #888888;
	}

	.BoxedTable {
		border-right: solid 1px #888888;
		border-top: solid 1px #888888;
		border-left: solid 1px #888888;
		border-bottom: double 1px #888888;
		table-layout: fixed;
	}

	.DashedBorder {
		border: 1px dashed #888888;
		/*background-color: #efebde;*/
	}

	.Required {
		color: #cc0000;
	}
		
	.RequiredSelector{
		color: #cc0000;
		font-size:large;
	}
	.RequiredBorder{
		border: solid #cc0000 2px;
	}
	
	.Red {
		color: #cc0000;
	}

	.Blue {
		color: #0000cc;
	}

	.Highlight {
		background-color: #fffacd;
	}

	.RowColor1 {
		background-color: #ffffff;
	}

	.RowColor2 {
	background-color: #abcbe4;
	color: #000000;
	}

	.RowColor1Dark {
		background-color: #e5e5e5;
	}

	.RowColor2Light {
		background-color: #e7f8ff;
	}

	.RowColorHilite {
		background-color: #fffacd;
	}

	.RowColorWarning {
		background-color: #ffcccc;
	}

	.FieldLabel {
		color: #ffffff;
	}

	.FieldLabelBlack {
		color: #000000;
	}

	.DataColumnHeaderLeft {
		color: #000000;
		border: none;
		background: #f7f7ef;
		text-align: left;
		vertical-align: top;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	.DataColumnHeaderCenter {
		color: #000000;
		border: none;
		background: #f7f7ef;
		text-align: center;
		vertical-align: top;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	.InputCellNumber {
		text-align: right;
		color: #000000;
		background-color: transparent;
		border-style: none;
	}

	.DataText {
		/*color: #000000;*/
	}

	.DataTextItalicGreen {
		font-size: 10px;
		color: #00cc00;
		font: italic;
	}

	.DataTextSmall {
		font-size: 10px;
		color: #000000;
	}

	.DataNumber {
		color: #000000;
		text-align: right;
	}

	.DataTextReadOnly {
		font-weight: normal;
		color: #696969;
	}

	.DataTextReadOnly2 {
		color: #000000;
		background-color: Transparent;
		border: none;
	}

	.ButtonBar TD {
		padding-left: 5px;
		padding-right: 5px;
	}

	.ButtonBar INPUT { /* sets width of buttons*/
		width: 120px;
	}

	.ComboList {
		border: 1px solid black;
		background: #FFFFFF;
		width: 100%;
		height: 106px; /* [15 (row height) X 6 (# rows)] + [2 (cell padding] X 8 (# rows + 2)] */
		overflow-y: auto;
		position: absolute;
	}

	.ComboHilite {
		font-size: 11px;
		background: highlight;
		cursor: pointer;
		color: #ffffff;
		/*font-family: Arial, sans-serif, Verdana, Geneva, Helvetica;*/
	}

	.ComboItem {
		cursor: pointer;
		background: #ffffff;
		color: #000000;
		/*font-family: Arial, sans-serif, Verdana, Geneva, Helvetica;*/
		font-size: 11px;
	}


	.RecordEditor_RowOver {
		cursor: pointer;
		background-color: #fffacd;
	}

	.RecordEditor_RowOut {
		cursor: pointer;
		background-color: #ffffff;
	}

	.RecordEditor_RowSelected {
		cursor: pointer;
		/*background-color: #fffd66;*/
		background-color: #ffff96;
	}

	.RecordEditor_ButtonOver {
		cursor: pointer;
		border-left: #ffffff 1px solid;
		border-top: #ffffff 1px solid;
		border-right: #000000 1px solid;
		border-bottom: #000000 1px solid;
		background-color: buttonface;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	}

	.RecordEditor_ButtonOut {
		cursor: pointer;
		border-left: #ffffff 1px solid;
		border-top: #ffffff 1px solid;
		border-right: #000000 1px solid;
		border-bottom: #000000 1px solid;
		background-color: buttonface;
	}

	.RecordEditor_ButtonDown {
		cursor: pointer;
		border-left: #000000 1px solid;
		border-top: #000000 1px solid;
		border-right: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
		background-color: buttonface;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	}

	.ImgButton IMG {
		border: 1Px White outset;
	}

	.ImgButton:hover IMG {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		border: 1Px White inset;
	}

	.ImageButton {
		margin: 1px;
		cursor: pointer;
		background-color: Transparent;
	}



	/*#region Begin Custom Anchor Tags */

	.HyperlinkAnchor
	{
		color: #2a70b8 !important;
		font-weight: bolder !important;
	}

	.HyperlinkAnchorUnderline{
		color: #2a70b8 !important;
		font-weight: bolder !important;
		text-decoration: underline;
	}

	.HyperlinkMouseUp {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #00309c;
		text-decoration: underline;
		cursor: pointer;
	}

	.HyperlinkMouseOver {
		font-family: Arial, sans-serif, Verdana, Geneva, Helvetica;
		font-weight: normal;
		font-size: 11px;
		color: #FF3000;
		text-decoration: underline;
		cursor: pointer;
	}

	.HyperlinkMouseDown {
		font-family: Arial, sans-serif, Verdana, Geneva, Helvetica;
		font-weight: normal;
		font-size: 11px;
		color: #696969;
		cursor: pointer;
		border-left: 1px dotted;
		border-right: 1px dotted;
		border-top: 1px dotted;
		border-bottom: 1px dotted;
	}

	/*#endregion */

	/*#region Begin Text Case Modification Styles */

	.UPPERCASE {
		text-transform: uppercase;
	}

	.lowercase {
		text-transform: lowercase;
	}

	.Capitalize {
		text-transform: capitalize;
	}

	/*#endregion */
	
	/*#region Begin Additional Black Text Colored Styles */
	.BlackBold10PX {
		color: #000000;
		font-size: 10px;
		font-weight: bold;
	}

	.BlackBold11PX {
		color: #000000;
		font-size: 11px;
		font-weight: bold;
	}

	.BlackBold12PX {
		color: #000000;
		font-size: 12px;
		font-weight: bold;
	}

	.BlackBold14PX {
		color: #000000;
		font-size: 14px;
		font-weight: bold;
	}

	.BlackBold16PX {
		color: #000000;
		font-size: 16px;
		font-weight: bold;
	}

	.BlackItalic12PX {
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
	}

	.LocalBlackBold13PX
	{
		color: #000000;
		font-weight: bold;
	}

	.Black18PX {
		font-size: 18px;
		color: #000000;
	}

	.BlackBold18PX {
		font-size: 18px;
		color: #000000;
		font-weight: bold;
	}

	.BlackItalic18PX {
		font-size: 18px;
		color: #000000;
		font-style: italic;
	}

	.Black16PX {
		font-size: 16px;
		color: #000000;
	}

	.BlackBold16PX {
		font-size: 16px;
		color: #000000;
		font-weight: bold;
	}

	.BlackItalic16PX {
		font-size: 16px;
		color: #000000;
		font-style: italic;
	}

	.Black14PX {
		font-size: 14px;
		color: #000000;
	}

	.BlackBold14PX {
		font-size: 14px;
		color: #000000;
		font-weight: bold;
	}
	
	.TextBlackBold14PX {
		font-size: 1.2em;
		color: #000000;
		font-weight: bold;
	}

	.Black14PXItalic {
		font-size: 14px;
		color: #000000;
		font-style: italic;
	}

	.Black13PX {
		font-size: 13px;
		color: #000000;
	}

	.BlackBold13PX {
		font-size: 13px;
		color: #000000;
		font-weight: bold;
	}

	.BlackItalic13PX {
		font-size: 13px;
		color: #000000;
		font-style: italic;
	}

	.Black12PX {
		font-size: 12px;
		color: #000000;
	}

	.BlackBold12PX {
		font-size: 12px;
		color: #000000;
		font-weight: bold;
	}

	.BlackItalic12PX {
		font-size: 12px;
		color: #000000;
		font-style: italic;
	}

	.Black11PX {
		font-size: 11px;
		color: #000000;
	}

	.BlackBold11PX {
		font-size: 11px;
		color: #000000;
		font-weight: bold;
	}

	.BlackItalic11PX {
		font-size: 11px;
		color: #000000;
		font-style: italic;
	}

	.Black10PX {
		font-size: 10px;
		color: #000000;
	}

	.BlackBold10PX {
		font-size: 10px;
		color: #000000;
		font-weight: bold;
	}

	.BlackItalic10PX {
		font-size: 10px;
		color: #000000;
		font-style: italic;
	}

	.Black9PX {
		font-size: 9px;
		color: #000000;
	}

	.BlackBold9PX {
		font-size: 9px;
		color: #000000;
		font-weight: bold;
	}

	.BlackItalic9PX {
		font-size: 9px;
		color: #000000;
		font-style: italic;
	}

	.Black8PX {
		font-size: 8px;
		color: #000000;
	}

	.BlackBold8PX {
		font-size: 8px;
		color: #000000;
		font-weight: bold;
	}

	.BlackItalic8PX {
		font-size: 8px;
		color: #000000;
		font-style: italic;
	}


	/*#endregion */

	/*#region Begin Additional White Text Colored Styles */
	.White18PX {
		font-size: 18px;
		color: #FFFFFF;
	}

	.WhiteBold18PX {
		font-size: 18px;
		color: #FFFFFF;
		font-weight: bold;
	}

	.White16PX {
		font-size: 16px;
		color: #FFFFFF;
	}

	.WhiteBold16PX {
		font-size: 16px;
		color: #FFFFFF;
		font-weight: bold;
	}

	.White14PX {
		font-size: 14px;
		color: #FFFFFF;
	}

	.WhiteBold14PX {
		font-size: 14px;
		color: #FFFFFF;
		font-weight: bold;
	}

	.White13PX {
		color: #FFFFFF;
	}

	.WhiteBold13PX {
		font-size: 13px;
		color: #FFFFFF;
		font-weight: bold;
	}

	.White12PX {
		font-size: 12px;
		color: #FFFFFF;
	}

	.WhiteBold12PX {
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
	}

	.WhiteBold12PXNarrow {
		font-size: 12px;
		font-family: Arial Narrow;
		color: #FFFFFF;
		font-weight: bold;
	}

	.White11PX {
		font-size: 11px;
		color: #FFFFFF;
	}

	.WhiteBold11PX {
		font-size: 11px;
		color: #FFFFFF;
		font-weight: bold;
	}

	.White10PX {
		font-size: 10px;
		color: #FFFFFF;
	}

	.WhiteBold10PX {
		font-size: 10px;
		color: #FFFFFF;
		font-weight: bold;
	}

	.White9PX {
		font-size: 9px;
		color: #FFFFFF;
	}

	.WhiteBold9PX {
		font-size: 9px;
		color: #FFFFFF;
		font-weight: bold;
	}

	.White8PX {
		font-size: 8px;
		color: #FFFFFF;
	}

	.WhiteBold8PX {
		font-size: 8px;
		color: #FFFFFF;
		font-weight: bold;
	}


	/*#endregion */

	/*#region Begin Additioinal Blue Text Colored Styles */
	.Blue18PX {
		font-size: 18px;
		color: #0000cc;
	}

	.BlueBold18PX {
		font-size: 18px;
		color: #0000cc;
		font-weight: bold;
	}

	.Blue16PX {
		font-size: 16px;
		color: #0000cc;
	}

	.BlueBold16PX {
		font-size: 16px;
		color: #0000cc;
		font-weight: bold;
	}

	.Blue14PX {
		font-size: 14px;
		color: #0000cc;
	}

	.BlueBold14PX {
		font-size: 14px;
		color: #0000cc;
		font-weight: bold;
	}

	.Blue13PX {
		color: #0000cc;
	}

	.BlueBold13PX {
		font-size: 13px;
		color: #0000cc;
		font-weight: bold;
	}

	.Blue12PX {
		font-size: 12px;
		color: #0000cc;
	}

	.BlueBold12PX {
		font-size: 12px;
		color: #0000cc;
		font-weight: bold;
	}

	.BlueBold12PXNarrow {
		font-size: 12px;
		font-family: Arial Narrow;
		color: #0000cc;
		font-weight: bold;
	}

	.Blue11PX {
		font-size: 11px;
		color: #0000cc;
	}

	.BlueBold11PX {
		font-size: 11px;
		color: #0000cc;
		font-weight: bold;
	}

	.Blue10PX {
		font-size: 10px;
		color: #0000cc;
	}

	.BlueBold10PX {
		font-size: 10px;
		color: #0000cc;
		font-weight: bold;
	}

	.Blue9PX {
		font-size: 9px;
		color: #0000cc;
	}

	.BlueBold9PX {
		font-size: 9px;
		color: #0000cc;
		font-weight: bold;
	}

	.Blue8PX {
		font-size: 8px;
		color: #0000cc;
	}

	.BlueBold8PX {
		font-size: 8px;
		color: #0000cc;
		font-weight: bold;
	}

	.LargeFont {
		font-size: 16px;
	}
	.MediumFont {
		font-size: 13px;
	}
    .GreyText {
        color: #777777;
    }
	/*#endregion */

	/*#endregion */


	/*#region Facility Classes */
	
	/* Tree Buttons */
	.treebutton {
		margin: 2px;
		height: 16px;
		width: 16px;
		float: left;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.buttonDisabled {
		cursor: default;
	}

	.AddButton {
		width: 28px;
		background-image: url(../../Images/Buttons/btn_add.png) !important;
		cursor: pointer;
	}

	.AddButtonDisabled {
		width: 28px;
		background-image: url(../../Images/Buttons/btn_add_d.png) !important;
		cursor: pointer;
	}

	.RemoveButton {
		background-image: url(../../Images/Buttons/btn_remove.png) !important;
		cursor: pointer;
	}

	.RemoveButtonDisabled {
		background-image: url(../../Images/Buttons/btn_remove_d.png) !important;
		cursor: pointer;
	}

	.UpButton {
		background-image: url(../../Images/Buttons/btn_up.png) !important;
		cursor: pointer;
	}

	.UpButtonDisabled {
		background-image: url(../../Images/Buttons/btn_up_d.png) !important;
		cursor: pointer;
	}

	.DownButton {
		background-image: url(../../Images/Buttons/btn_down.png) !important;
		cursor: pointer;
	}

	.DownButtonDisabled {
		background-image: url(../../Images/Buttons/btn_down_d.png) !important;
		cursor: pointer;
	}

	.LeftButton {
		background-image: url(../../Images/Buttons/btn_left.png) !important;
		cursor: pointer;
	}

	.LeftButtonDisabled {
		background-image: url(../../Images/Buttons/btn_left_d.png) !important;
		cursor: pointer;
	}

	.RightButton {
		background-image: url(../../Images/Buttons/btn_right.png) !important;
		cursor: pointer;
	}

	.RightButtonDisabled {
		background-image: url(../../Images/Buttons/btn_right_d.png) !important;
		cursor: pointer;
	}

	.clicked {
		margin: 1px;
		border: solid 1px #666666;
		background-color: #94a4b6;
	}
	/*#endregion */

	.ProjectHeaderSectionWrapper {
		overflow: hidden;
		max-height: 60px;
		text-align: center;
		vertical-align: top;
		font-size: 2em !important;
		color: #f8f8f8;
		text-shadow: 0px 0px #888888;
	}

	.MapScaleText {
		font-size: 1.3em;
		font-weight: normal;
		color: #f8f8f8;
		text-shadow: 0px 0px #888888;
		border: #444444 solid 1px !important;
		padding: 2px 5px;
	}

	.BaseMapLabel {
		font-size: 1.3em;
		font-weight: normal;
		color: #f8f8f8;
		text-shadow: 0px 0px #888888;
	}

	.BaseMapSelect {
		font-size: 1.2em !important;
	}


	/*#region Radio Button Switch Styling */
	
	.switch {
		position: relative;
		/*margin: 10px;*/
		height: 26px;
		width: 240px;
		background: rgba(0, 0, 0, 0.25);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	}

	.switch-label {
		position: relative;
		z-index: 2;
		float: left;
		width: 116px;
		line-height: 26px;
		font-size: 11px;
		color: rgba(0, 0, 0, 0.45);
		text-align: center;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
		cursor: pointer;
	}

	.switch-label:active {
		font-weight: bold;
	}

	.switch-label-off {
		padding-left: 2px;
	}

	.switch-label-on {
		padding-right: 2px;
	}

	.switch-input {
		display: none;
	}

	.switch-input:checked + .switch-label {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.65);
		text-shadow: 0 1px rgba(255, 255, 255, 0.25);
		-webkit-transition: 0.15s ease-out;
		-moz-transition: 0.15s ease-out;
		-o-transition: 0.15s ease-out;
		transition: 0.15s ease-out;
	}

	.switch-input:checked + .switch-label-on ~ .switch-selection {
		/* Note: left: 50% doesn't transition in WebKit */
		left: 122px;
	}

	.switch-selection {
		display: block;
		position: absolute;
		z-index: 1;
		top: 2px;
		left: 2px;
		width: 116px;
		height: 22px;
		background: #65bd63;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
		background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
		background-image: -o-linear-gradient(top, #9dd993, #65bd63);
		background-image: linear-gradient(to bottom, #9dd993, #65bd63);
		-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		-webkit-transition: left 0.15s ease-out;
		-moz-transition: left 0.15s ease-out;
		-o-transition: left 0.15s ease-out;
		transition: left 0.15s ease-out;
	}

	.switch-blue .switch-selection {
		background: #3aa2d0;
		background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
	}

	.switch-yellow .switch-selection {
		background: #c4bb61;
		background-image: -webkit-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: -moz-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: -o-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: linear-gradient(to bottom, #e0dd94, #c4bb61);
	}
	/* end Radio Button Switch Styling */

	/* Radio Button Switch (Small) Styling */
	.switch-small {
		position: relative;
		/*margin: 10px;*/
		height: 26px;
		width: 240px;
		background: rgba(0, 0, 0, 0.25);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	}

	.switch-small-label {
		position: relative;
		z-index: 2;
		float: left;
		width: 116px;
		line-height: 26px;
		font-size: 11px;
		color: rgba(0, 0, 0, 0.45);
		text-align: center;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
		cursor: pointer;
	}

	.switch-small-label:active {
		font-weight: bold;
	}

	.switch-small-label-off {
		padding-left: 2px;
	}

	.switch-small-label-on {
		padding-right: 2px;
	}

	.switch-small-input {
		display: none;
	}

	.switch-small-input:checked + .switch-small-label {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.65);
		text-shadow: 0 1px rgba(255, 255, 255, 0.25);
		-webkit-transition: 0.15s ease-out;
		-moz-transition: 0.15s ease-out;
		-o-transition: 0.15s ease-out;
		transition: 0.15s ease-out;
	}

	.switch-small-input:checked + .switch-small-label-on ~ .switch-small-selection {
		/* Note: left: 50% doesn't transition in WebKit */
		left: 122px;
	}

	.switch-small-selection {
		display: block;
		position: absolute;
		z-index: 1;
		top: 2px;
		left: 2px;
		width: 116px;
		height: 22px;
		background: #65bd63;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
		background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
		background-image: -o-linear-gradient(top, #9dd993, #65bd63);
		background-image: linear-gradient(to bottom, #9dd993, #65bd63);
		-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		-webkit-transition: left 0.15s ease-out;
		-moz-transition: left 0.15s ease-out;
		-o-transition: left 0.15s ease-out;
		transition: left 0.15s ease-out;
	}

	.switch-small-blue .switch-small-selection {
		background: #3aa2d0;
		background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
	}

	.switch-small-yellow .switch-small-selection {
		background: #c4bb61;
		background-image: -webkit-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: -moz-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: -o-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: linear-gradient(to bottom, #e0dd94, #c4bb61);
	}
	/* end Radio Button Switch (Small) Styling */


	/* Radio Button Swtich (mini) Styling */
	.switch-mini {
		position: relative;
		/*margin: 10px;*/
		height: 22px;
		width: 100px;
		background: rgba(0, 0, 0, 0.25);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	}

	.switch-mini-label {
		position: relative;
		z-index: 2;
		float: left;
		width: 50px;
		line-height: 22px;
		font-size: 11px;
		color: rgba(0, 0, 0, 0.45);
		text-align: center;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
		cursor: pointer;
	}

	.switch-mini-label:active {
		font-weight: bold;
	}

	.switch-mini-label-off {
		padding-left: 2px;
	}

	.switch-mini-label-on {
		padding-right: 2px;
	}

	.switch-mini-input {
		display: none;
	}

	.switch-mini-input:checked + .switch-mini-label {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.65);
		text-shadow: 0 1px rgba(255, 255, 255, 0.25);
		-webkit-transition: 0.15s ease-out;
		-moz-transition: 0.15s ease-out;
		-o-transition: 0.15s ease-out;
		transition: 0.15s ease-out;
	}

	.switch-mini-input:checked + .switch-mini-label-on ~ .switch-mini-selection {
		/* Note: left: 50% doesn't transition in WebKit */
		left: 50px;
	}

	.switch-mini-selection {
		display: block;
		position: absolute;
		z-index: 1;
		top: 2px;
		left: 2px;
		width: 46px;
		height: 18px;
		background: #65bd63;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
		background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
		background-image: -o-linear-gradient(top, #9dd993, #65bd63);
		background-image: linear-gradient(to bottom, #9dd993, #65bd63);
		-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		-webkit-transition: left 0.15s ease-out;
		-moz-transition: left 0.15s ease-out;
		-o-transition: left 0.15s ease-out;
		transition: left 0.15s ease-out;
	}

	.switch-mini-blue .switch-mini-selection {
		background: #3aa2d0;
		background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
	}

	.switch-mini-yellow .switch-mini-selection {
		background: #c4bb61;
		background-image: -webkit-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: -moz-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: -o-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: linear-gradient(to bottom, #e0dd94, #c4bb61);
	}
	/* Radio Button Switch (mini) Styling */

	/*#endregion */


	/* ==== used to hide a tab  ===== */
	li.ui-state-default.ui-state-hidden[role=tab]:not(.ui-tabs-active) {
		display: none;
	}

	/*#region jQueryUI Overrides */
	.ui-dialog-content {
		background: #EFEFEF !important;
	}

	.ui-dialog-buttonpane {
		background: #EFEFEF !important;
	}

	/* Button Overrides */
	.ui-button {
		border: 1px solid #287916 !important;
		background: #36a41e url("../../3rdParty/jquery-ui/themes/vueworks-custom/images/ui-bg_highlight-soft_65_36a41e_1x100.png") 50% 50% repeat-x !important;
		font-weight: normal !important;
		color: #ffffff !important;
	}

	.ui-button:hover{
		background: #287916 url("../../3rdParty/jquery-ui/themes/vueworks-custom/images/ui-bg_highlight-soft_75_287916_1x100.png") 50% 50% repeat-x !important;
		font-weight: normal !important;
		color: #ffffff !important;
	}

	.ui-icon .ui-icon-addgroup {
		background-image: url(../../Images/group_square_green.png);
		height: 20px !important;
		width: 20px !important;
	}

	.vw-button {
		border: 1px solid #287916 !important;
		background: #36a41e url("../../3rdParty/jquery-ui/themes/vueworks-custom/images/ui-bg_highlight-soft_65_36a41e_1x100.png") 50% 50% repeat-x !important;
		font-weight: normal !important;
		color: #ffffff !important;

	}

	.vw-button:hover{
		background: #287916 url("../../3rdParty/jquery-ui/themes/vueworks-custom/images/ui-bg_highlight-soft_75_287916_1x100.png") 50% 50% repeat-x !important;
		font-weight: normal !important;
		color: #ffffff !important;
	}

	.vw-ImageButton {
		cursor: pointer !important;
		display: inline-block !important;
		line-height: normal !important;
		margin-right: .1em !important;
		overflow: visible !important; /* removes extra width in IE */
		position: relative !important;
		padding: 0 !important;
		text-align: center !important;
		vertical-align: middle !important;
	}

	/*#endregion */

	/*#region jqGrid Overrides */
	.ui-jqgrid-hbox {
		float: none !important;
	}

	.ui-jqgrid-font-large {
		font-size: 14px;
	}
	/*#endregion */

	.disableCheckbox{
		pointer-events: none !important;
	}
	/*#region Recolor Calendars */
	.ui-datepicker a.ui-state-default {
		color: black;
		background:  transparent;
		border-color:transparent;
		font-weight:normal;
		
	}

	.ui-datepicker td a {
		font-size: 11px;
		text-align: center;
	}

	/*.ui-datepicker .ui-datepicker-current-day {
		border-color:transparent;
	}*/
	/*#endregion */
	/*#region Week Select Calendar */

/*.ui-datepicker .ui-state-default {
  background: transparent;
}*/

.ui-datepicker td.ui-datepicker-current-day .ui-state-default,
.ui-datepicker .ui-state-hover {
  background: #4F7BAA;
  color: #fff;
}

.ui-datepicker .ui-datepicker-other-month{
  opacity: .6;
  filter: Alpha(Opacity=60);
}
.ui-datepicker .ui-datepicker-today .ui-state-highlight{
	background: #72bedd;
	color:#FFFFFF;
}

.ui-datepicker .ui-datepicker-today .ui-state-default{
	font-weight:bold;

}
/*#endregion */

	/*#region DataTable Styles to look like jqGrid */

	table.dataTable.dt thead, table.dataTable.dt tfoot {
		background: #548eae url("images/ui-bg_highlight-soft_75_548eae_1x100.png") 50% 50% repeat-x;
		font-weight: bold;
		color: #ffffff;
		border-bottom: 1px solid #d3d3d3;
	}
	table.dataTable.dt > tbody > tr:hover {
		background: #36a41e url("images/ui-bg_highlight-soft_75_36a41e_1x100.png") 50% 50% repeat-x;
		color: #ffffff;
	}

	table.dataTable.dt > tbody > tr.selected:hover {
		background: #abcbe4;
	}

	table.dataTable.dt tbody tr {
	   background-color: #CCCCCC;
	}
	table.dataTable.dt tbody tr td{
		border-bottom: solid 1px #AAAAAA;
		vertical-align: middle;
		
	}
	table.dataTable.dt tbody tr.odd {
		 background-color: #EFEFEF;
	}
	table.dataTable.dt thead th {
		border-right: solid 1px #CCCCCC;
	}
	table.dataTable.dt thead th:last-child, table.dataTable.dt tfoot td {
		border-right:none;
	}
	table.dataTable.dt.no-footer {
		border-bottom:none;
	}
	/* Selected */
	table.dataTable.dt tbody tr.selected {
		background: #fad42e;
		border-bottom: 1px solid #fad42e;
	}
	
	table.dataTable.dt, table.dataTable.dt select {
		width: 100%;
	}

	table.dataTable.dt th {
		vertical-align:middle;
	}

	.dataTables_wrapper {
		border-radius: 4px;
		border:solid 1px #AAAAAA;
	}
    /* Fixes spacing and border between tabs and table*/
    .dataTables_wrapper.dt-bootstrap4{
        border-radius:0;
        border:none;
    }

    .dt-bootstrap4 .table.dataTable {
        margin-top: 0 !important;
    }
	/* Remove arrow from column - used for dynamically built tables only */
	.no-arrow {
		background : none !important;
	}

	/* Add New Row Header Button */
	.btnTblAdd {
		background: transparent !important;
		border: none !important;
		width: 100%;
	}
	.btnTblAdd:hover, .btnTblAdd:active, .btnTblAdd:focus {
		background: transparent !important;
		border: none !important;
		outline:none;
	}

	/* Datatable Input */
	table.dataTable.dt thead tr th.sorting_disabled {
		padding-right: 4px;
	}
	table.dataTable.dt thead th.sorting {
		padding-right: 17px;
	}
	
	/* Child Row Table for Datatables */
	table.dataTable .child-table {
		width: 99%;
		border:solid 1px #444444;
		margin: 8px;
	}
	table.dataTable.child-table a {
		color: #2a70b8;
		font-weight: bold;
	}
	table.dataTable .child-table a:hover {
		text-decoration:none;
		cursor: pointer;
	}
	table.dataTable .child-table thead tr th{
		background: #444444;
		text-align:left;
		border:none;
	}
	table.dataTable .child-table tbody tr {
		color: #444444;
	}
	table.dataTable tr.inner-child, table.dataTable tr.inner-child:hover {
		background:#AAAAAA !important;
	}
	/*#endregion */

	/*#region FlexContainer */
	.FlexContainer * {
		box-sizing: border-box;
	}

	.FlexContainer {
	  box-sizing: border-box;
	  display: flex;
	  flex-wrap: wrap;
	  padding: 0;
	  align-items:stretch;
	}
	.FlexContainer .FlexCell {
	  list-style: none;
	  overflow: hidden;  
	  padding:6px;
	}
	.FlexContainer .FormLabel {
	  font-weight: bold;
	
	}
	.FlexContainer .FormLabel + * {
		width: 100%;
		margin-top:4px;
	}
	.FlexContainer .FormLabel + label {
		display:inline;
	}
	/* Inline */
	.FlexContainer.FlexInline{
		padding: 6px 0;
	}
	.FlexContainer.FlexInline .FlexCell {
		padding: 0px 12px 1px 6px;
	}

	/* todo: Fix lineup when icon is added to a FormLabel - Input possibly needs to be vertically aligned to bottom */
	/* Columns */
	.Col2 .FlexCell {width:50%;}
	.FlexContainer.Col2 > .FlexCell {
	  width: 50%;
	}
	.FlexContainer.Col3 > .FlexCell {
	  width: 33.33%;
	}
	.FlexContainer.Col4 > .FlexCell {
	  width: 25%;
	}
	.FlexContainer.Col5 > .FlexCell {
	  width: 20%;
	}
	.FlexContainer.Col6 > .FlexCell {
	  width: 16.6%;
	}

	/* Block */
	.FlexContainer.FlexBlock {
	  display: block;
	}
	.FlexContainer.FlexBlock .FlexCell {
		display: flex;
		align-items: center;
		padding: 0 0 12px 0;
	}
	.FlexContainer.FlexBlock .FormLabel {
		align-self:center;
		order: 1;
		width: 10em;
		min-width: 10em;
		padding-right: 12px;
		text-align:right;
	}
	.FlexContainer.FlexBlock .FormLabel + * {
		width: 100%;
		order: 2;
		flex: 2 1 auto;
	}
	.FlexContainer .FlexCell input[type="radio"], .FlexContainer .FlexCell input[type="checkbox"] {
		margin: 3px;
	}
	.FlexContainer.FlexBlock img {
		order: 3;
		align-self: flex-end;
		margin-left: 2px;
		flex-shrink: 0;
	}
	
	/* Layout */
	.FlexContainer.FlexLayout {
		flex: 1 0 auto;
		flex-flow: row nowrap;
		flex: 0 0 auto;
	}
	.FlexContainer.FlexLayout > .FlexCell {
		flex-grow: 1;
		width: auto;
	}

	/* Align Inputs and Check Boxes */
	.FlexLabel {
		line-height: 1em;
		display: flex;
		align-items: center;
	}
	/*#endregion */


.content-field{margin:0 auto; width:500px;}
.content-field .lab-int .lab{width:100%; font-weight:bold; padding:10px 0 5px 0; float:left;}
.content-field .lab-int{float:left; position:relative; box-sizing:border-box;}
.content-field .lab-int.cnt{padding-left:148px; width:100%;}
.content-field .lab-int.frl{padding-left:125px;}
.btn-holder{float:left; width:100%; padding:10px; margin:10px 0 5px 0; box-sizing:border-box; text-align:center;}


/*#region Css-only loader */
.custom-loader {
    margin: 100px auto;
    font-size: 8px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #8d8d8d, 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.5), -1.8em -1.8em 0 0em rgba(141,141,141, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.7), 1.8em -1.8em 0 0em #8d8d8d, 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.5), 1.8em -1.8em 0 0em rgba(141,141,141, 0.7), 2.5em 0em 0 0em #8d8d8d, 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.5), 2.5em 0em 0 0em rgba(141,141,141, 0.7), 1.75em 1.75em 0 0em #8d8d8d, 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.5), 1.75em 1.75em 0 0em rgba(141,141,141, 0.7), 0em 2.5em 0 0em #8d8d8d, -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.5), 0em 2.5em 0 0em rgba(141,141,141, 0.7), -1.8em 1.8em 0 0em #8d8d8d, -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.5), -1.8em 1.8em 0 0em rgba(141,141,141, 0.7), -2.6em 0em 0 0em #8d8d8d, -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.5), -2.6em 0em 0 0em rgba(141,141,141, 0.7), -1.8em -1.8em 0 0em #8d8d8d;
    }
}
@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #8d8d8d, 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.5), -1.8em -1.8em 0 0em rgba(141,141,141, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.7), 1.8em -1.8em 0 0em #8d8d8d, 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.5), 1.8em -1.8em 0 0em rgba(141,141,141, 0.7), 2.5em 0em 0 0em #8d8d8d, 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.5), 2.5em 0em 0 0em rgba(141,141,141, 0.7), 1.75em 1.75em 0 0em #8d8d8d, 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.5), 1.75em 1.75em 0 0em rgba(141,141,141, 0.7), 0em 2.5em 0 0em #8d8d8d, -1.8em 1.8em 0 0em rgba(141,141,141, 0.2), -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.5), 0em 2.5em 0 0em rgba(141,141,141, 0.7), -1.8em 1.8em 0 0em #8d8d8d, -2.6em 0em 0 0em rgba(141,141,141, 0.2), -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.5), -1.8em 1.8em 0 0em rgba(141,141,141, 0.7), -2.6em 0em 0 0em #8d8d8d, -1.8em -1.8em 0 0em rgba(141,141,141, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(141,141,141, 0.2), 1.8em -1.8em 0 0em rgba(141,141,141, 0.2), 2.5em 0em 0 0em rgba(141,141,141, 0.2), 1.75em 1.75em 0 0em rgba(141,141,141, 0.2), 0em 2.5em 0 0em rgba(141,141,141, 0.2), -1.8em 1.8em 0 0em rgba(141,141,141, 0.5), -2.6em 0em 0 0em rgba(141,141,141, 0.7), -1.8em -1.8em 0 0em #8d8d8d;
    }
}
/*#endregion */


/* Bootstrap */
.btn-action {
	font-size: 0.9em !important;
}
 .gen-msg{display:flex; text-align:center; flex-flow:row wrap;}
 .txt-des, .btn-holder{clear:both; width:100%; padding:10px;box-sizing: border-box; }
 .btn-holder .ui-button{ margin: 0 0 0 4px; }
 .txt-des.ero{color:#f00; line-height:16px; font-size:120%;}
.form-sty.up-dw{display:flex; flex-wrap:wrap; clear:both; width:100%; box-sizing:border-box; padding:5px;}
.form-sty.up-dw .lab-int{box-sizing:border-box; /*width:250px;*/ margin:10px 10px 0 0;}
.form-sty.up-dw .lab-int .lab{font-weight:bold;float:left; clear:both; width:100%; box-sizing:border-box; padding:0 0 5px 0;}
.form-sty.up-dw .lab-int .int-cal{width:120px; box-sizing:border-box;}
.form-sty.up-dw .lab-int .int{clear:both;float:left; width:100%; box-sizing:border-box;}
.form-sty.up-dw .btn-form {display:flex;align-items:flex-end;padding:0 0 5px 0;}
.form-sty.up-dw .btn-form .ActionButton{float:left; margin:15px 5px 0 0;}


.form-style-tb{clear:both; box-sizing:border-box; padding:0 24px 0 0;float:left; width:100%;}
.form-style-tb .row-form{clear:both; box-sizing:border-box; width:100%; padding:0 0 10px 0;}
.form-style-tb .row-form .lab{clear:both; box-sizing:border-box; width:100%; padding:0 0 5px 0; float:left;}

.text-view-area{overflow:auto; max-height:125px; clear:both; width:100%; float:left; text-overflow:ellipsis;}
.text-view-area .head04{clear:both; width:100%; margin:0 0 5px 0;}
.text-view-area .txt-des {clear:both; width:100%; padding:0; margin:0; font-size:12px;}
.float-alert {display: none; position: absolute; top: 22px; background-color: #ffcf00; padding: 5px;}

/* spinner-box for loading animation start ---------------------*/

.spinner-box {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .6);
	z-index: 99999;
	display: none;
}

	.spinner-box .circle-border {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50px;
		height: 50px;
		padding: 3px;
		border-radius: 50%;
		background: rgb(30,170,225);
		background: linear-gradient(0deg, rgba(30,170,225,0.1) 33%, rgba(30,170,225,1) 100%);
		animation: spin .8s linear 0s infinite;
	}

	.spinner-box .circle-core {
		width: 100%;
		height: 100%;
		background-color: #1d2630;
		border-radius: 50%;
	}

@keyframes spin {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(359deg);
	}
}
/* spinner-box for loading animation end ---------------------*/