html {
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100%;
    height: 100%;
    background: url(../../Images/PageBG.jpg) no-repeat center center fixed;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
     -o-background-size: cover;
    background-size: cover;  
}

body {    
    color: #808080;
    font-size: 1.3em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    height: 100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.sidebar-nav {
    padding: 9px 0;
}

@media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.pull-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.k-header h1 {
    margin: 0;
    padding: 30px 15px;
    font-size: 32px;
    font-weight: lighter;
}

#bodyContent {
    padding:10px;
    background-color: #fff;
    min-height: 420px;
}

.k-block > .k-header {
    margin: -2px 0 0px -2px !important;
}

#bodyFooter {
    background-color: #f5f5f5;
}

#tblLogo  > tbody > tr > td {
    padding-left:10px;
    padding-right:10px;
}

.bottom {
    position: absolute;
    bottom: 0;
  }

.p3 {
    padding:3px !important;
}

.p5 {
    padding:5px !important;
}

.p10 {
    padding:10px !important;
}

.pl10 {
    padding-left:10px !important;
}

.pr10 {
    padding-right:10px !important;
}

.w100p {
    width:100% !important;
}

.h100p {
    height:100% !important;
}

.fw-n {
    font-weight:normal !important;
}

.mt0,
.mt-n {
    margin-top: 0 !important;
}

