
body {
  margin: 0;
  background-color: #EAEBDE;
  background-image: url(.~/images/BasicPage/BasicPage/BasicPage_PageSpan.jpg);
  font-family: Arial, Sans-Serif
}

.ToolbarButtonA {
  font-size: 16px;
  color: #FFFF99;
  text-decoration: none;
  white-space: nowrap;
}

.BasicHeaderRow1 {
  width: 1024;
  height: 171;
  background-image: url(.~/images/BasicPage/page_header_row1.jpg);
}


h1 {
  margin-left: 50;
  margin-bottom: 10;
  color: #660033;
}

h2 {
  margin-bottom: 0;
  color: #993366;
}

h3 {
  margin-bottom: 0;
  color: #993366;
}

.InputError {
  background-color: Red;
  color: White;
}


.PageErrorBox {
  border: solid red;
  border-width: 2px;
  background-color: #FFCCCC;
}



.GridTableDiv {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: -moz-center;
}

.GridTable {
  text-align: center;
  border-collapse: collapse;
  border: solid #999999;
  border-width: 1px;
}

.GridCaption {
  background-color: #660066;
  border-left: solid #660066;
  border-left-width: 1px;
  border-top: solid #CC99CC;
  border-top-width: 1px;
  color: White;
  font-weight: bold;
  font-size: large;
}

.GridRowHighlighted {
	background-color: #AACCFF;
}

.GridRowOdd {
	background-color: #FFFFEE;
}

.GridRowEven {
	background-color: #FFFFFF;
}

.GridRowTotals {
	background-color: #EECCDD;
}

.GridColHeader {
  font-size: small;
  text-align: left;
  vertical-align: top;
  background-color: #AA1111;
  color: White;
  border-right: solid #CC99CC;
  border-right-width: 1px;
  border-bottom: solid #CC99CC;
  border-bottom-width: 1px;
}

.GridRowHeader {
  font-size: small;
  text-align: left;
  vertical-align: top;
  background-color: #CC4466;
  color: White;
  border-right: solid #CC99CC;
  border-right-width: 1px;
  border-bottom: solid #CC99CC;
  border-bottom-width: 1px;
}

.GridRowHeader a {
  text-decoration: none;
  color: White;
}

.GridDataCell a:hover {
  text-decoration: underline;
  color: #CCDDFF;
}

.GridDataCell {
  font-size: small;
  text-align: left;
  vertical-align: top;
  border-right: solid #CC99CC;
  border-right-width: 1px;
  border-bottom: solid #CC99CC;
  border-bottom-width: 1px;
}

.GridDataCell a {
  text-decoration: none;
  color: #000099;
}

.GridDataCell a:hover {
  text-decoration: underline;
  color: #0000FF;
}

.GridRowTotal {
  font-size: small;
  text-align: left;
  vertical-align: top;
  border-top: solid #CC99CC;
  border-top-width: 1px;
  border-right: solid #CC99CC;
  border-right-width: 1px;
  border-bottom: solid #CC99CC;
  border-bottom-width: 1px;
  background-color: #EECCDD;
}

.GridRowTotalHeader {
  background-color: #DDAABB;
  font-size: small;
  text-align: left;
  vertical-align: top;
  border-right: solid #CC99CC;
  border-right-width: 1px;
  border-bottom: solid #CC99CC;
  border-bottom-width: 1px;
}	

.GridRowHeaderTotal {
  background-color: #DDAABB;
  font-size: small;
  text-align: left;
  vertical-align: top;
  border-top: solid #CC99CC;
  border-top-width: 2px;
  border-right: solid #CC99CC;
  border-right-width: 1px;
  border-bottom: solid #CC99CC;
  border-bottom-width: 1px;
}

.GridColTotal {
  font-size: small;
  text-align: left;
  vertical-align: top;
  border-top: solid #CC99CC;
  border-top-width: 2px;
  border-right: solid #CC99CC;
  border-right-width: 1px;
  border-bottom: solid #CC99CC;
  border-bottom-width: 1px;
}


.ChronicleLink {
    text-decoration: none;
    color: #8899CC;
}

.ChronicleLink:hover {
    text-decoration: underline;
}

.ChronicleEventLine {
    margin-left: 100px;
    text-indent: -100px;
    color: #888888;
}

.ChronicleEventType_4 {  /* Rental Begun */
    color: #339933;
}

.ChronicleEventType_4 a {
    color: #3399AA;
}

.ChronicleEventType_6 {  /* User Said */
    color: black;
}

.ChronicleEventType_6 a {
    color: #003366;
}

.ChronicleEventType_7 {  /* Rental Extended */
    color: #339933;
}

.ChronicleEventType_7 a {
    color: #3399AA;
}

.ChronicleEventOccurredOn {
    display: inline;
    margin-right: 10px;
    font-size: 0.6em;
    color: #999999;
}

.ChronicleEventOccurredOn a {
    color: #999999;
    text-decoration: none;
}

.ChronicleEventOccurredOn a:hover {
    text-decoration: underline;
}
