/*** set baseline style after reset ***/
body {
  font-family: Arial, Helvetica, sans-serif;
}
sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
a {
  color: #336;
}
a:link {
}
a:visited {
}
a:hover {
  color: #369;
}
a:active {
}
#bd .yui-button a {
  line-height: 1.7;
  min-height: 1.7em;
  padding: 0 0.5em;
  color: #000;
}
h1 {
  font-size:123.1%;
  color: #05396D;
}
h2 {
  font-size:116%;
}
h1,h2 {
  /* top & bottom margin based on font size */
  margin:1em 0;
}
h3 {
  /*14px via YUI Fonts CSS foundation*/
  font-size:108%;
  margin: 2em 0 1em 0;
}
h1:first-child, h2:first-child, h3:first-child {
  margin-top: 0;
}
h1.title {
  margin-top: 0.5em;
}
h1 .subtitle, h2 .subtitle, h3 .subtitle {
  font-size: 85%;
  font-weight: normal;
  padding-left: 1em;
}
h2,h3,h4 {
  color: #8b2e3f;
}
h3.section {
  width: 100%;
  background-color: #E0E7F8;
  color:  #000;
  font-weight: bold;
  text-align: left;
  padding: 0.3em 0 0.3em 0.3em;
  border-bottom: 1px solid #8C9CC2;
  border-left: 1px solid #8C9CC2;
  margin-top: 2em;
}
h3.section.first {
  margin-top: 1em;
}
h3.section form {
  margin: 0;
}
h4 {
  margin: 1em 0;
}
h1.first, h2.first, h3.first, h4.first {
  margin-top: 0;
}
h1,h2,h3,h4,h5,h6,strong {
  font-weight:bold;
}
abbr,acronym {
  border-bottom:1px dotted #000;
  cursor:help;
}
em {
  font-style:italic;
}
blockquote,ul,ol,dl {
  /*giving blockquotes and lists room to breath*/
  margin:1em;
}
ol,ul {
  /*bringing lists on to the page with breathing room */
  margin-left:2em;
}
ol.noMargin, ul.noMargin {
  margin: 0 0 0 1em;
  padding: 0 0 0 0.5em;
}
ul.noBullet li {
  list-style-type: none;
}
li ol, li ul {
  margin-top: 0;
  margin-bottom: 0;
}
ol li {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;
  line-height: 1.5em;
}
ul li {
  /*giving UL's LIs generated disc markers*/
  list-style: disc outside;
  line-height: 1.5em;
}
dl dd {
  margin: 0 0 0.5em 1em;
}
dl.boldDt dt {
  font-weight: bold;
}
th {
  font-weight: bold;
  text-align: left;
  padding: 0.2em 1em 0.2em 0.2em;
}
td {
  text-align: left;
  padding: 0.2em 0.5em;
}
caption {
  /*coordinated margin to match cell's padding*/
  margin-bottom:.5em;
  /*centered so it doesn't blend in to other content*/
  text-align:center;
}
p,fieldset,table,pre {
  /*so things don't run into each other*/
  margin-bottom:1em;
}
input[type=text],input[type=password],input[type=file],textarea {
  padding-top: 0.1em;
}

