.aliceblue  {
    background-color: #F0F8FF;   
}
.aliceblue:hover {
    background-color: #FFFFFF;   
}
.aliceblue:active {
    background-color: #F0F8FF;   
}
.aliceblue:pressed {
    background-color: #F0F8FF;   
}


.antiquewhite  {
    background-color: #FAEBD7;   
}
.antiquewhite:hover {
    background-color: #FFFFE0;   
}
.antiquewhite:active {
    background-color: #FAEBD7;   
}
.antiquewhite:pressed {
    background-color: #FAEBD7;   
}



.aqua  {
    background-color: #00FFFF;   
}
.aqua:hover {
    background-color: #BEFFD2;   
}
.aqua:active {
    background-color: #00FFFF;   
}
.aqua:pressed {
    background-color: #00FFFF;   
}


.aquamarine  {
    background-color: #F0F8FF;   
}
.aquamarine:hover {
    background-color: #DEF6F6;   
}
.aquamarine:active {
    background-color: #F0F8FF;   
}
.aquamarine:pressed {
    background-color: #F0F8FF;   
}


.azure  {
    background-color: #F0FFFF;   
}
.azure:hover {
    background-color: #C6D1DB;   
}
.azure:active {
    background-color: #F0FFFF;   
}
.azure:pressed {
    background-color: #F0FFFF;   
}


.beige  {
    background-color: #F5F5DC;   
}
.beige:hover {
    background-color: #BA5C00;   
}
.beige:active {
    background-color: #F5F5DC;   
}
.beige:pressed {
    background-color: #F5F5DC;   
}


.bisque  {
    background-color: #FFE4C4;   
}
.bisque:hover {
    background-color: #B28767;   
}
.bisque:active {
    background-color: #FFE4C4;   
}
.bisque:pressed {
    background-color: #FFE4C4;   
}


.black  {
    background-color: #000000;   
}
.black:hover {
    background-color: #373541;   
}
.black:active {
    background-color: #000000;   
}
.black:pressed {
    background-color: #000000;   
}


.blanchedalmond  {
    background-color: #FFEBCD;   
}
.blanchedalmond:hover {
    background-color: #D8BF97;   
}
.blanchedalmond:active {
    background-color: #FFEBCD;   
}
.blanchedalmond:pressed {
    background-color: #FFEBCD;   
}


.blue  {
    background-color: #0000FF;   
}
.blue:hover {
    background-color: #004FFD;   
}
.blue:active {
    background-color: #0000FF;   
}
.blue:pressed {
    background-color: #0000FF;   
}


.blueviolet  {
    background-color: #8A2BE2;   
}
.blueviolet:hover {
    background-color: #5F9EA0;   
}
.blueviolet:active {
    background-color: #8A2BE2;   
}
.blueviolet:pressed {
    background-color: #8A2BE2;   
}


.brown  {
    background-color: #A52A2A;   
}
.brown:hover {
    background-color: #EE3B3B;   
}
.brown:active {
    background-color: #A52A2A;   
}
.brown:pressed {
    background-color: #A52A2A;   
}


.burlywood  {
    background-color: #DEB887;   
}
.burlywood:hover {
    background-color: #FFD39B;   
}
.burlywood:active {
    background-color: #DEB887;   
}
.burlywood:pressed {
    background-color: #DEB887;   
}


.cadetblue  {
    background-color: #5F9EA0;   
}
.cadetblue:hover {
    background-color: #7AC5CD;   
}
.cadetblue:active {
    background-color: #5F9EA0;   
}
.cadetblue:pressed {
    background-color: #5F9EA0;   
}



.chartreuse  {
    background-color: #7FFF00;   
}
.chartreuse:hover {
    background-color: #76EE00;   
}
.chartreuse:active {
    background-color: #7FFF00;   
}
.chartreuse:pressed {
    background-color: #7FFF00;   
}


.chocolate  {
    background-color: #D2691E;   
}
.chocolate:hover {
    background-color: #EE7621;   
}
.chocolate:active {
    background-color: #D2691E;   
}
.chocolate:pressed {
    background-color: #D2691E;   
}


.coral  {
    background-color: #FF7F50;   
}
.coral:hover {
    background-color: #EE6A50;   
}
.coral:active {
    background-color: #FF7F50;   
}
.coral:pressed {
    background-color: #FF7F50;   
}


.cornflowerblue  {
    background-color: #5F9EA0;   
}
.cornflowerblue:hover {
    background-color: #00BFFF;   
}
.cornflowerblue:active {
    background-color: #5F9EA0;   
}
.cornflowerblue:pressed {
    background-color: #5F9EA0;   
}


