.complimentary {
  text-decoration: line-through;
}

.adminWrapper, .ui-dialog {
  font-size: 12px !important;
}

#globalwrap .adminWrapper {
  font-family: Arial
}

.adminWrapper {
  background: white
}

#globalwrap .adminWrapper {
  color: #333333
}

.adminWrapper fieldset {
  color: #333333
}

#globalwrap .adminWrapper strong {
  font-size: 12px;
  color: #333333;
  font-weight: bold
}

.ui-dialog {
  text-align: left !important;
  max-width: 100%;
}

.ui-dialog table.admin {
  border: none;
  margin: 0;
}

.ui-dialog table.admin tr td {
  border: none;
}

.ui-dialog table.admin tr td {
  border-bottom: 1px solid #dddddd;
  padding: 3px
}

.ui-dialog table.admin a {
  color: blue
}

.ui-dialog table.admin thead td {
  background: #f2f2f2
}

.ui-dialog .formLine {
  padding-bottom: 5px
}

.ui-dialog .formLine label {
  min-width: 7em;
  text-align: right;
  display: inline-block
}

.submitArea {
  margin-top: 20px;
  margin-bottom: 20px
}

#globalwrap .adminWrapper form a, #globalwrap .adminWrapper form table.admin a, #globalwrap .adminWrapper .aboveTabs a {
  color: blue;
  text-decoration: underline
}

#globalwrap .adminWrapper form a:hover, #globalwrap .adminWrapper form table.adin a {
  color: blue
}

form a.textOnlyUnderline {
  text-decoration: none
}

form a.textOnlyUnderline span.text {
  text-decoration: underline
}

#globalwrap form a.textOnlyUnderline {
  text-decoration: none
}

#globalwrap form a.textOnlyUnderline span.text {
  text-decoration: underline
}

form fieldset,
.fieldset {
  background: #f2f2f2 url(/images/fieldset.png) !important;
  border: 1px solid #dddddd !important;
  width: auto !important;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0
}

form .formGroup {
  margin-bottom: 10px
}

form label {
  width: 10em
}

form .formLine > label:first-child {
  padding-top: 3px
}

#globalwrap .adminWrapper hr, #globalwrap hr {
  border: none !important;
  border-top: 1px solid #dddddd !important;
  margin: 20px 0 !important;
  background: none !important;
  height: 0;
  width: auto !important
}

#globalwrap .adminWrapper h3 {
  color: #333333 !important;
  font-style: normal;
  background: none !important;
  font-weight: normal
}

#globalwrap .adminWrapper h3 .title {
  background: none;
  color: #333333
}

#globalwrap .adminWrapper h3 span {
  font-style: normal
}

#globalwrap .adminWrapper form fieldset h3 {
  font-size: 18px !important;
  color: #333333 !important
}

/* Fieldset */
form fieldset,
.fieldset {
  padding: 15px 20px 20px 20px
}

form fieldset legend {
  position: static;
  font-size: 17px;
  color: #555555;
  display: block;
}

/* Text Inputs */
form input[type=text], form textarea {
  border: 1px inset #AFACA7;
  border-width: 1px;
  padding: 3px 2px;
  background: white
}

form fieldset input[type=text], form fieldset textarea {
  border: 1px inset #d6d4cf;
  border-width: 1px;
  padding: 3px 2px;
  background: white
}

form input[type=text].nextToButton {
  padding: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 0
}

form input[type=text][disabled] {
  background: #eeeeee;
  color: #aaaaaa;
  border: 1px solid #aaaaaa
}

form input.wide {
  width: 400px
}

form input.halfWide {
  width: 192px;
  margin-right: 5px
}

form input.halfWideLast {
  margin-left: 5px
}

form fieldset input[type=text].flushLeft {
  margin-left: 0;
  margin-right: 5px
}

form fieldset table.admin input[type=text] {
  margin-left: 0
}

form fieldset .textareaWrapper {
  padding-left: 3px;
  padding-right: 3px;
  margin-left: -3px
}

form fieldset textarea {
  margin-left: 0;
  margin-top: 0;
  width: 100%
}

/* Common Line Layout */
form .formLine {
  margin-top: 5px
}

/* Checkboxed */
.checkboxList {
  float: none;
  margin-left: 10em;
  padding-top: 2px
}

form .checkboxList label.checklabel, form .inlineRadioList label.checklabel {
  display: inline;
  float: none;
  cursor: pointer;
}

form .checkboxList .textLabel {
  padding-left: 5px
}

/* Table */
#globalwrap .adminWrapper table.admin {
  width: auto;
  border: none;
  border-collapse: collapse;
  border-spacing: 0 0
}

#globalwrap .adminWrapper table.admin td {
  border: none;
  background: none
}

#globalwrap .adminWrapper table.admin thead th, #globalwrap .adminWrapper table.admin thead td, #globalwrap .adminWrapper table.admin tbody th {
  border: none;
  background: none;
  text-align: left
}

#globalwrap .adminWrapper table.admin thead.small th, #globalwrap .adminWrapper table.admin thead.small td {
  font-size: 90%
}

#globalwrap .adminWrapper table.admin tbody th {
  padding-right: 10px
}

#globalwrap .adminWrapper table.admin tbody tr {
  border: none;
  background: none
}

#globalwrap .adminWrapper table.admin thead tr {
  border: none;
  background: none
}

