.tabFrame
{
	width: 268px;
}

.innerContent
{
	background-color: #e8e6e1;
}

.rightColumnContent
{
	padding-left: 15px;
	padding-right: 15px;
}

.leftColumnContent
{
	padding-left: 15px;
	padding-right: 15px;
}

.innerHeader
{
	margin-top: 25px;
	margin-bottom: 45px;
}

.innerContentFrame
{
	padding-top: 36px;
}

.innerHeader .headerText
{
	width: 47%;
}

/* trait stuff */

p.traitTitle
{
	font-weight: 900;
	font-size: 9pt;
	line-height: 1.25em;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
}

img.traitTitle
{
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-top: 1em;
}

.traitDate
{
	font-size: 9pt;
	line-height: 1.25em;
	color: #5c650a;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
}

.traitFinder
{
	font-size: 9pt;
	line-height: 1.25em;
	color: #5c650a;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
}

.traitDescr
{
	font-size: 9pt;
	line-height: 1.25em;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
}

/* sized content */

.small .traitPanel
{
	width: 164px;
}

.medium .traitPanel
{
	width: 214px;
}

.large .traitPanel
{
	width: 248px;
}

.huge .traitPanel
{
	width: 300px;
}

.traitPanel
{
	margin-left: auto;
	margin-right: auto;
}

.traitHeaderSmall
{
	margin-left: 35px;
	margin-right: 35px;
	margin-bottom: 20px;
}

.traitHeaderMedium
{
	margin-left: 65px;
	margin-right: 65px;
	margin-bottom: 20px;
}

.traitHeaderLarge
{
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 20px;
}

/* overrides */

.contentRow
{
	margin-bottom: 40px;
}

/* page specific styling for tabs on/off */

.tabFrameContent #tabImage_1
{
	background-image: url("../img/traits/tab_1_off.png");
}

.tabFrameContent .tabActive #tabImage_1
{
	background-image: url("../img/traits/tab_1_on.png");
}

.tabFrameContent #tabImage_2
{
	background-image: url("../img/traits/tab_2_off.png");
}

.tabFrameContent .tabActive #tabImage_2
{
	background-image: url("../img/traits/tab_2_on.png");
}