@CHARSET "ISO-8859-1";

/******************************************************************************\
 * Global element class definitions
 *
\******************************************************************************/
table.layout {
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
	border: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
}

.header {
	border: 0px;
	margin: 0px;
	padding: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	background-color: #0000A8; 
	color: #FFFFFF;
}

.document {
	font: normal 14px Times;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #000000;
	}

.bodytext {
	margin: 1em; 
}	

.footer {	
	text-align: center;	
	vertical-align: top;
	line-height: 1em;	
	cellpadding: 0px;
	cellspacing: 0px;
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-position: top;
	background-color: #FFFFFF; 
	color: #000000;
}

h1.popup {
	font: bold 14px Arial;
	color: black;
}
p.popup {
	font: normal 12px Arial;
	color: black;
	line-height: 95%;
}

/******************************************************************************\
 * Status bar styles
 *
\******************************************************************************/
.where {
	border: 0px;
	border-top: 2px solid #CF7908;
	border-bottom: 2px solid #45675B;
	font: bold 12px Helvitica;
	margin: 0px;
	padding: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	background: #65877B;
	color: white;
}

.wherecell {
	padding: 10px 4px 1px 4px
}

.where a {
	color: white;
}
.where a:visited {
	color: white;
}

.doctitle {
	padding-top: 4px;
	padding-bottom: 1px;
	width: 75%;
}

/******************************************************************************\
 * general window element style definitions
 *
\******************************************************************************/
.indented {
	margin-left: 15px;
}

.doc {
	font: 11pt Helvetica;
	width: 100%;
	border: 0px;
}

body.doc {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

td.doc {
	font: 11pt Helvetica;
	width: 100%;
	border: 0;
	border-top: 2px solid #45675B;
	border-bottom: 1px solid #95B7AB;
}

table.doc {
	font: 11pt Helvetica;
	width: 100%;
	margin: 0px;
	padding: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	background-color: white;
	color: #000000;
}

.doc h1 {
	font: 14pt Helvitica;
	font-weight: bold;
	margin: 0px;
	margin-top: 12px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #EEEEEE;
}

.doc h2 {
	font: 13pt Helvitica;
	font-weight: bold;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #EEEEEE;
}

.doc h3 {
	font: 12pt Helvitica;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 0px;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 4px;
	border-bottom: 2px dashed #EEEEEE;
}

/******************************************************************************\
 * help window element style definitions
 *
\******************************************************************************/
.helpicon {
}

.helpicon img {
	width: 32px;
	height: 32px;
}

.iconset_help {
	font: bold 12px Helvitica bold;
	width: 25%;
	padding-top: 4px;
	padding-bottom: 1px;
	text-align: right;
}

#locatedrag {
	display: none;
	align: center;
	position: absolute;
	height: 30px;
	width: 100%;
	border: 0px;
	cursor: s-resize;
	background: url(images/10x10.test.png) repeat-y;
}

body.helppane {
	border: 0;
	margin: 0px;
	padding: 0px;
}

td.helppane {
	width: 100%;
	border: 0;
	border-top: 2px solid #45675B;
	border-bottom: 1px solid #95B7AB;
}

table.helppane {
	line-height: 90%;	
	font: 9pt Arial;
	width: 100%;
	margin: 0px;
	padding: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	background-color: #F3F0D9; 
	color: #000000;
}

.helppane h1 {
	font: 14pt Helvitica;
	font-weight: bold;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #DFDDBA;
}

.helppane h2 {
	font: 13pt Helvitica;
	font-weight: bold;
	margin: 0px;
	margin-top: 6px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #DFDDBA;
}

.helppane h3 {
	font: 11pt Helvitica;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 0px;
	margin: 0px;
	margin-bottom: 4px;
	border-bottom: 1px DOTTED #BFBD9A;
}

.helpsummary {
	font: 11pt Arial;
	width: 100%;
/*	border: 3px solid #EFEDC5; */
	border: 3px solid #D5e7DB;
	background: white;
}

