@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
/* global box-sizing */
*,:after,:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {
	height:100%;
	margin:0;
	padding:0;
	font-family:helvetica,verdana,sans-serif;
	font-size:14px;
	line-height:1.8;
	background:#000;
	color:#666;
}
body {
	min-height:100%;
	margin:0;
	padding:0;
}

h1,h2,h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	margin:35px 0 10px;
}

h1 {
	font-size: 2.4em;
	line-height: 1em;
	color:#500;
	font-weight:700;
	border-bottom:1px solid #CCC;
	padding-bottom: 5px;
}

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

h2 {
	font-size: 1.8em;
	color:#500;
}
h3 {
	font-size: 1.4em;
}
p {
	text-align:justify;
}
a {
	color:#666;
	text-decoration:none;
}
.clickable{
	cursor: pointer;
}
img{
	max-width: 100%;
}
input, button, textarea, .button{
	padding: 5px 10px; 
	border-radius: 4px; 
	color: black;
	background: white;
	border: 1px solid #CCC;
	min-height: 25px;
	margin-bottom: 5px;
}
input[type="text"], input[type="password"]{
	width: 100%;
}
input.search{
	background: url(/layout/searchicon.png) no-repeat;
	background-size: auto 50%;
	background-position: 5px 50%;
	padding-left:18px;
}
textarea{
	width: 100%;
	height: auto;
}
button{
	width: auto;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	background: #FC0;
	border: none;
}
table th{
	text-align: left;
	color: black;
	padding: 0 10px 0 10px;
	vertical-align: top;
	line-height: 25px;
}
table td{
	line-height: 25px;
	padding: 0 3px;
}
table thead {
	background: #500;
}
table thead th{
	color: white;
	font-size: .9em;
	font-weight: normal;
}
.strip{
	padding: 5px 10px;
	background: #FC0;
	color: #000;
	border: none;
	margin-bottom: 0;
}
h1.strip{
	margin: 0;
	text-align: center;
	background: #000;
	color: #FC0;
}
nav{
	border-top: 2px solid #500;
	background: #500;
	color: white;
	z-index: 90;
	position: relative;
}
nav.sticky{
	position: fixed;
	top:73px;
	width: 100%;
	left: 0;
}
nav ul{
	list-style: none;
	margin: 0; padding: 0;
}
nav li{
}
nav a{
	display: block;
	padding: 0 10px;
	color: white;
}
hr {
	clear:right;
	width:100%;
	border:none;
	height:40px;
	border-bottom:1px solid rgba(0,0,0,.1);
	margin-bottom:10px;
}
.container {
	max-width:900px;
	padding:0 20px;
	margin:0 auto;
}
.last{
	
}
#PageMessage{
	position: absolute;
	top:20vh;
	width: 50vw;
	left: 50%;
	margin-left: -25vw;
	background: white;
	text-align: center;
	padding: 20px;
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,.5);
	z-index: 999;	
}
#PageMessage.error{
	color: #922;
}
#Header {
	position:fixed;
	top:0px;
	width:100%;
	height: 100px;
	background:#FC0;
	z-index:99;
	padding: 20px 20px 0;
	-webkit-transition:all .5s;
	transition:all .5s;
	box-shadow: 0px 0px 7px rgba(0,0,0,.5);
}
#Header #Logo {
	width:200px;
	height:70px;
	background:url(/layout/BigQ-Logo.png) 20px 50% no-repeat;
	background-size:auto 100%;
	float:left;
}
#Header #Logo span{
	display: none;
}