.cornsilk  {
    background-color: #5F9EA0;   
}
.cornsilk:hover {
    background-color: #FFEFD5;   
}
.cornsilk:active {
    background-color: #5F9EA0;   
}
.cornsilk:pressed {
    background-color: #5F9EA0;   
}


.cornflowerblue  {
    background-color: #6495ED;   
}
.cornflowerblue:hover {
    background-color: #00BFFF;   
}
.cornflowerblue:active {
    background-color: #6495ED;   
}
.cornflowerblue:pressed {
    background-color: #6495ED;   
}


.cyan  {
    background-color: #00FFFF;   
}
.cyan:hover {
    background-color: #00CDCD;   
}
.cyan:active {
    background-color: #00FFFF;   
}
.cyan:pressed {
    background-color: #00FFFF;   
}


.darkblue  {
    background-color: #00008B;   
}
.darkblue:hover {
    background-color: #0000EE;   
}
.darkblue:active {
    background-color: #00008B;   
}
.darkblue:pressed {
    background-color: #00008B;   
}


.darkcyan  {
    background-color: #5F9EA0;   
}
.darkcyan:hover {
    background-color: #00C5CD;   
}
.darkcyan:active {
    background-color: #5F9EA0;   
}
.darkcyan:pressed {
    background-color: #5F9EA0;   
}


.darkgoldenrod  {
    background-color: #B8860B;   
}
.darkgoldenrod:hover {
    background-color: #EEAD0E;   
}
.darkgoldenrod:active {
    background-color: #B8860B;   
}
.darkgoldenrod:pressed {
    background-color: #B8860B;   
}


.darkgray  {
    background-color: #A9A9A9;   
}
.darkgray:hover {
    background-color: #696969;   
}
.darkgray:active {
    background-color: #A9A9A9;   
}
.darkgray:pressed {
    background-color: #A9A9A9;   
}


.darkkhaki  {
    background-color: #BDB76B;   
}
.darkkhaki:hover {
    background-color: #A2CD5A;   
}
.darkkhaki:active {
    background-color: #BDB76B;   
}
.darkkhaki:pressed {
    background-color: #BDB76B;   
}


.darkmagenta  {
    background-color: #8B008B;   
}
.darkmagenta:hover {
    background-color: #CD2990;   
}
.darkmagenta:active {
    background-color: #8B008B;   
}
.darkmagenta:pressed {
    background-color: #8B008B;   
}


.darkorange  {
    background-color: #FF7F00;   
}
.darkorange:hover {
    background-color: #CD6600;   
}
.darkorange:active {
    background-color: #FF7F00;   
}
.darkorange:pressed {
    background-color: #FF7F00;   
}


.darkorchid  {
    background-color: #FF8C00;   
}
.darkorchid:hover {
    background-color: #FF7F00;   
}
.darkorchid:active {
    background-color: #FF8C00;   
}
.darkorchid:pressed {
    background-color: #FF8C00;   
}


.darkred  {
    background-color: #8B0000;   
}
.darkred:hover {
    background-color: #EE2C2C;   
}
.darkred:active {
    background-color: #8B0000;   
}
.darkred:pressed {
    background-color: #8B0000;   
}


.darksalmon  {
    background-color: #E9967A;   
}
.darksalmon:hover {
    background-color: #EE9572;   
}
.darksalmon:active {
    background-color: #E9967A;   
}
.darksalmon:pressed {
    background-color: #E9967A;   
}


.darkseagreen  {
    background-color: #8FBC8F;   
}
.darkseagreen:hover {
    background-color: #8FBC8F;   
}
.darkseagreen:active {
    background-color: #8FBC8F;   
}
.darkseagreen:pressed {
    background-color: #8FBC8F;   
}


.darkslateblue  {
    background-color: #483D8B;   
}
.darkslateblue:hover {
    background-color: #00688B;   
}
.darkslateblue:active {
    background-color: #483D8B;   
}
.darkslateblue:pressed {
    background-color: #483D8B;   
}


.darkslategray  {
    background-color: #2F4F4F;   
}
.darkslategray:hover {
    background-color: #79CDCD;   
}
.darkslategray:active {
    background-color: #2F4F4F;   
}
.darkslategray:pressed {
    background-color: #2F4F4F;   
}


.darkturquoise  {
    background-color: #00CED1   
}
.darkturquoise:hover {
    background-color: #00E5EE;   
}
.darkturquoise:active {
    background-color: #00CED1;   
}
.darkturquoise:pressed {
    background-color: #00CED1;   
}


