﻿body
{
	font-size: .75em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}

#leftMargin
{
	width: 0px;
}

#rightMargin
{
	width: 0px;
}


#leftLowerMargin
{
	height: 0px;
}

#lowerMargin
{
	height: 0px;
}

#rightLowerMargin
{
	height: 0px;
}

.page
{
}

h1, h2, h3, h4, h5, h6
{
	color: black;
}

h1
{
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	font-size: 1.5em;
	padding: 0 0 10px 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}




p.warning-text
{
	font-weight: bold;
	color: #FF0000;
}

h3.warning-text
{
	text-decoration: underline;
	color: #FF0000;
}

ol li
{
	margin-bottom: 1em;
}

th
{
	font-weight: bold;
	text-align: left;
	background-color: black;
	color: white;
	padding: 10px;
	border-left : none;
}	

td
{
	padding: 7px;
}

/* Blue top of the page header */

#header
{
	background-position: bottom;
	height: 50px;
	background-image: url('Images/Header.png');
	background-repeat: repeat;
	padding: 0;
}

#header table
{
	border-collapse: collapse;
	width: 100%;
	padding: 0;
}

#header td a
{
	display: none;
}

#header td.title,
#header td.version
{
	display: none;
}

#header td.logo
{
	padding: 0;
    width: 105px;
	height: 50px;
    background-image: url('Images/BeatSMELogoSmall.png');
    background-position: right center;
}


/* Shaded border stuff */
.topLeftBorder
{
	width: 0px;
	height: 0px;
	padding: 0;
}

.topBorder
{
	height: 0px;
	padding: 0;
}

.topRightBorder
{
	width: 0px;
	height: 0px;
	padding: 0;
}

.leftBorder
{
	width: 0px;
	padding: 0;
}

.rightBorder
{
	width: 16px;
	padding: 0;
}

.bottomLeftBorder
{
	width: 0px;
	height: 0px;
	padding: 0;
}

.bottomBorder
{
	height: 0px;
	padding: 0;
}

.bottomRightBorder
{
	width: 0px;
	height: 0px;
	padding: 0;
}

td.sectionSelected, td.sectionNotSelected, td.sectionFooter, td.sectionGap
{
	border-color: black;
	border-width: medium;
	width: 180px;
}

td.sectionSelected, td.sectionNotSelected
{
	padding: 0.4em 0.8em 0.4em 0.4em;
	font-size: 1.4em;
	border-style: double none double double;
	font-weight: bold;
}

td.sectionSelected
{
	background: black;
	color: White;
}

.sectionNotSelected a, .sectionNotSelected a:link, .sectionNotSelected a:visited
{
	text-decoration: none;
	color: black;
}

.sectionNotSelected a:hover
{
	color: Black;
}

td.sectionNotSelected
{
	color: black;
}

td.sectionGap
{
	border-style: none;
	height: 0.5em;
}

td.questionnaireBorder
{
	border-style: double;
	border-color: black;
	border-width: medium;
	vertical-align: top;
}


.ReportLinks
{
	display:none;
}

.UnansweredQuestion, .AnsweredQuestion
{
	padding: 8px 0px 8px 8px;
	width: 25%;
}

.UnansweredQuestion
{
	color: #FF0000;
}

.AnsweredQuestion
{
	border-style: none;
	background-color: Transparent;
	color: #00CC00;
}

.UnansweredCheckbox, .AnsweredCheckbox
{
	padding: 0px;
}

.QuestionHelpButton
{
}

.QuestionHelpText
{
	font-size: 8pt;
	color: #000000;
	display: none;
}

