/* ----------------------------- Element Defaults --------------------------- */

html {
  font-family: arial;
  font-size: 12px;
  overflow-y: scroll;
}

h1 {
  font: bold 18px/24px arial;
  white-space: nowrap;
  text-align:center
}

h2 {
  font: bold 16px/20px arial;
  white-space: nowrap;
}

h3 {
  font: bold 14px/18px arial;
  white-space: nowrap;
}

th, td {
  padding: 0;
}

select {
  border: 1px solid #ADADAD;
  padding: 1px;
}

button,
input,
select,
textarea,
label,
img {
  vertical-align: middle;
}

hr {
  background-color: #c0c0c0;
  color: #c0c0c0;
  height: 1px;
  border: none;
  margin: 10px 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

input[type=text], input[type=password], input[type=email] {
  border: 1px solid #ADADAD;
  padding: 2px;
}

textarea {
  font-family: Lucida Console, monospace;
  font-size: 11px;
  border: 1px solid #ADADAD;
  padding: 2px;
  line-height: 12px;
}

/* ---------------------------- Layout --------------------------- */

.whiteContainer {
  background-color: #fff;
  border: 1px solid;
  border-radius: 6px;
}

.formContainer {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  padding:10px;
  margin: auto;
  display:inline-block;
}

.spaceTop {
  margin-top: 10px;
}
.spaceTopBottom {
  margin-top: 10px;
  margin-bottom: 10px;
}
.spaceBottom {
  margin-bottom: 10px;
}

.spaceLeftRight {
  margin-left: 10px;
  margin-right: 10px;
}

.spaceLeft {
  margin-left: 10px;
}

.spaceRight {
  margin-right: 10px;
}

.noPadding {
  padding: 0 !important;
}

.nowrap {
  white-space: nowrap
}

.pullUp {
  margin-top:-10px;
}

.w100 {
  width: 100%;
}

.w958 {
  width:958px;
}

.w1357 {
  width:1357px;
}
.w1435 {
  width:1435px;
}

.bold {
  font-weight: bold;
}

.pointer {
  cursor: pointer;
}

.scroll {
  overflow:auto
}

.right {
  text-align: right
}
.center {
  text-align: center
}
.left {
  text-align: left
}
.middle {
  vertical-align: middle
}
.centered {
  margin-left: auto;
  margin-right: auto;
}
.top {
  vertical-align: top;
}
.bottom {
  vertical-align: bottom;
}
.icol {
  text-align: center
}
.fcol {
  text-align: right
}
.floatLeft {
  float: left
}

.floatRight {
  float: right
}

.floatCenterWrapper {
  float: left;
  position: relative;
  left: 50%;
}

.floatCenterContent {
  float: left;
  position: relative;
  left: -50%;
}

.centerContent {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.absTopRight {
  position: absolute;
  top: 0;
  right: 0;
}

.whiteContainer{
  border-color: #025593;
}

.clear {
  clear:both;
}

.inline {
  display:inline;
}
table.inline {
  display:inline-table;
}
.fixedLayout {
  table-layout:fixed;
}

.flatForm {
  display:inline-block;
 }

.hidden {
  display:none;
}

.scrollBoth {
  overflow:scroll;
}
.scrollHorizontal {
  overflow-y: hidden;
}
.scrollVertical {
  overflow-x: hidden;
}

.alert {
  color: red;
  margin: 3px 0px;
}

.error,
.message {
  font-weight:  bold;
  text-align: left;
  margin: 10px 0;
  padding: 5px;
}
.error {
  border: solid 1px #dd3c10;
  background-color: #ffebe8;
}
.message {
  border: solid 1px #025593;
  background-color: #f0f7ff;
}
.wide .message,
.wide .error {
  margin-left: auto;
  margin-right: auto;
  width: 946px;
}

.book {
  background-color: #BB7777 !important;
  color: #000000;
  text-align: center;
}

.helpVideoIcon {
  display: inline;
  float: right;
  margin-left:5px;
}

.contentWide {
  width: auto!important;
  min-width: 980px;
}

.textNarrow {
  width: 610px;
  margin: auto auto;
}

.monospace {
  font-family: Lucida Console, monospace;
  font-size: 11px;
}

.tableWrap {
  max-width: 100px;
  word-wrap: break-word;
}

table.threeColumns {
  width: 100%;
}

table.threeColumns tr > td {
  vertical-align: top;
  text-align: center;
  padding: 0px 10px;
}

table.threeColumns tr > td > .button1 {
  margin-top: 12px;
  border: 1px solid #ADADAD;
}

table.threeColumns tr > td:first-child {
  text-align: left;
  width: 20%;
  padding: 0px;
}

table.threeColumns tr > td:last-child {
  text-align: right;
  width: 20%;
  padding: 0px;
}

table.threeColumns tr > td:last-child {
  text-align: right;
  width: 20%;
  padding: 0px;
}

.pageWidgets {
  display:table;
}
.pageWidgets > * {
  display:table-cell;
  text-align:center;
}
.pageWidgets > *:first-child,
.pageWidgets > *:last-child {
  width:20%;
}
.pageWidgets > *:first-child {
  text-align:left;
}
.pageWidgets > *:last-child {
  text-align:right;
}
.pageWidgets > *:first-child > h2 {
  margin:0;
}
.fixedWidgets {
  display:block;
  width:958px;
  z-index:10;
  padding:10px 0 5px;
  background:#fff;
}

#master {
  text-align: center
}

#header {
  border: 1px solid #025593;
  border-top:none;
  border-radius: 0 0 6px 6px;
  height: 44px;
  margin: 0 auto 5px;
  position: relative;
  width: 980px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #EBEBEB;
  background-image: url(../images/BRSGolf_header_979x45.png);
  color:#fff;
}

.wide #header {
  width: 1250px;
  background-image: url(../images/BRSGolf_header_1249x45.png);
}

.gnconnect #header {
  background-color: #EBEBEB;
  background-image: url(../images/GolfNowConnect_masthead_bg.png);
  color:#000;
}

.gnconnect.wide #header {
  background-image: url(../images/GolfNowConnect_masthead_bg_wide.png);
}

#headerLogo {
  position: absolute;
  left: 8px;
  top: 0;
}

#headerClub {
  font: bold 16px/44px arial;
  margin:auto;
}
.gnconnect #headerClub {
  color:#025593;
}

#headerUser {
  position: absolute;
  top: 0;
  right: 20px;
  margin: 7px;
  text-align: right;
}
#headerUser a {
  color:#fff;
}
.gnconnect #headerUser a {
  color:#025593;
}

#headerUser > .userName {
  font: bold 12px/12px arial;
  text-align: right;
  margin-bottom: 3px;
}

#headerUser > a {
  font-weight: bold;
  text-decoration: none;
  cursor: pointer
}

#content {
  text-align: left;
  min-height: 500px;
  width: 980px;
  display: inline-block;
  padding: 10px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wide #content {
  width: 1250px;
}

#content p {
  max-width: 958px;
}

#content h1:first-of-type {
  margin-top: 0;
}

/* --------------------------- Navigation ------------------------ */

#nav {
  margin: 0 auto 5px;
  width: 980px;
}
.wide #nav {
  width: 1250px;
}

#nav > ul {
  display:table;
  height: 36px;
  list-style: none;
  padding: 0;
  margin: 0;
  width:100%;
}

#nav > ul > li {
  display:table-cell;
  width:10%;
}

#nav > ul > li > a {
  display: block;
  height: 36px;
  width:100%;
  font: bold 14px/34px Helvetica;
  cursor:pointer;
  border: 1px solid;
  text-align: center;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#nav > ul > li:first-child > a {
  border-radius: 4px 0px 0px 4px;
}

#nav > ul > li:last-child > a {
  border-radius: 0px 4px 4px 0px;
}

.secondaryNav {
  display:inline-block;
  vertical-align:middle;
}
.dayWidgets .secondaryNav {
  padding-bottom:1px;
}
.secondaryNav > ul {
  list-style:none;
  height:27px;
  display:inline-block;
  margin:0;
  padding:0;
}
.secondaryNav > ul.detached {
  margin-right:5px;
}
.secondaryNav > ul.detached.min,
.secondaryNav > ul.detached.med {
  margin-right:0;
}
.secondaryNav > ul > li {
  float:left;
  position:relative;
  z-index:1;
  border: 1px solid #CCCCCC;
  background-color: #F2F2F2;
  margin:0 0 0 -1px;
  min-width:70px;
  height:27px;
}
.secondaryNav > ul.detached > li {
  width:115px;
}
.secondaryNav > ul.detached.min > li {
  width:58px;
}
.secondaryNav > ul.detached.med > li {
  width:84px;
}
.secondaryNav > ul > li:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.secondaryNav > ul > li:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.secondaryNav > ul > li:hover {
  border: 1px solid #808080;
  background-color: #F2F2F2;
  z-index:2;
}
.secondaryNav > ul > li.active {
  border: 1px solid #C6C6C6;
  background-color: #CCCCCC;
  z-index:1;
}
.secondaryNav ul li.calendar {
  width:26px;
  min-width:0;
  position:static;
}