.simulatedlink {
	color: blue;
	text-decoration: underline;
}

/******************************************************************************\
 * Style for the query form and result form. 
 *
\******************************************************************************/
.queryform {
	line-height: 85%;	
	font: 9pt/8pt Arial;
	margin: 0px;
	padding: 0px;
	border: 0;
	cellpadding: 0px;
	cellspacing: 0px;
	background-color: #FFFFFF; 
	color: #000000;
}

.optionalInput {
	font: italic 8pt "Arial";
	color: #555555;
}

.inputBlock {
	padding: 0px;
	margin: 0px;
}

.fixedtext {
	font: normal 10pt "Courier New";
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF; 
	color: #000000;
}

.fixedtextheader {
	font: normal 10pt "Courier New";
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #C5C5C5;	
	background-color: #DADADA; 
	color: #000000;
}

.tablequeryresult {
	font: normal 10pt "Courier New";
	line-height: 95%;
	border: 3px solid #EAEAEA;	
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF; 
	color: #000000;
}

.resultheader {
	font: 11pt Arial;
	text-align: center;
	line-height: 95%;
	border-spacing: 0px;
	padding: 4px;
	margin-bottom: 8px;
	background-color: #DADADA; 
	border-top: 3px solid #E2E2E2;
	border-bottom: 3px solid #C5C5C5;	
	border-collapse: collapse;
	color: #000000;
}

.resultborders {
	padding: 4px;
	border-right: 1px dashed #C0C0C0;
	border-bottom: 1px solid #B0B0B0;
}
.queryresult {
	white-space: nowrap;
	font: 12pt Arial;
	line-height: 95%;
	border-top: 4px solid #D0D0D0;	 
	border-collapse: collapse;
	padding: 0px;
	padding-bottom: 4px;
	margin: 0px;
	background-color: #FFFFFF; 
	color: #000000;
}

.imageheader {
	white-space: nowrap;
	font: 12pt Arial;
	line-height: 95%;
	border-top: 2px solid #efefef;	 
	border-bottom: 2px solid #B0B0B0;
	border-collapse: collapse;
	padding: 0px;
	padding-bottom: 4px;
	margin: 0px;
	background-color: #DADADA; 
	color: #000000;
}
 
.chipname {
	font: bold 11pt Arial;
	text-align: left;
	vertical-align: middle;
	color: #666666;
}

.probesetSelect {
	font: normal 8pt "Arial";
	text-align: left;
	vertical-align: middle;
	color: #777777;
}

td.probesetwarning {
	font: 10pt Arial;
	text-align: left;
	color: red;
}

.imageiframe {
	border: 0px;
	margin: 0px;
	hspace: 0px;
	vspace: 0px;
	marginheight: 0px;
	marginwidth: 0px;
	overflow-x: visible;
	overflow-y: hidden;
/*	width: 640px;
	height: 480px;*/
}
 
td.image {
	width: 100%;
	height: 100%;
	border: 0px;
	margin: 0px;
	background-color: white;
}

div.image {
	vertical-align: bottom;
	overflow-x: visible;
	overflow-y: hidden;
/*	border: 1px dashed red;*/
}

.image_sep {
	border-bottom: 4px solid #C0C0C0;
}

.variant_img {
	margin: 0px;
	padding: 0px;
	border: 0px; 
	background-color: white;
}

.variant_map {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: white;
}

/******************************************************************************\
 * Column headers for query form
 *
\******************************************************************************/
.colheader {
	font: 12px Helvetica;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	background: #EEEEEE; 
	color: black;
}

.colheadertabbed {
	font-weight: bold;
	border-bottom: 2px solid #CCCCCC;
	background: #EEEEEE; 
	color: black;
}

.colfootertabbed {
	font-weight: bold;
	border-top: 2px solid #CCCCCC;
	background: #EEEEEE; 
	color: black;
}

.colheader2 {
	font: 13px Helvetica;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border-top: 2px solid #E9E9E9;
	border-bottom: 2px solid #A5A5A5;
	background: #c9c9c9; 
	color: black;
}

