body {
	margin:0px;
  font-family:Arial;
  font-size:12px;
  background:#ededed;
}
.example-desc {
  margin:3px 0;
  padding:5px;
}
#watercrousel{float:left;width:100%;height:300px;position:relative;background:#fff;margin-top:90px;}
#prev{float:left; width:5%; height:50%;}
#prev.a{}
#carousel {
float:left;
  width:85%;
   height:300px;
   overflow:hidden;
  background:#FFF;
 
 
}
#content{ width:290px; font-weight:bold; font-size:14px; text-align:center;margin-left:369px;margin-top:302px;height:100px;*margin-top:0px;}

#casetitle{ float:left; width:234px; font-weight:bold; font-size:14px; text-align:center;}
#tickmark{float:left; }
#next{float:left;width:5%; height:50%;}
#carousel img {
 visibility:hidden; /* hide images until carousel can handle them */
  cursor:pointer; /* otherwise it's not as obvious items can be clicked */
 
}


.split-left {
  width:400px;
  float:left;
}
.split-right {
  width:400px;
  float:left;
  margin-left:10px;
}
#callback-output {
  height:250px;
  overflow:scroll;
}