body { font-family: Verdana, Tahoma, Helvetica, Arial, Sans-Serif; font-size: 11px; margin: 0; padding: 0; color: #000; background-color: #fff; }
.odd {background-color: #fff;}
.even {background-color: #F7F7DE;}

.no-records {color: #f00 !important; background-color: #fff !important; border: 1px solid #f00; text-align:center;}
#sidebar, .version {display: none;}

/* Reports */

.download-icon {display: none;}

#report {color: #000;  margin: 5px auto; width: 900px; background-color: #fff; border: solid 1px #ccc;}
#filters {display: none;}

#chart {width: 800px; margin: 20px auto 10px auto;}
#chart img.chart {margin: 0 auto; display: block;}

.report-legend {font-size: 12px;}
#filter-summary {margin: 7px; padding-left: 100px;}
#projects-report {margin: 5px auto; padding: 5px 10px;}

#projects-report .projects-table, #ctl00_cph_gvProjects {width: 100%; margin: 10px auto;}
#projects-report caption, #ctl00_cph_gvProjects caption {margin: 5px 5px 7px 5px; font-weight: bold;}
#projects-report .projects-table td, #ctl00_cph_gvProjects td {padding: 2px 5px;}

/*#ctl00_cph_updPanelProjectDetails {page-break-after: avoid;}*/

.project-number {text-align: center; width: 85px;}
.project-link {padding-left: 30px !important;}
.project-link a { padding-right: 5px; vertical-align: middle;}
.project-date {text-align: center; width: 120px;}

#report-title, #report-description {text-align: center;}
h1 {font-size: 1.3em; }
h2 {font-size: 1.1em; }

td.indicator {width: 32px; }

.dirty-project {padding: 0 5px; font-weight: bold; border: solid 1px #f00; color: #f00; vertical-align: middle;}
.has-photos {width: 16px; height: 16px; vertical-align: middle;}

.image {padding: 7px 5px;}
.image-row {padding: 7px 0;}
/*.attachment {width: 610px;}*/

.close-details {display:none;}

/*#report-wrapper div[id] {float: left; width: 48%;}*/
#ctl00_cph_contractorStatsCtl_updPanel, #ctl00_cph_contractorStatsCtl_updPanelDetails,
 #ctl00_cph_regionStatsCtl_updPanel, #ctl00_cph_regionStatsCtl_updPanelDetails {float: left;}

#ctl00_cph_regionStatsCtl_updPanel, #ctl00_cph_regionStatsCtl_updPanelDetails {width: 45%;}
 
#ctl00_cph_contractorStatsCtl_updPanel {width: 350px;}
#ctl00_cph_contractorStatsCtl_updPanelDetails {width: 410px;}

#ctl00_cph_employeeStatsCtl_updPanelDetails {width: 400px; margin: 0 auto;}
 
#report-wrapper {margin: 20px auto 10px auto;}
#report-wrapper .report {margin: 10px auto; width: 100%;}
#report-wrapper .report td {padding: 5px 4px;}
#report-wrapper .stats-value {text-align: center;  width: 60px;}
#report-wrapper .report a {padding: 4px;}
#report-wrapper .report .row-header {padding-left: 20px;}
.row-header {width: 110px;}

#details-wrapper {margin: 0 auto; padding: 0 10px;}
#project-details {margin: 5px auto;}
#project-details table {width: 100%;}
#project-details td {padding: 2px 5px;}

#project-answers {width: 800px; background-color: #fff; color: #000; margin: 15px auto;}

/*
.current td {background: none;}
.current td {background-color: #dcdcdc !important; border: dashed 2px #f00;}
.current {border: dashed 2px #f00;}
*/

.current td {border-top: dashed 2px #f00; border-bottom: dashed 2px #f00;}
.current td:first-child {border-left: dashed 2px #f00; border-top: dashed 2px #f00; border-bottom: dashed 2px #f00;}
.current td:first-child {background-color: #dcdcdc !important; background: url(../Images/current-item.png) no-repeat 0 50%;}

.current td {background: none;}
.current td {background-color: #dcdcdc !important;}
.current td:first-child {background-color: #dcdcdc !important; background: url(../Images/current-item.png) no-repeat 0 50%;}

.report-answer-row {border-bottom: 1px dotted #000; font-family: Trebuchet MS; margin: 0 7px;}
.question, .answer {margin: 5px 7px;}
.positive-answer {color: #090;}
.negative-answer {color: #f00;}
.question-label, .answer-label {font-weight: bold;}

.contractor-name {width: 100px;}

#ctl00_cph_topicNumbersStatsCtl_updPanel {margin: 20px 2px 10px}
#ctl00_cph_topicNumbersStatsCtl_updPanel p {margin: 3px;}

#topic-matrix, #topic-matrix td {border-collapse: collapse; border-bottom: 1px dotted #000}

#topic-matrix td {padding: 2px 4px; text-align: center;}
#topic-matrix .row-header, #topic-matrix .column-header {text-align: left;}
#topic-matrix .column-header {font-weight: bold;}

.total {font-weight: bold;}

#ctl00_cph_projectStatsCtl_updPanelDetails {margin: 0 auto !important; float:none !important; width: 100% !important;}
#ctl00_cph_projectStatsCtl_updPanelDetails table {width: 500px !important;}