td.colheadererror {
	font: 12px Helvetica;
	font-weight: bold;
	text-align: center;
	background: #EEEEEE; 
	color: red;
}

.tabledata {
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-color: #ffffe5;
}

.tabledataselected {
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-color: #ffffd5;
}

table.optform {
	cellpadding: 0px;
	cellspacing: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a.refresh {
	font: 9pt Arial;
}

.pleasewait {
	font: 14pt Arial;
	text-align: left;
	color: #D0D0D0;
}

.alertmessage {
	font: 14px Arial;
	font-weight: bold;
	color: #65877B;
	text-align: center;
}

.errormessage {
	font: 14px Arial;
	font-weight: bold;
	color: red;
	background: white;
/*	color: white;
	background: #CC1111; */
	text-align: center;
}

/******************************************************************************\
 * The input box for sequence labels. This should not look like an input box,
 * but rather somewhere between an input and static text.
 *
\******************************************************************************/
input.invalid {
	border: 1px solid red;
	color: red;
}

input.foldchange {
	border: 0px;
}

input.seqlabel {
	border: 1px solid #EEEEEE; 
}

input.notfound {
	border: 1px solid red;
	color: #880000;
}

td.notfound {
	border: 1px dashed red;
}

/******************************************************************************\
 * Array Loader specific stuff
 *
\******************************************************************************/
.filelist {
	font: 9pt Lucida Console;
	color: #333333;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.filelistunavailable {
	font: 9pt Lucida Console;
	color: #AAAAAA;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.filelistcomplete {
	font: 9pt Lucida Console;
	color: #33AA33;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*****************************************************************************
 * This entire section is due to be deleted if the old expression pane code in
 * GeneImage.java is removed!
 *****************************************************************************
td.expressionpaneheader {
	font: 10pt/9pt Arial;
	text-align: center;
	border-top: 1px solid #DBB36F;
	border-left: 1px solid #DBB36F;
	border-bottom: 1px solid #DBB36F;
	border-right: 1px solid #DBB36F;
	background-color: #FBD38F;
	color: #777777;
}

.expressionpane {
	font: 8pt/6pt "Courier New";
 	line-height: 90%;
 	margin: 0px;
	padding: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	border: 0px;
	border-bottom: 2px solid #B0B0B0;
	border-collapse: collapse;
	background-color: #EAEAEA;  
}

table.expressionpane {
	width: auto;
	border: 0px;
	overflow: hidden;
}

.probelist {
	white-space: nowrap;
	width: 100%;
	border-top: 2px solid #A5A5A5;
	border-left: 2px solid #A5A5A5;
	border-bottom: 2px solid #FEFEFE;
}

.expressionbar {
	font: 8pt Arial;
	padding: 1px;
	border-top: 0px;
	border-left: 2px solid #FEFEFE;
	border-right: 3px solid #A5A5A5;
	border-bottom: 2px solid #A5A5A5;
	cellpadding: 2px;
	cellspacing: 0px;
	writing-mode: tb-rl;
	text-align: center;
	vertical-align: middle;
	background-color: #C8C8C8;
}

div.expressionbar {
	height: 100%;
	overflow: visible;
	scrolling: yes;
}

.expressionbar-mouseover {
	font: 8pt Arial;
	padding: 1px;
	border-top: 0px;
	border-left: 2px solid #FBE3BF;
	border-top: 1px solid #FBE3BF;
	border-right: 3px solid #BB833F;
   border-bottom: 2px solid #BB833F;
	cellpadding: 2px;
	cellspacing: 0px;
	writing-mode: bt-rl;
	text-align: center;
	vertical-align: middle;
   background: orange;
   color: white;
}

.imageiframe {
	border: 0px;
	margin: 0px;
	hspace: 0px;
	vspace: 0px;
	marginheight: 0px;
	marginwidth: 0px;
	overflow: auto;
}
\*****************************************************************************/