/*** YUI tweaks ***/
.yui-skin-sam .yuimenubar {
  background:url(/images/sprite.png) repeat-x 0 0;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritem {
  border-right:solid 1px #3d6d9e;
}
/* second more specific one is for IE6 */
.yui-skin-sam .yuimenubaritemlabel, .yui-skin-sam a.yuimenubaritemlabel,
.yui-skin-sam .yuimenubaritemlabel:visited, .yui-skin-sam a.yuimenubaritemlabel:visited {
  color: #f9f9f9;
  padding-top: 0.2em;
  padding-bottom: 0.1em;
}
.yui-skin-sam .yuimenubaritemlabel:hover, .yui-skin-sam a.yuimenubaritemlabel:hover {
  color: #000;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
  background:url(/images/header/menubaritem_submenuindicator.png) right center no-repeat;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-selected {
  background:url(https://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/assets/skins/sam/menubaritem_submenuindicator.png) right center no-repeat;
}
/* second more specific one is for IE6 */
.yui-skin-sam .yuimenubaritemlabel-selected, .yui-skin-sam a.yuimenubaritemlabel-selected {
  color: #000;
}
.yui-skin-sam #bd .yui-navset .yui-nav .selected a,
.yui-skin-sam #bd .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam #bd .yui-navset .yui-nav .selected a:hover {
  border-bottom: 0;
  background:#2647a0 url(/images/sprite.png) repeat-x left -100px;
  color: #000;
}
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
  border:solid #333;
  border-width:0 0 1px;
}
.yui-skin-sam .yui-navset .yui-content{
  background: #fff;
}
.yui-skin-sam .yui-navset .yui-content, .yui-skin-sam .yui-navset .yui-navset-top .yui-content {
  background:#fff url(/images/sprite.png) repeat-x left -200px;
  border: 1px solid #333;
  border-top: 0;
  padding-top: 1em;
}
#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px; /* avoid scrollbars */
  visibility:hidden;
}
.ygtvitem table {
  margin-bottom: 0;
}
.ygtvitem table td {
  margin-bottom: 0;
  padding: 0;
}
.yui-skin-sam .yui-tt .bd {
  color: #333;
  background-color: #def;
  border:1px solid #6cf;
}
.yui-skin-sam .yui-button {
  vertical-align: baseline;
}
.yui-skin-sam .yui-log {
  width: 95%;
}
.yui-skin-sam .mask {
  opacity: 0.8;
}
.yui-skin-sam .yui-panel .hd {
  color: #8b2e3f;
}
.yui-pe-content { /* default style for dialog div to avoid flicker as dialog is instantiated */
  display: none;
}
/*** Standard hacks: clearing ***/
.stretch, .clear {
  clear:both;
  height:1px;
  margin:0;
  padding:0;
  font-size: 15px;
  line-height: 1px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html>body .clearfix {
  display: inline-block;
  width: 90%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}

/*** PGKB identifiers ***/
#hdSearch {
  padding: 14px 0 0 0;
  text-align: right;
}
.searchBar input {
  width: 14em;
  height: 1.4em;
  font-size: 108%;
  color: #333;
}
.searchBar input.placeholder {
  color: #ccc;
}
.searchBar button {
  margin: 0;
  padding: 0 0.5em;
  border: 1px solid #999;
  background-color: #eee;
  color: #000;
  font-weight: bold;
}
.searchBar button.hover {
  background-color: #ccc;
}
.searchBar button img {
  padding-top: 0.2em;
}
#hdButtons {
  padding-top: 10px;
  text-align: right;
}
#hdButtons .yui-button {
/*  background: transparent url(/images/sprite.png) repeat-x scroll 0 0;*/
}
#hdButtons .yui-button a {
  line-height: 2;
  min-height: 2em;
  padding: 0 0.5em;
  color: #369;
  font-weight: bold;
}
#btnHdEditMode {
  color: #8b2e3f;
}
#hdBar {
  margin: 0 0 1em 0;
}
#bd {
  padding: 0 0.5em;
}
#ft {
  margin-top: 1em;
  margin-bottom: 1em;
}
#ftContent {
  font-size: 77%;
  line-height: 1.4em;
  text-align: center;
}
#mainTabs .loading {
  background-image: url(/images/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  height: 10em;
}
#mainTabs .loading * {
  display:none;
}
#webSearchResults {
  margin: 1em 0;
}
#dbResultsTable th {
  font-size: 85%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
#dbSearchResults .searchFilter label {
  font-weight: normal;
}
#dbSearchResults .searchFilter input {
  margin-left: 0.4em;
  vertical-align: top;
  /* IE-specific */
  *vertical-align: middle;
  *padding: 0;
  *margin: 0;
}
#bd #browseIndex {
  padding: 0.5em 0.5em 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 1em;
}
#bd #browseIndex ul {
  margin: 0;
  padding: 0;
}
#bd #browseIndex li {
  float: left;
  width: 5em;
  height: 2em;
  margin: 0;
  padding: 0;
  font-weight: bold;
  list-style: none;
}
#bd #browseIndex li a {
  color: #369;
  text-decoration: underline;
}
#bd #browseIndex .browseSelected {
  font-size: 1.2em;
}
#bd #browseIndex .alphListNo {
  letter-spacing: normal;
  vertical-align: baseline;
  white-space: normal;
  text-align: justify;
  font-size: x-small;
  color: #000000;
  font-weight: bold;
}

