

/* RED */
.red {
    color: #900;
}
.boxc_red {
    margin: 2px;
    padding: 0 2px;
    border: 1px dashed #500;
    background-color: #FEE;
}
.boxc_red a
{
    color: #500;
}
.boxc_red span
{
    color: #900;
}
.r_red {
    background-color: #900;
}
.i_red {
    border: 1px solid #500;
    background-color: #FEE;
    color: #500;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}
.i_red:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.b_red {
    border: 1px solid #000;
    background-color: #FEE;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
}
.t_red {
    border: 1px solid #500;
    background-color: #FEE;
    color: #500;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.t_red:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.t_red_code {
    font-size: 11px;
    font-family: "Courier New";
    border: 1px solid #500;
    background-color: #FEE;
    color: #500;
    padding: 0 2px;
}
.t_red_code:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.s_red {
    border: 1px solid #000;
    background-color: #FEE;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}

/* ORANGE */
.orange {
    color: #F90;
}
.boxc_orange {
    margin: 2px;
    padding: 0 2px;
    border: 1px dashed #930;
    background-color: #FFEED5;
}
.boxc_orange a
{
    color: #930;
}
.boxc_orange span
{
    color: #F90;
}
.r_orange {
    background-color: #F90;
}
.i_orange {
    border: 1px solid #930;
    background-color: #FFEED5;
    color: #930;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}
.i_orange:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.b_orange {
    border: 1px solid #000;
    background-color: #FFE;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
}
.t_orange {
    border: 1px solid #930;
    background-color: #FFEED5;
    color: #930;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.t_orange:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.t_orange_code {
    font-size: 11px;
    font-family: "Courier New";
    border: 1px solid #930;
    background-color: #FFEED5;
    color: #930;
    padding: 0 2px;
}
.t_orange_code:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.s_orange {
    border: 1px solid #000;
    background-color: #FFEED5;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}

/* GREEN */
.green {
    color: #090;
}
.boxc_green {
    margin: 2px;
    padding: 0 2px;
    border: 1px dashed #040;
    background-color: #EFE;
}
.boxc_green a
{
    color: #040;
}
.boxc_green span
{
    color: #090;
}
.r_green {
    background-color: #090;
}
.i_green {
    border: 1px solid #040;
    background-color: #EFE;
    color: #040;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}
.i_green:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.b_green {
    border: 1px solid #000;
    background-color: #EFE;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
}
.t_green {
    border: 1px solid #040;
    background-color: #EFE;
    color: #040;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.t_green:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.t_green_code {
    font-size: 11px;
    font-family: "Courier New";
    border: 1px solid #040;
    background-color: #EFE;
    color: #040;
    padding: 0 2px;
}
.t_green_code:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.s_green {
    border: 1px solid #000;
    background-color: #EFE;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}

/* CYAN */
.cyan {
    color: #099;
}
.boxc_cyan {
    margin: 2px;
    padding: 0 2px;
    border: 1px dashed #039;
    background-color: #EFF;
}
.boxc_cyan a
{
    color: #039;
}
.boxc_cyan span
{
    color: #099;
}
.r_cyan {
    background-color: #099;
}
.i_cyan {
    border: 1px solid #039;
    background-color: #EFF;
    color: #039;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}
.i_cyan:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.b_cyan {
    border: 1px solid #000;
    background-color: #EFF;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
}
.t_cyan {
    border: 1px solid #039;
    background-color: #EFF;
    color: #039;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.t_cyan:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.t_cyan_code {
    font-size: 11px;
    font-family: "Courier New";
    border: 1px solid #039;
    background-color: #EFF;
    color: #039;
    padding: 0 2px;
}
.t_cyan_code:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.s_cyan {
    border: 1px solid #000;
    background-color: #EFF;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}

/* BLUE */
.blue {
    color: #009;
}
.boxc_blue {
    margin: 2px;
    padding: 0 2px;
    border: 1px dashed #007;
    background-color: #EEF;
}
.boxc_blue a
{
    color: #007;
}
.boxc_blue span
{
    color: #009;
}
.r_blue {
    background-color: #009;
}
.i_blue {
    border: 1px solid #077;
    background-color: #EEF;
    color: #007;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}
.i_blue:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.b_blue {
    border: 1px solid #000;
    background-color: #EFF;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
}
.t_blue {
    border: 1px solid #077;
    background-color: #EEF;
    color: #007;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.t_blue:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.t_blue_code {
    font-size: 11px;
    font-family: "Courier New";
    border: 1px solid #077;
    background-color: #EEF;
    color: #007;
    padding: 0 2px;
}
.t_blue_code:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.s_blue {
    border: 1px solid #000;
    background-color: #EEF;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}

/* PURPLE */
.purple {
    color: #909;
}
.boxc_purple {
    margin: 2px;
    padding: 0 2px;
    border: 1px dashed #707;
    background-color: #FEF;
}
.boxc_purple a
{
    color: #070;
}
.boxc_purple span
{
    color: #909;
}
.r_purple {
    background-color: #909;
}
.i_purple {
    border: 1px solid #707;
    background-color: #FEF;
    color: #707;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}
.i_purple:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.b_purple {
    border: 1px solid #000;
    background-color: #EFE;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
}
.t_purple {
    border: 1px solid #707;
    background-color: #FEF;
    color: #707;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.t_purple:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.t_purple_code {
    font-size: 11px;
    font-family: "Courier New";
    border: 1px solid #707;
    background-color: #FEF;
    color: #707;
    padding: 0 2px;
}
.t_purple_code:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.s_purple {
    border: 1px solid #000;
    background-color: #FEF;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}

/* GREY */
.grey {
    color: #999;
}
.boxc_grey {
    margin: 2px;
    padding: 0 2px;
    border: 1px dashed #777;
    background-color: #EEE;
}
.boxc_grey a
{
    color: #555;
}
.boxc_grey span
{
    color: #999;
}
.r_grey {
    background-color: #999;
}
.i_grey {
    border: 1px solid #777;
    background-color: #EEE;
    color: #777;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}
.i_grey:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.b_grey {
    border: 1px solid #000;
    background-color: #EEE;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
}
.t_grey {
    border: 1px solid #777;
    background-color: #EEE;
    color: #777;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 0 2px;
}
.t_grey:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.t_grey_code {
    font-size: 11px;
    font-family: "Courier New";
    border: 1px solid #777;
    background-color: #EEE;
    color: #777;
    padding: 0 2px;
}
.t_grey_code:focus {
    border: 1px solid #000;
    background-color: #FFF;
    color: #555;
}
.s_grey {
    border: 1px solid #000;
    background-color: #EEE;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
}