#globalwrap .adminWrapper table.admin thead th, #globalwrap .adminWrapper table.admin thead td {
  color: #333333;
  font-weight: bold
}

#globalwrap .adminWrapper table.admin {
  margin: 0;
  margin-bottom: 20px
}

#globalwrap .adminWrapper table.admin tbody tr {
  border-bottom: 1px solid #dddddd
}

#globalwrap .adminWrapper table.admin tfoot tr {
  border-top: 2px solid #aaaaaa
}

#globalwrap .adminWrapper table.admin tfoot tr td {
  border-top: 2px solid #aaaaaa;
  color: #333333
}

#globalwrap .adminWrapper fieldset table.admin tbody tr {
  border-bottom: 1px solid #aaaaaa
}

#globalwrap .adminWrapper fieldset table.admin tbody tr.forceborder, #globalwrap .adminWrapper fieldset table.admin tbody tr.forceborder td, #globalwrap .adminWrapper fieldset table.admin tbody tr.forceborder:last-child, #globalwrap .adminWrapper fieldset table.admin tbody tr.forceborder:last-child td {
  border-bottom: 1px solid #aaaaaa
}

#globalwrap .adminWrapper fieldset table.admin tbody tr:last-child {
  border-bottom: none
}

#globalwrap .adminWrapper fieldset table.admin tbody tr.last {
  border-bottom: none
}

#globalwrap .adminWrapper fieldset table.admin tbody tr.notLast td {
  border-bottom: 1px solid #aaaaaa
}

#globalwrap .adminWrapper fieldset table.admin tbody td {
  border-bottom: 1px solid #aaaaaa
}

#globalwrap .adminWrapper fieldset table.admin tbody tr.noborder td {
  border-bottom: none
}

#globalwrap .adminWrapper fieldset table.admin tbody tr.last td {
  border-bottom: none
}

#globalwrap .adminWrapper fieldset table.admin tbody tr:last-child td {
  border-bottom: none
}

#globalwrap .adminWrapper fieldset table.admin {
  border-spacing: 0 0
}

#globalwrap .adminWrapper table.admin.flushBottom {
  margin-bottom: 0
}

#globalwrap .adminWrapper table.adminSmall {
  margin-bottom: 0
}

#globalwrap .adminWrapper table.admin tr.small td {
  font-weight: normal;
  font-size: 11px;
  padding-top: 0;
  padding-bottom: 0
}

#globalwrap .adminWrapper table.admin td, #globalwrap .adminWrapper table.admin thead th {
  padding: 5px;
  height: auto
}

#globalwrap .adminWrapper table.admin.withBorders td {
  border-bottom: 1px solid #dddddd
}

#globalwrap .adminWrapper table.admin {
  background: none
}

/* Clickable Table Rows */
#globalwrap .adminWrapper table.admin tr.hoverable:hover td {
  background-color: #dddddd
}

#globalwrap .adminWrapper table.admin tr.clickable, #globalwrap .adminWrapper table.admin tr.clickable td {
  cursor: pointer
}

#globalwrap .adminWrapper table.admin tr.clickable:hover td.clickable_row, #globalwrap .adminWrapper table.admin tr.clickable.hovering td.clickable_row {
  background-color: #dddddd;
  color: blue
}

#globalwrap .adminWrapper table.admin tr.clickradio:hover td.clickradio_row, #globalwrap .adminWrapper table.admin tr.clickradio.hovering td.clickradio_row {
  background-color: #dddddd;
  color: blue
}

td.clickradio_row {
  cursor: pointer
}

td.clickradio_row input[type=radio] {
  cursor: pointer
}

#globalwrap .adminWrapper table.admin tr.clickable.selected, #globalwrap .adminWrapper table.admin tr.clickable.selected td, #globalwrap .adminWrapper table.admin tr.clickable.selected td.onHoverRow, #globalwrap .adminWrapper table.admin tr.selected:hover td.clickable_row {
  background-color: #555555;
  color: white;
  visibility: visible
}

#globalwrap .adminWrapper table.admin tr.clickable.selected td {
  color: white
}

#globalwrap .adminWrapper table.admin tr.clickable.selected a {
  color: white;
  text-decoration: none
}

#globalwrap .adminWrapper table.admin tr.clickable.full-size-links td {
  padding: 0
}

#globalwrap .adminWrapper table.admin tr.clickable.full-size-links td a {
  padding: 5px 10px;
  display: block
}

#globalwrap .adminWrapper p.subtitle {
  margin-top: 0 !important;
  font-size: 11px;
  margin-bottom: 10px !important
}

#globalwrap .adminWrapper table.admin td.noborder {
  border: none !important
}

.tipsy .tipsy-inner {
  font-size: 11px;
  font-family: Arial !important
}

#globalwrap .adminWrapper table.admin thead th.numeric, #globalwrap .adminWrapper table.admin thead td.numeric, #globalwrap .adminWrapper table.admin tbody th.numeric {
  text-align: right
}

td.numeric, #globalwrap table th.numeric, #globalwrap table td.numeric {
  text-align: right
}

.onHoverRow {
  visibility: hidden
}

tr:hover .onHoverRow {
  visibility: visible
}

.onHoverRowFull {
  opacity: 0.5
}

tr:hover .onHoverRowFull {
  opacity: 1
}

