#minmain { /* used with jmol/smol where the app doesnt have a fluid width */
  
  float:left;
  position:relative;
  margin-top:1em;
  margin-left:2em;
  margin-right: 4em;
  margin-bottom: 1em;
  padding-left: 0px;
  padding-right: 2em;
  min-width:200px;
  min-height:200px;
  width:auto;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  box-shadow: 3px 3px 10px rgb(170, 170, 170);
  


}

@media (max-width: 400px) { /* mimic iucr main */
  #minmain { 
  box-shadow: none;
  margin-left:0;
  margin-right: 0;
  padding-right: 0;
  }
}
table.layout, table.layout tbody td {
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
  border-collapse:collapse;
}
.rounded, .roundedbottom {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  
}

.roundedbottom {
  border-top-left-radius: 0px;
  -moz-top-left-border-radius: 0px;
  -webkit-top-left-border-radius: 0px;
  -khtml-top-left-border-radius: 0px;
  border-top-right-radius: 0px;
  -moz-top-right-border-radius: 0px;
  -webkit-top-right-border-radius: 0px;
  -khtml-top-right-border-radius: 0px;
}

.smol_button, .smol_img_button {
  border:1px solid #aaa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  text-align:center;
  background-position:0% 0%;
  background-color:#efefef;
  line-height:32px;
  margin:4px;
  padding:0;
  padding-left:4px;
  padding-right:4px;
  position:relative;
  display:inline-block;
  vertical-align:top;

  
}

.smol_h2 {
  color:#666666;
  margin:4px;
  margin-top:6px;
  margin-bottom:2px;
  font-weight:bold;
  
}

.smol_img_button {
  line-height:100%;
  padding-left:1px;
  padding-right:1px;
  background:#eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  background: -moz-linear-gradient(-90deg, #eee, #ccc);
  border:  1px solid #ccc;
}
.smol_button.options {
  padding:0;
  margin:0;
  background:#ddd;
  width:100%;
}
 
.smol_button.option {
  line-height:200%;
  border:1px solid transparent;
  display:block;
  margin:0;
  text-align:left;
  background:#ddd;
  width:auto;
}

.smol_button.rollup {
  background-image:url(./triang_u_16.png);
  background-repeat:no-repeat;
  background-position:98% 50%;
  text-align:left;

}
.smol_button.dropdown {
  background-image:url(./triang_d_16.png);
  background-repeat:no-repeat;
  background-position:98% 50%;
   text-align:left;
}

.smol_button:hover,.smol_img_button:hover  {
  /*background-image:url(./buttbkg_36.gif);*/
  /*background-position:0% 100%; */
  /*background-repeat:repeat-x; */
  border:1px solid #aaa;
  cursor:pointer;
}

.smol_img_button:hover  {
  
}


.smol_button.option:hover {
  background:#eee;
}
#fs_go:hover {
 /* background-image:url(./buttbkg_36.gif);*/
 /* background-position:0% 100%;*/
 /* background-repeat:repeat-x;*/
}

.cifmoldbpopup {
  border:1px solid #aaa;
  border-radius: 4px;
  box-shadow: 3px 3px 10px #aaa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-box-shadow: 3px 3px 10px #aaa;
  -webkit-box-shadow: 3px 3px 10px #aaa;

}
.pop_titlebar {

  border-top-left-radius:4px;
  border-top-right-radius:4px;
  background:#eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  background: -moz-linear-gradient(-90deg, #eee, #ccc);
  margin:0;
  padding:10px;

}
.pop_title_label {
  display:inline-block;
  vertical-align:middle;
  color:#ffffff;
}
.pop_closebutton {
  background-image:url(./close.png);
  background-repeat:no-repeat;
  background-position:0% 100%;
  width:24px;
  height:24px;
  cursor:pointer;
  display:inline-block;
  vertical-align:middle;
  border:1px solid transparent;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  
}
.pop_closebutton:hover {
border:1px solid #aaa;
}
/* tweek for html5 doctype - probably to do with inherited line-height - but simply changing the margin for now: */
.jh_openaccesslogo {
  margin-top: -0.25em;
}
/* tweek for non-IUCrJ - acta titles are longer so doi will wrap before 400px! */
@media (max-width: 600px) {

.jh_journal,
.jh_issn,
.jh_edtopiclogo,
.jh_doi,
.jh_openaccesslogo,
.jh_issueinfo {
  float: none;
}

.jh_doi,
.jh_openaccesslogo {
  display: none;
}

}

.smolpop_titlebar {

  
}
.smolpop_titlebar:hover {
  cursor:move;
  
}
.smolpopup {
  border:1px solid yellow;
  z-index:2000;
}
.smolpop_titlebar, .smolpop_statusbar, .smolpop_title {
  border:0;
}