/* gci bucket graphic begin */

/* 26px is used for dividers and top and bottom caps */
/* means we have 90px to use for result data */
.gci_bucket /* ie6 hack on font size and width elsewhere */
{
    height: 116px; /* really 115 but lets keep it even numbers for ease of division */
    width: 500px; /* width needed for printable results */
    margin-bottom: 30px;
}

.gci_bucket img /* to make modern browsers happy with IE6 hack */
{
    display: block;
}

.gci_bucket .risk_data img {
/* dont want dash to be block level */
    display: inline;
    vertical-align: middle;
    padding-right: 3px;
}

.bucket_data {
    position: relative;
}

.gci_bucket .risk_data {
    display: block;
    position: absolute;
    width: 350px;
    left: 89px;
}

/* bucket_data positioning is manipulated by js, these are defaults in the center in case no js.. */
.bucket_data .risk_data_high {
    top: 15px;
}

.bucket_data .risk_data_same {
    top: 15px;
}

.bucket_data .risk_data_low {
    top: 15px;
}

.bucket_data .risk_data_up {
    background: url(../../images/page/member/gci_bucket/gcibkt_percent_dash_up.gif) no-repeat bottom left;
}

.bucket_data .risk_data_down {
    margin-top: .5%;
    padding-top: .5%;
    background: url(../../images/page/member/gci_bucket/gcibkt_percent_dash_down.gif) no-repeat top left;
}

/* gci bucket graphic end */

/* SNP Table */
.snp-table {
    margin-bottom: 1em;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #d5daca;
    font-size: 85%;
}

.snp-table th, .snp-table td {
    padding: 4px;
    width: auto;
    vertical-align: middle;
    height: 2.5em;
}

.snp-table .risky {
    color: #f00;
    font-weight: bold;
}

.snp-table .snb {
    font-weight: bold;
}

.snp-table th {
    font-weight: bold;
    cursor: default;
    border-bottom: 1px solid #d5daca;
    background: #FDFEFD url(../../images/page/pra/icon/snp-grad.gif) 0 0 repeat-x;
    white-space: nowrap;
    font-size:80%;
}

.snp-table th img {
    margin-top: -4px;
    margin-left: 3px;
}


.status-flag-wrapper {
    position: relative;
}

.status-flag-wrapper table {
    margin-bottom:0;
}

.statusflag {
    position: absolute;
    left: -68px;
    top: 0;
    height: 17px;
    width: 63px;
    display: none;
}

.new .statusflag {
    background: url(../../images/page/pra/new-arrow.gif) no-repeat;
    display: block;
}

.you .statusflag {
    background: url(../../images/page/pra/you-arrow.gif) no-repeat;
    display: block;
}

.pending .statusflag {
    background: url(../../images/page/pra/pending-arrow.gif) no-repeat;
    display: block;
}

.updated .statusflag {
    background: url(../../images/page/pra/update-arrow.gif) no-repeat;
    display: block;
}

.snp-table th span {
    margin-bottom: 10px;
    /*white-space: nowrap;*/
}

.snp-table .border {
    border-right: 1px solid #dae5c4;
}

.snp-table .border-all {
    border: 1px solid #dae5c4;
}

.snp-table .even .dark {
    background-color: #ebf4db;
}

.snp-table .even .light {
    background-color: #f2f7eb;
}

.snp-table .odd .dark {
    background-color: #f9fcf5;
}

.snp-table .odd .light {
    background-color: #fff;
}

.snp-table .center {
    text-align: center;
}

.snp-table .left {
    border-left: 1px solid #d5daca;
}

.snp-table .left span {
    margin-bottom: 10px;
}

.snp-table .left img {
    margin-right: 3px;
}

.snp-table .right {
    border-right: 1px solid #d5daca;
}

.snp-table .no-wrap {
    white-space: nowrap;
}

.snp-table .test-snp {
    color: #999999;
    display: block;
    font-size: 97%;
    margin-bottom: 0;
    padding-left: 18px;
}

/*NEW TILES*/
.tile {
    position: relative;
    width: 128px;
    height:86px;
}

.tile dl {
    margin: 43px 0 0 10px;

    font-size: 100%;

}