/* Buttons */
.showinprogress.inprogress span.ui-icon.ui-button-icon-primary {
  background-image: url("/images/spinner-dadada-trans-16x16.gif") !important;
  background-position: 0 0 !important
}

.ajaxspinner {
  background-image: url("/images/spinner-dadada-trans-16x16.gif") !important;
  background-position: 0 0 !important;
  display: block;
  height: 16px;
  width: 16px
}

/* Fieldset */
.threeColFieldset > div {
  width: 33.33%;
  float: left
}

.threeColFieldset > div > fieldset.firstCol, .threeColFieldset > div > fieldset.secondCol {
  margin-right: 20px !important
}

.twoColFieldset > div {
  width: 50%;
  float: left
}

.twoColFieldset > div > fieldset.firstCol {
  margin-right: 20px !important
}

.twoColFieldset.twoColFieldsetThirds > div.firstCol {
  width: 75%
}

.twoColFieldset.twoColFieldsetThirds > div.secondCol {
  width: 25%
}

.twoColFieldset.twoColFieldsetThirdOnLeft > div.firstCol {
  width: 34%
}

.twoColFieldset.twoColFieldsetThirdOnLeft > div.secondCol {
  width: 66%
}

.twoColFieldset.twoColFieldsetQuarters > div.firstCol {
  width: 25%
}

.twoColFieldset.twoColFieldsetQuarters > div.secondCol {
  width: 75%
}

.buttonList {
  margin-bottom: 15px;
  padding-left: 0;
  margin-top: 15px
}

.buttonList li {
  margin-left: 15px !important
}

.buttonList li a.hasupdate {
  text-decoration: none
}

.buttonList li a.hasupdate .text {
  text-decoration: underline
}

.buttonList li a.hasupdate .update {
  background: #d70000;
  color: white;
  font-size: 11px;
  font-weight: normal;
  border: 2px solid #950000;
  padding: 1px 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.buttonList + .buttonList {
  border-top: 1px solid #cccccc;
  padding-top: 15px;
}

fieldset .buttonList:last-child {
  margin-bottom: 0
}

/* Top Right */
.topRight {
  float: right;
  width: 50%;
  margin-bottom: 15px;
}

/* Top Left */
.topLeft {
  float: left;
  width: 50%;
  margin-bottom: 15px;
}

/* Label */
#globalwrap label.inlineLabel {
  display: inline;
  float: none;
  width: auto;
  margin: 0;
  cursor: pointer
}

/* Icons */
/* h3.mainTitle {float: left; width: 50%} */
h3.mainTitle span.ig-icon {
  background: url(/images/membership-icons.png) no-repeat;
  width: 49px;
  height: 44px;
  display: inline-block;
  margin-right: 10px;
  float: left
}

h3.mainTitle span.ig-icon.ig-mainiconHTML {
  background: none
}

h3.mainTitle span.ig-icon.ig-mainiconHTML img {
  display: block
}

h3.mainTitle span.ig-icon.ig-mainiconHTML a {
  display: block
}

h3.mainTitle a.mainiconLink {
  display: block;
  float: left
}

h3.mainTitle span.ig-icon-clubhouse {
  background-image: url(/images/membership-icons-2.png);
  height: 48px
}

h3.mainTitle span.ig-icon + span.title {
  position: relative;
  top: 16px;
}

h3.mainTitle.withSubtitle span.ig-icon + span.title {
  position: relative;
  top: 3px;
  display: block
}

h3.mainTitle span.ig-icon-reports {
  background-position: -3px 0;
  height: 49px;
  width: 57px
}

h3.mainTitle span.ig-icon-communication {
  background-position: -3px -260px;
  height: 49px;
  width: 57px
}

h3.mainTitle span.ig-icon-communication {
  background-position: -3px -308px;
  height: 43px;
  width: 57px;
  margin-top: 5px
}

h3.mainTitle span.ig-icon-world {
  background-position: -3px -354px;
  height: 49px;
  width: 50px;
  margin-top: 3px
}

h3.mainTitle span.ig-icon-admin {
  background-position: -75px -354px;
  height: 49px;
  width: 50px;
  margin-top: 3px
}

h3.mainTitle span.ig-icon-clubhousesecurity {
  background-position: -151px -354px;
  height: 49px;
  width: 52px;
  margin-top: 3px
}

h3.mainTitle span.ig-icon-sitecontent {
  background-position: -145px -410px;
  height: 55px;
  width: 52px;
  margin-top: 3px
}

h3.mainTitle span.ig-icon-style {
  background-position: -3px -394px;
  height: 49px;
  width: 50px;
  margin-top: 3px
}

h3.mainTitle span.ig-icon-cloudup {
  background-position: -3px -442px;
  height: 49px;
  width: 53px;
  margin-top: 3px
}

h3.mainTitle span.ig-icon-setup {
  background-position: -3px -488px;
  height: 49px;
  width: 53px;
  margin-top: 3px
}

h3.mainTitle span.ig-icon-events {
  background-position: -73px -535px;
  height: 49px;
  width: 53px;
  margin-top: 3px
}

h3.mainTitle span.ig-icon-charges {
  background-position: -7px -105px;
  height: 49px;
  width: 57px
}

h3.mainTitle span.ig-icon-receipts {
  background-position: -9px -53px;
  height: 49px;
  width: 57px
}

