@charset "UTF-8";
/*! stylesa.css © 2023, Belmont Information Services */
/**
 * @name		stylesa.css
 * @description	Basic web page styles for Alvin
 *				The definitions in this file should be concerned with
 *				WHERE THINGS ARE PLACED. The functions aspects, etc.
 *				See theme* for HOW THINGS APPEAR - COLORS AND FONTS
 *				ARE NOT HERE!
 * @author		Mark.Nichols@BelmontInformationServices.com
 * @copyright	© 1991-2023, Belmont Information Services
 * @package		Alvin
 * @version		4
 * @internal	Changes
 * - 04/04/11	Successor to styles.css
 * - 04/16/12	First try with sass
 * - 11/06/13	See comments below in zpagehead area
 * - 07/31/18	Trying to stop tfoot from appearing on every page
 * - 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
 */
/*
 * When something has the printonly style, the default is to remove
 * the display altogether.  In the print.css, this default is overridden
 * so that it will print.
 */
.printonly {
  display: none; }

/*
.barvin {
	display:			none;
}
*/
.barvin {
  display: block;
  padding: 4px 1em;
  /* top&bottom left&right */ }

/*
 * New shorthand classes
 */
.zR {
  text-align: right; }

.zL {
  text-align: left; }

.zC {
  text-align: center; }

/* */
fieldset {
  padding: 10px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px; }

/* modern way to identify <del></del> text */
.del {
  text-decoration: line-through; }

/*
 * Formatting for the "menu" area on the main page and possibly others.
 * It's based on nested unordered lists.
 */
ul.a-lo-menu {
  display: block;
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
  float: left;
  margin-top: 0px; }

ul.a-lo-menu li {
  float: left;
  display: block;
  width: 300px;
  margin-right: 1em;
  margin-bottom: 1em;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

ul.a-lo-menu li ul {
  display: inline; }

ul.a-lo-menu li ul li {
  display: inline;
  text-indent: -1em;
  padding-left: 1em;
  margin-right: 0px;
  margin-bottom: 0px; }

/********  EVERYTHING BELOW HERE COPIED UGLY FROM STYLES.CSS *****/
/* 11/06/13 - see comments this date in mobile.css */
div#zpagehead .zmshow {
  display: none;
  float: right; }

div#zpagehead .zmnoshow {
  float: right;
  display: inline; }

/*
 * All these div#zpagehead are for the proper display of the
 * heading at the top of each page in Alvin.
 */
div#zpagehead {
  border-bottom: 4px solid;
  overflow: hidden;
  /*	margin-bottom:		2px;	*/
  /* suitable for breadcrumb outside the line */
  margin-bottom: 1em;
  padding: 1px; }

/*
 * The application icon, on the left side with a space all around it
 */
div#zpagehead img {
  float: left;
  margin: 1px 5px 0px 3px;
  /* T R B L */ }

/*
 * Next is the page title
 */
div#zpagehead h1 {
  margin-left: 5px;
  margin-top: 0px;
  margin-right: 2px;
  display: block; }

/*
 * Finally, on the right side is the area containing the date, user, etc
 */
div#zpagehead table {
  float: right;
  margin: 3px 3px 3px 3px;
  border: 1px solid;
  /*	display:			block;	*/
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px; }

div#zpagehead table th {
  text-align: right;
  white-space: nowrap; }

/* end div#zpagehead */
/*
 * Breadcrumb display
 */
div#breadcrumb ul {
  margin: 0px 0px 1px 0px;
  /* T R B L */
  padding-left: 0px;
  display: inline; }

div#breadcrumb ul li {
  display: inline;
  padding-right: 1em;
  /*	list-style:			none;	*/ }

/*
 * The main menu and its sections @deprecated
 * (still using them on qlistentry and qlistadmit)
 */
div.mainmenu {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;
  width: 300px; }

