/*-- PharmGKB home page --*/
.dataBox {
  margin: 0 0 0.5em 0;
  border: 1px solid #ccc;
  padding: 1em 0 0 1em;
  background-color: #eee;
  min-height: 10em;

/* native corner rounding in FF, Chrome, Safari */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.dataBox img.dataIcon {
  clear: both;
  float: left;
  margin: 0.5em 2em 0 0;
  border: 1px solid #999;
  padding: 1px;
}
.dataBox ul {
  min-height: 90px;
  margin: 0 0 0 2em;
  vertical-align: top;
}
.dataBox li {
  padding: 0.1em 0;
  list-style-image:url(/images/bullet-grey.png);
}
.dataBox .searchBar {
  margin-top: 1.5em;
  clear: both;
}
.dataBox .searchBar form.wwForm input {
  width: 14em;
  margin: 0.5em 0 0 0;
}
.dataBox .searchBar .help {
  display: inline-block;
  margin-left: 0.6em;
  font-size: 85%;
  vertical-align: text-top;
}
.dataBox .searchBar .hint {
  margin-left: 0.2em;
  font-size: 85%;
  color: #aaa;
}
.dataBox .topSection {
  height:8em;
}
.contributeBox {
  padding: 1em;
  border: 1px solid #9B6B37;
  margin-top: 50px;
/* native corner rounding in FF, Chrome, Safari */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.helpBox {
  margin: 1em;
  border: 1px solid #ccc;
  padding: 1em;
  background-color: #d8fccd;
/* native corner rounding in FF, Chrome, Safari */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.linkSection {
  margin-top: 1em;
  border-top: 1px dashed #ccc;
  padding-top: 1em;
  padding-bottom: 1em;
}
.linkBox {
  padding: 0 0 1em 1em;
  min-height: 10em;
  border-left: 1px solid #ddd;
}
.linkBox.first {
  border-left: 0;
}
.linkBox h6 {
  margin-top: 2em;
}
.linkBox h6.first {
  margin-top: 0;
}
.linkBox ul {
  margin-left: 1.5em;
}
.linkBox li {
  padding: 0.2em 0 0.2em 0;
  list-style-image:url(/images/bullet-grey.png);
}
.linkBox span.comingSoon {
  color: #f60;
  font-size: 94%;
  font-weight: bold;
}

/* side panels */
.yui-cms-accordion {
  margin-bottom: 1em;
}
.yui-skin-sam .yui-panel .hd,
.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .ft {
  border-color: #ccc;
}
.yui-skin-sam .yui-panel {
  border-color: #ccc;
}

/* help panels */
.egPanel p {
  margin-bottom: 2em;
}
.egPanel .egCount {
  color: #8b2e3f;
  font-weight: bold;
}
.egPanel input {
  margin: 0.5em 0 0.5em 1em;
  padding: 0.1em;
  width: 210px;
}
.egPanel .helpText {
  margin-bottom: 1.5em;
}

.tutorialPanel {
  margin-top: 0;
  margin-bottom: 10px;
}

.tutorialPanel .topImage {
  padding: 0;
  margin-bottom: -2px
}

.tutorialPanel .bottomList {
  margin-top: -3px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 6px;
  background-color: #eee;
}
.tutorialPanel ul {
  margin: 0;
}
.tutorialPanel li {
  list-style-image: url("/images/icons/pdf-ss.gif");
  list-style-position: inside;
  line-height: 1.6em;
}