@import "http://www.colorlord.com/colourgeneral.css";
.swatch.Multi .colourTab {
background-color: #ccd1ad;
}
.swatch.Multi .hint {
border-bottom: 3px solid #ccd1ad;
border-top: 1px solid #ccd1ad;
border-left: 1px solid #ccd1ad;
border-right: 1px solid #ccd1ad;
background-color: #FFF;
}
.swatch.Green .colourTab {
background-color: #54b54a;
}
.swatch.Green .hint {
border-bottom: 3px solid #54b54a;
border-top: 1px solid #54b54a;
border-left: 1px solid #54b54a;
border-right: 1px solid #54b54a;
background-color: #FFF;
}
.swatch.White .colourTab {
background-color: #ffffff;
}
.swatch.White .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.Yellow .colourTab {
background-color: #f9e906;
}
.swatch.Yellow .hint {
border-bottom: 3px solid #f9e906;
border-top: 1px solid #f9e906;
border-left: 1px solid #f9e906;
border-right: 1px solid #f9e906;
background-color: #FFF;
}
.swatch.Blue .colourTab {
background-color: #0d28e7;
}
.swatch.Blue .hint {
border-bottom: 3px solid #0d28e7;
border-top: 1px solid #0d28e7;
border-left: 1px solid #0d28e7;
border-right: 1px solid #0d28e7;
background-color: #FFF;
}
.swatch.Red .colourTab {
background-color: #f02f28;
}
.swatch.Red .hint {
border-bottom: 3px solid #f02f28;
border-top: 1px solid #f02f28;
border-left: 1px solid #f02f28;
border-right: 1px solid #f02f28;
background-color: #FFF;
}
.swatch.Chocolate .colourTab {
background-color: #591408;
}
.swatch.Chocolate .hint {
border-bottom: 3px solid #591408;
border-top: 1px solid #591408;
border-left: 1px solid #591408;
border-right: 1px solid #591408;
background-color: #FFF;
}
.swatch.Clementine .colourTab {
background-color: #ffdebd;
}
.swatch.Clementine .hint {
border-bottom: 3px solid #ffdebd;
border-top: 1px solid #ffdebd;
border-left: 1px solid #ffdebd;
border-right: 1px solid #ffdebd;
background-color: #FFF;
}
.swatch.MetallicGreen .colourTab {
background-color: #06d501;
}
.swatch.MetallicGreen .hint {
border-bottom: 3px solid #06d501;
border-top: 1px solid #06d501;
border-left: 1px solid #06d501;
border-right: 1px solid #06d501;
background-color: #FFF;
}
.swatch.MetallicPurple .colourTab {
background-color: #830183;
}
.swatch.MetallicPurple .hint {
border-bottom: 3px solid #830183;
border-top: 1px solid #830183;
border-left: 1px solid #830183;
border-right: 1px solid #830183;
background-color: #FFF;
}
.swatch.MetallicYellow .colourTab {
background-color: #fcea27;
}
.swatch.MetallicYellow .hint {
border-bottom: 3px solid #fcea27;
border-top: 1px solid #fcea27;
border-left: 1px solid #fcea27;
border-right: 1px solid #fcea27;
background-color: #FFF;
}
.swatch.MetallicBlue .colourTab {
background-color: #202dfe;
}
.swatch.MetallicBlue .hint {
border-bottom: 3px solid #202dfe;
border-top: 1px solid #202dfe;
border-left: 1px solid #202dfe;
border-right: 1px solid #202dfe;
background-color: #FFF;
}
.swatch.MetallicPink .colourTab {
background-color: #fea5fe;
}
.swatch.MetallicPink .hint {
border-bottom: 3px solid #fea5fe;
border-top: 1px solid #fea5fe;
border-left: 1px solid #fea5fe;
border-right: 1px solid #fea5fe;
background-color: #FFF;
}
.swatch.LuminousYellow .colourTab {
background-color: #ffff14;
}
.swatch.LuminousYellow .hint {
border-bottom: 3px solid #ffff14;
border-top: 1px solid #ffff14;
border-left: 1px solid #ffff14;
border-right: 1px solid #ffff14;
background-color: #FFF;
}
.swatch.GlitterSilver .colourTab {
background-color: #C5C5C5;
}
.swatch.GlitterSilver .hint {
border-bottom: 3px solid #C5C5C5;
border-top: 1px solid #C5C5C5;
border-left: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5;
background-color: #FFF;
}
.swatch.PastelLemon .colourTab {
background-color: #FFFD3B;
}
.swatch.PastelLemon .hint {
border-bottom: 3px solid #FFFD3B;
border-top: 1px solid #FFFD3B;
border-left: 1px solid #FFFD3B;
border-right: 1px solid #FFFD3B;
background-color: #FFF;
}
.swatch.PastelPeach .colourTab {
background-color: #FFE1A8;
}
.swatch.PastelPeach .hint {
border-bottom: 3px solid #FFE1A8;
border-top: 1px solid #FFE1A8;
border-left: 1px solid #FFE1A8;
border-right: 1px solid #FFE1A8;
background-color: #FFF;
}
.swatch.PastelPink .colourTab {
background-color: #FF9DFF;
}
.swatch.PastelPink .hint {
border-bottom: 3px solid #FF9DFF;
border-top: 1px solid #FF9DFF;
border-left: 1px solid #FF9DFF;
border-right: 1px solid #FF9DFF;
background-color: #FFF;
}
.swatch.PastelGreen .colourTab {
background-color: #50C878;
}
.swatch.PastelGreen .hint {
border-bottom: 3px solid #50C878;
border-top: 1px solid #50C878;
border-left: 1px solid #50C878;
border-right: 1px solid #50C878;
background-color: #FFF;
}
.swatch.PastelLilac .colourTab {
background-color: #7D09A9;
}
.swatch.PastelLilac .hint {
border-bottom: 3px solid #7D09A9;
border-top: 1px solid #7D09A9;
border-left: 1px solid #7D09A9;
border-right: 1px solid #7D09A9;
background-color: #FFF;
}
.swatch.PastelBlue .colourTab {
background-color: #90DFFF;
}
.swatch.PastelBlue .hint {
border-bottom: 3px solid #90DFFF;
border-top: 1px solid #90DFFF;
border-left: 1px solid #90DFFF;
border-right: 1px solid #90DFFF;
background-color: #FFF;
}
.swatch.Skin6 .colourTab {
background-color: #4F4034;
}
.swatch.Skin6 .hint {
border-bottom: 3px solid #4F4034;
border-top: 1px solid #4F4034;
border-left: 1px solid #4F4034;
border-right: 1px solid #4F4034;
background-color: #FFF;
}
.swatch.Skin5 .colourTab {
background-color: #C6741E;
}
.swatch.Skin5 .hint {
border-bottom: 3px solid #C6741E;
border-top: 1px solid #C6741E;
border-left: 1px solid #C6741E;
border-right: 1px solid #C6741E;
background-color: #FFF;
}
.swatch.Skin4 .colourTab {
background-color: #97816B;
}
.swatch.Skin4 .hint {
border-bottom: 3px solid #97816B;
border-top: 1px solid #97816B;
border-left: 1px solid #97816B;
border-right: 1px solid #97816B;
background-color: #FFF;
}
.swatch.Skin3 .colourTab {
background-color: #C0A582;
}
.swatch.Skin3 .hint {
border-bottom: 3px solid #C0A582;
border-top: 1px solid #C0A582;
border-left: 1px solid #C0A582;
border-right: 1px solid #C0A582;
background-color: #FFF;
}
.swatch.Skin2 .colourTab {
background-color: #FFE1A8;
}
.swatch.Skin2 .hint {
border-bottom: 3px solid #FFE1A8;
border-top: 1px solid #FFE1A8;
border-left: 1px solid #FFE1A8;
border-right: 1px solid #FFE1A8;
background-color: #FFF;
}
.swatch.Skin1 .colourTab {
background-color: #F3D5AD;
}
.swatch.Skin1 .hint {
border-bottom: 3px solid #F3D5AD;
border-top: 1px solid #F3D5AD;
border-left: 1px solid #F3D5AD;
border-right: 1px solid #F3D5AD;
background-color: #FFF;
}
.swatch.PearlescentBlue .colourTab {
background-color: #008CFF;
}
.swatch.PearlescentBlue .hint {
border-bottom: 3px solid #008CFF;
border-top: 1px solid #008CFF;
border-left: 1px solid #008CFF;
border-right: 1px solid #008CFF;
background-color: #FFF;
}
.swatch.PearlescentGreen .colourTab {
background-color: #50C878;
}
.swatch.PearlescentGreen .hint {
border-bottom: 3px solid #50C878;
border-top: 1px solid #50C878;
border-left: 1px solid #50C878;
border-right: 1px solid #50C878;
background-color: #FFF;
}
.swatch.PearlescentPink .colourTab {
background-color: #FE00CC;
}
.swatch.PearlescentPink .hint {
border-bottom: 3px solid #FE00CC;
border-top: 1px solid #FE00CC;
border-left: 1px solid #FE00CC;
border-right: 1px solid #FE00CC;
background-color: #FFF;
}
.swatch.PearlescentRed .colourTab {
background-color: #FF0306;
}
.swatch.PearlescentRed .hint {
border-bottom: 3px solid #FF0306;
border-top: 1px solid #FF0306;
border-left: 1px solid #FF0306;
border-right: 1px solid #FF0306;
background-color: #FFF;
}
.swatch.Black .colourTab {
background-color: #000000;
}
.swatch.Black .hint {
border-bottom: 3px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFF;
}
.swatch.BrilliantBlue .colourTab {
background-color: #0000FF;
}
.swatch.BrilliantBlue .hint {
border-bottom: 3px solid #0000FF;
border-top: 1px solid #0000FF;
border-left: 1px solid #0000FF;
border-right: 1px solid #0000FF;
background-color: #FFF;
}
.swatch.BrilliantGreen .colourTab {
background-color: #06C701;
}
.swatch.BrilliantGreen .hint {
border-bottom: 3px solid #06C701;
border-top: 1px solid #06C701;
border-left: 1px solid #06C701;
border-right: 1px solid #06C701;
background-color: #FFF;
}
.swatch.BrilliantRed .colourTab {
background-color: #FF0000;
}
.swatch.BrilliantRed .hint {
border-bottom: 3px solid #FF0000;
border-top: 1px solid #FF0000;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
background-color: #FFF;
}
.swatch.BrilliantYellow .colourTab {
background-color: #FDE910;
}
.swatch.BrilliantYellow .hint {
border-bottom: 3px solid #FDE910;
border-top: 1px solid #FDE910;
border-left: 1px solid #FDE910;
border-right: 1px solid #FDE910;
background-color: #FFF;
}
.swatch.BurntSienna .colourTab {
background-color: #831501;
}
.swatch.BurntSienna .hint {
border-bottom: 3px solid #831501;
border-top: 1px solid #831501;
border-left: 1px solid #831501;
border-right: 1px solid #831501;
background-color: #FFF;
}
.swatch.BurntUmber .colourTab {
background-color: #5E0E00;
}
.swatch.BurntUmber .hint {
border-bottom: 3px solid #5E0E00;
border-top: 1px solid #5E0E00;
border-left: 1px solid #5E0E00;
border-right: 1px solid #5E0E00;
background-color: #FFF;
}
.swatch.PearlescentViolet .colourTab {
background-color: #cb3efe;
}
.swatch.PearlescentViolet .hint {
border-bottom: 3px solid #cb3efe;
border-top: 1px solid #cb3efe;
border-left: 1px solid #cb3efe;
border-right: 1px solid #cb3efe;
background-color: #FFF;
}
.swatch.PearlescentYellow .colourTab {
background-color: #FDE910;
}
.swatch.PearlescentYellow .hint {
border-bottom: 3px solid #FDE910;
border-top: 1px solid #FDE910;
border-left: 1px solid #FDE910;
border-right: 1px solid #FDE910;
background-color: #FFF;
}
.swatch.GlitterBlue .colourTab {
background-color: #2A2BFC;
}
.swatch.GlitterBlue .hint {
border-bottom: 3px solid #2A2BFC;
border-top: 1px solid #2A2BFC;
border-left: 1px solid #2A2BFC;
border-right: 1px solid #2A2BFC;
background-color: #FFF;
}
.swatch.Chartreuse .colourTab {
background-color: #CFB53B;
}
.swatch.Chartreuse .hint {
border-bottom: 3px solid #CFB53B;
border-top: 1px solid #CFB53B;
border-left: 1px solid #CFB53B;
border-right: 1px solid #CFB53B;
background-color: #FFF;
}
.swatch.Dazzelberry .colourTab {
background-color: #7F007F;
}
.swatch.Dazzelberry .hint {
border-bottom: 3px solid #7F007F;
border-top: 1px solid #7F007F;
border-left: 1px solid #7F007F;
border-right: 1px solid #7F007F;
background-color: #FFF;
}
.swatch.Disco .colourTab {
background-color: #ffffff;
}
.swatch.Disco .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.ElectricLime .colourTab {
background-color: #11C810;
}
.swatch.ElectricLime .hint {
border-bottom: 3px solid #11C810;
border-top: 1px solid #11C810;
border-left: 1px solid #11C810;
border-right: 1px solid #11C810;
background-color: #FFF;
}
.swatch.ExtremeTangerine .colourTab {
background-color: #FFFB00;
}
.swatch.ExtremeTangerine .hint {
border-bottom: 3px solid #FFFB00;
border-top: 1px solid #FFFB00;
border-left: 1px solid #FFFB00;
border-right: 1px solid #FFFB00;
background-color: #FFF;
}
.swatch.GlitterGold .colourTab {
background-color: #FEDB1E;
}
.swatch.GlitterGold .hint {
border-bottom: 3px solid #FEDB1E;
border-top: 1px solid #FEDB1E;
border-left: 1px solid #FEDB1E;
border-right: 1px solid #FEDB1E;
background-color: #FFF;
}
.swatch.GlitterGreen .colourTab {
background-color: #60DA60;
}
.swatch.GlitterGreen .hint {
border-bottom: 3px solid #60DA60;
border-top: 1px solid #60DA60;
border-left: 1px solid #60DA60;
border-right: 1px solid #60DA60;
background-color: #FFF;
}
.swatch.GlitterMulti .colourTab {
background-color: #C0C1BE;
}
.swatch.GlitterMulti .hint {
border-bottom: 3px solid #C0C1BE;
border-top: 1px solid #C0C1BE;
border-left: 1px solid #C0C1BE;
border-right: 1px solid #C0C1BE;
background-color: #FFF;
}
.swatch.GlitterNeonYellow .colourTab {
background-color: #FFDD2C;
}
.swatch.GlitterNeonYellow .hint {
border-bottom: 3px solid #FFDD2C;
border-top: 1px solid #FFDD2C;
border-left: 1px solid #FFDD2C;
border-right: 1px solid #FFDD2C;
background-color: #FFF;
}
.swatch.GlitterPurple .colourTab {
background-color: #6b00db;
}
.swatch.GlitterPurple .hint {
border-bottom: 3px solid #6b00db;
border-top: 1px solid #6b00db;
border-left: 1px solid #6b00db;
border-right: 1px solid #6b00db;
background-color: #FFF;
}
.swatch.GlitterRed .colourTab {
background-color: #f50000;
}
.swatch.GlitterRed .hint {
border-bottom: 3px solid #f50000;
border-top: 1px solid #f50000;
border-left: 1px solid #f50000;
border-right: 1px solid #f50000;
background-color: #FFF;
}
.swatch.GlitterShockingPink .colourTab {
background-color: #ff33cc;
}
.swatch.GlitterShockingPink .hint {
border-bottom: 3px solid #ff33cc;
border-top: 1px solid #ff33cc;
border-left: 1px solid #ff33cc;
border-right: 1px solid #ff33cc;
background-color: #FFF;
}
.swatch.FluorescentBlue .colourTab {
background-color: #0070FF;
}
.swatch.FluorescentBlue .hint {
border-bottom: 3px solid #0070FF;
border-top: 1px solid #0070FF;
border-left: 1px solid #0070FF;
border-right: 1px solid #0070FF;
background-color: #FFF;
}
.swatch.FluorescentGreen .colourTab {
background-color: #00FF00;
}
.swatch.FluorescentGreen .hint {
border-bottom: 3px solid #00FF00;
border-top: 1px solid #00FF00;
border-left: 1px solid #00FF00;
border-right: 1px solid #00FF00;
background-color: #FFF;
}
.swatch.FluorescentOrange .colourTab {
background-color: #FF9700;
}
.swatch.FluorescentOrange .hint {
border-bottom: 3px solid #FF9700;
border-top: 1px solid #FF9700;
border-left: 1px solid #FF9700;
border-right: 1px solid #FF9700;
background-color: #FFF;
}
.swatch.FluorescentPink .colourTab {
background-color: #FE00CC;
}
.swatch.FluorescentPink .hint {
border-bottom: 3px solid #FE00CC;
border-top: 1px solid #FE00CC;
border-left: 1px solid #FE00CC;
border-right: 1px solid #FE00CC;
background-color: #FFF;
}
.swatch.FluorescentRed .colourTab {
background-color: #FE2400;
}
.swatch.FluorescentRed .hint {
border-bottom: 3px solid #FE2400;
border-top: 1px solid #FE2400;
border-left: 1px solid #FE2400;
border-right: 1px solid #FE2400;
background-color: #FFF;
}
.swatch.AntiqueGold .colourTab {
background-color: #CFB53B;
}
.swatch.AntiqueGold .hint {
border-bottom: 3px solid #CFB53B;
border-top: 1px solid #CFB53B;
border-left: 1px solid #CFB53B;
border-right: 1px solid #CFB53B;
background-color: #FFF;
}
.swatch.Bronze .colourTab {
background-color: #cfa159;
}
.swatch.Bronze .hint {
border-bottom: 3px solid #cfa159;
border-top: 1px solid #cfa159;
border-left: 1px solid #cfa159;
border-right: 1px solid #cfa159;
background-color: #FFF;
}
.swatch.Copper .colourTab {
background-color: #B87333;
}
.swatch.Copper .hint {
border-bottom: 3px solid #B87333;
border-top: 1px solid #B87333;
border-left: 1px solid #B87333;
border-right: 1px solid #B87333;
background-color: #FFF;
}
.swatch.Gold .colourTab {
background-color: #FFD700;
}
.swatch.Gold .hint {
border-bottom: 3px solid #FFD700;
border-top: 1px solid #FFD700;
border-left: 1px solid #FFD700;
border-right: 1px solid #FFD700;
background-color: #FFF;
}
.swatch.Pewter .colourTab {
background-color: #C1BFD2;
}
.swatch.Pewter .hint {
border-bottom: 3px solid #C1BFD2;
border-top: 1px solid #C1BFD2;
border-left: 1px solid #C1BFD2;
border-right: 1px solid #C1BFD2;
background-color: #FFF;
}
.swatch.Silver .colourTab {
background-color: #d0d2c6;
}
.swatch.Silver .hint {
border-bottom: 3px solid #d0d2c6;
border-top: 1px solid #d0d2c6;
border-left: 1px solid #d0d2c6;
border-right: 1px solid #d0d2c6;
background-color: #FFF;
}
.swatch.Cerise .colourTab {
background-color: #DE3163;
}
.swatch.Cerise .hint {
border-bottom: 3px solid #DE3163;
border-top: 1px solid #DE3163;
border-left: 1px solid #DE3163;
border-right: 1px solid #DE3163;
background-color: #FFF;
}
.swatch.Clear .colourTab {
background-color: #f6f9f9;
}
.swatch.Clear .hint {
border-bottom: 3px solid #f6f9f9;
border-top: 1px solid #f6f9f9;
border-left: 1px solid #f6f9f9;
border-right: 1px solid #f6f9f9;
background-color: #FFF;
}
.swatch.CobaltBlue .colourTab {
background-color: #0047AB;
}
.swatch.CobaltBlue .hint {
border-bottom: 3px solid #0047AB;
border-top: 1px solid #0047AB;
border-left: 1px solid #0047AB;
border-right: 1px solid #0047AB;
background-color: #FFF;
}
.swatch.FluorescentYellow .colourTab {
background-color: #f4ff00;
}
.swatch.FluorescentYellow .hint {
border-bottom: 3px solid #f4ff00;
border-top: 1px solid #f4ff00;
border-left: 1px solid #f4ff00;
border-right: 1px solid #f4ff00;
background-color: #FFF;
}
.swatch.Peach .colourTab {
background-color: #FEE3AB;
}
.swatch.Peach .hint {
border-bottom: 3px solid #FEE3AB;
border-top: 1px solid #FEE3AB;
border-left: 1px solid #FEE3AB;
border-right: 1px solid #FEE3AB;
background-color: #FFF;
}
.swatch.Pink .colourTab {
background-color: #FF9DFF;
}
.swatch.Pink .hint {
border-bottom: 3px solid #FF9DFF;
border-top: 1px solid #FF9DFF;
border-left: 1px solid #FF9DFF;
border-right: 1px solid #FF9DFF;
background-color: #FFF;
}
.swatch.PrussianBlue .colourTab {
background-color: #003153;
}
.swatch.PrussianBlue .hint {
border-bottom: 3px solid #003153;
border-top: 1px solid #003153;
border-left: 1px solid #003153;
border-right: 1px solid #003153;
background-color: #FFF;
}
.swatch.Purple .colourTab {
background-color: #7F007F;
}
.swatch.Purple .hint {
border-bottom: 3px solid #7F007F;
border-top: 1px solid #7F007F;
border-left: 1px solid #7F007F;
border-right: 1px solid #7F007F;
background-color: #FFF;
}
.swatch.SeaGreen .colourTab {
background-color: #2E8B57;
}
.swatch.SeaGreen .hint {
border-bottom: 3px solid #2E8B57;
border-top: 1px solid #2E8B57;
border-left: 1px solid #2E8B57;
border-right: 1px solid #2E8B57;
background-color: #FFF;
}
.swatch.SkyBlue .colourTab {
background-color: #90DFFF;
}
.swatch.SkyBlue .hint {
border-bottom: 3px solid #90DFFF;
border-top: 1px solid #90DFFF;
border-left: 1px solid #90DFFF;
border-right: 1px solid #90DFFF;
background-color: #FFF;
}
.swatch.Turquoise .colourTab {
background-color: #33D7B6;
}
.swatch.Turquoise .hint {
border-bottom: 3px solid #33D7B6;
border-top: 1px solid #33D7B6;
border-left: 1px solid #33D7B6;
border-right: 1px solid #33D7B6;
background-color: #FFF;
}
.swatch.Vermillion .colourTab {
background-color: #FD4838;
}
.swatch.Vermillion .hint {
border-bottom: 3px solid #FD4838;
border-top: 1px solid #FD4838;
border-left: 1px solid #FD4838;
border-right: 1px solid #FD4838;
background-color: #FFF;
}
.swatch.Violet .colourTab {
background-color: #8601AF;
}
.swatch.Violet .hint {
border-bottom: 3px solid #8601AF;
border-top: 1px solid #8601AF;
border-left: 1px solid #8601AF;
border-right: 1px solid #8601AF;
background-color: #FFF;
}
.swatch.Viridian .colourTab {
background-color: #01AA50;
}
.swatch.Viridian .hint {
border-bottom: 3px solid #01AA50;
border-top: 1px solid #01AA50;
border-left: 1px solid #01AA50;
border-right: 1px solid #01AA50;
background-color: #FFF;
}
.swatch.White .colourTab {
background-color: #ffffff;
}
.swatch.White .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.YellowOchre .colourTab {
background-color: #CAB000;
}
.swatch.YellowOchre .hint {
border-bottom: 3px solid #CAB000;
border-top: 1px solid #CAB000;
border-left: 1px solid #CAB000;
border-right: 1px solid #CAB000;
background-color: #FFF;
}
.swatch.Crimson .colourTab {
background-color: #DB143C;
}
.swatch.Crimson .hint {
border-bottom: 3px solid #DB143C;
border-top: 1px solid #DB143C;
border-left: 1px solid #DB143C;
border-right: 1px solid #DB143C;
background-color: #FFF;
}
.swatch.Cyan .colourTab {
background-color: #01B7EB;
}
.swatch.Cyan .hint {
border-bottom: 3px solid #01B7EB;
border-top: 1px solid #01B7EB;
border-left: 1px solid #01B7EB;
border-right: 1px solid #01B7EB;
background-color: #FFF;
}
.swatch.EmeraldGreen .colourTab {
background-color: #50C878;
}
.swatch.EmeraldGreen .hint {
border-bottom: 3px solid #50C878;
border-top: 1px solid #50C878;
border-left: 1px solid #50C878;
border-right: 1px solid #50C878;
background-color: #FFF;
}
.swatch.Grey .colourTab {
background-color: #C1BFD2;
}
.swatch.Grey .hint {
border-bottom: 3px solid #C1BFD2;
border-top: 1px solid #C1BFD2;
border-left: 1px solid #C1BFD2;
border-right: 1px solid #C1BFD2;
background-color: #FFF;
}
.swatch.LeafGreen .colourTab {
background-color: #00FF00;
}
.swatch.LeafGreen .hint {
border-bottom: 3px solid #00FF00;
border-top: 1px solid #00FF00;
border-left: 1px solid #00FF00;
border-right: 1px solid #00FF00;
background-color: #FFF;
}
.swatch.Lemon .colourTab {
background-color: #fff138;
}
.swatch.Lemon .hint {
border-bottom: 3px solid #fff138;
border-top: 1px solid #fff138;
border-left: 1px solid #fff138;
border-right: 1px solid #fff138;
background-color: #FFF;
}
.swatch.Orange .colourTab {
background-color: #FE7F00;
}
.swatch.Orange .hint {
border-bottom: 3px solid #FE7F00;
border-top: 1px solid #FE7F00;
border-left: 1px solid #FE7F00;
border-right: 1px solid #FE7F00;
background-color: #FFF;
}