div.mainmenu h2 {
  margin-bottom: 4px;
  text-indent: -1em;
  padding-left: 1em;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

div.mainmenu p {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: -1em;
  padding-left: 1em; }

/* end div.mainmenu */
table.zGD {
  border-collapse: collapse;
  margin: auto;
  /* this is the thing that centers the table */
  border-style: solid;
  border-width: 1px; }

table.zGD th
, table.zGD td {
  padding: 1px 2px 1px 2px;
  /* top, right, bottom, left */
  border-style: solid;
  border-width: 1px; }

/* 07/31/18 Added to see if we can stop the tfoot from printing on each page */
/*
table.zGD tfoot {
	display:			table-row-group;
}
*/
/********* UGLY STUFF BELOW **************************/
div.zFL {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em; }

a.zBlock {
  display: block; }

/*
.zIB {
	display:			inline-block;
}
*/
/* This is the box containing a VIN lookup, on the vin display form */
/* @deprecated */
div.xxFix04 {
  float: right;
  text-align: right;
  padding: 4px; }

form.xxFix06 {
  margin: 2px;
  padding: 2px; }

div.abi table td {
  margin: auto;
  /* this is the thing that centers the table */
  padding: 0px; }

div.abi table th {
  padding: 0px 2px 0px 0px;
  /* top, right, bottom, left */
  text-align: left;
  width: 200px; }

div.abi1 table {
  border-collapse: collapse;
  margin-top: 3px; }

div.abi table caption {
  text-align: center; }

div.abi1 table td {
  border: 1px solid;
  padding: 0px 2px 0px 2px;
  /* top, right, bottom, left */
  text-align: center; }

div.abi1 table th {
  text-align: center;
  border: 1px solid;
  padding: 0px 2px 0px 2px;
  /* top, right, bottom, left */ }

div.abi1 table caption {
  text-align: center;
  min-width: 300px; }

div.VINS table {
  border: 1px solid;
  margin-bottom: 1em;
  margin-right: 1em; }

div.VINS table caption {
  border: 1px solid;
  text-align: center; }

tr.subc {
  text-align: center; }

/* A list-oriented table.  Labels on the left and data on the right */
table.tablist th {
  text-align: right; }

table.iblock {
  /* iblock is supposed to replace infoblock */
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid;
  margin-bottom: 1em; }

table.iblock th {
  text-align: right;
  white-space: nowrap; }

td.nowrap {
  white-space: nowrap; }

td.label {
  text-align: right;
  white-space: nowrap; }

td.labelh {
  text-align: right;
  white-space: nowrap; }

td.dataf {
  /* Don't change the 'dataf' name without looking at wGetVINListHeaders */
  padding-left: 5px;
  padding-right: 5px; }

td.ordinal {
  text-align: right; }

/*** 11/06/09 experimental for use in Rolls-Royce add page -- don't know what else it will affect **/
label span {
  padding-right: 1em; }

/*
 * Still trying to make generic input forms look right
 */
form.goodfield label span {
  width: 20em;
  float: left; }

/* Added 09/06/15 to address jquery validation error placements */
form.goodfield label.error {
  padding-left: 1em; }

div.admhead {
  /*	float:				left;	*/
  border: 2px solid;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em; }

fieldset.admheadl,
div.admheadl {
  /**	border:				1px solid;	**/
  /*	width:				50%;	*/
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  margin: 5px;
  /*	float:				left;	*/
  width: 30em;
  border: 1px solid; }

div.admleft {
  float: left; }

div.admright {
  float: right; }

div.admheadr {
  border: 1px solid;
  margin: 5px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  float: left;
  display: inline; }

/* 06/30/14 new */
div.admnewr {
  border: 1px solid;
  margin: 5px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  /*	float:				right;	*/
  /*	display:			inline;	*/ }

/* 03/13/2012 - this is terrible.  Removed the width in an effort to improve it */
div.admconvey {
  border: 2px solid;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  margin-top: 1em;
  display: inline-block;
  /*	width:				800px;	*/ }

div.admconvey table.admtottable {
  margin-top: 1em;
  border: 1px solid; }

/*div.admbol*/
.admbol {
  border: 2px solid;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  margin-top: 1em; }

/* bolhead */
/* confirmed 06/26/09 */
/*
 * These are the lookup boxes on qabiquery.php
 */
div.qabiquery {
  float: left; }

div.qabiquery form {
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
  width: 300px; }

div.qabiquery form p {
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 5px; }

div.qabiquery form input {
  display: block;
  float: none;
  margin-bottom: 5px; }

/********** experiment with drop-down menus **************************/
/* How do I make the thing mostly invisible until I hover over a small hotspot? */
ul.dmenu {
  list-style-type: none;
  padding: 0px;
  z-index: 100;
  cursor: pointer;
  /* new stuff below here */
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -mox-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

ul.dmenu li {
  float: left;
  padding: 1px;
  margin-right: 3px;
  position: relative; }

ul.dmenu li ul {
  display: none;
  padding: 0px;
  /* new stuff below here */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -mox-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

ul.dmenu li:hover > ul {
  float: none;
  display: block;
  position: absolute;
  z-index: 110; }

ul.dmenu li ul li {
  display: inline;
  width: 300px;
  margin: 1px; }