/*  GLOBAL HGMD PUBLIC CSS FILE  */
body {
background-color:#999999;
margin:0; 
height:100%; 
width:100%;
font-size:10pt;
}

img {
border:0;
}

form.captcha {
margin:auto;
text-align:center;
}

a:link {text-decoration:underline;color:blue;}
a:visited {text-decoration:underline;color:purple;}
a:active {text-decoration:none;color:red;}
a:hover {text-decoration:underline;color:red;}

a.black:link {text-decoration:underline;color:black;}
a.black:visited {text-decoration:underline;color:black;}
a.black:hover {text-decoration:underline;color:red;}

div.top {
position:absolute;
z-index:1;
top:0;
left:2%;
width:96%; 
height:110px;
background: #CCCCCC; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); 
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); 
background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC); 
}

div.title {
position:absolute;
width:100%;
top:1%;
text-shadow: 0px 2px 2px gray;
font-size:11.5pt;
color:black;
text-align:center;
font-weight:bold;
}

div.logo1 {
position:absolute;
padding:2px;
top:2px;
left:0;
}

div.logo2 {
position:absolute;
padding:2px;
top:6px;
right:0;
}

div.links {
position:absolute;
width:100%;
top:60px;
font-size:8pt;
color:black;
text-shadow: 0px 2px 2px gray;
text-align:center;
}

div.search1 {
position:absolute;
top:80px;
left:0;
padding:1px;
}

div.search2 {
position:absolute;
top:80px;
right:0;
padding:1px;
}

div.ticker {
position:absolute;
z-index:0;
top:0;
left:2%;
width:96%; 
background: #CCCCCC; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); 
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); 
background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC); 
}

/* PAGE CONTENT */
div.content {
position:absolute;
background-color:white;
padding-top:120px;
width:96%;
margin-left:2%;
margin-right:2%;
min-height:300px;
height:auto !important;
height:300px; 
box-shadow: 5px 5px 5px #000000;
}

div.flags {
position:absolute;
top:15%;
left:0;
width:2%; 
height:auto;
font-size:3pt;
text-align:left;
}

img.flag {
border:solid 1px black;
}

.heading {
font-size:12pt;
text-align:center;
}

.heading2 {
font-size:10pt;
text-align:center;
}

.note {
font-size:8pt;
}

p.spacer {
height:50px;
}

div.banner {
width:800px;
height:108px;
margin-left:auto;
margin-right:auto;
background:#ADD8E6;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89BBD3', endColorstr='#A3CFE1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#89BBD3), to(#A3CFE1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #89BBD3,  #A3CFE1); /* for firefox 3.6+ */ 
font-family:sans-serif;
font-size:14pt;
text-align:center;
}

span.banner2 {
float:left;
width:429px;
padding:10px;
}

p.counts {
margin:auto;
text-align:center;
}

div.bott {
position:relative;
right:5px;
float:right;
text-align:center;
font-size:7pt;
background: #CCC; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C0C0C0', endColorstr='#736F6E'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#736F6E)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C0C0C0,  #736F6E); /* for firefox 3.6+ */ 
box-shadow: 4px 4px 4px #000000;
padding:3px;
}

/* TABLES */
table {
font-size:10pt;
width:90%;
margin-left:5%; 
margin-right:5%;
background-color:white;
border-collapse:collapse;
padding:3px;
}

table.gene {
width:100%;
margin-left:0; 
margin-right:0;
}

table.alltop {
width:100%;
margin-left:0; 
margin-right:0;
}

table.cdna {
width:40%;
}

tr.even {
background-color:#CCCCCC;
}

tr.odd {
background-color:#99CCFF;
}

td {
border: 2px solid white;
padding:2px;
} 

.art td {
padding:5px;
}

th {
border: 2px solid white;
text-align:center;
background-color:#CCCCCC;
}

th.black {
background:black;
color:white;
}

th.front {
border: 2px solid white;
text-align:left;
background-color:#CCCCCC;
font-size:12pt;
font-weight:normal;
}

td.right {
text-align:right;
}

td.center {
text-align:center;
}

td.err {
height:15px;
background: #CCCCCC; /* for non-css3 browsers */
}

span.td { /* FOR USING ALTERNATE TEXT INSIDE TD ELEMENTS */
font-size: 7pt;
}

/* button class */

.button1 {
color:red;
}