.darkviolet  {
    background-color: #9400D3;   
}
.darkviolet:hover {
    background-color: #BA55D3;   
}
.darkviolet:active {
    background-color: #9400D3;   
}
.darkviolet:pressed {
    background-color: #9400D3;   
}

.deeppink  {
    background-color: #FF1493;   
}
.deeppink:hover {
    background-color: #EE1289;   
}
.deeppink:active {
    background-color: #FF1493;   
}
.deeppink:pressed {
    background-color: #FF1493;   
}

.deepskyblue  {
    background-color: #00BFFF;   
}
.deepskyblue:hover {
    background-color: #00B2EE;   
}
.deepskyblue:active {
    background-color: #00BFFF;   
}
.deepskyblue:pressed {
    background-color: #00BFFF;   
}

.dimgray  {
    background-color: #696969;   
}
.dimgray:hover {
    background-color: #778899;   
}
.dimgray:active {
    background-color: #696969;   
}
.dimgray:pressed {
    background-color: #696969;   
}

.dodgerblue  {
    background-color: #1E90FF;   
}
.dodgerblue:hover {
    background-color: #1C86EE;   
}
.dodgerblue:active {
    background-color: #1E90FF;   
}
.dodgerblue:pressed {
    background-color: #1E90FF;   
}

.firebrick  {
    background-color: #B22222;   
}
.firebrick:hover {
    background-color: #EE2C2C;   
}
.firebrick:active {
    background-color: #B22222;   
}
.firebrick:pressed {
    background-color: #B22222;   
}

.floralwhite  {
    background-color: #FFFAF0;   
}
.floralwhite:hover {
    background-color: #FDF5E6;   
}
.floralwhite:active {
    background-color: #FFFAF0;   
}
.floralwhite:pressed {
    background-color: #FFFAF0;   
}

.forestgreen  {
    background-color: #228B22;   
}
.forestgreen:hover {
    background-color: #698B69;   
}
.forestgreen:active {
    background-color: #228B22;   
}
.forestgreen:pressed {
    background-color: #228B22;   
}

.fuchsia  {
    background-color: #FF00FF;   
}
.fuchsia:hover {
    background-color: #EE00EE;   
}
.fuchsia:active {
    background-color: #FF00FF;   
}
.fuchsia:pressed {
    background-color: #FF00FF;   
}

.gainsboro  {
    background-color: #DCDCDC;   
}
.gainsboro:hover {
    background-color: #EEEEE0;   
}
.gainsboro:active {
    background-color: #DCDCDC;   
}
.gainsboro:pressed {
    background-color: #DCDCDC;   
}

.ghostwhite  {
    background-color: #F8F8FF;   
}
.ghostwhite:hover {
    background-color: #FDF5E6;   
}
.ghostwhite:active {
    background-color: #F8F8FF;   
}
.ghostwhite:pressed {
    background-color: #F8F8FF;   
}

.gold  {
    background-color: #FFD700;   
}
.gold:hover {
    background-color: #EEC900;   
}
.gold:active {
    background-color: #FFD700;   
}
.gold:pressed {
    background-color: #FFD700;   
}

.goldenrod  {
    background-color: #DAA520;   
}
.goldenrod:hover {
    background-color: #EEB422;   
}
.goldenrod:active {
    background-color: #DAA520;   
}
.goldenrod:pressed {
    background-color: #DAA520;   
}

