/*
  CSS for xAnimation Demos
  Cross-Browser.com
*/

.leftContent { /* over-rides settings in v3.css */
  padding: 0;
  margin: 10px 20px 20px 20px;
}
pre { /* over-rides settings in v3.css */
  border: none;
  width: 99%; /* for IE6 */
}

.dc { /* demo container */
  position: relative;
  overflow: hidden;
  border: 1px dotted #596380;
  padding: 1em;
}
.de { /* demo element */
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#de0, #de3, #de6 {
  background: #BF8660;
  border-right: 5px solid #596380;
  border-bottom: 5px solid #BF8660;
  border-left: 5px solid #BF8660;
  border-top: 5px solid #596380;
}
#de1, #de4, #de7 {
  background: #596380;
  border-top: 5px solid #BF8660;
  border-right: 5px solid #596380;
  border-bottom: 5px solid #596380;
  border-left: 5px solid #BF8660;
}
#de2, #de5, #de8 {
  background: #CFD4E6;
  border-top: 5px solid #CFD4E6;
  border-right: 5px solid #BF8660;
  border-bottom: 5px solid #CFD4E6;
  border-left: 5px solid #596380;
}
.jsBtn {
  padding: 1px 2px;
  margin: 2px 6px;
  font-size: smaller;
  cursor: pointer;
  border-top: 1px solid #BF8660;
  border-right: 1px solid #596380;
  border-bottom: 1px solid #596380;
  border-left: 1px solid #BF8660;
  background: #CFD4E6;
}
.btn0 {
  float: right;
}