h3.mainTitle span.ig-icon-man {
  background-position: -11px -163px;
  height: 43px;
  width: 46px;
  margin-right: 15px
}

h3.mainTitle span.ig-icon-woman {
  background-position: -11px -208px;
  height: 43px;
  width: 41px;
  margin-right: 15px
}

h3.mainTitle span.ig-icon-vouchers {
  background-position: -70px -213px;
  height: 43px;
  width: 60px;
  margin-right: 15px
}

h3.mainTitle span.ig-icon-trophy {
  background-position: -138px -213px;
  height: 43px;
  width: 60px;
  margin-right: 15px
}

h3.mainTitle span.ig-icon-sms {
  background-position: -205px -213px;
  height: 43px;
  width: 60px;
  margin-right: 15px
}

h3.mainTitle span.subtitle {
  font-size: 12px;
  display: block
}

a.withicon span.ig-icon {
  background: url(/images/membership-icons.png) no-repeat;
  height: 21px;
  width: 26px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 4px
}

a.withicon span.ig-icon-toreport {
  background-position: -142px -3px
}

a.withicon .text + .ig-icon {
  margin-right: 0;
  margin-left: 5px
}

a.withicon {
  text-decoration: none;
  margin-top: -10px
}

a.withicon .text {
  text-decoration: underline
}

a.withfficon {
  text-decoration: none
}

a.withfficon .text {
  text-decoration: underline
}

a.withfficon .ui-icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: -3px
}

.tabInner .ig-icon {
  padding: 0 !important;
  margin: 0 !important;
  margin-right: 10px !important;
  background: url(/images/membership-icons.png) no-repeat !important;
  border: none !important;
}

.tabInner .ig-icon-envelope-white {
  height: 15px;
  width: 24px;
  background-position: -368px -45px !important;
  position: relative;
  top: 2px
}

.tabInner .ig-icon-envelope-grey {
  height: 15px;
  width: 24px;
  background-position: -407px -45px !important;
  position: relative;
  top: 2px
}

.tabInner .ig-icon-envelope-grey-open {
  height: 15px;
  width: 24px;
  background: none !important;
  overflow: visible
}

.tabInner .ig-icon-envelope-grey-open .iconInner {
  display: inline-block;
  height: 25px;
  width: 24px;
  background-position: -407px -45px !important;
  position: relative;
  top: -7px;
  background: url(/images/membership-icons.png) no-repeat -447px -35px !important;
}

.tabInner .iconInner {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important
}

fieldset h3 span.ig-icon {
  background: url(/images/membership-icons.png) no-repeat;
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-right: 5px;
  margin-top: -5px;
  margin-left: -8px
}

fieldset h3 span.ig-icon2 {
  background-image: url(/images/membership-icons-2.png)
}

fieldset h3 span.title {
  position: relative;
  top: -5px
}

fieldset h3 span.ig-icon-reports-small {
  background-position: -76px -3px;
  width: 43px
}

fieldset h3 span.ig-icon-reports-small + span.title {
  top: -7px
}

fieldset h3 span.ig-icon-charges-small {
  background-position: -78px -105px;
  height: 31px;
  width: 39px
}

fieldset h3 span.ig-icon-events-small {
  background-position: -138px -108px;
  height: 29px;
  width: 40px
}

fieldset h3 span.ig-icon-events-small + span.title {
  top: -7px
}

fieldset h3 span.ig-icon-vouchers-small {
  background-position: -178px -108px;
  height: 29px;
  width: 40px
}

fieldset h3 span.ig-icon-clubhousesecurity-small {
  background-position: -218px -108px;
  height: 29px;
  width: 40px
}

fieldset h3 span.ig-icon-teetimes-small {
  background-position: -78px -152px;
  height: 24px;
  width: 30px
}

fieldset h3 span.ig-icon-receipts-small {
  background-position: -78px -53px;
  height: 31px;
  width: 39px
}

fieldset h3 span.ig-icon-communication-small {
  height: 15px;
  width: 24px;
  margin-right: 15px;
  background-position: -407px -45px;
  position: relative;
  top: -3px
}

fieldset h3 span.ig-icon-clubhouse-small {
  background-position: -50px 0;
  height: 31px;
  width: 39px;
  margin-top: 5px
}

fieldset h3 span.ig-icon-clubhouse-small + span.title {
  top: -10px
}

fieldset h3 span.ig-icon-list-small {
  background-position: -240px -43px;
  height: 29px;
  width: 37px
}

form fieldset p {
  padding-bottom: 1em;
}

td span.ig-icon {
  background: url(/images/membership-icons.png) no-repeat;
  height: 22px;
  width: 22px;
  display: inline-block
}

td span.ig-icon-split {
  background-position: -143px -40px
}

td span.ig-icon-newdefault {
  background-position: -175px -38px;
  width: 30px;
  height: 23px
}

td span.ig-icon-one {
  background-position: -205px -39px;
  position: relative;
  top: 2px
}

td span.ig-icon-instalments {
  background-position: -323px -44px;
  height: 18px;
  width: 28px;
  position: relative;
  top: 3px
}

td span.ig-icon-proratable {
  background-position: -143px -73px;
  height: 21px;
  width: 28px;
  position: relative;
  top: 3px
}