.gray  {
    background-color: #808080;   
}
.gray:hover {
    background-color: #999999;   
}
.gray:active {
    background-color: #808080;   
}
.gray:pressed {
    background-color: #808080;   
}
 
 
.gray  {
    background-color: #808080;   
}
.gray:hover {
    background-color: #999999;   
}
.gray:active {
    background-color: #808080;   
}
.gray:pressed {
    background-color: #808080;   
}
 
 
.green  {
    background-color: #008000;   
}
.green:hover {
    background-color: #00EE00;   
}
.green:active {
    background-color: #008000;   
}
.green:pressed {
    background-color: #008000;   
}
 
 
.greenyellow  {
    background-color: #ADFF2F;   
}
.greenyellow:hover {
    background-color: #7CFC00;   
}
.greenyellow:active {
    background-color: #ADFF2F;   
}
.greenyellow:pressed {
    background-color: #ADFF2F;   
}
 
 
.honeydew  {
    background-color: #F0FFF0;   
}
.honeydew:hover {
    background-color: #E0EEE0;   
}
.honeydew:active {
    background-color: #F0FFF0;   
}
.honeydew:pressed {
    background-color: #F0FFF0;   
}
 
 
.hotpink  {
    background-color: #FF69B4;   
}
.hotpink:hover {
    background-color: #EE6AA7;   
}
.hotpink:active {
    background-color: #FF69B4;   
}
.hotpink:pressed {
    background-color: #FF69B4;   
}
 
 
.indianred  {
    background-color: #CD5C5C;   
}
.indianred:hover {
    background-color: #EE6363;   
}
.indianred:active {
    background-color: #CD5C5C;   
}
.indianred:pressed {
    background-color: #CD5C5C;   
}
 
 
.ivory  {
    background-color: #FFFFF0;   
}
.ivory:hover {
    background-color: #EEEEE0;   
}
.ivory:active {
    background-color: #FFFFF0;   
}
.ivory:pressed {
    background-color: #FFFFF0;   
}
 
 
.khaki  {
    background-color: #F0E68C;   
}
.khaki:hover {
    background-color: #FFF68F;   
}
.khaki:active {
    background-color: #F0E68C;   
}
.khaki:pressed {
    background-color: #F0E68C;   
}
 
 
.indigo  {
    background-color: #808080;   
}
.indigo:hover {
    background-color: #7D26CD;   
}
.indigo:active {
    background-color: #808080;   
}
.indigo:pressed {
    background-color: #808080;   
}
 
 
.lavender  {
    background-color: #E6E6FA;   
}
.lavender:hover {
    background-color: #FFBBFF;   
}
.lavender:active {
    background-color: #E6E6FA;   
}
.lavender:pressed {
    background-color: #E6E6FA;   
}
 
 
.lavenderblush  {
    background-color: #FFF0F5;   
}
.lavenderblush:hover {
    background-color: #EEE0E5;   
}
.lavenderblush:active {
    background-color: #FFF0F5;   
}
.lavenderblush:pressed {
    background-color: #FFF0F5;   
}
 
 
.lawngreen  {
    background-color: #7CFC00;   
}
.lawngreen:hover {
    background-color: #ADFF2F;   
}
.lawngreen:active {
    background-color: #7CFC00;   
}
.lawngreen:pressed {
    background-color: #7CFC00;   
}
 
 
 .lemonchiffon  {
    background-color: #FFFACD;   
}
.lemonchiffon:hover {
    background-color: #EEE9BF;   
}
.lemonchiffon:active {
    background-color: #FFFACD;   
}
.lemonchiffon:pressed {
    background-color: #FFFACD;   
}
 
 .lightblue  {
    background-color: #ADD8E6;   
}
.lightblue:hover {
    background-color: #BFEFFF;   
}
.lightblue:active {
    background-color: #ADD8E6;   
}
.lightblue:pressed {
    background-color: #ADD8E6;   
}
 
 .lightcoral  {
    background-color: #F08080;   
}
.lightcoral:hover {
    background-color: #FFA07A;   
}
.lightcoral:active {
    background-color: #F08080;   
}
.lightcoral:pressed {
    background-color: #F08080;   
}
 
 .lightcyan  {
    background-color: #E0FFFF;   
}
.lightcyan:hover {
    background-color: #D1EEEE;   
}
.lightcyan:active {
    background-color: #E0FFFF;   
}
.lightcyan:pressed {
    background-color: #E0FFFF;   
}
 
 .lightgoldenrodyellow  {
    background-color: #FAFAD2;   
}
.lightgoldenrodyellow:hover {
    background-color: #FFFFE0;   
}
.lightgoldenrodyellow:active {
    background-color: #FAFAD2;   
}
.lightgoldenrodyellow:pressed {
    background-color: #FAFAD2;   
}
 
 .lightgreen  {
    background-color: #90EE90;   
}
.lightgreen:hover {
    background-color: #4EEE94;   
}
.lightgreen:active {
    background-color: #90EE90;   
}
.lightgreen:pressed {
    background-color: #90EE90;   
}
 
 .lightgrey  {
    background-color: #D3D3D3;   
}
.lightgrey:hover {
    background-color: #BEBEBE;   
}
.lightgrey:active {
    background-color: #D3D3D3;   
}
.lightgrey:pressed {
    background-color: #D3D3D3;   
}
 
 .lightpink  {
    background-color: #FFB6C1;   
}
.lightpink:hover {
    background-color: #EEA2AD;   
}
.lightpink:active {
    background-color: #FFB6C1;   
}
.lightpink:pressed {
    background-color: #FFB6C1;   
}
 
 .lightsalmon  {
    background-color: #FFA07A;   
}
.lightsalmon:hover {
    background-color: #EE9572;   
}
.lightsalmon:active {
    background-color: #FFA07A;   
}
.lightsalmon:pressed {
    background-color: #FFA07A;   
}
 
 .lightseagreen  {
    background-color: #20B2AA;   
}
.lightseagreen:hover {
    background-color: #3CB371;   
}
.lightseagreen:active {
    background-color: #20B2AA;   
}
.lightseagreen:pressed {
    background-color: #20B2AA;   
}
 

 .lightslategray  {
    background-color: #778899;   
}
.lightslategray:hover {
    background-color: #708090;   
}
.lightslategray:active {
    background-color: #778899;   
}
.lightslategray:pressed {
    background-color: #778899;   
}
 
 
  .lightsteelblue  {
    background-color: #B0C4DE;   
}
.lightsteelblue:hover {
    background-color: #BCD2EE;   
}
.lightsteelblue:active {
    background-color: #B0C4DE;   
}
.lightsteelblue:pressed {
    background-color: #B0C4DE;   
}
 
  .lightyellow  {
    background-color: #FFFFE0;   
}
.lightyellow:hover {
    background-color: #FAFAD2;   
}
.lightyellow:active {
    background-color: #FFFFE0;   
}
.lightyellow:pressed {
    background-color: #FFFFE0;   
}
 
  .lime  {
    background-color: #00FF00;   
}
.lime:hover {
    background-color: #00EE00;   
}
.lime:active {
    background-color: #00FF00;   
}
.lime:pressed {
    background-color: #00FF00;   
}
 
  .limegreen  {
    background-color: #32CD32;   
}
.limegreen:hover {
    background-color: #7CFC00;   
}
.limegreen:active {
    background-color: #32CD32;   
}
.limegreen:pressed {
    background-color: #32CD32;   
}
 
  .linen  {
    background-color: #FAF0E6;   
}
.linen:hover {
    background-color: #EEE5DE;   
}
.linen:active {
    background-color: #FAF0E6;   
}
.linen:pressed {
    background-color: #FAF0E6;   
}
 
  .magenta  {
    background-color: #FF00FF;   
}
.magenta:hover {
    background-color: #EE00EE;   
}
.magenta:active {
    background-color: #FF00FF;   
}
.magenta:pressed {
    background-color: #FF00FF;   
}
 
  .maroon  {
    background-color: #A52A2A;   
}
.maroon:hover {
    background-color: #800000;   
}
.maroon:active {
    background-color: #A52A2A;   
}
.maroon:pressed {
    background-color: #A52A2A;   
}
 
  .mediumaquamarine  {
    background-color: #66CDAA;   
}
.mediumaquamarine:hover {
    background-color: #48D1CC;   
}
.mediumaquamarine:active {
    background-color: #66CDAA;   
}
.mediumaquamarine:pressed {
    background-color: #66CDAA;   
}
 
  .mediumblue  {
    background-color: #0000CD;   
}
.mediumblue:hover {
    background-color: #0000FF;   
}
.mediumblue:active {
    background-color: #0000CD;   
}
.mediumblue:pressed {
    background-color: #0000CD;   
}


  .mediumorchid  {
    background-color: #BA55D3;   
}
.mediumorchid:hover {
    background-color: #D15FEE;   
}
.mediumorchid:active {
    background-color: #BA55D3;   
}
.mediumorchid:pressed {
    background-color: #BA55D3;   
}
 
 
.mediumpurple  {
    background-color: #9370DB;   
}
.mediumpurple:hover {
    background-color: #9F79EE;   
}
.mediumpurple:active {
    background-color: #9370DB;   
}
.mediumpurple:pressed {
    background-color: #9370DB;   
}
 
