[data-role=page]{
	position:relative !important;
}
/*sticky footer*/
[data-role=footer]{
	z-index: 1000;
	bottom:0;
	position:fixed !important;
	top: auto !important;
	width:100%;
}
#footer-block{
	width: 0;
	height: 87px;
}


/*sticky header*/
[data-role=header]{
	z-index: 1001;
	top:0;
	position:fixed !important;
	bottom: auto !important;
	width:100%;
}
#header-block{
	width: 0;
	height: 40px;
}

/* blue highlight */
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
	background: #319fd7 ;
	background: -webkit-linear-gradient(#3bafdc, #2887d0);
  	background: -o-linear-gradient(#3bafdc, #2887d0);
  	background: -moz-linear-gradient(#3bafdc, #2887d0);
  	background: linear-gradient(#3bafdc, #2887d0);
	border-color: #319fd7;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

/* orange highlight */
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active, .ui-page-theme-b .ui-btn.ui-btn-active, html .ui-bar-b .ui-btn.ui-btn-active, html .ui-body-b .ui-btn.ui-btn-active, html body .ui-group-theme-b .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-b.ui-btn-active, .ui-page-theme-b .ui-checkbox-on:after, html .ui-bar-b .ui-checkbox-on:after, html .ui-body-b .ui-checkbox-on:after, html body .ui-group-theme-b .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-b:after, .ui-page-theme-b .ui-flipswitch-active, html .ui-bar-b .ui-flipswitch-active, html .ui-body-b .ui-flipswitch-active, html body .ui-group-theme-b .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active, .ui-page-theme-b .ui-slider-track .ui-btn-active, html .ui-bar-b .ui-slider-track .ui-btn-active, html .ui-body-b .ui-slider-track .ui-btn-active, html body .ui-group-theme-b .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-b .ui-btn-active {
	background: #f7bb59 ;
	background: -webkit-linear-gradient(#facf72, #f5a43d);
  	background: -o-linear-gradient(#facf72, #f5a43d);
  	background: -moz-linear-gradient(#facf72, #f5a43d);
  	background: linear-gradient(#facf72, #f5a43d);
	border-color: #f7bb59;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus {
	-webkit-box-shadow: 0 0 12px #f7bb59;
	-moz-box-shadow: 0 0 12px #f7bb59;
	box-shadow: 0 0 12px #f7bb59;
}

html .ui-header.ui-bar-inherit.ui-bar-h,
html .ui-footer.ui-bar-inherit.ui-bar-h  {
	/*background: #2678c2 ;*/
	background: -webkit-linear-gradient(#2d8dcd, #1f68bc); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#2d8dcd, #1f68bc); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#2d8dcd, #1f68bc); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#2d8dcd, #1f68bc); /* Standard syntax */
	border-color: #2574be;
}

html .ui-header.ui-bar-inherit.ui-bar-h h1 a {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

html .ui-header.ui-bar-inherit.ui-bar-h .ui-btn {
	color: #000;
	background: #fff;
	border: 1px solid rgba(255,255,255,1);
}

.ui-header h1 a {
	color: #333;
	text-decoration: none;
}

.ui-header h1 a:visited {
	color: #333;
	text-decoration: none;
}

.ui-header h1 a:hover {
	color: #333;
	text-decoration: none;
}

.ui-header h1.ui-title {
	margin: 0;
	padding: 0;
	white-space: default;
	line-height: 40px;
}

.icon-huge {
	font-size: 300%;
}

.faded {
	opacity: 0.15;
}
.half-faded {
	opacity: 0.35;
}

.error {
	background: rgba(255,0,0,0.2);
	border: 1px solid red;
	padding: 5px;
	left: 0;
	right: 4%;
}

.warning {
	background: rgba(255,255,0,0.2);
	border: 1px solid #ffcc00;
	padding: 5px;
	left: 0;
	right: 4%;
}

.success, .success-message {
	background: rgba(0,0,255,0.2);
	border: 1px solid blue;
	padding: 5px;
	left: 0;
	right: 4%;
}

.ui-footer .ui-field-contain {
	float: left;
	margin: 0.5em 0em 0em 1.2em
}

.ui-footer .ui-title {
	padding: 0;
}

.ellipses {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.center-text {
	text-align: center;
}

.small-text {
	font-size: 75%;
}

.highlight-rank {
	/*background-color: #1f68bc;*/
	background: #DDD;
	background: rgba(0,0,0,0.2);
	margin-top: -11.2px;
	margin-bottom: -11.2px;
	height: 43px;
	padding-top: 10px;
}

.ui-page-theme-a .ui-btn:hover .highlight-rank, html .ui-bar-a .ui-btn:hover, .highlight-rank html .ui-body-a .ui-btn:hover .highlight-rank, html body .ui-group-theme-a .ui-btn:hover .highlight-rank, html head+body .ui-btn.ui-btn-a:hover .highlight-rank
 {
	background: #e0e0e0;
	background: rgba(0,0,0,0.2);
}

.score-text {
	color: #1f68bc;
}

.ui-footer {
	height: 59px;
	width: 100%;
	border-top:none;
} 

.jquery-mobile-custom-icon{
	width: 59px;
	height: auto;
	padding: 10px 20px;
}

.ui-listview a h2 {
	margin-top: 0;
}

.ui-listview>.ui-li-divider {
	/*background: #2678c2 ;*/
	background: -webkit-linear-gradient(#2d8dcd, #1f68bc); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#2d8dcd, #1f68bc); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#2d8dcd, #1f68bc); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#2d8dcd, #1f68bc); /* Standard syntax */
	border-color: #2574be;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.ui-listview>.ui-li-divider.schedule-gametype-divider {
	background: #D6D6D6;
	border-color: #999;
	color: #525252;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

.ui-listview>li>a.ui-btn.warning-green {
	background-color: #ccffcc;
}

.ui-listview>li>a.ui-btn.warning-yellow {
	background-color: #ffffcc;
}

.ui-listview>li>a.ui-btn.warning-red {
	background-color: #ffcccc;
	border-color: #888;
}

.ui-listview>li>a.ui-btn.warning-green:active {
	border-color: rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.3);
	text-shadow: none;
}

.ui-listview>li>a.ui-btn.warning-yellow:active {
	border-color: rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.3);
	text-shadow: none;
}

.ui-listview>li>a.ui-btn.warning-red:active {
	border-color: rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.3);
	text-shadow: none;
}

.ui-field-contain>label~[class*=ui-], .ui-field-contain .ui-controlgroup-controls {
	width: 15%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
}

.ui-listview .ui-field-contain {
	padding-left: 20%;
}

.ui-listview .ui-field-contain label {
	left: 1%;
	position: absolute;
	white-space: normal;
	width: 19%;
}

.home-team-box, .away-team-box {
	width: 49%;
	display: inline-block;
	text-align: center;
}

.home-team-box img, .away-team-box img {
	height: auto;
	width: 100%;
	max-width: 256px;
	margin-left: auto;
	margin-right: auto;
}


.home-team-box h2, .away-team-box h2 {
	font-size: 1.2em;
}

.division-selector-header .ui-controlgroup {
	margin: 2px 0px;
}

#division-select-button{
	padding-right: 0.65em;
	padding-left: 0.65em;
	border-radius: 99px;
	top: .3125em;
	left: .3125em;
}
#division-select-button:after{
	background:none;
}

#footer-center{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -117px;
}

.ui-page-theme-a .ui-btn.submit-scores-button {
	background-color: #333;
	color: #fff;
	text-shadow: 0 1px 0 #88a;
}

.ui-page-theme-a .ui-btn.submit-scores-button:hover {
	background-color: #383838;
}

.ui-page-theme-a .ui-btn.submit-scores-button i {
	color: #fff;
}

.ui-table-columntoggle-btn {
	display:none;
}

.ui-sub-header {
	top: 40px;
	left: 0;
}

.sub-header-block {
	height: 40px;
	width: 100%;
}

.divtab {
    width: 16.66% !important;  /* 16.66% for 6 tabs wide */
    clear: none !important;  /* Prevent line break caused by ui-block-a */
}

.ui-header.ui-bar-h h1 {
	font-weight: default;
	color: white;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.ui-content .ui-listview, .ui-panel-inner>.ui-listview {
	margin-bottom: 1em;
}

.ui-controlgroup-horizontal .ui-checkbox input, .ui-controlgroup-horizontal .ui-radio input {
	display: none;
}

.pull-right {
	float: right;
}

.activity-button img {
	height: 40px;
	width: auto;
	padding: 9px;
}

.ui-icon-twitter:after {
    background-image: url("https://www.osaa.org/images/icons/twitter.png");
    /* Make your icon fit */
    background-size: 18px 18px;
}

@media (max-width : 768px) {
	.activity-button p{
		margin:0;
	}
	.activity-button.ui-btn {
		white-space: normal;
		font-size: 14px;
		padding: 0.6em 0.2em 0.6em 0.1em;
	}
	.activity-button img {
		padding: 5px;
	}
	
	.jquery-mobile-custom-icon{
		width: 49px;
	}
	
	.ui-listview>li h2 {
		width: 80%;
		white-space: normal;
	}
	
	.ui-listview .ui-warning-message {
		width: 240px;
		white-space: normal;
	}

	.ui-field-contain>label~[class*=ui-], .ui-field-contain .ui-controlgroup-controls {
		width: 20%;
	}
	
	.ui-listview .ui-field-contain {
		padding-left: 30%;
	}

	.ui-listview .ui-field-contain label {
		left: 2%;
		top: 12px;
		position: absolute;
		white-space: normal;
		width: 28%;
	}
	
}


@media (max-width : 480px) {
	.activity-button p{
		height: 2.5em;
	}
}