/*@charset "utf-8";*/

/* Chart image maps */



/* Reports */

#filters input.search-project-number {width: 60px; padding: 0 2px;}
#search-by-project-number {margin: 0 5px; font-size: 12px;}

#export-options {margin: 5px auto;}
.download-icon {width: 24px; height: 24px; vertical-align: middle;}
#ctl00_cph_btnCsv {position: relative; left: 100px;}

.unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}

.select-box {background-image: url(../images/select-box.png); background-position: right top; background-repeat: no-repeat; padding-left: 2px;
             cursor: pointer; cursor: hand; }

#ctl00_cph_monthsCtl_ddlMonths {width: 148px; height: 23px;}
.txt-months {vertical-align: middle; padding: 0; margin: 0; cursor: pointer;}
#ctl00_cph_monthsCtl_chkList, .items-panel {border-collapse:collapse; text-align: left;}
#ctl00_cph_monthsCtl_chkList input, #ctl00_cph_monthsCtl_chkList label, .items-panel input, .items-panellabel {vertical-align: middle; cursor: pointer;}

.multidropdown {color: rgb(0, 0, 0); background-color: #F8F8FF; border: 1px solid Gray; height: 255px; width: 147px; font-size: 12px;
					position: absolute; z-index: 1000; margin: 0; padding: 0;}

#ctl00_cph_monthsCtl_chkList label, .items-panel label {padding: 2px 5px; width: 100px;}
#ctl00_cph_monthsCtl_chkList tr:hover, .items-panel tr:hover {background-color: #F6DD75;}

#filters {margin: 5px auto; text-align: center;}
#ctl00_cph_updFilters {display: inline;}
#filters-2ndrow {margin: 4px auto;}
#ctl00_cph_btnGenerateReport.emp-report {margin-left: 30px;}

#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 tr:hover, #ctl00_cph_gvProjects tr:hover {background-color: #F6DD75;}
#projects-report .projects-table td, #ctl00_cph_gvProjects td {padding: 2px 5px;}

.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; }

.dirty-project {background-color: #ff0; padding: 0 5px; font-weight: bold; cursor: default; 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 {background-color:#ffa; border:1px solid #cc9; padding:3px; font-size: 11px; z-index: 100; position: relative; top: -10px; left: 425px; }
.close-details a {text-decoration: 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%; margin: 20px 10px 10px 15px;}
 
#ctl00_cph_contractorStatsCtl_updPanel {width: 350px; margin: 20px 5px 10px 10px;}
#ctl00_cph_contractorStatsCtl_updPanelDetails {width: 420px; margin: 20px 5px 10px 10px;}

#ctl00_cph_employeeStatsCtl_updPanelDetails {width: 400px; margin: 0 auto;}

##report-wrapper {margin: 20px 10px 10px 15px;}

##report-wrapper > div[id] {padding: 20px 10px 10px 15px;}

#report-wrapper .report {margin: 10px auto; width: 100%;}
#report-wrapper .report td {padding: 5px 2px 5px 5px;}
/*#report-wrapper .report td span {white-space: nowrap;}*/
#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: 3px 5px;}

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

.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%;}

/*.current {background-color: #dcdcdc !important; background: url(../Images/current-item.png) no-repeat 0 0;}*/

.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; 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;}



.subanswer-label { font-weight: bold;}
.subanswer {padding: 7px 5px;}
.subanswer-text {}
.subanswer-answer {width: 40px; font-style: italic;}



/* not used anymore */
select, input[id*=rptReports], div[id*=divDropDown] label{cursor: pointer;}
#rptReports {width: 100%;}
#reportPanel {height: 100%; float: left; width:76%; margin-right:0; padding-right:0; border-left: solid 1px; 
             font-weight: bold;}
#reportsTree {width: 20%; float: left; height: 100%; font-weight: bold; margin-right: 2%; margin-left: 0;}
div[id*=ReportDiv] {width: 100%; overflow: auto !important; min-height: 100%}