body {
	font-family: calibri, Helvetica Neue;
	font-size: 13px;
	color: #333333;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
}

	html {
		height: 100%;
		max-height: 100%;
		padding: 0;
		margin: 0;
		border: 0;
		overflow: hidden;
	}

	A:link {
		text-decoration: none;
		color: #CCCCCC;
	}

	A:visited {
		text-decoration: none;
		color: #CCCCCC;
	}

	A:active {
		text-decoration: none;
		color: #CCCCCC;
	}

	A:hover {
		text-decoration: underline;
		color: #CCCCCC;
	}

	:root {
		--code-color: darkred;
		--code-bg-color: #aaaaaa;
		--code-font-size: 14px;
		--code-line-height: 1.4;
		--scroll-bar-color: #c5c5c5;
		--scroll-bar-bg-color: #f6f6f6;
	}

	pre {
		color: var(--code-color);
		font-size: var(--code-font-size);
		line-height: var(--code-line-height);
		background-color: var(--code-bg-color);
	}

	.code-block {
		max-height: 100px;
		overflow: auto;
		padding: 8px 7px 5px 15px;
		margin: 0px 0px 0px 0px;
		border-radius: 7px;
	}

	::-webkit-scrollbar-corner {
		background: rgba(0,0,0,0.5);
	}

	* {
		scrollbar-width: thin;
		scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
	}

		/* Works on Chrome, Edge, and Safari */
		*::-webkit-scrollbar {
			width: 12px;
			height: 12px;
		}

		*::-webkit-scrollbar-track {
			background: var(--scroll-bar-bg-color);
		}

		*::-webkit-scrollbar-thumb {
			background-color: var(--scroll-bar-color);
			border-radius: 20px;
			border: 3px solid var(--scroll-bar-bg-color);
		}

	.Waffle {
		background-image: url( '../Resources/Waffle.png' );
		width: 16px;
		height: 16px;
		margin-left: 19px;
		margin-top: 16px;
		float: left;
		cursor: pointer;
	}

	/*#lblUserName {
		background-image: url( '../Resources/UserIcon.png' );
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right;
		padding-right: 40px;
		padding-bottom: 14px;
	}

	#lnkSignOut {
		padding-right: 40px;
	}*/

	.Tab_bar {
		background-color: #333333;
		height: 50px;
	}

	.Toolbar {
		padding: 15px 15px 5px 15px;
	}

	.Toolbar_Fixed {
		padding: 15px 15px 5px 15px;
		height: 60px;
	}

.Toolbar_Home {
	background-color: #333333;
	height: 50px;
	width: 223px;
}

.jqplot-table-legend {
	padding: 3px;
}

.NoRecentActivity {

	text-align: center; 
	padding-top: 30px; 
	font-size: 14px; 
	background-color: #f8f8f8;
}

.Toolbar_Tab {
	font-family: calibri;
	font-size: small;
	color: #F4F4F4;
	padding: 17px 10px 16px;
	float: left;
	min-width: 70px;
	text-align: center;
	cursor: pointer;
}

		.Toolbar_Tab .Alerts {
			float: right;
			background-color: #6b6b6b;
			padding: 3px 9px;
			border-radius: 15px;
			margin-left: 10px;
			margin-top: -2px;
			text-align: center;
			color: #ffffff;
			font-size: 10px;
		}



.Toolbar_Tab_Active {
	font-family: calibri;
	font-size: small;
	color: #F4F4F4;
	padding: 17px 10px 16px 10px;
	float: left;
	background-color: #000000;
	min-width: 70px;
	text-align: center;
	cursor: pointer;
}

		.Toolbar_Tab_Active .Alerts {
			float: right;
			background-color: #6b6b6b;
			padding: 3px 9px;
			border-radius: 15px;
			margin-left: 10px;
			margin-top: -2px;
			text-align: center;
			color: #ffffff;
			font-size: 10px;
		}

	.Toolbar_Tab_Wide {
		font-family: calibri;
		font-size: small;
		color: #F4F4F4;
		padding: 17px 17px 16px 17px;
		float: left;
		min-width: 90px;
		text-align: center;
		cursor: pointer;
	}

	.Toolbar_Tab_Active_Wide {
		font-family: calibri;
		font-size: small;
		color: #F4F4F4;
		padding: 17px 17px 16px 17px;
		float: left;
		background-color: #000000;
		min-width: 90px;
		text-align: center;
		cursor: pointer;
		height: 16px;
	}

	.Toolbar_Tab #MessageCount {
		float: right;
		color: #adadad;
		border: 1px solid #8d8d8d;
		border-radius: 15px;
		margin-left: 3px;
		padding: 2px 3px 3px 2px;
		background-color: #000000;
		width: 15px;
		text-align: center;
		margin-top: -2px
	}

	.Toolbar_Tab_Active_Wide #MessageCount {
		float: right;
		color: #adadad;
		border: 1px solid #8d8d8d;
		border-radius: 15px;
		margin-left: 3px;
		padding: 2px 3px 3px 2px;
		background-color: #000000;
		width: 15px;
		text-align: center;
		margin-top: -2px
	}

	.Toolbar_Tools {
		font-family: calibri;
		font-size: small;
		color: #F4F4F4;
		margin-top: 10px;
		float: right;
		text-align: right;
		margin-right: 10px;
		display: none;
	}

	.Toolbar_Tools_Left {
		font-family: calibri;
		font-size: small;
		color: #F4F4F4;
		margin-top: 10px;
		float: right;
		text-align: right;
		margin-right: 10px;
	}

	.Toolbar_User {
		font-family: calibri;
		font-size: small;
		color: #3399FF;
	}

	.ListFilter {
		float: right;
		height: 25px;
		padding-top: 5px;
		margin-right: 10px;
	}

	.DateFilter {
		float: right;
		height: 25px;
		padding-top: 7px;
		margin-right: 10px;
	}

	.DateFilter_Sub {
		float: right;
		height: 20px;
		padding-top: 0px;
	}

		.DateFilter_Sub input {
			font-size: 11px;
			padding: 2px;
		}

		.DateFilter_Sub .QuickFilter {
			float: left;
			background-color: #e4e4e4;
			padding: 3px 10px 3px 10px;
			border-radius: 10px;
			margin-right: 6px;
			cursor: pointer;
		}

			.DateFilter_Sub .QuickFilter.Selected {
				background-color: #fbb800;
			}


		.DateFilter_Sub a {
			color: #444444;
		}

	#Navigator {
		width: 222px;
		background-color: #F3F3F3;
		padding-top: 15px;
		float: left;
		border-right: 1px solid #eaeaea;
		min-width: 54px;
	}

	.Navigator_Item {
		margin-left: 10px;
		color: #333333;
		padding-bottom: 10px;
		padding-top: 10px;
		cursor: pointer;
		background-image: url('../Resources/Menu/Home.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 12px;
		padding-left: 22px;
	}


		.Navigator_Item:hover {
			color: #cf7117;
		}

		.Navigator_Item .Alerts {
			float: right;
			background-color: #dddddd;
			padding: 3px 9px;
			border-radius: 15px;
			margin-right: 10px;
			margin-top: -18px;
			text-align: center;
			color: #727272;
			margin-right: 20px;
		}

		.Navigator_Item .ReadOnly {
			float: right;
			background-image: url(../Resources/Read_Only.png);
			margin-right: 15px;
			background-size: contain;
			height: 16px;
			width: 16px;
			margin-top: -15px;
		}



.Navigator_Item_Small {
	background-image: url( '../Resources/Show_Menu.png' );
	width: 29px;
	height: 29px;
	margin-left: 12px;
	margin-bottom: 6px;
	cursor: pointer;
}

	.Navigator_Item_Medium {
		background-image: url('../Resources/Menu/Home.png');
		height: 38px;
		width: 38px;
		background-size: 18px;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0.8;
		margin-left: 7px;
		margin-bottom: 5px;
	}

		.Navigator_Item_Medium:hover {
			background-color: #e0e0e0;
			cursor: pointer;
			margin-right: 8px;
			border-radius: 8px;
		}

		.Navigator_Item_Medium .Alerts {
			float: right;
			background-color: #ff6029;
			padding: 2px 6px;
			border-radius: 15px;
			text-align: center;
			color: #ffffff;
			font-size: 10px;
		}

	.Navigator_Item_Medium_Active {
		background-image: url('../Resources/Menu/Home.png');
		height: 40px;
		width: 40px;
		background-size: 18px;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #ffc527;
		cursor: pointer;
		margin-left: 7px;
		border-radius: 8px;
		opacity: 1.0;
		margin-left: 7px;
		margin-bottom: 5px;
	}

		.Navigator_Item_Medium_Active .Alerts {
			float: right;
			background-color: #ff6029;
			padding: 2px 6px;
			border-radius: 15px;
			text-align: center;
			color: #ffffff;
			font-size: 10px;
		}



	.Navigator_Item .ModuleName {
		/*float: left;*/
	}

	.HideMenu {
		background-image: url( '../Resources/Hide_Menu.png' );
		width: 16px;
		height: 29px;
		cursor: pointer;
		float: right;
		position: absolute;
	}

	.ShowMenu {
		background-image: url( '../Resources/Show_Menu.png' );
		width: 29px;
		height: 29px;
		margin-left: 12px;
		cursor: pointer;
	}

	.Navigator_Item_Active {
		padding-left: 10px;
		color: #FFFFFF;
		padding-bottom: 10px;
		padding-top: 10px;
		background-color: #fbb800;
		cursor: pointer;
		margin-right: 8px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		background-image: url('../Resources/Menu/Home.png');
		background-position: 10px center;
		background-repeat: no-repeat;
		background-size: 12px;
		padding-left: 32px;
	}

		.Navigator_Item_Active .Alerts {
			float: right;
			background-color: #9b9b9b;
			padding: 3px 9px;
			border-radius: 15px;
			margin-right: 10px;
			margin-top: -18px;
			text-align: center;
			color: #FFFFFF;
		}

		.Navigator_Item_Active .ReadOnly {
			float: right;
			background-image: url(../Resources/Read_Only.png);
			margin-right: 15px;
			background-size: contain;
			height: 16px;
			width: 16px;
			margin-top: -15px;
		}

	.SuperAddButton {
		background-image: url( '../Resources/Add_Button.png' );
		width: 28px;
		height: 28px;
		margin-right: 15px;
		margin-top: 10px;
		float: right;
		cursor: pointer;
	}

	.Notifications {
		background-image: url( '../Resources/Notifications.png' );
		width: 28px;
		height: 22px;
		margin-right: 10px;
		margin-top: 10px;
		float: right;
		cursor: pointer;
		text-align: center;
		color: #FFFFFF;
		padding-top: 6px;
	}

	.ManageUsers {
		background-image: url( '../Resources/Users_Button.png' );
		width: 28px;
		height: 22px;
		margin-right: 10px;
		margin-top: 10px;
		float: right;
		cursor: pointer;
		text-align: center;
		color: #FFFFFF;
		padding-top: 6px;
	}

	.ManageMyUserAccount {
		background-image: url(../Resources/UserIcon.png);
		background-size: contain;
		width: 28px;
		height: 22px;
		margin-left: 8px;
		margin-right: 8px;
		float: left;
		cursor: pointer;
		text-align: center;
		color: #FFFFFF;
		padding-top: 6px;
	}

	#ContentWindow {
		/* float: left; */
		width: auto;
	}

	.container {
		width: 350px;
		margin: 10px auto;
		overflow: auto;
		position: relative; /* good for 100% margin child element */
		border-left: 1px solid #999999;
		border-top: 1px solid #999999;
		background-color: #ffffff;
		padding: 10px;
	}

	.Container_Chart {
		width: 370px;
		margin: 10px auto;
		overflow-y: auto;
		overflow-x: hidden;
		position: relative; /* good for 100% margin child element */
		border-left: 1px solid #C0C0C0;
		border-top: 1px solid #C0C0C0;
		background-color: #ffffff;
	}

	.Container_Activity {
		width: 335px;
		margin: auto;
		overflow: auto;
		position: relative; /* good for 100% margin child element */
		border-left: 1px solid #eaeaea;
		background-color: #ffffff;
		float: right;
		padding: 15px;
		min-width: 250px;
	}

	.Container_Activity_Switch_Active {
		float: left;
		color: #0033CC;
		font-weight: bold;
		margin-bottom: 5px;
		margin-right: 20px;
		cursor: pointer;
	}

		.Container_Activity_Switch_Active:link {
			text-decoration: none;
			color: #0033CC;
			height: 15px;
		}

		.Container_Activity_Switch_Active:visited {
			text-decoration: none;
			color: #0033CC;
		}

		.Container_Activity_Switch_Active:active {
			text-decoration: none;
			color: #0033CC;
		}


	.Container_Activity_Switch {
		float: left;
		color: #C0C0C0;
		margin-bottom: 5px;
		margin-right: 20px;
		cursor: pointer;
	}

	.Simple_ListItem {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		border-bottom-color: #CCCCCC;
		padding: 5px;
		cursor: pointer;
		margin-left: 0px;
		margin-top: 0px;
	}

	.margin {
		height: 98%;
		position: absolute;
		background: #e2e2e2;
		left: 50%;
		width: 2px;
		margin-left: -1px; /* make it center */
		bottom: 10px; /* margin-bottom space used by li element */
		top: 10px;
		z-index: 999;
	}

	ul.timeline {
		width: 100%; /* total width and plus 20px for triangles */
		position: relative;
		list-style: none;
		overflow: hidden;
		padding: 0px;
		margin: 0px;
	}

	.timeline > li {
		width: 134px;
		background: #DDE6FF;
		min-height: 20px;
		position: relative; /* important to hold the absolute element triangles */
		margin: 0px 0px 10px;
		padding: 8px;
		border-radius: 5px;
	}

	li.timelineHighlight {
		background: #FFE3B9;
	}

	.timeline > li.timelineHighlight:nth-child(even):before {
		/* #e2e2e2 same as li background */
		border-color: #fff #FFE3B9 #fff #fff;
		right: 100%;
		top: 10px; /* you can adjust */
	}

	.timeline > li.timelineHighlight:nth-child(odd):before {
		/* #e2e2e2 same as li background */
		border-color: #fff #fff #fff #FFE3B9;
		left: 100%;
		top: 10px; /* you can adjust */
	}

	.timeline > li:before {
		border: 7px solid;
		content: '';
		display: block;
		position: absolute;
	}

	.timeline > li:nth-child(even) {
		float: right;
		clear: right;
	}

	.timeline > li:nth-child(odd) {
		float: left;
		clear: left;
	}

	.timeline > li:nth-child(even):before {
		/* #e2e2e2 same as li background */
		border-color: #fff #DDE6FF #fff #fff;
		right: 100%;
		top: 10px; /* you can adjust */
	}

	.timeline > li:nth-child(odd):before {
		/* #e2e2e2 same as li background */
		border-color: #fff #fff #fff #DDE6FF;
		left: 100%;
		top: 10px; /* you can adjust */
	}

	li.timeline_point {
		width: 100%;
		background: #ffffff;
		z-index: 1000;
		font-size: 18px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		color: #333333;
		font-weight: bold;
		text-align: center;
		left: 0px;
		right: 0px;
		float: none;
	}


	.timeline_date {
		color: #000099;
		font-weight: bold;
	}

	.Sorter {
		float: left;
		background-color: #F0F0F0;
		padding: 3px 4px 0px 4px;
	}

	.Sorter_Right {
		float: right;
		background-color: #F0F0F0;
		padding: 3px;
		text-align: right;
	}

	.Column_Container {
		height: 23px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #C0C0C0;
		background-color: #F0F0F0;
	}

	.Column_Container_Summary {
		border-bottom: 1px solid #C0C0C0;
		padding-bottom: 7px;
		background-color: #F9F9F9;
	}

	#OrderItems .Column_Container {
		height: 23px;
		border-style: solid;
		border-width: 1px;
		border-color: #C0C0C0;
		background-color: #F0F0F0;
	}

	#QuoteItems .Column_Container {
		height: 23px;
		border-style: solid;
		border-width: 1px;
		border-color: #C0C0C0;
		background-color: #F0F0F0;
	}

	#CreditNoteItems .Column_Container {
		height: 23px;
		border-style: solid;
		border-width: 1px;
		border-color: #C0C0C0;
		background-color: #F0F0F0;
	}

	#PurchaseOrderItems .Column_Container {
		height: 23px;
		border-style: solid;
		border-width: 1px;
		border-color: #C0C0C0;
		background-color: #F0F0F0;
	}

	#InvoiceItems .Column_Container {
		height: 23px;
		border-style: solid;
		border-width: 1px;
		border-color: #C0C0C0;
		background-color: #F0F0F0;
	}

	.List {
		overflow: auto;
		border: 1px solid #E1E1E1;
		margin-top: 10px;
		padding: 10px;
		background-color: #ffffff;
		list-style: none;
	}

	.List_UL {
		overflow: auto;
		border-top: 1px solid #C0C0C0;
		margin-top: 10px;
		margin-left: 15px;
		background-color: #ffffff;
		/* list-style: none; */
		padding: 0px;
		min-width: 640px;
	}

	.List_UL_Activity {
		overflow: auto;
		background-color: #ffffff;
		list-style: none;
		padding: 0px;
		min-width: 200px;
		margin-top: 0px;
	}

	.List_UL li:nth-child(even) {
		background-color: #FFFFFF;
	}

	.List_UL li:nth-child(odd) {
		background-color: #F8F8F8;
	}

	.List_UL_Activity li:nth-child(even) {
		background-color: #FFFFFF;
	}

	.List_UL_Activity li:nth-child(odd) {
		background-color: #F8F8F8;
	}

	.List_Item_UL {
		padding: 6px 6px 6px 6px;
		height: 30px;
		cursor: pointer;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
		overflow: hidden;
	}

		.List_Item_UL:hover, .List_Item_UL:focus, .List_Item_UL:active {
			box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
		}

	.List_Item_UL_InActive {
		padding: 6px;
		height: 30px;
		cursor: pointer;
		background-color: #C0C0C0;
	}

	.List_Item {
		height: 40px;
		margin-bottom: 15px;
		cursor: pointer;
	}

	.List_Item_Hover {
		height: 40px;
		margin-bottom: 15px;
		background-color: #E9E9E9;
		cursor: pointer;
	}

	.List_Icon {
		float: left;
		width: 40px;
		height: 40px;
		text-align: center;
		margin-right: 10px;
	}

	.List_Icon_Small {
		float: left;
		width: 30px;
		height: 30px;
		text-align: center;
		margin-right: 10px;
	}

		.List_Icon_Small img {
			width: 30px;
		}

	.List_Temperature_Small {
		float: left;
		width: 15px;
		height: 42px;
		border-right: 1px solid #C0C0C0;
		margin-top: -6px;
		margin-right: 10px;
		margin-left: -15px;
	}

	.List_Icon_Bordered {
		float: left;
		width: 40px;
		height: 31px;
		text-align: center;
		margin-right: 10px;
		border: 1px solid #C0C0C0;
		padding-top: 7px;
	}

	.List_Item_Column_Left {
		float: left;
	}

	.List_Item_Title {
		padding-top: 7px;
	}

	.List_Item_Detail {
		padding: 4px;
		border-bottom: 1px solid #C0C0C0;
		height: fit-content !important;
		background-color: white;
		display: flow-root;
	}

