body
{
	margin: 0px;
	background-color:White;
	font-family: Arial, Sans-Serif;
	text-align: center;
}
li
{
    background-repeat: no-repeat;
}
.WrapAll
{
	width: 1006px;
	margin-left:  auto;
	margin-right: auto;
	text-align: left;
}
.Error,
.ErrorMessage
{
	color: Red;
}
.Text
{
	font-size: 80%;
}
.Label,
.Label2
{
	color: #80c030;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 90%;
}
.MenuName
{
	float: left;
	clear: both;
	white-space: nowrap;
	text-align: right;
	color: #48902d;
	width: 100%;
	padding: 3px 0px 3px 0px;
}
td a .MnuZIdx
{
    position: static !important;
}
.FixIE8,
.FixIE8 TABLE,
.FixIE8 TR,
.FixIE8 TD
{
    position: relative;
	z-index: 20000 !important;
}
.Label
{
	margin-left: 15px;
}
.Label2
{
}
.RowLabel
{
}
.StatusBar
{
	background-color: #006136;
	color: White;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 80%;
	position: absolute;
	left: 0px;
	display: inline;
	visibility: hidden;
}
.LabelTitle
{
	font-weight:bold;
	font-size: 150%;
	display: block;
	margin: 5px 0px 10px 0px;
}
.HintMessage
{
	font-style: italic;
}
.InfoMessage
{
}
.Btn1,
.Btn2,
.Btn1Hover,
.Btn2Hover
{
	background-color: Transparent;
	color: White;
	font-weight: bold;
	font-size: 12px;
	.padding-top: 1px;
	padding-left: 8px;
	border: none 0px Transparent;
	height: 22px;
	text-align: left;
	cursor: pointer;
}
.Btn1,
.Btn1Hover
{
	width: 121px;
}
.Btn2,
.Btn2Hover
{
	width: 164px;
}
.Btn1
{
	background-image: url("../../Images/btn1.png");
	background-position: 0px 0px;
}
.Btn2
{
	background-image: url("../../Images/btn2.png");
	background-position: 0px 0px;
}
.Btn1Hover
{
	background-image: url("../../Images/btn1.png");
	background-position: -200px 0px;
}
.Btn2Hover
{
	background-image: url("../../Images/btn2.png");
	background-position: -200px 0px;
}
.GoBtn,
.GoBtnHover,
.GoBtnB,
.GoBtnBHover,
.GoBtnBW,
.GoBtnBWHover
{
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none 0px Transparent;
	cursor: pointer;
}
.GoBtn,
.GoBtnHover
{
	height: 31px;
	width: 30px;
	background-image: url("/Images/btn.png");
}
.GoBtnB,
.GoBtnBHover
{
	height: 28px;
	width: 28px;
	background-image: url("/Images/btn_b.png");
	margin-left: 5px;
}
.GoBtnBW,
.GoBtnBWHover
{
	height: 28px;
	width: 28px;
	background-image: url("/Images/btn_bw.png");
	margin-left: 5px;
}

.GoBtn,
.GoBtnB,
.GoBtnBW
{
	background-position: 0px 0px;
}
.GoBtnBHover,
.GoBtnBWHover
{
	background-position: -40px 0px;
}
.GoBtnHover
{
	background-position: -50px 0px;
}
.TBLongWrap
{
	width: 337px;
	height: 47px;
}
.TBLongLeft,
.TBLongCentre,
.TBLongRight
{
	height: 47px;
	background: url("/Images/tb_long.png");
}
.TBLongLeft
{
	width: 8px;
}
.TBLongCentre
{
	text-align: -moz-center;
	.text-align: center;
	width: 321px;
	background-position: -8px 0px;
}
.TBLongRight
{
	width: 8px;
	background-position: 8px 0px;
}
.TBLongCentre INPUT
{
	width: 302px;
	height: 18px;
	margin: 0px 0px 9px 0px;
}
.TBMediumWrap
{
	width: 230px;
	height: 30px;
}
.TBMediumLeft,
.TBMediumCentre,
.TBMediumRight
{
	height: 30px;
	background: url("/Images/tb_Medium.png");
	background-repeat: no-repeat;
}
.TBMediumLeft
{
	width: 8px;
}
.TBMediumCentre
{
	text-align: -moz-center;
	.text-align: center;
	width: 214px;
	background-position: -8px 0px;
}
.TBMediumRight
{
	width: 8px;
	background-position: 8px 0px;
	background-repeat: repeat-x;
}
.TBMediumCentre INPUT
{
	width: 205px;
}

