@charset "UTF-8";
/*! themea.css © 2023, Belmont Information Services */
/**
 * @name		themea.css
 * @description	Break out the color and UI aspects of Alvin into a
 *				separate css. Basically, colors and fonts go here. If
 *				the css declaration affects the placement of the
 *				element, it doesn't go here.  If it affects the
 *				appearance (color, text attributes, etc.) it goes in
 *				this file.
 * @author		Mark.Nichols@BelmontInformationServices.com
 * @copyright	© 1991-2023, Belmont Information Services
 * @package		Alvin
 * @version		4
 * @since		Apr 2011
 * @internal	Changes
 * - 04/04/11	Starting slow, breaking out parts of styles.css to here
 * - 04/16/12	Started work with sass (http://sass-lang.com)
 * - 02/14/13	Using google droid soft fonts again.
 * - 09/26/13	Switched from Droid* fonts to Ubuntu.  Droid didn't have
 *				italics versions and they looked bad on Opera and IE	
 * - 12/28/16	Inserted a font family override for ui-widget, so that
 *				jquery UI won't use its choice instead of mine.
 * - 05/19/21	Refactor and rename to scss to check build process
 * - 11/16/23	Updated header comment block to see if it still builds
 * - 12/03/23	Rewrite this docblock
 *
 * @todo		We're no longer using csstidy to pre-process these css 
 *				files, meaning that we should manually translate the
 *				odd colors such as ivory, to hardcoded values
 */
/*
 * 04/16/12 Start of sass-inspired work
 */
/*ivory*/
/*black*/
/*wheat*/
/*chocolate*/
/*antiquewhite*/
/*palegoldenrod*/
/* picked at random */
/*
 * Here, we are concerned with the colors of visible
 * "areas" on the page
 */