.RecommendationHeader
{
	background-color: Black;
	padding: 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.RecommendationSection
{
	color: black;
	font-weight: bold;
	text-align: center;
}

.RecommendationBorder
{
	vertical-align: top;
}

.RecommendationBorder, .RecommendationHeader, .Report th, .Report
{
	border: 2px solid #000000;
}

.Recommendation, .MetRecommendation
{
}

.Recommendation
{
	/*color: #FF0000;*/
}

.MetRecommendation
{
	color: #7F7F7F;
	text-decoration: line-through;
}


.AuditHelpText
{
    padding: 2px;
    border: 1px solid #000000;
    font-size: 8pt;
    color: #000000;
    display: none;
    margin-top: 6px;
}


.Report th
{
	background-color: Black;
	padding: 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0px;
	page-break-after: avoid;
}

.Report td
{
	padding: 3px;
}

.Report
{
	margin-bottom: 12px;
	margin-top: 0px;
	border-collapse: collapse;
	width: 100%;
}

.Report td.ReportCaption, .AuditSummaryCaption
{
	font-weight: bold;
	padding: 3px 15px 3px 10px;
	width: 15em;
	vertical-align: top;
}

.leftAlignedColumn
{
    float: left;
}

.chartDataCaption,
.chartDataHeader,
.chartDataDateHeader
{
    font-weight: bold;
	vertical-align: top;
}

.chartDataCaption
{
    padding: 3px 15px 3px 10px;
	width: 9em;
}

.chartDataValue
{
    padding: 3px 15px 3px 10px;
	width: 10em;
	text-align: center; 
}

.chartDataHeader, 
.chartDataDateHeader
{
    padding: 3px 3px 3px 3px;
    width: 11em;  
    text-align: center; 
}

.chartDataDateHeader
{
    width: 10em;  
    color: #1886b9;
}

.sectionHeading
{
    text-decoration: none;
    padding-left: 10px;
    text-align: left;
}

.performanceLoss
{
    text-decoration: underline;
}

.performancePending
{
    color: #747474;
}

.AuditSummaryCaption
{
	width: 8em;
}

.PageBreak
{
	display:block;
	page-break-before:always;
}

td.main-panel,
td.side-panel
{
	vertical-align: top;
	padding: 10px;
}


.AuditHistory
{
	border-collapse: collapse;
}

.AuditHistory th
{
	background-color: Black;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0px;
	page-break-after: avoid;
}

.AuditHistory td
{
	border: 2px solid #000000;
	padding: 3px;
}





/* LINK STYLES */

a:link, a:visited {
	color: black;
	text-decoration: underline;
	}
	
a:hover {
	color: #1D9FDB;
	text-decoration: underline;
	}	
	
a.arrow:link, 
a.arrow:visited {
	color: black;
	text-decoration: underline;
	background: url(../Content/Images/arrow.gif) no-repeat 100% 3px;
	padding: 0 13px 0 0;
	}
	
a.arrow:hover {
	color: #1D9FDB;
	text-decoration: underline;
	background: url(../Content/Images/arrow-hover.gif) no-repeat 100% 3px;
	}		
	
a.arrow-back:link, 
a.arrow-back:visited {
	color: black;
	text-decoration: underline;
	background: url(../Content/Images/arrow-back.gif) no-repeat 0 3px;
	padding: 0 0 0 13px;
	margin: 0 0 0 10px;
	}
	
a.arrow-back:hover {
	color: #1D9FDB;
	text-decoration: underline;
	background: url(../Content/Images/arrow-back-hover.gif) no-repeat 0 3px;
	}	
	
	
	
	
	
	
	
/* FORM CONTROL STYLES */



.main-panel .input-form
{
	width: 430px;
}


.main-panel .input-form *
{
	text-align: right;
}

.main-panel .input-form input,
.main-panel .input-form textarea,
.input-form select
{
	text-align: left;
}

.input-form *
{
	vertical-align: middle;
}

.input-form label.required
{
	font-weight: bold;
}

.input-form input,
.input-form textarea
{
	border: 1px solid #7f9db9;
	padding: 3px;
	margin: 3px;
	font-size: 1.0em;
	width: 18em;
	font-family: Sans-Serif;
}

.input-form select
{
	padding: 3px;
	margin: 3px;
	font-size: 1.0em;
	width: 18.7em;
}

.input-form textarea
{
	height: 5em;
}

.input-form input.submit
{
	width: auto;
	text-align: center;
	padding: 1px;
}

.input-form input.checkbox
{
	border: none;
	width: auto;
}

.input-form a.arrow-back
{
	line-height: 5em;
}


.input-form .input-validation-error
{
	border-color: #993333;
	background-color: #FFCCCC;
}

.validation-summary li
{
	list-style-type: none;
	color: #800000;
}

