#admin_login {
  background-color: #ddd;
  margin: 1em auto;
  width: 400px;
  padding: 5px;
  border-radius: 5px;
}

#admin_login h1 {
  text-align: center;
}

#admin_login label,
#form_change_pass label {
  float: left;
  font-weight: bold;
}

#admin_login label {
  width: 9em;
}

#form_change_pass label {
  width: 15em;
}

#admin_login #submit_button {
  clear: both;
  text-align: right;
}

#admin_logout {
  text-align: center;
  margin-top: 1em;
}

/* pop-up calendar */

.yui3-popup-calendar {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  padding: 3px;
}
.yui3-popup-calendar-hidden {
  display: none;
}
.yui3-calendar-pane {
  background-color: white;
}

/**
 * done pop-up calendar.
 * Quick search styles:
 */

#quicksearch-container {
	float: right;
	margin-right: 20px;
	width: 20em;
	font-size: smaller;
}

#quicksearch-input {
	width: 100%;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-autocomplete {
	background-color: white;
	width: 20em !important;
	border: solid 2px black;
	margin: 0;
	padding: 0;
	font-size: 12px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.ui-autocomplete li {
	list-style: none;
	padding: 2px;
}

.ui-autocomplete .ui-state-active {
  background-color: lightblue;
}

/**
 * Done quick search styles.
 * Sitemap styles:
 */

#sitemap a {
  text-decoration: none;
}

#sitemap .tier1 {
  list-style: none;
}

#sitemap .tier2 {
  font-size: smaller;
}

/**
 * Done sitemap styles.
 * Some common background colours:
 */

.grey {
  background-color: #e5ddd5 !important;
}

.pink {
  background-color: #f9f !important;
}

.blue {
  background-color: #ddf;
}

.red {
  background-color: #ff4e4e !important;
}

.green {
  background-color: #9ce188 !important;
}

.brown {
  background-color: #d7b27f !important;
}

.yellow {
  background-color: #ff9;
}

.orange {
  background-color: #ffa500 !important;
}

.light-blue {
  background-color: #CCEEFF !important;
}

.light-purple {
  background-color: #B57EDC !important;
}

/**
 * Done common background colours.
 * Bits and bobs
 */


table.stripy tr:nth-child(even), tr.even {
  background-color: #ddf;
}

table.jms-filterable thead tr {
  background-color: #fff !important;
}
/* style immediately above is a bit of a hack, should eventually aim to just have something like this (instead of 2 previous) so only the body is made stripy:
table.stripy tbody tr:nth-child(even), tr.even {
  background-color: #ddf;
}
*/

div.lazy_layout {
  float: left;
  padding: 1em;
  margin: 1em;
  background-color: #eaeaea;
  border-radius: 10px;
}

label.wide {
  width: 15em;
}

tr.total {
  background-color: #ffa500;
  font-weight: bold;
}

.small {
  font-size: smaller;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.center {
	text-align: center;
}

.centerclear {
  text-align: center;
  clear: both
}

#status_message {
  width: 100%;
  text-align: center;
  color: #db0f0f;
  font-weight: bold;
}

.num {
  text-align: right;
  font-family: "Courier New", Courier, monospace;
  padding-right: 1em;
  padding-left: 1em;
}

.num.num-parens {
  padding-right: 0.4em;
}

.fake-link {
  color: #0000ff;
  text-decoration: underline;
  cursor: pointer;
}

/**
 * Done bits and bobs.
 * Agency commission stuff:
 */

tr.sortbottom {
  background-color: #ffaa0d !important;
}

div.ag_comm_date, div.ag_comm_grand_total, div.ag_comm_period, div.ag_comm_grand_total_inc_vat {
  font-weight: bold;
}

div.ag_comm_period {
  margin-top: 1em;
}

div.ag_comm_date a {
  cursor: pointer;
  color: blue;
}

div.ag_comm_grand_total {
  margin-top: 1em;
}

div.ag_comm_row span.ag_comm_breakdown {
  display: none;
  font-size: smaller;
  margin-left: 0.5em;
}

.tot_g {
  background-color: #bbb;
}

#ag_comm_tx {
  float: right;
  background-color: #ffffb2;
  max-width: 600px;
}

#ag_payment_container {
  float: right;
}

#ag_payment_totals {
  background-color: #d9ffb2;
  padding: 10px;
}

#ag_payment_approve {
  background-color: paleturquoise;
  padding: 10px;
}

#ag_payment_pending .ag_comm_date, #ag_payment_pending .ag_comm_grand_total, #ag_payment_pending .ag_comm_period, #ag_payment_pending .ag_comm_grand_total_inc_vat {
  font-weight: normal;
}

/**
 * Done agency commission stuff.
 * Payment matcher:
 */

.matcher-commented-col {
  color: #00f;
  cursor: pointer;
}

.update-comment-overlay {
  background-color: #fff;
  border: solid 1px #000;
  padding: 5px;
}