.mediumseagreen  {
    background-color: #3CB371;   
}
.mediumseagreen:hover {
    background-color: #2E8B57;   
}
.mediumseagreen:active {
    background-color: #3CB371;   
}
.mediumseagreen:pressed {
    background-color: #3CB371;   
}
 
.mediumslateblue  {
    background-color: #7B68EE;   
}
.mediumslateblue:hover {
    background-color: #6A5ACD;   
}
.mediumslateblue:active {
    background-color: #7B68EE;   
}
.mediumslateblue:pressed {
    background-color: #7B68EE;   
}
 
.mediumspringgreen  {
    background-color: #00FA9A;   
}
.mediumspringgreen:hover {
    background-color: #00FF7F;   
}
.mediumspringgreen:active {
    background-color: #00FA9A;   
}
.mediumspringgreen:pressed {
    background-color: #00FA9A;   
}
 
.mediumturquoise  {
    background-color: #20B2AA;   
}
.mediumturquoise:hover {
    background-color: #3CB371;   
}
.mediumturquoise:active {
    background-color: #20B2AA;   
}
.mediumturquoise:pressed {
    background-color: #20B2AA;   
}
 
.mediumvioletred  {
    background-color: #C71585;   
}
.mediumvioletred:hover {
    background-color: #CD1076;   
}
.mediumvioletred:active {
    background-color: #C71585;   
}
.mediumvioletred:pressed {
    background-color: #C71585;   
}
 
