.myFaces_panelTabbedPane_activeHeaderCell {
    width: 150px !important;
    font-weight: bold !important;

}
.myFaces_panelTabbedPane_inactiveHeaderCell {
    width: 150px !important;

}

p, tr, td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
}

/* links */
a { COLOR: #B34040; }

a:active {   COLOR: #009999;
    TEXT-DECORATION: none; }

a:hover {   color: #FF0000; }

/* This style is for pages need to span the full width of the body area */
.copy {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 676px;
}

/* This style is for pages where you don't want to use the full width of the white body area - use mainly for text pages */
.copy_narrow {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 500px;
}



.form {   FONT-SIZE: 11px;
    COLOR: #4A4A4A;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }

.search {   FONT-SIZE: 10px;
    COLOR: #336666;
    border-width: 0px; }


/* Home Page News Box */
.news {
    background-color: #E7F1F1;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.newshead td {
    font-size: 12px;
    line-height: 20px;
    color: #1A1770;
    font-weight: bold;
    background-color: #CCE5E5;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.news td {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
    padding-right: 10px;
    padding-left: 18px;
    font-size: 11px;
    line-height: 14px;
    list-style-type: none;}

#news {
    background-color: #E7F1F1;
    margin: 0px 0px 25px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

#news li {
    background-color:#427BB5;
    list-style-type: none;
    padding-top: 0px;
    padding-bottom: 6px;
    padding-right: 0em;
    padding-left: 12px;
    float: none;
    margin: 0px;
}

#news a {
color: #1A1770;
}

#news a:hover {
color: #3333FF;
}

/* My MMGP left sidebar */
#mymmgp {
    background-color: #CCE5E5;
    margin: 40px 0px 0px;
    padding-top: 0px;
    padding-bottom: 10px;
}
#mymmgp .head {
    font-size: 11px;
    line-height: 20px;
    color: #1A1770;
    font-weight: bold;
    background-color: #CCE5E5;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 17px;
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
 }

 #mymmgp .body {
    list-style-type: none;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-right: 0em;
    padding-left: 25px;
    float: none;
    margin: 0px;
    color: #1A1770;
    line-height: 14px;
}

#mymmgp ul {
    padding-top: 0px;
    padding-bottom: 10px;
    margin: 0px;
    padding-right: 10px;
    padding-left: 18px;
    font-size: 11px;
    line-height: 14px;
    list-style-type: none;}


#mymmgp li {
    background-color:#427BB5;
    list-style-type: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0em;
    padding-left: 10px;
    float: none;
    margin: 0px;
}

#mymmgp a {
color: #1A1770;
}

#mymmgp a:hover {
color: #3333FF;
}

/* Bar Heads */

