@import "common.css";

.okButton {
  width: 100px;
  position: relative;
  left: 40%;
}

.layerTable {
  border-collapse: collapse;
}

.layerSubTable {
  border-collapse: collapse;
}

.layerGroupHeader {
  font-weight: bold;
}

.layerCheckBox {
}

.layerName {
}

.layerRow {
}

.leftColumn {
  left: 0px; width: 320px; 
  padding-right: 0px;
}

.leftColumnSpacer {
  height: 28px;
  background-color: #FFFFFF;
  background-image:url(images/diag-left2.png);
  background-repeat:no-repeat;
  background-position: 292px 0px;  
}

.rightColumn {
  position: absolute;
  top: 0px; right: 0px; width: 202px; 
  padding-left: 0px;
}

.rightColumnSpacer {
  height: 28px;
  background-color: #afaeab;
  background-image:url(images/diag-right.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;  
}

.centerColumn {
  position: absolute;
  top: 0; left: 322px; 
  margin: 0; padding: 0;
  background: transparent;
}

.section {
  padding-top: 7px;  
}

.section, .sectionActive, .sectionRight, .sectionRightContact {
  padding-left: 12px;
  padding-bottom: 12px;
  margin: 0;
  width: 280px;
}

.sectionRight {
  width: 180px;
  padding-top: 7px;  
}

.sectionRightContact {
  width: 190px;
  background-color: #FF992C;
}

.sectionActive {
  background-color: #FF992C;
}

a.row {
   color: #484747;
}

.row1 {
  background-color: #ECECE7;
  color: #484747;
}

.row2 {
  background-color: #dbdbd6;
  color: #484747;
}

.activeRow {
  background-color: #FF992C;
  color: #484747;
}

a.sectionTitleClosed, a.sectionTitleOpen, 
a.sectionTitleClosedRight, a.sectionTitleOpenRight, 
a.sectionTitleClosedRightContact, a.sectionTitleOpenRightContact, 
a.sectionTitleOpenActiveFeature {
  font-size: 11px;
  font-weight: bold;
  display: block;
  text-align: left;
  line-height: 28px;
  width: 280px;
  padding-left: 12px;
  text-decoration: none;
  border-top: 1px solid #fafafa;
/*  background-color: #DBDBD6; */
/*  background-color: #afaeab; */
}

a.sectionTitleClosedRight, a.sectionTitleOpenRight,
a.sectionTitleClosedRightContact, a.sectionTitleOpenRightContact {
  width: 190px;
}

a.sectionTitleClosed:link, a.sectionTitleClosed:visited, a.sectionTitleClosed.hover, a.sectionTitleClosed.active,
a.sectionTitleClosedRight:link, a.sectionTitleClosedRight:visited, a.sectionTitleClosedRight.hover, a.sectionTitleClosedRight.active,
a.sectionTitleClosedRightContact:link, a.sectionTitleClosedRightContact:visited, a.sectionTitleClosedRightContact.hover, a.sectionTitleClosedRightContact.active { 
  color: #FFFFFF;
  background-color: #afaeab;
  /*background-image: url(images/drop-down-arrow.png);*/
  background-position: right;
  background-repeat: no-repeat; 
}

a.sectionTitleOpen:link, a.sectionTitleOpen:visited, a.sectionTitleOpen.hover, a.sectionTitleOpen.active,
a.sectionTitleOpenRight:link, a.sectionTitleOpenRight:visited, a.sectionTitleOpenRight.hover, a.sectionTitleOpenRight.active {
/*  color: #183373; */
  color: #484747;
  background-color: #DBDBD6;
  /*
  background-image: url(images/fold-up-arrow.png);
  background-position: right;
  background-repeat: no-repeat; */
}

a.sectionTitleOpenRightContact:link, a.sectionTitleOpenRightContact:visited, a.sectionTitleOpenRightContact.hover, a.sectionTitleOpenRightContact.active { 
  color: #484747;
  background-color: #FF992C;
}

a.sectionTitleOpenActiveFeature:link, a.sectionTitleOpenActiveFeature:visited, a.sectionTitleOpenActiveFeature.hover, a.sectionTitleOpenActiveFeature.active { 
  color: #183373;
  background-color: #FF992C;
}

.subSection {

}

a.subSectionHeaderLink {
  color: #FF8400;
  font-size: inherit;  
  text-decoration: none;
}


.centeredSectionButton {
}    


.center {
  text-align: center;
}


.tools {
  position: relative;
  padding-top: 5px;
  height: 23px;
}

.tool {
  padding-left: 6px;
  padding-right: 6px;
}

.scale {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-top: 6px;
}



.mapDiv, .polyDiv, .map, .eventShadow {
  position: absolute;
  cursor: crosshair;
}

.map {
  border: 1px solid gray;  /* rember to adjust borderWidth variable in main.jsp accordingly! */
  background-color: #ffffff;
}
  
.polyDiv {
  background-color: transparent;
}

.mapOutline {
  position: absolute;
  border: 1px solid black;
}

.zoomBox {
  background-color: transparent;
  border: 2px dashed red;
  cursor: crosshair;
}

.mapTip {
  background-color: #ffffe1;
  border: 1px solid black;
  padding: 1px;
}

a#mainForm_queryButton {
  position: relative;
  top: 5px;
  left: 138px;
  width: 138px;
}

input#mainForm_zoom, 
input#mainForm_edit, 
input#mainForm_delete {
  width: 132px;
}

a#mainForm_factsheet {
  width: 130px;
}

.availabilityLabel {
  padding-left: 5px;
}

/* added by uwe - where needed? */
td {
  vertical-align: top;
}

.col1 {
  width: 150px;
}

.col2 {
  width: 150px;
}

.infotext {
  font-weight: bold;	
}

.contact {
}

.contactImage {
  padding-top: 5px;
}

.contactData {
  padding-left: 10px;
}

.devPlanSpecChoices {
  margin-left: -1px;
}