.loading {
  background-image: url(/images/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  height: 10em;
}

/*** PGKB basic formatting styles ***/
.siteMessage {
  margin-bottom: 1em;
  padding: 1.5em 1em .5em;
  border: 1px solid #ccc;
  background-color: #ffc;
/* native corner rounding in FF, Chrome, Safari */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.loading * {
  display:none;
}
.alertFont {
  color: #cc0000;
}
.alertBg{
  margin: .5em;
  padding: .5em;
  border: 1px dashed #ccc;
  background-color: #ffc;
}
.noteDiv {
  margin: 1em 0;
  background-color: #ffc;
  border: 1px dotted #999;
  padding: 1em;
}
.center {
  text-align: center;
}
img.input {
  cursor: pointer;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.imgCaption {
  font-size: 77%;
  text-align: center;
}
.flushLeft {
  margin-left: 0;
}
.flushTop {
  margin-top: 0;
}
.nbsp {
  white-space: nowrap;
}
.scrollDiv {
  overflow: auto;
  margin-bottom: 1em;
  border: 1px solid #ccc;
}
.scrollWide {
  overflow: auto;
  width: 100%;
  border: 1px solid #CCC;
}
.smallFont {
  font-size: 77%;
}
.warning {
  color: #c00;
}
.underReview {
  color: #c00;
  font-weight: bold;
}
.help, #bd .help a, #bd a.help {
  cursor: help;
  color: #1c7f04;
}
.helpColor, #bd .helpColor a {
  color: #1c7f04;
}
.moreLink, .lessLink {
  font-variant: small-caps;
  font-weight: bold;
  color: #8b2e3f;
  cursor: pointer;
}
.helpIcon {
  cursor: help;
  vertical-align: super;
  font-size: 85%;
  font-weight: 900;
  margin-left: 0.2em;
  color: #1c7f04;
}
.disclaimerLink {
  font-size: 77%;
  text-decoration:  none;
  vertical-align: super;
}
.disclaimer {
  margin-top: 2em;
  font-size: 77%;
}
.disclaimerIcon {
  vertical-align: super;
}
div.curators {
  margin: 1em 0;
  border: 1px solid #ccc;
  background-color: #fff3d5;
  padding: 0.5em;
}
b.curators {
  color: #8b2e3f;
}

.hideThis {
  display:none;
}

.showRow {
  display:table-row;
}

.showInline {
  display:inline;
}

/*** PGKB key-value table ***/
table.kv {
  width: 100%;
}
table.kv th, table.kv td {
  padding: 0.5em;
  text-align: left;
  vertical-align: top;
}
table.kv th {
  width: 20%;
}
table.kv tr {
  border-top: 1px dashed #aaa;
}
table.kv tr.first {
  border-top: none;
}
table.kv tr tr {
  border-top: none;
}
div.kv {
  border-top: 1px dashed #aaa;
  padding: 1em 0.5em 1em 0;
}
div.kvFirst {
  border-top: none;
  padding: 0 0.5em 1em 0;
}
div.kvValue {
  margin: 0.5em 0 0 1em;
}
/*** PGKB data table ***/
table.data, .data table.confluenceTable {
  clear: both;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
table.data th, .data table.confluenceTable th.confluenceTh {
  background-color: #e2e2e2;
  color:  #8B2E3F;
  font-weight: bold;
  vertical-align: bottom;
  border-bottom: 1px solid #999999;
}
table.data tr.altRow {
  background-color: #e0e7f8;
}

table.data tr.topicRow {
  background-color: #efefef;
}

/*** WebWork ***/
form.wwForm {
  margin-bottom: 1em;
}
form.wwForm fieldset {
  margin-bottom: 1em;
}
form.wwForm legend {
  padding: 0 2em;
  font-weight: bold;
}
form.wwForm label {
  display: block;
  width: 16em;
  line-height: 1.8em;
  vertical-align: top;
  font-weight: bold;
}
form.wwForm label.inline {
  display: inline;
  line-height: inherit;
  vertical-align: inherit;
}
form.wwForm label.inlinePost {
  display: inline;
  line-height: inherit;
  vertical-align: inherit;
  font-weight: inherit;
}
form.wwForm .inputNote {
  margin-left: 0.7em;
  margin-right: 0.5em;
  font-size: 93%;
}
form.wwForm .inputDiv {
  margin-left: 0.7em;
  margin-right: 0.5em;
}
form.wwForm .wwCheckbox {
  white-space: nowrap;
}
form.wwForm .wwCheckbox label {
  display: inline;
  font-weight: normal;
  white-space: nowrap;
}
form.wwForm .wwCheckbox input[type=checkbox] {
  margin: 0.4em 0 0 0.5em;
}
form.wwForm ol {
  margin: 0;
  padding: 0;
}
form.wwForm li {
  list-style: none;
  margin: 0;
  padding: 0.2em;
}
form.wwForm ul.subUl li {
  list-style-type: disc;
}
form.wwForm textarea {
  margin-left: 0.5em;
  width: 40em;
}
form.wwForm select, form.wwForm input[type=text], form.wwForm input[type=password], form.wwForm input[type=radio], form.wwForm input[type=file] {
  margin-left: 0.5em;
}
input.wwSubmit {
  padding: 0.2em 0.5em;
  margin-top: 1em;
  font-weight: bold;
  color: #090;
  border: 1px solid #666;
  background-color: #f0f0f0;
  cursor:pointer;
}
form.wwForm input.wwSubmit:hover {
  border: 1px solid #090;
  background-color: #cfc;
}
form.wwForm input.wwCancel {
  padding: 0.2em 0.5em;
  margin-top: 1em;
  font-weight: bold;
  color: #666;
  border: 1px solid #666;
  background-color: #f0f0f0;
  cursor:pointer;
}
form.wwForm input.wwCancel:hover {
  color: #999;
  border: 1px solid #999;
}

.wwRequired {
  color: #c00;
}
.wwError {
  color: #c00;
}
.wwError p {
  color: inherit;
}
.wwError ul {
  color: inherit;
}
.wwError ul li {
  color: inherit;
}

ul.flags {
  margin: 0.2em 0 0 0;
  padding: 0;
}
ul.flags li {
  display: inline;
  list-style: none;
  font-size: 116%;
  white-space: nowrap;
}

/* categories of evidence */
.categories {
  padding: 0.2em;
  white-space: nowrap;
}
.categories ul {
  margin: 0;
  padding: 0;
}
.categories ul li {
  display: inline;
  list-style: none;
}

th.colCategories {
  width: 5em;
}
.catCO, .catPD, .catPK, .catFA, .catGN {
  font-family: 'Lucida Console', Monospace;
  font-weight: bold;
  text-align : center;
}
.catCO {
  color: #ba4747;
}
.catPD {
  color: #ce7d36;
}
.catPK {
  color: #863fa7;
}
.catFA {
  color: #7c9343;
}
.catGN {
  color: #0375A9;
}
.catVIP {
  color: #e25f05;
  font-weight: bold;
}
.catCA {
  color: #ba4747;
  font-weight:bold;
}
.catVA {
  color: #863fa7;
  font-weight:bold;
}

	.badgeCPIC,.badgeDPWG,.badgefda,.badgePharmGKB {
		border-radius:3px;
		color:white;
		padding:2px;
    display:inline-block;
    font-size:10px;
    font-weight:bold;
    margin-bottom:3px;
    text-align:center;
    border: 1px solid white;
	}
  .badgeCPIC {
    background: #85260D;
  }
  .badgeDPWG {
    background: #FF9E00;
  }
  .badgefda {
    background: #365902;
  }
  .badgePharmGKB {
    background: #0375A9;
  }
.badgeDg,.badgeDl,.badgeCa,.badgeVa,.badgeVip {
  border-radius:3px;
  color:white;
  padding:2px;
  display:inline-block;
  width:18px;
  font-size:10px;
  font-weight:bold;
  margin-bottom:3px;
  text-align:center;

  -moz-box-shadow:2px 2px 2px #777;
  -webkit-box-shadow:2px 2px 2px #777;
  box-shadow:2px 2px 2px #777;
}
  .badgeDg {
    background: #0375A9;
  }
  .badgeDl {
    background: black;
  }
  .badgeCa {
    background: #ba4747;
  }
  .badgeVa {
    background: #863fa7;
  }
  .badgeVip {
    background: #e25f05;
    width:20px;
  }


.popupTitle {
  cursor: default;
  padding: 0 0.2em 0 0;
}

#bd .legendBox {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #f3f3f3;
}
#bd .legendBoxLink {
  color:  #1c7f04;
  text-align: left;
  padding: 0 0 0.5em 0;
  font-size: 85%;
  font-weight: bold;
}
#bd .legendBoxLink a:link {
  cursor: help;
  color: #1c7f04;
}
#bd .legendBoxLink a:visited {
  cursor: help;
  color: #1c7f04;
}

