/* ######### CSS for Shade Tabs. Remove if not using ######### */

.CXtabs						{ padding: 0; margin: 0; overflow: hidden; background: transparent; margin-left: 10px; }

.CXtabs ul					{ margin: 0; padding: 0; list-style: none; }

.CXtabs li					{ display: inline; margin: 0 2px 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

.CXtabs li a, 
.CXtabs li a:visited		{ float: left; color: white; background: #237781 url(../images/greenRoundLeft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
							  margin: 0 2px 0 0; padding: 0 0 0 3px; text-decoration: none; }

.CXtabs li a span			{ float: left; display: block; background: transparent url(../images/greenRoundRight.gif) no-repeat right top; /*right corner image*/
							  padding: 7px 10px 5px 10px; cursor: pointer; } 

.CXtabs li a:hover			{ background-color: #237781; /*background color of tabs onMouseover*/ color: white; }

.CXtabs li a.selected		{ background: #237781 url(../images/redRoundLeft.gif) no-repeat left top; color: white; }

.CXtabs li a.selected span	{ background: url(../images/redRoundRight.gif) no-repeat right top; color: white; }

.CXtabs li a.selected:hover	{ text-decoration: none; }

.CXtabContent				{ display: none; padding: 10px; }

@media print {
.CXtabContent 				{ display:block !important; } }