td span.ig-icon-dd {
  background-position: -277px -44px;
  height: 18px;
  width: 25px;
  position: relative;
  top: 3px
}

td span.ig-icon-list {
  background-position: -240px -43px;
  position: relative;
  top: 4px
}

em.smallDesc {
  font-size: 80%
}

.tabsWrapper {
  clear: both
}

.breadcrumbsWrapper {
  clear: left
}

#globalwrap .rightLinksWrapper ul li {
  line-height: 14.4px
}

/* .sortablelist .sortableitem:hover .sortablehandle {background: #dddddd !important} */
.sortablehandle {
  cursor: move
}

tr.voided td, tr.voided td * {
  text-decoration: line-through !important
}

tr.voided td .tdInner {
  display: block;
  text-decoration: line-through !important;
  width: 100%
}

.voided {
  text-decoration: line-through !important;
}

tr.voided {
  opacity: 0.7
}

tr.voided td.noLine, tr.voided td.noLine * {
  text-decoration: none !important
}

.ui-datepicker-trigger {
  margin-top: 0 !important
}

.ui-autocomplete li {
  font-size: 12px !important;
  text-align: left
}

.ui-autocomplete-input {
  font-size: 12px !important
}

.autocompletebutton {
  font-size: 10px !important;
  margin-left: -1px !important
}

ul.topright li {
  display: block;
  list-style-type: none;
  float: left;
  margin-left: 20px
}

.avoidbreak {
  page-break-before: avoid
}

fieldset .fieldHover {
  visibility: hidden
}

fieldset:hover .fieldHover {
  visibility: visible
}

.adminWrapper {
  line-height: 1.6em
}

#globalwrap .adminWrapper p {
  margin: 0;
  margin-bottom: 5px
}

ul.inPageNav {
  width: 100%;
  float: left
}

ul.inPageNav li {
  display: block;
  float: left;
  list-style-type: none;
}

.inPageNav.ui-buttonset .ui-button {
  font-size: 12px
}

ul.inPageNav.alphabet li {
  display: block;
  float: left;
  list-style-type: none;
  width: 3.84%
}

.alphabet.ui-buttonset .ui-button {
  margin-right: -1px;
  width: 100%;
  font-size: 12px;
  width: 3.84
}

.alphabet .ui-button-text-only .ui-button-text {
  padding-left: 0;
  padding-right: 0
}

.alphabet .ui-state-active {
  position: relative;
  z-index: 50
}

form .buttonset label.ui-button {
  width: auto;
  display: inline-block;
  float: none;
  font-size: 12px
}

form .inlinebuttonset {
  margin-left: 10px;
  display: inline-block
}

#globalwrap .adminWrapper form .buttonset a {
  text-decoration: none
}

table.ui-datepicker-calendar th {
  font-weight: normal !important;
  padding: 5px !important;
  font-size: 12px
}

.ui-widget-content li {
  line-height: 1.2em;
  font-size: 12px;
  text-align: left
}

.ui-datepicker .ui-datepicker-title {
  font-size: 12px
}

.ui-daterangepicker .title-start, .ui-daterangepicker .title-end {
  font-size: 12px !important
}

.ui-daterangepicker .ui-datepicker-inline {
  display: block
}

table.sortableTable th.header {
  cursor: pointer
}

.ui-dialog table.admin th.header, #globalwrap .adminWrapper table.admin th.header {
  background-image: url(/images/bg.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 0 50% !important;
  /* if background-color not set, then it defaults to transparent and overrides other colour settings */
  /*background: url(/images/bg.gif) 0 50% no-repeat !important;     */
  cursor: pointer;
  padding-left: 20px;
  margin-left: -1px;
}

.ui-dialog table.admin th.headerSortUp, #globalwrap .adminWrapper table.admin th.headerSortUp {
  background-image: url(/images/asc.gif) !important;
  /*background: url(/images/asc.gif) 0 50% no-repeat !important; */
}

.ui-dialog table.admin th.headerSortDown, #globalwrap .adminWrapper table.admin th.headerSortDown {
  background-image: url(/images/desc.gif) !important;
  /*background: url(/images/desc.gif) 0 50% no-repeat !important; */
}

form .inputGroup {
  margin-top: 5px;
  padding-top: 3px;
  margin-left: 10px;
  display: inline-block
}

.ui-button-text .ui-button-text {
  padding: 0 !important
}

.statusLine {
  display: block
}

.breadcrumbs .statusLine {
  display: inline
}

.breadcrumbs .statusLine:before {
  content: ', ';
  display: inline
}

#globalwrap .adminWrapper table.admin tr.status-fail td {
  background: #df8886
}

#globalwrap .adminWrapper table.admin tr.status-success td {
  background: #a4d9a4
}

#globalwrap .adminWrapper table.admin tr.status-pending td {
  background: #eee88c
}

#globalwrap .adminWrapper table.admin td.iconcell {
  line-height: 16px !important;
  vertical-align: middle !important
}

#globalwrap .adminWrapper table.admin td.iconcell img {
  margin: 0;
  display: inline-block;
  margin-bottom: -4px;
  height: 16px;
  width: 16px
}

#globalwrap .adminWrapper table.admin td.iconcell span {
  height: 16px;
  line-height: 16px;
  display: inline-block
}

.subline {
  font-size: 80%;
  margin-top: -0.4em
}