td.dataFlags, th.dataFlags {
  width: 68px;
}
td.catFlagsCol, th.catFlagsCol {
  width: 12em;
}
td.detailsCol, th.detailsCol {
  width: 20em;
}
div.dataFlags {
  width: 66px;
  padding: 1px;
  /* images only, there should be no text in this section so spaces shouldn't take up any space */
  font-size: 10px;
  white-space: nowrap;
  display: inline;
}

.pubList {
  padding: 0.5em;
  border-top: 1px dashed #aaa;
}
.pubListFirst {
  padding: 0.5em;
  border-top: 0;
}
.pubList .relObj {
  padding: 0.5em 0.5em 0 0.5em;
  font-size: 85%;
}

ol.dataList li {
  border-top: 1px dashed #aaa;
  padding-top: 1em;
  padding-bottom: 1em;
}
ol.dataList li.first {
  border-top: 0 none;
}

.varBrowser {
  margin: 2em 0 0 0;
  text-align: center;
}
.varBrowser .vbTopPad {
  padding-top: 0.5em;
}
.varBrowser .vbLeftPad {
  padding-left: 1em;
}
.varBrowser span.vbLegendTitle {
  font-size: 0.85em;
  font-weight: bold;
  padding-right: 1em;
  padding-left: 1em;
}
.varBrowser span.vbLegendSpan {
  font-size: 0.8em;
  padding-right: 1em;
}

