/** asmforms.css
* stylesheet for Spectrum Mill forms
* Copyright (c) 2003-2014 Agilent Technologies, Inc.
**/

/** post B.04.01 updated for HTML5, other changes to avoid compatibility view **/

/** for quick ref: params are: top right bottom left (ie clockwise) **/

/* #f0 f0f0; /*Agilent light blue,  background*/
/* #37 679f /*Agilent dark blue, section heading banners*/

/*#e5ffe5 */
/*#008744; /*google dark green, good for go buttons, liked for section heading banners*/

/* background colors */
/* #f0 f0f0; /*Agilent light blue,  background*/
/* #fe e6cd pale orange */
/* #ff e4e1 pale pink 2/3/2018 http://www.color-hex.com/popular-colors.php liked for Valentine's day*/
/* #e1 efdc pale green liked for St Patrick's day background/

/* section heading banners*/
/* #37 679f /*Agilent dark blue, section heading banners*/
/* #99 3300 websafe color reddish brown */
/* #66 3399 named color rebeccapurple */
/* #cd 9b1d named color goldenrod3 */
/* #00 6400 named color dark green */

/** chrome input type number hacks **/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 input[type='number'] {
    -moz-appearance:textfield;
    /** chrome ignores the size attribute so just default to 4em **/
    width:4em;
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
 }
}

body {				
	margin:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:medium;
	color:black;  
	/*background-color:#f0f0f0; /* Agilent light blue */
	/*background-color:#fee6cd; /*pale orange #fee6cd*/
	background-color:#ffefd5; /*pale orange #fee6cd*/ /* NavajoWhite1 #ffdead */ /* moccasin #ffe4b5 */ /* PapayaWhip #ffefd5 */
		
	height:99%;
	width:100%;
}

.dialog {
/* #ECE9D8 is the std dialog color, but it's not a web color so it might not be right for all */
/*	font-family:arial; font-size:8pt; margin:4px 0px 6px 6px;background-color:#f0f0f0;  */
	font-family:arial; font-size:8pt; 
/* 	margin:4px 0px 6px 6px; */
	margin:0px 0px 0px 0px;
	background-color:#f0f0f0;  
	height:99%; width:100%;
}

applet { margin:6px; }

div, form  {margin:0px;padding:0px;font-size:small;} 

div.text { padding:.5em; font-weight:normal; white-space: normal; } 

table {
	border-collapse: collapse; 
}

th { 
	padding: 4px 4px;
	font-weight: 600; /** otherwise it's too bold with IE10 **/
}
td { 
	padding: 4px 4px;
}

h2 {
    white-space:nowrap;
    padding:0px;
    margin:0px;
}

.printonly {display:none; } /* override in print css */

body#ResRev {color:black; font-size:small;}  
body#ResRev table {color:black; font-size:small;}  
body#ResRev tt {font-size:small;}  
div.buttons {border:2px solid #37679f; padding:4px;}
div.buttons, div.gobutton {margin-left:6px;}
table.Results { margin-top:10px; font-size:small;}
table.Results tt {font-size:small;};

/** HighLight Row in summary; needed tr. for css3 **/
.HLR { background-color:#fdfdfd; }
tr.HLR { background-color:#fdfdfd; }

.STAB { margin-left:10px; margin-top:4x;margin-bottom:10px; }
table.STAB { margin-left:10px; margin-top:4x;margin-bottom:10px; }

table.Results td a { text-decoration:none; }
table.Results td a:link { color:blue; }
table.Results td a:visited {color:#c30;}
table.Results td a:hover {color:#4d4dff;text-decoration:underline;}

/** CSS3 parent needs to be 100% as well?  not filling full space **/
iframe.Results {
	color:black;
	width:96%;
	height:96%;
	margin:4px 4px 8px 4px;
	border:1px;
	overflow:auto;
	position:absolute;
}

table.clegend td {float:right; padding:0px 2px;  font-size:x-small; font-weight:bold; }

body#HelpMain { color:black; font-size:small;}
body#HelpMain a, body#HelpMain a:visited, div#helpmenu a, div#helpmenu a:visited {font-weight:bold;color:#369;text-decoration:none;}
body#HelpMain a:hover { color:#c03; text-decoration:underline; }
body#HelpMain h1 { font-size:large; }
body#HelpMain h2 { font-size:medium; }
body#HelpMain h3 { font-size:small; }
body#HelpMain h4 { font-size:small; }
body#HelpMain tt { font-size:small; }
body#HelpMain table { font-size:small; border-collapse:separate;}
div#helpmenu a. div#helpmenu a:visited {font-weight:bold;color:#369;text-decoration:none;}
div#helpmenu a, div#helpmenu a:visited { font-weight:bold; text-decoration:none; color:#369;  }
div#helpmenu a:hover {color:#c03; text-decoration:underline;}
/*
	.IHELP {display:none;color:red;} 
*/
 .IHELP {color:red;}
	
div#legal {
	font-size:12px;
}

h2#title {
	width:100%; 
    margin:0px 0px;
    padding:0px 0px;
    white-space:nowrap;
	/** font-size:1.2em;  **/
}

table#main	{
	border-top:solid 4px #37679f;
	border-bottom:solid 4px #37679f;
	border-left:solid 8px #37679f;
}
		
table#titlebar {
	white-space:nowrap; 
	width:100%; 
	margin:0px 0px;
	padding:0px;
	font-size:small;
	/*border-bottom:2px solid #09c;*/
}
table#titlebar h2 {
	font-size:small;
}
/* #paramText { color:#37679f; } */
/* #paramText { color:blue; }  */
#paramText { color:#c30; } 

