/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*MAIN*/
body { 
	font-size: 18px;
	line-height: 1.25em;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background: white;
	color: #555;
}

a {

	color: #4C9CF1;
	text-decoration: none;
	font-weight: bold;

}

a:hover {

	color: #444;

}


img {

	width: 100%;

}

header {

	background: #fff;
	width: 100%;
	height: 76px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 4px solid #26cb2e;
	z-index: 100;

}

#logo{

	margin: 20px;
	float: left;
	width: 125px;
	height: 40px;
	background: url(../Images/birdieslogo.png) no-repeat center;
	background-size: 125px;
	display: block;

}
#reload{

	margin: 20px;
	float: center;
	width: 200px;
	height: 20px;
	display: block;

}

	.l-btn {
	margin-top: 20px;
	margin-left: 25px;
	padding: 5px;

	}
nav {

	float: right;
	padding: 5px 10px 10px 10px;	

}

#menu-icon {

	display: hidden;
	width: 75px;
	height: 75px;
	background: #ffffff url(../menu-icon.png) center;
	background-size: 75px;

}

a:hover#menu-icon {

	background-color: #444;
	border-radius: 4px 4px 0 0;

}

ul {

	list-style: none;

}

li {

	display: inline-block;
	float: left;
	padding: 10px

}

.current {

	color: #2262AD;

}

section {

	margin: 80px auto 40px;
	max-width: 980px;
	position: relative;
	padding: 20px;
	display: none;

}

h1 {

	font-size: 2em;
	color: #2262AD;
	line-height: 1.15em;
	margin: 20px 0 ;

}

p {

	line-height: 1.45em;
	margin-bottom: 20px;

}

		.div-table{
		  display:table;         
		  width:100%;         
		  background-color:#eee;         
		  border:1px solid  #666666;         
		  border-spacing:5px;
		}
		.div-table-header{
		  display:table-row;
		  width:auto;
		  clear:both;
		  background-color:#ccc;
		}
		.div-table-row{
		  display:table-row;
		  width:auto;
		  background-color:#fff;
		  clear:both;
		}
		.div-table-col{
		  float:left;
		  display:table-column; 
		  min-width:150px;
		}

		mobile {
		
		}
		
.datagrid-header {
background: #ccc;
}

.tree-icon{
display:none;
}

.tree-indent {
	width:32px;
	}