/* Sequence fonts */
.sequence {
  color: #000000;
  font-family: Courier, Monospace;
  font-size:  93%;
  letter-spacing: 0.1em;
  line-height: 1.25em;
  margin: 0;
  padding: 0;
}
.nonsynonymous {
  font-family: Courier, Monospace;
  font-size:  93%;
  background-color: #ff00ff;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
.synonymous {
  font-family: Courier, Monospace;
  font-size:  93%;
  background-color: #ffff00;
  color: #000000;
  margin: 0;
  padding: 0;
}
.utr {
  font-family: Courier, Monospace;
  font-size:  93%;
  background-color: #025c02;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
.variant {
  font-family: Courier, Monospace;
  font-size:  93%;
  background-color: #cccccc;
  color: #000000;
  margin: 0;
  padding: 0;
}
.primer {
  font-family: Courier, Monospace;
  font-size:  93%;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}


/* Phenotype Styles */
#phenotypeDataTable th.phenoDemographic {
  background-color: #f7ecd5;
  font-weight: bold;
  white-space: normal;
  padding-top: 4px;
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 3px;
}
.phenoDemographic {
  background-color: #f7ecd5;
  vertical-align: top;
}
#phenotypeDataTable th.phenoBackground {
  background-color: #d2d2d2;
  font-weight: bold;
  white-space: normal;
  padding-top: 4px;
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 3px;
}
.phenoBackground {
  background-color: #d2d2d2;
  vertical-align: top;
}
#phenotypeDataTable th.phenoGenotypic {
  background-color: #91a7c1;
  font-weight: bold;
  white-space: normal;
  padding-top: 4px;
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 3px;
}
table.kv tr.phenoGenotypic {
  border-bottom: 1px dashed #fff;
}
.phenoGenotypic {
  background-color: #91a7c1;
  vertical-align: top;
}
#phenotypeDataTable th.phenoPhenotypic {
  background-color: #bad1bc;
  font-weight: bold;
  white-space: normal;
  padding-top: 4px;
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 3px;
}
.phenoPhenotypic {
  background-color: #bad1bc;
  vertical-align: top;
}


/* automatic annotation sentence markup */
/* combination colors must come before others for older IE versions */
#bd a.drug.gene, #bd a.gene.disease, #bd a.disease.drug, #bd a.gene.drug.disease {
  background-color: #000;
  padding-left:0.1em;
  padding-right:0.1em;
  color: #fff;
}
#bd a.gene {
  background-color:#0375A9;
  padding-left:0.1em;
  padding-right:0.1em;
  color: #fff;
}
#bd a.drug {
  background-color: #BA4747;
  padding-left:0.1em;
  padding-right:0.1em;
  color: #fff;
}
#bd a.disease {
  background-color: #7C9343;
  padding-left:0.1em;
  padding-right:0.1em;
  color: #fff;
}
span.variant {
  background-color: #CE7D36;
  padding-left:0.1em;
  padding-right:0.1em;
  color: #fff;
}


/* Submissions */
.submissionHistory li {
  padding-bottom: 0.25em;
}
.eventNote {
}
.eventComment {
  background-color: #e6eef8;
  padding: 0 1em;
  width: 90%;
  border-bottom: 1px solid #ccc;
}
.eventComment blockquote {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  width: 60em;
  padding: 1em 2em;
}
.eventComment blockquote:before, .eventComment blockquote:after {
  color: #0352A2;
  display: block;
  font-size: 500%;
  width: 1em;
}
.eventComment blockquote:before {
  content: open-quote;
  height: 10px;
  margin-left: -0.5em;
}
.eventComment blockquote:after {
  content: close-quote;
  height: 1em;
  margin-top: -40px;
  margin-left: 9.5em;
}
.eventData {
  height: 10em;
  /* can't just inherit width because IE screws up */
  width: 100%;
  background-color: #eeeeee;
  white-space: pre;
  padding: 8px;
  border: 1px dotted #336699;
  overflow: auto;
}