#globalwrap .adminWrapper table.admin thead th.tablesortheader {
  text-indent: 10px
}

#globalwrap .adminWrapper label + input[type=checkbox] {
  position: relative;
  margin-top: 11px
}

#globalwrap .adminWrapper .checkboxFormLine {
  margin-top: 0
}

.uploadTarget {
  border: 1px dashed #aaaaaa;
  padding: 20px;
  text-align: center;
  cursor: pointer
}

.uploadTarget:hover, .uploadTarget.hover {
  border-color: #999999;
  background: #dddddd;
  cursor: pointer
}

.uploadLabel {
  display: block;
  height: 16px;
  line-height: 16px
}

.uploadLabel img {
  margin: 0 !important
}

.fileProgressList {
  padding-top: 10px
}

.fileProgressList .fileUpload {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px
}

.fileProgressList .fileUpload:last-child {
  border: none
}

.fileProgressList .ui-progressbar {
  height: 10px !important
}

#container #globalwrap .adminWrapper table.admin {
  border: none
}

#globalwrap .adminWrapper h3.mainTitle {
  font-family: Helvetica, Arial;
  text-transform: none;
  font-weight: normal;
  color: #333333
}

.uploadsFileProgress .ui-progressbar {
  height: 10px !important
}

.ui-multiselect-checkboxes span {
  font-size: 12px;
  padding-left: 5px
}

.ui-multiselect-checkboxes input[type=checkbox] {
  margin-left: 5px
}

.ui-multiselect-menu .ui-helper-reset span {
  line-height: 20px
}

.withLabel {
  float: left;
  padding-top: 8px;
  margin-left: 7px
}

.checkboxLine .info {
  font-style: italic;
  padding-left: 10px
}

#globalwrap .adminWrapper .topLeft a {
  color: blue !important;
  text-decoration: underline !important
}

#globalwrap .adminWrapper .topLeft .subtitle {
  font-size: 11px !important
}

.formLineText {
  display: inline;
  position: relative;
  top: 1px;
  padding-left: 5px
}

.formLineTextFirst {
  padding-left: 5px
}

.fancyselectWrapper {
  margin-left: 7px;
  padding-top: 5px;
  display: inline-block;
  padding-right: 5px
}

#globalwrap .adminWrapper form > h3:first-child {
  margin-bottom: -10px !important;
  margin-top: 20px !important
}

#globalwrap h3 .titleLink {
  font-size: 12px
}

#globalwrap .adminWrapper h3.withLinks {
  border-bottom: 2px solid #DDD !important
}

#globalwrap .adminWrapper h3.withLinks .links {
  float: right;
  background: white;
  padding-left: 10px;
  padding-bottom: 5px
}

#globalwrap .adminWrapper fieldset h3.withLinks .links {
  background: #f2f2f2;
}

#globalwrap .adminWrapper h3.withLinks .links a {
  text-decoration: none
}

#globalwrap .adminWrapper h3.withLinks .links a:hover {
  text-decoration: underline
}

#globalwrap .adminWrapper h3.withLinks .links a.fancybutton {
  font-size: 11px !important
}

#globalwrap .adminWrapper .links {
  float: right;
  background: white;
  padding-left: 10px;
  padding-bottom: 5px
}

#globalwrap .adminWrapper fieldset .links {
  background: #f2f2f2;
}

#globalwrap .adminWrapper .links a {
  text-decoration: none
}

#globalwrap .adminWrapper .links a:hover {
  text-decoration: underline
}

#globalwrap .adminWrapper .links a.fancybutton {
  font-size: 11px !important
}

.twoColFieldsetThirds .withLinksWrapper {
  padding-right: 20px
}

.secondColNextToH3 .secondCol {
  margin-top: 44px
}

#globalwrap .adminWrapper h3 em {
  font-size: 12px;
  color: #666666
}

.inlineRadioList {
  display: inline-block;
  padding-top: 5px
}

.formLineLabelSubtitle {
  display: block;
  position: relative;
  width: 10em;
  height: 0.1em
}

.formLineLabelSubtitleText {
  font-size: 10px;
  position: absolute;
  display: block;
  right: 0;
  top: -5px;
  font-style: italic
}

.formLine.withSubtitle {
  padding-bottom: 8px;
  padding-top: 2px
}

.headerSubtitle {
  display: block;
  font-weight: normal;
  font-size: 10px;
  margin-top: -0.4em
}

form fieldset.thin {
  width: 400px !important
}

td.numeric input[type=text] {
  text-align: right
}

tr.hiddenbillpayment {
  display: none
}

.hidden {
  display: none
}

/*- Contact members form: add recipient to list -*/
div.recipientlist {
  line-height: 1.6em;
  font-size: 12px;
  color: #333;
  background-color: #eee;
  width: 270px;
  display: inline-block;
  padding: 4px;
  margin: 2px 10px;
}

.aboveTabs {
  clear: both;
  margin-top: -15px;
  position: relative;
  top: -15px
}

.aboveTabs-icon-ig-icon-events {
  padding-left: 63px
}

/* Bronwen */
#globalwrap .adminWrapper table.admin tr.notesfollowing td {
  border: none;
}

#globalwrap .adminWrapper table.admin tr.notes td {
  padding-left: 10px;
  font-style: italic;
  padding-top: 0px;
}