.m10,
.m-sm {
    margin: 10px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt15n {
    margin-top: -15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt40n {
    margin-top: -40px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml15n {
    margin-left: -15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.darkgrey {
    color:darkgrey !important;
}

h2 {
    font-weight:lighter;
    font-size:24px;
}

a { text-decoration: none; color: #da9a2b; outline:none; }    
a:hover { color: #e75f25; text-decoration: underline; }  

a.button 
{
    color: #ffffff; 
/*    color:#4B4B4B;  */
    margin-left:auto; 
    margin-right:auto; 
    margin-top:5px;
}

ul.horizontal {
    margin-left:auto;
    margin-right:auto;
}

ul.horizontal li
{
	display:inline;
	float:left;
	/*padding:2px 10px 1px 10px;*/	
}

table.centernobg{margin-left:auto; margin-right:auto; border: 0px; padding: 0px; border-spacing: 0px; vertical-align:top; }

.twitterleft
{
    margin-left:auto;
    margin-right:auto;
}

table.grid 
{
    font-size:0.9em; 
    margin-left:auto; 
    margin-right:auto; 
    border-spacing: 0px; 
    vertical-align:top; 
    border: solid 1px #c5c5c5;
    border-collapse:collapse;
}

table.grid td
{
    padding: 4px; 
    border: solid 1px #c5c5c5;
    background-color: #f5f5f5;
}

table.grid th
{
    color: #666666;
    text-align: center !important;
}

ul.grid
{
		padding:0px;
		margin:0;
		position:relative;
		vertical-align:middle;
}
ul.grid li 
{
		padding:0px;
		margin:2px 0 0 0;
		position:relative;
		list-style-type:none;
		vertical-align:middle;
		outline-style:none: 
}

ul.base
{
		padding:0px;
		margin:0;
		position:relative;
		vertical-align:middle;
}
ul.base li 
{
		padding:0px;
		margin:2px 0 0 0;
		position:relative;
		list-style-type:disc;
        list-style-position:inside;
		vertical-align:middle;
		outline-style:none;
        text-align:center ;
}

.greyborder
{
    border: solid 1px #c5c5c5;
}

.greybg
{
    background-color: #f5f5f5;
}

div.content-tabbed /* for pages with tab header */
{   
}

div.innerinner-tab /* for tabs within tabs within tabbed pages */
{   
}

table.gridontab 
{
    font-size:0.9em; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:5px;
    margin-bottom:5px;
    border-spacing: 10px; 
    vertical-align:top; 
    border: solid 1px #c5c5c5;
    border-collapse:collapse;
}

table.gridontab td
{
    padding: 4px; 
    border: solid 1px #c5c5c5;
    background-color: #f5f5f5;
}

table.gridontab th
{
    color: #666666;
    text-align:center !important;
}

table.outergridontab 
{
    margin-left:auto; 
    margin-right:auto; 
    margin-top:15px;
    margin-bottom:10px;
    border-spacing: 10px; 
    vertical-align:top; 
}

    table.outergridontab th {
        color: #707070;
    }

.tsc-ontop {
    z-index: 19999 !important;
}

.tsc-centered {
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tsc-center {
    text-align: center;
    vertical-align: middle;
}

.tsc-centeralign {
    margin-left:auto;
    margin-right:auto;
}

table.tsc-busy {
    margin-left: auto;
    margin-right: auto;
    border: 0;
    padding: 5px;
    border-spacing: 10px;
    border-collapse: separate;
}

.tsc-addon {
    position: relative;
}

.tsc-addon-UL > li {
    display: inline;
    list-style-type: none;
}

    .tsc-addon-UL > li > .k-button {
        height: 24px !important;
        margin-top: 3px !important;
    }

        .tsc-addon-UL > li > .k-button > img {
            margin-top: -8px !important;
        }

/* input inner elements - style */
.tsc-addon > .glyphicon,
.tsc-addon > .fa,
.tsc-addon > [class^="icon16-"],
.tsc-addon > [class*=" icon16-"] {
    position: absolute;
    pointer-events: none;
}

.tsc-addon > .k-button,
.tsc-addon > .tsc-addon-UL {
    position: absolute;
    height: 30px;
}
/* input inner elements - align */
.tsc-left-addon > .glyphicon,
.tsc-left-addon > .fa,
.tsc-left-addon > [class^="icon16-"],
.tsc-left-addon > [class*=" icon16-"],
.tsc-left-addon > .k-button,
.tsc-left-addon > .tsc-addon-UL {
    left: 2px;
    z-index: 999;
}

.tsc-right-addon > .glyphicon,
.tsc-right-addon > .fa,
.tsc-right-addon > [class^="icon16-"],
.tsc-right-addon > [class*=" icon16-"],
.tsc-right-addon > .k-button,
.tsc-right-addon > .tsc-addon-UL {
    right: 2px;
    z-index: 999;
}
/* input inner elements - add padding  */
.tsc-left-addon > input {
    padding-left: 25px !important;
}

.tsc-right-addon > input {
    padding-right: 25px !important;
}

.tsc-form-hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #c5c5c5;
}

.focused-form {
    background-color:transparent !important;
}

.focused-form .login-logo {
    text-align: center;
    display: block;
    margin-top: 120px;
    margin-bottom: 50px;
}

.login-logo2 {
    text-align: center;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.form-group {
    margin-bottom: 10px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label,
    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -16px;
        margin-top: 4px \9;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.form-control {
    display: block;
    width: 100% !important;
}

.k-checkbox-label {
  font-weight: normal !important;
}

.fs-28 {
    font-size:28px !important;
}

.lightgreyborder {
    border: solid 1px #999999;
}

.k-multiselect-wrap > .k-input {
   color: #999999; /* override the default placeholder colour */
}

.red {
    color:red;
}

.green {
    color:green;
}

.photoCarouselImg img {
  width: auto;
  height: 450px;
  max-height: 450px;
}
         

.CellClear
{
    background-color:transparent;
    border-collapse:collapse;
	padding: 10px;    
}

.CellNormal
{
    background: url(../../Images/grey10.png) repeat; 
    border-collapse:collapse;
	padding: 10px;    
}

.CellNormalToday
{
    background: url(../../Images/grey20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;    
}

.CellHighlight
{
    background: url(../../Images/white80.png) repeat; 
    border-collapse:collapse;
	padding: 10px;         
}

.CellHighlightToday
{
    background: url(../../Images/white80.png) repeat; 
    border-collapse:collapse;
	padding: 10px;        
}

.CellNormalBlue {  
    background: url(../../Images/blue20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;         
}  
.CellNormalBlueToday {  
    background: url(../../Images/blue20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;         
}  
.CellHighlightBlue {  
    background: url(../../Images/blue40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;        
}  
.CellHighlightBlueToday {  
    background: url(../../Images/blue40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;          
}  
.CellNormalAqua {  
    background: url(../../Images/aqua20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;         
}  
.CellNormalAquaToday {  
    background: url(../../Images/aqua20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;       
}  
.CellHighlightAqua {  
    background: url(../../Images/aqua40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;          
}  
.CellHighlightAquaToday {  
    background: url(../../Images/aqua40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;       
}  
.CellNormalYellow {  
    background: url(../../Images/yellow20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;  
}  
.CellNormalYellowToday {  
    background: url(../../Images/yellow20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;       
}  
.CellHighlightYellow {  
    background: url(../../Images/yellow40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;          
}  
.CellHighlightYellowToday {  
    background: url(../../Images/yellow40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;      
}  
.CellNormalRed {  
    background: url(../../Images/red20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;     
}  
.CellNormalRedToday {  
    background: url(../../Images/red20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;       
}  
.CellHighlightRed {  
    background: url(../../Images/red40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;        
}  
.CellHighlightRedToday {  
    background: url(../../Images/red40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;    
}  
.CellNormalPurple {  
    background: url(../../Images/purple20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;      
}  
.CellNormalPurpleToday {  
    background: url(../../Images/purple20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;       
}  
.CellHighlightPurple {  
    background: url(../../Images/purple40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;      
}  
.CellHighlightPurpleToday {  
    background: url(../../Images/purple40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;        
}  
.CellNormalBrown {  
    background: url(../../Images/brown20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;         
}  
.CellNormalBrownToday {  
    background: url(../../Images/brown20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;       
}  
.CellHighlightBrown {  
    background: url(../../Images/brown40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;        
}  
.CellHighlightBrownToday {  
    background: url(../../Images/brown40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;     
}  
.CellNormalGreen {  
    background: url(../../Images/green20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;       
} 
.CellNormalGreenToday {  
    background: url(../../Images/green20.png) repeat; 
    border-collapse:collapse;
	padding: 10px;    
} 
.CellHighlightGreen {  
    background: url(../../Images/green40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;        
} 
.CellHighlightGreenToday {  
    background: url(../../Images/green40.png) repeat; 
    border-collapse:collapse;
	padding: 10px;     
} 

table.tablekeys 
{
    font-size:0.9em; 
    margin-left:auto; 
    margin-right:auto; 
    border-spacing: 0px; 
    border-collapse:collapse;
}

table.tablekeys td
{
    padding: 4px; 
    border: solid 1px #c5c5c5;
}

table.tablelinks
{
    font-size:0.9em; 
    margin-left:auto; 
    margin-right:auto; 
    border-spacing: 0px; 
    border: solid 1px #c5c5c5;
    background-color: #f5f5f5;
    border-collapse:collapse;
}

table.tablelinks td
{
    padding: 4px; 
    border: solid 1px #c5c5c5;
}

td.myCalendarBlue {  
    background: url(../../Images/blue20.png) repeat; 
}  
td.myCalendarAqua {  
    background: url(../../Images/aqua20.png) repeat; 
}  
td.myCalendarYellow {  
    background: url(../../Images/yellow20.png) repeat; 
}  
td.myCalendarRed {  
    background: url(../../Images/red20.png) repeat; 
}  
td.myCalendarPurple {  
    background: url(../../Images/purple20.png) repeat; 
}  
td.myCalendarBrown {  
    background: url(../../Images/brown20.png) repeat; 
}  
td.myCalendarGreen {  
    background: url(../../Images/green20.png) repeat; 
}  

.horiz li
{
    list-style-type:none;
    display:inline;
    float:left;
    height:24px;
    text-align:center;
    vertical-align:middle;
}

table.bookings,
table.bookings td
{
    font-size:0.9em; 
}

table.bookings th
{
    font-weight:bold;
    padding: 4px; 
    background: url(../../Images/silvermenu-background.png) repeat-x top left; 
    height:20px;
    min-height:20px;
    max-height:20px;
    min-width:100px;
    max-width:100px;
}

tr.b55
{
    height:55px;
    min-height:55px;
    max-height:55px;
}

td.bday
{
    font-weight:bold;
    padding: 4px; 
    background: url(../../Images/grey10.png) repeat; 
    min-width:120px;
    max-width:120px;
    border: solid 1px #c5c5c5;
    border-collapse:collapse;
    color:#666;
}

td.bbooked
{
    padding: 4px; 
    background: url(../../Images/gold40.png) repeat;  
    min-width:100px;
    max-width:100px;
    border: solid 1px #c5c5c5;
    border-collapse:collapse;
}

td.bbookedhour
{
    padding: 4px; 
    background: url(../../Images/gold40.png) repeat;  
    min-width:154px;
    max-width:154px;
    border: solid 1px #c5c5c5;
    border-collapse:collapse;
}
td.bbookedy
{
    padding: 4px; 
    background: url(../../Images/red40.png) repeat;  
    min-width:100px;
    max-width:100px;
    border: solid 1px #c5c5c5;
    border-collapse:collapse;
}

td.bbookedyhour
{
    padding: 4px; 
    background: url(../../Images/red40.png) repeat;  
    min-width:154px;
    max-width:154px;
    border: solid 1px #c5c5c5;
    border-collapse:collapse;
}

td.bfree
{
    padding: 4px; 
    background: url(../../Images/black40.png) repeat;  
    min-width:100px;
    max-width:100px;
    border: solid 1px #c5c5c5;
    border-collapse:collapse; 
    font-size:0.7em;
}

td.bfreehour
{
    padding: 4px; 
    background: url(../../Images/black40.png) repeat;  
    min-width:154px;
    max-width:154px;
    border: solid 1px #c5c5c5;
    border-collapse:collapse; 
    font-size:0.7em;
}

table.league
{
    font-size:0.9em;     
    margin-left:auto; 
    margin-right:auto; 
    border-spacing: 0px; 
    border-collapse:collapse;
}

table.league th
{
    font-weight:normal; 
    padding: 5px; 
    border: solid 1px #C5C5C5;
    background: url(../../Images/grey10.png) repeat;     
    height:20px;
    min-height:20px;
    max-height:20px;
    text-align:center;
}

table.league th.TLR
{
    border: 0px;    
    background: transparent;   
}

table.league tr
{
    padding:5px;
    vertical-align:middle;
}

table.league td
{
    border: solid 1px #C5C5C5;        
    padding:5px;
    height:0px;
    text-align:center;
    vertical-align:middle;
}

table.league td.player
{
    background: url(../../Images/grey10.png) repeat;     
}

table.league td.blocked
{
    background: url(../../Images/grey10.png) repeat;     
}

table.enterresult td {
    padding:5px;
    border:0 !important;
}

table.msg {
    margin-left: auto;
    margin-right: auto;
}
table.msg td {
    padding:5px;
    border:0 !important;
}

ul.info
{
		padding:0px;
		margin:0;
		position:relative;
		vertical-align:middle;
}
ul.info li 
{
		padding:0px;
		margin:2px 0 0 0;
		position:relative;
		list-style-type:disc;
        list-style-position:inside;
		vertical-align:middle;
		outline-style:none;
        text-align:left;
}

@media all {
	.page-break	{ display: none; }
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
        min-height: 1px;
        height: 1px;
    }
}

.pageheader {
    font-size: 1.4em;
    font-weight: bold;
    color: #4B4B4B;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border: solid 1px #5B5B5B;
    background-color: #c5c5c5 !important;
    -webkit-print-color-adjust: exact; 
}

table.printleague {
    font-size: 1.2em;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 880px;
    min-width: 880px;
    max-width: 880px;
}

    table.printleague th {
        font-weight: normal;
        padding: 5px;
        text-align:center;
        border: solid 1px #5B5B5B !important;
        background-color: #c5c5c5 !important;
        -webkit-print-color-adjust: exact; 
        height: 30px;
        min-height: 30px;
        max-height: 30px;
    }

        table.printleague th.TLR {
            font-weight: bold;
            border: 0px !important;
            background: transparent !important;
        }

    table.printleague tr {
        padding: 5px;
        height: 30px;
        vertical-align: middle;
        min-height: 30px;
        max-height: 30px;
    }

    table.printleague td {
        border: solid 1px #5B5B5B !important;
        padding: 5px;
        height: 0px;
        text-align: center;
        vertical-align: middle;
    }

        table.printleague td.player {
            background-color: #c5c5c5 !important;
            -webkit-print-color-adjust: exact; 
        }

        table.printleague td.blocked {
            background-color: #c5c5c5 !important;
            -webkit-print-color-adjust: exact; 
        }

.tsc-tb-caption {
    float: left;
    width: 100%;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2em;
}

.k-grid .k-edit-cell {
    /* need to override kendo theme colour as it is white on white when editing a cell! */
    /*color:#36558e;*/
    color: #003f59;
}

.k-grid td {
    /* don't wrap oversized contents */
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* make sure update/cancel buttons on grid popup editors are correctly positioned */
div.k-edit-form-container {
    width: auto;
}

.form-group .k-textbox.form-control {
    width: 100% !important;
}

/* grid popup editor icon / title */
.tsc-popup-icon {
    margin-left: 5px;
    margin-top: 3px;
}

    .tsc-popup-icon + span.k-window-title {
        margin-left: 5px !important;
        position: relative !important;
    }