table#titlebar tc {
	padding:0px;
	margin:0px;
}
table#titlebar a { 
	font-weight:bold; 
	color:white; 
}
table#titlebar a:hover {
	color:orange;  
}

table#ReviewFields td {
	padding:2px;
	
}

img#logo {
	display:none;
	text-align:center; 
	margin-right:20px;
	margin-left:4px;
	margin-top:0px;
	margin-bottom:0px;	
	padding:0px;
}
	
table#menubar a {
	font-weight:bold; 
	text-decoration:none; 
	color:white; 
}
	
table#menubar a:hover { color:orange; }
table#menubar { margin-top:2px; margin-left:12px;  margin-bottom:4px; border-collapse:separate;	}
		
table#menubar th {
	background-color:#37679f; 
	white-space:nowrap; 
	padding:.25em .5em ; 
	font-size:small;
    font-weight:bold;
}
table#menubar td {
	#background-color:#E6E6FA; 
	background-color:gray; /* KRC 2/15/2018 intended to convery leaving SM to other software*/
	white-space:nowrap; 
	padding:.25em .5em ; 
	font-size:small;
}
.group {
    white-space:nowrap;
    color:black;
    font-weight:bold;
    padding-left: 0px;
    margin:2px 2px 4px 4px;
    vertical-align:top;
	clear:both;  
}

.gh {
    background-color:#37679f; 
    color:white; 
    font-size:small;
    font-weight:bold;
    padding-left: 8px;
    margin:0px;
    margin-right:2px;
    margin-bottom:2px;
}

.group .fields {
	color:black; 
	padding:2px;
	padding-left:4px;
	font-weight:bold;
	white-space:nowrap;
}

.group .fields .fields {
	padding-left:8px;
	font-weight:bold; 
	white-space:nowrap;
}
	
.ifield {
	padding:0px;
	margin:0px;
	float:left; 
	vertical-align:top;
	width:auto; 
}
	
.group .ifield .group {
	color:white;
    border-left: 2px solid  #37679f;   
	margin-bottom:4px; 
	clear:both;
} 

input, select, textarea {
	margin-left:.25em;
	margin-right:.25em;
	margin-top:2px; 
	font-size:small;
}

input.chb {
	margin:0px 2px 0px 0px; padding:2px;
}

/* css3/html5 in IE11: removed button-face so it looks like a button again */
.button {
	width:8em;
	height: 2em;
	font-weight:normal; 
	margin:2px 4px 4px 4px;
	color:black;
}
.button:hover {
	background-color:#E6E6FA; 
}
.buttonAutoSize {
	font-weight:normal; 
	margin:2px 4px 4px 4px;
	color:black;
}
.buttonAutoSize:hover {
	background-color:#E6E6FA; 
}

.pbutton {
	width:6em;
	height: 2em;
	font-weight:normal; 
	margin:2px;
}
.pbutton:hover {
	background-color:#E6E6FA; 
}
.shortNarrowButton {
	width:5em;
	height: 1.7em;
	font-weight:normal; 
	margin:1px;
	color:black;
}
.shortNarrowButton:hover {
	background-color:#E6E6FA; 
}
.gobutton {
	width:8em;
	height: 2em;
	font-weight:bold; 
	margin:2px; 
	color:white; 
/*	background-color:#494; */
	background-color:#33BB66;  
}
/* need this for html5 or it's hard to tell */
.gobutton[disabled] {
	color:#ccc;
}
.gobutton:hover {
	background-color:#33CC00; /* lighter green */
}

.bbh { text-decoration:none; cursor:help; }

.cf { color:#c30; }

#curDataDir {
	color:black;
	font:bold 16px; 
	padding-left:.5em;
}
	
/** wider version for xtractor, search, other places where there's space **/
.dataDirsW { 
	border:1px solid #37679f;
	margin:4px 0px 4px 0px;
	width:750px; height:3em;
	padding:2px;
	overflow:auto;
}

.dataDirs { 
	border:1px solid #37679f;
	margin:4px 0px 4px 0px;
	width:310px; height:3em;
	padding:2px;
	overflow:auto;
}
	
/** these display one line lower in Chrome, and seem to ignore left margin in IE **/
div.modList { 
	border:1px solid #37679f;
	margin:2px 8px 4px 8px;
	width:260px; height:4em;
	padding:2px; 
	overflow:auto; 
	font-weight: normal;
	float:right;
}

/* Arial is not a good font for modifications because I and l are the same */
.mods {font-family:verdana;text-align:left;white-space:nowrap;}
.varsites {font-family:verdana;text-align:left;}

#homology { border:0px solid #369; }