.midnightblue  {
    background-color: #20B2AA;   
}
.midnightblue:hover {
    background-color: #002266;   
}
.midnightblue:active {
    background-color: #20B2AA;   
}
.midnightblue:pressed {
    background-color: #20B2AA;   
}
 
.mintcream  {
    background-color: #F5FFFA;   
}
.mintcream:hover {
    background-color: #F0FFF0;   
}
.mintcream:active {
    background-color: #F5FFFA;   
}
.mintcream:pressed {
    background-color: #F5FFFA;   
}
 
.mistyrose  {
    background-color: #FFE4E1;   
}
.mistyrose:hover {
    background-color: #EED5D2;   
}
.mistyrose:active {
    background-color: #FFE4E1;   
}
.mistyrose:pressed {
    background-color: #FFE4E1;   
}
 
.moccasin  {
    background-color: #FFE4B5;   
}
.moccasin:hover {
    background-color: #FFEFD5;   
}
.moccasin:active {
    background-color: #FFE4B5;   
}
.moccasin:pressed {
    background-color: #FFE4B5;   
}
 
.navajowhite  {
    background-color: #FFDEAD;   
}
.navajowhite:hover {
    background-color: #EECFA1;   
}
.navajowhite:active {
    background-color: #FFDEAD;   
}
.navajowhite:pressed {
    background-color: #FFDEAD;   
}
 
.navy  {
    background-color: #000080;   
}
.navy:hover {
    background-color: #002266;   
}
.navy:active {
    background-color: #000080;   
}
.navy:pressed {
    background-color: #000080;   
}
 
.oldlace  {
    background-color: #FDF5E6;   
}
.oldlace:hover {
    background-color: #FAF0E6;   
}
.oldlace:active {
    background-color: #FDF5E6;   
}
.oldlace:pressed {
    background-color: #FDF5E6;   
}
 
 
.olivedrab  {
    background-color: #6B8E23;   
}
.olivedrab:hover {
    background-color: #698B22;   
}
.olivedrab:active {
    background-color: #6B8E23;   
}
.olivedrab:pressed {
    background-color: #6B8E23;   
}
 
.orange  {
    background-color: #FFA500;   
}
.orange:hover {
    background-color: #EE9A00;   
}
.orange:active {
    background-color: #FFA500;   
}
.orange:pressed {
    background-color: #FFA500;   
}
 
 
.orangered  {
    background-color: #CD3700;   
}
.orangered:hover {
    background-color: #FF4500;   
}
.orangered:active {
    background-color: #CD3700;   
}
.orangered:pressed {
    background-color: #CD3700;   
}
 
.orchid  {
    background-color: #20B2AA;   
}
.orchid:hover {
    background-color: #CD69C9;   
}
.orchid:active {
    background-color: #20B2AA;   
}
.orchid:pressed {
    background-color: #20B2AA;   
}
 
.palegoldenrod  {
    background-color: #EEE8AA;   
}
.palegoldenrod:hover {
    background-color: #EEDD82;   
}
.palegoldenrod:active {
    background-color: #EEE8AA;   
}
.palegoldenrod:pressed {
    background-color: #EEE8AA;   
}
 
.palegreen  {
    background-color: #98FB98;   
}
.palegreen:hover {
    background-color: #90EE90;   
}
.palegreen:active {
    background-color: #98FB98;   
}
.palegreen:pressed {
    background-color: #98FB98;   
}
 
.paleturquoise  {
    background-color: #AFEEEE;   
}
.paleturquoise:hover {
    background-color: #BBFFFF;   
}
.paleturquoise:active {
    background-color: #AFEEEE;   
}
.paleturquoise:pressed {
    background-color: #AFEEEE;   
}
 
