/* Style sheet for Molecular Profiler and ADME Profiler  */
/*********************************************************/
/* Div and Span elements *********************************/
/*********************************************************/

/* body element class */
.body  {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

/* div element class for all non-branded html */
.divbody  {
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
text-align: center;
font-family: verdana,sans-serif;
font-size: 14px;
}

/* generic div container element */
.divcontainer  {
position: relative;
margin-top: 0.1em;
margin-bottom: 0.1em;
text-align: center;
}

/* newline div element */
.divclear  {
clear: both;
}

/* div content elements */
.content  {
clear:both;
}

.footer  {
clear: both;
position: absolute; 
bottom: 0;
left: 20px;
}

/* div element for help section */
.divhelp  {
padding: 0.1em;
background-color: #CCCCFF;
text-align: left;
}

/* AssayReporter specific: div elements for QC page */
.divcontainer2 {
float: left;
width: 49%;
text-align: center;
}

/* ADME specific: div elements for summary page */
.divcntleft {
float: left;
width: 32%;
}
.divcntmid {
float: left;
width: 32%;
}
.divcntright {
float: left;
width: 32%;
}

/******************************************************/
/* Table elements *************************************/
/******************************************************/

/* table containing db information */
.tbldbinfo {
margin-left: auto;
margin-right: auto;
border: outset gray 0.1em;
}

/* for tables within .tbldbinfo */
.tbldbinfo2  {
margin-left: auto;
margin-right: auto;
font-family: verdana,sans-serif;
font-weight: bold;
font-size: 14px;
}

/* for table header row */
.tblheader  {
border: outset gray 0.1em;
background-color: #FFFFCC;
text-align: center;
font-weight: bold;
font-size: 16px;
}

/* for table data within .tbldbinfo */
.tbldata  {
border: outset gray 0.1em;
text-align: center;
font-weight: bold;
font-size: 14px;
}

/* for platemap table container*/
.tblplate  {
margin-left: auto;
margin-right: auto;
border: outset gray 0.1em;
}

/* for platemap well container */
/* multiple tblwell2s for background colors */
.tblwells2  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: black;
}
.tblwells2a  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #00FF00;
}
.tblwells2b  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #66FF66;
}
.tblwells2c  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #99FF99;
}
.tblwells2d  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #CCFF99;
}
.tblwells2e  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #FFFFFF;
}
.tblwells2f  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #FFCCCC;
}
.tblwells2g  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #FF9999;
}
.tblwells2h  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #FF6666;
}
.tblwells2i  {
width: 4em;
font-size: 10px;
text-align: center;
border: outset black 0.1em;
background-color: #FF0000;
}
/* End special table wells */

/* table for molecular data + dbinfo */
.tblmol  {
width: 70%;
margin-left: auto;
margin-right: auto;
}

/* inside .tblmoldata, column containing mol image */
.tblmolcol  {
width: 50%;
text-align: center;
}

/* inside .tblmoldata, column containing db info */
.tblmolcol2  {
width: 200px;
text-align: left;
font-weight: bold;
font-size: 16px;
}

/* ADME specific: for summary page */
.tblsummary  {
border: outset gray 0.1em;
background-color: #FFFFCC;
text-align: center;
margin-bottom: 2em;
}

/********************************************************/
/* Text elements ****************************************/
/********************************************************/

/* top-most text element */
.master  {
font-size: 32px;
font-weight: bold;
font-family: georgia,times,serif;
text-align: center;
color: #B40724;
}

/* text element for subdivisions */
.submaster  {
font-size: 24px;
font-weight: bold;
font-family: georgia,times,serif;
text-align: center;
color: black;
}

/* for text below master or submaster elements */
.info {
margin: 0.2em;
font-size: 16px;
font-weight: bold;
color: black;
}

/* default element for url elements */
a.links:link  {
font-size: 15px;
font-weight: bold;
font-family: arial,sans-serif;
text-decoration: none;
color: #b0831f;
}

a.links:visited  {
font-size: 15px;
font-weight: bold;
font-family: arial,sans-serif;
text-decoration: underline;
color: #b0831f;
}


/* element of well url */
.welllinks {
font-size: 10px;
font-weight: bold;
font-family: verdana;
text-decoration: none;
}

/* element for image url */
.imglinks {
color: white;
text-decoration: none;
}

/* element for url without decoration */
.nolinks {
text-decoration: none;
}

/* special tag for well blanks */
.blank  {
font-size: 10px;
font-weight: bold;
font-family: verdana;
color: white;
}

/* special tag for db-pulled info */
.datum  {
text-tranform: uppercase;
background-color: yellow;
}

/* special tag for emphasizing well link text */
.abnint {
color: #FFFF00;
}

.normint {
color: #000000;
}

/***********************************************************************/
/* ADME specific */
/**********************************************************************/
/* next three elements for color-coding scheme */
.totsat {
font-size: 18px;
font-weight: bold;
background-color: green;
color: black;
}

.totmod {
font-size: 18px;
font-weight: bold;
background-color: yellow;
color: black;
}

.totbad {
font-size: 18px;
font-weight: bold;
background-color: red;
color: black;
}

/* next elements for individual model info/violations/passes */
.summary {
font-size: 12px;
font-weight: bold;
color: black;
}

.pass {
font-size: 12px;
font-weight: bold;
color: green;
}

.viol {
font-size: 12px;
font-weight: bold;
color: red;
}

/***********************************************************************/
/***** Style for List elements *****************************************/
/***********************************************************************/
ul.square {
list-style-type: square;
}
ul.disc {
list-style-type: disc;
}

/***********************************************************************/
/************** Special elements ***************************************/
/***********************************************************************/
.divisor  {
width: 100%;
height: 2px;
}

.divisor2  {
width: 100%;
background-color: black;
height: 0.5px;
}

/* elements for color coding image borders */
.borderHIGH  {
border-width: 4px;
border-color: green;
}

.borderMOD  {
border-width: 4px;
border-color: yellow;
}

.borderLOW  {
border-width: 4px;
border-color: red;
}

.borderNONE  {
border-width: 1px;
border-color: black;
}

/* special elements for CSS tooltips */
a.tooltips {
position: relative; 
z-index: 24; 
color: black;
text-decoration: none;
}

a.tooltips:hover {
z-index:25;
background-color:#FF0;
}

a.tooltips span {
display: none;
}

a.tooltips:hover span {
display: block;
position: absolute;
top: 2em; left: 0em; width: 15em;
border: 1px solid #0CF;
background-color: #CFF;
color: #000;
text-align: center;
}

/* case for tooltips at right edge of browser */
a.tooltips2 {
position: relative;
z-index: 24;
color: black;
text-decoration: none;
}

a.tooltips2:hover {
z-index:25;
background-color:#FF0;
}

a.tooltips2 span {
display: none;
}

a.tooltips2:hover span {
display: block;
position: absolute;
top: 2em; right: 0em; width: 15em;
border: 1px solid #0CF;
background-color: #CFF;
color: #000;
text-align: center;
}

/* SJCH footer styles */
a.sjch:visited {
text-decoration: none;
color: gray;
}

a.sjch:link {
text-decoration: none;
color: #b0831f;
}

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

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

.style2 {
color: #B0831F;
}

.style3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
}

.style4 {
color: #b0831f;
}

/***********************************************************************/