.TitlePanelBrown, .TitlePanelBlue
{
    height:41px;
    overflow: hidden;
}

.TitlePanelBrown .titlePanelBody, .TitlePanelBlue .titlePanelBody
{
    background-repeat:repeat-x;
    float:left;
    height:41px;
    font-size:1.1em;
    color:#fff;
}

.TitlePanelBrown .titlePanelBody
{
    background-image:url(images/titlepanel-bg.gif);
}

.TitlePanelBlue .titlePanelBody
{
    background-image:url(images/titlepanel-bg-blue.gif);
}

.TitlePanelBrown .textualContent, .TitlePanelBlue .textualContent
{
    font-weight:bold;
    position:relative;
    top:8px;
    margin-left:20px;
    margin-right:20px;
}

.TitlePanelBrown .leftEdge, .TitlePanelBrown .rightEdge,
.TitlePanelBlue .leftEdge, .TitlePanelBlue .rightEdge
{
    float:left;
    width:5px;
    height:41px;  
}

.TitlePanelBrown .leftEdge
{
    background-image:url(images/titlepanel-leftedge.gif);
    background-repeat:no-repeat;
}

.TitlePanelBrown .rightEdge
{
    background-image:url(images/titlepanel-rightedge.gif);
    background-repeat:no-repeat;
}

.TitlePanelBlue .leftEdge
{
    background-image:url(images/titlepanel-blue-leftedge.gif);
    background-repeat:no-repeat;
}

.TitlePanelBlue .rightEdge
{
    background-image:url(images/titlepanel-blue-rightedge.gif);
    background-repeat:no-repeat;
}

.titlePanelTabSection
{
	float:right;
	position:relative;
	top:-7px;
	margin-right:5px;
	font-size:.7em;
	clear:both;
}

.titlePanelTab-Brown, .titlePanelTab-Blue,
.titlePanelTab-Brown-Active, .titlePanelTab-Blue-Active
{
	text-decoration:none;
	text-align:center;
	height:30px;
	float:left;
	margin-right:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	background-repeat:repeat-x;
	line-height:2.7em;
}

.titlePanelTab-Brown
{
	background-color:#777;
	color:#fff;
}

.titlePanelTab-Blue
{
	background-color:#489cd4;
	color:#fff;
}

.titlePanelTab-Brown-Active
{
    background-image:url(images/tab-brown-active-bg.png);
    color:#000;
}

.titlePanelTab-Blue-Active
{
    background-image:url(images/tab-blue-active-bg.png);
    color:#0f518e;
}