/*///////////////////////////////////////////// Top level overll tag styles //////////////////////////////////////////////////*/

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:5px;
margin-top:5px;
height:100%;
}

A:LINK, A:VISITED {
	color: #3C3CFD;
	font-family:Arial, Helvetica, sans-serif; 	
	font-weight:normal;
	font-size: 12px;
	TEXT-DECORATION: none;
}

A:ACTIVE, A:HOVER {
	color: #0000ff;
	font-family:arial; 	
	font-size: 12px;
	TEXT-DECORATION: underline;
}

TD {
	FONT-WEIGHT: normal; FONT-SIZE:12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}

P {
	FONT-WEIGHT: normal; FONT-SIZE:12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.content{
  padding: 2px;
  padding-bottom:15px;
  top: 0px;
  margin-left:auto;
  margin-right:auto;
  min-width:1000px;
  border:1px solid #616592;
  margin-top:4px;
  min-height: 500px;  
  height:100%;
}

.pagetitle {
	font-size:16px;
	font-weight:bold;
	color:#1B6889;
	text-align:center;
	margin-top:3px;
	margin-bottom:10px;
}

.sectiontitle {
	font-size: 14px;	
	font-weight:bold;
	color:#1B6889;
	text-align:center;
}

.pageTable
{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	border:0px solid #000000;
}

.contentTable{
width:800px;
}

.buttonred {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-STYLE: italic; COLOR: #FFFFFF; BACKGROUND-COLOR:#990000; FONT-FAMILY: Arial, Helvetica, sans-serif; border-width: 1;
}

.header {
	padding: 1px 5px;
	top: 0px;
	background-color:#029ABE;
	color:#FFFFFF;
	background-image: url(../images/grad_blu.gif);
	background-repeat:repeat-x;
	background-color:#24A7C8
}

div#footer{
	padding:10px;
  margin-top:5px;
  border:1px solid #616592;
  background-color:#132C4E;
  color:#FFFFFF;
  background-image: url(../images/grad_blu1.gif);
  background-repeat:repeat-x;
}

#footer td {
	
  color:#FFFFFF;
  font-size:12px;

}

.flat {
	FONT-SIZE: 12px; 
	font-family: arial; 
	border:0;
	padding:1px 2px;
}
.brickColor {
	color: #FFFFFF; 
	background-color:#990000 
}

.heading {
	FONT-WEIGHT: bold; COLOR: #24A7C8; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.subheading {
	FONT-WEIGHT: bold; COLOR: #24A7C8; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.subheading2 {
	FONT-WEIGHT: bold; COLOR: #24A7C8; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.bold {
	FONT-WEIGHT: bold; 
}

a:link.white, a:visited.white {
	font-size: 0.9em; color: #DDDDDD; text-decoration:none;
}
a:hover.white, a:active.white {
	color:#FFFFFF; text-decoration:underline;
}

a:link.linksonpage, a:visited.linksonpage
{
	color: #475CBF;
	TEXT-DECORATION: none;
	font-weight:normal;
}
a:hover.linksonpage, a:active.linksonpage {
		color: #0000ff;
	TEXT-DECORATION: underline;
}

.contentHeaderRow{
background-color:#24A7C8;
}

a:link.linkInHeaderRow{
	color: #475CBF;
	TEXT-DECORATION: none;
	font-weight:normal;
}

.contentRow{
background-color:#ffffff;
}

.subheading{
	font-size:14px;
	font-weight:bold;
	color:#1B6889;
}

.dataTable{

}

#progress{
	position:absolute; 
	top:210px; 
	left:185px; 
	background-color:lightyellow; 
	border:1px solid gray; 
	margin:5px; 
	margin-left:auto;
	margin-right:auto;
	visibility:hidden; 
	padding:3px; 
	text-align:center; 
	z-index:100; 
}

.dataTableHeadRow{
background-color:#24A7C8;
color:#ffffff;
font-weight:bold;
}


.tableheadWhite, A:link.tableheadWhite, A:visited.tableheadWhite {
	FONT-SIZE: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	TEXT-DECORATION: none
}
A:active.tableheadWhite, a:hover.tableheadWhite {
	color: #cccccc;
	TEXT-DECORATION: underline;
	cursor: pointer; cursor: hand;
}

A:link.headermenunavbar, a:visited.headermenunavbar {
	color: #ffffff;
	font-size:1em;
	TEXT-DECORATION: none;
	font-weight:normal;
	cursor: pointer; cursor: hand;
}

A:active.headermenunavbar, a:hover.headermenunavbar {
	color: #ffffff;
	TEXT-DECORATION: underline;
	cursor: pointer; cursor: hand;
}

A:link.blue, A:visited.blue {
	COLOR: #3C3CFD;
}
A:hover.blue, A:active.blue {
	color:#0000D0;TEXT-DECORATION: underline; cursor: pointer; cursor: hand;
}