#globalwrap .adminWrapper table.admin td.action {
  text-align: right;
}

#globalwrap .adminWrapper table.admin tr.highlight td {
  background-color: #ddd;
}

form .formLine span.text {
  display: inline-block;
  padding-top: 8px;
  margin-left: 7px;
}

/*-- jquery autocompletes --*/
.ui-menu .ui-menu-item a {
  margin-bottom: 2px;
}

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-autocomplete a small {
  font-weight: normal;
  font-size: 90%;
}

.ui-autocomplete a.leaver {
  background-color: #CB321A;
}

.ui-autocomplete a.active {
  background-color: #159E27;
  color: white;
}

.ui-autocomplete a.visitor {
  background-color: #8A1ACB;
}

.ui-autocomplete a.norights {
  background-color: #666666;
}

.ui-autocomplete a.eventbooker {
  background-color: #cb8b1a;
}

.ui-autocomplete a.admin {
  background-color: #357ec7;
}

/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 0px !important;
  background-color: #000 !important;
  background-image: none;
  font-weight: normal;
  color: #fff;
  margin-bottom: 2px !important;
}

*/
.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-state-focus {
  border: 0px !important;
  background-color: #000 !important;
  background-image: none;
  font-weight: normal;
  color: #fff;
  margin-bottom: 2px !important;
}

#globalwrap .oldViewButton a {
  color: blue;
  text-decoration: underline
}

.body-class-members #container #globalwrap .adminWrapper table.admin {
  border: none
}

/*  #globalwrap .adminWrapper table.admin td.folderIcon {background: url(/images/icons/folder.png) no-repeat 5px 5px; height: 16px; width: 16px}
  #globalwrap .adminWrapper table.admin td.pageIcon {background: url(/images/icons/page.png) no-repeat 5px 5px; height: 16px; width: 16px}

  #container #globalwrap .adminWrapper table.admin tr.selected td.clickable_row.folderIcon {background: #555555 url(/images/icons/folder_explore.png) no-repeat 5px 5px; height: 16px; width: 16px}
  #container #globalwrap .adminWrapper table.admin tr.selected td.clickable_row.pageIcon {background: #555555 url(/images/icons/page.png) no-repeat 5px 5px; height: 16px; width: 16px}
  #globalwrap .adminWrapper table.admin tr.clickable:hover td.folderIcon {background: #dddddd url(/images/icons/folder.png) no-repeat 5px 5px; height: 16px; width: 16px}
  #globalwrap .adminWrapper table.admin tr.clickable:hover td.pageIcon {background: #dddddd url(/images/icons/page.png) no-repeat 5px 5px; height: 16px; width: 16px}
  #container #globalwrap .adminWrapper table.admin tr.selected.clickable:hover td.clickable_row.folderIcon {background: #555555 url(/images/icons/folder_explore.png) no-repeat 5px 5px; height: 16px; width: 16px}

  #globalwrap .adminWrapper table.admin td.folderIcon.trashFolderIcon {background: url(/images/icons/bin_closed.png) no-repeat 5px 5px; height: 16px; width: 16px}
  #container #globalwrap .adminWrapper table.admin tr.selected td.clickable_row.trashFolderIcon.folderIcon {background: #555555 url(/images/icons/bin.png) no-repeat 5px 5px; height: 16px; width: 16px}
  #globalwrap .adminWrapper table.admin tr.clickable:hover td.clickable_row.folderIcon.trashFolderIcon {background: #dddddd url(/images/icons/bin_closed.png) no-repeat 5px 5px; height: 16px; width: 16px}
  #container #globalwrap .adminWrapper table.admin tr.selected.clickable:hover td.clickable_row.folderIcon.trashFolderIcon {background: #555555 url(/images/icons/bin.png) no-repeat 5px 5px; height: 16px; width: 16px}
*/

#globalwrap .adminWrapper table.admin td.folderIcon {
  background: url(/images/icons/folder.png) no-repeat 5px 5px;
}

#globalwrap .adminWrapper table.admin td.pageIcon {
  background: url(/images/icons/page.png) no-repeat 5px 6px;
}

#globalwrap .adminWrapper table.admin tr.selected td.clickable_row.folderIcon {
  background-color: #555555;
  background-image: url(/images/icons/folder_explore.png);
}

#globalwrap .adminWrapper table.admin tr.selected td.clickable_row.pageIcon {
  background-color: #555555;
  background-image: url(/images/icons/page.png);
}

#globalwrap .adminWrapper table.admin tr.clickable:hover td.folderIcon {
  background-color: #dddddd;
  background-image: url(/images/icons/folder.png) no-repeat;
}

#globalwrap .adminWrapper table.admin tr.clickable:hover td.pageIcon {
  background-color: #dddddd;
  background-image: url(/images/icons/page.png);
}

#globalwrap .adminWrapper table.admin tr.selected.clickable:hover td.clickable_row.folderIcon {
  background-color: #555555;
  background-image: url(/images/icons/folder_explore.png);
}

#globalwrap .adminWrapper table.admin td.folderIcon.trashFolderIcon {
  background-image: url(/images/icons/bin_closed.png);
}

#globalwrap .adminWrapper table.admin tr.selected td.clickable_row.trashFolderIcon.folderIcon {
  background-color: #555555;
  background-image: url(/images/icons/bin.png);
}