#Sponsor{
	margin-top: 13px;
	font-size: 10px;
	color:black;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	transition: all .5s;
}
#Sponsor img{
	width: 200px;
}
#Menu {
	position: absolute;
	right: 20px;
	top:40px;
}
#Menu ul {
	padding:0;
	margin:0;
	list-style:none;
}
#Menu li {
	display:inline-block;
	padding:0;
	margin:0 0 0 20px;
}
#Menu li a {
	display:block;
	padding:20px 10px 5px;
	height: 60px;
	font-size:16px;
	line-height:20px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	text-transform: uppercase;
}
#Menu li.current a {
	color: white;
	background: #500;
}
#Menu li.current a::before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -12px;
    margin-left: -12px;
    border: 12px solid transparent;
    border-bottom-width: 0;
    border-top-color: #500;
}
#Menu li a.admin {
	background:black;
	color:white;
	opacity: 1;
}
#Main {
	min-height: 100vh;
	background: white;
	padding-bottom: 150px;
}
a {
	color:#000;
}
#HeaderImage {
	width:100%;
	height:20vh;
	margin-top: 100px;
	background:#CCC url(/layout/header.jpg) no-repeat center center;
	background-size:cover;
	position: relative;
}
#HeaderImage h1, .headerTeam h1, #HeaderArea h1{
	position: absolute;
	bottom:0; left: 0;
	padding: 50px 0 10px;
	margin: 0;
	width: 100%;
	color: white;
	border: none;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));
	text-align: center;
	text-shadow:0px 0px 3px rgba(0,0,0,.5);
}
#HeaderImage h1{
	display: none
}
#HeaderArea{
	width:100%;
	margin-top: 100px;
	background-color:#000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	position: relative;
	margin-bottom: 20px;
}
#Main #HeaderArea .container{
	min-height:250px;
	padding: 0;
}
#Main #HeaderArea .container iframe{
	float: left;
}
#HeaderVs{
	position: absolute;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	text-align: center;
	bottom:20px;
	font-size: 70px;
	color: #FC0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-shadow:0px 0px 3px rgba(0,0,0,.5);
	
}
.headerTeam{
	float: left;
	display: block;
	width: 50%;
	height:100%;
	position: relative;
	background-color: rgba(0,0,0,.1);
	background-position: center center;
	background-size: cover;
	position: relative;
}
.headerTeam img{
	max-width: 300px;
	max-height: 200px;
	position: absolute;
	right: 50px;
	bottom: 10px;
}	
.headerTeam img:nth-child(even){
	left: 50px;
}
#HeaderSpacer{
	height: 100px;
}
#Header.sticky {
	padding: 0 20px;
}
#Main .clearHeader {
	padding-top: 100px;
}
#Main #Tabs{
	padding-top: 0;
}
#Main .cols-2-1{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 20px;
	padding-top:0;
}
#Main .cols-1-1{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	padding-top:0;
}
#Main .cols-1-1-1{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	padding-top:0;
}
/* -- Countdown ---------------//*/

.countdown{
	display: inline-block;
	width: 100%;
	height: 135px;
	text-align: center;
	border: 1px solid rgba(0,0,0,.02);
	background: #FC0; 
	border-radius: 2px;
}
.countdown span {
	display: block;
	width: 50px; 
	height: 100px;
	display: inline-block;
	background: url(/layout/countdown.png) no-repeat 0px 0px; 
	position: relative;
	background-size: auto 100%;
}
.countdown small{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	position: absolute;
	bottom: -18px;
	height: 20px;
	right: 0px;
	display: block;
	width: 100px;
	text-align: center;
	text-transform: uppercase;
	color: black;
	font-size: 20px;
}
.countdown span.image0 { background-position: -0px 0px; } 
.countdown span.image1 { background-position: -50px 0px; } 
.countdown span.image2 { background-position: -100px 0px; } 
.countdown span.image3 { background-position: -150px 0px; } 
.countdown span.image4 { background-position: -200px 0px; } 
.countdown span.image5 { background-position: -250px 0px; } 
.countdown span.image6 { background-position: -300px 0px; } 
.countdown span.image7 { background-position: -350px 0px; } 
.countdown span.image8 { background-position: -400px 0px; } 
.countdown span.image9 { background-position: -450px 0px; } 
.countdown span.imageDay { background-position: -500px 0px; } 
.countdown span.imageSep { background-position: -550px 0px; } 
.countdown span.imageSpace { background-position: -600px 0px; width:15px;}
/* -- Breadcrumb ---------------//*/
.breadcrumb {
	text-transform: uppercase;
	color: #CCC;
	font-size: 12px;
	margin-bottom: 20px;
}
.breadcrumb a{
	color: #AAA;
}
.breadcrumb a:hover{
	color: 666;
}
/* -- PREV & NEXT ---------------//*/
.Next, .Prev{
	font-family: 'Roboto Condensed', sans-serif;
	display: inline-block;
	float: left;
	padding: 20px;
	background: url(/layout/previous.png) 5% center no-repeat;
	border: 1px solid rgba(255, 204, 0, .01);
	transition: all 1s;
	display: block;
	height: 100px;
	font-size: 36px;
	font-weight: 100;
	margin-top: 40px;
}
.Next small, .Prev small{
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
	color: #999;
	text-transform: uppercase;
}
.Next:hover, .Prev:hover{
	background-color: rgba(255, 204, 0, 1);
}
.Next{
	text-align: right;
	padding-right: 50px;
	float: right;
	background: url(/layout/next.png) 95% center no-repeat;
}
.Prev{
	padding-left: 50px;
}

