/*================================================================
    Analysis page rules
================================================================*/

#analysisOptionsForm {
  background: #fff url(bottomcorners12.gif) center bottom no-repeat;
  margin: 16px 0;
  padding: 0;
  width: 920px;
}

#analysisOptionsForm, #analysisOptionsForm label, #analysisOptionsForm select, #analysisOptionsForm .text {
  font-size: 11px;
}

#analysisDataViewField, #analysisXaxisField {
  display: inline;
  float: left;
}

#analysisDataViewField {
  padding: 12px 11px 12px 12px;
  width: 366px;
}

#analysisXaxisField {
  border-left: 1px solid #ccc;
  padding: 12px;
  width: 506px;
  position: relative;
}

#analysisFilterSearch {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

#analysis #projectFiltersSubmit { visibility: hidden; }

#analysisOptionsForm h4 {
  border: 0;
  color: #333;
  font: bold 15px/1.2 Helvetica, Arial, sans-serif;
  margin: 10px 0;
  padding: 0;
}

#analysis #companyNameList {
  height: 80px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#analysisTabs {
  list-style: none;
  margin: 0;
  padding: 0 8px;
  height: 15px;
  border-bottom: 2px solid #cd4126;
}

#analysisTabs li {
  background: #bfb28a;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  line-height: 12px;
  height: 12px;
  font-weight: bold;
  display: inline;
  margin: 0 8px 0 0;
  padding: 2px 8px;
  position: relative;
}

#analysisTabs li.selected {
  background: #cd4126;
  cursor: default;
}

#analysisTabs li .tabRemover {
  cursor: pointer;
}

#graphContainer {
  margin: 0 auto;
  width: 902px;
}

#graphContainer .canvasWrapper1 {
  background: url(graphbottom.gif) center bottom no-repeat;
  display: inline;
  float: left;
  padding-bottom: 12px;
}

#cumulativeCapacityGraphWrapper {
  margin-right: 30px;
}

#categorizedCapacityGraphWrapper {
  background: url(graphbottomwide.gif) center bottom no-repeat !important;
  margin-left: 83px;
}

#graphContainer .canvasWrapper2 {
  background: url(graphtop.gif) center top no-repeat;
  padding: 2px 7px 0;
}

#categorizedCapacityGraphWrapper .canvasWrapper2 {
  background: url(graphtopwide.gif) center top no-repeat !important;
}

#graphContainer canvas {
  border: 1px solid #968e67;
}

.graphLinks {
  background: #fff;
  border: 1px solid #968e67;
  border-top: none;
  color: #666;
  font-size: 10px;
  padding: 0 8px 2px;
  position: absolute;
}

.analysisHelp.window .contentHolder {
  background: #fff;
}

.analysisHelp.window .content {
  padding: 12px;
}

.analysisHelp.window h4 {
  color: #444;
  font: normal 18px/1.0 Helvetica, Arial, sans-serif;
  margin: 0 0 18px;
  padding: 0;
  text-align: left;
}

.analysisHelp.window p, .analysisHelp.window ul {
  color: #000;
  font: normal 13px/1.385 Helvetica, Arial, sans-serif;
  margin: 18px 0;
  padding: 0;
  text-align: left;
}

#analysis .step {
  color: #444;
  font: normal 13px/1.385 Helvetica, Arial, sans-serif;
  margin: 0 auto 20px;
}

#analysis #step1, #analysis #step4 {
  width: 608px;
}

#analysis #step2, #analysis #step3 {
  padding-bottom: 4px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 4px;
}

#analysis .step span {
  color: #000;
  font-style: italic;
  font-weight: bold;
}

.chartsWindow.window .contentHolder {
  background: #efebd9;
}

.chartsWindow.window .content {
  padding: 0;
}

.chartsWindow.window .content .main {
  width: 358px !important;
  overflow: hidden;
  padding: 12px;
}