body
, ul.a-lo-menu li ul li {
  background-color: #FFFFF0;
  background: #FFFFF0;
  color: #000000; }

#zpagehead
, div.mainmenu h2
, ul.a-lo-menu li {
  color: #D2691E;
  background-color: #FAEBD7;
  /* for non-css3 browsers */
  /*
  	background:			-webkit-gradient( linear, left bottom, right bottom, color-stop(0.32, $mnpageback2), color-stop(0.73, $mnpageback3));
  	background:			-moz-linear-gradient( left center, $mnpageback2 32%, $mnpageback3 73% );
  */
  /*08/14/13 - changed from above syntax to what appears to be a more simple equivalent one */
  background: -webkit-linear-gradient(left, #FAEBD7, #f7dbb7);
  background: -moz-linear-gradient(left, #FAEBD7, #f7dbb7);
  background: -ms-linear-gradient(left, #FAEBD7, #f7dbb7);
  background: -o-linear-gradient(left, #FAEBD7, #f7dbb7);
  background: linear-gradient(left, #FAEBD7, #f7dbb7); }

/* Give an input field a different color when it has the focus */
select:focus
, textarea:focus
, input:focus {
  background-color: #EEE8AA; }

table.zGD
, table.zGD th
, table.zGD td
, table.iblock
, fieldset
, div.abi1 table
, div.abi1 table th
, div.abi1 table td
, div.admheadr
, div.admheadl
, fieldset.admheadl
, div.admhead
, div.xxFix04
, form.xxFix06
, div.VINS table
, div.VINS table caption {
  border-color: #F5DEB3; }

table.zGD thead
, .zH3
, tr.subc
, div.VINS table caption
, div.VINS table thead tr
, div.abi1 table caption
, div.abi table caption {
  background-color: #FAEBD7; }

table.zGD caption span {
  background-color: #F5DEB3; }

/*
 * Various colors to differentiate groups
 */
pre {
  background-color: white;
  color: #000000; }

.zHeavy {
  /* Just a heavy line accent ornament */
  background-color: brown;
  border-color: #D2691E; }

.error
, .zErrorMsg {
  color: red; }

.zSuccessMsg {
  color: green; }

.zH2 {
  background-color: #F5DEB3; }

.actreq {
  /* Action required */
  background-color: #CCFFDC; }

.actrec {
  /* Action recommended */
  background-color: #FFFACD; }

.zStatusError {
  background-color: #FFB6C1;
  color: #000000; }

.zStatusWarn {
  background-color: yellow;
  color: #000000; }

.zStatusInfo {
  background-color: transparent;
  color: #000000; }

/* The Admission page used color to nest the admission, conveyance, and BOL */
div.admconvey table.admtottable
, div.admconvey {
  border-color: red; }

/*div.admbol*/
.admbol {
  border-color: blue; }

/*
 * Now we're concerned with the colors of specific elements on the page
 */
/*
 * Because this is a dynamic website, it doesn't necessarily make sense
 * to think of links that have been "visited" or not - the content on
 * any link could change at any time.  Therefore, we'll make all links
 * look the same, whether they have recently been "visited" or not.
 */
a
, a:link
, a:visited {
  color: blue; }

/*
 * But if he hovers over a link, change the color so that he will know
 * it's a link.
 */
a:hover {
  color: red; }

/*
 * For some reason, CSS wants to put a border around images.  That
 * messes up the function of barcodes and the appearance of the
 * logo.  Remove the border.
 */
img {
  border: none; }

div.VINS table tbody tr:hover {
  background-color: #EEE8AA; }

/** COLORS ABOVE, FONTS BELOW **/
body {
  font-family: "Ubuntu", Helvetica, Arial, sans-serif;
  /*	font-size:			small;	*/
  /* was 9pt; now letting user decide for himself */ }

/* Override whatever font that jquery UI wants to use */
.ui-widget
, .ui-widget input
, .ui-widget select
, .ui-widget textarea
, .ui-widget button {
  font-family: inherit; }

/*
 * Since all the pages in this application are dynamic, it is misleading
 * to try to distinguish visited links from unvisited ones.  So we make
 * them all blue, regardless of whether they have been visited.  And
 * because there are pages with lots and lots of links, the default
 * underline is distracting, so we will only show the underline when he
 * hovers, just to let him know in his familiar way, that there is a
 * link there.
 */
/*
a {
	text-decoration:	none;
}
*/
a:link {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

ul.a-lo-menu {
  font-variant: small-caps;
  font-weight: bold;
  font-size: larger; }

ul.a-lo-menu li ul {
  font-variant: normal;
  font-size: inherit;
  font-weight: normal; }

ul.a-lo-menu li ul li.a-lo-menu-beta {
  font-style: italic; }

fieldset legend {
  font-size: larger; }

.zErrorMsg
, .zSuccessMsg {
  font-size: larger; }

/*
 * To DISPLAY in uppercase
 */
.upper {
  text-transform: uppercase; }

.optional {
  font-style: italic; }

div#zpagehead h1 {
  font-size: x-large; }

div#zpagehead table {
  font-size: smaller; }

div#zpagehead table th {
  font-style: italic; }

/* all of the font-weight:bold were moved here */
div#zpagehead table td
, table.zGD caption
, div.abi table caption
, div.abi1 table td
, table.iblock td
, td.data {
  font-weight: bold; }

div#breadcrumb {
  font-style: italic; }

div#breadcrumb ul li:before {
  content: "\00BB \0020";
  /*	content:			"\21D2 \0020";	*/ }

div.mainmenu h2 {
  font-size: larger;
  font-variant: small-caps; }

div.mainmenu p {
  font-size: larger; }

/*
table.zGD caption {
	font-weight:		bold;		
}
*/
table.zGD thead {
  font-size: smaller; }

div.abi table th {
  font-style: italic;
  font-weight: normal; }

/*
div.abi table caption {
	font-weight:		bold;
}
*/
/*
div.abi1 table td {
	font-weight:		bold;
}
*/
div.abi1 table th {
  font-style: italic;
  font-weight: normal; }

div.abi1 table caption {
  font-weight: normal; }

div.VINS table caption {
  font-size: larger;
  font-style: italic; }

tr.subc {
  font-size: larger;
  font-style: italic; }

table.iblock {
  font-size: smaller; }

table.iblock th {
  font-style: italic;
  font-weight: normal; }

/*
table.iblock td	{
	font-weight:		bold;
}
*/
table.iblock caption {
  font-size: small;
  font-weight: bold; }

/*td.labelh*/
.labelh {
  font-style: italic; }

/*
td.data	{
	font-weight:		bold;
}
*/
td.dataf {
  /* Don't change the 'dataf' name without looking at wGetVINListHeaders */
  font-family: "Ubuntu Mono", monospace; }

td.ordinal {
  font-size: smaller; }

div.qabiquery form legend {
  font-style: italic;
  font-size: larger; }

/* Trying to find a subtle way to differentiate the ACE-filed entries from the regular ones*/
.ace {
  text-shadow: 1px 0px; }