.toggleLink {
  margin-top: 0.5em;
  color: #5F57E8;
  text-decoration: underline;
  cursor: pointer;
}
.toggleSection {
  margin-top: 0.5em;
  border: 1px dotted #999;
  padding: 1em;
  background: #eee;
}
.wikitextPreview {
  display: none;
  margin: 1em 0 0;
  border: 1px dashed #ccc;
  background-color: #dfdfdf;
  padding: 0.2em 0.5em 0.5em;
}
.wikitextPreview div {
  margin-top: 0.2em;
  border: 1px dashed #eee;
  background-color: #efefef;
  padding: 0.2em 0.5em;
}
/* style tables from Confluence */
table.confluenceTable {
  margin: 0 0 1em 0;
  border: 0;
}
table.confluenceTable tr {
  border: 1px solid #ccc;
}
table.confluenceTable th.confluenceTh, table.confluenceTable td.confluenceTd {
  border: 0;
}
/* key-value style for tables from Confluence */
.kv table.confluenceTable th{
  width: 200px;
  padding: 4px;
  background-color: #e2e2e2;
}
.kv table.confluenceTable td {
  line-height: 1.5em;
  padding-left: 8px;
  background-color: #e6eef8;
}


/* project pages */
.projectInfo table.confluenceTable {
  border-top: 1px solid #336699;
  border-bottom: 1px solid #336699;
  width: 70%;
}
.projectInfo table.confluenceTable tr {
  border: 0;
  border-bottom: 1px dashed #ccc;
}
.projectInfo table.confluenceTable th.confluenceTh {
  text-align: left;
  width: 15em;
}
.team {
}
.team h4 {
  margin-bottom: 0;
}
.team address p {
  margin: 0;
}
.team table.confluenceTable th.confluenceTh {
  padding: 0.2em 0.5em 0 0;
  text-align: left;
  font-weight: normal;
}
.team table.confluenceTable th.confluenceTh {
  padding: 0.2em 0.5em 0 0;
}
.yui-gb.team {
  padding-top: 1em;
}
.yui-gb.team .personalInfo {
  padding: 1em;
  border: 1px solid #ccc;
  border-left: 5px solid #ccc;
  clear: both;
  height: 8em;
}
/* project affiliation pages */
.projectCard {
  border: 1px solid #ccc;
  border-left: 5px solid #ccc;
  padding: 1em;
  height: 10em;
  vertical-align: top;
}
.projectCard p {
  margin-top: 0;
}
.projectCard p.pubs {
  float: right;
  margin: 0;
  text-align: right;
}

/* PGKB team */
.pgkbTeam {
  border-top: 1px solid #369;
  border-bottom: 1px solid #369;
  background-color: #e2e2e2;
  width: 50%;
  padding: 0.5em 1em;
  margin-bottom: 2em;
}
.pgkbTeam address {
  margin-bottom: 1em;
}
.pgkbTeam td, .pgkbTeam th {
  padding: 0.2em 0.5em 0 0;
}
.pgkbTeam th {
  font-weight: normal;
}
.pgkbMember {
  margin-bottom: 1em;
  clear: both;
  height: 110px;/* minimum height is the image height + border */
}
.pgkbMember img {
  float: left;
  margin-right: 1em;
  padding: 2px;
  border: 1px solid #999;
}
.pgkbMember img.rendericon {
  /* for confluence */
  float: none;
  border: 0;
  padding: 0;
  margin-right: 0;
}

/*** text cloud ***/
.tcGene {
  font-variant: small-caps;
}
.tcDrug {
  font-variant: small-caps;
}
.tcDisease {
  font-variant: small-caps;
}
.tc1 {
  font-size: 116%;
  font-weight: bold;
}
.tc2 {
  font-size: 116%;
}
.tc3 {
  font-size: 108%;
}
.tc4 {
  font-size: 108%;
  color: #666;
}
.tc5 {
  font-size: 100%;
  color: #666;
}
.tc6 {
  font-size: 100%;
  color: #999;
}
.tc7 {
  font-size: 100%;
  color: #999;
}
.tc8 {
  font-size: 93%;
  color: #999;
}
.tc9 {
  font-size: 93%;
  color: #ccc;
}
.tc10 {
  font-size: 85%;
  color: #ccc;
}


