body { background-image:url(/images/wall4.png); font-family:Optima, Georgia, serif; font-size:15pt;}

.th {font-weight:bold; text-decoration:underline; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;}

input, .mono {font-size: larger; font-family:Consolas, Monaco, monospace; color:#000;}
.mono {font-size:1.66em; font-weight:bold; color:#204;}
input[type=submit] {font-family:Optima, Georgia, serif; }

h1 {font-weight: bold; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;}

.validation-error {background-color: #f2dede; border: solid 1px red; border-radius: 15px; margin-top: 1px;}

/* http://charliepark.org/bootstrap_buttons/ */
.btn-custom {
  background-color: hsl(263, 22%, 30%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#78639b", endColorstr="#483b5d");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#78639b), to(#483b5d));
  background-image: -moz-linear-gradient(top, #78639b, #483b5d);
  background-image: -ms-linear-gradient(top, #78639b, #483b5d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78639b), color-stop(100%, #483b5d));
  background-image: -webkit-linear-gradient(top, #78639b, #483b5d);
  background-image: -o-linear-gradient(top, #78639b, #483b5d);
  background-image: linear-gradient(#78639b, #483b5d);
  border-color: #483b5d #483b5d hsl(263, 22%, 25%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

.btn-submit {
  background-color: hsl(19, 69%, 22%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b45021", endColorstr="#5e2911");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b45021), to(#5e2911));
  background-image: -moz-linear-gradient(top, #b45021, #5e2911);
  background-image: -ms-linear-gradient(top, #b45021, #5e2911);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b45021), color-stop(100%, #5e2911));
  background-image: -webkit-linear-gradient(top, #b45021, #5e2911);
  background-image: -o-linear-gradient(top, #b45021, #5e2911);
  background-image: linear-gradient(#b45021, #5e2911);
  border-color: #5e2911 #5e2911 hsl(19, 69%, 17%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

.btn-pink {
  background-color: hsl(0, 100%, 82%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fecccc", endColorstr="#fea3a3");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fecccc), to(#fea3a3));
  background-image: -moz-linear-gradient(top, #fecccc, #fea3a3);
  background-image: -ms-linear-gradient(top, #fecccc, #fea3a3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fecccc), color-stop(100%, #fea3a3));
  background-image: -webkit-linear-gradient(top, #fecccc, #fea3a3);
  background-image: -o-linear-gradient(top, #fecccc, #fea3a3);
  background-image: linear-gradient(#fecccc, #fea3a3);
  border-color: #fea3a3 #fea3a3 hsl(0, 100%, 80%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.13);
  -webkit-font-smoothing: antialiased;
}

.btn-gold {
  background-color: hsl(41, 85%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efb73d", endColorstr="#a5750d");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#efb73d), to(#a5750d));
  background-image: -moz-linear-gradient(top, #efb73d, #a5750d);
  background-image: -ms-linear-gradient(top, #efb73d, #a5750d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efb73d), color-stop(100%, #a5750d));
  background-image: -webkit-linear-gradient(top, #efb73d, #a5750d);
  background-image: -o-linear-gradient(top, #efb73d, #a5750d);
  background-image: linear-gradient(#efb73d, #a5750d);
  border-color: #a5750d #a5750d hsl(41, 85%, 29%);
  color:#000 !important;
  text-shadow: 0 -1px 0 rgba(0.2, 0.2, 0.2, 0.39);
  -webkit-font-smoothing: antialiased;
}

.btn-deepblue {
  background-color: hsl(236, 85%, 17%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9299f6", endColorstr="#060b50");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#9299f6), to(#060b50));
  background-image: -moz-linear-gradient(top, #9299f6, #060b50);
  background-image: -ms-linear-gradient(top, #9299f6, #060b50);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9299f6), color-stop(100%, #060b50));
  background-image: -webkit-linear-gradient(top, #9299f6, #060b50);
  background-image: -o-linear-gradient(top, #9299f6, #060b50);
  background-image: linear-gradient(#9299f6, #060b50);
  border-color: #060b50 #060b50 hsl(236, 85%, 2%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.99);
  -webkit-font-smoothing: antialiased;
}

.btn-palegreen {
  background-color: hsl(112, 46%, 69%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4faf3", endColorstr="#95d48b");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f4faf3), to(#95d48b));
  background-image: -moz-linear-gradient(top, #f4faf3, #95d48b);
  background-image: -ms-linear-gradient(top, #f4faf3, #95d48b);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4faf3), color-stop(100%, #95d48b));
  background-image: -webkit-linear-gradient(top, #f4faf3, #95d48b);
  background-image: -o-linear-gradient(top, #f4faf3, #95d48b);
  background-image: linear-gradient(#f4faf3, #95d48b);
  border-color: #95d48b #95d48b hsl(112, 46%, 62%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.46);
  -webkit-font-smoothing: antialiased;
}

.btn-olive {
  background-color: hsl(70, 11%, 23%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b7f66", endColorstr="#3e4134");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#7b7f66), to(#3e4134));
  background-image: -moz-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -ms-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b7f66), color-stop(100%, #3e4134));
  background-image: -webkit-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -o-linear-gradient(top, #7b7f66, #3e4134);
  background-image: linear-gradient(#7b7f66, #3e4134);
  border-color: #3e4134 #3e4134 hsl(70, 11%, 17.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}


@media print { 
  .noprint { display: none !important; } 
 }

.jmodal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(50, 0, 50, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.jmodal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem 1.5rem;
  width: 85%;
  height: 85%;
  border-radius: 0.5rem;
  overflow-y:scroll;
  line-height: 1.1em;
}

.jclose-button {
  float: right;
  width: 2rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  padding: 3px;
  border-radius: 0.25rem;
  background-color: lightgray;
}

.jclose-button:hover {
  background-color: darkgray;
}

.jshow-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}