<!--

.card {width: 100%; font-family: arial, helvetica, sans-serif;}
.card_content {border: 1px solid silver; padding: 6px; margin: 0}
.card_header {background: url(images/green/header.gif) repeat-x; height: 22px; font-weight: bold; color: white}
.card_header_center {padding-left: 15px; padding-top: 5px}
.card_header_left {background: url(images/green/header_left.gif) no-repeat top left; height: 22px}
.card_header_right {background: url(images/green/header_right.gif) no-repeat top right; height: 22px}
.card_footer {background: url(images/green/card_footer.gif) repeat-x; height: 22px;}
.card_footer_center {margin-left: 10px; margin-top: 2px; font-size: x-small; color: gray;}
.card_footer_left {background: url(images/green/card_footer_left.gif) no-repeat top left; height: 22px}
.card_footer_right {background: url(images/green/card_footer_right.gif) no-repeat top right; height: 22px}

.card_header_red {background: url(images/red/header.gif) repeat-x; height: 22px; font-weight: bold; color: white}
.card_header_left_red {background: url(images/red/header_left.gif) no-repeat top left; height: 22px}
.card_header_right_red {background: url(images/red/header_right.gif) no-repeat top right; height: 22px}
.card_content_red {border: 1px solid red; padding: 6px; margin: 0}

.card_header_green {background: url(images/green/header.gif) repeat-x; height: 22px; font-weight: bold; color: white}
.card_header_left_green {background: url(images/green/header_left.gif) no-repeat top left; height: 22px}
.card_header_right_green {background: url(images/green/header_right.gif) no-repeat top right; height: 22px}
.card_content_green {border: 1px solid green; padding: 6px; margin: 0}

.card_header_white {background: url(images/white/header.gif) repeat-x; height: 22px; font-weight: bold; color: #666666}
.card_header_left_white {background: url(images/white/header_left.gif) no-repeat top left; height: 22px}
.card_header_right_white {background: url(images/white/header_right.gif) no-repeat top right; height: 22px}
.card_content_white {border: 1px solid silver; padding: 6px; margin: 0}

.card_header_blue {background: url(images/blue/header.gif) repeat-x; height: 22px; font-weight: bold; color: white}
.card_header_left_blue {background: url(images/blue/header_left.gif) no-repeat top left; height: 22px}
.card_header_right_blue {background: url(images/blue/header_right.gif) no-repeat top right; height: 22px}
.card_content_blue {border: 1px solid lightBlue; padding: 6px; margin: 0; }

.card_header_orange {background: url(images/orange/header.gif) repeat-x; height: 22px; font-weight: bold; color: white}
.card_header_left_orange {background: url(images/orange/header_left.gif) no-repeat top left; height: 22px}
.card_header_right_orange {background: url(images/orange/header_right.gif) no-repeat top right; height: 22px}
.card_content_orange {border: 1px solid orange; padding: 6px; margin: 0}

.card_header_black {background: url(images/black/header.gif) repeat-x; height: 22px; font-weight: bold; color: white}
.card_header_left_black {background: url(images/black/header_left.gif) no-repeat top left; height: 22px}
.card_header_right_black {background: url(images/black/header_right.gif) no-repeat top right; height: 22px}
.card_content_black {border: 1px solid black; padding: 6px; margin: 0}

.card_header_pink {background: url(images/pink/header.gif) repeat-x; height: 22px; font-weight: bold; color: white}
.card_header_left_pink {background: url(images/pink/header_left.gif) no-repeat top left; height: 22px}
.card_header_right_pink {background: url(images/pink/header_right.gif) no-repeat top right; height: 22px}
.card_content_pink {border: 1px solid pink; padding: 6px; margin: 0}

-->