/*
  $Id: stylesheet.css,v 1.23 2003/03/15 14:38:38 project3000 Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com//

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License
*/

a:link { color: #000000; }
a:visited { color: #000000; } /*
a:visited { font-family: var(--font-fam); font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:active { font-family: var(--font-fam); font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:hover { font-family: var(--font-fam); font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline; } */

a.headerLink:link { font-family: var(--font-fam); font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:visited { font-family: var(--font-fam); font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:active { font-family: var(--font-fam); font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:hover { font-family: var(--font-fam); font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: underline; }


/* menu box */
.menuBoxHeadingLink {
    cursor: pointer;
    display: block;
    padding: 4px;
    background-color: #ececec;
}
.menuBoxHeadingLink:hover {
    text-decoration: underline !important;
}

.menuBoxHeading {
    font-family: var(--font-fam);
    font-size: 12px;
    color: #667694;
    font-weight: bold;
    text-transform: lowercase;
    font-variant: small-caps;
    padding: 0;
}
.menuBoxContent {
    font-family: var(--font-fam);
    font-size: 10px;
    color: #616060;
    padding: 0;
    background-color: #667694;
}
.menuBoxContentLink {
    display: block;
    background-color: #fff;
    text-decoration: none;
    padding: 4px;
    margin-left: 1px;
}
.menuBoxContentLink:hover {
    background-color: #8090bf;
    color: white;
}
.menuBoxContentLinkActive {
    background-color: #8090bf;
    color: white !important;
}

a.splitPageLink:link { font-family: var(--font-fam); font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:visited { font-family: var(--font-fam); font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:active { font-family: var(--font-fam); font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:hover { font-family: var(--font-fam); font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

/* page */
body { background-color: #ffffff; color: #000000; margin: 0px; }
.columnLeft {
}
.pageHeading { font-family: var(--font-fam); font-size: 18px; color: #727272; font-weight: bold; }

/* data table */
.dataTableHeadingRow { background-color: #992C29; }
.dataTableHeadingContent { font-family: var(--font-fam); font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableHeadingContent a { color: white; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; }
.dataTableContent { font-family: var(--font-fam); font-size: 10px; color: #000000; }

/* info box */
.infoBoxHeading { font-family: var(--font-fam); font-size: 10px; color: #ffffff; background-color: #B3BAC5; }
.infoBoxContent { font-family: var(--font-fam); font-size: 10px; color: #000000; background-color: #DEE4E8; }

/* message box */

.messageBox {
    font-family: var(--font-fam); font-size: 10px;
}
.messageStack {
    font-family: var(--font-fam);
    font-size: 14px;
    color: white;
    font-weight: bold;
    margin-left: var(--menu-width);
}
.messageStack > div {
    padding: 0.6em;
}
.messageStack a {
    border-bottom: solid 1px white;
    color: white;
}
.messageStack .fa {
    padding-right: 0.6em;
}
.messageStackError {
    color: white;
    background-color: #ec1a42;
}
.messageStackWarning {
    color: white;
    background-color: #eca51a;
}
.messageStackSuccess {
    color: black;
    background-color: #C5FDAA;
}
.messageStackInfo {
    color: white;
    background-color: #53b2e8;
}

/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE, LABEL { font-family: var(--font-fam); font-size: var(--font-base-size); }

/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: var(--font-fam); font-size: 10px; color: #ff0000; }
.smallText { font-family: var(--font-fam); font-size: 10px; }

.main { font-family: var(--font-fam); font-size: 12px; }
.main a { text-decoration: underline;  }
.main a:visited {  text-decoration: underline; }

.mainred  { font-family: var(--font-fam); font-size: 12px; color: #FF0000; }
.errorText { font-family: var(--font-fam); font-size: 10px; color: #ff0000; }

div.auto_complete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}

div.auto_complete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}

div.auto_complete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  /*height:15px;*/
  cursor: pointer;
}
.degreeTable {
    border-spacing: 0;
    border-collapse: collapse;
}
.degreeTable td {
    padding: 5px;
    border: 1px black solid;
}

.pagination {
    margin-top: 10px;
    text-align: right;
    flex: auto;
}

.pagination a, .pagination span {
    font-family: Verdana, Arial;
    sans-serif; font-size: 10px;
    display: inline-block;
    padding: 6px 6px;
    margin: 2px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}

.pagination a:hover {
    background-color: #f1f1f1;
}

.pagination .current {
    background-color: #4791FF;
    color: #fff;
    border-color: #007bff;
}

.recordRange {
    font-family: Verdana, Arial;
    sans-serif; font-size: 10px;
    text-align: left;
}

.wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.recordsIndicator {
    margin-top: 20px;
    align-items: left;
}

.norecords {
    text-align: center;
    align-items: center;
}