.tile dt, .tile p {
    float: left;
    margin-right: 5px;
}

.tile dt.you, .tile dd.you {
    color:#ec8100;    
}

.disabled dt.you, .disabled dd.you {
    color:#ccc;
}

.other-conditions .tile .you {
    font-size: 93%;
}

.condition-content .tile h2 { font-size: 14px }

.tile h2 {
    font-size: 108%;
    font-family: arial, sans-serif;
    line-height: 15px;
    margin: 13px 10px 10px;
    position: absolute;
    left: 0;
    color:#000;
}

.tile.elevated,
    .tile.elevated dt,
    .tile.elevated dd, {
    color: #fff;
}

.tile.elevated {
    color: #fff;
}

.tile.disabled,
    .tile.disabled h2,
    .tile.disabled dt,
    .tile.disabled dd {
    color: #999;
    cursor: default;
}

.tile.ghost {
    cursor: default;
}

.tile .inner {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 2px;
    width: 97%;
}

.tile .you {
    color: #ec8100;
}

.elevated dt.you, .elevated dd.you{
    color:#fff;
}

.tile a.link-clone {
    height: 88px;
}

.noresults p {
    padding: 10px;
}

.hover .inner h2 {
    color: #444;
}

.tile dd {
    margin-left:0;
    margin-right: 5px;
}


.tile a {
    background: url(../../images/page/member/condition-tiles/condition-tile-arrow.png) no-repeat;
    bottom:9px;
    position:absolute;
    right:1px;
    height: 19px;
}

.results-list .hover a.wholediv-clickable {
    text-decoration: none;
}

.results-list .tile a span{
    visibility: hidden;  
}
/*END NEW TILES*/


.section-icon {
    float: left;
    margin-right: 5px;
}

.pra-overview-blurb {
    padding:0 10px 0 25px;    
}

/*multi-locus-snps-tables*/
.snp {
    display: block;
    padding-bottom: 3px;
}

.locus {
    margin-top: 7px;
    display: block;
}

.col {
    float: left;
    width: 50%;
}

.snp-table .left span.snp {
    margin-bottom: 0;
}

.overview-view .grey-rounded-box {
    margin-left: 10px;
    margin-bottom: 0;
}

.status-alert-wrapper {
    width: 500px;
    background: transparent url(../../images/page/pra/status-alert-bg-top.gif) no-repeat scroll left top;
    padding-top: 9px;
    margin-bottom: 2em;
    margin-top: 1em;
    float: left;
}

.status-alert {
    float: left;
    padding: 5px;
    background: transparent url(../../images/page/pra/status-alert-bg.gif) no-repeat scroll left bottom;
}

.status-alert span {
    float: left;
    padding-left: 70px;
    width: 420px;
}

.status-alert span p span {
/* ignore extra span from cms... */
    float: none;
    padding: 0;
    width: auto;
}

.status-alert span.NewCondition {
    background: url(../../images/page/pra/new-arrow.gif) no-repeat;
}

.status-alert span.UpdatedProduct, .status-alert span.UpdatedCall, .status-alert span.UpdatedCall_RiskCountChanged {
    background: url(../../images/page/pra/update-arrow.gif) no-repeat;
}

.status-alert span.ResultsPending {
    background: url(../../images/page/pra/pending-arrow.gif) no-repeat;
}
.risk-allele {
    font-weight: bold;
}

.pgx-normal {
    font-weight: bold;
    background: url(../../images/page/pra/pgx/mid.png) no-repeat left; padding-left:20px;
}

.pgx-high {
    font-weight: bold;
    background: url(../../images/page/pra/pgx/high.png) no-repeat left; padding-left:20px;
}

.pgx-low {
    font-weight: bold;
    background: url(../../images/page/pra/pgx/low.png) no-repeat left; padding-left:20px;
}

.pgx-warn {
    font-weight: bold;
    background: url(../../images/page/pra/pgx/warn.png) no-repeat left; padding-left:20px;
}

.pgx-none {
    font-weight: bold;
    background: url(../../images/page/pra/pgx/none.png) no-repeat left; padding-left:20px;
}