/* School Database Skin: Stucco Green */
/* variables */
/*  NCA EagleWeb Database CSS Layout file
    This should be imported (included) in each CSS Skin file, which provides the colors and other settings via variables
    Copyright (c) 2016 Liam Starkenburg.  All rights reserved.
*/
body {
  background: #9EA55F url("/img/skin/stucco_green.gif");
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000; }
  body .leftmenu {
    background: #9EA55F url("/img/skin/stucco_green.gif"); }

h1, h2, h3, h4 {
  margin-top: 4px;
  margin-bottom: 0px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
  text-align: center; }

h2, h3, h4 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 16px; }

h3 {
  margin-bottom: 1px;
  font-size: 150%;
  text-align: inherit; }

h4 {
  font-size: 12px; }

a:link, a:visited {
  color: #03B; }

a:hover {
  color: #C00; }

p.small {
  font-size: 12px;
  line-height: 110%; }

.alert {
  color: #C00; }

.alertbox {
  width: 95%;
  margin: auto;
  padding: 8px;
  background-color: tan;
  border-radius: 8px;
  font-size: 12px;
  color: #C00;
  text-align: center; }

#pup {
  position: absolute;
  visibility: hidden;
  z-index: 200;
  width: 260; }

.ui-autocomplete-loading {
  background: white url("/lib/jquery-ui-1.11.2.custom/images/ui-anim_basic_16x16.gif") right center no-repeat; }

/*******************************************************************************
 * FORM                                                                        *
 *******************************************************************************/
form table {
  background-color: tan;
  width: 100%;
  border-collapse: collapse;
  display: table;
  border-radius: 8px;
  box-shadow: 2px 2px 4px #000; }
form table table {
  border: 0px;
  box-shadow: none; }
form tr {
  vertical-align: top; }
form td {
  color: #000;
  font-size: 12px;
  padding: 8px; }
form input.largebutton {
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  padding: 10px 30px;
  cursor: pointer; }
form p.buttons {
  text-align: right;
  padding: 15px; }
form button, form button:hover {
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  border-radius: 8px;
  padding: 10px 30px;
  cursor: pointer;
  background-color: #914E45; }
form button:hover {
  background-color: #55E;
  color: #000; }

/*******************************************************************************
 * SectionHead
 *******************************************************************************/
tr.sectionhead {
  display: table;
  height: 25px;
  padding: 5px 0px;
  vertical-align: middle;
  border-radius: 8px 8px 0px 0px;
  border-bottom: #000 3px inset;
  background: url("/images/sectionhead_bg.png") repeat-x center left #914E45;
  width: 100%; }
  tr.sectionhead td {
    color: #FFF;
    font-size: 11px;
    padding: 2px 10px 0px 10px;
    border-width: 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    min-height: 35px; }
    tr.sectionhead td * {
      background: transparent; }

/*******************************************************************************
 * SectionData
 *******************************************************************************/
tr.sectiondata table {
  display: table;
  border-width: 0px;
  border-radius: 8px; }
tr.sectiondata table td {
  background: tan;
  border-width: 0px; }

/*******************************************************************************
 * DIV.Data                                                                    *
 *******************************************************************************/
div.data td {
  padding: 2px; }

/*******************************************************************************
 * div.columnar                                                                *
 *******************************************************************************/
div.columnar td {
  padding: 2px;
  font-size: 12px;
  vertical-align: baseline; }
div.columnar td.label {
  width: 1%;
  white-space: nowrap; }
div.columnar td.box {
  background-color: #CCCCEE;
  border: 1px solid #000;
  padding: 3px; }
div.columnar input, div.columnar select, div.columnar textarea {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px; }
div.columnar ol {
  margin-bottom: 0px; }
  div.columnar ol li {
    margin-left: -12px;
    text-indent: 0px; }
div.columnar ul {
  margin-bottom: 0px; }
  div.columnar ul li {
    margin-left: -20px; }
div.columnar .reqfield input {
  border-color: #C00;
  font-size: 500%; }

/*******************************************************************************
 * div.datasheet                                                               *
 *******************************************************************************/
div.datasheet table {
  display: table;
  width: 100%;
  background: tan;
  border-width: 0px;
  border-radius: 8px; }
div.datasheet tr {
  vertical-align: top; }
div.datasheet tr.head {
  font-weight: bold; }
div.datasheet td {
  padding: 2px;
  vertical-align: baseline;
  font-size: 11px; }
div.datasheet table.valign-middle td {
  vertical-align: middle; }
div.datasheet table.valign-top td {
  vertical-align: top; }
div.datasheet tr.alert td {
  font-weight: bold;
  color: #C00; }
div.datasheet tr.alert td a.black {
  font-weight: bold;
  color: #C00;
  text-decoration: none; }
div.datasheet tr.head td {
  background-color: #7E832D;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  font-size: 11px;
  vertical-align: bottom; }
div.datasheet tr.subhead td {
  background-color: #9CA237;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-weight: bold; }
div.datasheet tr.line td {
  border-bottom: 1px solid #000; }
div.datasheet tr.thickline td {
  border-bottom: 2px solid #000; }
div.datasheet tr.newgroup td {
  padding-top: 10px;
  border-top: 3px solid #000; }
div.datasheet tr.select td {
  background-color: #7E832D; }
div.datasheet tr.highlight td {
  background-color: #8F934F;
  font-weight: bold; }
div.datasheet td.box {
  background-color: #CCCCEE;
  border: 1px solid #000; }
div.datasheet td.total {
  background-color: #7E832D;
  font-weight: bold; }
div.datasheet td.edit {
  padding: 0px !important; }
div.datasheet td.nowrap {
  white-space: nowrap; }
div.datasheet hr {
  color: #000; }
div.datasheet a.black {
  text-decoration: none;
  color: #000; }
div.datasheet input, div.datasheet select, div.datasheet textarea {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px; }
div.datasheet input.checkbox {
  width: 15px;
  height: 15px; }
div.datasheet ol {
  margin-top: 0px;
  margin-bottom: 0px; }
  div.datasheet ol li {
    margin-left: -12px;
    text-indent: 0px; }
div.datasheet ul {
  margin-top: 0px;
  margin-bottom: 0px; }
  div.datasheet ul li {
    margin-left: -20px; }

/*******************************************************************************
 * div.richtext                                                                *
 *******************************************************************************/
div.richtext {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px; }
  div.richtext * {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px; }
  div.richtext p {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px; }
  div.richtext ul, div.richtext ol {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 6px; }

/*******************************************************************************
 * div.menu                                                                    *
 *******************************************************************************/
div.menu table {
  height: 15px;
  width: 90%;
  background-color: transparent;
  border-collapse: separate;
  padding: 0px; }
div.menu td {
  border-width: 0px;
  border-style: solid;
  height: 15px;
  white-space: nowrap;
  font-size: 11px;
  font-family: Tahoma, sans-serif;
  vertical-align: middle; }
div.menu td.div {
  vertical-align: middle; }
div.menu select {
  font-size: 11px; }
div.menu .btn, div.menu .btnactive {
  position: relative;
  top: -1px;
  padding: 5px;
  border: none;
  border-radius: 8px 8px 0px 0px;
  background-color: transparent;
  color: #FFF;
  cursor: pointer; }
div.menu .btnactive {
  background-color: #55E;
  color: #FFF; }

/*******************************************************************************
 * div.leftmenu                                                                *
 *******************************************************************************/
div.leftmenu {
  background: #9EA55F url("/img/skin/stucco_green.gif"); }
  div.leftmenu table {
    display: table;
    width: 90%;
    padding: 0px;
    margin: 10px;
    border-width: 1px;
    border-collapse: separate;
    background: url("/images/leftmnu_bg.png") top left repeat-x #914E45;
    color: #000;
    border-radius: 8px; }
    div.leftmenu table table {
      display: table;
      margin: 0px;
      width: 100%; }
  div.leftmenu td {
    height: 15px;
    white-space: nowrap;
    border-width: 0px;
    border-style: solid;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    vertical-align: middle; }
  div.leftmenu td.break {
    height: 3px;
    background-color: #000; }
  div.leftmenu td.menudivider {
    vertical-align: middle; }
  div.leftmenu select {
    font-size: 11px; }
  div.leftmenu .btn, div.leftmenu .btnactive {
    width: 90%;
    padding: 3px 4px;
    color: #000;
    cursor: pointer; }
  div.leftmenu .btnactive {
    padding: 2px 3px;
    color: #000;
    background-color: #55E;
    border-radius: 6px;
    border: 1px solid #000; }

/*******************************************************************************
 * DIV.RichTextMenu                                                            *
 *******************************************************************************/
div.richtextmenu table {
  height: 24px;
  margin: 0px;
  padding: 0px;
  background-color: tan;
  border-color: #000;
  border-width: 1px;
  border-collapse: separate; }
div.richtextmenu td {
  height: 20px;
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  border-width: 0px;
  border-style: solid;
  font-family: Tahoma, sans-serif;
  font-size: 11px; }
div.richtextmenu .div {
  vertical-align: middle; }
div.richtextmenu .btn, div.richtextmenu div.menu .btnactive, div.menu div.richtextmenu .btnactive, div.richtextmenu div.leftmenu .btnactive, div.leftmenu div.richtextmenu .btnactive {
  padding: 1px;
  cursor: pointer; }
div.richtextmenu .btnactive {
  padding: 0px;
  background-color: #FEA;
  border: 1px solid #000;
  cursor: pointer; }

/*# sourceMappingURL=C03.css.map */