/*		.List_Item_Detail:last-child {
			border-bottom: none;
		}*/

	.FreeTextLine {
		background-color: #fffbed;
	}

	.OutOfStock {
		background-color: #ffe8e7;
	}

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

	.List_Content_Tools {
		font-size: 11px;
		color: #999999;
	}

	.List_Content_Notes {
		color: #999999;
	}

	.List_Content_Details {
		color: #d75d00;
	}

	.List_Table {
		width: 100%;
		border: 1px solid #EAEAEA;
	}

		.List_Table tr:nth-child(even) {
			background-color: #FFFFFF;
		}

		.List_Table tr:nth-child(odd) {
			background-color: #f6f6f6;
		}

		.List_Table tr.Disqualified {
			background-image: url('../Resources/Greyed.png');
		}

		.List_Table tr.Recurring {
			background-image: url('../Resources/Greyed.png');
			background-color: #ffd90054;
		}

		.List_Table tr.LockedRecord {
			background-image: url('../Resources/RowException_DarkGrey.png');
		}

			.List_Table tr.LockedRecord td:first-child {
				background-image: url('../Resources/RecordLock.png');
				background-repeat: no-repeat;
				background-position: 5px 5px;
				padding-left: 25px;
			}



		.List_Table tr.Table_Header {
			font-weight: bold;
			background-color: #efefef;
		}

		.List_Table A:link {
			font-weight: bold;
			color: #444444;
		}

		.List_Table tr.GroupHeader {
			background-color: #d1d1d1;
			font-weight: bold;
		}

		.List_Table tr.New {
			/*background-color: #f8ffd499;*/
			background-image: url('../Resources/RowException_Grey.png');
		}

		.List_Table tr.Overdue {
			background-color: #fff1e799;
			background-image: url('../Resources/RowException_Orange.png');
		}

		.List_Table tr:hover {
			background-color: #E5E5E5;
			cursor: pointer;
		}

		.List_Table tr.Table_Footer {
			font-weight: bold;
			background-color: #efefef;
		}


	.sortarrow {
		vertical-align: middle;
	}

	.List_Table tr.Table_Header td {
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #C0C0C0;
	}

	.List_Table tr.Table_Header th {
		font-weight: bold;
		background-color: #efefef;
		position: sticky;
		top: 0;
		padding-top: 4px;
		padding-left: 10px;
		padding-bottom: 4px;
		border-bottom: 1px solid #C0C0C0;
		border-top: 1px solid #C0C0C0;
		text-align: left;
	}

.List_Table tr.Table_Footer td {
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #C0C0C0;
}

	.List_Table td {
		padding: 5px 5px 5px 10px;
	}

		.List_Table td .MultipleLinks {
			float: right;
			margin-top: -7px;
			background-color: #b6b6b6;
			padding: 1px 4px 2px 3px;
			border-radius: 15px;
			color: #fff;
			width: 10px;
			text-align: center;
		}


	.List_Table_Temperature {
		float: left;
		width: 15px;
		height: 32px;
		padding-top: 10px;
		/*border-right: 1px solid #eaeaea;*/
		margin-top: -5px;
		margin-right: 10px;
		margin-left: -10px;
		margin-bottom: -5px;
		text-align: center;
	}

	.List_Table_TickPH {
		float: left;
		width: 0px;
		height: 32px;
		padding-top: 10px;
		/*border-right: 1px solid #eaeaea;*/
		margin-top: -5px;
		margin-right: 10px;
		margin-left: -10px;
		margin-bottom: -5px;
		text-align: center;
	}

	.List_Table td.FeedImage {
		vertical-align: top;
		width: 35px;
		padding-top: 10px;
		border-right: solid 1px #EAEAEA;
	}