.palevioletred  {
    background-color: #DB7093;   
}
.palevioletred:hover {
    background-color: #CD6889;   
}
.palevioletred:active {
    background-color: #DB7093;   
}
.palevioletred:pressed {
    background-color: #DB7093;   
}
 
  .papayawhip  {
    background-color: #FFEFD5;   
}
.papayawhip:hover {
    background-color: #FFF8DC;   
}
.papayawhip:active {
    background-color: #FFEFD5;   
}
.papayawhip:pressed {
    background-color: #FFEFD5;   
}
 
  .peachpuff  {
    background-color: #FFDAB9;   
}
.peachpuff:hover {
    background-color: #EECBAD;   
}
.peachpuff:active {
    background-color: #FFDAB9;   
}
.peachpuff:pressed {
    background-color: #FFDAB9;   
}
 
  .peru  {
    background-color: #CD853F;   
}
.peru:hover {
    background-color: #CD661D;   
}
.peru:active {
    background-color: #CD853F;   
}
.peru:pressed {
    background-color: #CD853F;   
}
 
  .pink  {
    background-color: #FFC0CB;   
}
.pink:hover {
    background-color: #EEA9B8;   
}
.pink:active {
    background-color: #FFC0CB;   
}
.pink:pressed {
    background-color: #FFC0CB;   
}
 
  .plum  {
    background-color: #DDA0DD;   
}
.plum:hover {
    background-color: #EEAEEE;   
}
.plum:active {
    background-color: #DDA0DD;   
}
.plum:pressed {
    background-color: #DDA0DD;   
}
 
  .powderblue  {
    background-color: #B0E0E6;   
}
.powderblue:hover {
    background-color: #AFEEEE;   
}
.powderblue:active {
    background-color: #B0E0E6;   
}
.powderblue:pressed {
    background-color: #B0E0E6;   
}
 
  .purple  {
    background-color: #A020F0;   
}
.purple:hover {
    background-color: #912CEE;   
}
.purple:active {
    background-color: #A020F0;   
}
.purple:pressed {
    background-color: #A020F0;   
}
 
.red  {
    background-color: #FF0000;   
}
.red:hover {
    background-color: #EE0000;   
}
.red:active {
    background-color: #FF0000;   
}
.red:pressed {
    background-color: #FF0000;   
}
 
.rosybrown  {
    background-color: #BC8F8F;   
}
.rosybrown:hover {
    background-color: #CD9B9B;   
}
.rosybrown:active {
    background-color: #BC8F8F;   
}
.rosybrown:pressed {
    background-color: #BC8F8F;   
}
 
.royalblue  {
    background-color: #4169E1;   
}
.royalblue:hover {
    background-color: #3A5FCD;   
}
.royalblue:active {
    background-color: #4169E1;   
}
.royalblue:pressed {
    background-color: #4169E1;   
}
 
  .saddlebrown  {
    background-color: #8B4513;   
}
.saddlebrown:hover {
    background-color: #F4A460;   
}
.saddlebrown:active {
    background-color: #8B4513;   
}
.saddlebrown:pressed {
    background-color: #8B4513;   
}
 
.salmon  {
    background-color: #FA8072;   
}
.salmon:hover {
    background-color: #EE8262;   
}
.salmon:active {
    background-color: #FA8072;   
}
.salmon:pressed {
    background-color: #FA8072;   
}
 
.sandybrown  {
    background-color: #F4A460;   
}
.sandybrown:hover {
    background-color: #FF7F24;   
}
.sandybrown:active {
    background-color: #F4A460;   
}
.sandybrown:pressed {
    background-color: #F4A460;   
}
 
.plum  {
    background-color: #DDA0DD;   
}
.plum:hover {
    background-color: #CD96CD;   
}
.plum:active {
    background-color: #DDA0DD;   
}
.plum:pressed {
    background-color: #DDA0DD;   
}
 
.seagreen  {
    background-color: #2E8B57;   
}
.seagreen:hover {
    background-color: #43CD80;   
}
.seagreen:active {
    background-color: #2E8B57;   
}
.seagreen:pressed {
    background-color: #2E8B57;   
}
 
.seashell  {
    background-color: #FFF5EE;   
}
.seashell:hover {
    background-color: #EEE5DE;   
}
.seashell:active {
    background-color: #FFF5EE;   
}
.seashell:pressed {
    background-color: #FFF5EE;   
}
 
.sienna  {
    background-color: #A0522D;   
}
.sienna:hover {
    background-color: #CD6839;   
}
.sienna:active {
    background-color: #A0522D;   
}
.sienna:pressed {
    background-color: #A0522D;   
}
 
