/* CSS Style File:     */
/* =================== */
/* Modelling Resources */
/* =================== */
div.preview {
  min-height: 330px;
  margin: 2.5%;
  margin-bottom: 0%;
}

span.white {
  color: white;
  font-size: larger;
}

div.preview ul.previewList {
  list-style: none;
  display: block;
}

div.preview li {
  float: left;
  height: 280px;
  width: 23%;
  margin-right: 2.6%;
  background-position: bottom;
  background-repeat: no-repeat;
  text-align: left;
}

/* Waveguide */
ul.previewList li#wave {
  background-image: url("graphics/preview2D_WG.gif");
  background-position: 50% 93%;
}

/* Bloch Equations*/
ul.previewList li#QDmedium {
  background-image: url("graphics/noCache.php?name=previewModellingStimEm.gif");
}

ul.previewList li#QDmedium {
  background-image: url("graphics/previewModellingStimEmAnim.gif");
}

/* QD ensemble */
ul.previewList li#QDensemble {
  background-image: url("graphics/SAQDth.png");
}

/* QWell States */
ul.previewList li#QWstates {
  background-image: url("graphics/dos.gif");
  float: right;
  margin-right: 0;
}


/* QDSOA */
ul.previewList li#QDSOA {
  background-image: url("graphics/activeAreaColor.png");
  margin-top: 2.5em;
  background-position: 50% 100%;
}

/* QDSOA SIM */
ul.previewList li#QDSOA_SIM {
  background-image: url("graphics/previewQDSOA_SIM.gif");
  /*background-image: url("graphics/previewTest.gif");*/
  background-position: 50% 100%;
}

/* QDL SIM */
ul.previewList li#QDL_SIM {
  background-image: url("graphics/previewQDL_SIM.png");
  background-position: 50% 100%;
}

/* Simple Laser Model */
ul.previewList li#SL {
  /*background-image: url("graphics/previewQDSOA.gif");  */
  margin-top: 2.5em;
  background-position: 50% 100%;
  float: right;
  margin-right: 0;
}



/* -------------------------------------------------------------------------- */
/* QWell States Numerical Modelling */
ul.previewList li#numQW {
  background-image: url("graphics/wavefctADth.png");
}

/* Implicit Explicit Scheme*/
ul.previewList li#numIE {
  background-image: url("graphics/explicitImplicit.png");
}


div.preview a {
  display: block;
}

div.preview ul.previewList a {
  height: 100%;
  width: 100%;
  text-decoration: none;
  color: #BBEEFF;
  font-family: Verdana, Arial;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 1px 1px 0px black;
}

ul.previewList a > span.desc {
  font-size: 15px;
  text-align: left;
  font-weight: normal;
  color: #ffffff;
}

div.preview#previewMath{
  margin-bottom: 7.5%;
}