.inits-black {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #000;
    /*border: 1px solid #000;*/
    color: #fff;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}
.inits-blue {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #347deb;
    /*border: 1px solid #000;*/
    color: #fff;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}
.inits-red {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #f02a1f;
    /*border: 1px solid #000;*/
    color: #fff;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}
.inits-red {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #f02a1f;
    /*border: 1px solid #000;*/
    color: #fff;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}
.inits-orange {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #f09241;
    /*border: 1px solid #000;*/
    color: #fff;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}
.inits-green {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #26d13a;
    /*border: 1px solid #000;*/
    color: #fff;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}
.inits-yellow {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #fafa02;
    /*border: 1px solid #000;*/
    color: #000;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}

.inits-purple{
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #8f24ed;
    /*border: 1px solid #000;*/
    color: #fff;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}

.inits-pink{
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #ed85e1;
    /*border: 1px solid #000;*/
    color: #fff;
    text-align: center;
	margin: auto;

    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	display: flex; /* or inline-flex */
	align-items: center; 
	justify-content: center;
}

.birdie {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 16px;
    height: 16px;
    padding: 4px;

    background: #26cb2e;
    border: 0px solid #000;
    color: #fff;
    text-align: center;
	margin: auto;

    /*font: 12px Arial, sans-serif;
	font-weight: bold;*/
	display: flex; /* or inline-flex */
  align-items: center; 
  justify-content: center;
}

.eagle {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 14px;
    height: 14px;
    padding: 4px;

    background: #26cb2e;
    border: 1px solid #26cb2e;
    color: #fff;
    box-shadow: inset 0 0 0 1px white;
    text-align: center;
	margin: auto;

    /*font: 12px Arial, sans-serif;
	font-weight: bold;*/
	display: flex; /* or inline-flex */
  align-items: center; 
  justify-content: center;
}

.doublebogey{position:relative; width:16px; z-index:10; padding:4px;  color:#fff;  border:1px solid #3b444b;margin: auto; }
/*.doublebogey{position:relative; width:16px; z-index:10; padding:4px;   border:1px solid #000;margin: auto; } */
.doublebogey:before{content:""; display:block; position:absolute; background-color:#3b444b; z-index:-1; top:1px; left:1px; right:1px; 
bottom:1px; border:1px solid #000}

.bogey{position:relative; width:16px; z-index:10; padding:4px; background-color:#fff; color:#3b444b;  border:1px solid #3b444b;margin: auto; }


.golfername {
	font-size:12px;
	line-height: 1;
	font-style: italic;
	display: inline-block;
 }
 
	.tourneys thead {
		  background-color:#ccc;
			line-height: 1.25em;
		}
	.tourneys tr {
			line-height: 2;
		}
		
		.submitscores {
			color: #fff;
			background-color: #337ab7;
			border: none;
			line-height: 1.3;
			padding: 10px auto 10px auto;
			width: 100%;
			height: 50px;
			font-size: 20px;
    display: block;
    bottom: 0;
		}
		.submit {
			color: #fff;
			background-color: #337ab7;
			border: none;
			line-height: 1.3;
			padding: 10px auto 10px auto;
			margin-top: 20px;
			width: 100%;
			height: 50px;
			font-size: 20px;
    display: block;
    bottom: 0;
		}
		.remove {
			color: #fff;
			background-color: #f02a1f;
			border: none;
			line-height: 1.3;
			padding: 10px auto 10px auto;
			margin-top: 20px;
			width: 100%;
			height: 50px;
			font-size: 20px;
    display: block;
    bottom: 0;
		}

/*MEDIA QUERY*/ /* THIS IS FOR MOBILE DEVICES */
@media only screen and (max-width: 767px)
{ 
	header {

		position: absolute;
	height: 50px;

	}
	body {
		/*font-size: 16px;*/
		color: #555;
	}

	.submitscores {
    position: fixed;
	width:95%;
	}

	.l-btn {
	font-size: 12px;

	}

#logo{

	padding: 0px;
	float: left;
	width: 150px;
	height: 21px;
	background: url(../Images/birdieslogo.png) no-repeat center;
	background-size: 150px;
	display: block;
	margin-left:10px;

}
	section {
		display:none;
		font-size: 64px;

	}

	name {
	
		font-size: 14px;
		}

	mobile {
		display: block;
		margin: 65px auto 40px;
		max-width: 980px;
		position: relative;
		font-size: 16px;
	}
	.tourneys thead {
		  background-color:#ccc;
			line-height: 1.25em;
		}
	.tourneys {
			font-size:16px;
			color: #555;
			width: 100%;
			}
	.tourneys tr{
	line-height: 1;
	height: 30px;
			}

			
	.tourneycourse {
		font-size: 16px;
					}

		.div-table-row{
		  display:table-row;
		  width:auto;
		  background-color:#fff;
		  clear:both;
		  height: 100px;
			line-height: 1.25em;
			font-size:36px;
		}
	.div-table-col{
		  float:left;/*fix for  buggy browsers*/
		  display:table-column; 
		  min-width:200px;
		}

	#menu-icon {

		display:inline-block;
		height: 45px;
		width: 45px;
		background-size: 45px;

	}

	nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 10px;
		top: 30px;
		width: 50%;
		border-radius: 4px 0 4px 4px;

	}


	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		line-height: 10px;
	}

	nav:hover ul {

		display: block;

	}

	.datagrid-cell {
    font-size:16px;
	line-height: 14px;
  }
	.datagrid-row {
	line-height: 18px;
  }

  .datagrid-header .datagrid-cell span {
    font-size: 12px;
	line-height: 14px;
}
	

.datagrid-header {
	background: #ccc;
}

  select,
  textarea,
  input {
    font-size: 16px;
  }
  input[type=number] {
    width: 25px;
} 

.tree-title{
		font-size:12px;
		line-height:12px;
		height:32px;
	}

.tree-indent {
	width:32px;
	}

	.l-btn-text {
	line-height:14px;
	font-size:12px;
	}
	
.birdie {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 14px;
    height: 14px;
    padding: 4px;

    background: #26cb2e;
    border: 0px solid #000;
    color: #fff;
    text-align: center;
	margin: auto;

    /*font: 14px Arial, sans-serif;
	font-weight: bold;*/
	display: flex; /* or inline-flex */
  align-items: center; 
  justify-content: center;
}



.eagle {
    border-radius: 50%;

    width: 14px;
    height: 14px;
    padding: 4px;

    background: #26cb2e;
    border: 1px solid #26cb2e;
    /*box-shadow: 0 0 0 1px #26cb2e;*/
	box-shadow: inset 0 0 0 1px #fff;
    color: #fff;
    text-align: center;
	margin: auto;

    /*font: 14px Arial, sans-serif;
	font-weight: bold;*/
	display: flex; /* or inline-flex */
  align-items: center; 
  justify-content: center;
}



.doublebogey{position:relative; width:16px; z-index:10; padding:2px;  border:1px solid #000;margin: auto; }
.doublebogey:before{content:""; display:block; position:absolute; z-index:-1; top:1px; left:1px; right:1px; 
bottom:1px; border:1px solid #000}

.bogey{position:relative; width:16px; z-index:10; padding:1px;  border:1px solid #000;margin: auto; }

.hole {
font-weight:bold;
font-size:48px;
}

.golfername {
	font-size:12px;
	line-height: 1;
	font-style: italic;
	display: inline-block;
 }
 .holedropdown {
	font-size:16px;
 }

} 

/*MEDIA QUERY*/ /* THIS IS FOR COMPUTER BROWSERS */
@media only screen and (min-width: 767px)  {
	 

	header {

		position: absolute;
	height: 100px;

	}
	
	mobile {
		display: block;
		margin: 120px auto 40px;
		max-width: 980px;
		position: relative;
		/*font-size: 16px;*/
	}
nav {

	float: right;
	padding: 20px;	

}

	.l-btn {
	margin-top: 50px;
	margin-left: 75px;
	padding: 5px;

	}

#logo{

	padding: 0px;
	float: left;
	width: 450px;
	height: 75px;
	background: url(../Images/birdieslogo.png) no-repeat center;
	background-size: 450px;
	display: block;

}

	nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 60px;
		width: 25%;
		border-radius: 4px 0 4px 4px;

	}


	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		line-height: 10px;
	}

	nav:hover ul {

		display: block;

	}

	#menu-icon {

		display:inline-block;
		height: 65px;
		width: 65px;
		background-size: 65px;

	}
  input {
    font-size: 24px;
  }
  input[type=number]{
    width: 50px;
} 
}
*/