@font-face {
    font-family: "Glyphicons Halflings";
    src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

@font-face {
    font-family: 'Glyphicons Regular';
    src: url('fonts/glyphicons-regular.eot');
    src: url('fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-regular.woff2') format('woff2'), url('fonts/glyphicons-regular.woff') format('woff'), url('fonts/glyphicons-regular.ttf') format('truetype'), url('fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')
}

div.ui-growl {
    left: 50%;
    right: 0;
    margin-left:-150px;
    margin-top: 150px;
}

@font-face {
    font-family: 'robotothin';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Roboto-Thin-webfont.woff') format('woff'),
    url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
    url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Roboto-Regular-webfont.woff') format('woff'),
    url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
    url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto-bold-webfont.woff') format('woff'),
    url('fonts/roboto-bold-webfont.ttf') format('truetype'),
    url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body,html,table,th,td{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.errortext {color:red;}
.col-half {width: 50%;display: inline-block;}

/*match play*/
.strong {font-weight: bold;}
.italics {font-style: italic;}
.ui-inputfield.ui-widget.input-padded {margin: 0px 5px 0 0;}
.eventNotes {margin-bottom: 10px;}
.eventNotes button {margin: 10px 5px 0 0;}
.bookingButtons {margin-bottom: 10px; text-align: right;}
.pageEventRegistration h1 {font-size: 19px;}
.ui-panelgrid.ui-widget.eventPlayers {border:none; }
.eventPlayers .ui-widget-header {background: #f5f5f5; text-align: left;}
.ui-panelgrid.eventPlayers  .ui-grid-responsive .ui-panelgrid-cell {border-bottom: 1px solid #CBCBCB;}
.eventPlayers .ui-panelgrid-cell:first-child {width: 5%; min-width: 30px;vertical-align: top; }
.eventPlayers .ui-panelgrid-cell:last-child {width: 10%; min-width: 30px;text-align: right;}
.eventPlayers .ui-panelgrid-cell:nth-child(2) {width: 50%;}
.eventPlayers .ui-panelgrid-cell:nth-child(3) {width: 35%;}

.eventNotes {padding: 10px; background-color: #f5f5f5;margin-bottom: 15px;}
.action-buttons {text-align: right;}
.action-buttons .btn {vertical-align: top;}
.player1, .player2 {width: 100%; display: block;margin-bottom: 5px;}

/* media
=============================================== */
@media only screen  and (max-width : 720px)  {
    .ui-panelgrid-cell {display: inline-block;}
    .eventPlayers .ui-panelgrid-cell:first-child {width: 5%;}
    .eventPlayers .ui-panelgrid-cell:last-child {width: 20%;  text-align: right;}
    .eventPlayers .ui-panelgrid-cell:nth-child(2) {width: 45%;}
    .eventPlayers .ui-panelgrid-cell:nth-child(3) {width: 25%;}

}
@media only screen  and (max-width : 560px)  { .eventPlayers .ui-panelgrid-cell:nth-child(3) {display: none;} .eventPlayers .ui-panelgrid-cell:nth-child(2) {width: 72%;}
    .ui-panelgrid.eventPlayers  .ui-grid-responsive .ui-panelgrid-cell {border-bottom: none;}}
@media only screen  and (max-width : 480px)  {
    .eventPlayers {font-size: 14px!important;}
    .eventPlayers .ui-panelgrid-cell:nth-child(2) {width: 62%;}

    }

#tat_table *{color:#fff!important;} 
table.portalDiary{font-size:11px;border:1px solid #CCC;font-weight:700;color:#575757;}
td.portalDiary{vertical-align:top;border:1px solid #A23A3A;padding:2px;}
hr{font-size:1px;height:1px;border:0;background-color:#CCC;}
table.portal{border:1px solid #000;background-color:#FFF;padding:2px;}
table.portal th{background-color:#000;color:#FFF;font-size:12px;font-weight:bolder;height:20px;}
table.portal th.highlight-th{background: #DCC770; color:#444;}
.portal th a{font-size:11px;color:#FFF2AB!important;font-weight:700;text-decoration:none;}
th.portal{background-color:#000;color:#FFF;font-size:12px;font-weight:bolder;text-align:center;height:20px;}
.dashboard{font-size:14px;font-weight:900;}
.text-align-right {text-align: right;}
table.portal tr.booking{height:20px;}
table.administrator{border:1px solid #666;background-color:#DDD;}
table.administrator td{background-color:#FFF;}
table.dropdown{border:1px solid #666;border-top:0;background-color:#CCC;}
table.daySelect{background-repeat:no-repeat;background-image:url(/icons/miclubGui/grid.gif);font-size:11px;font-weight:700;color:#575757;border:1px solid #999;}
td.daySelect{font-size:11px;border:1px solid #CCC;text-align:center;}
table.weekendSelect{border:1px solid #CCC;background-color:#E7ECEF;font-size:11px;font-weight:700;color:#575757;padding:2px;}
td.weekendSelect{background-color:#F1F1F1;text-align:center;}
select.miscore{font-size:9px;width:40px;}
table#tat_table{width:280px;border:1px solid #000;}
div#tipDiv{font-size:11px;position:absolute;visibility:hidden;left:0;top:0;z-index:10000;background-color:#FFF;border:1px solid #000;width:250px;color:#000;line-height:1.3;padding:6px;}
/*td.tab{font-weight:700;font-size:10px;color:#A91519;line-height:20px;text-decoration:none;}*/
table.breadcrumb{font-size:9px;color:#858585;}
td.bc_highlight{font-size:9px;color:#933;}
table.portal td.day{background-color:#9AA9CB;color:#363636;font-weight:700;}
table.portal td.night{background-color:#363636;color:#FFF;}
table.portal td.dayHighlight{background-color:#A0A6B4;color:#FFF;font-weight:700;}
table.portal td.nightHighlight{background-color:gray;color:#FFF;font-weight:700;}
.weatherAlert{color:red;font-weight:700;font-size:15px;}
.hot{color:#F60;font-size:24px;}
.warm{color:#900;font-size:24px;}
.cold{color:#069;font-size:24px;}
.trial{color:red;font-weight:700;font-size:12px;}
button.quantity{color:#555;margin:0;padding:0;}
#leaderboardMarquee{width:380px;height:25px;border:1px solid #CCC;text-align:left;line-height:25px;padding-left:10px;}
.leaderboardMarqueeText{font-weight:700;}
.tennisCourtTitle{text-align:center;color:#000;font-weight:700;}
table.portal td.tennisTime{text-align:center;color:#000;font-style:italic;}
table.portal td.tennisBooked{background-color:#DDD;border:1px solid #999;padding:1px;}
table.portal td.noTennisBooking{border:1px solid #999; padding:1px; }
table.portal td.tennisAvailable{border:1px solid #D0FFD0;text-align:center;}
.stateAssoc{position:relative;width:100%;background-color:#E4E4E4;border:1px solid #666;overflow:hidden;margin-bottom:10px;}
.stateAssoc h3{margin:0;padding:1%;}
.stateAssoc div{float:left;width:38%;padding:1%;}
.stateAssoc div *{margin:0;padding:0;}
.addressAssoc{width:78%!important;}
.imageAssoc{position:absolute;right:5px;top:5px;width:130px;height:130px;background-color:#FFF;border:1px solid #666;}
table.portal .lessonTitle{font-size:11px;color:#000;background-color:#8BB1B1;border-bottom:1px solid #666;border-right:1px solid #666;padding:3px;}
table.portal td.lessonTime{font-size:11px;color:#000;background-color:#BAD1D1;border-bottom:1px solid #666;border-right:1px solid #666;padding:3px;}
table.portal td.LessonUnassigned a{font-size:11px;color:#666;text-decoration:none;}
table.portal td.LessonAvailable{text-align:right;border-bottom:1px solid #666;border-right:1px solid #666;padding:3px;}
table.portal td.LessonBooked{background-color:#D6DDE0;font-size:10px;border-bottom:1px dotted #666;border-right:1px solid #666;padding:3px;}
td.dark,table.portal td.pollPercentageBarDefault{background-color:#666;}
table.portalDiary a,table.daySelect a,table.weekendSelect a{font-weight:400;}

table.portal tr.lineHighlight{background-color:#EBEDED;}
table.portal tr.lineHighlight td{background-color:#EBEDED;}
table.portal tr.lineHighlight td.highlight{background-color:#EBEDED;}
table.portal tr.lineHighlight td.boxed{background-color:#EBEDED;border:1px dotted #DDD;height:40px;}
table.portal tr.lineSelect,table.portal tr.lineSelect td{background-color:#ABADAD;}
.footer,.footer a,table.administrator td,table.dropdown td,table.dropdown th{font-size:9px;}
input,select,textarea,button{font-size:11px;background-color:#fff;margin:1px;padding:1px;border:1px solid #333;}
input.radio,input.checkbox{background-color:transparent;}
table.categories,table.display{background-color:#CCC;}
.tabs a:link,.tabs a:visited{font-weight:700;font-size:10px;color:#7F7F7F;line-height:20px;text-decoration:none;}
table.portal td.LessonUnassigned,table.portal td.LessonUnavailable{font-size:11px;background-color:#DCE7E7;text-align:center;border-bottom:1px solid #CCC;border-right:1px solid #666;padding:3px;}

/*portal includes*/

ul.tnett-data {margin: 2%;border-bottom: solid #ccc 1px;padding-bottom: 10px;}
.tn-cost {width: 70%; display: inline-block;}
.tn-delete {width: 26%; display: inline-block; text-align: right;}
.tn-delete a {color: red!important;font-weight: bold;}
.tn-conditions {margin:2%; font-size:  11px; color: #555;width: 96%; text-align:center;}


.alert{color:red;font-weight:700;font-size:14px;}
.displayAccTransactions div.alert {color:#31708f;}
.competitionDate{font-size:12px;margin-top:4px;margin-bottom:4px;font-weight:bold;}
div.overpar{color: #0000FF;}
div.birdie{color: #FF0000;}
div.eagle{color: #FF0000;}
div.albatross{color: #00FF00;}
div.par{color: #000000;}
div.nothing{color: #00FFFF;}

.portGenNorm b {font-weight: bold;}
.portHL {background: #f5f5f5;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding-top:10px;}
.portSub {margin: 2% }
/*matchplay portal*/
.portSubHeading {font-weight: bold;margin-left: 20px;}
/*portal my prizes*/
.prizePort {width: 98%; margin: 1%;}
.prizeDiv {border-bottom: 1px solid #ccc;padding: 5px 0;width: 100%; margin-top: 12px;}
.prizeDiv div.prizePortLeft, .prizeDiv div.prizePortRight, .prizePort-total div.prizePortLeft, .prizePort-total div.prizePortRight {font-weight:bold!important;}
.prizePort-total {width: 98%; margin: 1%;background:#F5F5F5;padding: 8px 0;}
.prizePortLeft, .prizePortRight {width:49%; display: inline-block;}
.prizePortRight {text-align: right;}
/* portal mistats*/
.pie-chart {width:32%; display: inline-block; height: auto; margin-bottom: 10px;}

#miStats_body #average, #miStats_body #roundsPlayed  {width: 44%; padding: 1%;display: inline-block;margin:1%; border: 1px solid #ccc; text-align:  center;}
#line-chart{width: 96%; display: inline-block;margin-top:2%;}
.stat-total {font-size:26px; line-height: 28px;}
.subtext {font-size: 15px; line-height: 15px;}

#courseName{width: 98%; padding: 1%; display: inline-block; font-weight: bold}
.pie-title{margin-left:20px;}
.noData{text-align: center; margin: 20px;}
.score-box-pts {font-size: 12px; display: block;}
/* Pin Placement */
div.hole{position:relative;float:left;width:16%;text-align:center;height:175px;}
.smallform{padding:0;margin:0;border:0;}
/*tabs*/
.tab{float:left;border:solid 1px #ccc;line-height:20px;text-decoration:none;padding:3px;margin:1px;white-space:nowrap;}
.tab_on{border-bottom:none}
.tab_off{border-bottom:none;background-image: url(/icons/miclubGui/tab_background.jpg)}
.diary {}

/*edits*/
#npBody,#flBody,#cpBody,#acBody{text-align:left;}
#leftAdmin div{float:left;text-align:center;width:70px;margin:5px 2px 5px 0; font: bold}
#search {float:right;width:470px;padding: 0px 2px 0px 0px;margin: 2px 5px 2px 2px;background-color:#CCCCFF;font-size:12px;}
#search div {text-align:right;padding: 2px 0px 5px 0px;font-weight:bold;vertical-align:middle;}
#adminFullWB{border:1px solid #666;background-color:#fff;width:714px;overflow:hidden;padding:3px 0;clear:both;}
#helpBt,#editBt, #leaderboardBt{float:left;height:18px;line-height:18px;border:1px solid #666;border-bottom:none;background-color:#fff;text-align:center;margin:0 5px 0 5px;z-index:10;}
#helpBt{width:50px;}
#editBt{width:130px;}
#helpBt a,#editBt a, #leaderboardBt a{margin:0;padding:0;font-weight:bold;font-size:11px;text-decoration:none;color:#666;}
#leaderboardBt {
width:100px;
} 

.administrator{width:716px;background-color:transparent;font-size:9px;overflow:hidden;margin:5px auto;}
#adminBody{width:100%;background-color:#fff;z-index:10;clear:both;overflow:hidden;margin:5px 0 0 0;clear:both;}
#editEvent,#editCells,#editRows,#utilities{margin-left:5px;width:170px;float:left;border:1px solid #333;text-align:center;background-color:#ebebeb;padding:5px 0;display:inline;}
#editEvent p,#editCells p,#editRows p,#utilities p{color:#333;font-size:14px;font-weight:bold;margin:0 0 4px 0;padding:0;}
#adminBody input,#adminBody .dropLink{padding:3px;font-size:11px;color:#333;border:1px solid #333;background-color:#fff;}
.dropdown  input,#adminBody .dropLink{width:158px;padding:3px 0;margin:1px auto;}
#adminBody .dropLink{width:156px;padding:4px 0;}
#adminBody .dropLink a{color:#333;text-decoration:none;}
#adminMain,#adminBooking{border:1px solid #000;width:100%;height:60px;overflow:hidden;float:left;}
#adminMain div{float:left;margin:7px;width:80px;text-align:center;}
#adminBooking div{float:left;margin:7px;width:80px;text-align:center;}
#rightIco{float:right;margin:0 10px;width:40px;text-align:center;}
#Layer1{background-color:#fff;width:450px;padding:10px;height:250px;overflow:scroll;z-index:1;border:1px solid #333;left:10px;bottom:10px;}
#Layer1H{width:430px;background-color:#666;height:24px;overflow:hidden;}
#Layer1H p{padding:0;margin:0;color:#fff!important;float:left;margin:5px 0 0 10px;font-weight:bold;}
#Layer1H a{padding:0;margin:0;color:#fff!important;text-decoration:none;float:right;margin:5px 10px 0 0;}

#topBarSel{overflow:hidden;width:100%;}
#evoTitleBt{clear:both;margin:5px 0;text-align:center;}

.lineHighlight{background-color:#f7f9f9;}

#tabArea{overflow:hidden;border-bottom:1px solid #999;}
#properties{}
#properties p,#translations p{margin:3px 0;padding:0;}

#topBarN {padding:0 10px;}
#topBarN  a{text-align:right;}

.countdown1{font-weight: bold;color: #0099FF;font-size: 11px;}
.countdown2{font-weight: bold;color: #CC0000;font-size: 11px;}

.diary{text-align:center;margin:5px 0;}
.diary span{padding:0;margin:0 5px;}
.diary *{font-size:14px;font-weight:bold;vertical-align:bottom;}

#competitionSubmissionInProgressFrame {position: absolute;top: 40%;left: 35%;width: 400px;height: 60px;background: #FFCC33;padding: 20px;font-size:14px;}
div.registrationSearchResults {height: 200px; overflow: auto;}
div.searchResults {height: 240px; overflow: auto;}	
	
input.golflinkActionButton{display:inline-block;float:left;height:27px;width:150px;line-height:27px;text-align:center;text-decoration:none;margin:0 0 8px 10px;padding:0;font-size:12px;font-weight:bold;}

#flBody{width:98%;padding:0 1%;background:#ebebeb;overflow:hidden;}
.flLeftAreaOE,.flLeftAreaCMS,.flLeftAreaCal,.flLeftAreaShorts{overflow:hidden;border:1px solid #4a4a4a;background:#fff;border-top-width:5px;margin:0 0 6px 0;padding:0 0 5px 0;font-size:11px;}
.flLeftAreaOE p,.flLeftAreaOE a{float:left;overflow:visible;margin:5px 0 0 5px;font-size:11px;text-align:left;display:inline;}
.flLeftAreaCal p,.flLeftAreaCal a{float:left;background:#ebebeb;overflow:hidden;height:20px;line-height:20px;padding:0;margin:1% 0 0 1%;_margin: 1px 0 0 1px;font-size:12px;text-align:center;width:24%;display:inline;}
.flLeftAreaCal a:hover,.flLeftAreaShorts a:hover{background:#e1e1e1;}
.flLeftAreaShorts a{text-align:center;display:block;padding:3px 0;margin:3px;background:#ebebeb;}
.flRoundContain{border-bottom:1px solid #b5c5d4;overflow:hidden;margin:5px 0 5px 1%;padding:10px 0;width:98%;clear:both;text-align:left;}
.flLeftDay{width:12%;}
.flLeftDate{width:24%;}
.flLeftStat{width:22%;}
.flLeftTime{width:28%;}
#flLeftArea{float:left;overflow:hidden;width:25%;}
#flRightArea{float:right;overflow:hidden;width:74%;border:1px solid #4a4a4a;background:#fff;border-top-width:5px;}
.flHeading{float:left;}
h1.flHeading,h1.flHeadingNF{color:#333;font-weight:normal;font-size:20px;}
.flDateHeading{float:right;}
.flLeftName{font-size:17px;margin:5px 0 4px 5px;padding:0;font-weight:bold;color:#333;}
.flInline{float:left;overflow:hidden;}
.flDay{width:20px;float:left;color:#333;font-size:12px;font-weight:bold;margin:0 3px 0 0;padding:0 6px;}
.flDate{width:50px;float:left;color:#333;font-size:12px;font-weight:normal;margin:0 3px 0 0;padding:0 6px;}
.flStat{width:47px;float:left;font-size:12px;font-weight:bold;margin:0 3px 0 0;padding:0 6px;text-transform:uppercase;}
.flStat a{font-size:12px;font-weight:bold;}
.flClosed a{color:#900!important;}
.flHidden a{color:#663!important;}
.flOpen a{color:#090!important;}
.flTime{width:50px;float:left;color:#333;font-size:12px;font-weight:normal;margin:0 3px 0 0;padding:0 6px;}
.flCat{width:60px;float:left;color:#333;font-size:12px;font-weight:normal;margin:0 3px 0 0;padding:0 6px;}
.flTitleC{float:left;color:#4987b3;font-size:12px;font-weight:bold;text-decoration:none;margin:0 3px 0 0;padding:0 6px;}
.flTitle{text-transform:uppercase;color:#4987b3;font-size:12px;font-weight:bold;text-decoration:none;}
a:hover.flTitle{color:#930;}
.flDesc{color:#666;font-style:italic;font-weight:normal;font-size:11px;margin-left:10px;}
.flIco{float:right;width:27px;}
.flMainPara{font-weight: bold;margin:0 30px 0 307px;}
.clear{clear:both;}

.countDownGreen{color:green;}
.countDownRed{color:red;}

#acBody{width:100%;margin:0;background:transparent;overflow:hidden;text-align:left;padding:0;}
#npBody{width:910px;margin:0 0 10px 10px;background:#fff;overflow:hidden;text-align:left;padding:10px;clear:both;}
#npBodyF{width:100%;margin:0;background:#fff;overflow:hidden;text-align:left;padding:0;clear:both;}

#npBody h1,#acBody h1,#npBodyF h1{font-weight:bold;color:#666;font-size:18px;margin:2px 0 10px 0;padding:0;line-height:normal;font-family: Arial,Helvetica,sans-serif;}
#npBody h2,#acBody h2,#npBodyF h2{font-weight:bold;color:#666;font-size:15px;margin:2px 0;padding:0;line-height:normal;font-family: Arial,Helvetica,sans-serif;}
#npBody h3,#acBody h3,#npBodyF h3{font-weight:bold;color:#666;font-size:13px;margin:2px 0;padding:0;line-height:normal;font-family: Arial,Helvetica,sans-serif;}
#npBody a,#acBody a,#npBodyF a{text-decoration:none;color:#286380;font-size:12px;}
#npBody a:hover,#npBody a:active,#npBody a:focus,#acBody a:hover,#acBody a:active,#acBody a:focus,#npBodyF a:hover,#npBodyF a:active,#npBodyF a:focus{color:#930;text-decoration:underline;}

/* Form Elements */
form{margin:0;padding:0;}
.npformArea{overflow:hidden;width:100%;}
.npformArea label,.npformArea input,.npformArea textarea,.npformArea img,.npformArea select,.npformArea span{float:left;margin:0 4px 5px 4px;}
.npformArea br{clear:both;height:0;font-size:0;}

.npMainContain,.npMainContainNW{overflow:hidden;border:1px solid #4a4a4a;border-top-width:5px;background:#fff;padding:6px 10px;margin:0 0 10px 0;clear:both;}
.npMainContainNW{_zoom:1;}
.npMainContain{width:888px;}
.npMainContain a:hover,.npMainContain a:active,.npMainContain a:focus,.npMainContainNW a:hover,.npMainContainNW a:active,.npMainContainNW a:focus{text-decoration:underline;}

.npRightTitle{float:right;overflow:hidden;margin:4px 0 0 0;width:auto;}
.npRightTitle span{padding:2px 5px 0 0;float:right;font-weight:bold;}
.npRightTitle img{margin:0 10px 0 3px;float:right;}
.npRightTitle input,.npRightTitle a{display:inline;float:right;}

.npElementContain,.npElementContainB{overflow:hidden;width:100%;clear:both;display:block;}
.npElementContainB input{margin:0;}
.npElementContain{margin:0;padding:2px 0;}
.npElementContainB{border-bottom:1px solid #b5c5d4;margin:0 0 2px 0;padding:4px 0 6px 0;}

/* Round Title */
.cpCompType{width:280px;overflow:hidden;margin:0;padding:0;}

input.npInputBorder,button.npInputBorder{margin:10px 0 0 10px;padding:2px 5px;width:auto;overflow:visible;float:none;height:auto;} /* width and overflow are fixes for IE */
#npBody a.npLinksBorder:hover,#npBody a.npLinksBorder:active,#npBody a.npLinksBorder:focus,#npBody a.npLinksBorderNW:hover,#npBody a.npLinksBorderNW:active,#npBody a.npLinksBorderNW:focus,#acBody a.npLinksBorder:hover,#acBody a.npLinksBorder:active,#acBody a.npLinksBorder:focus,#acBody a.npLinksBorderNW:hover,#acBody a.npLinksBorderNW:active,#acBody a.npLinksBorderNW:focus,#npBodyF a.npLinksBorder:hover,#npBodyF a.npLinksBorder:active,#npBodyF a.npLinksBorder:focus,#npBodyF a.npLinksBorderNW:hover,#npBodyF a.npLinksBorderNW:active,#npBodyF a.npLinksBorderNW:focus{color:#333;background:#f5f5f5;border:1px solid #333;text-decoration:none;}

.npGreyBorder{border:1px solid #ccc;color:#ccc;}

.npLinksMarkupGrey a,.npLinksMarkupBlue a{text-decoration:none;font-weight:bold;font-size:12px;padding:0;margin:0;}
.npLinksMarkupGrey a{color:#333;}
.npLinksMarkupBlue a{color:#4987b3;}

.cpExportTop{float:right;margin:10px 0 0 0;padding:0;}
h2.cpCompName{font-size:17px;margin:10px 0 4px 13px;padding:0;float:left;font-weight:bold;color:#333;}
.cpTopLinksRight{float:right;margin:0 8px 0 8px;padding:0;}

.cpRoundCount,.cpRoundDate,.cpTimeSheetLink,.cpCreateComp,.cpSubClose,.cpTopLinksRight,.cpExportTop,.npLinksBorder,.npLinksBorderNW,.npElementContain div,.npElementContainB div,.npformArea label{display:block;overflow:hidden;line-height:19px;height:20px;}

.cpRoundCount,.cpRoundDate{float:left;color:#333;}
.cpRoundCount{width:50px;font-size:12px;font-weight:bold;margin:0 3px 0 0;padding:0 6px;}
.cpRoundDate{width:45px;font-size:12px;font-weight:normal;margin:0 3px 0 0;padding:0 6px;}
.cpTimeSheetLink{float:left;color:#4987b3;font-size:12px;font-weight:bold;text-decoration:none;margin:0 3px 0 0;padding:0 6px;}
p.cpCreateComp{float:right;padding:0;margin:0;text-align:right;}
.cpCreateComp a,.cpSubClose a{font-weight:bold;color:#333;text-decoration:none;font-size:12px;}
.cpCreateComp img,.cpSubClose img,.cpTopLinksRight img{margin:0 3px 0 0;float:left;}
.cpCreateComp a,.cpSubClose a{float:left;}
p.cpSubClose{display:block;width:120px;float:right;padding:0 0 0 6px;margin:0;text-align:right;}

#acButtonBar{overflow:hidden;width:100%;margin:0 auto;clear:both;}
#acButtonBar a:hover{color:#333;text-decoration:none;}
#acButtonBar a.high{float:left;display:block;text-decoration:none;color:#fff;height:28px;line-height:28px;background-color:#4a4a4a;width:auto;font-size:13px;padding:0 6px;border:1px solid #4a4a4a;border-bottom:none;}
#acButtonBar a.low{float:left;display:block;text-decoration:none;color:#333;height:28px;line-height:28px;background-color:#fff;width:auto;font-size:13px;padding:0 6px;border:1px solid #4a4a4a;border-bottom:none;}

.npLinksBorder{width:118px;margin:0 7px 0 0;}
.npLinksBorder,.npLinksBorderNW,.npGreyBorderNW,.npLinksBorderNWIn,.npInputBorder{float:left;border:1px solid #286380;color:#286380;background:#fff;font-size:12px;text-align:center;padding:0;text-decoration:none;font-weight:bold;}
.npLinksBorderNW,.npGreyBorderNW,.npLinksBorderNWIn{width:auto;padding:0 6px;margin:0 0 0 3px;}
.npLinksBorderNWIn{border:1px solid #286380;background:#286380;color:#fff;}

.npGreyBorder,.npGreyBorderNW{border:1px solid #ccc;color:#ccc;}

.cpRoundCount,.cpRoundDate,.cpTimeSheetLink,.cpCreateComp,.cpSubClose,.cpTopLinksRight,.cpExportTop,.npLinksBorder,.npLinksBorderNW,.npGreyBorderNW,.npLinksBorderNWIn,.npElementContain div,.npElementContainB div,.npformArea label{display:block;overflow:hidden;line-height:19px;height:20px;}
.backgroundGrey{background:#ebebeb;}
.npElementContain .npBoxey{height:auto;}
.npElementContain .npBoxey div{width:80px;background:transparent;border:1px solid #666;font-weight:bold;margin:0 auto;text-align:center;}

/* members directory plus business listings */
.npNameSearch,.npBusCats{overflow:hidden;border:1px solid #4a4a4a;background:#fff;border-top-width:5px;margin:0 0 6px 0;padding:0 0 5px 0;font-size:11px;}
#npBodyF .npNameSearch h2,#npRightArea h2,#npBodyF .npBusCats h2{font-size:15px;margin:4px 0;padding:0;font-weight:bold;color:#333;}
#npBodyF .npNameSearch h2,#npBodyF .npBusCats h2{margin-left:5px;}
#npRightArea h3{font-size:15px;margin:0;padding:10px 0 5px 0;font-weight:bold;color:#333;}
#npRightArea p,#npRightArea div,#npRightArea span{font-size:12px;margin: 3px 0 4px;padding:0;font-weight:normal;color:#333;}
.npNameSearch a{float:left;background:#ebebeb;overflow:hidden;height:20px;line-height:20px;margin:1% 0 0 1%;font-size:12px;text-align:center;width:24%;display:inline;}
.npBusCats a{background:#ebebeb;overflow:hidden;height:20px;line-height:20px;margin:2px 0 0 1%;font-size:12px;text-align:center;width:98%;display:block;}
.npNameSearch a:hover{background:#e1e1e1;}
.npPaddingHz{padding:0 5px;}
#npBodyF .npPaddingHz h2{margin-left:0;}
#npLeftArea{float:left;overflow:hidden;width:25%;}
#npRightArea{float:right;overflow:hidden;width:72%;padding:0 1% 5px 1%;border:1px solid #4a4a4a;background:#fff;border-top-width:5px;}
#npRightArea *{font-size:12px;}
#npRightArea dl{padding:0;margin:0;}
#npRightArea dl br{clear:both;height:0;font-size:0;}
#npRightArea dt{font-weight:normal;float:left;width:180px;padding:4px 0;margin:0;color:#333;font-size:12px;}
#npRightArea dd{padding:4px 0;margin:0 0 0 190px;color:#333;font-size:12px;}
#npRightArea h3{clear:both;}
.npBusCatBt{margin:5px 0 0 0;overflow:hidden;width:100%;}
.npBusCatBt button{padding:3px 5px;line-height:normal;}
.npBusLogo{float:left;}
.contactMore .ui-icon, .contactMore .ui-widget-content .ui-icon {background: url("/icons/contact-more.png") no-repeat!important;width:38px; height: 21px;}
.contactMore .ui-row-toggler .ui-icon, .contactMore .ui-state-highlight .ui-icon {background: url("/icons/contact-more.png") no-repeat!important;}

.ui-panelgrid.ui-widget.eventNotes {border: none!important;margin-bottom: 20px;}
a {text-decoration: none!important;}
.glyphicons {font-family:"Glyphicons Halflings";}
.glyphicons-reg {font-family:"Glyphicons Regular";}
.glyphicon-envelope:before {content:"\2709"}
.glyphicon-mobile:before {content:"\e145"}
.red {color:#D74146;}
.glyphicon-phone-alt:before {content:"\e183"}
.glyphicon-plus:before{content:"\002b"}

/* Global width for any date of xx/xx/xx format */
.npDate{width:60px;}
/* Global width for any time of hh:mm format */
.npTime{width:40px;}

.forty{width:40px;}
.fifty{width:50px;}
.seventy{width:70px;}
.eighty{width:80px;}
.eightyFive{width:85px;}
.ninety{width:90px;}
.ninetyFive{width:95px;}
.oneHundred{width:100px;}
.oneFive{width:105px;}
.oneTen{width:110px;}
.oneTwenty{width:120px;}
.oneFifty{width:150px;}
.oneEighty{width:180px;}
.twoThirty{width:230px;}

.tenPercent{width:10%;}
.fifteenPercent{width:15%;}
.nineteenPercent{width:19%;}
.twentyPercent{width:20%;}
.twentyFivePercent{width:25%;}
.thirtyPercent{width:30%;}
.fourtyPercent{width:40%;}
.fiftyPercent{width:50%;}
.oneSeventy{width:170px;}
.fourty{width:40px;}
.eighty{width:80px;}

.margin0{margin:0;}
.padding0{padding:0;}
.floatClear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.margin10{margin:10px;}
.margin5{margin:5px;}
.paddingV5{padding-top:5px;padding-bottom:5px;} 
.marginH10{margin-left:10px;margin-right:10px;} 
.marginV10{margin-top:10px;margin-bottom:10px;} 
.padding10{padding:10px;}
.paddingV10{padding-top:10px;padding-bottom:10px;}
.paddingH10{padding-left:10px;padding-right:10px;}
.paddingH5{padding-left:5px;padding-right:5px;}
.padding5{padding:5px} 
.overflowHid{overflow:hidden;}
.fontBold{font-weight:bold;}
.hasLayout{_zoom:1;}
.textAlignCenter{text-align:center;}
.textAlignLeft{text-align:left;}
.textAlignRight{text-align:right;}
.widthAuto{width:auto;}
.noWhiteSpace{white-space:nowrap;}
.noBorder{border:none;}
.clearBreak{clear:both;height:0;font-size:0;}

.heightAuto{height:auto;}

#letterContainer, #buttonContainer{width: 790px; overflow: hidden; margin: 0 auto; font-weight: 500;}
#clubLogo {float: right; overflow: hidden; width: 210px; margin-bottom: 8px; margin-top: 20px;}
#clubAddress {float: right; overflow: hidden; width: 210px; margin-bottom: 20px; clear: both;}
#LetterOfIntroduction {clear: both; overflow: hidden; width: 710px;margin-top: 20px;}
#letterSignature {clear: both; overflow: hidden; margin-top: 20px; width: 800px;}
#LetterDate { clear: both; width: 500px; overflow: hidden;}

#letterContainer{background-color: #fff; color: #000; margin: 5px auto; width: 630px; padding: 80px; height: 900px;}
#clubLogo{width: 100px;}
#clubLogo img{width: 100%; height: auto;}
#clubAddress{width: auto; float: none;}
#clubAddress p{margin: 0; float: none; text-align: right;}
#letterBody{margin-top: 40px;}
#buttonContainer{margin-bottom: 5px; display: flex; justify-content: center;}
#printButton button{
    background-color: #466bb3;
    border: 1px solid #466bb3;
    border-radius: 30px;
    color: #fff;
    padding: 6px 12px;
    display: block;
    margin: 5px 5px 0;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
}
#printButton button:hover{
	background-color: transparent;
	border-color: #fff;
}
#backButton button{
	background-color: rgba(30, 30, 30, 0.9);
	border: 1px solid rgba(30, 30, 30, 0.9);
	border-radius: 30px;
	color: #fff;
	padding: 6px 12px;
	display: block;
	margin: 5px 5px 0;
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
}
#backButton button:hover{
	background-color: transparent;
	border-color: #fff;
}

#shortButtonBarN{overflow:hidden;width:100%;margin:0 auto;}
#shortButtonBarN a.high{float:left;display:block;text-decoration:none;color:#fff;height:28px;line-height:28px;background-color:#4a4a4a;width:auto;font-size:13px;padding:0 15px;border:1px solid #4a4a4a;border-right:1px solid #fff;border-bottom:none;}
#shortButtonBarN a.low{float:left;display:block;text-decoration:none;color:#333;height:28px;line-height:28px;background-color:#fff;width:auto;font-size:13px;padding:0 15px;border:1px solid #4a4a4a;border-bottom:none;}
#shortGeneralDetails,#compDetails,#paymentDetails,#bookingRules{overflow:hidden;width:560px;margin:0 auto;border:1px solid #4a4a4a;background:#fff;border-top-width:5px;padding:5px 0;}

#pubModalL{float:left;width:410px;overflow-x:hidden;overflow-y:auto;height:auto;padding:0 10px 10px;line-height:normal;}
#pubModalR{float:left;width:460px;overflow:hidden;height:auto;margin:0 0 0 10px;padding:0 0 10px;line-height:normal;}
#pubModalL input,#pubModalR input{padding:2px;}

.cap_image_class {width: 180px; float: left;}
.cap_image_text {width: 200px; float: left; font-size: 10px;}
.terms_and_conditions {width: 360px; float: left; margin-top: 8px; font-size: 11px;}
.book_players_title {font-size: 14px; font-weight: bold;}
input.makeBookingButton, input.cancelBookingButton{font-size: 14px;
    border: 1px solid rgba(82, 82, 82, 0.96);
    border-radius: 5px;
    width: 110px;
    height: 26px;
    line-height: 10px;
    overflow: visible;}


.npScrollArea{width:100%;overflow-y:scroll;}

.publicBookingResults td{vertical-align:middle;} 


#npBody h1,#acBody h1{font-weight:bold;color:#666;font-size:18px;margin:2px 0 10px 0;padding:0;line-height:normal;}
#npBody h2,#acBody h2{font-weight:bold;color:#666;font-size:15px;margin:2px 0;padding:0;line-height:normal;}
#npBody h3,#acBody h3{font-weight:bold;color:#666;font-size:13px;margin:2px 0;padding:0;line-height:normal;}
table#makeGroupBooking h3 {margin:8px 0 8px 0}


/* always last */
#npBody .npRedColour,#acBody .npRedColour, .npRedColour{color:#b80202;border-color:#b80202;}
#npBody .npGreenColour,#acBody .npGreenColour, .npGreenColour{color:#060;border-color:#060;}
#npBody .npOrangeColour,#acBody .npOrangeColour, .npOrangeColour{color:#ff7f50;border-color:#ff7f50;}
#npBody .npBlueColour,#acBody .npBlueColour, .npBlueColour{color:#286380;border-color:#286380;}
#npBody .npLGreyColour,#acBody .npLGreyColour, .npLGreyColour{color:#ccc;border-color:#ccc;}
#npBody .npGreyMColour,#acBody .npGreyMColour, .npGreyMColour{color:#666;border-color:#666;}

table.istoolbar td{padding:0!important; margin:0!important;}

.publicTextField textarea{width:100%;}
.pubLoginText,.pubLoginLinksT{overflow:hidden;margin-top:10px;}
.pubLoginFields{width:98%;padding:10px 1%;margin:5px 0;border:1px solid #999;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#efefef;overflow:hidden;}
.pubLoginFields .npInputBorder{margin:0;padding-left:10px;padding-right:10px;}
.pubLoginFields input,.pubLoginFields select,.pubLoginFields textarea,.pubLoginFields button{padding:3px;}
.pubLoginFields label{font-weight:bold;margin-right:4px;}
.pubLoginFields input{margin-right:5px;}

#pubLogin{width:100%;padding:10px 0;margin:10px 0 0;border-bottom:1px solid #333;}
span.pubLoginLinksT{float:right;margin-top:0;}
.pubLoginLinksT a{color:#333;background:#fff;border:1px solid #333;float:left;margin:0 0 0 5px;display:block;padding:4px 5px;text-decoration:none;font-weight:bold;}
.pubLoginLinksT a:hover,.pubLoginLinksT a:active,.pubLoginLinksT a:focus{color:#fff;background:#333;border:1px solid #333;}
.welcomeHeading{color:#333;font-weight:normal;font-size:18px;margin:0 0 5px;}


.pubBookTable td{padding:13px 5px;border-bottom:1px solid #ccc;}

.npPublicTitle{color:#333;font-size:18px;margin:10px 0 14px;padding:0;font-weight:normal;}
.npPublicDesc{color:#666;font-size:11px;font-style:italic;font-weight:normal;margin:0 0 3px;padding:0;}
.pubWarningBox{border:1px solid #ccc;width:94%;padding:8px 3%;overflow:hidden;margin:10px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.pubWarningBox p{padding:0;margin:0;}

.pubTaken{font-style:italic;margin:5px;display:block;}
.pubAvail{font-weight:bold;margin:5px;display:block;}
.bookingsButtonPub{font-weight:bold;font-size:12px;display:block;background:#fff;border:2px solid #ccc;color:#036;display:block;height:34px;width:60px;margin:7px 0 2px 6px;padding:3px 2px;}
.pubFull{font-size:12px;display:block;border:none;background:transparent;color:#333;display:block;height:34px;width:60px;margin:7px 0 2px 6px;padding:3px 2px;text-align:center;}
.pubBookRes .bookingCellsCont .boxed{border:1px solid #ccc;display:inline;float:left;height:auto!important;margin:2px 0 0 1px;min-height:46px;padding:1px 0 1px 2px;width:130px!important;}
.pubBookRes .bookingCellsCont .highlight{border:1px solid #333;display:inline;float:left;background:#666;height:auto!important;margin:2px 0 0 1px;min-height:46px;padding:1px 0 1px 2px;width:130px!important;}

.miclub-icon {font-family:'miclub-icon'!important;}
/* buttons
=============================================== */
.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none!important;border:1px solid transparent;white-space:nowrap;padding:3px 6px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn-primary{color:#fff!important;background-color:#337ab7!important;border-color:#2e6da4}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090!important;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333!important;background-color:#e6e6e6!important;border-color:#adadad!important;}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}
.bookingNoteBtn .btn-default:hover,.bookingNoteBtn .btn-primary:hover {padding:3px 6px!important;font-weight: normal!important;}
/* error page*/
.errorContain { font-size: 1.1em;margin-top: 10px;}
.errorName {display:inline-block;margin-right: 8px; font-weight: bold;;width:20%;}
.errorIcon {display:inline-block;margin-right: 8px;}
.errorItem {margin-bottom: 5px; padding: 1%; border-bottom: solid 1px #c3c3c3;}
.errorReason {display:inline-block;}
.errorBtn {margin-top: 10px;}
.glyphicons {font-family:"Glyphicons Halflings"!important;}
.glyphicons-reg {font-family:"Glyphicons Regular";}
.glyphicon-ban:before {content:"\e090"; color: #C97208;}
.glyphicon-ok:before {content:"\e013"; color:#6EA514;}
.glyphicon-remove:before{content:"\e014"; color: #c9302c;}

/* booking Notices
=============================================== */
.bookingNoteCont {margin-bottom: 10px;}
h1.bookingNote {font-family: "robotothin", sans-serif;margin-bottom: 10px;}
.rule-descriptors ul li  {font-size:.9em;}
/* leaderboards
=============================================== */
.ecc-inactive {height: 8px; width: 8px; border-radius: 4px;background-color: #A80000;display:inline-block;margin-right: 4px;}
.ecc-active {height: 8px; width: 8px; border-radius: 4px;background-color: #00A800; display: inline-block; margin-right: 4px;}
.ecc-Cont input {display: inline-block; margin-right:4px!important;}
.ecc-header {text-align: right;}
.ecc-inline {display: inline-block;}

/*accounts*/
table.displayAccounts, table.accountsCont {width: 98%; margin: 1%;}
.accountBalances {width: 100%;}
.thAcc {width: 60%;}
.thBal {width: 30%; text-align: right}
.thPay {width: 10%;text-align: center;}
.monthDiv {border-bottom: 1px solid #666; font-weight: bold;}

.accountTabs {width: 100%;}
.accountTabs .tab_on, .accountTabs .tab_off, .accTransactionTabs  .tab_on, .accTransactionTabs  .tab_off {
    height: auto;}
.displayAccounts, .displayAccounts table {margin: 0;}
.displayAccounts .border-top {border-top: 1px solid #666;}
table.accTransactionTabs {width: 100%;}
.accTransactionTabs .tab {border-radius: 4px;margin:.5%;padding: 4px 15px;}
.accTransactionTabs .tab_on,.accTransactionTabs .tab_off {border-bottom: 1px solid #ccc;}
/*accounts media*/
@media only screen  and (max-width : 667px) {
.tab {width: 100%;}
}
.mobile-header {
    display:none;
    font-weight: 600;
}

@media only screen and (max-width:700px) {
    .mobile-header {
        display: inline-block;
    }

    td.responsive-row{
        display:block;
        width:100%;
    }

    .desktop-header {
        display: none;
    }
}

/* #145410753 * Start * - AG - Password reminder - public bookings - Fix drop float on continue button */
.product-page .public-calendar .forgot-form {
    padding: 10px;
}
.product-page .public-calendar .forgot-form .form-group:nth-child(3),
.product-page .public-calendar .forgot-form .form-group:nth-child(4) {
    display: inline-block;
}
.product-page .public-calendar .forgot-form .form-group:nth-child(3) input#membershipNumber {
    padding: 6px 12px;
    border-radius: 4px;
}
.product-page .public-calendar .forgot-form .form-group:nth-child(4) input#submitFormBtn {
    margin-top: -5px;
    text-align: right;
}
.product-page .public-calendar div#loginModal {
    padding-right: 0!important;
}
@media only screen and (max-width:480px) {
    .product-page .public-calendar .forgot-form .form-group:nth-child(2) p {
        text-align: center;
    }
    .product-page .public-calendar .forgot-form .form-group:nth-child(3),
    .product-page .public-calendar .forgot-form .form-group:nth-child(4) {
        display: block;
    }
    .product-page .public-calendar .forgot-form .form-group:nth-child(3) label {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .product-page .public-calendar .forgot-form .form-group:nth-child(3) input#membershipNumber,
    .product-page .public-calendar .forgot-form .form-group:nth-child(4) input#submitFormBtn {
        display: block;
        margin: 0 auto;
    }
}
/* #145410753 * End */



/* #157450301 - AG - Mobile Accounts payment */

/* Fixes many issues of cut off text due to height being specified */
.pivotal-157450301 .npElementContain div,
.pivotal-157450301 .npElementContainB div {height:auto;}

/* Fixes issue where description causes formatting to break on desktop due to lots of text content */
#transactionDetails .npElementContainB > :nth-child(8),
.pivotal-157450301 .columnTitles > :nth-child(8) {width:auto;}

/* Fixes opening balance being aligned left due to no content in previous divs */
#transactionDetails > :first-child div {
    height: 20px;
}

/* Mobile */
@media only screen  and (max-width : 640px) {

    /* Removes most column titles on mobile */
    .pivotal-157450301 .columnTitles > :nth-child(1) { text-align: left; }
    .pivotal-157450301 .columnTitles > :nth-child(2),
    .pivotal-157450301 .columnTitles > :nth-child(3),
    .pivotal-157450301 .columnTitles > :nth-child(4),
    .pivotal-157450301 .columnTitles > :nth-child(5),
    .pivotal-157450301 .columnTitles > :nth-child(6),
    .pivotal-157450301 .columnTitles > :nth-child(7) { display: none; }

    /* Creates 2 column for Account summary */
    .pivotal-157450301-a .npElementContain {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
    }
    .pivotal-157450301-a .npElementContain h3,
    .pivotal-157450301-a .npElementContain div {
        float: none;
        width: 100%;
        min-height: 20px;
        text-align: left;
        margin-top: 0;
        margin-bottom: 2px;
    }

    .pivotal-157450301-a .npElementContain div {
        text-align: center;
    }
    #transactionDetails .npElementContainB div {
        height:auto;
    }

    /* Specified height for each transaction on mobile */
    #transactionDetails .npElementContainB {
        position: relative;
        height: 68px;
    }
    /* Add border top to transaction list on mobile  */
    #transactionDetails {
        border-top: 1px solid #b5c5d4;
    }

    /* Absolute placement for each transaction field on mobile */
    /* Date */
    #transactionDetails .npElementContainB > :nth-child(1) {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        text-align: left;
    }
    /* Time */
    #transactionDetails .npElementContainB > :nth-child(2) {
        float: none;
        position: absolute;
        top: 16px;
        left: 0;
        text-align: left;
    }
    /* Ref Number */
    #transactionDetails .npElementContainB > :nth-child(3) {
        float: none;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        width: 50%;
    }
    #transactionDetails .npElementContainB > :nth-child(3) :before {
        content: 'Ref. ';
    }
    /* Balance */
    #transactionDetails .npElementContainB > :nth-child(4) {
        float: none;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100px;
        text-align: right;
    }
    #transactionDetails .npElementContainB > :nth-child(4) :before {
        content: 'Balance ';
    }
    /* Total */
    #transactionDetails .npElementContainB > :nth-child(5) {
        float: none;
        position: absolute;
        right: 0;
        bottom: 16px;
        width: 100px;
        text-align: right;
    }
    #transactionDetails .npElementContainB > :nth-child(5) :before {
        content: 'Total ';
    }
    /* Tax */
    #transactionDetails .npElementContainB > :nth-child(6) {
        float: none;
        position: absolute;
        width: 100px;
        right: 0;
        text-align: right;
        bottom: 32px;
    }
    #transactionDetails .npElementContainB > :nth-child(6) :before {
        content: 'Tax ';
    }
    /* Net */
    #transactionDetails .npElementContainB > :nth-child(7) {
        float: none;
        position: absolute;
        width: 100px;
        right: 0;
        text-align: right;
        bottom: 48px;
    }
    #transactionDetails .npElementContainB > :nth-child(7) :before {
        content: 'Net ';
    }
    /* Description */
    #transactionDetails .npElementContainB > :nth-child(8) {
        float: none;
        position: absolute;
        top: 0;
        left: 64px;
        /*width: 200px;*/
        max-width: 60%;
    }
    .pivotal-157450301-b {
        display: none;
    }

    /* PAYMENTS TAB */
    .npElementContainB .payment-item {
        height: 60px;
        position: relative;
        border: 1px solid #ccc;
        margin-bottom: 5px;
    }
    .payment-item div {
        float: none;
        width: auto;
        display: block;
        position: absolute;
    }
    .payment-item > :nth-child(1) {
        top: 0;
        left: 0;
        background: #fff;
        border-right: 1px dotted #ccc;
        width: 25%;
        text-align: center;
        height: 38px;
        padding-top: 3px;
        line-height: 16px;
    }
    .payment-item > :nth-child(2) {
        bottom: 0;
        left: 0;
        width: 100%;
        background: #f3f3f3;
        border-top: 1px dotted #ccc;
        display: block;
    }
    .payment-item > :nth-child(3) {
        top: 2px;
        left: 0;
        width: 74%;
        padding-left: 26%;
        text-align: left;
    }
    .payment-item > :nth-child(3) :before {
        content: 'Auth. ';
    }
    .payment-item > :nth-child(4) {
        top: 18px;
        left: 0;
        width: 74%;
        padding-left: 26%;
        text-align: left;
    }
    .payment-item > :nth-child(4) :before {
        content: 'Card: ';
    }
    .payment-item > :nth-child(5) {
        top: 0;
        right: 0;
        height: 38px;
        background: #fff;
        width: 25%;
        padding-top: 10px;
        border-left: 1px dotted #ccc;
    }

}
/* #157450301 * End */