/* Boxes - various colours, so this is big */
table.roundBox { width: 100%; border-collapse: collapse; margin: .5em 0 0 0; }
table.roundBox td { padding: 0; }
table.roundBox td.left, table.roundBox td.right { width: 5px; }

table.roundBox tfoot td.center { height: 12px; }
table.roundBox tbody.tint_blue td.left { background: url(/jCommunity/images/roundbox/blue/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_blue td.right { background: url(/jCommunity/images/roundbox/blue/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_blue td.left { background: url(/jCommunity/images/roundbox/blue/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_blue td.center { background: url(/jCommunity/images/roundbox/blue/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_blue td.right { background: url(/jCommunity/images/roundbox/blue/bottomright.gif) no-repeat bottom right; }

table.roundBox tbody.tint_cobalt td.left { background: url(/jCommunity/images/roundbox/cobalt/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_cobalt td.right { background: url(/jCommunity/images/roundbox/cobalt/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_cobalt td.left { background: url(/jCommunity/images/roundbox/cobalt/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_cobalt td.center { background: url(/jCommunity/images/roundbox/cobalt/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_cobalt td.right { background: url(/jCommunity/images/roundbox/cobalt/bottomright.gif) no-repeat bottom right; }

table.roundBox tbody.tint_green td.left { background: url(/jCommunity/images/roundbox/green/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_green td.right { background: url(/jCommunity/images/roundbox/green/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_green td.left { background: url(/jCommunity/images/roundbox/green/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_green td.center { background: url(/jCommunity/images/roundbox/green/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_green td.right { background: url(/jCommunity/images/roundbox/green/bottomright.gif) no-repeat bottom right; }

table.roundBox tbody.tint_grey td.left { background: url(/jCommunity/images/roundbox/grey/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_grey td.right { background: url(/jCommunity/images/roundbox/grey/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_grey td.left { background: url(/jCommunity/images/roundbox/grey/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_grey td.center { background: url(/jCommunity/images/roundbox/grey/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_grey td.right { background: url(/jCommunity/images/roundbox/grey/bottomright.gif) no-repeat bottom right; }

table.roundBox tbody.tint_orange td.left { background: url(/jCommunity/images/roundbox/orange/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_orange td.right { background: url(/jCommunity/images/roundbox/orange/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_orange td.left { background: url(/jCommunity/images/roundbox/orange/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_orange td.center { background: url(/jCommunity/images/roundbox/orange/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_orange td.right { background: url(/jCommunity/images/roundbox/orange/bottomright.gif) no-repeat bottom right; }

table.roundBox tbody.tint_pink td.left { background: url(/jCommunity/images/roundbox/pink/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_pink td.right { background: url(/jCommunity/images/roundbox/pink/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_pink td.left { background: url(/jCommunity/images/roundbox/pink/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_pink td.center { background: url(/jCommunity/images/roundbox/pink/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_pink td.right { background: url(/jCommunity/images/roundbox/pink/bottomright.gif) no-repeat bottom right; }

table.roundBox tbody.tint_purple td.left { background: url(/jCommunity/images/roundbox/purple/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_purple td.right { background: url(/jCommunity/images/roundbox/purple/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_purple td.left { background: url(/jCommunity/images/roundbox/purple/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_purple td.center { background: url(/jCommunity/images/roundbox/purple/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_purple td.right { background: url(/jCommunity/images/roundbox/purple/bottomright.gif) no-repeat bottom right; }

table.roundBox tbody.tint_red td.left { background: url(/jCommunity/images/roundbox/red/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_red td.right { background: url(/jCommunity/images/roundbox/red/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_red td.left { background: url(/jCommunity/images/roundbox/red/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_red td.center { background: url(/jCommunity/images/roundbox/red/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_red td.right { background: url(/jCommunity/images/roundbox/red/bottomright.gif) no-repeat bottom right; }

table.roundBox tbody.tint_yellow td.left { background: url(/jCommunity/images/roundbox/yellow/midleft.gif) repeat-y top left; }
table.roundBox tbody.tint_yellow td.right { background: url(/jCommunity/images/roundbox/yellow/midright.gif) repeat-y top right; }
table.roundBox tfoot.tint_yellow td.left { background: url(/jCommunity/images/roundbox/yellow/bottomleft.gif) no-repeat bottom left; }
table.roundBox tfoot.tint_yellow td.center { background: url(/jCommunity/images/roundbox/yellow/bottomcenter.gif) repeat-x bottom left; }
table.roundBox tfoot.tint_yellow td.right { background: url(/jCommunity/images/roundbox/yellow/bottomright.gif) no-repeat bottom right; }

/* Note: Because these table can be nested, the THEAD TD.LEFT has to be written after
the TBODY TD.LEFT in a nested table, the latter defined style will apply last: A good
rule is to apply the TBODY styles before anything else. */
table.roundBox thead td.left { height: 26px; }
table.roundBox thead.tint_blue td.left {background: url(/jCommunity/images/roundbox/blue/topleft.gif) no-repeat top left; border-bottom: 1px solid #E1E6F3; }
table.roundBox thead.tint_cobalt td.left {background: url(/jCommunity/images/roundbox/cobalt/topleft.gif) no-repeat top left; border-bottom: 1px solid #d5dcee; }
table.roundBox thead.tint_green td.left {background: url(/jCommunity/images/roundbox/green/topleft.gif) no-repeat top left; border-bottom: 1px solid #e1f3ee; }
table.roundBox thead.tint_grey td.left {background: url(/jCommunity/images/roundbox/grey/topleft.gif) no-repeat top left; border-bottom: 1px solid #eaeaea; }
table.roundBox thead.tint_orange td.left {background: url(/jCommunity/images/roundbox/orange/topleft.gif) no-repeat top left; border-bottom: 1px solid #f3e5e1; }
table.roundBox thead.tint_pink td.left {background: url(/jCommunity/images/roundbox/pink/topleft.gif) no-repeat top left; border-bottom: 1px solid #eee1f3; }
table.roundBox thead.tint_purple td.left {background: url(/jCommunity/images/roundbox/purple/topleft.gif) no-repeat top left; border-bottom: 1px solid #eee1f3; }
table.roundBox thead.tint_red td.left {background: url(/jCommunity/images/roundbox/red/topleft.gif) no-repeat top left; border-bottom: 1px solid #f3e5e1; }
table.roundBox thead.tint_yellow td.left {background: url(/jCommunity/images/roundbox/yellow/topleft.gif) no-repeat top left; border-bottom: 1px solid #eff3e1; }

table.roundBox thead td.center { font-weight: bold; padding: 0 0 0 .5em; height: 26px; }
table.roundBox thead.tint_blue td.center { background: url(/jCommunity/images/roundbox/blue/topcenter.gif) no-repeat top left; border-bottom: 1px solid #E1E6F3; }
table.roundBox thead.tint_cobalt td.center { background: url(/jCommunity/images/roundbox/cobalt/topcenter.gif) no-repeat top left; border-bottom: 1px solid #d5dcee; }
table.roundBox thead.tint_green td.center { background: url(/jCommunity/images/roundbox/green/topcenter.gif) no-repeat top left; border-bottom: 1px solid #e1f3ee; }
table.roundBox thead.tint_grey td.center { background: url(/jCommunity/images/roundbox/grey/topcenter.gif) no-repeat top left; border-bottom: 1px solid #eaeaea; }
table.roundBox thead.tint_orange td.center { background: url(/jCommunity/images/roundbox/orange/topcenter.gif) no-repeat top left; border-bottom: 1px solid #f3e5e1; }
table.roundBox thead.tint_pink td.center { background: url(/jCommunity/images/roundbox/pink/topcenter.gif) no-repeat top left; border-bottom: 1px solid #eee1f3; }
table.roundBox thead.tint_purple td.center { background: url(/jCommunity/images/roundbox/purple/topcenter.gif) no-repeat top left; border-bottom: 1px solid #eee1f3; }
table.roundBox thead.tint_red td.center { background: url(/jCommunity/images/roundbox/red/topcenter.gif) no-repeat top left; border-bottom: 1px solid #f3e5e1; }
table.roundBox thead.tint_yellow td.center { background: url(/jCommunity/images/roundbox/yellow/topcenter.gif) no-repeat top left; border-bottom: 1px solid #eff3e1; }

table.roundBox thead td.right { height: 26px; }
table.roundBox thead.tint_blue td.right { background: url(/jCommunity/images/roundbox/blue/topright.gif) no-repeat top right; border-bottom: 1px solid #E1E6F3; }
table.roundBox thead.tint_cobalt td.right { background: url(/jCommunity/images/roundbox/cobalt/topright.gif) no-repeat top right; border-bottom: 1px solid #d5dcee; }
table.roundBox thead.tint_green td.right { background: url(/jCommunity/images/roundbox/green/topright.gif) no-repeat top right; border-bottom: 1px solid #e1f3ee; }
table.roundBox thead.tint_grey td.right { background: url(/jCommunity/images/roundbox/grey/topright.gif) no-repeat top right; border-bottom: 1px solid #eaeaea; }
table.roundBox thead.tint_orange td.right { background: url(/jCommunity/images/roundbox/orange/topright.gif) no-repeat top right; border-bottom: 1px solid #f3e5e1; }
table.roundBox thead.tint_pink td.right { background: url(/jCommunity/images/roundbox/pink/topright.gif) no-repeat top right; border-bottom: 1px solid #eee1f3; }
table.roundBox thead.tint_purple td.right { background: url(/jCommunity/images/roundbox/purple/topright.gif) no-repeat top right; border-bottom: 1px solid #eee1f3; }
table.roundBox thead.tint_red td.right { background: url(/jCommunity/images/roundbox/red/topright.gif) no-repeat top right; border-bottom: 1px solid #f3e5e1; }
table.roundBox thead.tint_yellow td.right { background: url(/jCommunity/images/roundbox/yellow/topright.gif) no-repeat top right; border-bottom: 1px solid #eff3e1; }





table.squareBox { width: 100%; border-collapse: collapse; margin: .5em 0 0 0;}
table.squareBox td { padding: 0; }
table.squareBox td.left, table.squareBox td.right { width: 5px; }

table.squareBox tfoot td.center { height: 12px; }
table.squareBox tbody.tint_blue td.left { background: url(/jCommunity/images/squarebox/blue/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_blue td.right { background: url(/jCommunity/images/squarebox/blue/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_blue td.left { background: url(/jCommunity/images/squarebox/blue/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_blue td.center { background: url(/jCommunity/images/squarebox/blue/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_blue td.right { background: url(/jCommunity/images/squarebox/blue/bottomright.gif) no-repeat bottom right; }

table.squareBox tbody.tint_cobalt td.left { background: url(/jCommunity/images/squarebox/cobalt/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_cobalt td.right { background: url(/jCommunity/images/squarebox/cobalt/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_cobalt td.left { background: url(/jCommunity/images/squarebox/cobalt/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_cobalt td.center { background: url(/jCommunity/images/squarebox/cobalt/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_cobalt td.right { background: url(/jCommunity/images/squarebox/cobalt/bottomright.gif) no-repeat bottom right; }

table.squareBox tbody.tint_green td.left { background: url(/jCommunity/images/squarebox/green/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_green td.right { background: url(/jCommunity/images/squarebox/green/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_green td.left { background: url(/jCommunity/images/squarebox/green/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_green td.center { background: url(/jCommunity/images/squarebox/green/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_green td.right { background: url(/jCommunity/images/squarebox/green/bottomright.gif) no-repeat bottom right; }

table.squareBox tbody.tint_grey td.left { background: url(/jCommunity/images/squarebox/grey/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_grey td.right { background: url(/jCommunity/images/squarebox/grey/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_grey td.left { background: url(/jCommunity/images/squarebox/grey/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_grey td.center { background: url(/jCommunity/images/squarebox/grey/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_grey td.right { background: url(/jCommunity/images/squarebox/grey/bottomright.gif) no-repeat bottom right; }

table.squareBox tbody.tint_orange td.left { background: url(/jCommunity/images/squarebox/orange/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_orange td.right { background: url(/jCommunity/images/squarebox/orange/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_orange td.left { background: url(/jCommunity/images/squarebox/orange/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_orange td.center { background: url(/jCommunity/images/squarebox/orange/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_orange td.right { background: url(/jCommunity/images/squarebox/orange/bottomright.gif) no-repeat bottom right; }

table.squareBox tbody.tint_pink td.left { background: url(/jCommunity/images/squarebox/pink/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_pink td.right { background: url(/jCommunity/images/squarebox/pink/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_pink td.left { background: url(/jCommunity/images/squarebox/pink/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_pink td.center { background: url(/jCommunity/images/squarebox/pink/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_pink td.right { background: url(/jCommunity/images/squarebox/pink/bottomright.gif) no-repeat bottom right; }

table.squareBox tbody.tint_purple td.left { background: url(/jCommunity/images/squarebox/purple/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_purple td.right { background: url(/jCommunity/images/squarebox/purple/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_purple td.left { background: url(/jCommunity/images/squarebox/purple/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_purple td.center { background: url(/jCommunity/images/squarebox/purple/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_purple td.right { background: url(/jCommunity/images/squarebox/purple/bottomright.gif) no-repeat bottom right; }

table.squareBox tbody.tint_red td.left { background: url(/jCommunity/images/squarebox/red/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_red td.right { background: url(/jCommunity/images/squarebox/red/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_red td.left { background: url(/jCommunity/images/squarebox/red/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_red td.center { background: url(/jCommunity/images/squarebox/red/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_red td.right { background: url(/jCommunity/images/squarebox/red/bottomright.gif) no-repeat bottom right; }

table.squareBox tbody.tint_yellow td.left { background: url(/jCommunity/images/squarebox/yellow/midleft.gif) repeat-y top left; }
table.squareBox tbody.tint_yellow td.right { background: url(/jCommunity/images/squarebox/yellow/midright.gif) repeat-y top right; }
table.squareBox tfoot.tint_yellow td.left { background: url(/jCommunity/images/squarebox/yellow/bottomleft.gif) no-repeat bottom left; }
table.squareBox tfoot.tint_yellow td.center { background: url(/jCommunity/images/squarebox/yellow/bottomcenter.gif) repeat-x bottom left; }
table.squareBox tfoot.tint_yellow td.right { background: url(/jCommunity/images/squarebox/yellow/bottomright.gif) no-repeat bottom right; }

/* Note: Because these table can be nested, the THEAD TD.LEFT has to be written after
the TBODY TD.LEFT in a nested table, the latter defined style will apply last: A good
rule is to apply the TBODY styles before anything else. */
table.squareBox thead td.left { height: 26px; }
table.squareBox thead.tint_blue td.left {background: url(/jCommunity/images/squarebox/blue/topleft.gif) no-repeat top left; border-bottom: 1px solid #E1E6F3; }
table.squareBox thead.tint_cobalt td.left {background: url(/jCommunity/images/squarebox/cobalt/topleft.gif) no-repeat top left; border-bottom: 1px solid #d5dcee; }
table.squareBox thead.tint_green td.left {background: url(/jCommunity/images/squarebox/green/topleft.gif) no-repeat top left; border-bottom: 1px solid #e1f3ee; }
table.squareBox thead.tint_grey td.left {background: url(/jCommunity/images/squarebox/grey/topleft.gif) no-repeat top left; border-bottom: 1px solid #eaeaea; }
table.squareBox thead.tint_orange td.left {background: url(/jCommunity/images/squarebox/orange/topleft.gif) no-repeat top left; border-bottom: 1px solid #f3e5e1; }
table.squareBox thead.tint_pink td.left {background: url(/jCommunity/images/squarebox/pink/topleft.gif) no-repeat top left; border-bottom: 1px solid #eee1f3; }
table.squareBox thead.tint_purple td.left {background: url(/jCommunity/images/squarebox/purple/topleft.gif) no-repeat top left; border-bottom: 1px solid #eee1f3; }
table.squareBox thead.tint_red td.left {background: url(/jCommunity/images/squarebox/red/topleft.gif) no-repeat top left; border-bottom: 1px solid #f3e5e1; }
table.squareBox thead.tint_yellow td.left {background: url(/jCommunity/images/squarebox/yellow/topleft.gif) no-repeat top left; border-bottom: 1px solid #eff3e1; }

table.squareBox thead td.center { font-weight: bold; padding: 0 0 0 .5em; height: 26px; }
table.squareBox thead.tint_blue td.center { background: url(/jCommunity/images/squarebox/blue/topcenter.gif) no-repeat top left; border-bottom: 1px solid #E1E6F3; }
table.squareBox thead.tint_cobalt td.center { background: url(/jCommunity/images/squarebox/cobalt/topcenter.gif) no-repeat top left; border-bottom: 1px solid #d5dcee; }
table.squareBox thead.tint_green td.center { background: url(/jCommunity/images/squarebox/green/topcenter.gif) no-repeat top left; border-bottom: 1px solid #e1f3ee; }
table.squareBox thead.tint_grey td.center { background: url(/jCommunity/images/squarebox/grey/topcenter.gif) no-repeat top left; border-bottom: 1px solid #eaeaea; }
table.squareBox thead.tint_orange td.center { background: url(/jCommunity/images/squarebox/orange/topcenter.gif) no-repeat top left; border-bottom: 1px solid #f3e5e1; }
table.squareBox thead.tint_pink td.center { background: url(/jCommunity/images/squarebox/pink/topcenter.gif) no-repeat top left; border-bottom: 1px solid #eee1f3; }
table.squareBox thead.tint_purple td.center { background: url(/jCommunity/images/squarebox/purple/topcenter.gif) no-repeat top left; border-bottom: 1px solid #eee1f3; }
table.squareBox thead.tint_red td.center { background: url(/jCommunity/images/squarebox/red/topcenter.gif) no-repeat top left; border-bottom: 1px solid #f3e5e1; }
table.squareBox thead.tint_yellow td.center { background: url(/jCommunity/images/squarebox/yellow/topcenter.gif) no-repeat top left; border-bottom: 1px solid #eff3e1; }

table.squareBox thead td.right { height: 26px; }
table.squareBox thead.tint_blue td.right { background: url(/jCommunity/images/squarebox/blue/topright.gif) no-repeat top right; border-bottom: 1px solid #E1E6F3; }
table.squareBox thead.tint_cobalt td.right { background: url(/jCommunity/images/squarebox/cobalt/topright.gif) no-repeat top right; border-bottom: 1px solid #d5dcee; }
table.squareBox thead.tint_green td.right { background: url(/jCommunity/images/squarebox/green/topright.gif) no-repeat top right; border-bottom: 1px solid #e1f3ee; }
table.squareBox thead.tint_grey td.right { background: url(/jCommunity/images/squarebox/grey/topright.gif) no-repeat top right; border-bottom: 1px solid #eaeaea; }
table.squareBox thead.tint_orange td.right { background: url(/jCommunity/images/squarebox/orange/topright.gif) no-repeat top right; border-bottom: 1px solid #f3e5e1; }
table.squareBox thead.tint_pink td.right { background: url(/jCommunity/images/squarebox/pink/topright.gif) no-repeat top right; border-bottom: 1px solid #eee1f3; }
table.squareBox thead.tint_purple td.right { background: url(/jCommunity/images/squarebox/purple/topright.gif) no-repeat top right; border-bottom: 1px solid #eee1f3; }
table.squareBox thead.tint_red td.right { background: url(/jCommunity/images/squarebox/red/topright.gif) no-repeat top right; border-bottom: 1px solid #f3e5e1; }
table.squareBox thead.tint_yellow td.right { background: url(/jCommunity/images/squarebox/yellow/topright.gif) no-repeat top right; border-bottom: 1px solid #eff3e1; }



/*
	A rounded gradient box, usually for making a section header stand out.
	If this is rendered within another box, it may inherit some of the styles,
	so it works differently to other box code to minimise the inheritance
*/

table.bubbleBox_tint_blue, table.bubbleBox_tint_cobalt, table.bubbleBox_tint_green,
table.bubbleBox_tint_grey, table.bubbleBox_tint_orange, table.bubbleBox_tint_pink,
table.bubbleBox_tint_purple, table.bubbleBox_tint_red, table.bubbleBox_tint_yellow {
	border-collapse: collapse;	
}

table.bubbleBox_tint_blue td, table.bubbleBox_tint_cobalt td, table.bubbleBox_tint_green td,
table.bubbleBox_tint_grey td, table.bubbleBox_tint_orange td, table.bubbleBox_tint_pink td,
table.bubbleBox_tint_purple td, table.bubbleBox_tint_red td, table.bubbleBox_tint_yellow td {
	padding: 0; width: 6px; height: 6px; vertical-align: middle;
}

table.bubbleBox_tint_blue td.cntr, table.bubbleBox_tint_cobalt td.cntr, table.bubbleBox_tint_green td.cntr,
table.bubbleBox_tint_grey td.cntr, table.bubbleBox_tint_orange td.cntr, table.bubbleBox_tint_pink td.cntr,
table.bubbleBox_tint_purple td.cntr, table.bubbleBox_tint_red td.cntr, table.bubbleBox_tint_yellow td.cntr {
	padding: 0 1em;
}

table.bubbleBox_tint_blue tr.top td { background: url(/jCommunity/images/bubbleBox/blue/topcenter.gif) repeat-x top left; vertical-align: bottom;}
table.bubbleBox_tint_blue tr.center td { background: url(/jCommunity/images/bubbleBox/blue/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_blue tr.bottom td { background: url(/jCommunity/images/bubbleBox/blue/bottomcenter.gif) repeat-x bottom left;}

table.bubbleBox_tint_cobalt tr.top td { background: url(/jCommunity/images/bubbleBox/cobalt/topcenter.gif) repeat-x top left;  vertical-align: bottom;}
table.bubbleBox_tint_cobalt tr.center td { background: url(/jCommunity/images/bubbleBox/cobalt/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_cobalt tr.bottom td { background: url(/jCommunity/images/bubbleBox/cobalt/bottomcenter.gif) repeat-x bottom left;}

table.bubbleBox_tint_green tr.top td { background: url(/jCommunity/images/bubbleBox/green/topcenter.gif) repeat-x top left;  vertical-align: bottom;}
table.bubbleBox_tint_green tr.center td { background: url(/jCommunity/images/bubbleBox/green/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_green tr.bottom td { background: url(/jCommunity/images/bubbleBox/green/bottomcenter.gif) repeat-x bottom left;}

table.bubbleBox_tint_grey tr.top td { background: url(/jCommunity/images/bubbleBox/grey/topcenter.gif) repeat-x top left;  vertical-align: bottom;}
table.bubbleBox_tint_grey tr.center td { background: url(/jCommunity/images/bubbleBox/grey/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_grey tr.bottom td { background: url(/jCommunity/images/bubbleBox/grey/bottomcenter.gif) repeat-x bottom left;}

table.bubbleBox_tint_orange tr.top td { background: url(/jCommunity/images/bubbleBox/orange/topcenter.gif) repeat-x top left;  vertical-align: bottom;}
table.bubbleBox_tint_orange tr.center td { background: url(/jCommunity/images/bubbleBox/orange/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_orange tr.bottom td { background: url(/jCommunity/images/bubbleBox/orange/bottomcenter.gif) repeat-x bottom left;}

table.bubbleBox_tint_pink tr.top td { background: url(/jCommunity/images/bubbleBox/pink/topcenter.gif) repeat-x top left;  vertical-align: bottom;}
table.bubbleBox_tint_pink tr.center td { background: url(/jCommunity/images/bubbleBox/pink/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_pink tr.bottom td { background: url(/jCommunity/images/bubbleBox/pink/bottomcenter.gif) repeat-x bottom left;}

table.bubbleBox_tint_purple tr.top td { background: url(/jCommunity/images/bubbleBox/purple/topcenter.gif) repeat-x top left;  vertical-align: bottom;}
table.bubbleBox_tint_purple tr.center td { background: url(/jCommunity/images/bubbleBox/purple/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_purple tr.bottom td { background: url(/jCommunity/images/bubbleBox/purple/bottomcenter.gif) repeat-x bottom left;}

table.bubbleBox_tint_red tr.top td { background: url(/jCommunity/images/bubbleBox/red/topcenter.gif) repeat-x top left;  vertical-align: bottom;}
table.bubbleBox_tint_red tr.center td { background: url(/jCommunity/images/bubbleBox/red/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_red tr.bottom td { background: url(/jCommunity/images/bubbleBox/red/bottomcenter.gif) repeat-x bottom left;}

table.bubbleBox_tint_yellow tr.top td { background: url(/jCommunity/images/bubbleBox/yellow/topcenter.gif) repeat-x top left;  vertical-align: bottom;}
table.bubbleBox_tint_yellow tr.center td { background: url(/jCommunity/images/bubbleBox/yellow/midcenter.gif) repeat-x top left;}
table.bubbleBox_tint_yellow tr.bottom td { background: url(/jCommunity/images/bubbleBox/yellow/bottomcenter.gif) repeat-x bottom left;}