/* misc. styles */
.floatParent {
  border: 1px solid #fff;
  overflow: hidden;
  width: 100%;
}
.editMode {
  float: right;
}
.sourceClause {
  font-size: 77%;
  color: #666;
}
.submittedBy {
  margin: 3em 0 0;
}
.accObjNode {
  color: #369;
  cursor: pointer;
}
.roundedBox {
  border: 1px solid #ccc;
  padding: 1em;
  background-color: #eee;
  /* native corner rounding in FF, Chrome, Safari */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.drugImg {
  float: right;
  padding: 0 0 2em 2em;
  text-align: center;
}

.similarDrug {
  display: inline-block;
  width: 110px;
  height: 160px;
  margin: 0 0.5em 0.5em 0;
  border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
}
.similarDrug img {
  margin: 0 auto;
  width: 100px;
  height: 100px;
}
.objType {
  font-size: 85%;
  font-variant: small-caps;
  color: #666;
}

/*** zebra stripe tables ***/
table.zebra {
  width: 100%;
}
table.zebra tr > th:first-child, table.zebra tr > td:first-child {
  border-left: 0;
}
table.zebra th {
  padding: 0.3em 1em 0.3em 0.5em;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  border-left: 1px solid #ccc;
  background-color: #e2e2e2;
  color:  #8b2e3f;
  font-weight: bold;
  white-space: nowrap;
}
table.zebra td {
  padding: 0.2em 1em 0.3em 0.5em;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #efefef;
  color: #404040;
  vertical-align: top;
}
table.zebra tr.alt td {
  background-color: #e0e7f8;
}
table.zebra tr.over td, table.zebra tr:hover td {
  background-color: #d3d6df;
}
/* 2-column zebra table */
table.zebra-2  {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid #b2b2b2;
}
table.zebra-2 th {
  width: 25%;
  padding: 0.4em;
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  background-color: #e0e7f8;
  color: #8b2e3f;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: right;
}
table.zebra-2 td {
  padding: 0.4em;
  border-bottom: 1px solid #b2b2b2;
  background-color: #e0e7f8;
  color: #404040;
}
table.zebra-2 tr.alt th, table.zebra-2 tr.alt td {
  background-color: #efefef;
}


/*** autocomplete styles ***/
/* should only need to change width for individual pages (ac-input and ac-content) */
.yui-skin-sam .yui-ac {
  font-family: Arial, Helvetica, sans-serif;
}
.yui-skin-sam .yui-ac-input {
  position: static;
  width: 10em;
}
.yui-skin-sam .yui-ac-content {
  width: 10em;
  /* for scrolling */
  max-height: 16em;
  overflow: auto;
  overflow-x: hidden;
  _height:16em;
}
.yui-skin-sam .yui-ac-bd {
  width: inherit;
  font-size: 93%;
  text-align: left;
  color: #666;
  background-color: #E1E7F3;
}
.yui-skin-sam .yui-ac-bd li {
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.yui-skin-sam .yui-ac-ft {
  padding: 3px;
  font-size: 93%;
  text-align: right;
}


/*** YUI calendar styles ***/
.calPanel .bd:after {
  content: ".";
  display: block;
  clear: left;
  height: 0;
  visibility: hidden;
}
/* Have calendar squeeze up to bd bounding box */
.calPanel .bd {
  padding: 0;
}
.calPanel {
  border: none;
}


/*** annotation styles ***/
img.button {
  cursor: pointer;
}
img.deleteBtn, img.addBtn, img.editBtn {
  vertical-align: top;
  margin-left: 0.2em;
  cursor: pointer;
}
.pgkb_da_highlight, .highlight, tr.highlight td {
  background-color: #fcc;
}

/*** intro ***/
#intro {
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
#intro h1 {
  margin-top: 0;
}
#introNames {
  color: #333;
}
#introNames dl {
  margin: 0;
}
#introNames dl dt {
  font-weight: bold;
  color: #333;
}

/*** main content ***/
#mainContentLoading img {
  display: block;
}
#mainContent h2 {
  background-color: #E0E7F8;
  color: #05396D;
  text-align: left;
  padding: 0.4em 0 0.2em 0.4em;
  border-bottom: 1px solid #8C9CC2;
}
#mainContent h3 {
  color: #8b2e3f;
  border-bottom: 1px solid #E8E8E8;
}
#mainContent h4 {
  margin-top: 2em;
  color: #05396D;
  font-style: italic;
  font-weight: normal;
}
#mainContent h4.first {
  margin-top: 0;
}
#mainContent table.zebra tr.alt td {
  background-color: #f9f9f9;
}