.silver  {
    background-color: #E6E8FA;   
}
.silver:hover {
    background-color: #CDC8B1;   
}
.silver:active {
    background-color: #E6E8FA;   
}
.silver:pressed {
    background-color: #E6E8FA;   
}
 
.skyblue  {
    background-color: #87CEEB;   
}
.skyblue:hover {
    background-color: #7EC0EE;   
}
.skyblue:active {
    background-color: #87CEEB;   
}
.skyblue:pressed {
    background-color: #87CEEB;   
}
 
.slateblue  {
    background-color: #6A5ACD;   
}
.slateblue:hover {
    background-color: #6959CD;   
}
.slateblue:active {
    background-color: #6A5ACD;   
}
.slateblue:pressed {
    background-color: #6A5ACD;   
}
 

.slategray  {
    background-color: #708090;   
}
.slategray:hover {
    background-color: #6C7B8B;   
}
.slategray:active {
    background-color: #708090;   
}
.slategray:pressed {
    background-color: #708090;   
}
 

.snow  {
    background-color: #FFFAFA;   
}
.snow:hover {
    background-color: #EEE9E9;   
}
.snow:active {
    background-color: #FFFAFA;   
}
.snow:pressed {
    background-color: #FFFAFA;   
}
 
   
.springgreen  {
    background-color: #00FF7F;   
}
.springgreen:hover {
    background-color: #00EE76;   
}
.springgreen:active {
    background-color: #00FF7F;   
}
.springgreen:pressed {
    background-color: #00FF7F;   
}
 

.steelblue  {
    background-color: #4682B4;   
}
.steelblue:hover {
    background-color: #4F94CD;   
}
.steelblue:active {
    background-color: #4682B4;   
}
.steelblue:pressed {
    background-color: #4682B4;   
}
 

.tan  {
    background-color: #D2B48C;   
}
.tan:hover {
    background-color: #FFA54F;   
}
.tan:active {
    background-color: #D2B48C;   
}
.tan:pressed {
    background-color: #D2B48C;   
}
 
   
.thistle  {
    background-color: #D8BFD8;   
}
.thistle:hover {
    background-color: #CDB5CD;   
}
.thistle:active {
    background-color: #D8BFD8;   
}
.thistle:pressed {
    background-color: #D8BFD8;   
}
 
        
.tomato  {
    background-color: #FF6347;   
}
.tomato:hover {
    background-color: #EE5C42;   
}
.tomato:active {
    background-color: #FF6347;   
}
.tomato:pressed {
    background-color: #FF6347;   
}
 
        
 .turquoise  {
    background-color: #40E0D0;   
}
.turquoise:hover {
    background-color: #00C5CD;   
}
.turquoise:active {
    background-color: #40E0D0;   
}
.turquoise:pressed {
    background-color: #40E0D0;   
}
 
        
.violet  {
    background-color: #EE82EE;   
}
.violet:hover {
    background-color: #CD69C9;   
}
.violet:active {
    background-color: #EE82EE;   
}
.violet:pressed {
    background-color: #EE82EE;   
}
 
        
 .wheat  {
    background-color: #F5DEB3;   
}
.wheat:hover {
    background-color: #CDB5CD;   
}
.wheat:active {
    background-color: #F5DEB3;   
}
.wheat:pressed {
    background-color: #F5DEB3;   
}
 
        
 .white  {
    background-color: #FFFFFF;   
}
.white:hover {
    background-color: #EEE9E9;   
}
.white:active {
    background-color: #FFFFFF;   
}
.white:pressed {
    background-color: #FFFFFF;   
}
 
        
 .whitesmoke  {
    background-color: #D8BFD8;   
}
.whitesmoke:hover {
    background-color: #CDB5CD;   
}
.whitesmoke:active {
    background-color: #D8BFD8;   
}
.whitesmoke:pressed {
    background-color: #D8BFD8;   
}
 
        
 .yellow  {
    background-color: #FFFF00;   
}
.yellow:hover {
    background-color: #EEEE00;   
}
.yellow:active {
    background-color: #FFFF00;   
}
.yellow:pressed {
    background-color: #FFFF00;   
}
 
        
 .yellowgreen  {
    background-color: #9ACD32;   
}
.yellowgreen:hover {
    background-color: #B3EE3A;   
}
.yellowgreen:active {
    background-color: #9ACD32;   
}
.yellowgreen:pressed {
    background-color: #9ACD32;   
}