/* -- NAV ---------------//*/
#Tabs{
	position: relative;
}
#Tabs .currentGrade{
	float: left;
	background: #FC0;
	color: black;
	font-weight: bold;
	line-height: 40px;
	padding: 0 10px;
	position: relative;
	display: none;
}
#Tabs .currentGrade::before, #Tabs ul.bar .selected a::before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -12px;
    margin-left: -12px;
    border: 12px solid transparent;
    border-bottom-width: 0;
    border-top-color: #FC0;
}
#Tabs .select{
	float: right;
	background: url(/layout/down.png) center center no-repeat;
	background-size: auto 50%;
	width: 40px; height: 40px;
	display: none;
}
#Tabs ul.bar{
	display: inline-block;
	float: left;
	line-height: 40px;
}
ul.bar li{
	display: inline-block;
}
ul.bar li a{
	position: relative;
	padding: 0 15px;
}
ul.bar li a:hover, ul.bar .selected a{
	color: black;
	background: #FC0;
}
ul.bar .selected a{
	font-weight: bold;
}
#Tabs ul.dropdown{
	position: absolute;
	top:40px;
	right: 20px;
	background: #500;
	display: none;
	line-height: 40px;
}
#Tabs ul.dropdown a{
	padding: 0 20px;
}
.teamCol{
	width: 50%;
	display: 
}
/* -- VS ---------------//*/
#VS{
	text-align: center;
	color: black;
}
#VS img{
	margin-top: -60px;
	width: 100%;
}
#VS a{
}
#VS tr{
	background: #FC0;
}
#VS td{
	line-height: 14px;
}
#VS tr:nth-child(odd) td{
	background: rgba(255,255,255,.2);
}
#VS .next td, #VS .upcoming td{
	padding: 10px 0;
	position: relative;
}
#VS .photos td{
	padding: 0;
}
#VS .teamShot{
	background-size: cover;
	background-position: center center;
	position: relative;
}
#VS .teamShot span{
	display: block;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	opacity: 1;
	transition: all .5s;
}
#VS .teamShot:hover span{
	opacity: 0;
}
#VS .next img{
}	
#VS .upcoming, #VS .next{
	transition: all .5s;
	position: relative;
} 
#VS .upcoming:hover, #VS .next:hover{
	transform: scale(1.02);
}
#VS .upcoming:hover td, #VS .next:hover td{
	background: rgba(255,255,255,.4);
}
#VS .upcoming:hover + tr td , #VS .next:hover + tr td{
	box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,.5);
}
#VS .upcoming td{
	padding: 10px;
	border-left: 1px solid rgba(255,255,255,.3);
}
.teamShot{
	width: 50%;
	height: 200px;
	background: #000;
	float: left;
}
#VS .next a{
	display: block;
	font-size: 50px;
	line-height: 40px;
	margin-bottom: 0px;
	min-width: 120px;
}
.date, .time{
	text-transform: uppercase;
}
.location{
	text-transform: uppercase;
	font-size: 10px;
}
.fullDraw{
	display: block;
	padding: 20px;
	opacity: .3;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all .5s;
}
.fullDraw:hover{
	opacity: 1;
}
/* -- GAME ---------------//*/
#Game{
	
}
#Game img{
	width: 40%
}
#HeaderVS{
	height: 350px;
}
.VSLogo{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	height: 150px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
/* -- Results Table ---------------//*/
#Results th{
	padding: 0 2px;
	text-align: center;
	background: #500;
	color: white;
	font-size: .9em;
	font-weight: normal;
}
#ResultsTable td, #ResultsTable th, #Results th{
	padding: 0 2px;
	text-align: center;
	line-height: 1.2;
}
#ResultsTable td{
	padding: 8px 2px;
}
#ResultsTable tr:nth-child(even) td{
	background: rgba(85,0,0,.05);
}
#ResultsTable tbody tr:first-child .teamName{
	font-weight: bold;
}
.pos{
	color: #500;
}
.pts{
	font-weight: bold;
}
#Results{}
#Results table{
	text-align: center;
}
#ResultsTable img, #Results img{
	max-height: 60px;
	max-width: 100px;
}
#ResultsTable img{
	max-height: 40px;
	max-width: 60px;
}
#Results  td{
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#Results .month td{
	text-align: left;
	border-bottom: 2px solid #500;
}
#Results tr.clickable:hover{
	
	background: rgba(255, 204, 0, 0.2);
}
.gameRound, .gameDate, .gameTime{
	line-height: 14px;
	font-size: 12px;
	display: block;
	text-align: center;
	text-transform: uppercase;
}
.gameLocation{
	font-size: 10px;
	line-height: 12px;
	display: block;
	text-transform: uppercase;
}
.gameRound{
	opacity: .7;
}
.gameDate{
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 16px;
}
.result{
	width: 100px;
	text-align: center;
	background:rgba(0,0,0,.07);
	font-size: 20px;
	font-weight: bold;
}
.result.complete{
	background: #FC0;
	color: black;
}
#SeasonResults img{
	max-height: 60px;
	max-width: 100px;
}
/* -- Teams ---------------//*/
.TeamLink{
	height: 200px;
	position: relative;
	background-color: #fcfcfc;
}
.TeamPhoto, .TeamLogo{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	transition: all .5s;
}
.TeamPhoto {
	opacity: .2;
	filter: none;
	-webkit-filter: grayscale(100%);
	-moz-filter:    grayscale(100%);
	-ms-filter:     grayscale(100%);
	-o-filter:      grayscale(100%);
	transition: all 300ms ease;
}
.TeamLogo{
	background-size: 80%;
	background-position: center center;
	opacity: 1;
}
.TeamLink h2{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 10px 4px;
	margin: 0;
	width: 100%;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	color: white;
	text-align: center;
	font-size: 20px;
	transition: all .5s;
	opacity: 0;
	font-weight: 700;
}
.TeamLink:hover .TeamPhoto{
	opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
}
.TeamLink:hover .TeamLogo{
	opacity: 0;
}
.TeamLink:hover h2{
	opacity: 1;
}
#TeamHero{
	display: block;
	width: 100%;
	height: 400px;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