.List_Item_Group {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid rgb(183, 183, 183);
	border-radius: 7px;
	background-clip: border-box;
	padding: 15px;
	background-color: rgb(255, 240, 166);
	display: flow-root;
}

	.List_Item_Group .AddLineToGroup {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		background-image: url(../Resources/Add_To_Group_Dark.png);
		background-repeat: no-repeat;
		background-position: center center;
		display: inline-block;
		width: 30px;
		height: 29px;
		vertical-align: bottom;
		background-color: #e5e5e5;
		border: 1px solid #a3a3a3;
		border-right: none;
	}

	.List_Item_Group .Label {
		font-weight: bold;
		background-color: #ffd714;
		display: inline-block;
		padding: 6px 8px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border: 1px solid #b2b2b2;
	}

	.List_Item_Group .Remove {
		background-image: url(../Resources/Remove_Button_Black_Small.png);
		float: right;
		width: 19px;
		height: 17px;
		padding-right: 46px;
		text-align: left;
		background-position: right;
		background-repeat: no-repeat;
		margin-top: 6px;
	}

	.List_Item_Group ul {
		border: 1px solid #bdbdbd;
		border-radius: 6px;
		border-bottom-right-radius: 0px;
		padding: 5px;
		background-color: #ffffff;
		min-height: 30px;
		list-style-type: none;
		margin-top: 15px;
	}

		.List_Item_Group ul:hover {
			border: 1px solid #ff5600;
		}


		.List_Item_Group ul li:last-child {
			border-bottom: none;
		}

	.List_Item_Group .GroupTotals {
		border: 1px solid #bdbdbd;
		background-color: #f8f8f8;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		float: right;
		border-top: none;
		padding: 8px;
		width: max-content;
		text-align: right;
		min-width: 180px;
	}

	.List_Item_Group .GroupTotalsCollapsed {
		float: right;
		width: max-content;
		text-align: right;
		margin-right: 10px;
		background: transparent;
		border: none;
		padding: 6px;
	}

	.List_Item_Group .GroupTotals span {
		font-weight: bold;
	}

	.List_Item_Group .CollapseExpand {
		background-image: url(../Resources/Collapse_Button_Black_Small.png);
		float: right;
		width: 19px;
		height: 17px;
		background-position: right;
		background-repeat: no-repeat;
		margin-left: 5px;
		opacity: 0.6;
	}

	.FeedLinkedImage {
		margin-bottom: 10px;
	}

	.List_Table td .Feed_Controls {
		color: #0066CC;
		margin-top: 5px;
	}

		.List_Table td .Feed_Controls a {
			color: #0066CC;
		}

	.List_Table td .Comment_Feed {
		border: 1px dotted #808080;
		border-bottom: none;
		color: #333333;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 5px;
		background-color: #F0F0F0;
	}

		.List_Table td .Comment_Feed .Comment {
			border-bottom: 1px dotted #999999;
			padding: 5px;
		}

		.List_Table td .Comment_Feed .Commenter {
			color: #333333;
			margin-bottom: 3px;
			font-weight: bold;
		}


	.List_Table td .TimeStamp {
		padding-left: 15px;
		color: #C0C0C0;
	}

	.List_Table tr .Row_Title {
		color: #109bd6;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.Note_Date {
		border: 1px solid #eaeaea;
		background-color: #F7F7F7;
		padding: 5px;
	}

	.Note_Item {
		border: 1px solid #eaeaea;
		border-Top: none;
		padding: 5px;
		margin-bottom: 10px;
		cursor: pointer;
	}

		.Note_Item .JournalEntryType {
			float: left;
			width: 18px;
			background-repeat: no-repeat;
			background-position: left center;
			height: 17px;
			margin-right: 1px;
		}

		.Note_Item .JournalEntryNotes {
			margin-top: 5px;
		}

		.Note_Item .Note {
			background-image: url('../Resources/Note_Icon.png');
		}

		.Note_Item .PhoneCall {
			background-image: url('../Resources/Phone_Icon.png');
		}

		.Note_Item .Meeting {
			background-image: url('../Resources/Group_View.png');
		}

		.Note_Item .Document {
			background-image: url('../Resources/Document_Icon_Small.png');
		}

		.Note_Item .Email {
			background-image: url('../Resources/Mail_Icon.png');
		}

	.Note_Taker {
		float: right;
		color: #57B2ED;
	}

	.Note_Pin {
		background-image: url('../Resources/Pin_Off.png');
		height: 15px;
		width: 15px;
		float: right;
		margin-left: 10px;
		cursor: pointer;
	}

		.Note_Pin.Pinned {
			background-image: url('../Resources/Pin_On.png');
		}

	.Competitor {
		border: 1px solid #eaeaea;
		background-color: #F7F7F7;
		padding: 5px;
		font-weight: bold;
		cursor: pointer;
	}

	.Competitor_Details {
		border: 1px solid #eaeaea;
		border-Top: none;
		padding: 5px;
		margin-bottom: 10px;
	}

		.Competitor_Details div {
			color: #383838;
		}

	.CompetitorSecion {
		height: 20px;
	}

	.Competitor_Details .SecionTitle {
		float: left;
		color: #383838;
		font-weight: bold;
		width: 100px;
	}

	.Competitor_Details .SecionDetails {
		float: left;
		color: #383838;
		font-weight: normal;
		padding-left: 5px;
	}

	.Competitor_Notes {
		font-weight: bold;
		color: #383838;
		margin-bottom: 2px;
		margin-top: 10px;
	}

	.ActivityExpand {
		cursor: pointer;
	}

	.Activity_Note {
		border: 1px solid #C0C0C0;
		padding: 15px;
		color: #d4832c
	}

	.Title {
		font-size: 24px;
		margin-bottom: 15px;
		float: left;
		height: 25px;
	}

	.Title_Converted {
		font-size: 12px;
		margin-bottom: 15px;
		float: right;
		height: 28px;
		background-image: url('../Resources/Converted.png');
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 38px;
		text-align: right;
	}

		.Title_Converted a {
			cursor: pointer;
			color: #92ad0c;
			font-weight: bold;
		}

	.List_Controls {
		float: right;
	}

		.List_Controls img {
			cursor: pointer;
			/*height: 29px;*/
		}

	.List_Summary {
		padding: 4px;
		height: 15px;
		font-weight: bold;
	}

		.List_Summary div {
			float: right;
			margin-right: 15px;
		}

		.List_Summary input[type=text] {
			border: 1px dotted #EEEEEE;
			background-color: #F9F9F9;
			font-size: 12px;
			width: 90px;
			text-align: right;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

			.List_Summary input[type=text]:hover {
				border: 1px solid #CCCCCC;
				background-color: #ffffff;
				font-size: 12px;
				width: 90px;
				text-align: right;
				padding-right: 3px;
				font-family: calibri;
				font-size: small;
				color: #333333;
			}


		.List_Summary div .Sum_Value {
			border: none;
			background-color: #F9F9F9;
			font-size: 12px;
			width: 90px;
			text-align: right;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

			.List_Summary div .Sum_Value:hover {
				border: none;
				background-color: #F9F9F9;
				font-size: 12px;
				width: 90px;
				text-align: right;
				padding-right: 3px;
				font-family: calibri;
				font-size: small;
				color: #333333;
			}


	.List_Summary_Total {
		padding: 4px;
		height: 15px;
		font-weight: bold;
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 9px;
	}

		.List_Summary_Total div {
			float: right;
			margin-right: 15px;
		}

		.List_Summary_Total input[type=text] {
			border: 1px solid #CCCCCC;
			background-color: #fefefe;
			font-size: 12px;
			width: 90px;
			text-align: right;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

		.List_Summary_Total div .Sum_Value {
			border: none;
			background-color: #ffffff;
			font-size: 12px;
			width: 90px;
			text-align: right;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}


	.Controls {
		height: 24px;
	}

	.Controls_Button {
		float: left;
		margin-right: 15px;
		cursor: pointer;
	}

		.Controls_Button:hover {
			color: #109bd6;
		}

		.Controls_Button div {
			float: right;
			margin-left: 2px;
			padding-top: 0px;
		}

		.Controls_Button img {
			padding-top: 1px;
		}

	.MoreMenu_Controls_Button {
		height: 25px;
		cursor: pointer;
	}

		.MoreMenu_Controls_Button:hover {
			color: #109bd6;
		}

		.MoreMenu_Controls_Button div {
			float: left;
			margin-left: 5px;
			padding-top: 0px;
		}

		.MoreMenu_Controls_Button img {
			float: left;
			padding-top: 1px;
		}

	.PageContent {
	}

	.PageContent_Preview {
		background-color: #f6f6f6;
		overflow: auto;
	}

	.DocumentContent_Preview {
		background-color: #ffffff;
		overflow: auto;
		/*background-image: url(../Resources/Busy2.gif);
    background-position: center center;
    background-repeat: no-repeat;*/
	}

	.PageContent_Preview .Page {
	}

		.PageContent_Preview .Page iframe {
			margin-left: 20px;
			margin-top: -8px;
			margin-bottom: 25px;
			width: 95%;
			height: 98%;
			z-index: 505;
			border: 1px solid #c0c0c0;
			-webkit-box-shadow: 2px 2px 4px #888;
			-moz-box-shadow: 2px 2px 4px #888;
			box-shadow: 2px 2px 4px #888;
			padding: 20px;
			background-color: #ffffff;
		}

	#MainView {
		float: left;
	}

	.Search_Input {
		border: 1px solid #999999;
		width: 99%;
		color: #CCCCCC;
		font-size: 11px;
		padding: 3px;
	}

		.Search_Input::-webkit-input-placeholder {
			color: #CCCCCC;
		}


	.SearchDiscounts {
		border: 1px solid #999999;
		color: #444444;
		font-size: 11px;
		padding: 4px 20px 4px 20px;
		background-image: url('../Resources/SearchPlaceHolder.png');
		background-position: 4px 4px;
		background-size: 12px 12px;
		background-repeat: no-repeat;
	}

	.Email_Link {
		color: #989B98;
	}

	.AddItemHUD {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 200px;
		background-color: #FFFFFF;
		z-index: 600;
		padding: 30px;
	}

	.EditHUD_Description_Large {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.Icon_Column {
		width: 200px;
		float: left;
		padding-right: 15px;
		margin-left: 2px;
	}

	.Recent_Activity {
		background-color: #E9E9E9;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-color: #C0C0C0;
		border-bottom-color: #C0C0C0;
		padding: 3px 0px 3px 5px;
	}

	.Chart_Title {
		background-color: #E9E9E9;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #C0C0C0;
		padding: 4px 0px 4px 5px;
	}

	.Properties_Side_Panel {
		float: left;
		width: 198px;
		min-height: 400px;
		border-right: 1px dotted #CCCCCC;
		padding-right: 15px;
		padding-top: 5px;
	}

		.Properties_Side_Panel::-webkit-scrollbar {
			width: 6px;
		}

	#Properties_Main_Panel {
		float: left;
		margin-left: 15px;
		min-width: 400px;
		overflow: hidden;
	}

	.Properties_Layout {
		padding: 0px;
		margin: 0px;
		width: 100%;
	}

		.Properties_Layout td {
			padding-right: 15px;
			padding-top: 5px;
		}

			.Properties_Layout td:last-child {
				padding-right: 0px;
			}

			.Properties_Layout td input {
				font-size: 12px;
				padding: 4px;
				border: 1px solid #a8a8a8;
				border-radius: 4px;
				height: auto;
				margin-right: 5px;
				width: -webkit-fill-available;
			}

			.Properties_Layout td textarea {
				font-size: 12px;
				padding: 4px;
				border: 1px solid #a8a8a8;
				border-radius: 4px;
				height: auto;
				margin-right: 5px;
				width: -webkit-fill-available;
			}


			.Properties_Layout td select {
				font-size: 12px;
				height: 21px;
				padding: 4px;
				border: 1px solid #a8a8a8;
				border-radius: 4px;
				height: auto;
				margin-right: 5px;
				width: -webkit-fill-available;
			}

	.Side_Panel_Section {
		min-height: 30px;
		margin-bottom: 20px;
		float: left;
		width: 197px;
	}

	.Side_Panel_Section_Title_Section {
		height: 22px;
		width: 100%;
	}

	.Side_Panel_Section_Title {
		color: #0033CC;
		font-weight: bold;
		margin-bottom: 5px;
		width: 100px;
		float: left;
	}

	.Side_Panel_Section_Title_Float {
		color: #0033CC;
		font-weight: bold;
		margin-bottom: 5px;
		height: 20px;
		float: left;
		width: 180px;
	}

	.Side_Panel_Detail {
		float: left;
	}

		.Side_Panel_Detail a {
			color: #333333;
		}

	.Side_Panel_Detail_Link {
		float: left;
		height: 16px;
		margin-bottom: 5px;
	}

		.Side_Panel_Detail_Link input[type=text] {
			border: 1px dotted #EEEEEE;
			background-color: #FFFFFF;
			font-size: 12px;
			width: 190px;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

			.Side_Panel_Detail_Link input[type=text]:hover {
				border: 1px solid #EEEEEE;
				background-color: #fefef5;
			}

	.Side_Panel_Detail input[type=text] {
		border: 1px dotted #EEEEEE;
		background-color: #FFFFFF;
		font-size: 12px;
		width: 172px;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

		.Side_Panel_Detail input[type=text]:hover {
			border: 1px solid #EEEEEE;
			background-color: #fefef5;
		}

	.Side_Panel_Detail textarea {
		border: 1px dotted #EEEEEE;
		background-color: #FFFFFF;
		font-size: 12px;
		width: 190px;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

		.Side_Panel_Detail textarea:hover {
			border: 1px solid #EEEEEE;
			background-color: #fefef5;
		}

	.Side_Panel_Detail_Add {
		float: left;
		width: 188px;
		background-color: #fcfcfc;
		padding: 5px;
		border-radius: 8px;
		height: 17px;
		margin-top: 8px;
		margin-bottom: -5px;
		border: 1px solid #dbdbdb;
	}

		.Side_Panel_Detail_Add:hover {
			background-color: #ffefb3;
			cursor: pointer;
		}


	.ChangeDetails {
		background-image: url('../Resources/Change_Button.png');
		width: 17px;
		height: 17px;
		float: right;
		cursor: pointer;
	}

	.SuggestedDetails {
		background-image: url('../Resources/Suggestion.png');
		width: 17px;
		height: 17px;
		float: right;
		cursor: pointer;
		background-repeat: no-repeat;
		margin-right: 10px;
	}

	.ChangeDetails_HUD {
		background-image: url('../Resources/Change_Button.png');
		width: 17px;
		height: 17px;
		float: right;
		cursor: pointer;
	}

	.LookupButton {
		background-image: url('../Resources/Lookup_Button.png');
		width: 21px;
		height: 11px;
		float: right;
		cursor: pointer;
		margin-top: 6px;
	}

	.AddLinkDetails {
		background-image: url('../Resources/Add_Button_Grey_Small.png');
		width: 16px;
		height: 16px;
		margin-bottom: 5px;
		float: right;
		cursor: pointer;
	}

.RemoveLinkDetails {
	background-image: url('../Resources/Remove_Button_Grey_Small2.png');
	width: 16px;
	height: 16px;
	margin-bottom: 5px;
	float: right;
	cursor: pointer;
}

	.ContactMethod {
		margin-bottom: 5px;
	}

		.ContactMethod div {
			width: 16px;
			height: 16px;
			float: left;
			margin-right: 6px;
			background-position: center center;
			background-repeat: no-repeat;
		}

		.ContactMethod a:link {
			color: #333333;
		}

		.ContactMethod a:visited {
			color: #333333;
		}

		.ContactMethod input[type=text] {
			border: 1px dotted #EEEEEE;
			background-color: #FFFFFF;
			font-size: 12px;
			width: 160px;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

			.ContactMethod input[type=text]:hover {
				border: 1px solid #EEEEEE;
				background-color: #fefef5;
			}


	.Bar_Panel {
		background-color: #F8F8F8;
		height: 20px;
		padding: 10px 10px 10px 10px;
		margin-bottom: 20px;
		border: 1px dotted #CCCCCC;
	}

	.Progression_Complete {
		float: left;
		color: #ffffff;
		background-color: #7F7F7F;
		width: 25%;
		height: 18px;
		text-align: center;
		padding-top: 2px;
		min-width: 170px;
	}

	.Progression_Active {
		float: left;
		color: #ffffff;
		background-color: #FBB800;
		height: 18px;
		width: 25%;
		text-align: center;
		padding-top: 2px;
		min-width: 170px;
	}

		.Progression_Active A:link {
			color: #ffffff;
			cursor: pointer;
		}

		.Progression_Active A:visited {
			color: #ffffff;
			cursor: pointer;
		}

		.Progression_Active img:nth-of-type(1) {
			float: left;
			margin-top: -2px;
		}

		.Progression_Active img:nth-of-type(2) {
			float: right;
			margin-top: -2px;
		}

	.Progression_Pending {
		float: left;
		color: #ffffff;
		background-color: #7F7F7F;
		width: 25%;
		height: 18px;
		text-align: center;
		min-width: 170px;
		padding-top: 2px;
	}

	.Bar_Break {
		height: 1px;
		margin-bottom: 20px;
		border-top: 1px dotted #CCCCCC;
	}

	.Task_List {
		border-top: 1px solid #CCCCCC;
	}

	.TaskItem {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		border-bottom-color: #B2B2B2;
		border-right-style: solid;
		border-left-style: solid;
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-color: #cccccc;
		border-left-color: #cccccc;
		background-color: #EFEFEF;
		padding: 5px 5px 8px 5px;
	}

	.TaskItem_CheckBox {
		float: right;
	}


	.Task_ClearItem {
		border-left: 1px solid #C0C0C0;
		margin-top: -10px;
		margin-right: -10px;
		height: 76px;
		width: 30px;
		float: right;
		background-image: url('../Resources/Delete_Button.png');
		background-repeat: no-repeat;
		background-position: 9px 9px;
		background-color: #fff9e9
	}

	div.Bubble {
		position: absolute;
		width: 208px;
		height: 95px;
		padding-top: 20px;
		padding-left: 20px;
		z-index: 501;
		background-color: #fff;
		border: 2px solid #333333;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px rgb(128, 128, 128);
		-moz-box-shadow: 0px 0px 30px rgb(128, 128, 128);
		box-shadow: rgb(128, 128, 128) 0px 0px 30px;
	}

	.Bubble_Description {
		font-weight: bold;
		color: #0066CC;
		margin-bottom: 5px;
	}

.Side_Panel_Event {
	cursor: pointer;
	margin-bottom: 8px;
	cursor: pointer;
	border: 1px solid #b7b7b7;
	display: inline-block;
	padding: 5px;
	width: 191px;
	border-radius: 4px;
	background-color: #fbfff0;
}

.Side_Panel_Event:hover {
	background-color: #eaffb0;
}


	.Bubble_Navigator {
		color: #6b6b6b;
	}

		.Bubble_Navigator div {
			float: left;
			width: 130px;
			margin-right: 20px;
			margin-bottom: 5px;
			padding: 2px 3px 3px 5px;
			cursor: pointer;
		}

			.Bubble_Navigator div:hover {
				background-color: #ffc011;
				padding: 1px 2px 2px 4px;
				border: 1px solid #b5b5b5;
				color: #fff;
			}


	div.Bubble input[type=text] {
		font-size: 12px;
		width: 185px;
		padding-left: 0px;
	}

div.Bubble .BubbleTextBox {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    padding: 5px!Important;
    width: 92%;
}


	div.Bubble .Buttons {
		margin-top: 10px;
		text-align: right;
		margin-right: 17px;
	}

	/*Centre*/

	.Bubble_C:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 100px;
		top: -28px;
		border: 14px solid;
		border-color: transparent transparent #333333 transparent;
	}

	.Bubble_CM:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 195px;
		top: -28px;
		border: 14px solid;
		border-color: transparent transparent #333333 transparent;
	}

	.Bubble_CW:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 300px;
		top: -28px;
		border: 14px solid;
		border-color: transparent transparent #333333 transparent;
	}

	.Bubble_TLC:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 10px;
		top: -29px;
		border: 14px solid;
		border-color: transparent transparent #333333 transparent;
	}

	.Bubble_TRC:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 200px;
		top: -29px;
		border: 14px solid;
		border-color: transparent transparent #333333 transparent;
	}

	/*Right Centre*/

	.Bubble_RC:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 230px;
		top: 125px;
		border: 14px solid;
		border-color: transparent transparent transparent #333333;
	}

	/*Right Bottom*/

	.Bubble_RCB:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 230px;
		top: 250px;
		border: 14px solid;
		border-color: transparent transparent transparent #333333;
	}

	.Bubble_RCB2:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 320px;
		top: 45px;
		border: 14px solid;
		border-color: transparent transparent transparent #333333;
	}

	/*Left Top*/

	.Bubble_LT:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: -30px;
		top: 30px;
		border: 14px solid;
		border-color: transparent #333333 transparent transparent;
	}

	/*Left Centre*/

	.Bubble_LC:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: -30px;
		top: 125px;
		border: 14px solid;
		border-color: transparent #333333 transparent transparent;
	}

	/*Left Bottom*/

	.Bubble_LCB:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: -30px;
		top: 250px;
		border: 14px solid;
		border-color: transparent #333333 transparent transparent;
	}

	/*Higher for some bubbles*/

	.Bubble_LCB2:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: -30px;
		top: 220px;
		border: 14px solid;
		border-color: transparent #333333 transparent transparent;
	}


	.Bubble_LCB3:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: -30px;
		top: 200px;
		border: 14px solid;
		border-color: transparent #333333 transparent transparent;
	}
	/*Bottom*/

	.Bubble_B:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 100px;
		top: 300px;
		border: 14px solid;
		border-color: #333333 transparent transparent transparent;
	}

	.Bubble_BR:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 182px;
		top: 270px;
		border: 14px solid;
		border-color: #333333 transparent transparent transparent;
	}

	.Bubble_Options:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 392px;
		top: 368px;
		border: 14px solid;
		border-color: #333333 transparent transparent transparent;
	}

	.Bubble_Options select {
		font-size: 11px;
	}

	.Bubble textarea {
		font-size: 12px;
		font-family: calibri;
	}

	.Bubble a {
		margin-top: 15px;
		cursor: pointer;
		display: block;
	}

	.Accordion {
		width: 280px;
		margin-bottom: 10px;
	}

	.Modal {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		filter: Alpha(Opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
		background-color: #000000;
		z-index: 500;
	}

	.Modal_White {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		filter: Alpha(Opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
		background-color: #ffffff;
		z-index: 500;
	}

	.Modal_Dialog {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		filter: Alpha(Opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
		background-color: #000000;
		z-index: 505;
		background-image: url( '../Resources/Dialog_Background.png' );
		background-repeat: repeat;
	}

	.EditHUD_Buttons {
		float: right;
		margin-top: 20px;
		margin-right: 18px;
	}

	.MoreMenu {
		visibility: hidden;
		position: absolute;
		width: 100px;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 10px;
		z-index: 501;
		background-color: #fff;
		border: 2px solid #333333;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
	}

	div.MoreMenu:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 20px;
		top: -30px;
		border: 14px solid;
		border-color: transparent transparent #333333 transparent;
	}

	div.MoreMenu .Divider {
		border-top: 1px solid #bebebe;
		height: 1px;
		margin-bottom: 10px;
		margin-left: -15px;
	}

	.OptionItemMenu {
		visibility: hidden;
		position: absolute;
		width: 130px;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		z-index: 501;
		background-color: #fff;
		border: 2px solid #333333;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
	}

	div.OptionItemMenu:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 30px;
		top: -30px;
		border: 14px solid;
		border-color: transparent transparent #333333 transparent;
	}

	.AddItemMenu {
		visibility: hidden;
		position: absolute;
		width: 130px;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		z-index: 501;
		background-color: #fff;
		border: 2px solid #333333;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
	}

	div.AddItemMenu:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 88px;
		top: -30px;
		border: 14px solid;
		border-color: transparent transparent #333333 transparent;
	}

	div.AddItemMenu .Divider {
		border-top: 1px solid #bebebe;
		height: 1px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: -15px;
	}

	.AddItemMenu.Left {
		width: 170px;
	}

	div.AddItemMenu.Left:before {
		left: 15px;
	}

	.AddItemMenu_Controls_Button {
		height: 25px;
		cursor: pointer;
	}

		.AddItemMenu_Controls_Button div {
			float: left;
			margin-left: 5px;
			margin-top: 6px;
			font-weight: normal;
		}

		.AddItemMenu_Controls_Button img {
			float: left;
			padding-top: 1px;
		}

		.AddItemMenu_Controls_Button:hover {
			color: #7e70d5;
		}

	.AlertHUD {
		background-position: center center;
		position: absolute;
		width: 200px;
		height: 200px;
		z-index: 510;
		background-color: #333333;
		border: 2px solid #444444;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		filter: Alpha(Opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -100px;
		background-repeat: no-repeat;
	}

	.Toast {
		background-position: center center;
		position: absolute;
		width: 600px;
		height: 100px;
		background-color: #333333;
		border: 2px solid #444444;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		filter: Alpha(Opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -100px;
		background-repeat: no-repeat;
	}

		.Toast .Message {
			color: #ffffff;
			padding: 15px;
			text-align: center;
			font-size: 18px;
		}

	.BusyHUD {
		background-position: center center;
		position: absolute;
		width: 200px;
		height: 200px;
		z-index: 501;
		background-color: #333333;
		border: 2px solid #444444;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		filter: Alpha(Opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -100px;
		background-repeat: no-repeat;
		background-image: url( '../Resources/Busy2.gif');
		z-index: 1001;
	}

	.SnoozeHUD {
		background-position: center center;
		position: absolute;
		width: 200px;
		height: 105px;
		z-index: 506;
		background-color: #FFFFFF;
		border: 2px solid #444444;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		filter: Alpha(Opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		top: 50%;
		left: 50%;
		margin-top: -105px;
		margin-left: -100px;
		background-repeat: no-repeat;
		color: #333333;
	}

		.SnoozeHUD div {
			margin-left: 10px;
			margin-top: 10px;
		}

		.SnoozeHUD select {
			margin-left: 10px;
			margin-top: 10px;
			width: 180px;
			font-family: calibri;
			font-size: small;
		}

		.SnoozeHUD button {
			margin-top: 10px;
			margin-left: 10px;
			width: 180px;
			font-family: calibri;
			font-size: small;
		}

	.ReminderHUD {
		background-position: center center;
		position: absolute;
		width: 400px;
		height: 300px;
		z-index: 505;
		background-color: #FFFFFF;
		border: 2px solid #444444;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		filter: Alpha(Opacity=95);
		-moz-opacity: 0.95;
		opacity: 0.95;
		top: 50%;
		left: 50%;
		margin-top: -200px;
		margin-left: -200px;
		background-repeat: no-repeat;
		color: #333333;
	}

		.ReminderHUD .Title {
			margin-top: 0px;
			padding: 5px 5px 5px 7px;
			font-weight: bold;
			font-family: calibri;
			font-size: small;
			height: 20px;
			background-color: #808080;
			color: #FFFFFF;
			width: 388px;
		}

		.ReminderHUD .Buttons {
			float: right;
			margin-right: 15px;
			margin-top: 15px;
		}

		.ReminderHUD .ui-button {
			/*background-color: #333333;*/
			border-radius: 0px;
			margin-left: 5px;
		}

	#ReminderList {
		border: 1px solid #808080;
		margin-top: 48px;
		margin-left: 15px;
		width: 367px;
		height: 190px;
		overflow: auto;
	}

		#ReminderList .Item {
			padding: 5px;
			border-bottom: 1px dotted #fefefe;
			cursor: pointer;
			border-bottom-color: #C0C0C0;
		}

			#ReminderList .Item:hover {
				padding: 5px;
				border-bottom: 1px dotted #fefefe;
				background-color: #CCCCCC;
				color: #333333;
			}

		#ReminderList .Selected {
			padding: 5px;
			border-bottom: 1px dotted #fefefe;
			cursor: pointer;
			background-color: #808080;
			color: #FFFFFF;
		}

		#ReminderList .DueDate {
			color: #bf5800;
			/* font-size: 10px; */
		}

	.ui-effects-transfer {
		border: 2px dotted gray;
	}

	.Label_Button {
		color: #333333;
		font-weight: bold;
		margin-bottom: 10px;
		cursor: pointer;
	}

	#LoadingMore {
		position: absolute;
		width: 43px;
		height: 8px;
		top: 50%;
		left: 50%;
		/*margin-top: -200px;*/
		margin-left: -21px;
	}

	.LoadingSearch {
		position: relative;
		width: 43px;
		height: 20px;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -207px;
	}

	.Dialog_Delete {
		background-position: center center;
		position: absolute;
		width: 250px;
		height: 110px;
		z-index: 505;
		background-color: #FFFFFF;
		border: 2px solid #444444;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/*-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;*/
		filter: Alpha(Opacity=95);
		-moz-opacity: 0.95;
		opacity: 0.95;
		top: 50%;
		left: 50%;
		margin-top: -75px;
		margin-left: -125px;
		background-repeat: no-repeat;
		color: #333333;
		padding: 25px;
	}

		.Dialog_Delete .Title {
			margin-top: -23px;
			margin-left: -23px;
			padding: 5px 5px 3px 7px;
			font-weight: bold;
			font-family: calibri;
			font-size: small;
			height: 20px;
			background-color: #FF9900;
			color: #FFFFFF;
			width: 284px;
		}


		.Dialog_Delete .Buttons {
			float: right;
		}


	.ExportHUD {
		background-position: center center;
		position: absolute;
		width: 270px;
		height: 205px;
		z-index: 505;
		background-color: #FFFFFF;
		border: 2px solid #444444;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		filter: Alpha(Opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		top: 50%;
		left: 50%;
		margin-top: -110px;
		margin-left: -150px;
		background-repeat: no-repeat;
		color: #333333;
		padding: 15px;
	}

		.ExportHUD .Title {
			margin-top: -15px;
			margin-left: -15px;
			padding: 5px 5px 3px 7px;
			font-weight: bold;
			font-family: calibri;
			font-size: small;
			height: 20px;
			background-color: #808080;
			color: #FFFFFF;
			width: 288px;
		}

		.ExportHUD .Buttons {
			float: right;
			margin-top: 12px;
		}

		.ExportHUD .ui-button {
			/*background-color: #333333;*/
			border-radius: 0px;
		}

		.ExportHUD select {
			padding: 2px 0px 2px 0px;
			font-size: 12px;
		}

	.ChartCanvas_NoData {
		text-align: center;
		font-size: 14px;
		padding-top: 120px;
	}

	.EditHUD_Small {
		background-position: center center;
		position: absolute;
		width: 300px;
		height: 100px;
		z-index: 505;
		background-color: #FFFFFF;
		border: 1px solid #444444;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		/*	filter: Alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
		top: 50%;
		left: 50%;
		margin-top: -80px;
		margin-left: -180px;
		background-repeat: no-repeat;
		color: #333333;
		padding: 30px;
	}

	.EditHUD_Medium {
		background-position: center center;
		position: absolute;
		width: 580px;
		height: 427px;
		z-index: 505;
		background-color: #FFFFFF;
		border: 1px solid #444444;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		/*	filter: Alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
		top: 50%;
		left: 50%;
		margin-top: -245px;
		margin-left: -308px;
		background-repeat: no-repeat;
		color: #333333;
		padding: 30px;
	}

	.EditHUD_Large {
		background-position: center center;
		position: absolute;
		width: 800px;
		height: 427px;
		z-index: 505;
		background-color: #FFFFFF;
		border: 1px solid #444444;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
		/*	filter: Alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
		top: 50%;
		left: 50%;
		margin-top: -245px;
		margin-left: -430px;
		background-repeat: no-repeat;
		color: #333333;
		padding: 30px;
	}

		.EditHUD_Large .TaskList {
			float: right;
			width: 285px;
			height: 564px;
			background-color: #f7f7f7;
			margin-right: -30px;
			margin-top: -25px;
			border-left: 1px solid #999999;
		}

			.EditHUD_Large .TaskList .Items {
				height: 518px;
				overflow-x: auto;
				margin-top: 15px
			}

				.EditHUD_Large .TaskList .Items .Item {
					border-top: 1px dotted #C0C0C0;
					background-color: #FFFFFF;
					padding: 15px;
					color: #454545;
					cursor: pointer;
				}

					.EditHUD_Large .TaskList .Items .Item > div {
						font-weight: bold;
						color: #ff7436;
						height: 25px;
						vertical-align: top;
					}

						.EditHUD_Large .TaskList .Items .Item > div .Checkbox {
							margin-top: 3px;
							border: 1px solid #888;
							float: right;
							height: 8px;
							width: 8px;
							background-color: #eeeeee;
							cursor: pointer;
						}


						.EditHUD_Large .TaskList .Items .Item > div .Checkbox_Complete {
							margin-top: 3px;
							border: 1px solid #888;
							float: right;
							height: 8px;
							width: 8px;
							background-color: #888;
							cursor: pointer;
							background-image: url('../Resources/PhaseTaskComplete.png');
						}


	div .EditHUD_LeftColumn {
		width: 280px;
		height: 194px;
		float: left;
	}

	div .EditHUD_RightColumn {
		width: 280px;
		height: 194px;
		float: right;
	}


	div .EditHUD_MiddleColumn {
		width: 280px;
		height: 194px;
		float: left;
		margin-left: 20px;
	}

	.EditHUD_Small .Title {
		margin-top: -30px;
		margin-left: -30px;
		margin-bottom: 25px;
		padding: 10px 0px 6px 15px;
		font-weight: bold;
		font-family: calibri;
		font-size: small;
		height: 20px;
		background-color: #808080;
		color: #FFFFFF;
		width: 345px;
	}

	.EditHUD_Medium .Title {
		margin-top: -30px;
		margin-left: -30px;
		margin-bottom: 25px;
		padding: 10px 0px 6px 15px;
		font-weight: bold;
		font-family: calibri;
		font-size: small;
		height: 20px;
		background-color: #808080;
		color: #FFFFFF;
		width: 625px;
	}

	.EditHUD_Large .Title {
		margin-top: -30px;
		margin-left: -30px;
		margin-bottom: 25px;
		padding: 10px 0px 6px 15px;
		font-weight: bold;
		font-family: calibri;
		font-size: small;
		height: 20px;
		background-color: #808080;
		color: #FFFFFF;
		width: 845px;
	}

	.EditHUD_Small .TextBox:not([type="textarea"]) {
		width: 99%;
		font-size: 11px;
		padding: 2px;
	}

	.EditHUD_Small input[type=text].TextBox {
		height: 12px;
	}

	.EditHUD_Small input[type=datetime-local].TextBox {
		height: 12px;
	}

	.EditHUD_Medium input[type=text].TextBox {
		width: 99%;
		font-size: 11px;
		padding: 2px;
		height: 12px;
	}

	.EditHUD_Medium input[type=datetime-local].TextBox {
		width: 99%;
		font-size: 11px;
		padding: 2px 0 2px 0;
		height: 12px;
	}

	.EditHUD_Medium input[type=time].TextBox {
		width: 99%;
		font-size: 11px;
		font-family: calibri;
		padding: 2px 0 2px 0;
		height: 12px;
	}

	.EditHUD_Large input[type=text].TextBox {
		font-size: 11px;
		padding: 2px;
		height: 12px;
	}

	.EditHUD_Large input[type=datetime-local].TextBox {
		width: 99%;
		font-size: 11px;
		padding: 2px 0 2px 0;
		height: 12px;
	}

	.EditHUD_Small input[type=number].TextBox {
		height: 12px;
	}

	.EditHUD_Medium input[type=number].TextBox {
		width: 99%;
		font-size: 11px;
		padding: 2px 0 2px 0;
		height: 12px;
	}

	.EditHUD_Large input[type=number].TextBox {
		font-size: 11px;
		padding: 2px 0 2px 0;
		height: 12px;
	}

	.EditHUD_Large select {
		width: 99%;
		font-size: 11px;
		padding: 2px 0 2px 0;
		height: 20px;
	}

	.EditHUD_Small select {
		width: 99%;
		font-size: 11px;
		padding: 2px 0 2px 0;
		height: 20px;
	}

	.EditHUD_Medium select {
		width: 99%;
		font-size: 11px;
		padding: 2px 0 2px 0;
		height: 19px;
	}

	.EditHUD_Medium textarea {
		width: 100%;
		font-size: 11px;
		padding: 2px;
	}

	.EditHUD_Groups {
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #EAEAEA;
		margin-top: 15px;
		padding-top: 5px;
		height: 85px;
	}

	.EditHUD_Groups_Left {
		width: 250px;
		float: left;
	}

	.EditHUD_Groups_Right {
		width: 250px;
		float: right;
	}

	.EditHUD_Groups_Centre {
		width: 80px;
		float: left;
		text-align: center;
		margin-top: 23px;
	}

	.EditHUD_Large .EditHUD_Group {
		border: 1px solid #999999;
		background-color: #f7f7f7;
		margin-top: 15px;
		padding: 15px;
		height: 345px;
	}

	.EditHUD_Large .EditHUD_Group_Left {
		width: 340px;
		float: left;
	}

	.EditHUD_Large .EditHUD_Group_Right {
		width: 340px;
		float: right;
	}

	.EditHUD_Large .EditHUD_Group_Centre {
		width: 84px;
		float: left;
		text-align: center;
		margin-top: 100px;
	}

		.EditHUD_Large .EditHUD_Group_Centre > button {
			margin-bottom: 8px;
		}

	.EditHUD_Info {
		padding-top: 6px;
		font-weight: bold;
		color: #808080;
	}

	.EditHUD_Condition {
		padding-top: 4px;
		color: #C0C0C0;
	}

	.EditHUD_Attendees {
		width: 557px;
		height: 180px;
		border: 1px solid #999999;
		background-color: #EAEAEA;
		padding: 10px;
	}

		.EditHUD_Attendees .AttendeeName {
			width: 550px;
			font-size: 11px;
			padding: 2px 0 2px 2px;
			color: #999999;
		}

		.EditHUD_Attendees .AttendeeList {
			margin-top: 10px;
			width: 553px;
			height: 147px;
			font-size: 11px;
			border: 1px solid #999999;
			background-color: #ffffff;
			overflow: auto;
		}

		.EditHUD_Attendees .Task_Item_List .Description {
			font-size: 12px;
		}

		.EditHUD_Attendees .Task_Item_List .TaskType {
			font-size: 12px;
		}

	.EditHUD_Small .Buttons {
		/* float: right; */
		margin-top: 12px;
	}

	.EditHUD_Small .ui-button {
		/*background-color: #333333;*/
		border-radius: 0px;
	}

		.EditHUD_Small .ui-button .ui-button-text {
			font-size: 11px;
			color: #808080;
		}


	.EditHUD_Medium .Buttons {
		float: right;
		margin-top: 15px;
		/* margin-right: 28px; */
	}

	.EditHUD_Medium .ui-button {
		/*background-color: #333333;*/
		border-radius: 0px;
	}

		.EditHUD_Medium .ui-button .ui-button-text {
			font-size: 11px;
			color: #808080;
		}

	.EditHUD_Small .ui-button .ui-button-text {
		font-size: 11px;
		color: #808080;
	}


	.EditHUD_Large .Buttons {
		float: right;
		margin-top: 25px;
	}

	.EditHUD_Large .ui-button {
		/*background-color: #333333;*/
		border-radius: 0px;
	}

		.EditHUD_Large .ui-button .ui-button-text {
			font-size: 11px;
			color: #808080;
		}

	.SuggestionView {
		border: 1px solid #A7A7A7;
		height: 200px;
		z-index: 999;
		position: absolute;
		background-color: #FFFFFF;
		overflow: auto;
	}

		.SuggestionView .Label {
			padding-top: 40px;
			text-align: center;
			color: #999999;
		}

		.SuggestionView .Suggestion {
			padding: 3px;
			min-height: 18px;
			border-bottom: 1px dotted #cacaca;
			cursor: pointer;
			overflow: hidden;
		}

			.SuggestionView .Suggestion div:nth-child(1) {
				width: 250px;
			}

			.SuggestionView .Suggestion div:nth-child(2) {
				* width: 250px;
				*/ color: #da8b00;
			}

			.SuggestionView .Suggestion div:nth-child(3) {
				background-color: #ff9400;
				padding: 2px 6px 2px 6px;
				border-radius: 15px;
				font-size: 11px;
				color: #fff;
				float: left;
				margin-top: 5px;
			}

			.SuggestionView .Suggestion div > select {
				width: 55px;
				height: 35px;
				text-align: right;
				color: #C79406;
			}

			/*.SuggestionView .Suggestion div:nth-child(3)
{
    text-align: left;
    color: #C79406;
    float: none;
}*/

			.SuggestionView .Suggestion:hover {
				padding: 3px;
				min-height: 18px;
				border-bottom: 1px dotted #cacaca;
				cursor: pointer;
				background-color: #CCCCCC;
			}

		.SuggestionView .SuggestionHighlight {
			padding: 3px;
			min-height: 100px;
			border-bottom: 1px dotted #cacaca;
			cursor: pointer;
			background-color: #CCCCCC;
		}

			.SuggestionView .SuggestionHighlight div:nth-child(1) {
				width: 250px;
			}

			.SuggestionView .SuggestionHighlight div:nth-child(2) {
				width: 60px;
				text-align: right;
				color: #C79406;
			}

		.SuggestionView select {
			border: 1px dotted #cacaca;
			cursor: pointer;
			margin-left: 5px;
			font-size: 12px;
		}

	.ClearSuggestion_Button {
		height: 18px;
		width: 19px;
		background-image: url( '../Resources/ClearLink.png' );
		position: absolute;
		border: none;
		cursor: pointer;
		left: 1687px;
		top: 106px;
	}

	.LoadingPage {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -15px;
		margin-left: -15px;
		height: 30px;
		width: 30px;
	}

	.View_Container {
		border: 1px solid #EAEAEA;
		margin-left: 15px;
		margin-right: 15px;
		min-height: 30px;
	}

	.View_Container_NoPadding {
		/* border: 1px solid #EAEAEA; */
		min-height: 30px;
	}

	.TemperatureGuage {
		width: 100%;
		height: 18px;
		border: 1px solid #b7b7b7;
		background-image: url('../Resources/Temperature_Guage.png');
		overflow: hidden;
	}

		.TemperatureGuage div {
			width: 20%;
			height: 18px;
			float: left;
			cursor: pointer;
		}

	.TemperatureIndicator {
		width: 17px;
		height: 12px;
		background-image: url('../Resources/Temperature_Indicator.png');
		position: absolute;
	}

	.PriorityGuage {
		width: 100%;
		height: 35px;
		border-radius: 5px;
		border: 1px solid #b7b7b7;
		background-color: #eaeaea;
		overflow: hidden;
		margin-bottom: 5px;
	}

		.PriorityGuage div {
			width: 25%;
			height: 18px;
			float: left;
			cursor: pointer;
			padding-top: 1px;
			text-align: center;
			color: #000000;
			border-bottom: 1px solid #b7b7b7;
		}

	.Dropdown_Button {
		height: 18px;
		width: 19px;
		background-image: url( '../Resources/ShowDropdown.png' );
		position: absolute;
		border: none;
		cursor: pointer;
	}

	.ErrorTitle {
		background-image: url( '../Resources/DrunkBird.jpg' );
		background-position: center center;
		background-repeat: no-repeat;
		height: 400px;
		width: 100%;
	}

	.ErrorDescription {
		padding: 35px;
		background-color: #ffac28;
		text-align: center;
		font-size: 14px;
	}

	.List_Container {
		border: 1px solid #999999;
		height: 60px;
	}

	.SubList_Item {
		border-bottom: 1px dotted #c2c2c2;
		min-width: 250px;
		height: 16px;
		border-bottom-color: #CFD3C0;
		background-color: #F2F3EE;
		cursor: pointer;
		padding: 2px;
	}

		.SubList_Item .PrimaryData {
			float: left;
			margin-right: 10px;
		}

		.SubList_Item .SubData {
			float: right;
			margin-right: 10px;
		}

		.SubList_Item .Controls {
			float: right;
			margin-right: 10px;
		}

	.Drag_Handle {
		float: right;
		width: 3px;
		height: 100%;
		background-color: #f6f8fc;
		border-left: 1px solid #eaeaea;
		cursor: ew-resize;
		margin: auto;
		position: relative; /* good for 100% margin child element */
	}

	.SocialPost {
		height: 60px;
		padding-left: 40px;
		float: left;
		margin-right: 15px;
	}

		.SocialPost .AccountTarget {
			font-size: 8pt;
			color: #999999;
			height: 17px;
			padding: 0px;
			border: none;
			margin-left: -4px;
		}

	.EditHUD_LeftColumn .Audience {
		border-bottom: 1px solid #C0C0C0;
		height: 65px;
		width: 610px;
		margin-left: -30px;
		padding-left: 30px;
		margin-bottom: 15px;
	}

	.EditHUD_LeftColumn .Facebook {
		background-image: url( '../Resources/News_Feed_FaceBook.png' );
		background-repeat: no-repeat;
		background-position: left 4px;
	}

	.EditHUD_LeftColumn .Twitter {
		background-image: url( '../Resources/News_Feed_Twitter.png' );
		background-repeat: no-repeat;
		background-position: left 4px;
	}

	.EditHUD_LeftColumn .Tick {
		background-image: url( '../Resources/Tick.png' );
		background-repeat: no-repeat;
		height: 22px;
		width: 22px;
	}

	.EditHUD_RightColumn .hasDatepicker {
		background-image: url( '../Resources/Calendar_icon.png' );
		background-repeat: no-repeat;
		background-position: right center;
		border: 1px solid #a9a9a9;
		height: 14px !important;
	}

	.EditHUD_LeftColumn .hasDatepicker {
		background-image: url( '../Resources/Calendar_icon.png' );
		background-repeat: no-repeat;
		background-position: right center;
		border: 1px solid #a9a9a9;
		height: 14px !important;
	}

	.MessagePreview {
		border: 1px solid #a9a9a9;
	}

	.TextPreviewBubble {
		margin: 35px;
		width: 485px;
		height: 208px;
		padding-top: 20px;
		padding-left: 20px;
		z-index: 501;
		background-color: #afbc36;
		border: 2px solid #a5b137;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px #c2c2c2;
		-moz-box-shadow: 0px 0px 30px #c2c2c2;
		box-shadow: #c2c2c2 0px 0px 30px;
	}

		.TextPreviewBubble textarea {
			color: #fff;
			font-size: 20px;
			background-color: transparent;
			border: 2px solid #afbc36;
			height: 180px;
			width: 465px;
		}

		.TextPreviewBubble:before {
			position: absolute;
			content: ' ';
			width: 0;
			height: 0;
			left: 28px;
			top: 250px;
			border: 20px solid;
			border-color: transparent #a5b137 transparent transparent;
		}

	.SMSLength {
		float: left;
	}

	.ContactMethodList {
		border: 1px solid #999999;
		width: 278px;
		height: 263px;
		overflow-x: hidden;
		overflow-y: auto;
	}

		.ContactMethodList .ContactMethod {
			border-bottom: 1px solid #CCCCCC;
			padding: 4px;
		}

		.ContactMethodList select {
			border: none;
			width: 48%;
			font-size: 11px;
			padding: 2px;
			background-color: transparent;
		}

		.ContactMethodList input {
			border: 1px solid #CCCCCC;
			font-size: 11px;
			padding: 2px;
			width: 40%;
		}

		.ContactMethodList .DeleteContactMethod {
			float: right;
			background-image: url('../Resources/Delete_Button.png');
			width: 10px;
			margin-left: 2px;
			cursor: pointer;
		}

		.ContactMethodList > div.ContactMethod {
			margin-bottom: 0px;
		}

			.ContactMethodList > div.ContactMethod:nth-child(even) {
				background-color: #eaeaea;
			}

			.ContactMethodList > div.ContactMethod:nth-child(odd) {
				background-color: #fafafa;
			}

	.AddContactMethod {
		border-bottom: 1px solid #CCCCCC;
		padding: 4px;
		background-image: url('../Resources/Add_Button_Black_Small.png');
		background-repeat: no-repeat;
		background-position: 8px center;
		height: 16px;
		padding-left: 28px;
		padding-top: 5px;
		cursor: pointer;
	}

	.ArchivedRecord {
		background-image: url('../Resources/Archived.png');
		width: 175px;
		height: 48px;
		float: right;
		margin-top: -18px;
		margin-left: 20px;
		background-repeat: no-repeat;
		background-position: center right;
		margin-right: 1px;
	}

	.ActiveOrderStatus {
		float: right;
		margin-top: -18px;
		margin-left: 20px;
		margin-right: 1px;
		background-color: #ff7600;
		border-radius: 30px;
		text-align: center;
		font-size: 17px;
		font-weight: bold;
		color: #fff;
		padding-top: 8px;
		height: 30px;
		width: 175px;
	}

	.ActiveJobStatus {
		float: right;
		margin-top: -18px;
		margin-left: 20px;
		margin-right: 1px;
		background-color: #438073;
		border-radius: 30px;
		text-align: center;
		font-size: 17px;
		font-weight: bold;
		color: #fff;
		padding-top: 8px;
		height: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.CancelRevoke {
		float: right;
		background-image: url('../Resources/Close_Button_White.png');
		height: 16px;
		width: 16px;
		margin-top: 3px;
		margin-left: 8px;
		margin-right: -8px;
		cursor: pointer;
	}

	.SLATimeOut {
		width: 120px;
		height: 40px;
		float: right;
		margin-top: -18px;
		margin-left: 20px;
		margin-right: 1px;
		background-color: #ffd300;
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
		padding: 6px;
		text-align: center;
		margin-top: -39px;
	}

		.SLATimeOut span {
			font-size: 19px;
			font-weight: bold;
		}

	.JobTimer {
		width: 120px;
		height: 40px;
		float: right;
		margin-top: -18px;
		margin-left: 20px;
		margin-right: 1px;
		background-color: #c2dee1;
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
		padding: 6px;
		text-align: center;
		margin-top: -39px;
	}

		.JobTimer span {
			font-size: 19px;
			font-weight: bold;
		}

	.LinkedCustomer {
		background-color: #fff5cf;
		border: 1px solid #C0C0C0;
		margin-bottom: 10px;
		margin-top: 30px;
		padding: 5px;
		cursor: pointer;
	}

	.AddressLookup {
		border: 1px solid #a9a9a9;
		height: 134px;
		padding: 10px;
	}

		.AddressLookup > > div {
			height: 112px;
		}

	.QuoteItems {
		border: 1px solid #a9a9a9;
		height: 301px;
		margin-top: 230px;
		overflow: auto;
	}

	.QuoteItemColumns {
		height: 16px;
		border-bottom: 1px solid #C0C0C0;
		font-weight: bold;
	}

		.QuoteItemColumns div {
			width: 93px;
			float: right;
			text-align: right;
		}

	.QuoteItems > div:nth-child(even) {
		background-color: #eaeaea;
		padding: 6px;
		border-bottom: 1px solid #C0C0C0;
	}

	.QuoteItems > div:nth-child(odd) {
		background-color: #fafafa;
		padding: 6px;
		border-bottom: 1px solid #C0C0C0;
	}

	.OrderItemHeader {
		border: 1px solid #a9a9a9;
		border-bottom: none;
		height: 28px;
		margin-top: 230px;
		background-color: #ececec
	}

		.OrderItemHeader .OrderItemColumns {
			height: 18px;
			border-bottom: none;
			font-weight: bold;
			padding: 6px
		}

			.OrderItemHeader .OrderItemColumns div {
				width: 93px;
				float: right;
				text-align: right;
			}

	.OrderItemColumns {
		height: 16px;
		border-bottom: 1px solid #C0C0C0;
		font-weight: bold;
	}

	.OrderItems {
		border: 1px solid #a9a9a9;
		height: 270px;
		overflow: auto;
	}

	.OrderItemColumns div {
		width: 93px;
		float: right;
		text-align: right;
	}

	.OrderItems > div:nth-child(even) {
		background-color: #eaeaea;
		padding: 6px;
		border-bottom: 1px solid #C0C0C0;
	}

	.OrderItems > div:nth-child(odd) {
		background-color: #fafafa;
		padding: 6px;
		border-bottom: 1px solid #C0C0C0;
	}

	.OrderItems .Measure {
		margin-left: 5px;
		text-align: center;
		display: inline-block;
		padding: 3px;
		background-color: #00b1ae;
		border-radius: 5px;
		font-weight: bold;
		color: #fff;
		padding-top: 1px;
		padding-bottom: 1px;
		min-width: 9px;
		cursor: pointer;
	}

	QuoteItems {
		border: 1px solid #a9a9a9;
		height: 270px;
		overflow: auto;
	}

	.QuoteItems > div:nth-child(even) {
		background-color: #eaeaea;
		padding: 6px;
		border-bottom: 1px solid #C0C0C0;
	}

	.QuoteItems > div:nth-child(odd) {
		background-color: #fafafa;
		padding: 6px;
		border-bottom: 1px solid #C0C0C0;
	}

	.InvoiceItems {
		border: 1px solid #a9a9a9;
		height: 270px;
		overflow: auto;
	}

		.InvoiceItems > div:nth-child(even) {
			background-color: #eaeaea;
			padding: 6px;
			border-bottom: 1px solid #C0C0C0;
		}

		.InvoiceItems > div:nth-child(odd) {
			background-color: #fafafa;
			padding: 6px;
			border-bottom: 1px solid #C0C0C0;
		}

		.InvoiceItems .Measure {
			margin-left: 5px;
			text-align: center;
			display: inline-block;
			padding: 3px;
			background-color: #00b1ae;
			border-radius: 5px;
			font-weight: bold;
			color: #fff;
			padding-top: 1px;
			padding-bottom: 1px;
			min-width: 9px;
			cursor: pointer;
		}

	.DeleteHUDLine {
		background-image: url( '../Resources/Remove_Button_Grey_Small.png' );
		width: 16px;
		height: 16px;
		margin-left: 5px;
		margin-top: 2px;
		float: right;
		cursor: pointer;
	}

	.InsertOrderLine {
		height: 20px;
		background-color: #fefefe;
	}

	.InsertHUDLine {
		background-image: url( '../Resources/Add_Button_Grey_Small.png' );
		width: 16px;
		height: 16px;
		margin-left: 5px;
		margin-top: 2px;
		float: left;
		cursor: pointer;
	}

	.StockLevelPointer {
		position: absolute;
		background-image: url( '../Resources/Pointer.png' );
		width: 17px;
		height: 33px;
	}

	.AddByCategory {
		background-image: url( '../Resources/category_Button_Black_Small.png' );
		background-position: center center;
		background-repeat: no-repeat;
		background-color: transparent;
		border: none;
		width: 16px;
		height: 19px;
		vertical-align: bottom;
		margin-left: 5px;
		cursor: pointer;
	}

	.AddHUDNotes {
		background-image: url( '../Resources/More_Button_Black_Small.png' );
		background-position: center center;
		background-repeat: no-repeat;
		background-color: transparent;
		border: none;
		width: 16px;
		height: 20px;
		vertical-align: bottom;
		margin-left: 5px;
		cursor: pointer;
	}

	.QuoteItems input[type=text] {
		border: 1px dotted #EEEEEE;
		background-color: transparent;
		font-size: 12px;
		width: 90px;
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

		.QuoteItems input[type=text]:hover {
			border: 1px solid #CCCCCC;
			background-color: #ffffff;
			font-size: 12px;
			width: 90px;
			text-align: left;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

	.QuoteItems input[type=number] {
		border: 1px dotted #EEEEEE;
		background-color: transparent;
		font-size: 12px;
		width: 90px;
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

		.QuoteItems input[type=number]:hover {
			border: 1px solid #CCCCCC;
			background-color: #ffffff;
			font-size: 12px;
			width: 90px;
			text-align: left;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

	.OrderItems input[type=text] {
		border: 1px dotted #EEEEEE;
		background-color: transparent;
		font-size: 12px;
		width: 90px;
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

		.OrderItems input[type=text]:hover {
			border: 1px solid #CCCCCC;
			background-color: #ffffff;
			font-size: 12px;
			width: 90px;
			text-align: left;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

	.OrderItems input[type=number] {
		border: 1px dotted #EEEEEE;
		background-color: transparent;
		font-size: 12px;
		width: 90px;
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

		.OrderItems input[type=number]:hover {
			border: 1px solid #CCCCCC;
			background-color: #ffffff;
			font-size: 12px;
			width: 90px;
			text-align: left;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

	/**/

	QuoteItems input[type=text] {
		border: 1px dotted #EEEEEE;
		background-color: transparent;
		font-size: 12px;
		width: 90px;
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

	.QuoteItems input[type=text]:hover {
		border: 1px solid #CCCCCC;
		background-color: #ffffff;
		font-size: 12px;
		width: 90px;
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

	.QuoteItems input[type=number] {
		border: 1px dotted #EEEEEE;
		background-color: transparent;
		font-size: 12px;
		width: 90px;
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

		.QuoteItems input[type=number]:hover {
			border: 1px solid #CCCCCC;
			background-color: #ffffff;
			font-size: 12px;
			width: 90px;
			text-align: left;
			padding-right: 3px;
			font-family: calibri;
			font-size: small;
			color: #333333;
		}

	.QuoteItemTotal {
		border: 1px solid #a9a9a9;
		border-top: none;
		height: 20px;
		text-align: right;
		padding: 8px;
		background-color: #f8f8f8;
	}

		.QuoteItemTotal input[type=text] {
			border: 1px dotted #CCCCCC;
			font-size: 12px;
			color: #333333;
			padding-right: 3px;
		}

	.AlternativeCurrency {
		border: 1px solid #a9a9a9;
		border-top: none;
		height: 20px;
		text-align: right;
		padding: 8px;
		background-color: #f1ff71;
		padding-right: 18px;
		padding-left: 18px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		width: 325px;
		float: right;
	}

		.AlternativeCurrency input[type=text] {
			border: none;
			font-size: 12px;
			color: #1e1e1e;
			padding-right: 3px;
			background-color: #fffbce;
		}

		.AlternativeCurrency .GlobalDiscount {
			color: #444444;
			font-weight: normal;
		}


	.OrderItemTotal {
		border: 1px solid #a9a9a9;
		border-top: none;
		height: 20px;
		text-align: right;
		padding: 8px;
		background-color: #f8f8f8;
	}

		.OrderItemTotal input[type=text] {
			border: 1px dotted #CCCCCC;
			font-size: 12px;
			color: #333333;
			padding-right: 3px;
		}

	.InvoiceItemTotal {
		border: 1px solid #a9a9a9;
		border-top: none;
		height: 20px;
		text-align: right;
		padding: 8px;
		background-color: #f8f8f8;
	}

		.InvoiceItemTotal input[type=text] {
			border: 1px dotted #CCCCCC;
			font-size: 12px;
			color: #333333;
			padding-right: 3px;
		}


	.GlobalDiscount {
		padding-top: 3px;
		float: left;
		font-weight: bold;
		color: #dc8700;
	}

	.AddressPreview {
		height: 144px;
		width: 200px;
		background-color: #333333;
		border: 1px solid #333333;
		z-index: 999;
		position: absolute;
		border: 2px solid #333333;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		color: #FFFFFF;
		padding: 8px;
	}

		.AddressPreview:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			left: -28px;
			top: 26px;
			border: 14px solid;
			border-color: transparent #333333 transparent transparent;
		}

	.ContactCard {
		border: 1px solid #e2e0e0;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 250px;
		height: 100px;
		background-color: #fbfbfb;
		padding: 10px;
		float: left;
	}

		.ContactCard .Title {
			float: none;
			margin-bottom: 0px;
			font-size: 17px;
			font-weight: bold;
			height: 20px;
		}

.AddressCard {
	border: 1px solid #e2e0e0;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 250px;
	height: 150px;
	background-color: #fbfbfb;
	padding: 10px;
	float: left;
}

.AddressCard .Title 
{
    float: none;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: bold;
    height: 20px;
}

.SelectionBox {
	padding: 5px;
	background-color: #f3f3f3;
	border-color: #b3b3b3;
	margin-top: -5px;
	min-width: 140px
}

#OrderItems textarea {
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#OrderItems textarea:hover {
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#OrderItems input[type=text]
{
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#OrderItems input[type=text]:hover
{
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;

}

#OrderItems input[type=number]
{
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#OrderItems input[type=number]:hover
{
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;

}


/**/

#InvoiceItems input[type=text] {
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

	#InvoiceItems input[type=text]:hover {
		border: 1px dotted #CCCCCC;
		background-color: #ffffff;
		font-size: 12px;
		/*width: 90px;*/
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

#InvoiceItems input[type=number] {
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

	#InvoiceItems input[type=number]:hover {
		border: 1px dotted #CCCCCC;
		background-color: #ffffff;
		font-size: 12px;
		/*width: 90px;*/
		text-align: left;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #333333;
	}

/**/

#QuoteItems input[type=text]
{
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#QuoteItems input[type=text]:hover
{
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;

}

#QuoteItems input[type=number]
{
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#QuoteItems input[type=number]:hover
{
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;

}

#CreditNoteItems input[type=text]
{
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#CreditNoteItems input[type=text]:hover
{
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;

}

#CreditNoteItems input[type=number]
{
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#CreditNoteItems input[type=number]:hover
{
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;

}

/**/

#PurchaseOrderItems input[type=text]
{
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#PurchaseOrderItems input[type=text]:hover
{
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;

}

#PurchaseOrderItems input[type=number]
{
	border: 1px dotted #fffcfc;
	background-color: transparent;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;
}

#PurchaseOrderItems input[type=number]:hover
{
	border: 1px dotted #CCCCCC;
	background-color: #ffffff;
	font-size: 12px;
	/*width: 90px;*/
	text-align: left;
	padding-right: 3px;
	font-family: calibri;
	font-size: small;
	color: #333333;

}

.ui-sortable-handle {
    cursor: pointer;
}

div.Notes_Bubble 
{
    position: absolute;
	width: 960px;
	height: 545px;
	z-index: 501;
	background-color: #ececec;
	border: 1px solid #333333;
	-webkit-box-shadow: 0px 0px 30px rgb(128, 128, 128);
	-moz-box-shadow: 0px 0px 30px rgb(128, 128, 128);
    box-shadow: rgb(128, 128, 128) 0px 0px 30px;
    top: 50%;
	left: 50%;
	margin-top: -245px;
	margin-left: -510px;
}

div.Notes_Bubble .Notes 
{
	width: 320px;
    float: right;
}

div.Notes_Bubble .Title
{
	padding:  10px 0px 6px 15px;
	font-weight: bold;
	font-family: calibri;
	font-size: small;
	height: 20px;
	background-color: #808080;
	color: #FFFFFF;
	width: 305px;
    margin-bottom: 0px;
}

div.Notes_Bubble .NotesData {
    height: 484px;
    margin-top: -100px;
    background-color: #FFFFFF;
   	width: 280px;
    padding: 20px;
    overflow: auto;
}

div.Notes_Bubble2 
{
    position: absolute;
    width: 1260px;
    height: 702px;
    z-index: 501;
    background-color: #ececec;
    border: 1px solid #333333;
    -webkit-box-shadow: 0px 0px 30px rgb(128, 128, 128);
    -moz-box-shadow: 0px 0px 30px rgb(128, 128, 128);
    box-shadow: rgb(128, 128, 128) 0px 0px 30px;
    top: 50%;
    left: 50%;
    margin-top: -355px;
    margin-left: -630px;
}

div.Notes_Bubble2 .Notes 
{
	width: 320px;
	float: right;
}

div.Notes_Bubble2 .Title
{
	padding:  10px 0px 6px 15px;
	font-weight: bold;
	font-family: calibri;
	font-size: small;
	height: 20px;
	background-color: #808080;
	color: #FFFFFF;
	width: 305px;
    margin-bottom: 0px;
}

div.Notes_Bubble2 .NotesData {
    height: 600px;
    margin-top: -100px;
    background-color: #FFFFFF;
    width: 280px;
    padding: 20px;
    overflow: auto;
}

div.StockLevel_Bubble
{
	position: absolute;
	width: 1175px;
	height: 702px;
	z-index: 501;
	background-color: #ececec;
	border: 1px solid #333333;
	-webkit-box-shadow: 0px 0px 30px rgb(128, 128, 128);
	-moz-box-shadow: 0px 0px 30px rgb(128, 128, 128);
	box-shadow: rgb(128, 128, 128) 0px 0px 30px;
	top: 50%;
	left: 50%;
	margin-top: -355px;
	margin-left: -581px;
}

div.StockLevel_Bubble.Small
{
	width: 880px;
	height: 495px;
    top: 50%;
	left: 50%;
	margin-top: -227px;
	margin-left: -548px;
}

div.StockLevel_Bubble .Title
{
	margin-top: 0px;
	padding:  10px 0px 6px 15px;
	font-weight: bold;
	font-family: calibri;
	font-size: small;
	height: 20px;
	background-color: #808080;
	color: #FFFFFF;
	width: 225px;
}

div.StockLevel_Bubble .StockLevelData {
    height: 300px;
    width: 240px;
}

div.StockLevel_Bubble .Available 
{
    color: #3b9bf1;
    font-size: 45px;
    text-align: center;
    padding-top: 65px;
    margin-bottom: 15px;
}

div.StockLevel_Bubble .AvailableTitle
{
    text-align: center;
    margin-bottom: 10px;
}

div.StockLevel_Bubble .Allocated
{
    text-align: center;
    margin-bottom: 10px;
}

div.StockLevel_Bubble .Allocated span
{
    color: #a78238;
    font-weight: bold;
}

div.StockLevel_Bubble .NextDelivery
{
    text-align: center;
    margin-bottom: 25px;
}

div.StockLevel_Bubble .NextDelivery span
{
    color: #a78238;
}

div.StockLevel_Bubble .AlternativesTitle
{
    text-align: left;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    padding: 8px;
    background-color: rgba(251, 184, 0, 0.14);
}

div.StockLevel_Bubble .Alternatives
{
    text-align: left;
    background-color: #fafafa;
    height: 405px;
    overflow: auto;
}

div.StockLevel_Bubble .AlternativesShort
{
    text-align: left;
    background-color: #fafafa;
    height: 235px;
    overflow: auto;
}

div.StockLevel_Bubble .ComplementaryTitle
{
    text-align: left;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    padding: 8px;
    background-color: rgba(251, 184, 0, 0.14);
}

div.StockLevel_Bubble .Complementary
{
    text-align: left;
    padding: 8px;
    background-color: #fafafa;
    height: 170px;
    border-bottom: 1px solid #808080;
}

.StockCheck_Busy 
{
    height: 110px;
    width: 240px;
    padding-top: 115px;
    text-align: center;
}

.AlternativeProductItem {
    border-bottom: 1px solid #808080;
    padding: 6px;
    background-color: #fafafa;
    cursor: pointer;
}

.AlternativeProductSummary {
    border-top: 1px solid #CCCCCC;
    padding: 6px;
    background-color: #f1f1f1;
    cursor: pointer;
    margin: -6px;
    margin-top: 8px;
    height: 16px;
}

.AddStockItem_Instructions 
{
    color: #444444;
}

.AddStockItem_Item 
{
    border: 1px solid #b9b9b9;
    background-color: #f8f8f8;
    margin-top: 20px;
    padding: 5px;
}

.AddStockItem_ItemList 
{
    border: 1px solid #b9b9b9;
    background-color: #fff;
    margin-top: 5px;
    height: 305px;
    overflow: auto;
}

.AddStockItem_ItemLine div
{
    float: left;
    margin-right: 7px;
}

.AddStockItem_ItemLine div input
{
    border: 1px solid #e4e4e4;
    width: 80px;
    text-align: center;
    font-size: 12px;
    padding: 2px;
}

.AddStockItem_ItemLine 
{
    border-bottom: 1px solid #b9b9b9;
    height: 20px;
    padding: 5px;
    /* display: table; */
}

	.AddStockItem_ItemLine:hover {
		background-color: #ebebeb;
		cursor: pointer;
	}

	.AddStockItem_ItemLine.Selected {
		background-color: #ffdd5a;
	}


	.InStock {
		background-color: #faffd2;
	}

.AddedToStockHUDLine 
{
    background-image: url('../Resources/Added_Icon.png');
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: 2px;
    float: right;
    cursor: pointer;
}

.NotAddedToStockHUDLine 
{
    background-image: url('../Resources/Added_Icon_Greyed.png');
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: 2px;
    float: right;
    cursor: pointer;
}

.AuditStockSummary {
    margin-top: 5px;
    border-top: 1px dotted #999999;
    padding: 5px;
    padding-left: 0px;
}

.AuditStockSummary div
{
    float: left;
    margin-right: 30px;
    color: #5e5e5e;
    font-size: 15px
}

.AuditStockSummary div span
{
    color: #ff6e01
}

.GroupDiscountApply 
{
    border: 1px solid #C0C0C0;
    background-color: #fff4dc;
    padding: 15px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 15px;
}



.GroupDiscountApply button 
{
    border: 1px solid #C0C0C0;
    border-radius: 0px;
    color: #444444;
    padding: 3px;
    top: 0px;
    left: 0px;
}

.GroupDiscountApply button span
{
    font-weight: bold;
    font-size: 15px;
}

.SageOneApply 
{
    margin-top: -5px;
    float: right;
}

.SageOneApply button 
{
    border: 1px solid #C0C0C0;
    border-radius: 0px;
    color: #444444;
    padding: 3px;
    top: 0px;
    left: 0px;
}

.SageOneApply button .ui-button-text
{
    font-weight: bold;
    font-size: 12px;
    border-color: #d0d087
}

.Connector_Log
{
	width: 49%;
	margin: auto;
	overflow-y: auto;
    overflow-x: hidden;
	position: relative; /* good for 100% margin child element */
	border-left: 1px solid #C0C0C0;
	background-color: #ffffff;
    height: 800px;
}

.Connector_Log div
{
    padding: 15px;
    border-bottom: 1px solid #C0C0C0;
    background-image: url('../Resources/Added_Icon.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    padding-left: 45px;
    font-weight: bold;
    color: #444444;
    cursor: pointer;
}

.Connector_Log div.Failed
{
    background-image: url('../Resources/Failed_Icon.png');
    background-color: #fff2f2;
}

.Connector_Log div > div
{
    padding: 0px;
    border-bottom: none;
    color: #2f9781;
    background-image: none;
    margin-top: 2px;
}

.Category_HUD
{
   	background-position: center center;
	position: absolute;
	width: 878px;
	height: 299px;
	z-index: 506;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	top: 50%;
	left: 50%;
	margin-top: -94px;
	margin-left: -429px;
	background-repeat: no-repeat;
	color: #333333;
}

.Category_ProductItems 
{
    border: 1px solid #999999;
    height: 200px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    overflow-x: auto;
}

.Category_ProductItems > div
{
    height: 16px;
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
}

.Category_ProductItems > div:hover
{
    background-color: #f2f2f2;
}

.Category_ProductItems div > div:first-child
{
    float: left;
    margin-right: 10px;
    width: 130px;
    color: #937c10
}

.Category_ProductItems div > div
{
    float: left;
    margin-right: 10px;
}

.Category_ProductItems input
{
    float: right;
    border: 1px dotted #808080;
    font-size: 11px;
    text-align: right;
}

.Category_ProductItems .InsertHUDLine {
    float: right;
    background-image: url( '../Resources/Add_Button_Black_Small.png' );
    height: 14px;
    width: 14px;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 5px;
}

.Category_Selection 
{
    height: 19px;
    border-bottom: 1px solid #999999;
    padding: 10px;
    background-color: #f7f7f7;
}

.Category_Selection select
{
    font-size: 12px;
    padding: 2px
}

.Category_Varients 
{
    float: right;
    border-left: 1px solid #999999;
    padding: 10px;
    margin: -10px;
    background-color: #ebf5e1;
    height: 19px;
}

.Category_HUD .Buttons 
{
    padding-top: 10px;
    padding-left: 10px;
}

.Category_HUD .Buttons .ui-button
{
    border-radius: 0px;
    width: 80px;
}

.Category_HUD .Buttons .ui-button span
{
    color: #6f6f6f;
    font-size: 11px;
}

.ProductVariantsAvailable 
{
	background-color: #fff8de;
}

.LinkedImages {
    border: 1px solid #dcdcdc;
    height: 170px;
    padding: 15px 15px 0px 15px;
    overflow: auto;
}



.LinkedImages div {
    float: left;
    border: 1px solid #dcdcdc;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

	.LinkedImages div.linkTag {
		border: 1px solid #7d7d7d;
		height: auto;
		margin-top: 125px;
		padding: 2px 8px 2px 8px;
		border-radius: 10px;
		margin-left: 5px;
		background-color: #4c4c4c;
		color: #fff;
	}

.LinkedImages div img {
    height: 150px;
}

.AddImage 
{
    border: 1px solid #dcdcdc;
    height: 150px;
    width: 150px;
    background-color: #fafafa;
    background-image: url('../Resources/Add_Button_Grey.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.AddFolder {
	border: 1px solid #dcdcdc;
	height: 150px;
	width: 150px;
	background-color: #fafafa;
	background-image: url('../Resources/AddDirectoryIcon.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.UpFolder {
	border: 1px solid #dcdcdc;
	height: 150px;
	width: 150px;
	background-color: #fafafa;
	background-image: url('../Resources/DirectoryUpIcon.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.LinkedDocuments {
	border: 1px solid #dcdcdc;
	height: 170px;
	padding: 15px 15px 0px 15px;
	overflow: auto;
}

.LinkedDocument {
    width: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: :hover ;
}

.LinkedDocument:hover .delete {
    display: block;
}

.LinkedDocument:hover .move {
	display: block;
}

.LinkedDocument .icon {
    width: 45px;
    height: 45px;
    /*background-image: url(../Resources/WordIcon.png);*/
    float: none;
    margin: 0px auto;
    margin-top: 20px;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
}

.LinkedDocument .assetNumber {
	float: none;
	margin: 0px auto;
	margin-top: 5px;
	text-align: center;
	height: 14px;
	font-size: 11px;
	border: 1px solid #b8b8b8;
	padding: 2px 8px 2px 8px;
	border-radius: 10px;
	display: table;
}

.LinkedDocument .fileName {
    float: none;
    margin: 0px auto;
    margin-top: 20px;
    border: none;
    max-width: 150px;
    text-align: center;
    height: 14px;
}

.LinkedDocument .created {
	float: none;
	margin: 0px auto;
	margin-top: 5px;
	border: none;
	text-align: center;
	height: 14px;
	font-size: 11px;
}

.LinkedDocument .size {
    float: none;
    margin: 0px auto;
    margin-top: 5px;
    border: none;
    text-align: center;
    height: 14px;
}

.LinkedDocument .delete {
    background-image: url('../Resources/Remove_Button_Black_Small.png');
    float: right;
    border: none;
    height: 17px;
    width: 17px;
    top: 8px;
    position: relative;
    right: -8px;
    display: none;
}

.LinkedDocument .move {
	background-image: url('../Resources/Move_Button_Black_Small.png');
	float: left;
	border: none;
	height: 18px;
	width: 17px;
	top: 8px;
	position: relative;
	left: 8px;
	display: none;
}

.LinkedDocument.NoExportTemplate {
	border: 1px solid #d9d7d7;
	background-color: #eeeeee;
	color: #9d9d9d;
}

.LinkedDocument.NoExportTemplate .icon {

	opacity: 0.3;

}

.LinkedDocument .LinkedJob {
	background-image: url('../Resources/LinkedRecord.png');
	float: left;
	border: none;
	height: 18px;
	width: 17px;
	top: 8px;
	position: relative;
	left: 8px;
}

.SyncProgress {
	margin-top: 8px;
	border: 1px solid #999999;
	height: 20px;
	background-color: #F0F0F0;
	padding: 0px;
	overflow: hidden;
}

#SyncBar
{
    background-color: #fbb800;
    height: 20px;
}

.DocumentSelector 
{
    border: 1px solid #C0C0C0;
    padding: 15px 0px 15px 15px;
    height: 360px;
    overflow: auto;
}

.DocumentSelector .Document 
{
    background-image: url('../Resources/WordIcon.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    width: 80px;
    padding-top: 58px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
}

.DocumentSelector .Document:hover 
{
    background-color: #CCCCCC;
}

.DocumentSelector .Selected
{
    border: 1px dotted #888;
    height: 38px;
    width: 78px;
    background-color: #fcf3f3;

}

.FlatButton 
{
    border: 1px solid #cccccc;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #808080;
    padding: 5px;
    font-size: 11px;
    min-width: 60px
}

.MailAttachment {
	float: left;
	background-image: url(../Resources/Document_Icon_Small2.png);
	background-position: 6px;
	background-repeat: no-repeat;
	height: 28px;
	width: 101px;
	padding-left: 28px;
	padding-top: 3px;
	text-align: left;
	cursor: pointer;
	margin-right: 5px;
	border: 1px solid rgb(197 197 197);
	font-size: 10px;
	background-size: 30px;
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 10px;
	padding-left: 40px;
}

	.MailAttachment:hover {
		border: 1px solid #dbdbdb;
		background-color: #ffffff;
	}

		.MailAttachment:hover .RemoveAttachment {
			display: block;
		}

.RemoveAttachment {
	float: right;
	height: 16px;
	width: 16px;
	margin-top: -2px;
	margin-right: -2px;
	background-image: url(../Resources/Delete_Button_Grey_Small.png);
	/*display: none;*/
}

.AddMailAttachment {
	background-image: url(../Resources/Add_Button_Grey.png);
	background-repeat: no-repeat;
	/*border: 1px solid #dadada;*/
	padding: 4px;
	background-position: center;
	float: right;
	cursor: pointer;
	height: 26px;
	width: 26px;
}

option.TaskCategory {
}

.TaskAddLinkedCustomer 
{
    background-image: url('../Resources/Add_Button_Black_Small.png');
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: #fafafa;
    border: 1px solid #C0C0C0;
    margin-bottom: 10px;
    margin-top: 30px;
    padding: 5px;
    padding-left: 25px;
    cursor: pointer;
}

.SageOneError 
{
    margin-top: 20px;
    font-weight: bold;
    color: #ff0000;
    font-size: 16px;
}

.DateRange 
{
    color: #ff0000;
    font-size: 12px;
    padding-left: 2px;
}

.SmallDateRange 
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color: #ffffff;
    font-size: 11px;
}

.BatchJob 
{
    float: left;
    background-image: url('../Resources/BatchMail.png');
    background-position: center 30px;
    background-repeat: no-repeat;
    padding-top: 90px;
    text-align: center;
    width: 120px;
    height: 30px;
    margin-top: 20px;
    margin-right: 40px;
    border: 1px solid #d3d3d3;
    cursor:pointer;
}

.BatchJob_EDI
{
    float: left;
    background-image: url('../Resources/BatchEDI.png');
    background-position: center 30px;
    background-repeat: no-repeat;
    padding-top: 90px;
    text-align: center;
    width: 120px;
    height: 30px;
    margin-top: 20px;
    margin-right: 40px;
    border: 1px solid #d3d3d3;
    cursor:pointer;
}

.BatchJob_Files {
	float: left;
	background-image: url('../Resources/BatchFiles.png');
	background-position: center 30px;
	background-repeat: no-repeat;
	padding-top: 90px;
	text-align: center;
	width: 120px;
	height: 30px;
	margin-top: 20px;
	margin-right: 40px;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}

.BatchJob:hover
{
    background-color: #ededed;
}

.BatchJob_EDI:hover
{
    background-color: #ededed;
}

.BatchTitle 
{
    font-weight: bold;
    margin-top: 10px;
    color: #1989a3;
    font-size: 16px;
    display: inline-block;
    min-width: 100%;
}

.MessageAttachmentsTitle {
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #c0c0c0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff1c2;
}

.PreviewContent {
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #c0c0c0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff1c2;
}

.MessageAttachments {
	border: 1px solid #C0C0C0;
	border-top: none;
	height: 115px;
	background-color: #fffcf5;
	padding: 20px;
	padding-top: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 538px;
	overflow: auto;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.AddProjectContent_Filters 
{
    float: left;
    width: 227px;
    border: 1px solid #b9b9b9;
    border-right: none;
    height: 460px;
    padding: 10px;
    background-color: #f7f7f7;
}

.AddProjectContent_FilterTitle 
{
    background-color: #eaeaea;
    width: 100%;
    padding: 10px;
    font-weight: bold;
    margin-top: -10px;
    margin-left: -10px;
    border-bottom: 1px solid #b9b9b9;
}

.AddProjectContent_ItemList 
{
    border: 1px solid #b9b9b9;
    background-color: #fff;
    height: 305px;
    overflow: auto;
    float: right;
    width: 550px;
    height: 480px;
}

.AddProjectContent_ItemList .Item 
{
    float: left;
    width: 245px;
    height: 80px;
    border-right: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    padding: 10px;
    cursor: pointer;
    background-image: url('../Resources/Add_Button_Grey.png');
    background-position: 225px 58px;
    background-repeat: no-repeat;
}

.AddProjectContent_ItemList .Item:hover
{
    background-color: #f5f5f5;
}

.ProjectContentItem {
	/*float: left;
    width: 180px;
    height: 70px;
    border-right: 1px dotted #ededed;
    border-bottom: 1px dotted #ededed;
    cursor: pointer;
   */

	border: 1px solid #e2e0e0;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 240px;
	height: 100px;
	background-color: #fbfbfb;
	float: left;
	padding: 10px;
	background-image: url( '../Resources/Document_Icon_Bordered.png' );
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 60px;
	cursor: pointer;
}

.ProjectContentItem:hover
{
    background-color: #f5f5f5;
}

.ContentSection > div:first-child
{
    border-bottom: 1px dotted #cccccc;
    padding: 10px;
    font-weight: bold;
    background-color: #f7f7f7;
}

.TransactionCreated 
{
    background-image: url( '../Resources/RowException_Green2.png' );
    background-repeat: repeat-x;
}

.TransactionCreated_WriteOff {
	background-image: url( '../Resources/RowException_Orange.png' );
	background-repeat: repeat-x
}


.AuditItemSummary {
	padding: 10px;
	border: 1px solid #C0C0C0;
	margin-top: -11px;
	background-color: #faf8f3;
	margin-bottom: 5px;
}

.LogisticsOverview {
    margin-top: 45px;
    border-top: 1px solid #eaeaea;
    width: 100%;
}

.LogisticsOverview .KPI {
    float: left;
    height: 85px;
    width: 24.8%;
    background-color: #fff;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    /*border-radius: 8px;*/
    /*padding: 15px;*/
}

.LogisticsOverview .KPI:hover 
{
    background-color: #fbb800;
    cursor: pointer;
}

.LogisticsOverview .KPI img 
{
    float: left;
    padding-top: 15px;
    padding-left: 15px;
}

.LogisticsOverview .KPI .Summary {
    float: left;
    margin-left: 20px;
    padding-top: 15px;
}

.LogisticsOverview .KPI .Summary div:first-child {
    font-size: 20px;
    color: #d3a425;
    margin-top: 4px;
    margin-bottom: 0px;
}

.LogisticsOverview .Chart_Title 
{
    margin-top: 110px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #FFF;
	border-bottom-style: None;
	padding: 0px;
    font-size: 16px;
    font-weight: bold;
}

#LogisticsChart 
{
    margin-top: 110px;
    margin-left: 20px;
    margin-right: 20px;
}

#ServiceChart 
{
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
}

.POSupplierName
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	background-color: #F0F0F0;
    padding: 5px;
    font-weight: bold;
}

.DevicePermissions 
{
    margin-top: 20px;
    border: 1px solid #C0C0C0;
    padding: 20px;
}

.RefreshExchangeRate {
    background-image: url('../Resources/Refresh2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.RefreshTaxRate {
	background-image: url('../Resources/Refresh2.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 14px;
	width: 14px;
	cursor: pointer;
	position: relative;
	margin-top: -19px;
	float: right;
	margin-right: 10px;
}



.AssignVehicle {
    background-image: url('../Resources/AssignDriver.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.DeleteAssignVehicle {
    background-image: url('../Resources/Delete_Button.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 12px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

#AnalysisResult {

}

#AnalysisResult div.GroupHeader 
{
    border-bottom: 1px solid #C0C0C0;
    background-color: #EEEEEE;
    padding: 5px;
}

#AnalysisResult div.Item {
    border-bottom: 1px solid #C0C0C0;
    padding: 5px;
}

#AnalysisResult div.Item:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

#AnalysisResult div.Actions {
    border-left: 1px solid #C0C0C0;
    margin-top: -65px;
    height: 70px;
    width: 90px;
    float: right;
}

#AnalysisResult div.Delete {
    background-image: url('../Resources/Delete_Button.png');
    background-repeat: no-repeat;
    background-position: center 7px;
    height: 30px;
    width: 30px;
    float: left;
    position: relative;
    background-color: #ffd09d;
    border-radius: 15px;
    border: 1px solid #b6b6b6;
    top: 20px;
    margin-left: 18px;
}

#AnalysisResult div.Resolve {
    background-image: url('../Resources/Change_Button.png');
    background-repeat: no-repeat;
    background-position: center 7px;
    height: 30px;
    width: 30px;
    float: left;
    position: relative;
    background-color: #e5e5e5;
    border: 1px solid #b6b6b6;
    border-radius: 15px;
    top: 20px;
    left: 12px;
}

#Column_Container td div.Resolve {
    background-image: url('../Resources/Change_Button.png');
    background-repeat: no-repeat;
    background-position: center 7px;
    height: 30px;
    width: 30px;
    float: left;
    position: relative;
    background-color: #e5e5e5;
    border: 1px solid #b6b6b6;
    border-radius: 15px;
    top: 0px;
    left: 12px;
}

#Column_Container td div.Delete {
    background-image: url('../Resources/Delete_Button.png');
    background-repeat: no-repeat;
    background-position: center 7px;
    height: 30px;
    width: 30px;
    float: left;
    position: relative;
    background-color: #ffd09d;
    border-radius: 15px;
    border: 1px solid #b6b6b6;
    top: 0px;
    margin-left: 18px;
}

#OtherLinkedCustomers {
    margin-top: 20px;
}

LinkedCustomers > div {
    padding: 5px;
    border-radius: 8px;
    height: 17px;
    margin-top: 8px;
    margin-bottom: -5px;
    border: 1px solid #dbdbdb;
    width: 187px;
}

#OtherLinkedCustomers > div:hover{
    background-color: #ffefb3;
}

#OtherLinkedCustomers div.Delete {
    background-image: url('../Resources/Remove_Button_Grey_Small2.png');
    background-position: right;
    background-repeat: no-repeat;
    float: right;
    height: 16px;
    width: 16px;
    cursor: pointer !important;
}

#OtherLinkedCustomers div a {
    color: #4e4e4e;
}

.MoreOpportunityLinks {
	border: 1px solid #c0b35e;
	float: left;
	margin-top: 10px;
	border-radius: 8px;
	padding: 8px;
	background-color: #f8e569;
	font-weight: bold;
	cursor: pointer;
	width: 180px;
	height: 16px;
}

	.MoreOpportunityLinks div {
		border: 1px solid #c0b35e;
		float: right;
		border-radius: 8px;
		padding: 2px 10px;
		margin-top: -2px;
		margin-right: -2px;
		background-color: #e0e0e0;
	}

.CreateNewCustomer {
	margin-top: 10px;
	background-image: url('../Resources/Add_Button_Black_Small.png');
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
}

.Toolbar_HiddenTabs {
    background-image: url('../Resources/Add_Button_Black_Small.png');
    height: 40px;
    width: 40px;
    float: left;
}

.alertpulse {
    margin: 100px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #cca92c;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 2s infinite;
}

    .alertpulse:hover {
        animation: none;
    }

@-webkit-keyframes alertpulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@keyframes alertpulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

.SignatureImage 
{
    border: 1px solid #eaeaea;
    width: 178px;
    min-height: 100px;
    padding: 10px;
}

.PolicyTitle {

    text-align: center;
    border-bottom: 1px solid #444444;
    background-color: #3b9abe;
    margin-top: -30px;
    margin-left: -30px;
    margin-right: -30px;
    padding: 20px;
}

.PolicyTitle img {

    height: 55px;
    cursor: pointer;
}

.OrderTimeLine {
	padding-top: 20px;
	border: 1px solid #C0C0C0;
	background-color: #fcfcfc;
	height: 120px;
}

.OrderTimeLine div {
    float: left;
    background-repeat: no-repeat;
    background-position: top center;
    width: 10%;
    padding-top: 55px;
    text-align: center;
}

.OrderTimeLine div > div {
    float: none;
    text-align: center;
    width: unset;
    padding-top: 0px;
}

.OrderTimeLine .Spacer {
    background-image: url('../Resources/OrderTimeline_Spacer.png');
    background-repeat: repeat-x;
    background-position: center;
    width: 12%;
    padding-top: 5px;
    height: 55px;
    color: #009ee8;
}

.OrderTimeLine .Arrow {
    background-image: url('../Resources/OrderTimeline_Arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 16px;
    margin-top: -2px;
    float: right;
}

.MoreAssigned {
	float: left;
	background-color: #ff6d00;
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 8px;
	margin-left: 8px;
	padding-bottom: 1px;
	cursor: pointer;
}

.LinkedTaskRecord {
    background-image: url('../Resources/LinkedRecord.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    float: right;
    background-color: #ffdd79;
    padding: 3px 8px 4px 8px;
    padding-left: 30px;
    border-radius: 5px;
    margin-top: -2px;
    margin-right: 8px;
    color: #1f1f1f;
    font-size: 11px;
    cursor: pointer;
}

.ExpandingLinkedCustomer {
	background-color: #e6e3e3;
	display: flex;
	border-radius: 10px;
	padding: 10px;
	float: left;
	width: 176px;
	display: block;
	overflow: hidden;
	border: 1px solid #b4b4b4;
}

	.ExpandingLinkedCustomer.hidden {
		display: none;
	}

.ActivityExpandCustomer {
	float: right;
	height: 16px;
	width: 16px;
	bottom: 10px;
	right: 10px;
	margin-top: -18px;
	background-image: url('../Resources/Expand.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.jqplot-target {
	position: relative;
	color: #808080;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

select[multiple] option {
	padding: 5px;
	/*border: 1px solid #c8c8c8;*/
	margin: 4px;
	/*background-color: #f9f9f9;*/
	border-radius: 5px;
}

.AgreementItem {
	background-color: #f8f8f8;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 5px;
	cursor: pointer;
	background-image: url('../Resources/RowException_Grey.png');
	margin-bottom: 10px;
	border: 1px solid #cecece;
}

.AgreementItem.Expired {
	opacity: 0.8;
	background-image: url('../Resources/RowException_Orange.png')
}

	.AgreementItem .Reference {
		height: 15px;
		padding: 7px;
		border-bottom: 1px solid #cbcbcb;
		background-color: #eeeeee;
		margin-bottom: 5px;
	}

	.AgreementItem .Status {
		float: right;
		display: table;
		background-color: #dff1ae;
		padding: 1px 7px 1px 7px;
		border-radius: 5px;
		color: #313131;
		font-size: 11px;
		border:1px solid #bdcc34;
		margin-top: -1px;
	}

	.AgreementItem .AgreementTitle {
		padding-left: 5px;
	}

	.AgreementItem .AgreementValidDates {
		padding-left: 5px;
		color: #995500;
	}

	.AgreementItem .ActivityExpand {
		padding-left: 5px;
		color: #8a8a8a
	}

	.AgreementItem .AgreementTerms {
		margin-top: 5px;
		margin-bottom: 5px;
		border-top: 1px solid #cbcbcb;
	}

		.AgreementItem .AgreementTerms .AgreementTerm {
			padding: 5px;
			border-bottom: 1px solid #cbcbcb;
			clear: both;
			display: flow-root;
			background-color: #ffffffbe;
		}

			.AgreementItem .AgreementTerms .AgreementTerm .Type {
				clear: both;
			}


			.AgreementItem .AgreementTerms .AgreementTerm .Description {
				float: left;
				color: #9b9b9b;
			}

			.AgreementItem .AgreementTerms .AgreementTerm .Value {
				float: right;
			}

		.AgreementItem .AgreementTerms .UsedTime {
			float: right;
			border: 1px solid #ffda07;
			background-color: #fbed7d;
			border-radius: 5px;
			padding: 2px 5px 2px 5px;
			margin-top: -3px;
			margin-left: 5px;
		}


.ActionsAndMessages {

}

	.ActionsAndMessages a {
		text-decoration: none;
		color: #414141;
	}
	.ActionsAndMessages .Tab {
		background-color: #f5f5f5;
		padding: 6px;
		border: 1px solid #c0c0c0;
		display: block;
		min-width: 80px;
		text-align: center;
		border-bottom: none;
		float: left;
		cursor: pointer;
	}

	.ActionsAndMessages .Tab_Active {
		background-color: #ffeaaf;
		padding: 6px;
		border: 1px solid #c0c0c0;
		display: block;
		min-width: 80px;
		text-align: center;
		border-bottom: none;
		float: left;
		cursor: pointer;
	}

.Paginator {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 25px;
	background-color: #ededed;
	border-top: 1px solid #d7d7d7;
	padding: 7px;
	padding-left: 20px;
	overflow: auto;
}
	.Paginator div {
		display: table-cell;
		background: #f6f6f6;
		padding: 2px 6px 3px;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		cursor: pointer;
		font-size: 14px;
	}

	.Paginator div:hover {
		background: #ffdd9e;
	}

		.Paginator div.Selected {
			background: #ffcf5e;
		}

		.Paginator div.Back {
			background-image: url('../Resources/PreviousPage.png');
			background-repeat: no-repeat;
			background-position: center;
			border-left: 1px solid #d7d7d7;
			background-size: 10px;
			width: 15px;
		}

		.Paginator div.Next {
			background-image: url('../Resources/NextPage.png');
			background-repeat: no-repeat;
			background-position: center;
			border-right: 1px solid #d7d7d7;
			background-size:10px;
			width: 15px;
		}

.List_Table td.Temperature {
	border-left-width: 15px;
	border-left-style: solid;
}

@media (prefers-color-scheme: dark) {

	body {
		font-family: calibri;
		font-size: 13px;
		color: #dddddd;
		overflow: hidden;
		padding: 0;
		margin: 0;
		border: 0;
		background-color: #2b2b2b;
	}

	:root {
		--code-color: darkred;
		--code-bg-color: #494949;
		--code-font-size: 14px;
		--code-line-height: 1.4;
		--scroll-bar-color: #414141;
		--scroll-bar-bg-color: #686868;
	}

	::-webkit-scrollbar-corner {
		background: rgba(0,0,0,0.5);
	}

		*::-webkit-scrollbar-track {
			background: var(--scroll-bar-bg-color);
		}

		*::-webkit-scrollbar-thumb {
			background-color: var(--scroll-bar-color);
			border-radius: 20px;
			border: 3px solid var(--scroll-bar-bg-color);
		}

	.ContactMethod a:link {
		color: #dddddd;
	}

	.Tab_bar {
		background-color: #000000;
		height: 50px;
	}

	.PageContent {
		background-color: #2b2b2b;
	}

	#Navigator {
		width: 199px;
		background-color: #646464;
		padding-top: 15px;
		float: left;
		border-right: 1px solid #000000;
		min-width: 54px;
	}

	.Navigator_Item {
		margin-left: 10px;
		color: #cccccc;
		padding-bottom: 10px;
		padding-top: 10px;
		cursor: pointer;
		background-image: url('../Resources/Menu/Home.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 12px;
		padding-left: 22px;
	}


		.Navigator_Item:hover {
			color: #db8e42;
		}

		.Navigator_Item .Alerts {
			float: right;
			background-color: #8e8e8e;
			padding: 3px 9px;
			border-radius: 15px;
			margin-right: 10px;
			margin-top: -18px;
			text-align: center;
			color: #d5d5d5;
			margin-right: 20px;
		}

	.Navigator_Item_Small {
		background-image: url( '../Resources/Show_Menu.png' );
		width: 29px;
		height: 29px;
		margin-left: 12px;
		margin-bottom: 6px;
		cursor: pointer;
	}

	.Navigator_Item_Medium {
		background-image: url('../Resources/Menu/Home.png');
		height: 38px;
		width: 38px;
		background-size: 18px;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0.8;
		margin-left: 7px;
		margin-bottom: 5px;
	}

		.Navigator_Item_Medium:hover {
			background-color: #e0e0e0;
			cursor: pointer;
			margin-right: 8px;
			border-radius: 8px;
		}

		.Navigator_Item_Medium .Alerts {
			float: right;
			background-color: #a83f1b;
			padding: 2px 6px;
			border-radius: 15px;
			text-align: center;
			color: #ffffff;
			font-size: 10px;
		}

	.Navigator_Item_Medium_Active {
		background-image: url('../Resources/Menu/Home.png');
		height: 40px;
		width: 40px;
		background-size: 18px;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #ffc527;
		cursor: pointer;
		margin-left: 7px;
		border-radius: 8px;
		opacity: 1.0;
		margin-left: 7px;
		margin-bottom: 5px;
	}

		.Navigator_Item_Medium_Active .Alerts {
			float: right;
			background-color: #ff6029;
			padding: 2px 6px;
			border-radius: 15px;
			text-align: center;
			color: #ffffff;
			font-size: 10px;
		}

	.Navigator_Item .ModuleName {
		/*float: left;*/
	}

	.HideMenu {
		background-image: url( '../Resources/Hide_Menu_DarkMode.png' );
		width: 16px;
		height: 29px;
		cursor: pointer;
		float: right;
		position: absolute;
	}

	.ShowMenu {
		background-image: url( '../Resources/Show_Menu_DarkMode.png' );
		width: 29px;
		height: 29px;
		margin-left: 12px;
		cursor: pointer;
	}

	.Column_Container {
		height: 23px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #6d6d6d;
		background-color: #242424;
		border-left: 1px solid #6d6d6d !important;
	}

	#OrderItems .Column_Container {
		border-color: #6d6d6d;
		background-color: #242424;
	}

	#QuoteItems .Column_Container {
		border-color: #6d6d6d;
		background-color: #242424;
	}

	#CreditNoteItems .Column_Container {
		border-color: #6d6d6d;
		background-color: #242424;
	}

	#PurchaseOrderItems .Column_Container {
		border-color: #6d6d6d;
		background-color: #242424;
	}


	.SelectionBox {
		padding: 5px;
		background-color: #000;
		border-color: #6d6d6d;
		margin-top: -5px;
		min-width: 140px;
		color: #e8e8e8;
	}

	.Search_Input {
		border: 1px solid #6d6d6d;
		width: 99%;
		color: #e8e8e8;
		font-size: 11px;
		padding: 3px;
		background-color: #000;
	}

	.List_Table {
		width: 100%;
		border: 1px solid #6d6d6d;
		border-left: 1px solid #6d6d6d !important;
	}

	.List_Table A:link {
		font-weight: bold;
		color: #e4e4e4;
	}

	.List_Table tr.Table_Header {
		font-weight: bold;
		background-color: #4f4f4f;
		color: #e4e4e4
	}

		.List_Table tr.Table_Header th {
			font-weight: bold;
			background-color: #242424;
			position: sticky;
			top: 0;
			padding-top: 4px;
			padding-left: 10px;
			padding-bottom: 4px;
			border-bottom: 1px solid #6d6d6d;
			border-top: 1px solid #6d6d6d;
			text-align: left;
		}

	.List_UL {
		overflow: auto;
		border-top: 1px solid #6d6d6d;
		margin-top: 10px;
		margin-left: 15px;
		background-color: transparent;
		/* list-style: none; */
		padding: 0px;
		min-width: 640px;
	}

	.List_Table tr:nth-child(odd) {
		background-color: #535353;
	}

	.List_Table tr:nth-child(even) {
		background-color: #333333;
	}

	.List_UL li:nth-child(odd) {
		background-color: #535353;
	}

	.List_UL li:nth-child(even) {
		background-color: #333333;
	}

	.OutOfStock {
		background-color: #5d1818 !important;
	}

	.List_Item_Detail {
		border-bottom: 1px solid #6d6d6d;
		background-color: transparent;
		color: #fff
	}

	#OrderItems input[type=text] {
		border: 1px dotted #444444;
		background-color: transparent;
		color: #fff;
	}

	#OrderItems input[type=number] {
		border: 1px dotted #444444;
		background-color: transparent;
		color: #fff;
	}

	#QuoteItems input[type=text] {
		border: 1px dotted #444444;
		background-color: transparent;
		color: #fff;
	}

	#QuoteItems input[type=number] {
		border: 1px dotted #444444;
		background-color: transparent;
		color: #fff;
	}

	#CreditNoteItems input[type=text] {
		border: 1px dotted #444444;
		background-color: transparent;
		color: #fff;
	}

	#CreditNoteItems input[type=number] {
		border: 1px dotted #444444;
		background-color: transparent;
		color: #fff;
	}

	#PurchaseOrderItems input[type=text] {
		border: 1px dotted #444444;
		background-color: transparent;
		color: #fff;
	}

	#PurchaseOrderItems input[type=number] {
		border: 1px dotted #444444;
		background-color: transparent;
		color: #fff;
	}

	.OrderItemTotal {
		border: 1px solid #6d6d6d;
		background-color: #1e1e1e;
	}

		.OrderItemTotal input[type="text"] {
			background-color: transparent !important;
			color: rgb(255, 255, 255);
			border-width: 1px;
			border-style: dotted;
			border-color: rgb(68, 68, 68) !important;
		}

	.QuoteItemTotal {
		border: 1px solid #6d6d6d;
		background-color: #1e1e1e;
	}

		.QuoteItemTotal input[type="text"] {
			background-color: transparent !important;
			color: rgb(255, 255, 255);
			border-width: 1px;
			border-style: dotted;
			border-color: rgb(68, 68, 68) !important;
		}

	.List_Content_Notes {
		color: #adadad;
	}

	.Sorter {
		background-color: #242424;
	}

	.Sorter_Right {
		background-color: #242424;
	}

	.Side_Panel_Section_Title {
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 5px;
		width: 100px;
		float: left;
	}

	.Side_Panel_Section_Title_Float {
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 5px;
		height: 16px;
		float: left;
		width: 180px;
	}

	.Properties_Layout td input {
		font-size: 12px;
		padding: 4px;
		border: 1px solid #6d6d6d;
		border-radius: 4px;
		height: auto;
		margin-right: 5px;
		width: -webkit-fill-available;
		background-color: #000;
		color: #fff;
	}

	.Properties_Layout td textarea {
		font-size: 12px;
		padding: 4px;
		border: 1px solid #6d6d6d;
		border-radius: 4px;
		height: auto;
		margin-right: 5px;
		width: -webkit-fill-available;
		background-color: #000;
		color: #fff;
	}

	.Properties_Layout td select {
		font-size: 12px;
		height: 21px;
		padding: 4px;
		border: 1px solid #6d6d6d;
		border-radius: 4px;
		height: auto;
		margin-right: 5px;
		width: -webkit-fill-available;
		background-color: #000;
		color: #fff;
	}

	.Side_Panel_Detail a {
		color: #dddddd;
	}

	.Side_Panel_Detail textarea {
		border: 1px dotted #6d6d6d;
		background-color: #000;
		font-size: 12px;
		width: 190px;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #fff;
	}

		.Side_Panel_Detail textarea:hover {
			border: 1px solid #6d6d6d;
			background-color: #3c3c3c;
		}


	.Side_Panel_Detail_Link input[type=text] {
		border: 1px dotted #6d6d6d;
		background-color: #000;
		font-size: 12px;
		width: 190px;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #fff;
	}

		.Side_Panel_Detail_Link input[type=text]:hover {
			border: 1px solid #6d6d6d;
			background-color: #3c3c3c;
		}

	.Side_Panel_Detail input[type=text] {
		border: 1px dotted #6d6d6d;
		background-color: #000;
		font-size: 12px;
		width: 172px;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #fff;
	}

		.Side_Panel_Detail input[type=text]:hover {
			border: 1px solid #6d6d6d;
			background-color: #3c3c3c;
		}

	.ContactMethod input[type=text] {
		border: 1px dotted #6d6d6d;
		background-color: #000;
		font-size: 12px;
		width: 160px;
		padding-right: 3px;
		font-family: calibri;
		font-size: small;
		color: #fff;
	}


		.ContactMethod input[type=text]:hover {
			border: 1px solid #6d6d6d;
			background-color: #3c3c3c;
		}

	.Bar_Panel {
		background-color: #303030;
		height: 20px;
		padding: 10px 10px 10px 10px;
		margin-bottom: 20px;
		border: 1px dotted #6d6d6d;
	}

	.Container_Activity {
		width: 335px;
		margin: auto;
		overflow: auto;
		position: relative;
		border-left: 1px solid #6d6d6d;
		background-color: #212121;
		float: right;
		padding: 15px;
		min-width: 250px;
		color: #fff;
	}

	.Label_Button {
		color: #fff;
		font-weight: bold;
		margin-bottom: 10px;
		cursor: pointer;
	}

	.Container_Activity_Switch_Active {
		float: left;
		color: #e8a300;
		font-weight: bold;
		margin-bottom: 5px;
		margin-right: 20px;
		cursor: pointer;
	}

	.Drag_Handle {
		float: right;
		width: 3px;
		height: 100%;
		background-color: #000000;
		border-left: 1px solid #6d6d6d;
		cursor: ew-resize;
		margin: auto;
		position: relative;
	}

	.LinkedCustomer {
		background-color: #5b5335;
		border: 1px solid #939393;
		margin-bottom: 10px;
		margin-top: 30px;
		padding: 5px;
		cursor: pointer;
	}

		.LinkedCustomer.Window {
			background-color: #685067 !important;
		}

	.SignatureImage {
		filter: invert(100%);
	}

	.Note_Date {
		border: 1px solid #6d6d6d;
		background-color: #5b5335;
		padding: 5px;
	}

	.Note_Item {
		border: 1px solid #6d6d6d;
		border-Top: none;
		padding: 5px;
		margin-bottom: 10px;
		cursor: pointer;
	}

	.Controls_Button img {
		padding-top: 1px;
		filter: invert(1);
	}

	.List_Table tr.Table_Header td {
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #6d6d6d;
	}

	.View_Container_NoPadding {
		border-top: 1px solid #6d6d6d !important;
		min-height: 30px;
	}

	.Container_Activity_Switch_Active:link {
		text-decoration: none;
		color: #cc9c00;
		height: 15px;
	}

	#CostingOutput input[type=text] {
		border: none !important;
		color: #fff !important;
	}

	.LinkedDocument .icon {
		filter: invert(1);
	}

	.ExpandingLinkedCustomer {
		background-color: #3b3b3b !important;
		border: 1px solid #7d7d7d;
	}

	.TemperatureGuage {
		border: 1px solid #414141;
		filter: brightness(0.6);
	}

	#OtherLinkedCustomers div a {
		color: #fff;
	}

	.Side_Panel_Detail_Add {
		background-color: #686868;
		border: 1px solid #000;
	}

		.Side_Panel_Detail_Add :hover {
			background-color: #3c3c3c !important;
			border: 1px solid #000;
		}

	.AddImage {
		border: 1px solid #dcdcdc;
		background-color: #434343;
	}

	.AddFolder {
		border: 1px solid #dcdcdc;
		background-color: #434343;
	}

	.MoreOpportunityLinks {
		border: 1px solid #5e5934;
		background-color: #656043;
	}

		.MoreOpportunityLinks div {
			border: 1px solid #c0b35e;
			background-color: #303030;
		}

	.Chart_Title {
		background-color: #313131 !important;
		border-bottom-color: #626262 !important;
	}

	.Recent_Activity {
		background-color: #313131;
		border-bottom-color: #626262;
		border-top-color: #626262;
	}

	.Container_Chart {
		background-color: #212121 !important;
		border-left: 1px solid #626262;
		border-top: 1px solid #626262;
	}

	.List_UL_Activity li:nth-child(odd) {
		background-color: #5a5a5a;
	}

	.List_UL_Activity li:nth-child(even) {
		background-color: #444444;
	}

	.NoRecentActivity {
		background-color: #212121;
	}

	.Paginator {
		background-color: #000000;
		border-top: 1px solid #6d6d6d;
	}

		.Paginator div {
			background: #434343;
			border-top: 1px solid #6d6d6d;
			border-bottom: 1px solid #6d6d6d;
			border-right: 1px solid #6d6d6d;
		}

		.Paginator div:hover {
			background: #787878;
		}

			.Paginator div.Selected {
				background: #856c30;
			}

			.Paginator div.Back {
				border-left: 1px solid #6d6d6d;
			}

			.Paginator div.Next {
				border-right: 1px solid #6d6d6d;
			}

	.Navigator_Item {
		background-image: url('../Resources/Menu/Home_DarkMode.png');
	}

	.StageColumn .StageTitle {
		background-color: #181818 !important;
		border: 1px solid #6b6b6b !important;
	}

	.StageColumn .StageValue {
		background-color: #181818 !important;
		border: 1px solid #6b6b6b !important;
	}

	.StageColumn .StageOpportunities {
		background-color: #2b2b2b !important;
		border: 1px solid #6b6b6b !important;
	}

		.StageColumn .StageOpportunities ul li {
			border-bottom: 1px solid #6b6b6b !important;
		}

	.List_Controls {
		filter: invert(1)
	}

	.List_Table tr.New {
		background-image: url(../Resources/RowException_Grey_Dark.png) !important;
	}

	.List_Table tr.Overdue {
		background-image: url(../Resources/RowException_Orange_Dark.png) !important;
	}

	.AgreementItem {
		background-color: #000000 !important;
		border-bottom: 1px solid #6a6a6a;
		background-image: url(../Resources/RowException_Grey_Dark.png);
		border: 1px solid #8d8d8d;
	}

		.AgreementItem .AgreementValidDates {
			color: #e7b678;
		}

		.AgreementItem .Reference {
			border-bottom: 1px solid #8d8d8d;
			background-color: #393939 !IMPORTANT;
		}

		.AgreementItem.Expired {
			opacity: 0.8;
			background-image: url(../Resources/RowException_Orange_Dark.png) !important;
		}

		.AgreementItem .AgreementTerms .AgreementTerm {
			border-bottom: 1px solid #8d8d8d;
			background-color: #5e5e5ebe !important;
		}

	.AddItemMenu {
		visibility: hidden;
		position: absolute;
		width: 130px;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		z-index: 501;
		background-color: #fff;
		border: 2px solid #333333;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 2px 2px 4px #888;
		-moz-box-shadow: 2px 2px 4px #888;
		box-shadow: 2px 2px 4px #888;
	}

	div.Bubble {
		position: absolute;
		width: 208px;
		height: 95px;
		padding-top: 20px;
		padding-left: 20px;
		z-index: 501;
		background-color: #fff;
		border: 2px solid #333333;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 30px rgb(128, 128, 128);
		-moz-box-shadow: 0px 0px 30px rgb(128, 128, 128);
		box-shadow: rgb(128, 128, 128) 0px 0px 30px;
	}
}

.UserImage {
	background-image: url(../Resources/UserPlaceholder.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #696969;
	height: 100px;
	width: 100px;
	margin-bottom: 15px;
	cursor: pointer;
	background-color: #717171;
	border-radius: 50%;
}

.AvatarImages {
	overflow: auto;
}

	.AvatarImages div {
		float: left;
		height: 80px;
		width: 80px;
		margin-right: 15px;
		margin-bottom: 15px;
		cursor: pointer;
	}

.AvatarSelect {
	background-size: contain;
	background-color: #717171;
	border-radius: 50%;
}

	.AvatarSelect:hover {
		width: 80px;
		height: 80px;
		background-color: #e65525;
		border-radius: 50%;
		box-shadow: 0 0 0 3px #ffac00;
	}

	.AvatarSelect.Selected {
		width: 80px;
		height: 80px;
		background-color: #e65525;
		border-radius: 50%;
		box-shadow: 0 0 0 3px #e65525;
	}

	.AvatarSelect input[type=file] {
		position: relative;
		height: 80px;
		width: 80px;
		opacity: 0;
		z-index: 2;
	}

.TransformComponent {
	background-color: #fcfcfc;
	border-bottom: 1px solid #cfcfcf;
	display: flow-root;
	padding: 5px;
}

	.TransformComponent div {
		float: left;
	}

.AddPickingListLine {
	border: 1px solid #b9b9b9;
	padding: 5px;
	margin: 7px;
	height: fit-content;
	border-radius: 5px;
	display: flow-root;
}

	.AddPickingListLine:hover {
		background-color: #ebebeb;
		cursor: pointer;
	}

	.AddPickingListLine.Selected {
		background-color: #eaf0ff;
	}

.ComponentExpander {
	float: left;
	margin-right: 5px;
	background-image: url(../Resources/Add_Button_Black_Small.png);
	width: 15px;
	height: 15px;
	margin-top: 3px;
}

	.ComponentExpander.Disabled {
		opacity: 0.2;
	}

.UnitOfMeasure {
    background: #3363b0;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 15px;
	margin-top: 4px;
}

.ComponentList {
	float: right;
	height: 21px;
	background-color: #ecf2ff;
	border: 1px solid #c0c0c0;
	margin-left: 4px;
	width: -webkit-fill-available;
	margin-right: 0px;
}