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

body
{
	text-align: center;
	margin: 0;
	padding: 0;
}

div#contentBox
{
	margin: 0 auto 0 auto;
	width: 800px;
}

.metricsBackground
{
    background-color:#F8FDE3;
    text-align:center;
}

.labelText
{
	color:#9d313e;
	width:35%;
	text-align:right;
	background-color:#d6dae3;
}

.dataText
{
	color:#666666;
	width:65%;
	text-align:left;
    background-color:#d6dae3;
    font-weight:bold;
}

.loginLabelText
{
	color:#9d313e;
	width:50%;
	text-align:right;
	background-color:#d6dae3;
}

.loginDataText
{
	color:#666666;
	width:100%;
	text-align:left;
    background-color:#d6dae3;
    font-weight:bold;
}

.tableHeaderTextLeft
{
     color:#9d313e;
     width:35%;
     text-align:right;
     background-color:#a1b2c2;
}

.tableHeaderTextRight
{
     color:#9d313e;
     width:65%;
     text-align:left;
     background-color:#a1b2c2;
}

.ratingHeader
{
	color:#9d313e;
	font-family:Arial Black;
	font-size:small;
	text-align:center;
}

.mainTable
{
    width:600px;
}

.ratingTableDark
{
	width:100%;
	background-color:#bdc8d5;
	vertical-align:top;
}

.ratingTableLight
{
	width:100%;
	background-color:#bdc8d5;
	vertical-align:top;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #F8FDE3;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
    color: white;
}