/* @override 
	https://www.pennypipe.com/css/generic.css */

/*******************/
/* Generic helpers */
/*******************/

.centerblock {
  width: 980px;
  margin: 0 auto;
}

form {
  clear: both;
  margin-bottom: 14px;
}


a, a:visited {
  text-decoration: none;
  color: #10a5cd;
  transition: color .5s, transform .5s, box-shadow .5s;
  -webkit-transition: color .5s, transform .5s, box-shadow .5s;
  outline: none;
}

a:active {
  outline: none;
}

a:hover {
  color: #F4A86A;
  transition: color .5s, box-shadow .5s;
  -webkit-transition: color .5s, box-shadow .5s;
}

a > img {
  vertical-align: text-top;
  border: 0;
}

.top-navigation img {
  vertical-align: text-top;
  margin-right: 5px;
}

.green {
  color: #67d600;
}

.red {
  color: #fe4c00;
}

.blue {
  color: #00b7fe;
}

.yellow {
  color: #fe9900;
}

.dark-grey {
  color: #666;
}

.graybg {
  background-color: #eee;
}

div.dialog {
  display: none;
}

.fixed {
  position: fixed;
  top: 40px;
}

p.first {
  margin-top: 0;
}

p.no-margin {
  margin: 0;
}

/***************************/
/* Assorted useful classes */
/***************************/

.box {
  background-color: #eef;
  border: 1px solid #aaf;
  padding: 4px 4px 4px 4px;
  margin-bottom: 12px;
}

.no-display {
  display: none;
}

.clear {
  clear: both;
}

.note {
  font-size: 10px;
  color: #000;
  letter-spacing: 0;
}

.inactive {
  color: #aaa;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.large {
  font-size: 16px;
}

.very-small {
  font-size: 10px;
}

.float-left {
  float: left;
}

img.float-left {
  margin-right: 12px;
}

.float-right {
  float: right;
}

.underline {
  text-decoration: underline !important;
}

/*********************/
/* Standard elements */
/*********************/

div.message {
  margin: 0px 0px 12px 0px;
  padding: 4px 4px 4px 28px;
}

div.error {
  margin: 4px 0px 4px 0px;
  padding: 4px 4px 4px 28px;
}

input, textarea {
  border: 0px;
  background: #eee;
  padding: 5px;
/*  ADJ 160208 Never apply a fixed width to every input */
/*  Use input[type=text] - see below
/*  width: 400px !important; */
  font-size: 20px;
  font-family: "Lato";
}

input[type=text], textarea {
  width: 400px;
  margin: 2px;
}

input[type=submit] {
  padding-left: 10px;
  padding-right: 10px;
}

input[type=checkbox] {
  width: 20px !important;
  position: relative;
  top: 5px;
  vertical-align: top;
}

input.gobutton{
  width: auto !important;
  padding: 10px 30px !important;
}

input.datepicker {
  width: 200px !important;
}

input[type=text].medium {
  width: 100px !important;
}

input.number {
  width: 100px !important;
}

table.std {
  width: 100%;
  border-collapse: collapse;
  empty-cells: show;
}

table.std tr.header {
  background-color: #dddddd;
  font-weight: bold;
}

table.std tr.header td {
}

table.std tr.footer {
  background-color: #c5c5c5;
  text-align: center;
  font-weight: bold;
}

table.std tr.odd {
  background-color: #fff;
}

table.std tr.even {
  background-color: #eee;
}

table.std tr.error {
  background-color: #fdd;
}

table.std tr.odd:hover {
  background-color: #ddffdd;
}

table.std tr.even:hover {
  background-color: #ddffdd;
}

table.std tr.red td {
  background-color: #ffdddd;
}

table.std td {
  margin: 0;
  border: 1px solid #aaaaaa;
  padding: 4px 4px 4px 4px;
}

table.entry {
  border-collapse: collapse;
}

table.entry td {
  padding: 4px 4px 4px 4px;
}

table.entry td.key {
  font-weight: bold;
}

table.calendar {
  border-collapse: collapse;
  width: 100%;
}

table.calendar td {
  border: 1px solid #bbb;
  padding: 4px 4px 4px 4px;
}

table.calendar td.today {
  background-color: #ffa !important;
}

table.calendar td.active {
  background-color: #cfc; 
}

table.calendar span.day {
  display: black;
  float: right;
  color: #444;
  font-size: 8px;
  letter-spacing: 0;
}

.tooltit {
  background-color: #fff;
  box-shadow: box-shadow: 12px 0 15px -4px rgba(150, 150, 150, 0.8), -12px 0 8px -4px rgba(150, 150, 150, 0.8);
  border: 1px solid #999;
  padding: 8px 16px 8px 8px;
  border-radius: 5px;
}

.ui-dialog-titlebar {
  background: none !important;
  border: 0 !important;
  color: #000 !important;
}