#Game .player{
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}
#Game th{
	text-align: center;
}
#Game td{
	text-align: center;
	padding: 0 5px 0 0;
	border-bottom: 1px solid #d9d6d6;
	line-height: 1em;
}
.small-Headshot{
	display: inline-block;
	width: 50px;
	height: 60px;
	background-position: center center;
	background-size: cover;
}
.score{
	float: right;
	width: 40px;
	background: white;
	color: black;
	text-align: right;
	padding: 0 10px;
}
/* -- NEWS ---------------//*/
#HomeNews{
	margin-top:20px;
	
}
#NewsVideo{
	height: 400px;
}
.NewsImage{
	float:left;
	width: 100%;
}
.news {
	padding-bottom:40px;
	border-bottom:1px solid #000;
	margin-bottom:40px;
}
.newsLink .image{
	height: 150px;
	position: relative;
	background-position: center center;
	background-size: cover;
}

.newsLink{
	border: 1px solid rgba(0,0,0,.05);
}
.newsLink .image h2{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 10px;
	color: white;
	margin: 0;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));
}
.newsLink .image h2 a{
	color: white;
}
.newsLink .overview{
	 padding: 5px 10px;
}
.newsLink:hover{
	border-color: rgba(0,0,0,.2);
	background: rgba(0,0,0,.05);
}
.news img {
	max-height:400px;
	margin:0 auto 10px;
}
.showhide {
	display:none;
}
.phone, .fax, .address, .website, .email, .facebook, .mobile {
	display:inline-block;
}
.phone span,.fax span,.address span,.website span,.email span,.facebook span,.mobile span {
	width:20px;
	height:20px;
	display:inline-block;
	margin-bottom:-2px;
	background-size:17px 17px;
	background-repeat:no-repeat;
	background-position:50% 100%;
	margin-right: 2px;
}
.phone span{ background-image:url(/layout/phone.png); }
.mobile span{ background-image:url(/layout/mobile.png); }
.fax span{ background-image:url(/layout/fax.png); }
.address span{ background-image:url(/layout/address.png); }
.website span{ background-image:url(/layout/website.png); }
.email span{ background-image:url(/layout/email.png); }
.facebook span{ background-image:url(/layout/facebook.png); }
/* -- COMMENTS ---------------//*/
#Comments, #Comments ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
#Comments ul{
	margin: 0 5px 5px;
}
#Comments li{
	margin: 0;
	border: 1px solid rgba(0,0,0,.05);
	padding: 0;
	margin-bottom: 5px;
	border-radius: 4px;
}
#Comments ul li{
	background: rgba(0,0,0,.02);
}
#Comments ul li.replyCount{
	border: none;
	text-align: right;
	margin: 0;
	background: none;
	font-size: 12px;
	opacity: .6;
}
.commentator{
	background: rgba(0,0,0,.05);
	padding: 2px 10px;
	color: #999;
}
.flag{
	cursor: pointer;
	filter: none;
	-webkit-filter: grayscale(100%);
	-moz-filter:    grayscale(100%);
	-ms-filter:     grayscale(100%);
	-o-filter:      grayscale(100%);
	transition: all 300ms ease;
	float: right;
	position: relative;
	opacity: .4;
}
.admin .flag{
	display: none;
}
.flagged > .commentator .flag{
	opacity: 1;
	filter: none;
	-webkit-filter: grayscale(0%);
	-moz-filter:    grayscale(0%);
	-ms-filter:     grayscale(0%);
	-o-filter:      grayscale(0%);
}
#Comments .flag ul {
	background: #FEE;
	position: absolute;
	right: -10px;
	top: 20px;
	width: 150px;
	display: none;
	margin: 0;
	padding: 10px 0;
}
#Comments .flag li{
	margin: 0; padding: 0;
	border: none;
	text-align: right;
}
 #Comments .flag li{
	background: none;
	padding: 0px 10px;
	cursor: pointer;
}
 #Comments .flag li:hover{
	color: red;
}
#Comments .flag.open ul{
	display: block;
}
.flag.open{
	opacity: 1;
	filter: none;
	-webkit-filter: grayscale(0%);
	-moz-filter:    grayscale(0%);
	-ms-filter:     grayscale(0%);
	-o-filter:      grayscale(0%);
	z-index: 79;
}
.flagIcon{
	display: block;
	width: 20px;
	height: 20px;
	background: url(/layout/flag.png) no-repeat right center;
	background-size: 50%;
}
#Comments ul li .commentator{
	padding: 0 10px;
	background: rgba(0,0,0,.02);
	border-bottom: 1px solid rgba(0,0,0,.015);
}
.flagged > .commentator, #Comments ul li.flagged .commentator {
	background: #FEE;
}
.commentator.admin, #Comments ul li .commentator.admin{
	background: rgba(255, 204, 0, 0.2);
	color: #666;
}
.commentDate{
	float: right;
	opacity: .6;
	font-size: 12px;
}
.commentDate strong{
	margin-left: 10px;
}
.commentText{
	padding: 10px;
}
.flagged > .commentText{
	display: none;
}
.commentText.admin{
	background: rgba(255, 204, 0, 0.1);
}
#Comments ul li.replyForm{
	background: none;
	border: none;
	padding: none;
}
.commentTab, .replyTab{
	text-align: right;
	cursor: pointer;
	filter: none;
	-webkit-filter: grayscale(100%);
	-moz-filter:    grayscale(100%);
	-ms-filter:     grayscale(100%);
	-o-filter:      grayscale(100%);
	transition: all 300ms ease;
	color: #FC0;
	font-weight: bold;
}
.commentTab:hover, .replyTab:hover, .commentTab.open, .replyTab.open{
	filter: none;
	-webkit-filter: grayscale(0%);
	-moz-filter:    grayscale(0%);
	-ms-filter:     grayscale(0%);
	-o-filter:      grayscale(0%);
}
.commentTab.open, .replyTab.open{
	background: #FC0;
	color: white;
	padding: 5px 10px;
	border-radius: 4px 4px 0 0;
}
.commentIcon, .replyIcon{
	display: inline-block;
	width: 20px; height: 20px;
	line-height: 35px;
	background: url(/layout/comments.png) no-repeat left center;
	background-size: contain;
	margin-bottom: -5px;
}
.commentTab.open .commentIcon, .replyTab.open .replyIcon {
	background-image: url(/layout/comments-white.png);
}
.commentText p{
	margin: 0 0 5px;
}
#AddComment, .AddReply{
	display: none;
	padding: 10px;
	background: #FC0;
	border-radius: 0 0 4px 4px;
}
#Comments .name, #AddComment .name{
	width: 150px;
}
.verifyImage{
	float: right;
	border-radius: 4px 0 0 4px;
}
input.verifyBox{
	float: right;
	border-radius: 0 4px 4px 0;
	border-left: 0;
	border: none;
	height: 23px;
	border: 1px solid black;
	width: 80px;
}
.submit{
	background: #000;
	padding: 3px 15px;
	color: white;
	font-size: 1em;
	float: right;
	margin: 0;
	margin-left: 10px;
}
.after-cke{
	margin-top: 10px;
}
/* -----------------//*/
.clear {
	clear:both;
}

