/* style for tables with only outside border (called class 'infoblock') */
table.infoblock {   /* J Prilusky 2008 */
  border-collapse: collapse;
  border: 2px solid #dddddd; 
  clear: right;
  float: right;
  position: relative;
  margin: 0 0 .5em .5em;
}

table.lightborder { /* J Prilusky 2014 */
  border-collapse: collapse;
  border: 2px solid #dddddd; 
}

.disabledJmolLink:hover {
  position: relative;
}

.disabledJmolLink:hover:after {
  content: 'Please press Display Interactive Model';
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 2em;
/*  top: 100%; */
/*   white-space: nowrap; */
  z-index: 200;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

.JSmolInlineOuterDiv {
  text-align:center;
	line-height:1.3em;
}
.JSmolInlineTitleDiv {
  font-weight:bold;
	position:relative;
	padding-right:4ex;
	min-height:calc( 1.2em + 8px );
}
.JSmolInlineHideBtn {
  position:absolute; 
	right:2px; 
	top:2px; 
	padding:0.1em 0.2em;
	line-height:1em;
	font-weight:normal; 
	border:3px solid red;
	border-radius:0.7em; 
	color:red;
	background-color:transparent; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.JSmolInlineHideBtn:hover {
  color:white;
  background-color:red; 
}
.JSmolInlineHideBtn a { 
  color:inherit; 
  text-decoration:none;
}

.JSmolObj {
  /* anything to be applied to all JSmol panels */
}
.JSmolLnk {
  /* anything to be applied to all links related to JSmol actions */
  color:#377c22!important; 
  font-weight:bold!important; 
  text-decoration:none!important; 
}
.JSmolBtn {
  /* anything to be applied to all buttons related to JSmol actions */
/*  background-color:#e9e9e9!important; */
}
.JSmolBtnFullLoad {
  background-color:#FBBC40;
	background:linear-gradient(#FDDEA0,#FBBC40);
	padding:2px;
	border-radius:4px; 
	border:1px solid #666;
}

.jsmolWrapper {
  width: 1px; /* final size set by the enclosing applet */
  border: 2px solid #EBEBEB;
  padding: 5px;
}