.secondaryNav ul li.calendar .ui-datepicker-trigger {
   display: block;
   padding: 5px;
}
.secondaryNav > ul > li > a,
.secondaryNav .trigger a {
  display:block;
  color: #000;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
.secondaryNav > ul > li > a {
  float:left;
  padding:7px;
  text-align:center;
  min-width:56px;
}
.dayWidgets .secondaryNav > ul > li {
  min-width:24px;
}
.dayWidgets .secondaryNav > ul > li > a {
  font-size:10px;
  min-width:30px;
  padding:7px 5px;
}
.secondaryNav > ul.detached > li > a {
  text-align:left;
  min-width:80px;
}
.secondaryNav > ul.detached.min > li > a {
  min-width:28px;
}
.secondaryNav > ul.detached.med > li > a {
  min-width:54px;
}
.secondaryNav > ul > li > .trigger {
  display:block;
  float:right;
  position:relative;
  width:22px;
  height:27px;
  margin:0 0 0 -14px;
  cursor:pointer;
}
.secondaryNav > ul.detached > li > .trigger {
  border-left:1px solid #fff;
}
.secondaryNav > ul > li > .trigger:before {
  position:absolute;
  display:block;
  top:11px;
  right:7px;
  height:0;
  width:0;
  border-top:4px solid #555;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  content:" ";
}
.secondaryNav > ul > li > .trigger:after {
  position:absolute;
  display:block;
  left:-2px;
  height:27px;
  width:0;
  border-left:1px solid #CCCCCC;
  content:" ";
}
.secondaryNav .trigger ul {
  position:absolute;
  top:27px;
  right:-1px;
  display:none;
  width:70px;
  background-color:#fff;
  list-style:none;
  padding:5px 0 0;
  margin:0;
  border: 1px solid #D8D8D8;
}
.secondaryNav .detached .trigger ul {
  width:115px;
}
.secondaryNav li .trigger.active ul {
  display:block;
}

.secondaryNav li ul a {
  padding:4px 6px;
  color:#000;
  text-align:left;
}
.secondaryNav li ul li a:hover{
  background-color:#FFD09B;
}
.secondaryNav li ul li.active a {
  background-color:#ff9a03;
}

/* --------------------------- Month Nav --------------------------- */

.tableList.monthNav > tbody > tr > th {
  padding:0;
}
.tableList.monthNav > tbody > tr > th:nth-child(1),
.tableList.monthNav > tbody > tr > th:nth-child(3) {
  width: 18px;
  line-height: 48px;
}
.tableList.monthNav > tbody > tr > th:nth-child(2) {
  line-height: 24px;
}
.tableList.monthNav > tbody > tr > th:nth-child(1) > a,
.tableList.monthNav > tbody > tr > th:nth-child(3) > a {
  display: block;
  width: 100%;
  height: 100%;
  color: #7d7d7d;
}

.tableList.monthNav > tbody > tr > th:nth-child(1) > a:hover,
.tableList.monthNav > tbody > tr > th:nth-child(3) > a:hover {
  color: #007AD3;
  text-decoration: none;
}

.tableList.monthNav > tbody > tr > th:nth-child(1) > a div,
.tableList.monthNav > tbody > tr > th:nth-child(3) > a div {
  display:inline-block;
  margin-bottom: -4px;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}

.tableList.monthNav > tbody > tr > th:nth-child(1) > a div {
  border-right:9px solid #555;
  margin-right:1px;
}

.tableList.monthNav > tbody > tr > th:nth-child(3) > a div {
  border-left:9px solid #555;
  margin-left:2px;
}

.tableList.monthNav > tbody > tr > th:nth-child(1) > a:hover div {
  border-right:9px solid #007AD3;
}

.tableList.monthNav > tbody > tr > th:nth-child(3) > a:hover div {
  border-left:9px solid #007AD3;
}

.tableList.monthNav > tbody > tr > td {
  padding: 0px;
  width: 27px;
  line-height: 25px;
  text-align: center;
}

.tableList.monthNav > tbody > tr > td > a,
.tableList.monthNav > tbody > tr > th.year > a {
  display: block;
  width: 100%;
  height: 100%;
}

.tableList.monthNav > tbody > tr > td > a:hover,
.tableList.monthNav > tbody > tr > th.year:hover,
.tableList.monthNav > tbody > tr > th.year:hover > a  {
  background-color: #FFD09B;
  text-decoration: none;
}

/* --------------------------- Year Nav --------------------------- */

.yearNav .tableList > tbody > tr > th {
  display: none;
}

.yearNav .tableList > tbody > tr > td {
  padding: 0px;
  width: 36px;
  line-height: 23px;
  text-align: center;
}

.yearNav .tableList > tbody > tr > td > a {
  display: block;
  width: 100%;
  height: 100%;
}

.yearNav .tableList > tbody > tr > td > a:hover {
  background-color: #FFD09B;
  text-decoration: none;
}

.yearNav {
  display: inline-block;
  vertical-align: center;
}

.yearNav .selectYear {
  font-weight: bold;
  float: left;
  width: 35px;
  line-height: 25px;
  text-align: right;
  padding-right: 4px;
}

.yearNav table {
  float: right;
  left: 0px;
}

/* --------------------------- Mk1 Year Nav --------------------------- */

.tableList.mk1YearNav > tbody > tr > th {
  padding: 4px 5px;
}
.tableList.mk1YearNav > tbody > tr > td {
  padding: 0px;
  width: 38px;
  line-height: 23px;
  text-align: center;
}

.tableList.mk1YearNav > tbody > tr > td > a {
  display: block;
  width: 100%;
  height: 100%;
}

.tableList.mk1YearNav > tbody > tr > td > a:hover {
  background-color: #FFD09B;
  text-decoration: none;
}

/* --------------------------- Table Lists and Forms --------------------------- */

.tableList {
  text-align: left;
  margin: auto;
}

.tableList > tbody > tr > th, .tableList > thead > tr > th {
  line-height: 14px;
  padding: 8px 5px;
  text-align: center;
}

.tableList > tbody > tr > th.left, .tableList > thead > tr > th.left {
  text-align: left;
}

.tableList > tbody > tr > td, .tableList > tfoot > tr > td {
  padding: 4px 5px;
  min-height: 16px
}

.tableForm {
  margin: auto;
}

.tableForm > tbody > tr > td {
  padding: 4px;
  text-align: left;
  vertical-align: top;
}

.tableForm > tbody > tr > td.right {
  text-align: right;
}

.tableForm > tbody > tr > th, .tableForm > thead > tr > th {
  padding: 4px;
  text-align: right;
  vertical-align: top;
  line-height: 21px;
}

.tableForm input + label {
  margin-left:5px;
}

.tableForm label {
  line-height:21px;
}

.tableForm label > img{
  margin:0 5px;
}

.tableForm input[type=checkbox],
.tableForm input[type=radio] {
  margin: 4px 0;
}

.tableForm label > input[type=checkbox],
.tableForm label > input[type=radio] {
  margin: 2px 2px 4px
}

.tableForm .formHeader > th, .tableForm .formHeader > td,
.tableForm .formFooter > th, .tableForm .formFooter > td,
.tableForm .formSubHeader > th, .tableForm .formSubHeader > td {
  text-align:center;
}

.tableForm .divider + tr > td {
  margin-bottom: 10px;
}

.tableForm select {
  height: 21px;
}

.tableForm .formHeader > th, .tableForm .formHeader > td {
  font: bold 16px/18px arial;
  padding-bottom:10px;
}

.tableForm .formSubHeader {
  font: bold 14px/16px arial;
  padding-bottom:10px;
}

.tableForm .headingRow > th {
  text-align: center;
  line-height: 15px;
}

.tableForm > tbody > tr > td.center {
  text-align: center;
}

.tableForm > tbody > tr > th.center,
.tableForm > thead > tr > th.center {
  text-align: center
}

.tableForm .divider {
  border-bottom: 1px solid #c0c0c0;
}

.tableForm .divider > td, .tableForm .divider > th,
.tableForm .padRowBottom > td, .tableForm .padRowBottom > th {
  padding-bottom: 10px;
}

.tableForm .divider + tr > td, .tableForm .divider + tr > th,
.tableForm .padRowTop > td, .tableForm .padRowTop > th {
  padding-top: 10px;
}

.tableForm .padRowTopBottom > td, .tableForm .padRowTopBottom > th {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tableForm > tbody > tr.sectionHeader > td {
  font: bold 14px/16px arial;
  text-align: center;
  background-color: #EBEBEB;
  border: 1px solid #c0c0c0;
  cursor:pointer
}

.tableForm > tbody > tr.sectionHeader:hover > td, .tableForm > tbody > tr.sectionHeader.visible > td {
  background-color: #CDCDCD
}

.tableForm .heading {
  font-weight: bold;
}

.tableForm .middle {
  line-height: 21px;
  vertical-align: middle;
}

.tableForm span.middle {
  padding: 2px;
  display: inherit;
}

.tableForm .divider + tr > td.directText {
  padding-top: 13px!important;
}

.tableForm .directText {
  padding-top: 7px!important;
}

.tableForm .rowText {
  padding-top: 7px!important;
}

.tableForm .rowInputs {
  padding-top: 5px!important;
}

.tableForm span span.middle {
  padding: 0px;
  display: inherit;
}

.tableForm .middle + input,
.tableForm input + .middle,
.tableForm .middle + select,
.tableForm select + .middle {
  margin-left:3px;
}

.tableForm span.readonly {
  background-color: #EBEBEB;
  border: 1px solid transparent;
  display: inline-block;
  line-height: 15px;
  min-height: 21px;
  padding: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}

.tableForm input[type=text][readonly], .tableForm input[type=email][readonly], .tableForm select[disabled] {
  background-color: #EBEBEB;
  border: 1px solid transparent;
}

.tableList .formShaded,
.tableList .formShaded
.tableForm .formShaded,
.tableForm .formShaded {
  background-color: #D1D1D1;
}

.tableList.tight {
  font-size:11px;
}

.tableList.tight > tbody > tr > th,
.tableList.tight > thead > tr > th {
  line-height: 13px;
  padding: 6px 3px;
}

.tableList.tight > tbody > tr > td {
  padding: 3px;
  min-height: 14px
}

.tableList.sideHeaders > tbody > tr > td:first-child,
.tableList.sideHeaders > tbody > tr > td:last-child {
  font-weight: bold;
  background-color: #CCDDEE;
}

.tableList > tbody > tr.listFooter > td,
.tableList > tfoot > tr.listFooter > td {
  font-weight: bold;
  background-color: #D1D1D1;
}

.tableList .middle {
  vertical-align: middle
}

.tableList .i16, .tableList input[type=image] {
  margin: 1px 2px;
}

.tableList .code {
  max-width: 250px;
  overflow: auto;
}

.tableList .code pre {
  white-space: pre;
  word-wrap: normal;
}

/* highlight cell style */
.tableList > tbody > tr > td.highlight {
  background-color: #e9f6d9;
}

/* --------------------------- Buttons --------------------------- */

.button1 {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font: bold 12px/19px arial !important; /* standardize font across browsers */
  cursor:pointer;
  height: 27px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.button1.disabled {
  cursor: default;
}

.button1:hover {
  text-decoration: none;
}

/* --------------------------- Date Widget ------------------------- */

.dateSelector {
  width:75px;
  vertical-align: middle;
  margin-right: 5px
}

input.fullDateSelector {
  text-align:center;
  background-color:transparent;
  font-size:16px;
  font-weight: bold;
  font-family: arial;
  border:none;
  width:240px;
  cursor: pointer;
  padding: 3px 0;
  vertical-align: middle
}

span.fullDateSelector {
  display: inline-block;
  vertical-align: middle;
  font:bold 16px/18px arial;
}

.ui-datepicker-trigger, .datepickerTrigger {
  vertical-align: middle;
  cursor: pointer; /* this is necessary for iPad Safari to treat the element as clickable */
}

/* --------------------------- CalendarPopup ------------------------ */

.cpCurrentMonthDate, .cpCurrentDate, .cpOtherMonthDate, .selectDate, .cpDayColumnHeader, .cpTodayText, .hcpTodayText {
  padding: 3px 5px;
}
#cpMonth {
  width: 134px;
}

/* Used on calendar */
 .unavail {
  background: none repeat scroll 0 0 #FF66FF;
  color: #000000;
}

/* --------------------------- Colours --------------------------- */

/* Footer          */  .t_f      { color: #000;  background:  #cde !important; }
/* Body            */  .t_b      { color: #000;  background:  #fff !important; }
/* Current         */  .t_c      { color: #000;  background:  #f80 !important; }
/* Shaded          */  .t_s      { color: #000;  background:  #ccc !important; }
/* Shaded light    *//*.t_sl     { color: #000;  background:  #ccc; }*/
/* Trans history   */  .t_g      { color: #000;  background:  #fbb !important; }
/* O'standing Bal. */  .t_os     { color: #000;  background:  #f88 !important; }
/* Overpaid   Bal. */  .t_op     { color: #000;  background:  #f80 !important; }
/* Paid In Full  . */  .t_pd     { color: #000;  background:  #8f8 !important; }
/* Used for RBS    */  .t_t      { color: #008;  background:  #9ce !important; }
/* Grey            */  .t_r      { color: #000;  background:  #ccc !important; }
/* Grey            */  .t_r input { color: #000;  background:  #ccc !important; }

/* Header Course 1 */  .t_h      { color: #000;  background:  #9ce !important; }     /* BLUE */
/* Header Course 1 */  .t_h input { color: #000;  background:  #9ce !important; }
/* Body   Course 1 */  .t_b1     { color: #000;  background:  #e0f0ff !important; }

/* Header Course 2 */  .t_h2     { color: #000;  background:  #BE9 !important; }     /* GREEN */
/* Header Course 2 */  .t_h2 input { color: #000;  background:  #BE9 !important; }
/* Body   Course 2 */  .t_b2     { color: #000;  background:  #f0ffe0 !important; }

/* Header Course 3 */  .t_h3     { color: #000;  background:  #BE9 !important; }     /* GREEN */
/* Header Course 3 */  .t_h3 input { color: #000;  background:  #BE9 !important; }
/* Body   Course 3 */  .t_b3     { color: #000;  background:  #f0ffe0 !important; }

/* Header Course 5 */  .t_h5     { color: #000;  background:  #FAA !important; }     /* RED */
/* Header Course 5 */  .t_h5 input { color: #000;  background:  #FAA !important; }
/* Body   Course 5 */  .t_b5     { color: #000;  background:  #ffe0d0 !important; }

/* Header Course 6 */  .t_h6     { color: #008;  background:  #FF8 !important; }     /* YELLOW */
/* Header Course 6 */  .t_h6 input { color: #000;  background:  #FF8 !important; }
/* Body   Course 6 */  .t_b6     { color: #000;  background:  #ffffd0 !important; }

/* Header Course 7 */  .t_h7     { color: #008;  background:  #F8F !important; }     /* MAGENTA */
/* Header Course 7 */  .t_h7 input { color: #000;  background:  #F8F !important; }
/* Body   Course 7 */  .t_b7     { color: #000;  background:  #ffd0FF !important; }

/* Header Course 8 */  .t_h8     { color: #008;  background:  #8FF !important; }     /* CYAN */
/* Header Course 8 */  .t_h8 input { color: #000;  background:  #8FF !important; }
/* Body   Course 8 */  .t_b8     { color: #000;  background:  #d0FFFF !important; }

/* -------------------------- Icons --------------------------- */

.i16, .i32 {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
}
.i16:hover, .i32:hover {
  text-decoration: none;
}

.i32 {
  width: 32px;
  height: 32px;
}

.i16 {
  width: 16px;
  height: 16px;
}

.i16.disabled {
  opacity: 0.3;
  filter:alpha(opacity=30);
}

.iAdd, .iExport, .iCopy, .iCut, .iEdit, .iPaste, .iDelete {
  background-image: url(../images/icons.png)
}

.iAdd {
  background-image: url(../images/add.png)
}
.iExport {
  background-image: url(../images/page_white_go.png)
}
.iCopy {
  background-image: url(../images/page_white_copy.png)
}
.iCut {
  background-image: url(../images/cut.png)
}
.iCopy.active {
  background-image: url(../images/copy_activeClipboard.png)
}
.iCut.active {
  background-image: url(../images/cut_activeClipboard.png)
}
.iEdit {
  background-image: url(../images/page_white_edit.png)
}
.iPaste {
  background-image: url(../images/page_white_paste.png)
}
.iView {
  background-image: url(../images/page_view.png)
}
.iDelete {
  background-image: url(../images/delete_x.png)
}
.iEnabled {
  opacity: 0.7;
  background-image: url(../images/green_check_16.png)
}
.iDisabled {
  opacity: 0.7;
  background-image: url(../images/noshow2.png)
}
.iEnable {
  background-image: url(../images/enabled.png)
}
.iDisable {
  background-image: url(../images/disabled.png)
}
.iRegistered {
  opacity: 0.7;
  background-image: url(../images/green_check_16.png)
}
.iYes {
  opacity: 0.7;
  background-image: url(../images/green_check_16.png)
}
.iNo {
  opacity: 0.7;
  background-image: url(../images/noshow2.png)
}
.iMulti {
  background-image: url(../images/block_icon.png)
}
.iDoubleDown {
  background-image: url(../images/double_arrows_down.png)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
     .iDoubleDown {
          background-image: url(../images/double_arrows_down@2x.png);
          background-size: 16px 16px;
     }
}
.iDoubleUp {
  background-image: url(../images/double_arrows_up.png)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
     .iDoubleUp {
          background-image: url(../images/double_arrows_up@2x.png);
          background-size: 16px 16px;
     }
}
.iInfo {
  background-image: url(../images/info_i.png);
  display:none;
}
.i16.iCheckIn {
  background-image: url("../images/green_check_16.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
     .i16.iCheckIn {
          background-image: url(../images/green_check_32.png);
          background-size: 16px 16px;
     }
}
.i32.iCheckIn {
  background-image: url(../images/gray_check_32.png);
}

.i32.iCheckIn:hover {
  background-image: url(../images/green_check_32.png);
}

.iCalendar {
    background-image: url(../images/calendar-icon.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .iCalendar {
        background-image: url(../images/calendar-icon@2x.png);
        background-size: 16px 16px;
    }
}

.iArrived {
  background-image: url(../images/green_check_16.png)
}

.gnconnect .iArrived {
  opacity: 0.4;
}

.iNoShow {
  background-image: url(../images/noshow2.png)
}

.iBeforeSunset {
  background-image: url(../images/before_sunset.png)
}

.iSun {
  background-image: url(../images/sun.png)
}

.iSunset {
  background-image: url(../images/sunset.png)
}

/* -------------------------- Theme Colors  ------------------------ */

html {
  background-color: #B3D1E7;
}

a, .fullDateSelector {
  color: #025593
}

.blue {
  color: #065493;
}
.red {
  color: #B7220A;
}
.green {
  color: #007600;
}
.black {
  color: #000;
}

#nav > ul > li > a {
  color: #515151;
  background-color: #E9E9E9;
  border: 1px solid #c0c0c0;
  border-color: #025593;
}
#nav > ul > li > a:hover {
  background-color:#CBCBCB;
  border-color: #025593;
}

#nav > ul > li.menuSelected > a {
  background-color: #007AD3;
  color: #fff;
}

.tableList > tbody > tr > th, .tableList > thead > tr > th {
  background-color: #D1D1D1;
  border: 1px solid #808080;
}
.tableList > tbody > tr > td, .tableList > tfoot > tr > td {
  border: 1px solid #BDBDBD;
}

/* alternating row style */

.tableList.stripe > tbody > tr:nth-child(even) > td,
.tableList.stripe > tbody > tr.even > td,
.stripe > .tableList  > tbody > tr:nth-child(even) > td,
.stripe > .tableList  > tbody > tr.even > td {
  background-color: #f0f7ff;
}

/* shaded row style */
.tableList > tbody > tr.t_s > td {background:  #ccc !important;}

.button1 {
  border: 1px solid #c0c0c0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#dedede));
  background: -webkit-linear-gradient(#fff, #dedede);
  background: -moz-linear-gradient(#fff, #dedede);
  background: -ms-linear-gradient(#fff, #dedede);
  background: -o-linear-gradient(#fff, #dedede);
  background: linear-gradient(#fff, #dedede);
}

.button1:hover {
  border-color:#c0c0c0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ccc));
  background: -webkit-linear-gradient(#fff, #ccc);
  background: -moz-linear-gradient(#fff, #ccc);
  background: -ms-linear-gradient(#fff, #ccc);
  background: -o-linear-gradient(#fff, #ccc);
  background: linear-gradient(#fff, #ccc);
}

.button1:active, .button1:focus {
  border-color:#999;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#999));
  background: -webkit-linear-gradient(#fff, #999);
  background: -moz-linear-gradient(#fff, #999);
  background: -ms-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
  background: linear-gradient(#fff, #999);
}

.button1.disabled:hover {
  border-color: #c0c0c0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#dedede));
  background: -webkit-linear-gradient(#fff, #dedede);
  background: -moz-linear-gradient(#fff, #dedede);
  background: -ms-linear-gradient(#fff, #dedede);
  background: -o-linear-gradient(#fff, #dedede);
  background: linear-gradient(#fff, #dedede);
}
.button1.disabled:active {
  border-color: #c0c0c0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#dedede));
  background: -webkit-linear-gradient(#fff, #dedede);
  background: -moz-linear-gradient(#fff, #dedede);
  background: -ms-linear-gradient(#fff, #dedede);
  background: -o-linear-gradient(#fff, #dedede);
  background: linear-gradient(#fff, #dedede);
}

.button1.disabled {
  color: #666 !important;
}

#teeSheet tr.tMessage > td {
  background-color: #007AD3;
  color: #fff;
}

/* -------------------------- Tee Sheet ------------------------ */

#teeSheetEditContainer {
  background-color: #EBEBEB;
  border: 1px solid #C0C0C0;
  border-radius: 6px;
  padding: 10px;
  z-index: 1
}
#teeSheetEdit > thead > tr > td,
#teeSheetEdit > tbody > tr > td
 {
  padding: 1px;
}
#teeSheetEdit > thead > tr > th,
#teeSheetEdit > tbody > tr > th
 {
  padding: 5px 1px;
}
#teeSheetEdit .transparent {
  background-color: transparent;
}

#teeSheetEdit > tbody > tr > td {
  background-color: #FFF;
}

#teeSheetEdit input[type=text], #teeSheetEdit select {
  width: 100%;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: transparent;
}

.resTypeTable {
  border: 1px solid transparent;
  width:100%
}

.resTypeTable > tbody > tr > td:nth-child(1) {
  width: 14px;
  min-width: 14px;
}
.resTypeTable > tbody > tr > td:nth-child(2) {
  padding: 2px 5px;
}

.playerTable {
  border: 1px solid transparent;
  width: 100%;
  table-layout: fixed;
  height: 100%;
  position: relative
}

.playerTable > tbody > tr > td:nth-child(1) {
  text-align: left;
  min-width: 12px;
  width: 12px;
  vertical-align: top;
  padding-left: 2px;
}

.playerTable a.bookingNumber {
  font-size: 10px;
  color: #444;
}

.playerTable a.bookingNumber:hover {
  text-decoration: none;
  font-size: 14px;
  color: #000;
  cursor: pointer
}

.playerTable > tbody > tr > td:nth-child(2) {
  padding: 2px 18px 2px 5px;

}

.playerTable > tbody > tr > td:nth-child(2) > .i16 {
  position: absolute;
  top:2px;
  right:1px;
}

.playerTable > tbody > tr > td:nth-child(2) > .i32 {
  position: absolute;
  top:1px;
  right:2px;
}

.playerTable .iCheckIn {
  display: none;
}

.iconOuterTable {
  width: 100%;
}
.iconOuterTable > tbody > tr {
  border-bottom: 1px solid #BDBDBD;
}
.iconOuterTable > tbody > tr:last-child {
  border-bottom: none;
}
.iconTable {
  border: 1px solid transparent;
  height: 100%;
  font-size: 10px;
  table-layout: fixed
}
.iconTable > tbody > tr > td {
  padding: 0;
  height: 16px;
  max-height: 16px;
}
.iconTable > tbody > tr > td:nth-child(1) {
  width: 16px;
  text-align: center
}
.iconTable > tbody > tr > td:nth-child(2) {
  width: 17px;
}

.iconTable > tbody > tr > td:nth-child(3) {
  /*width: 34px;*/
}

.iconTable img {
  margin-right: 1px;
}
.bHighlight {
  border: 1px solid #007AD3;
}
.iconTable .elipsis {
  padding-left:2px;
  font-weight:bold;
}

#teeSheet {
  border:0;
}

#teeSheet .rowHeight > table {
  height: 100%;
}

#teeSheet tr.sun > td {
  background-color: #fefce3;
  height: 22px;
}

#teeSheet tr.tMessage > td {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  height: 22px;
}

#teeSheet > tbody > tr > td {
  height:29px;
  overflow: hidden;
  padding: 1px 5px;
}

#teeSheet > tbody > tr > th,
#teeSheet > thead > tr > th {
  padding: 6px 4px;
}
#teeSheet .over {
  color: #FF5E32;
}
#teeSheet input.tee1 {
  float:left;
}
#teeSheet input.tee2 {
  margin-left:2px;
  float:right;
}
.multiCourse .playerName {
  font-size: 28px;
  line-height: 1em;
}
.multiCourse .playerName .i16 {
  margin-left:0;
}
#teeSheetSummary .playerName {
  font-size: 28px;
  line-height: 14px;
}
.todayButton {
  display: inline-block;
}

.todayButton:hover {
  text-decoration: none;
}

.sheetTitle {
  margin: 7px 0 0;
  color: #025593;
}

#teeSheetMonth td {
  min-width: 5px;
  padding: 1px;
  font-size: 9px;
}

#teeSheetMonth th {
  padding: 2px;
  font-size: 11px;
  white-space: nowrap
}

#teeSheetMonth tr.weekend > td, #teeSheetMonthKey td.weekend {
  background-color: #f0f7ff;
}

#teeSheetMonth tr > td.void {
  background-color: #D1D1D1
}

#teeSheetMonth td:nth-child(1), #teeSheetMonth td:nth-child(2) {
  font-size: 11px;
  padding: 1px 3px;
  font-weight: bold;
}

.paymentPaid, .paymentOverpaid, .paymentDue, .additionalInfo {
  font: bold 14px/14px arial;
  vertical-align: middle
}

.paymentPaid {
  color: #369B36;
  opacity: .75;
}

.paymentOverpaid {
  color: #FF9B06;
}

.paymentDue {
  color: #CD0707;
}

.additionalInfo {
  color:#007ad3;
}

.tooltipServices {
  margin: 5px 0;
}
.tooltipServices > img {
  margin-right: 2px;
}

.tee_time_for_sale {
  background:url("../images/reduced_green_fee.png") top right no-repeat;
}
.g_editing .tee_time_for_sale {
  background:none;
}

/* -------------------------- Summary / 4 Week View ------------------------- */

#teeSheetSummary,
#teeSheet4Week {
  table-layout:fixed;
}
#teeSheetSummary > tbody > tr > td,
#teeSheet4Week > tbody > tr > td {
  overflow: hidden;
}
#teeSheet4Week > thead > tr:first-child > th {
  background-color:#fff;
  border-bottom:none;
}
#teeSheetSummary input.tee1,
#teeSheet4Week input.tee1 {
  float:left;
}

/* -------------------------- Month View ------------------------------ */

.tableList.tight.display_month_table > tbody > tr > th, .tableList.tight.display_month_table > tbody > tr > .day_num,
.tableList.tight.display_month_table > tbody > tr > .day_name {
  border: 1px solid #808080;
}

.tableList.tight.display_month_table > tbody > tr > td {
  padding: 0px;
  min-height: 0px;
}

.tableList.tight.display_month_table > tbody .free_tt {
  width: 7px;
  padding: 3px 0px 0px 0px;
  font-size:9pt;
  font-family: "Lucida Console", monospace;
  font-weight: 400;
}

.tableList.tight.display_month_table > tbody .t_gap {
  width: 1px;
  padding: 0px;
  /*background-color: #095493!important;*/
}

.tableList.tight.display_month_table > tbody .na_tt {
  width: 7px;
  /*background-color: #095493!important;*/
}

.tableList.tight.display_month_table > tbody .day_num {
  width: 22px;
  text-align: center;
}

.tableList.tight.display_month_table > tbody .day_num a {
  display: block;
  width: 100%;
  height: 100%;
}

.tableList.tight.display_month_table > tbody .day_num a:hover {
  background-color: #FFD09B;
  text-decoration: none;
}

.tableList.tight.display_month_table > tbody .day_name {
  padding: 0px 3px;
}

/* PG: Tone down the shaded table colour for the month view page. PG:TODO: Consider using a now style. */
.tableList.tight.display_month_table > tbody .t_s {
  color: #000; background: #e0e0e0!important;
}
.display_month .t_s {
  color: #000;
  background: #e0e0e0!important;
}

.display_month .tableList.horizontal_key_table > tbody > tr > td:nth-child(odd) {
  font-size: 9pt;
  font-family: "Lucida Console", monospace;
  font-weight: 400;
  line-height: 100%;
  padding-top: 7px;
}

/* -------------------------- Calendar / Year View --------------------------- */

.tableList.tight.full_calendar_table > tbody > tr > .monthName {
  background-color: #9ce;
  border: 1px solid #808080;
  padding: 0px;
  width: 30px;
  line-height: 24px;
}

.tableList.tight.full_calendar_table > tbody > tr > .monthName a {
  display: block;
  height: 100%;
  padding-left: 4px;
  width: 26px;
  font-weight: bold;
  color: #008;
}

.tableList.tight.full_calendar_table > tbody > tr > .monthName a:hover {
  background-color: #FFD09B;
  text-decoration: none;
}

.tableList.tight.full_calendar_table > tbody > tr > .dayNum {
  padding: 0px;
  width: 24px;
  line-height: 24px;
  text-align:center;
}

.tableList.tight.full_calendar_table > tbody > tr > .dayNum a {
  display: block;
  height: 100%;
  padding-left: 5px;
  width: 19px;
}

.tableList.tight.full_calendar_table > tbody > tr > .dayNum a:hover {
  background-color: #FFD09B;
  text-decoration: none;
}

/* -------------------------- Print Booking Sheet-------------------- */

.default_banner {
  margin:0 auto;
  border:none;
}
.default_banner td {
  width:980px;
  height:45px;
  text-align:center;
}

/* -------------------------- Booking Detail ------------------------ */

#bookingDetailTableForm {
  width: 800px;
  margin:-3px 0;
}

#bookingDetailTableForm .sectionTitle {
  display: inline-block;
  width: 300px;
}
#bookingDetailTableForm  > tbody > tr > td,
#bookingDetailTableForm  > tbody > tr > th {
  padding:2px 4px;
}
#bookingDetailTableForm  > tbody > tr > td > table > tbody > tr > td,
#bookingDetailTableForm  > tbody > tr > th > table > tbody > tr > th {
  padding-top:2px;
  padding-bottom:2px;
}
#bookingDetailTableForm .divider > td,
#bookingDetailTableForm .divider > th,
#bookingDetailTableForm .padRowBottom > td,
#bookingDetailTableForm .padRowBottom > th {
  padding-bottom: 6px;
}
#bookingDetailTableForm .divider + tr > td,
#bookingDetailTableForm .divider + tr > th,
#bookingDetailTableForm .padRowTop > td,
#bookingDetailTableForm .padRowTop > th {
  padding-bottom: 2px;
  padding-top: 6px;
}
#bookingDetailTableForm .formSubHeader {
  padding-bottom: 6px;
}

/* Remove top booking details padding */
#bookingDetailTableForm.tableForm tr > td.noSpaceTop {
  padding-top: 0px;
}

#bookingDetailTableForm.tableForm tr > td.noSpaceBottom {
  padding-bottom: 0px;
}

#bookingDetailTableForm.tableForm tr > td.noSpaceLeftRight {
  padding-left: 0px;
  padding-right: 0px;
}

/* Remove top button padding */
#bookingDetailTableForm.tableForm tr:first-child.divider > td {
  padding-top: 0px;
}

/* Remove bottom button padding */
#bookingDetailTableForm.tableForm > tbody > tr:nth-last-child(1) > td {
  padding-bottom: 0px;
}

/* -------------------------- Facilities Booking ------------------------ */

#rbsSheet > tbody > tr > td {
  height: 20px;
  overflow: hidden;
}
#rbsSheet input[type=radio] {
  margin-right:4px;
}

.provisional {
  background-color: #AAFFAA !important;
}
.confirmed {
  background-color: #AAAAFF !important;
}
.outstanding {
  background-color: #FFAAAA !important;
}
.closed {
  background-color: #FFFFAA !important;
}
.object_t_c {
 background-color: #FF8800;
}
#areas a {
  display:inline-block;
  width:100%;
}

/* -------------------------- Login Screen ------------------------ */

.login {
  margin:-10px;
  border-radius:5px 5px 5px 5px;
  position:relative;
  width:978px;
  height:498px;
  background:url(../images/gnconnect_signinimage.jpg) 0 0 no-repeat transparent;
}

.login form {
  position:absolute;
  left:340px;
  top:107px;
}
.login form table {
  width:282px;
}
.login form input[type=text],
.login form input[type=password] {
  width:175px;
}

.login .formHeader th {
  padding-right:10px;
  text-align:right;
  font-size:25px;
  font-weight:normal;
}

.login .tableForm td {
  padding-right:10px;
}

.login .formContainer {
  background-color: rgba(255,255,255,0.75);
  box-shadow: 0 0 10px 0 rgba(85,85,85,0.7);
}

.login .copyright {
  position:absolute;
  bottom:-40px;
  text-align:center;
  width:100%;
  color:#555;
}

/* -------------------------- Reports ------------------------ */

.tableList.sideHeaderLeft > tbody > tr > td:first-child {
  font-weight: bold;
  background-color: #CCDDEE;
}
.tableList.sideHeaderRight > tbody > tr > td:last-child {
  font-weight: bold;
  background-color: #CCDDEE;
}

.graph {
  margin:auto;
  background: none repeat scroll 0 0 #EEEEEE;
  color: #000000;
}
.graph > tbody > tr > th,
.graph > thead > tr > th {
  background-color: #D1D1D1;
  border: 1px solid #808080;
  line-height: 14px;
  padding: 8px 6px;
}
.graph td {
  padding:1px;
}
.graph_heading {
  background-color: #D1D1D1;
}
.graph_cell {
  color: #000000;
  font-size: 10px;
}
.graph > thead > tr.graphTitle > th {
  text-align:center;
  background-color:#fff;
  border: none;
  border-bottom: 1px solid #808080;
  font: bold 14px/16px arial;
  padding: 8px;
}

.graph > tbody > tr > td:first-child,
.graph > tbody > tr > td:last-child {
  padding: 2px 5px;
  background-color: #D1D1D1
}

.graph .graphBar {
  background-color: #009900;
  border-bottom: 1px solid #006600;
  height:12px;
}

.graph > tbody > tr:first-child > td {
  padding-top:5px;
}

.graph > tbody > tr:last-child > td {
  padding-bottom:5px;
}

.graph > tbody > tr  > td:nth-child(1) {
  width:100px
}

.graph > tbody > tr  > td:nth-child(2) {
  width:300px
}

.graph > tbody > tr  > td:nth-child(3) {
  width:50px
}

.form_shaded {
  background: none repeat scroll 0 0 #CCDDEE;
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}

/* -------------------------- Transaction History ------------------------ */

td.log_notes_modified {
   color:         #000;
   background:    #fbb;
}


/* -------------------------- Money ------------------------------ */

.money,
.money_d {
  text-align: right;
}

input[type=text][readonly][value^="-"].money_d,
input[type=text][readonly][value^="-"].money,
.readonly.negative {
  color: #ff0000;
}

input[type=text][readonly]:not([value=""]).money_d,
input[type=text][readonly]:not([value=""]).money,
.readonly.highlight {
  background-color: #bcdbf1;
}

/* Booking Details */

.tableForm > tbody > tr.sectionHeader.active > td {
  background-color: #bcdbf1;
}

.tableForm > tbody > tr.sectionHeader.active > td:hover {
  background-color: #b4c8d7;
}

.courseName {
  margin:0;
  padding:2px 5px;
  text-align:center;
}

/* -------------------------- Generic Column Pair ------------------------- */

.columnPair {
  width: 739px;
  padding: 7px 0px 12px 0px;
  display: inline-block;
}

.columnTitle {
  width: 739px;
  padding: 5px 0px 5px 0px;
  font-size: 13px;
}

.columnPair .columnLeft {
  width: 369px;
  float: left;
  background-color: #fff;
  border-right: 1px solid #c0c0c0;
}

.columnPair .columnRight {
  width: 368px;
  float: right;
}

.columnPair * .columnRow {
  width: 277px;
  text-align: left;
  padding: 10px 10px;
  color: #000;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  display: block;
}

.columnPair * .columnRow.hidden {
  display: none;
}

.columnPair .columnLeft .columnRow {
  margin-left: 44px;
}

.columnPair .columnRight .columnRow {
  margin-left: 27px;
}

.columnPair * .columnRow:hover {
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  text-decoration: none;
}

.columnPair .columnRow .columnNum {
  float: left;
  width: 25px;
  font-weight: bold;
}

.columnPair .columnRow .columnIcon {
  float: left;
  width: 50px;
  height: 50px;
}

.columnPair .columnRow h3 {
  margin: 0;
  padding: 0;
  color: #025593;
  font-weight: bold;
  text-align: left;
  white-space: normal;
  font-size: 10.5pt;
}

/* -------------------------- Home Page ------------------------------ */

.formContainer.homePage .columnPair * .columnRow {
  height: 48px;
}

.formContainer.homePage .columnPair * .columnRow.version {
  padding: 10px 10px 0px 10px;
  font: 10px/10px arial;
  height: 10px;
}

.formContainer.homePage .columnPair * .columnRow.version:hover {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  cursor:auto;
}

/* -------------------------- Tools ------------------------------ */

.tableList.key > tbody > tr > th {
  padding:4px 5px;
}
.tableForm .dayList,
.tableForm .dayRateList {
  padding:0;
  margin:0;
}
.tableForm .dayList li,
.tableForm .dayRateList li {
  list-style:none;
  float:left;
  margin-right:4px;
}
.tableForm .dayList li {
  margin-right:12px;
}
.tableForm .dayRateList li {
  margin-right:4px;
}

input#selColour {
  color:#000;
}

/* -------------------------- System Config ------------------------ */

/* Temporary styles taken from previous CSS - MW */

.tableList > tbody > tr > td.form_red,
.form_red {
  background: none repeat scroll 0 0 #FFDDDD;
  color: #000000;
}
.tableList > tbody > tr > td.form_green,
.form_green {
  background: none repeat scroll 0 0 #CCFFCC;
  color: #000000;
}
.tableConfig img {
  float:left;
  margin-right:5px;
}
.tableConfig textarea {
  width:99%;
  margin:5px 0;
}
/* -------------------------- Tools Page ------------------------------ */

.formContainer.toolsPage .columnPair * .columnRow {
  height: 55px;
}

.formContainer.toolsPage .columnPair * .columnRow:hover {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
}

.formContainer.toolsPage .columnPair * .columnRow:hover > h3 {
  background-color: #fff;
}

.formContainer.toolsPage.basicSetup, .formContainer.toolsPage.basicSetup * {
  background-color: #e8f4fc;
}

.formContainer.toolsPage.additionalSetup, .formContainer.toolsPage.additionalSetup * {
  background-color: #edfdec;
}

.formContainer.toolsPage.emailTextSetup, .formContainer.toolsPage.emailTextSetup * {
  background-color: #fafbc3;
}

.formContainer.toolsPage.membersBookingSetup, .formContainer.toolsPage.membersBookingSetup * {
/*what colour? club website old colour currently */
  background-color: #ddddff;
}

.formContainer.toolsPage.visitorBookingSetup, .formContainer.toolsPage.visitorBookingSetup * {
  background-color: #ffdddd;
}

.formContainer.toolsPage.tourOpSetup, .formContainer.toolsPage.tourOpSetup * {
  background-color: #ddffff;
}

.formContainer.toolsPage.compPurseSetup, .formContainer.toolsPage.compPurseSetup * {
  background-color: #ffddff;
}

.formContainer.toolsPage.clubWebsiteSetup, .formContainer.toolsPage.clubWebsiteSetup * {
  background-color: #ebdaff;
}

.formContainer.toolsPage.clubSystemsSetup, .formContainer.toolsPage.clubSystemsSetup * {
  background-color: #f1ccb9;
}

/* -------------------------- Calendar Key ------------------------------ */

.calendarKey {
  display: inline-block;
  line-height: 20px;
}

.calendarKey .calendarKeyIcon {
  width: 18px;
  height: 18px;
  border: 1px solid #BDBDBD;
  float: left;
}

.calendarKey .calendarKeyText {
  float: left;
  width: 74px;
  padding-left: 4px;
  text-align: left;
}

.unavailDark {
  background: none repeat scroll 0 0 #c552d4;
  color: #000000;
  /*text-align: center; */
}

/* -------------------------- Club SYstem Tools--------------------------- */

.membership_data_merge a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.membership_data_merge a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.membership_data_merge a:active {
    color: #FFFFFF;
    text-decoration: none;
}
.membership_data_merge a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.membership_data_merge .same {
    color: #000000;
}
.membership_data_merge .same a:link {
    color: #000000;
    text-decoration: none;
}
.membership_data_merge .same a:visited {
    color: #000000;
    text-decoration: none;
}
.membership_data_merge .same a:active {
    color: #000000;
    text-decoration: none;
}
.membership_data_merge .same a:hover {
    color: #000000;
    text-decoration: underline;
}
.membership_data_merge .update {
    background-color: #008000;
    color: #FFFFFF;
}
.membership_data_merge .add {
    background-color: #008000;
    color: #FFFFFF;
}
.membership_data_merge .fault {
    background-color: #FF0000;
    color: #FFFFFF;
}
.membership_data_merge .warning {
    background-color: #FF6D00;
    color: #FFFFFF;
}
.membership_data_merge .different {
    background-color: #0000FF;
    color: #FFFFFF;
}
.membership_data_merge .disable {
    background-color: #000000;
    color: #FFFFFF;
}

/* -------------------------- Form Elements ----------------------------- */

/* Form element notes: These are based on the chosen fonts and may need updating if different fonts/sizes are used. */

/* Form elements - 27px + (5*size) for each HTML size value. This assumes padding of 2px and border of 1px (total: 6px) */
form .size1 { width:32px; }
form .size2 { width:37px; }
form .size3 { width:42px; }
form .size4 { width:47px; }
form .size5 { width:52px; }
form .size6 { width:57px; }
form .size7 { width:62px; }
form .size8 { width:67px; }
form .size9 { width:72px; }
form .size10 { width:77px; }
form .size11 { width:82px; }
form .size12 { width:87px; }
form .size13 { width:92px; }
form .size14 { width:97px; }
form .size15 { width:102px; }
form .size20 { width:127px; }
form .size25 { width:152px; }
form .size30 { width:177px; }
form .size35 { width:202px; }
form .size40 { width:227px; }
form .size45 { width:252px; }
form .size50 { width:277px; }

/* Form elements - 15px + (7*cols) for each HTML cols value. This assumes padding of 2px and border of 1px (total: 6px) */
form .cols10 { width:79px; }
form .cols15 { width:120px; }
form .cols20 { width:155px; }
form .cols25 { width:190px; }
form .cols50 { width:365px; }
form .cols75 { width:540px; }

/* Form elements - 12px for each HTML rows value. This assumes padding of 2px and border of 1px (total: 6px) */
form .rows1 { height:12px; }
form .rows2 { height:24px; }
form .rows3 { height:36px; }
form .rows4 { height:48px; }
form .rows5 { height:60px; }

/* -------------------------- In-grid editing --------------------------- */

input.g_resName, input.g_p, select.g_holes, select.g_cart, select.g_resType  {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
input.g_resName, input.g_p {
  width: 100%;
}

select.g_cart {
    text-align: center;
    width: 40px;
}

#teeSheet > tbody > tr.g_editing {
    border-left: 3px solid #069;
    border-right: 3px solid #069;
}

#teeSheetContainer {
    position: relative
}

#teeSheet > tbody > tr.g_editing, #g_editContainerAdvanced
{
    background-color: #FEF0BD !important;
}
#teeSheet > tbody > tr.g_edited, #g_editContainerAdvanced.g_edited
{
    background-color: #FEDF73 !important;
}
#teeSheet > tbody > tr.g_editing  > td, #teeSheet > tbody > tr.g_edited  > td {
    background-color: transparent;
}
.g_editContainer, .g_editContainerAdvanced {
    position: absolute;
    display: none;
}
.g_rowButtonsContainer {
    position: relative;
    border: 3px solid #069;
    border-bottom: none;
}
.g_advancedContainer {
  position: relative;
  border: 3px solid #069;
  border-top: none;
  width:954px;
}
.g_rowButtons {
    padding: 2px 3px;
    width: 948px;
    background-color: #dedede;
    background-color: rgba(222, 222, 222, .88);
    border-bottom: 1px solid #808080;
}
.g_rowButtons .pl
{
    width: 120px;
    text-align:right
}
.g_rowButtons .p_all {
    text-align:right
}
.g_rowButtons .pl > .button2 {
    width: 106px;
    text-align: center
}
.g_rowButtons  .p_all > .button2 {
    text-align: left;
    min-width: 62px;
}
.g_rowButtons .pl > .button2 > .i16, .g_rowButtons .p_all > .button2 > .i16
{
    margin-right: 9px;
}
.g_rowButtons td:first-child {
    width: 377px;
}
.g_rowButtons td:last-child {
    width: 91px;
}
td.g_edited .g_label {
    color: #B41A00;
}
.g_header {
    width: 954px;
}
.g_header_table, .g_advanced_table {
    table-layout: fixed;
    border: 1px solid #d1d1d1;
    width:100%;
}
.g_header_table th {
    font-weight: bold;
    text-align: center;
    border: 1px solid #808080;
    border-top: none;
    background-color: #D1D1D1;
    line-height: 20px;
    height: 20px;
}
.g_advanced_table {
  border-top:none;
  border-bottom:none;
}
.g_advanced_table td {
  padding: 1px;
  border: 1px solid #BDBDBD;
  border-bottom: none;
}
.g_advanced_table td select {
  width: 100%;
  border: medium none;
  box-sizing: border-box;
  background-color:transparent;
}
.g_greenFee_row select {
  text-align: right;
}
.g_greenFee_row td {
  text-align: right;
  height: 18px;
}
.g_greenFee_row td:first-child {
  text-align: left;
}
.g_greenFee_row td:first-child, .g_greenFee_row td:last-child {
  background-color: #D1D1D1;
}
.g_greenFee_row .g_label {
  padding-right:4px;
}
.g_header_table th:first-child, .g_advanced_table td:first-child {
    border-left: none
}
.g_header_table th:last-child, .g_advanced_table td:last-child {
    border-right: none
}
.button2.g_checkInAll {
  display:none;
}

.iCartx1
{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/GolfKart3-x1.gif)
}
.iCartx2
{
    width: 16px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/GolfKart3-x2.gif)
}
.g_message {
    background-color: #069;
    color: #fff;
    line-height: 21px;
}
a.g_booking_detail
{
    color: #fff;
    font-weight: bold;
}
a.g_booking_detail:hover {
    text-decoration: underline
}
.g_transparent_row > td {
  background-color: transparent;
  border: none;
}
/* -------------------------- Master row --------------------------- */

#masterRowContainer {
  width:958px;
  margin-left:auto;
  margin-right:auto;
}
#masterRowContainer.m_editing .masterRowBorder {
  border-color: #069;
}
#teeSheetEdit {
  background-color: #ddd;
  table-layout: fixed;
}

.masterRowFixed {
  z-index: 1;
  background-color: #fff;
}

.m_buttons
{
  /*margin-top: 5px;*/
  display: inline-block;
    width: 100%;
}

.masterRowBorder {
  position:relative;
  border: 3px solid #808080;
  width:952px;
}

.m_buttons > .button2_group {
    margin-left: 1px;
}
.m_buttons > .button2_group:first-child {
    margin-right: 10px;
}
.m_toggle:hover {
    text-decoration: none
}
#showMasterRow {
  display: inline-block;
  background-color: #fff;
  width:auto;
  margin-left:auto;
  margin-right:auto;
}
#showMasterRow > .m_toggle {
  display: inline-block;
  line-height: 22px;
  padding: 0 7px;
  font-weight: bold;
}

.button2 {
    border-radius: 2px;
    background-color: #F2F2F2;
    border: 1px solid #ccc;
    height: 29px;
    padding: 0 7px;
    min-width: 70px;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle
}
.button2.active {
    background-color: #CCC;
}
.button2.disabled {
    opacity: .5;
    color:#333;
    cursor: default;
}
.button2.disabled:hover {
    border: 1px solid #CCC;
}
.button2_group > .button2 {
    float: left;
    border-radius: 0;
    position: relative;
    margin: 0 0 0 -1px;
}
.button2_group > .button2:hover, .button2_group > .button2:focus {
    z-index: 2;
}
.button2_group > .button2:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.button2_group > .button2:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.button2_group > .button2.active {
    background-color:#F2F2F2;
}
.button2 > span.middle {
    line-height:26px;
}
.button2:hover, .button2:focus {
    border-color: #808080;
    text-decoration: none;
}
.button2.disabled:focus {
    border-color: #ccc;
}

.button2.i20, .button2.i16 {
    background-repeat: no-repeat;
    width:auto;
}

.button2.i20 {
    padding-left: 32px;
    background-position: 7px 3px;
}
.button2.i16 {
    padding-left: 28px;
    background-position: 7px 5px;
}

.button2.m_advanced {
    width: 127px;
    text-align: right;
}
.tee2 {
    visibility: hidden
}
.selectingUnbooked .tee2, .selectingMixed .tee2, .cutting.selectingBooked .tee2
{
    visibility: visible
}
.tee1.disabled, .tee2.disabled
{
    visibility: hidden
}

.g_editing input:focus, .g_editing select:focus, .g_rowButtons input:focus, #masterRow  input:focus{
  outline: none
}

/* Fixes issue where calendar blends with semi-transparent buttons in the master row */
#calendar_div { z-index: 2 }

/* Fixes issue where jQuery UI calendar blends with semi-transparent buttons in the master row */
#d_date {
    position: relative;
    z-index: 11;
}
/* DM: A bug in jQuery UI (http://bugs.jqueryui.com/ticket/9495) causes datepicker to be positioned incorrectly
   when using a hidden input within a position:fixed ancestor. A workaround is to change it to a text input and
   "hide" it using the following CSS */
#d_date[type=text] {
    height:0;
    border:none;
    padding:0;
    margin:0;
    width:16px;
  text-indent:-9999px;
}
/* DM: The calendar icon is displaced due to the above workaround. This shifts it back up */
#d_date[type=text] + .iCalendar {
    margin-top:-18px;
}
/* -------------------------- 16 Day Calendar --------------------------- */

/*
    Slide Calendar Widget
    version 1.2.5
*/
.gn-slideCalendar {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space:nowrap
}

.gn-slideCalendar-ranges-container {
    overflow: hidden;
    display:inline-block
}

.gn-slideCalendar-ranges {
    position: relative;
    left: 0;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 0.4s ease-in-out, left 0.4s ease-in-out;
    -o-transition: -o-transform 0.4s ease-in-out, left 0.4s ease-in-out;
    -moz-transition: -moz-transform 0.4s ease-in-out, left 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, left 0.4s ease-in-out;
}

.touch .gn-slideCalendar-ranges {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.touch .no-transition {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.gn-slideCalendar-ranges.no-transition {
    -webkit-transition-property: none;
    -o-transition-property: none;
    -moz-transition-property: none;
    transition-property: none;
}

.gn-slideCalendar-range {
    float: left;
}

.gn-slideCalendar-month
{
    padding: 2px;
    float: left;
}

.gn-slideCalendar-month.even-month {
    background-color:#f5f5f5
}

.gn-slideCalendar-month-title
{
    margin: 1px 0;
    text-align: center;
    overflow: hidden;
    cursor:default
}

.gn-slideCalendar-left, .gn-slideCalendar-right {
    display: inline-block;
    height: 33px;
    width: 31px;
    vertical-align: baseline;
    margin: 0;
    background: url(../images/slideCalendarArrows.png?3) no-repeat;

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .gn-slideCalendar-left, .gn-slideCalendar-right {
        background-image: url(../images/slideCalendarArrows@2x.png);
        background-size: 60px 66px;
    }
}

.gn-slideCalendar-left:focus, .gn-slideCalendar-right:focus {
    outline:none
}

.gn-slideCalendar-left, .gn-slideCalendar-left.gn-state-disabled:hover, .gn-slideCalendar-left:active {
    background-position: 0 -33px;
}

.gn-slideCalendar-left:hover {
    background-position: 0 0;
    cursor:pointer
}
.gn-slideCalendar-right, .gn-slideCalendar-right.gn-state-disabled:hover, .gn-slideCalendar-right:active {
    background-position: -31px -33px;
}

.gn-slideCalendar-right:hover {
    background-position: -31px 0;
    cursor:pointer
}

.gn-slideCalendar-left.gn-state-disabled, .gn-slideCalendar-right.gn-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    cursor: default;
}

.gn-slideCalendar-month-title > div {
    position: relative;
    font: bold 11px/11px arial;
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    color:#777;
    margin: auto;
    margin-bottom: 3px;
    display: inline-block;
}

.gn-slideCalendar-month-title > div:after, .gn-slideCalendar-month-title > div:before {
    position: absolute;
    top: 51%;
    width: 1000px;
    content: '';
    border-top: 1px solid #ccc;
    height: 0;
}

.gn-slideCalendar-month-title > div:after {
    right: -1005px;
}

.gn-slideCalendar-month-title > div:before {
    left: -1005px;
}

.gn-slideCalendar-days {
    display: inline-block;
    float:left
}

.gn-slideCalendar-days [data-date] {
    cursor: pointer;
    float: left;
    margin: 0 1px;
    width: 23px;
    text-align: center;
    padding-top: 1px;
    font: bold 16px/15px arial;
    text-decoration: none;
    display: block;
}
.gn-slideCalendar-days [data-date], .gn-slideCalendar-days [data-date].gn-state-disabled:hover
{
    background-color: transparent;
    color: #555;
    border: 1px solid transparent;
}

.gn-slideCalendar-days .gn-slideCalendar-weekend, .gn-slideCalendar-days .gn-slideCalendar-weekend.gn-state-disabled:hover {
    background-color: #CCC;
}

.gn-slideCalendar-days .gn-slideCalendar-current-day {
    color: #fff;
    background-color: #1177BB;
    border: 1px solid #9C9C9C;
}

.no-touch .gn-slideCalendar-days > div:hover {
  background-color: #ABCFE7;
  border: 1px solid #9C9C9C;
}

.gn-slideCalendar .dayofweek {
    font: bold 11px/11px arial;
}

.gn-slideCalendar .gn-state-disabled {
    cursor: default;
    opacity: .35;
    filter: alpha(opacity=35);
}

#slideCalendar {
  height:49px;
  margin-top:-10px;
}

.dayHorizontal {
  margin:7px 0 5px;
  color:#cfcfce;
}

/* -------------------------- Auto Complete ------------------- */

.autoCompleteWrapper {
  position:relative;
}

/* -------------------------- jQuery UI styles ------------------- */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background:#F2F2F2;
}
.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 {
  background:#F2F2F2;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background:#CCC;
}
.ui-widget-content {
  background:#FFF;
}
.ui-datepicker {
  padding:0;
  width:19em;
}
.ui-datepicker .ui-datepicker-header {
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  background:#c0c0c0;
  padding:1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  padding:2px;
  height:24px;
  margin:0;
}
button.ui-datepicker-close {
  display: none;
}
.ui-datepicker table {
  border:1px solid transparent;
  margin-bottom: 0;
  font-size: 1em;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: none;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  margin: 0.3em 0.2em 0.4em;
  padding: 0.4em 0.8em 0.5em;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-color:transparent;
  text-align:center;
  margin-top:0;
}
.ui-datepicker td span, .ui-datepicker td a {
  padding: 0.3em;
  line-height:1.5;
}
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current {
  opacity: 1;
}
.ui-datepicker th {
  padding: 0.4em 0;
}

.ui-autocomplete {
  padding:2px;
  border-radius: 0; /* For jQuery UI 1.10.4. Obsolete for 1.11+ */
}
.ui-autocomplete-loading {
    background: white url("jquery-ui/images/ajax_loader_16.gif") right center no-repeat;
}
.g_editing .ui-autocomplete-loading {
    background-image: url("jquery-ui/images/ajax_loader_16_ingrid.gif");
}
.ui-menu-item a {
  border-radius: 0; /* For jQuery UI 1.10.4. Obsolete for 1.11+ */
}
.ui-autocomplete-category {
  font-weight: bold;
  line-height: 1.5;
  margin: 2px -1px;
  padding: 0.2em 0.4em;
  background-color: #C0C0C0;
}
.ui-autocomplete-category:first-child {
  margin-top: -1px;
  border-top:none;
}
.ui-autocomplete-empty-message {
  line-height: 1.5;
  padding: 2px 0.4em;
  font-style: italic;
  background-color: #C0C0C0;
  margin:-1px;
  font-weight: bold;
}

/* -------------------------- Opentip styles ------------------- */
.opentip-container.style-info .opentip {
    font-size:12px;
    color: #000
}
.style-info .paymentStatus {
    margin: 5px 0;
}
.style-info .infoTable {
    text-align:left;
    line-height:1.7;
    display:block;
    margin: 5px 0;
}

.style-info .infoTable th {
    padding-right: 10px;
}

.style-info .serviceIcons td {
    padding-right: 5px;
}

/* -------------------------- Contact Support Form------------- */

.contactSupportForm input[type=text],
.contactSupportForm textarea {
  width:570px;
}
.contactSupportForm textarea {
  height:200px;
  font-family: Arial,sans-serif;
  font-size:12px;
}

/* -------------------------- Search Results Page ------------- */

.searchResults td:last-child {
  word-break: break-all;
}

/* -------------------------- End ----------------------------- */