.blue, A:link.blue, A:visited.blue {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: BLUE; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION:none
}

/* ////////////////////////////////////////// Classes for the Gene Expression Anatomy Tree ///////////////////////////////////////// */
.strEx, .modEx, .weaEx, .posEx,.notEx {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: BLACK; FONT-FAMILY: Arial; TEXT-DECORATION:none
}
.strEx { BACKGROUND: #FF0000; }
.modEx { BACKGROUND: #FFFF00; }
.weaEx { BACKGROUND: #0000FF; }
.posEx { BACKGROUND: #3D9916; }
.notEx { BACKGROUND: #00FFFF; }


.strEx1 { COLOR: #FF0000; }
.modEx1 { COLOR: #FFFF00; }
.weaEx1 { COLOR: #0000FF; }
.posEx1 { COLOR: #3D9916; }
.notEx1 { COLOR: #00FFFF; }
.annotImgLink{font-size:14px;text-decoration:none}

.capBold {text-transform:uppercase;font-weight:bold}

A.navTreeNodes:link, A.navTreeNodes:visited, A.navTreeNodes:active {
	COLOR:#000000;FONT-WEIGHT: normal; BACKGROUND-COLOR: transparent; FONT-SIZE:14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.navTreeNodes:hover {COLOR: #000000; BACKGROUND-COLOR: #f0f0f0; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

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


A.normalTreeNode:link, A.normalTreeNode:visited, A.normalTreeNode:active {FONT-WEIGHT: normal; COLOR: BLUE; BACKGROUND-COLOR: transparent; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.normalTreeNode:hover {FONT-WEIGHT: normal; COLOR: BLUE; BACKGROUND-COLOR: transparent; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}

A.foundTreeNode:link, A.foundTreeNode:visited, A.foundTreeNode:active {COLOR:#0000ff;FONT-WEIGHT: normal; BACKGROUND-COLOR: yellow; FONT-SIZE:12px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.foundTreeNode:hover {TEXT-DECORATION: underline}

A.selectedTreeNode:link, A.selectedTreeNode:visited, A.selectedTreeNode:active {COLOR:#000000;FONT-WEIGHT: normal; border:1px solid #ffffff; BACKGROUND-COLOR: #8E909C; FONT-SIZE:12px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
A.selectedTreeNode:hover {TEXT-DECORATION: underline}



/* For AJAX working */
.dimBackground {
background-color: #ffffff;
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20000;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
display:none;
}

.msgOnDimBackground {
background-color: #ffffff;
background-repeat:repeat;
height:300px;
width:500px;
background-repeat:repeat;
z-index: 20001; /* should be higher than the dim background div */
position:relative;
align:center;
margin: 0px auto;
}
/* ///////////// */

.untouchedImage{
border:2px solid #6f6f6f;
}

.touchedImage{
border:2px solid #FFB32F;
}


/* //////  CSS  Styles related with Link Buttons  /////// */


div.btns{
	zoom:1;
	white-space:nowrap;
}

div.btns:after
{
	display:block;
	clear:both;
	content:'';
}

div.btns a.btn{
	float:left;
	background:buttonface url(border-2.gif) no-repeat;cursor:pointer;font-size:0;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 2px;
	outline:none;
}

div.btns a.btn:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.btns a.btn span
{
	padding:3px 8px 4px 8px;
	
	text-align:center;
	position:relative;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(../images/border.gif) right bottom no-repeat;
	font:12px arial;
	color:#222;
	
}


.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.assayImgBorder {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#F3F3F3;
border:1px solid #A4A7A4;
margin:0px;
padding-top:4px;
text-align:center;
}

.assayImgBorder p.assayImgBorder-text {
font-size:11px;
line-height:17px;
margin:0pt;
padding:0pt 4px 5px;
}

.mozRoundCorners {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

.eeButtonLink{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
background-repeat: repeat-x;
color: #333333;
font-size: 100%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

.errorMessageDiv{
border:2px solid #ff0000;
background-color:#FFCFCF;
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#000000;
margin:auto;
text-align:center;
padding:5px;
}

.successMessageDiv{
border:2px solid #1A3F14;
background-color:#C9EFC2;
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#000000;
margin:auto;
text-align:center;
padding:5px;
}

/* /////////////////Eurexpress Boxes/////////////////// */
.box { 
  background: #24A7C8; 
}
.boxtop { 
  background: url(../images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 4px; 
  background: url(../images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 4px; 
  background: url(../images/sw.gif) no-repeat bottom left; 
}
.boxheader {
  padding: 0px 4px 0px 4px;
  color:#ffffff;
  font-size:1.6em;
  font-weight:normal;
  text-align:left;
}
.boxedcontent {
	padding: 4px;	
	border:1px solid #24A7C8;
	background-color:#ffffff;
}
/*////////////////////////////////////////////////////////*/