@charset "utf-8";
.exmpl-colors {
 width: 475px;
 margin: 12px 0 12px 56px;
 font-size: 74%;
 border-collapse: collapse;
 border-spacing: 0;
}
.exmpl-colors tbody th {
 width: 85px;
 height: 42px;
 padding: 0 4px;
 overflow: hidden;
}
.exmpl-colors tbody td {
 margin: 0;
 padding: 0;
 text-align: center;
 width: 78px;
 height: 42px;
}
#colortd1 {
 color: #333332;
 background-color: #cccccc;
}
#colortd2 {
 color: #333332;
 background-color: #999999;
}
#colortd3 {
 color: #f8f8f8;
 background-color: #666666;
}
#colortd4 {
 color: #f8f8f8;
 background-color: #333333;
}
#colortd5 {
 color: #f8f8f8;
 background-color: #000000;
}
#colortd6 {
 color: #333332;
 background-color: #ccff99;
}
#colortd7 {
 color: #333332;
 background-color: #ccff66;
}
#colortd8 {
 color: #f8f8f8;
 background-color: #669900;
}
#colortd9 {
 color: #f8f8f8;
 background-color: #336600;
}
#colortd10 {
 color: #f8f8f8;
 background-color: #003300;
}
#colortd11 {
 color: #f8f8f8;
 background-color: #6495ed;
}
#colortd12 {
 color: #f8f8f8;
 background-color: #4169e1;
}
#colortd13 {
 color: #f8f8f8;
 background-color: #00008b;
}
#colortd14 {
 color: #f8f8f8;
 background-color: #4b0082;
}
#colortd15 {
 color: #f8f8f8;
 background-color: #7b68ee;
}
.exmpl-colors2 {
 width: 475px;
 margin: 12px 0 12px 56px;
 font-size: 74%;
 border-bottom: 1px solid #a9a9a9;
 border-collapse: collapse;
 border-spacing: 0;
}
.exmpl-colors2 tbody th {
 width: 85px;
 height: 42px;
 overflow: hidden;
 border-bottom: 1px solid #a9a9a9;
 border-right: 1px solid #a9a9a9;
}
.exmpl-colors2 tbody td {
 margin: 0;
 padding: 0;
 text-align: center;
 width: 390px;
 height: 42px;
}