/*** full variant annotations table ***/
th.vaColLoc {
  width: 5em;
}
th.vaColSentence {
}
th.vaColEdit {
  width: 6.5em;
}
table.vaTable tr.rowSpan td {
  border-bottom: 0;
}
/*** study params table ***/
table.spTable {
  width: 80%;
  font-size: 88%;
  margin-left:1em;
  margin-top:5px;
}
table.spTable tr.highlight td {
  background-color: #d2d2d2;
}
table.spTable th {
  font-weight: normal;
  background: #FAF2E0;
}
table.spTable td {
  background-color: #E8E8E8;
}
table.spTable th.spColSize {
  width: 4em;
}
table.spTable th.spColFreq {
  width: 8em;
}
table.spTable th.spColRace {
}
table.spTable th.spColPopulation {
  width: 10em;
}
table.spTable th.spColPvalue {
  width: 4em;
}
table.spTable th.spColEdit {
  width: 3em;
}

/*** clinical annotations ***/
.clinicalAnnotation {
  background-color:#F8F8F8;
  border: 1px solid #979898;
  border-radius: 3px;
  padding: 0px;
  margin-bottom: 2em;
}

.clinicalAnnotation div.headerBar {
  padding:2px;
  padding-right:10px;
  background: #FAF2E0;
  color:#8B2E3F;
  font-weight: bold;
  text-align: right;
}

.clinicalAnnotation div.content {
  padding:5px;
}

div.varAnnDiv {
  background-color:#F8F8F8;
  border: 1px solid #979898;
  border-radius: 3px;
  padding: 5px;
  margin-bottom: 2em;
}

div.varAnnDiv div.varAnnSentence {
  margin-bottom:.5em;
}

div.varAnnDiv div.varAnnSource {
  margin-top:3px;
  margin-left:1em;
}

div.varAnnDiv div.varAnnDrugs {
  margin-top:3px;
  margin-left:1em;
}

.fieldLabel {
  color:#777;
}

div.textFieldSubDiv {
  margin-top:.5em;
  margin-left:1em;
}

div.strongSubDiv {
  margin-top:.5em;
  margin-bottom: .5em;
}

div.strongSubDiv span.fieldLabel {
  color:black;
  font-weight:bold;
}

/** Dosing Guidelines style **/
div.dataAnnSection {
  background:#DDD;
  margin-bottom:2em;
  border:2px solid #CCC;
}

div.dataAnnSection div.header {
  font-weight:bold;
  margin-bottom:1em;
  background:#CCC;
  padding:3px;
}

div.dataAnnSection div.wikitext {
  padding:5px;
}

/** Allele Phenotype table styling **/
div.allelePhenoTable th {
  border:1px solid #777 !important;
  background:#DDD;
  padding: 3px;
  color:black;
}

div.allelePhenoTable td {
  border:1px solid #777;
}

div.pgkbPathwayImg {
  text-align:right;
}

.outline {
  border: 1px solid #DDD;
}
#drugbankDescription_more, #pgkbSummary_more {
  display: none;
}
.wikitext table.zebra th {
  white-space: normal;
}

/** subtab styling **/
.tabButtons {
  margin-top:20px;
}

.tabButtons a.subTabLabel {
  padding:3px;
  border:2px solid #CCC;
  border-bottom:0;
  background:#EEE;
  margin:0;
  margin-right:3px;
  color:#8B2E3F;
  font-size:1.15em;
  font-weight:bold;
  text-decoration:none;
}


.subTabSection {
  background:#EEE;
  border:2px solid #CCC;
  margin-bottom:2em;
  padding:10px;
}
.subTabSection h3 {
  padding:10px;
}
.subTabSection .subTabContent {
  padding-left:2em;
}
.subTabContent h3 {
  padding:0;
}


/** search reminder styling **/
#searchReminder {
  font-size:0.75em;
  font-style:italic;
  float:right;
  font-weight:normal;
  color:gray;
}
.searchReminderTerm {
  font-style:normal;
  color:black;
}

/** Alt name box styling **/
.altNameBox {
  float:left;
}

.altNameHeader {
  font-size:1em;
  font-weight:bold;
}

.altNameContent {
  height:10em;
  width:17em;
  padding:0;
  margin-right:7px;
  border:1px solid #888;
}

.altNameList {
  margin:0 0 20px 5px;
}

.altNameList li {
  list-style: none;
}

article header h3 {
    display:inline;
font-size:0.8em;
margin-right:2em;
}

article header {
    margin-bottom:2em;
}

section.spliceVariant {
  margin-left:2em;
}

table.compact th, table.compact td {
  margin-top:0;
  margin-bottom: 2px;
  padding:2px;
  border-top:1px dotted #CCC;;
}
table.compact th {
  color:#777;
  text-align:right;
}

section.footer {
  font-size: 85%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  font-style:italic;
}