.white        {background-color: #fff; color : #000;}
.vvvlightgrey {background-color: #f8f8f8; color : #000;}
.vvlightgrey  {background-color: #eee; color : #000;}
.vlightgrey   {background-color: #ccc; color : #000;}
.lightgrey    {background-color: #bbb; color : #000;}
.mediumgrey   {background-color: #999; color : #fff;}
.darkgrey     {background-color: #666; color : #fff;}
.vdarkgrey    {background-color: #333; color : #fff;}
.vvdarkgrey   {background-color: #111; color : #fff;}
.black        {background-color: #000; color : #fff;}

<!-- Colour classes that specify only the foreground colour -->

.whitetext {color : #fff;}
.vlightgreytext {color : #eee;}
.lightgreytext {color : #ccc;}
.greytext {color : #999;}
.mediumgreytext {color : #999;}
.darkgreytext {color : #666;}
.vdarkgreytext {color : #333;}
.blacktext {color : #000;}

.lblue  {color : 77c8fb;}
.blue   {color : 848eb3;}
.dblue  {color:3c6680;}
.vdblue {color:3b406b;}

.lred {color : f49daf;}
.red {color : ed728c;}
.dred {color : da7389;}

.lgrey {color : #dfdfdf;}
.grey {color : #bdbdbd;}
.dgrey  {color : #838383;}

.lorange {color : f4bc9d;}
.orange {color : eda072;}
.dorange {color : da9673;}

.lorangeback {background-color : f4bc9d;}
.orangeback {background-color : eda072;}
.dorangeback {background-color : da9673;}

.lgreyback {background-color : #dfdfdf;}
.greyback  {background-color : #bdbdbd;}
.dgreyback {background-color : #838383;}

.lblueback  {background-color : 77c8fb;}
.blueback   {background-color : 848eb3;}
.dblueback  {background-color:3c6680;}
.vdblueback {background-color:3b406b;}

.lredback {background-color : f49daf;}
.redback {background-color : ed728c;}
.dredback {background-color : da7389;}