/*@ ui */
DIV.ui-selecting {
  background-color: silver !important;
  border-color: #7E18AC !important;
}

DIV.ui-selected {
  background-color: #F796FF !important;
  border-color: #7E18AC !important;
  border-width: 2px !important;
}
/*@ model */

.model {
  background-color: white;
  border: 1px solid #7aa5d6;
}

.model P {
  padding: 0;
  margin: 0;
}

/*@ welcome */

#welcome {
  z-index: 10;
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: right;
  font: sans-serif;
}

#welcome H1 {
  margin: 0;
  padding: 0;
  color: blue;
}

/*@ endless desktop: panning & scrolling */
#scroll-trigger {
  background: transparent url(lib-present-jquery-desktop-complete-case-img-scroll-small.png) no-repeat top left;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

/*@ overlay */

#scroll-overlay {
  background: transparent url(lib-present-jquery-desktop-complete-case-img-scroll-big.png) no-repeat center center;
  position: absolute;
  z-index: -1;
  cursor: move;
}
/*@ overlay / button */

#scroll-overlay BUTTON {
  position: absolute;
  bottom: 5px;
  margin: 0 auto;
  font-size: 120%;
  left: 0;
  right: 0;
  width: 100px;
}
/*@ container */

#container {
  position: absolute; 
  background-color: #e5ecf9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #7aa5d6;
  overflow: hidden;
}

/*@ universe */

#universe {
  position: absolute; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
/* border: 1px dotted #000; */ /* uncomment this to debug endless desktop */
}


/*@ shuffle */

#shuffleCards {
  font-size: 120%;
}