/* ---> General <--- */

.hd .c {
    height: 16px;
}

.hd h2 {
    font-size: 1.2em !important;
    text-align: center !important;
    padding-top: 7px;
}

.sub {
    margin-left: -5px;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

.sub h3 {
    font-size: 1em !important;
    text-align: center !important;
    margin-right: -5px;
}

.bd .c .s {
    padding: 5px 5px;
}

.ft .c {
    padding: 5px 0 11px 0;
    text-align: center;
}

.blue .hd h1 {
    color: black;
    background: transparent url(/images/blue_s_tr.png) no-repeat right 0px;
}

.green .hd h1 {
    color: black;
    background: transparent url(/images/green_s_tr.png) no-repeat right 0px;
}

.yellow .hd h1 {
    color: black;
    background: transparent url(/images/yellow_s_tr.png) no-repeat right 0px;
}

.red .hd h1 {
    color: black;
    background: transparent url(/images/red_s_tr.png) no-repeat right 0px;
}

.purple .hd h1 {
    color: black;
    background: transparent url(/images/purple_s_tr.png) no-repeat right 0px;
}

.white .hd h1 {
    color: black;
    background: transparent url(/images/white_s_tr.png) no-repeat right 0px;
}

/* ---> Blue <--- */

.blue .hd {
    background: transparent url(/images/blue_s_tl.png) no-repeat 0px 0px;
}

.blue .hd .c {
    background: transparent url(/images/blue_s_tr.png) no-repeat right 0px;
}

.blue .hd h2 {
    color: white;
    background: transparent url(/images/blue_s_tr.png) no-repeat right 0px;
}

.blue .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.blue .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.blue .bd .c .s {
}

.blue .ft {
    background: transparent url(/images/blue_s_bl.png) no-repeat 0px bottom;
}

.blue .ft .c {
    background: transparent url(/images/blue_s_br.png) no-repeat right bottom;
}

.blue .sub {
    background: #5599ff url(/images/blue_ml.png) repeat-y 0px 0px;
}

.blue .sub h3 {
    background: transparent url(/images/blue_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> Purple <--- */

.purple .hd {
    background: transparent url(/images/purple_s_tl.png) no-repeat 0px 0px;
}

.purple .hd .c {
    background: transparent url(/images/purple_s_tr.png) no-repeat right 0px;
}

.purple .hd h2 {
    color: white;
    background: transparent url(/images/purple_s_tr.png) no-repeat right 0px;
}

.purple .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.purple .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.purple .bd .c .s {
}

.purple .ft {
    background: transparent url(/images/purple_s_bl.png) no-repeat 0px bottom;
}

.purple .ft .c {
    background: transparent url(/images/purple_s_br.png) no-repeat right bottom;
}

.purple .sub {
    background: #cd87de url(/images/purple_ml.png) repeat-y 0px 0px;
}

.purple .sub h3 {
    background: transparent url(/images/purple_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> Orange <--- */

.orange .hd {
    background: transparent url(/images/orange_s_tl.png) no-repeat 0px 0px;
}

.orange .hd .c {
    background: transparent url(/images/orange_s_tr.png) no-repeat right 0px;
}

.orange .hd h2 {
    color: white;
    background: transparent url(/images/orange_s_tr.png) no-repeat right 0px;
}

.orange .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.orange .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.orange .bd .c .s {
}

.orange .ft {
    background: transparent url(/images/orange_s_bl.png) no-repeat 0px bottom;
}

.orange .ft .c {
    background: transparent url(/images/orange_s_br.png) no-repeat right bottom;
}

.orange .sub {
    background: #5599ff url(/images/orange_ml.png) repeat-y 0px 0px;
}

.orange .sub h3 {
    background: transparent url(/images/orange_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> Black <--- */

.black .hd {
    background: transparent url(/images/black_s_tl.png) no-repeat 0px 0px;
}

.black .hd .c {
    background: transparent url(/images/black_s_tr.png) no-repeat right 0px;
}

.black .hd h2 {
    color: white;
    background: transparent url(/images/black_s_tr.png) no-repeat right 0px;
}

.black .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.black .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.black .bd .c .s {
}

.black .ft {
    background: transparent url(/images/black_s_bl.png) no-repeat 0px bottom;
}

.black .ft .c {
    background: transparent url(/images/black_s_br.png) no-repeat right bottom;
}

.black .sub {
    background: #5599ff url(/images/black_ml.png) repeat-y 0px 0px;
}

.black .sub h3 {
    background: transparent url(/images/black_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> White <--- */

.white .hd {
    background: transparent url(/images/white_s_tl.png) no-repeat 0px 0px;
}

.white .hd .c {
    background: transparent url(/images/white_s_tr.png) no-repeat right 0px;
}

.white .hd h2 {
    color: black;
    background: transparent url(/images/white_s_tr.png) no-repeat right 0px;
}

.white .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.white .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.white .bd .c .s {
}

.white .ft {
    background: transparent url(/images/white_s_bl.png) no-repeat 0px bottom;
}

.white .ft .c {
    background: transparent url(/images/white_s_br.png) no-repeat right bottom;
}

.white .sub {
    background: #5599ff url(/images/white_ml.png) repeat-y 0px 0px;
}

.white .sub h3 {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> Red <--- */

.red .hd {
    background: transparent url(/images/red_s_tl.png) no-repeat 0px 0px;
}

.red .hd .c {
    background: transparent url(/images/red_s_tr.png) no-repeat right 0px;
}

.red .hd h2 {
    color: white;
    background: transparent url(/images/red_s_tr.png) no-repeat right 0px;
}

.red .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.red .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.red .bd .c .s {
}

.red .ft {
    background: transparent url(/images/red_s_bl.png) no-repeat 0px bottom;
}

.red .ft .c {
    background: transparent url(/images/red_s_br.png) no-repeat right bottom;
}

.red .sub {
    background: #5599ff url(/images/red_ml.png) repeat-y 0px 0px;
}

.red .sub h3 {
    background: transparent url(/images/red_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> Yellow <--- */

.yellow .hd {
    background: transparent url(/images/yellow_s_tl.png) no-repeat 0px 0px;
}

.yellow .hd .c {
    background: transparent url(/images/yellow_s_tr.png) no-repeat right 0px;
}

.yellow .hd h2 {
    color: white;
    background: transparent url(/images/yellow_s_tr.png) no-repeat right 0px;
}

.yellow .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.yellow .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.yellow .bd .c .s {
}

.yellow .ft {
    background: transparent url(/images/yellow_s_bl.png) no-repeat 0px bottom;
}

.yellow .ft .c {
    background: transparent url(/images/yellow_s_br.png) no-repeat right bottom;
}

.yellow .sub {
    background: #5599ff url(/images/yellow_ml.png) repeat-y 0px 0px;
}

.yellow .sub h3 {
    background: transparent url(/images/yellow_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> Green <--- */

.green .hd {
    background: transparent url(/images/green_s_tl.png) no-repeat 0px 0px;
}

.green .hd .c {
    background: transparent url(/images/green_s_tr.png) no-repeat right 0px;
}

.green .hd h2 {
    color: white;
    background: transparent url(/images/green_s_tr.png) no-repeat right 0px;
}

.green .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.green .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.green .bd .c .s {
}

.green .ft {
    background: transparent url(/images/green_s_bl.png) no-repeat 0px bottom;
}

.green .ft .c {
    background: transparent url(/images/green_s_br.png) no-repeat right bottom;
}

.green .sub {
    background: #5599ff url(/images/green_ml.png) repeat-y 0px 0px;
}

.green .sub h3 {
    background: transparent url(/images/green_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> BrightGreen <--- */

.brightgreen .hd {
    background: transparent url(/images/brightgreen_s_tl.png) no-repeat 0px 0px;
}

.brightgreen .hd .c {
    background: transparent url(/images/brightgreen_s_tr.png) no-repeat right 0px;
}

.brightgreen .hd h2 {
    color: #777777;
    background: transparent url(/images/brightgreen_s_tr.png) no-repeat right 0px;
}

.brightgreen .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.brightgreen .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.brightgreen .bd .c .s {
}

.brightgreen .ft {
    background: transparent url(/images/brightgreen_s_bl.png) no-repeat 0px bottom;
}

.brightgreen .ft .c {
    background: transparent url(/images/brightgreen_s_br.png) no-repeat right bottom;
}

.brightgreen .sub {
    background: #5599ff url(/images/brightgreen_ml.png) repeat-y 0px 0px;
}

.brightgreen .sub h3 {
    background: transparent url(/images/brightgreen_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> BrightYellow <--- */

.brightyellow .hd {
    background: transparent url(/images/brightyellow_s_tl.png) no-repeat 0px 0px;
}

.brightyellow .hd .c {
    background: transparent url(/images/brightyellow_s_tr.png) no-repeat right 0px;
}

.brightyellow .hd h2 {
    color: #777777;
    background: transparent url(/images/brightyellow_s_tr.png) no-repeat right 0px;
}

.brightyellow .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.brightyellow .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.brightyellow .bd .c .s {
}

.brightyellow .ft {
    background: transparent url(/images/brightyellow_s_bl.png) no-repeat 0px bottom;
}

.brightyellow .ft .c {
    background: transparent url(/images/brightyellow_s_br.png) no-repeat right bottom;
}

.brightyellow .sub {
    background: #5599ff url(/images/brightyellow_ml.png) repeat-y 0px 0px;
}

.brightyellow .sub h3 {
    background: transparent url(/images/brightyellow_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> BrightOrange <--- */

.brightorange .hd {
    background: transparent url(/images/brightorange_s_tl.png) no-repeat 0px 0px;
}

.brightorange .hd .c {
    background: transparent url(/images/brightorange_s_tr.png) no-repeat right 0px;
}

.brightorange .hd h2 {
    color: white;
    background: transparent url(/images/brightorange_s_tr.png) no-repeat right 0px;
}

.brightorange .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.brightorange .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.brightorange .bd .c .s {
}

.brightorange .ft {
    background: transparent url(/images/brightorange_s_bl.png) no-repeat 0px bottom;
}

.brightorange .ft .c {
    background: transparent url(/images/brightorange_s_br.png) no-repeat right bottom;
}

.brightorange .sub {
    background: #5599ff url(/images/brightorange_ml.png) repeat-y 0px 0px;
}

.brightorange .sub h3 {
    background: transparent url(/images/brightorange_mr.png) repeat-y right 0px;
    color: white;
}

/* ---> BrightPurple <--- */

.brightpurple .hd {
    background: transparent url(/images/brightpurple_s_tl.png) no-repeat 0px 0px;
}

.brightpurple .hd .c {
    background: transparent url(/images/brightpurple_s_tr.png) no-repeat right 0px;
}

.brightpurple .hd h2 {
    color: white;
    background: transparent url(/images/brightpurple_s_tr.png) no-repeat right 0px;
}

.brightpurple .bd {
    background: white url(/images/white_ml.png) repeat-y 0px 0px;
}

.brightpurple .bd .c {
    background: transparent url(/images/white_mr.png) repeat-y right 0px;
}

.brightpurple .bd .c .s {
}

.brightpurple .ft {
    background: transparent url(/images/brightpurple_s_bl.png) no-repeat 0px bottom;
}

.brightpurple .ft .c {
    background: transparent url(/images/brightpurple_s_br.png) no-repeat right bottom;
}

.brightpurple .sub {
    background: #ff01eb url(/images/brightpurple_ml.png) repeat-y 0px 0px;
}

.brightpurple .sub h3 {
    background: transparent url(/images/brightpurple_mr.png) repeat-y right 0px;
    color: white;
}