#AdminEdit button, #Main .button {
	float:right;
	border:none;
	padding:0 10px;
	font-size:12px;
	height:20px;
	line-height:20px;
	border-radius:5px;
}
.actionDel{
	float: right;
}
.delete{
	width: 20px;
	height: 20px;
	min-height: 15px;
	padding: 0;
	margin-right: -5px;
	margin-left: 10px;
	padding-left: 15px;
	overflow: hidden;
	background: black url(/admin/images/del_button.png) center center no-repeat;
	background-size: 50%;
}
#Main .button { 
	height: 30px;
	line-height: 30px;
}
#Footer {
	height:50px;
	margin:auto;
    background: black;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:200;
	color: #555;
	padding: 10px 20px;
}
#Footer a {
	margin: 0; padding: 0;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	padding-left: 30px;
	margin-right: 10px;
	overflow: hidden;
	background-color: white;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px white;
	opacity: .2;
	transition: all 1s;
}
#Footer a:hover {
	opacity: 1;
}
#Footer a span{
	display: none;
}
.phone{ background-image :url(/layout/mobile.png); }
.email{ background-image:url(/layout/mail.png); }
.instagram{ background-image: url(/layout/instagram.png); border-radius: 4px; }
.pinterest{ background-image: url(/layout/pinterest.png); border-radius: 4px; }
.facebook{ background-image: url(/layout/facebook.png); border-radius: 4px; }
.twitter{ background-image: url(/layout/twitter.png); border-radius: 4px; }
.youtube{ background-image: url(/layout/youtube.png); border-radius: 4px; }
a#shd { 
	background-image:url(http://www.stevenharris.com.au/Steven-Harris-Designs-Dark.png); 
	background-color: black; 
	opacity: .6; 
	width: 40px;
	animation-name: pulse;
	animation-duration: 4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count:infinite;
}
@keyframes pulse {
    0% { opacity: .6; }
    50% { opacity: 1; }
    100% {opacity: .6; }
}
#login_button{
	float: right;
	color: white;
	background: #000 url(/layout/login.png) no-repeat 10px 50%;
	background-size: auto 65%;
	padding-left: 30px;
	transition: all .5s;
	border: 1px solid #BBB;
}
#login_button:hover{
	border: 1px solid white;
}
#login_close_button{
	float: right;
	background: white url(/layout/close.png) no-repeat 10px 50%;
	background-size: auto 35%;
	padding-left: 25px;
}
#login{
	padding: 50px 10px;
	clear: both;
	text-align: center;
}
#login img{
	margin-bottom: -10px;
}
#login h1{
	border: none;
	color: white;
}
#login input{
	width: 200px;
}
#login button{
	width: 400px;
}
.SignupForm{
	display: block;
	width: 46%;
	margin: 20px 2%;
	border: 1px solid #500;
	border-radius: 5px;
	box-shadow: -2px 5px 10px rgba(0,0,0,.2);
	background: white;
	float: left;
}
.SignupForm h3, .SignupForm p{
	margin: 0;
}
.SignupForm table{
	margin-bottom: 20px;
}
.SignupForm input{
	border: none;
	
}
.SignupForm th, .SignupForm td {
	padding: 10px 5px 5px;
	border-bottom: 1px solid  rgba(85, 0, 0, 0.2);
}
.SignupForm .head td{
	text-align: center;
	background: #500;
	color: white;
	font-size: 1.4em;
}
.SignupForm th {
	font-weight: normal;
	color: #500;
	text-align: right;
	font-size: 18px;
}
.SignupForm button{
	padding: 10px 20px;
	margin: 0 20px 20px;
	border: 1px solid black;
	background: white;
	color: black
}
@media only screen and (max-width: 1200px) {
	#Menu li{
		margin-left: 0;
	}
	#Menu li a{
		padding: 20px 10px 0;
	}
	#Sponsor img{
		width: 150px;
	}
}
@media only screen and (max-width: 767px) {
	#Header{
		top:0;
		padding: 10px;
		height: 60px;
	}
	 #Header.sticky{
		 padding: 10px;
	}
	#Header #Logo {
		height:40px;
		width:120px;
		background-position: left center;
		margin-right: 0;
		background-size: contain;
	}
	#Sponsor{
		margin-top: 8px;
		font-size: 8px;
	}
	#Sponsor img{
		width: 120px;
	}
	#Header.sticky #Sponsor{
		opacity: 0;
	}
	#HeaderImage, #HeaderArea{
		margin-top: 60px;
	}
	#HeaderImage h1{
		padding: 10px 20px;
	}
	#Main #HeaderArea .container {
		min-height: 150px;
	}
	nav.sticky{
		top:38px;
	}
	h1, h2, h3{
		margin-top: 20px;
	}
	h1{
		font-size: 1.4em;
	}
	h2{
		font-size: 1.3em;
	}
	#Menu {
		margin-left:0;
		right: 0;
		top: 10px;
	}
	#Menu ul {
		margin-top:10px;
		background:#FFF;
		height:100vh;
		width:200px;
		position:absolute;
		padding-top:10px;
		right:-200px;
		transition:all .5s;
	}
	#Menu ul a {
		padding: 10px 20px;
		background-position: -100px -40px;
		line-height: 20px;
		height: 40px;
	}
	#Menu ul.open {
		right:0;
		box-shadow: 0px 10px 10px 0 rgba(0,0,0,.4);
	}
	#Menu li {
		display:block;
	}
	#HeaderImage {
		height:20vh;
	}
	#Menu #menuButton {
		display:block;
		background:url(/layout/menu.png) no-repeat 50% 50%;
		width:40px;
		height:40px;
		background-size:contain;
		margin-right:15px;
	}
	#PageMenu{
		width:100%;
		min-height:0;
		margin:0;
		padding: 0;
		float:none;
		background: #ccc;
	}
	.container{
		padding: 0 10px;
	}
	#Main .cols-2-1{
		display: block;
	}
	#Main .cols-1-1{
		grid-gap:10px;
	}
	#Main .cols-1-1-1{
		grid-template-columns: 1fr 1fr;
		grid-gap:5px;
	}
	.countdown{
		height: 100px;
	}
	.countdown span {
		width: 34px; 
		height: 68px;
	}
	.countdown small{
		width: 68px;
		font-size: 16px;
	}
	.countdown span.image0 { background-position: -0px 0px; } 
	.countdown span.image1 { background-position: -34px 0px; } 
	.countdown span.image2 { background-position: -68px 0px; } 
	.countdown span.image3 { background-position: -102px 0px; } 
	.countdown span.image4 { background-position: -136px 0px; } 
	.countdown span.image5 { background-position: -170px 0px; } 
	.countdown span.image6 { background-position: -204px 0px; } 
	.countdown span.image7 { background-position: -238px 0px; } 
	.countdown span.image8 { background-position: -272px 0px; } 
	.countdown span.image9 { background-position: -306px 0px; } 
	.countdown span.imageDay { background-position: -340px 0px; } 
	.countdown span.imageSep, .countdown span.imageSpace { background-position: -408px 0px; width:10px;}
	
	#Tabs .currentGrade, #Tabs .select{
		display: block;
	}
	#Tabs ul.bar{
		display: none;
	}
	#Results{}
	.result{
		width: 80px;
	}
	.breadcrumb{
		display: none;
	}
	.TeamLink{
		height: 120px;	
	}
	#TeamHero{
		height: 200px;
	}
	#ResultsTable img, #Results img{
		max-height: 50px;
		max-width: 70px;
	}
	.hideRound, .hideLocation{ 
		display: none;
	}
	#HeaderVS{
		height: 150px;
	}
	.VSLogo{
		height: 100px;
	}
	#Comments .name, #AddComment .name{
		width: 100%;
	}
	#PageMenu.sticky{
		position: fixed;
		top:80px;
		width: 100%;
		left: 0;
		z-index: 19;
	}
	.Next, .Prev{
		font-size: 24px;
		margin-top: 20px;
	}
	.phone span, .address span, .website span, .email span, .mobile span, .facebook span {
		width:50px;
		height:50px;
		background-position: center 30%;
		background-size: 70%;
	}
	#NewsVideo{
		height: 235px;
	}
	.phone, .address, .website, .email, .mobile, .facebook {
		width:50px;
		height:50px;
		background-size:contain;
		float:none;
		margin-left:5px;
		margin-bottom:5px;
		overflow:hidden;
		color:rgba(0,0,0,0);
	}
	.contact .phone, .contact .address,.contact .website, .contact .email, .contact .mobile, .contact .facebook {
		width:100%;
		background-repeat:no-repeat;
		background-color:#AAA;
		color:#fff;
		font-family:'Oswald',sans-serif;
		font-weight:700;
		padding:5px 15px;
		text-transform:uppercase;
	}
	.contact span {
		display:inline-block;
	}
	.phone:hover, .address:hover, .website:hover, .email:hover, .mobile:hover, .facebook:hover {
		color:rgba(0,0,0,0);
	}
	.fullonly{
		display: none;
	}
	#login button{
		width: 200px;
	}
}