@import url(helixworld.css);

html {
	background: url(/graphics/spiral_f.png) top right;
	background-repeat: repeat-y;
	background-attachment: fixed;
/*	background-color: rgba(100%, 100%, 100%, 0.1);	*/
/*	margin: 0px; */
	}

/* for upper right block */
.storetop {
	color: #333;
	border: thin solid black;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	background: #eee;
}

.huge {
	font-family: sans-serif;
	font-size: 38px;
	font-weight: 900;
	white-space: nowrap;
	color: #333;
	text-shadow: 4px 4px 4px #c1d7da; /* right, bottom, blur, color */
}

table.tframe a {
	text-decoration: none;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: black;
	background-color: white;
	border: thin solid rgba(200, 200, 200, 1.0);
	border-radius: 4px;
	padding: 2px 8px;
	vertical-align: -5px; /* inconsistent! */
}

table.tframe a:hover {
	text-decoration: none;
	background-color: white;
	color: black;
	outline: 0px none black;
	text-shadow: none;
}

/* deactivated Sep 6 2008
a {
	text-decoration: none;
	font-family:  sans-serif;
}

a.box {
	border: 1px solid #333;
	padding: 3px 6px;
	font-size: 9px;
	background: #c1d7da;
}

a:hover.box {
	color: white;
	background: #b1c7ca;
}
*/

.code	{
	font-family: monospace;
	line-height: 100%;
}

tr.details td {
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 100%;
	border-bottom: 1px dotted gray;
	padding: 0 0 4px 0;
}

table.tframe tr:nth-child(odd),
.trecodd {
	color: #111;
	background: #f4f4f4;
	white-space: normal;
	font: normal 110%/100% monospace;
}

table.tframe tr:nth-child(even),
.treceven {
	color: #111;
	background: #c1d7da;
	white-space: normal;
	font: normal 110%/100% monospace;
}

.summary-amount,
.summary-data {
	background: #f4f4f4;
	white-space: nowrap;
	font: normal 110%/100% monospace;
}

.bold {
	font-weight: bold;
}

/* navigation baseline */
.store,
.lookup,
.order {
	font-family: "Lucida Grande", "Arial Black", sans-serif;
	width: 150px;
	max-width: 150px;
	margin: 0;
	padding: 1px 0px 1px 2px;
	color: #222;
	background: #f2f2f2;
	white-space: nowrap;
	text-shadow: 1px 1px 2px #888;
	font-weight: bold;
	vertical-align: middle;
	overflow: hidden;
	border: thin solid #333;
}

/* clever highlighting of upper left links */
#store .store,
#lookup .lookup,
#order .order
{
	background: #c1d7da;
	text-shadow: 2px 2px 1px #888; /* right, bottom, blur, color */
}


/* clever highlighting */
/* storefront highlighting */
#store .prod,
#store .account,
#seclog .seclog,
#login .login,
#newcust .newcust,
#lostcn .lostcn,
#help .help {
	background: #c1d7da;
	text-shadow: 2px 2px 1px #888; /* right, bottom, blur, color */
}



/* the storefront navigation highlighting goes here */
#store .login a:hover,
#store .store a:hover,
#store .seclog a:hover,
#store .login a:hover,
#store .newcust a:hover,
#store .lostcn a:hover,
#store .help a:hover {
	background: #eee;
	outline: 1px none white;
	color: yellow;
	text-shadow: 0px 0px 2px black; /* right, bottom, blur, color */
}


#order .store a:hover {
	background: #eee;
	outline: 1px none white;
	color: yellow;
	text-shadow: 0px 0px 2px black; /* right, bottom, blur, color */
}

.no-print {
	display: none;
	width: 1px;
	height: 1px;
}

/*
Contextual selectors can look for element types, CLASS attributes, ID attributes or combinations of these:
  DIV P           { font: small sans-serif }
  .reddish H1     { color: red }
  #x78y CODE      { background: blue }
  DIV.sidenote H1 { font-size: large }
The first selector matches all 'P' elements that have a 'DIV' among the ancestors. The second selector matches matches all 'H1' elements that have an ancestor of class 'reddish'. The third selector matches all 'CODE' elements that are descendants of the element with 'ID=x78y'. The fourth selector matches all 'H1' elements that have a 'DIV' ancestor with class 'sidenote'.
*/