#globalwrap .adminWrapper table.admin tr.clickable:hover td.clickable_row.folderIcon.trashFolderIcon {
  background-color: #dddddd;
  background-image: url(/images/icons/bin_closed.png);
}

#globalwrap .adminWrapper table.admin tr.selected.clickable:hover td.clickable_row.folderIcon.trashFolderIcon {
  background-color: #555555;
  background-image: url(/images/icons/bin.png);
}

#globalwrap .adminWrapper table.admin td.folderIcon.indent1 {
  background-position: 5px 5px;
  padding-left: 25px;
}

#globalwrap .adminWrapper table.admin td.pageIcon.indent1 {
  background-position: 5px 6px;
  padding-left: 25px;
}

#globalwrap .adminWrapper table.admin td.folderIcon.indent2 {
  background-position: 25px 5px;
  padding-left: 45px;
}

#globalwrap .adminWrapper table.admin td.pageIcon.indent2 {
  background-position: 25px 6px;
  padding-left: 45px;
}

#globalwrap .adminWrapper table.admin td.folderIcon.indent3 {
  background-position: 45px 5px;
  padding-left: 65px;
}

#globalwrap .adminWrapper table.admin td.pageIcon.indent3 {
  background-position: 45px 6px;
  padding-left: 65px;
}

/* sitecontent */
#globalwrap .adminWrapper .deleted {
  text-decoration: line-through;
}

#globalwrap .adminWrapper .draft {
  font-style: italic;
}

#globalwrap .adminWrapper .inactive {
  color: #999;
}

/* highlighted divs */
div.highlighted {
  background-color: #fcee21;
}

/* select page layout */
form div.pagelayoutdiv {
  width: 120px;
  float: left;
  text-align: center;
  margin: 20px 20px 20px 0px;
  padding: 5px;
  cursor: pointer;
}

form div.pagelayoutdiv a:link, form div.pagelayoutdiv a:visited {
  color: #333;
}

form div.pagelayoutdiv:hover, form div.pagelayoutdiv:hover {
  background-color: #fcee21;
}

/**
 * Sortable Nested lists - https://github.com/dbushell/Nestable
 */
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 300px;
  list-style: none;
  margin-bottom: 20px;
}

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-list .dd-list {
  padding-left: 30px;
}

.dd-collapsed .dd-list {
  display: none;
}

.dd-item, .dd-empty, .dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
}

.dd-placeholder, .dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.dd-handle {
  position: absolute;
  margin: 0;
  left: 2px;
  top: 2px;
  cursor: move;
  padding: 3px;
  width: 16px;
  height: 22px;
  overflow: hidden;
  font-size: 20px;
}

.dd-button {
  position: absolute;
  left: 22px;
  top: 2px;
  cursor: pointer;
  padding: 3px;
  width: 16px;
  height: 22px;
  overflow: hidden;
  font-size: 20px;
  color: #333;
  text-decoration: none;
}

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
  -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
  -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
  linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}

.dd-content {
  display: block;
  overflow: hidden;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  color: #333;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden;
}

.dd-dragel > .dd-item > .dd-content {
  margin: 0;
}

.dd-item.selected > .dd-content,
.dd-item:hover > .dd-content,
.dd-dragel > .dd-item > .dd-content {
  background-color: #dfdfdf;
  color: #fff;
}

#globalwrap .adminWrapper form .dd-item .dd-content a {
  text-decoration: none;
  color: #333;
}

.button-dropdown { /*margin-left: 5px; margin-right: 5px; */
  position: relative
}

.button-dropdown .ui-menu {
  position: absolute;
  width: 200px;
  z-index: 500;
}

#globalwrap .button-dropdown .ui-menu li {
  margin-left: 0
}

.ui-menu {
  position: absolute;
  width: 100px;
}

div#globalwrap .adminWrapper form .button-dropdown .ui-menu a {
  text-decoration: none
}

.button-dropdown .ui-menu .ui-menu-item a {
  margin-bottom: 0;
}

.button-dropdown .ui-menu:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 9px;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: white transparent;
  display: inline-block;
  width: 0;
  z-index: 2;
}

.button-dropdown .ui-menu:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 8px;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: #aaaaaa transparent;
  display: inline-block;
  width: 0;
  z-index: 1;
}

/* Fieldset tabs */
.fieldset-tabs {
  padding-top: 10px;
}

.fieldset-tabs li {
  float: left;
  display: block;
  list-style-type: none;
}

.fieldset-tabs li a {
  background: transparent;
  border: 1px solid transparent;
  border-bottom: none;
  position: relative;
  top: 2px;
  z-index: 20
}

.fieldset-tabs li a {
  padding: 5px 10px;
  display: block
}

.fieldset-tabs li a {
  text-decoration: none !important
}

.fieldset-tabs li a:hover {
  text-decoration: underline !important
}

.fieldset-tabs li a.active {
  background: #f2f2f2 url(/images/fieldset.png);
  border: 1px solid #dddddd;
  border-bottom: none
}

#globalwrap .fieldset-tabs {
  float: left;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-left: 0
}

/* change bootstrap background-colour for hover */
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f9f9f9;
}

/* Fix for CKE z-index when displayed in the dialog */

.cke_dialog_background_cover {
    z-index: 100000 !important;
}

.cke_dialog {
    z-index: 100001 !important;
}