.LinkBtn,
.LinkBtn:hover
{
	text-decoration: none;
    color: #1a0dab;
}
.LinkBtn_visited
{
	color: #686868;
	text-decoration: none;
}
/* For master page */
.TopBanner
{
	background-color: #48902d;
	float: left;
	border-top: solid 1px Gray;
	border-bottom: solid 1px Gray;
	width: 100%;
	text-align: center;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}
.TopBnnLeft
{
    float: left;
    width: auto;
    text-align: left;
}
.TopBnnLeft A,
.TopBnnLeft A:visited
{
    text-decoration: none;
    padding-left: 25px;
    color: #bbbbbb;
    font-weight: bold;
    font-size: 10pt;
}
.TopBnnLeft A:hover
{
    text-decoration: underline;
    color: White;
    background-color: transparent;
}
.MenuRoot TABLE
{
    background-color: transparent !important;
}
.MenuRoot A,
.MenuRoot A:visited
{
    text-decoration: none;
    padding-right: 15px;
    color: #bbbbbb;
    font-weight: bold;
    font-size: 10pt;
}
.MenuRoot A:hover
{
    text-decoration: underline;
    color: White;
    background-color: #48902D;
}
.SelectedWhite,
.SelectedWhite:hover,
.SelectedWhite:visited
{
    color: White !important;
}
.MnuWrap
{
	vertical-align: top;
	float: right;
	width: 400px;	
}
.TopBannerDvvv
{
    width: 100%;
    background-image: url("/Images/graygrad100.jpg");
    background-repeat: repeat-x;
    height: 107px;
    border-radius: 0px 0px 15px 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
.TopBannerDvvvW
{
    width: 100%;
    background-color: White;
    height: 107px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.BannerImg,
.BannerImgEveryDay
{
	float: left;
	border: solid 0px Transparent;
	background-image: url("/Images/bnnnbgg.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 366px;
}
.BannerImgW
{
	float: left;
	border: solid 0px Transparent;
    background-image: url("/Images/bnnnbgw.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 366px;
	height: 70px;
    margin-top: 45px;
    margin-left: 25px;
}
.BannerImgNoPad
{
	float: left;
	border: solid 0px Transparent;
	background-image: url("/Images/bnnnbgw.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 366px;
	height: 56px;
}
.BannerImgEveryDay,
.BannerImg
{
    margin-top: 20px;
    margin-left: 30px;
	height: 70px;
	width: 330px;
}
.BannerImgEveryDay
{
	background-repeat: repeat-x;
	background-position: 450px 0px;
}
/**/
.LeftBanner0
{
	float: left;
	width: 0px;
}
.LeftBanner
{
	border: solid 0px Transparent;
	background-image: url("../../Images/ballonsteel.jpg");
	background-repeat: no-repeat;
	float: left;
	width: 270px;
}
.RightBanner
{
	width: 180px;
	background-color: Transparent;
	min-height: 400px;
	vertical-align: top;
	position: absolute;
}
.RightBannerHome
{
	vertical-align: top;
	width: 180px;
	background-color: Transparent;
	min-height: 400px;
}
.RightBnnLine
{
	height: 572px;
	width: 1px;
	/*background-color: #bbd532;
	border: solid 0px Transparent;*/
	float: left;
	position: relative;
	top: -5px;
}
.ContentBanner0
{
	margin: 0px 210px 0px 0px;
}
.ContentBanner
{
	margin: 0px 0px 0px 10px;
	vertical-align: top;
	height: 100%;
	width: 500px;
	float: left;
}
.ContentBannerHome
{
	margin: 0px 0px 0px 10px;
	vertical-align: top;
	height: 100%;
	width: 100%;
}
.ContentFull
{
	margin: 0px 0px 0px 10px;
	vertical-align: top;
	height: 100%;
	width: 770px;
}
.BottomBanner
{
	visibility: hidden;
	border: solid 1px Black;
	width: 100%;
	height: 50px;
	text-align: center;
	margin-top: 50px;
}
/* Error message */
.LabelsHolder
{
	display: block;
}
/* Holder for back link in grid */
.SingleBackLink
{
	padding: 10px 10px 10px 250px;
}
/* Styles for grid */
.ButtonsHolder
{
	padding: 5px 5px 5px 5px;
	display: block;
}
/* Grid table */
.HeaderBar
{
	width: 740px;
	margin: 15px 0px 5px 0px;
}
.ContentTable
{
	width: 740px;
	height: 20px;
	font-size: 80%;
}
/* Grid rows: */
.ContentHeaderRow
{
	background-color: #049d4a;
	color: White;
	text-align: center;
	font-weight: bold;
}
.ContentHeaderRow TH
{
	border: solid 1px #066616;
}
/*  Alternative row */
.AlternativeRow
{
	background-color: #e0f8b8;
	color: Black;
}
.AlternativeRow TD
{
	border: solid 1px #066616;
}
/*  Alternative selected row */
.AlternativeRowSelected
{
	background-color: #c8ff66;
}
.AlternativeRowSelected TD
{
	border: solid 1px #066616;
}
/*  Normal row  */
.ContentRow
{
	background-color: White;
	color: Black;
}
.ContentRow TD
{
	border: solid 1px #066616;
}
/*  Normal row selected */
.ContentRowSelected
{
	background-color: #c8ff66;
	color: Black;
}
.ContentRowSelected TD
{
	border: solid 1px #066616;
}
/* Show or hide the id cells */
.ContentHeaderCellID
{
	visibility: hidden;
	display: none;	
}
.ContentCellID
{
	visibility: hidden;
	display: none;	
}
/* Set width for check and "No." column */
.ContentHeaderCellCheck
{
	padding: 0px 5px 0px 4px;
	width: 16px;
	height: 16px;
}
.ContentCellCheck
{
	cursor: pointer;
	padding: 2px 5px 2px 4px;
	vertical-align: top;
	width: 16px;
	height: 16px;
}
.ContentCellCheck SPAN
{
	display: block;
	margin: 0px 0px 0px 0px;
	background: url("../../Images/check16.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 16px;
	height: 16px;
}
.ContentCellCheck INPUT
{
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	width: 16px;
	border: none 0px Transparent;
}
.AlternativeRowSelected .ContentCellCheck SPAN,
.ContentRowSelected .ContentCellCheck SPAN
{
	background-position: 0px -40px;
}
.ContentHeaderCellItem
{
	width: 50px;	
}
/* For menu */
.MenuRoot
{
	display: inline;
}
/* Conditions for lists */
.Cond1,
.Cond2,
.Cond3
{
	padding-right: 20px;
	display: inline;
}
.tick
{
	width: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../../Images/tick.gif");
	background-repeat: no-repeat;
	background-position: center center;
}
.Tooltip
{
	background-color: #ffffaa;
	border: solid 1px Green;
	width: 300px;
	font-size: 80%;
	position: absolute;
	padding: 3px;
}
.SATooltip
{
	background-color: #ffffaa;
	border: solid 2px Green;
	width: 125px;
	font-size: 120%;
	position: absolute;
	padding: 3px;
}
/* Added Delete, Edit, Clone buttons for QF types management page */
.ContentHeaderCellEdit
{
    width: 70px;
}
.ContentCellEdit
{
    vertical-align: top;
    width: 70px;
}
.firstLine1,
.firstLine2,
.firstLine3,
.secondLine1,
.secondLine3,
.thirdLine1,
.thirdLine2,
.thirdLine3
{
	background-image: url("../../Images/EmFrame20Green1.gif");
	background-color: Transparent;
	filter: alpha(opacity=100%);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.firstLine1
{
	position: absolute;
	top: -10px;
	left: -10px;
	width: 10px;
	height: 10px;
	background-position: 0px -40px;
}
.firstLine2
{
	position: absolute;
	top: -10px;
	left: 0px;
	right: 0px;
	height: 10px;
}
.firstLine3
{
	position: absolute;
	width: 10px;
	height: 10px;
	top: -10px;
	right: -10px;
	background-position: -10px -60px;
}
.secondLine1
{
	position: absolute;
	left: -10px;
	width: 10px;
	height: 100%;
	background-position: -20px -40px;
}
.secondLine2
{
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 100%;
}
.secondLine3
{
	position: absolute;
	width: 10px;
	height: 100%;
	right: -10px;
	top: 0px;
	background-position: -50px -40px;
}
.thirdLine1
{
	position: absolute;
	width: 10px;
	height: 10px;
	left: -10px;
	background-position: 0px -110px;
}
.thirdLine2
{
	position: absolute;
	left: 0px;
	right: 0px;
	height: 10px;
	background-position: 0px -30px;
}
.thirdLine3
{
	position: absolute;
	width: 10px;
	height: 10px;
	right: -10px;
	background-position: -10px -90px;
}
.PopupFrame
{
	background-color: Transparent;
	z-index: 10;
	border: solid 1px #48902D;
	position: absolute;
}
.ajax__calendar_container
{
    z-index: 200;
}
.CallMe
{
	height: 40px;
	width: 40px;
	background-image: url("/Images/call-me.png");
	margin: 3px 0 0 5px;
	border: none;
	cursor: pointer;
}
.CallMe:hover
{
    background-image: url("/Images/call-me-hover.png");
    }
.EmailSentMsg
{
    position: absolute;
    top: -40px; left: 360px; 
    color: #80c030; 
    font-size: 90%; 
    font-family: Verdana, Arial, Sans-Serif;
    }

#SearchResultsDiv a, #PagerDiv a{
    color:#1a0dab;
}

.favourite-colors-container {
	margin-bottom: 10px;
}

.favourite-colors {
}

.favourite-colors h6 {
	font-size: 12px;
	margin: 0 !important;
}

.favourite-colors ul {
	max-width: 120px;
	
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 1px;
}

	.favourite-colors li {
		width: 18px;
		height: 18px;
	}

.favourite-colors li:hover {
}

	.favourite-colors ul span {
		display: inline-block !important;
		width: 12px !important;
		height: 12px !important;
		border: 1px solid rgb(128, 128, 128, .5) !important;
	}

.favourite-colors li.locked span {
	border: 2px solid rgb(128, 128, 128) !important;
}

	.lender-colours {
		margin-top: 10px;
	}
.add-favourite-colors {
	position: absolute;
	font-size: 12px;
	padding: 10px;
	background: white;
	z-index: 9999999;
	border: 1px solid rgb(128, 128, 128);
}

	.add-favourite-colors span {
		cursor: pointer !important;
		display: inline-block !important;
		width: 12px !important;
		height: 12px !important;
		border: 1px solid rgb(128, 128, 128) !important;
	}
	
	.add-favourite-colors li.locked span {
		border: 2px solid rgb(128, 128, 128) !important;
	}

.error-maximum-color {
	color: brown;
}


.ck-toolbar__items .favourite-colors-container {
	display: flex;
}

	.ck-toolbar__items .favourite-colors-container * {
		font: normal normal normal 12px Arial !important;
	}

	.ck-toolbar__items .favourite-colors-container .recent-colours {
		margin-right: 10px
	}