.barhead1 {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #427bb5;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}

.barhead1 a {
    color: #FFFFFF;
    text-decoration: underline;
}
.barhead1 a:hover {
    color: #CCCCFF;
    text-decoration: none;
}

/* for data rows that aren't in a GISTIC peak and aren't significant (q > 0.25) */

.barhead2 {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #1a1770;            /* RGB=(026,023,112), a dark blue */
    background-color: #cce5e5; /* RGB=(204,229,229), a light blue */
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}

.barhead2 a {
    color: #1a1770;
    text-decoration: underline;
}
.barhead2 a:hover {
    color: #1a1770;
    text-decoration: none;
}

.barhead2_nofill {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #1a1770;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}
.barhead2_under {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #1a1770;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
    border-bottom: 1px solid #DDDDFF;
    border-top: 1px solid #DDDDFF;
}

/* for data rows that are in a GISTIC peak and significant (q <= 0.25) */

.barhead2peaksig {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #282828;            /* RGB=(040,040,040), a dark grey */
    background-color: #ffbe6e; /* RGB=(255,190,110), a light orange */
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}

.barhead2peaksig a {
    color: #282828;
    text-decoration: underline;
}
.barhead2peaksig a:hover {
    color: #282828;
    text-decoration: none;
}

.barhead2peaksig_nofill {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #282828;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}
.barhead2peaksig_under {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #282828;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
    border-bottom: 1px solid #DDDDFF;
    border-top: 1px solid #DDDDFF;
}

/* for data rows that aren't in a peak but with significant q-value (q <= 0.25) */

.barhead2nonpeaksig {   
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #282828;            /* RGB=(040,040,040), a dark grey */
    background-color: #fefc4f; /* RGB=(254,252,079), a medium yellow */
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}

.barhead2nonpeaksig a {
    color: #282828;
    text-decoration: underline;
}
.barhead2nonpeaksig a:hover {
    color: #282828;
    text-decoration: none;
}

.barhead2nonpeaksig_nofill {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #282828;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}
.barhead2nonpeaksig_under {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #282828;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
    border-bottom: 1px solid #DDDDFF;
    border-top: 1px solid #DDDDFF;
}

/* for data rows that are in a peak but with insignificant q-value (q > 0.25) */

.barhead2peaknonsig {   
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #004000;            /* RGB=(000,064,000), a dark green */
    background-color: #beff7d; /* RGB=(190,255,125), a light green */
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}

.barhead2peaknonsig a {
    color: #004000;
    text-decoration: underline;
}
.barhead2peaknonsig a:hover {
    color: #004000;
    text-decoration: none;
}

.barhead2peaknonsig_nofill {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #004000;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
}
.barhead2peaknonsig_under {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #004000;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin: 0px;
    border-bottom: 1px solid #DDDDFF;
    border-top: 1px solid #DDDDFF;
}

.tabbed_nofill {
    padding-left: 24px;
}

.barhead3 {
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    color: #1a1770;
    padding-right: 10px;
    padding-left: 6px;
    margin: 0px;
    vertical-align: top;
    }

/* footer links: */
.footer {   FONT-SIZE: 11px;
    COLOR: #660000; }

/* footer copyright line, etc: */
.footersmall {   FONT-SIZE: 9px;
    COLOR: #660000; }

.genomics {   FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #791d34;
    LINE-HEIGHT: normal;
    TEXT-DECORATION: none;
    margin-left:50px;
    margin-bottom:50px; }

/* there should be a title on each page: */
.pagetitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #660000;
    LINE-HEIGHT: 16px;
    TEXT-DECORATION: none;
    padding-bottom: 25px;
    display: block;
    padding-top: 0px;
    margin: 0px;
}

.demohead1 {   FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #660000;
    LINE-HEIGHT: 16px;
    TEXT-DECORATION: none; }

.validation
{   FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #022964;
    LINE-HEIGHT: normal;
    TEXT-DECORATION: none; }

.clinical
{   FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #649DA6;
    LINE-HEIGHT: normal;
    TEXT-DECORATION: none; }

.data
{   FONT-SIZE: 11px; }

.treatmentsCopy
{   font-size:x-small;
    margin-left:20px;
    margin-right:75px; }

.treatmentsTable
{   font-size:x-small; }

.newsletterCopy {
    FONT-SIZE: 12px;
    COLOR: #000066;
    padding-left: 20px; }

a.newsletterCopy {
    FONT-SIZE: 12px;
    COLOR: #76364E;
    padding-left: 20px; }

.copysmall
{   FONT-SIZE: 9px;
    COLOR: #000000; }

.spotlight
{   FONT-SIZE: 11px;
    COLOR: #000000;
}

a.spotlight {
    FONT-SIZE: 11px;
    COLOR: #333366;
    text-decoration: underline;
}

.headline {
    FONT-SIZE: 12px;
    COLOR: #000066;
    font-weight:bold;
    padding-bottom: 5px; }

.demohead2
{   FONT-SIZE: 12px;
    COLOR: #330066;
    font-weight:bold;
    padding-bottom: 5px;
}

.demohead2 a {
    color: #330066;
    text-decoration: underline;
}
.demohead2 a:hover {
    color: #333399;
    text-decoration: none;
}

.space_left {
    padding-left: 20px;
}
.space_right {
    padding-right: 20px;
}

.e-heading {
    font-size: 12px;
    color: #330066;
    background-color: #CCCCFF;
    text-indent: 6px;
    height: 15px;
    width: 100%;
    vertical-align: top;
}

.generic {
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #9999CC;
    border-width: 2px;
}
.generic td{
    background-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCFF;
}

.generic-noline {
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #9999CC;
    border-width: 2px;
}

/* use this for any generic small type */
.smalltype {
    font-size: 9px;
    line-height: 11px;
}

/* use this on the datasets page */
.smalltype_indent {
    font-size: 9px;
    line-height: 11px;
    margin-right: 140px;
    margin-left: 28px;
}

.normal_indent {
    margin-right: 140px;
    margin-left: 28px;
}

.tableheader-row {
    color: #6363B0;
    font-weight: bold;
    line-height: 20px;
}
.tableheader-row td {
    align:left;
    color: #6363B0;
    font-weight: bold;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #9999CC;
    background-color: #FFFFFF;
}

.tableheader-row2 {
    color: #6363B0;
    font-weight: bold;
    line-height: 20px;
}
.tableheader-row2 td {
    align:left;
    color: #6363B0;
    font-weight: bold;
    background-color: #FFFFFF;
}

.header {
    align:left;
    color: #6363B0;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #9999CC;
    background-color: #FFFFFF;

}

.outertableheader-row {
    color: #6363B0;
    border-style: solid;
    border-color: #9999CC;
    border-width: 2px;
}

.column-left {
    width:18%;
}


.column-right {
    width:82%;
}

.task-title {
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
}

.task-title td {
    background-color: #CCCCFF;
}

.breadcrumb{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-decoration: none;
}

.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.statustext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #3333FF;
    text-align: right;
    padding-right: 5px;
    float: right;
    line-height: 11px;
    text-decoration:none;
}

.whiteBkColor {
    background-color: #FFFFFF;
}

/* handle tabPanel tab display */
.tabPanelTab {
}

.tabPanelTab:hover {
    font-weight: bold;
}

/* stops elements from rendering; they are invisible and they aren't allocated any real-estate */
.hidden {
    display: none;
}

/* stops text wrapping, but don't use with unordered lists because of an IE6 bug */
.unwrappable {
    white-space:nowrap;	
}