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

/* body element class */
body  {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* top-level div 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;
}

/* div class for left aligned material */
.divtxtleft  {
text-align: left;
font-family: verdana,sans-serif;
font-size: 14px;
}

/* div class for left content w/ width=50% */
.divcnt50  {
float: left;
width: 50%;
text-align: center;
}

/* div class for breadcrumbs */
div.breadcrumbs  {
position: relative;
left: 20px;
text-align: left;
font-size: 12px;
font-weight: bold;
color: black;
}

.tooltip {
color: black;
font-size:8pt;
text-align:justify;
background-color: khaki;
position: absolute;
visibility: hidden;
padding: 7px;
border:1px solid brown;
}

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

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

a.tooltip2 span {
display: none;
}

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

.hide {
display: none;
}

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

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

/***********************************************************************/
/***** Style for Text elements *****************************************/
/***********************************************************************/

/* page title element */
.master  {
margin: 0.0em 0.0em 0.0em 0.0em;
font-size: 32px;
font-weight: bold;
font-family: georgia,times,serif;
text-align: center;
color: #B40724;
}

/* subsection title element */
.submaster  {
margin: 0.0em 0.0em 0.0em 0.0em;
font-size: 24px;
font-weight: bold;
font-family: georgia,times,serif;
color: black;
}

/* subsection info element */
.subinfo  {
margin: 0.0em 0.0em 0.5em 0.5em;
font-size: 16px;
font-weight: bold;
font-family: georgia,times,serif;
}

/* style for plate heatmap blank,refwell,and control well labels */
.nostruct  {
font-size: 24px;
font-weight: bold;
}

/***********************************************************************/
/***** Style for Span elements *****************************************/
/***********************************************************************/
/* span for datum elements */
span.datum  {
font-weight: bold;
background-color: yellow;
}

/***********************************************************************/
/***** Style for Link elements *****************************************/
/***********************************************************************/
a.simple  {
text-decoration: none;
}

/* for links revealed from hidden div made visible */
.hide a { display:inline; background-color:tan; color:yellow; text-decoration:none;
           font-family: helvetica, arial, sans-serif;font-weight:bold; font-size:16px;
           text-align: center; border: 4px outset aqua;
           margin:10px; padding:5px; }

.hide a:hover {background-color:blue;}

/***********************************************************************/
/***** Style for Table elements *****************************************/
/***********************************************************************/

/* table td class for left-aligned vertical table with summary-like info */
tr.tblinfo  {
font-weight: bold;
text-align: left;
color: black;
}

/* class for horizontal table header with centered data */
tr.thdata td  {
font-weight: bold;
text-align: center;
color: black;
border: outset gray 0.1em;
background-color: #FFCC66;
}

tr.tddata td {
font-weight: bold;
text-align: center;
color: black;
border: outset gray 0.1em;
}

/* plate heatmap table styles */
table.heatmap {
margin: auto;
border: thin solid black;
text-align: center;
font-size: 10px;
font-weight: bold;
}

td.blankWell {
background-color: black;
color: white;
border: double blue;
}

td.compdWell {
color: black;
border: double blue;
}

td.visiting {
color: black;
border: solid medium crimson;
}

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

ul.userInStruct {
margin: 0px;
padding: 0px;
list-style-type: disc;
}

/***********************************************************************/
/************** Special elements ***************************************/
/***********************************************************************/
/* SJCRH header styles */
#headertable {
	width:100%;
	border:0px solid white;
	padding:0px;
	margin:0px;
	border-collapse:collapse
}

#headertable td {
	height:143px;
	padding:0px;
}

#headertable img {
	height:143px;
	border:0px solid white;
}

/* SJCH footer styles */
#footerdiv {
	width:100%;
	margin-top:40px;
	margin-bottom:20px;
}

#footertable {
	width:450px;
	border:0px solid white;
	padding:0px;
	margin:0px auto;
	border-collapse:collapse;
	font-size: x-small;
	color: #b0831f;
}

#footertable td {
	text-align:center;
	padding:0px
}

a.sjch:visited {
text-decoration: none;
color: gray;
}

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

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