/* === About ==== */
#about .aboutImageRow {
 	text-align:center;
	margin: 22px 0 12px 0;
}
#about .aboutCaption {
	text-align: center;
	padding: 4px 0 6px 0;
}

/* === Box Score ==== */
#boxscore .scoreBoard {
	margin-bottom: 36px;
}
#boxscore div.periodScore {
	width:70%;
	margin: 0 auto;
}
#boxscore .gamesum, #boxscore .playbyplay {
	margin-bottom: 24px;
	padding:12px;
	background-color:#FFF;
	border: 1px solid #666;
	color:#000;
	max-width:650px;
}
#boxscore .gamesum a, #boxscore .playbyplay a {
	color:#20399D;
}
#boxscore .statsWrapper {
  margin-top: 18px;
}


.playByPlay_wrapper {
  font-size: 16px; 
  line-height: 20px;
}

.playByPlay_inningHalf_heading_content {
  font-weight: bold;
}

#boxscore .scoreSummaryWrapper table
, #boxscore .penaltySummaryWrapper table {
  width: 100%;
}
#boxscore .scoreSummaryWrapper table thead
, #boxscore .penaltySummaryWrapper table thead {
  font-weight: bold;
}
#boxscore .scoreSummaryWrapper table thead tr
, #boxscore .penaltySummaryWrapper table thead tr {
  background-color: #999;
  color: #fff;
}
#boxscore .scoreSummaryWrapper table tr
, #boxscore .penaltySummaryWrapper table tr {
  border-top: 1px solid #999;
}
#boxscore .scoreSummaryWrapper table td
, #boxscore .penaltySummaryWrapper table td {
  padding: 0 4px;
}
#boxscore .scoreSummaryWrapper table td.perCell
, #boxscore .penaltySummaryWrapper table td.perCell {
  text-align: center;
}
#boxscore .scoreSummaryWrapper .periodHeadMobile, #boxscore .scoreSummaryWrapper .strengthHeadMobile
, #boxscore .penaltySummaryWrapper .periodHeadMobile {
  display: none;
}

#boxscore .summaryWrapper, #boxscore .summaryWrapper .modGroupItem {
  padding: 0;
}
#boxscore .penaltySummaryWrapper table td {
  padding: 2px 0;
}
#boxscore .penaltySummaryWrapper table td div {
  line-height: 16px;
}



@media (max-width: 767px) {
  #boxscore .scoreSummaryWrapper .periodHead, #boxscore .scoreSummaryWrapper .strengthHead
  , #boxscore .penaltySummaryWrapper .periodHead {
    display: none;
  }
  #boxscore .scoreSummaryWrapper .periodHeadMobile, #boxscore .scoreSummaryWrapper .strengthHeadMobile
  , #boxscore .penaltySummaryWrapper .periodHeadMobile {
    display: inline-block;
  }
}



/* MOVE TO COMMON */
/* === Coaches ==== */



/*

.peopleListPage .modGroupItem .nameLabel {
	width:33%;
}

.peopleListPage .modGroupItem .nameLabel
, .peopleListPage .modGroupItem .staffTitle
, .peopleListPage .modGroupItem .staffTeam
, .peopleListPage .modGroupItem .staffContactInfo {
	line-height:18px;
}




*/


/*
.peopleListPage .modGroupItem span
, .peopleListPage .modGroupItem .nameLabel {
	display:inline-block;
	vertical-align: middle;
}
*/

#roster .modGroupWrapper, #coaches .modGroupWrapper {
  margin: 0 0 12px;
}



.peopleListPage .paging {
	margin-top:10px;
}
.peopleListPage .historyLink {
	text-align:right;
	margin-right:12px;
}



.peopleListPage .contactStr {
	margin-right: 16px;
}
.peopleListPage .contactStr_phoneMobile:before {
    font-family: FontAwesome;
    content: "\f10b";
    margin-right: 8px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    text-align: center;
    font-size:18px;
}
.peopleListPage .contactStr_phone:before {
    font-family: FontAwesome;
    content: "\f095";
    margin-right: 8px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    text-align: center;
}

.peopleListPage .contactStr_email:before {
    font-family: FontAwesome;
    content: "\f003";
    margin-right: 8px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    text-align: center;
}

.peopleListPage .modGroupDetailsWrapper {
	border-radius: 6px;
}


@media (max-width: 650px) {

  .peopleListPage .modGroupDetailsWrapper {
    border-radius: 0;
  }


}


.peopleListPage .pagination {
  margin-bottom:0;
}



.peopleListPage .nameLabel {
  font-weight:bold;
}



.peopleListPage .thead {
  padding: 0;
  line-height: 22px;
  font-size: 12px;
}
.peopleListPage .thead a {
  text-decoration: none;
}
.peopleListPage .thead a:hover {
  text-decoration: underline;
}


.peopleListPage .thead .nameLabel {
  font-weight: normal;
}




.peopleListPage .modGroupItemAdd .noneLabel {
  color:#aaa;
  font-size: 12px;
  font-weight: normal;
}




/* common */





/*

.peopleListPage.hasPlayerNumber #group_byTeam_byName .list .tableHeader li
, .peopleListPage.hasPlayerNumber #group_byTeam .tableHeader li
, .peopleListPage.hasPlayerNumber .modGroupDetailsWrapper .tableHeader li {

  margin:0;

  padding:0 2px 0 36px;

  list-style-type: none;

  line-height: 22px;

  display:block;
  text-align: left;

}




.peopleListPage #group_byTeam_byName .list li:before
, .peopleListPage #group_byTeam_byName .list li:after

, .peopleListPage #group_byTeam .list li:before
, .peopleListPage #group_byTeam .list li:after

, .peopleListPage .modGroupDetailsWrapper .list li:before
, .peopleListPage .modGroupDetailsWrapper .list li:after
 {
    display: table;
    content: " ";
}




.peopleListPage #group_byTeam_byName .list li:after
, .peopleListPage #group_byTeam .list li:after
, .peopleListPage .modGroupDetailsWrapper .list li:after
 {
  clear: both;
}

*/






/* grouped */
.peopleListPage #group_byTeam {

}
.peopleListPage #group_byTeam .list {
  margin: 0;
}


/* team and division separators */
.peopleListPage .byTeamTeamRow {
  background-color: #777;
  padding: 0 12px;
  color:#fff;
  line-height: 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-weight: bold;
  font-size: 14px;

  display: block;
  text-decoration: none;
  margin-top: 4px;

}
.fullPage .mainArea .modWrapper .modColorBG .peopleListPage a.byTeamTeamRow {
  color:#fff;
}
.peopleListPage .byTeamDivisionRow {
  padding: 0 12px;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  background-color: #333;
  color:#fff;
  border-radius: 6px;
  border-radius: 6px;
  margin-top: 4px;
  margin-bottom: 1px;
}
.modWrapper .modColorBG .peopleListPage .byTeamDivisionRow a {
  color:#fff;
}


.peopleListPage #group_byTeam .modGroupDetailsWrapper {
  margin-bottom: 4px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.rosterTableWrapper .thead {
  background-color: #333;
}



.peopleListPage .rosterTableWrapper .thead td {
  padding: 2px 4px 2px 4px;
}
#frameOuterWrapper .peopleListPage .rosterTableWrapper .thead td a {
  color:#fff;
  text-decoration: underline;
}




/* list */
.peopleListPage #group_byTeam_byName {
	margin: 0;
}
.peopleListPage #group_byTeam_byName .list {
  margin: 0;
}


.peopleListPage #group_byTeam_byName .modGroupDetailsWrapper {
  border: none;
}



.peopleListPage .numPlayers {
  float: right;
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  margin-right: 8px;
}



.peopleListPage .expandLabel {
  float: right;
  display: inline-block;
  font-weight: normal;
  margin-top: -1px;
}
.peopleListPage .expandLabel:before {
  font-family: FontAwesome;
  content: "\f146";
  display: inline-block;
  vertical-align: middle;
}
.peopleListPage .collapsed .expandLabel:before {
  content: "\f0fe";
}


.peopleListPage #tableExpandCollapse div {
  display: inline-block;
  float: right;
}


.peopleListPage .expandCollapseAll {
    color: #999 !important;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
    margin: 0 8px;
}

.peopleListPage .expandCollapseAll:before {
  font-family: FontAwesome;
  content: "\f0fe";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.peopleListPage .expandCollapseAll.collapseAll:before {
  content: "\f146";
}


/* === Coaches ==== */

#coaches .filterOptionsBottom {
  text-align: right;
  margin-top: 12px;
}

/*
#coaches .itemData {
  display: inline-block;
  padding-left: 12px;
}
*/

#coaches .peopleListPage .nameLabel {
  width: 40%;
  display: inline-block;
}

#coaches .peopleListPage #group_byTeam_byName .staffTitle {
  width: 30%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#coaches .peopleListPage #group_byTeam_byName .staffTeam {
  width: 30%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#coaches .list {
  margin: 0;
  padding:0;
  list-style: none;
  min-height: 32px;
}

#coaches .modGroupItem {
  margin: 0;
  padding: 2px;
  line-height: 28px;
  list-style: none;
}


@media screen and (max-width: 575px) {
  #coaches .peopleListPage #group_byTeam .nameLabel
  , #coaches .peopleListPage .mainStaff .nameLabel {
    width: 50%;
  }
}
@media screen and (max-width: 475px) {
  #coaches .peopleListPage #group_byTeam .nameLabel
  , #coaches .peopleListPage .mainStaff .nameLabel {
    width: 60%;
  }
}


.peopleListPage .staffContactInfo {
  margin-top: -4px;
  margin-bottom: 2px;
  padding-left:12px;
  line-height: 20px;
}








/* ripples into a mess here... */


/*







*/




























/* === Custom ==== */
#custom .pageBigTextContentWrapper {
	min-height:360px;
}

/* === fundraiser=== */
#fundraiser .modImageWrapper {
	position:relative	
}
#fundraiser .jerseyInfo {
	position:absolute;
	top:105px;
	left:0;
	width:240px;
	text-align:center;
	height:100px;
	color:#000;
}
#fundraiser .jerseyInfo em {
	font-weight:bolder;
	font-size:15px;
	font-style:normal;
}
#fundraiser .jerseyInfo strong {
	font-size:56px;
}

/* === Guestbook === */
#guestbook .guestbookLogin {
	text-align:right;
	margin-right:12px;	
}
#guestbook .guestbookLogin input {
	vertical-align:middle;
	margin:-2px 0 0 2px;
}
#guestbook #loginButton {
	padding:0 4px;	
}

/* === GuestbookInput === */
#guestbookinput #firstName {
	width:105px;	
}
#guestbookinput #lastName {
	width:150px;	
}
#guestbookinput #guestemail {
	width:175px;	
}
#guestbookinput #phone {
	width:120px;	
}
#guestbookinput #guestlocation {
	width:160px;	
}
#guestbookinput #subject {
	width:265px;	
}
#guestbookinput #body {
	width:99%;	
}

/* === Links === */
#links .dataTable td {
	white-space:normal;
}
#links .dataTable thead a {
	text-decoration:none;
}

/* === Locations ==== */
#locations .locationLink {
	float:right;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
}
#locations .locationLink:hover {
	text-decoration:underline;
}

/* === Login ==== */
#loginWrapper {
	text-align:center;
	padding:36px 0;	
}
#loginWrapper .pageBigTextContentWrapper {
	padding: 28px 12px 32px 12px;
}
#loginWrapper .instructions {
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}
#loginWrapper .instructions img {
  margin: -12px 12px 0 0;
	vertical-align:middle;
}
#loginWrapper .instructions span {
	vertical-align:middle;
	display:inline-block;
}
#loginWrapper .inputWrapper {
	float:none;	
	text-align:left;
	max-width:280px;
	width: 100%;
	display:inline-block;
	margin:0 auto;
}
#loginWrapper #teampass {
	width:100%;	
}
#loginWrapper .rememberRow {
	text-align:left;
	display:inline-block;
	margin: 0 auto 0 auto;
}
#loginWrapper .rememberRow input {
	margin:-3px 8px 0 0;
	vertical-align:middle;
}
#loginWrapper .formButton .buttonWindow {
	padding-left:38px;
	padding-right:38px;
}
#loginWrapper .contact {
	margin-top:32px;
	font-size:14px;
}


#loginWrapper .staffLogin {
  margin-bottom: 12px;
  border: 2px dashed #27e;
  padding: 8px;
  text-align: center;
  border-radius: 12px;
  font-size: 16px;
}
#loginWrapper .staffLogin .staffLoginHeaderMsg {
  color:#27e;
  font-weight: bold;
  margin-bottom: 8px;
}
#loginWrapper .staffLogin a {
  color:#fff;
  width: 200px;
  line-height: 32px;
}
#loginWrapper .staffLogin .staffLoginFooterMsg {
  color:#27e;
  margin-top: 8px;
  
}

/*
#loginWrapper .staffLogin {
  margin-top: 24px;
}
#loginWrapper .staffLogin a {
  display: block;
  max-width: 335px;
  font-size: 14px;
  border: 1px dashed #D1AD42;
  background-color: #333;
  padding: 6px;
  color:#fff;
  margin: 0 auto;
  border-radius: 18px;
}
*/





/* === News === */
#newsWrapper {
	display:table;
}
#newsWrapper .modGroupHeading {
	padding-left: 11px;
}
#newsWrapper .newsContentHolder {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
#newsWrapper .newsContentHolder td {
    vertical-align: top;
    width: 50%;
	padding: 0; 
}

#newsWrapper .modGroupItem div {
	margin:3px 0;
}
#newsWrapper .newsHeading a {
	font-size: 14px;
}
#newsWrapper .newsAuthor, .newsDate {
	color:#999;
}
#newsWrapper .newsSummary {
	font-size: 14px;
	color:#666;
}




#newsWrapper .newsMore a {
	font-size: 14px;
	background-color: #bbbbbb;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 26px;
	padding: 0 10px;
	text-decoration: none;
}
#newsWrapper .newsMore a:hover {
	color: #ffffff;
	background-color: #999999;
}
#newsWrapper .newsMore {
	text-align: right;
	padding:0 10px 10px 0;
}
#newsWrapper .newsMore span {
	padding-right:8px;
}
#newsWrapper .newsDateStory {
	color:#999;
	text-align:right;
	padding-right:10px;
	margin:3px;
	background-color:#F2F2F2;
	line-height: 17px;
}
#newsWrapper .newsstoryPhoto {
	float: right;
	margin-left:9px;
	margin-bottom:4px;
}
#newsWrapper.noStory .newsstoryPhoto {
	float: none;
	margin:0;
}


#newsWrapper .newsstoryPhoto .caption {
	text-align:center;
	color:#333;
	margin:3px 0;
}

.cutoffDate {
	color:#999;
	text-align:right;
	margin:36px 12px 0 0;
}
.cutoffDate span, .cutoffDate a {
	color:#999;
	padding-left:6px
}
.cutoffDate span.activeCutoff {
	font-weight:bold;
}

/* photos */
#photosContainer li {
	list-style:none;
}
#photosContainer #albumWrapper {
	width:auto;
	margin:0 16px;
}	
#photosContainer #albumsContainer {
	padding:0;	
}
#albumTabsWrapper {
	padding-left:4px;	
}
#albumTabsWrapper a {
	padding-left:4px;	
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	display:inline-block;
	width:150px;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	margin: 0 3px 0 2px;
	text-align:center;
	text-decoration:none;
	background-color:#333;
	color:#666;
}
#albumTabsWrapper a:active {
	outline:none;	
}
#albumTabsWrapper a.selected {
	background-color:#161616;
	color:#FFF;
}
#albumTabsWrapper a:hover {
	background-color:#000;
}






/* === Slideshow === */
#photosContainer {
	border:1px solid #666;
	background-color:#333;
	background-color:rgba(0, 0, 0, 0.6);
	max-width:628px;
	padding-bottom: 14px;
}

/* nav buttons */
.slideShowIndex, .slideShowViewAll,.ss-controls a,
.slideShowPagingWrapper, .slideShowNavClose, .slideShowBack {
	display:inline-block;
	border:2px solid #000;
	background-color:#333;
	line-height:20px;
	padding:0 8px;
    text-decoration: none;
}
#structCols .slideShowViewAllTop, #structCols .slideShowViewAllTop a,
#structCols .slideShowAlbumNav, #structCols .slideShowAlbumNav a {
	color:#999;	
}

/* top main nav */
.slideShowAlbumNav, .slideShowViewAllTop {
	padding: 10px 10px 8px 10px;	
}
.noTopNav .slideShowAlbumNav {
	display:none;
}

.slideShowBack, .slideShowIndex, .slideShowViewAll {
	margin-right:4px;
	margin-bottom:2px;
	z-index:9;
}

#structCols .slideShowViewAll:hover, #structCols .slideShowBack:hover {
	background-color:#666;
	color:#FFF;
	text-decoration: none;
}

/* start/stop control */
#slideshow .ss-controls a {
	height:24px;
	width:24px;
}
#slideshow .slideShowPlayPauseWrapper {
	display: inline-block;
	margin: 10px;
}

#albumContentWrapper {
	margin-top: 12px;
}
#slideshow .carousel-caption  {
	position: relative;
	left: auto;
	right: auto;
	padding: 30px 8px;
}

#slideshow .carousel-indicators {
  bottom: 8px;
	width: 70%;
	margin-left: -35%;
}
#slideshow .carousel-indicators li {
  height:12px;
  width:12px;
}
#slideshow .carousel-indicators .active {
  height:14px;
  width:14px;
}




/* === PhotoCat === */
.photocatImageHolder {
	border-top: 2px solid #000;
	margin-top: 14px;
	padding: 18px 18px 4px 18px;
}
.photocatImageHolder .row > div {
	padding: 2px 8px;
}
.photocatImageHolder .R {
	text-align:right;
}
.photocatImg span {
	padding:4px;
}
.photocatImg img {
	padding:1px;
	
}
.photocatImg a {
	border: 2px solid #000;
	padding:1px;
	display:table;
	margin:auto;
}
.photocatNumberOfPics {

}
.photocatCaption {
	font-size: 14px;
	font-weight: bolder;
}
.photocatPhotoDate {

}
.photocatStory {

	font-weight: bold;
}

.photocatImageHolder .row > div.photocatInfo {
	padding-top: 24px;
}
.photocatImg a:hover {
	border-color: #FFF;
}
.photocatNumberOfPics, .photocatCaption {
	color: #FFF;
}
.photocatPhotoDate, .photocatStory {
	color: #CCC;
}










/* albums */
#photos .loading {
	background-image: url('/lib/jquery/external/SlideShow/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
#albumsList {
	margin:12px 8px;
	padding:0;	
}
#albumsList li {        
    float:left;
    padding: 5px;
    margin: 4px;
    width:133px;
    height:168px;
    text-align:center;                                
}
#albumsList li:hover {
	background: #666; 
	color: #fff;
	cursor:pointer;
}
#albumsList .img td {      
    width:106px;
	height:106px;
	border:1px solid #999;
	vertical-align:middle;
	text-align:center; 
	background-color:#222;     
}
#albumsList .img img {      
	max-width:90px;
	max-height:90px; 
	border:1px solid #333;        
}
#albumsList .albumInfo {
	height:40px;
	line-height:13px;
	overflow:hidden;
	padding-top:3px;
}
#albumsList table.albumTable {
	margin:5px auto;
}
#albumsList img {
	border:0;
}
#albumsList td {
	vertical-align:top;
	text-align:left;
}
#albumsList td.bl {
	background-image:url(/admin/images/pages/PhotoAlbums/cascadeBL.gif);
	background-repeat:repeat-x;
}
#albumsList td.tr {
	background-image:url(/admin/images/pages/PhotoAlbums/cascadeTR.gif);
	background-repeat:repeat-y;
}
#albumsList td.br img {
  display: block;
}







/* Responsive image gallery rules begin*/

#gallery.fullPage .modContent {
  padding: 6px;
}
#gallery .image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0;
}


#gallery .image-gallery > li {
  height: 200px;
  cursor: pointer;
  position: relative;
  list-style: none;


  border: solid 2px black;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  border-radius: 5px;
  overflow: hidden;

  transition: all .25s ease-in-out;

}


#gallery .image-gallery > a {
  display: block;
  width: 100%;
  border-radius: 5px;
  height: 100%;
  overflow: hidden;

}




/* 
#gallery .image-gallery::after {
  content: "";
  flex-grow: 999;
}
 */
#gallery .image-gallery li img {
  object-fit: cover;
  height: 100% !important;
  vertical-align: middle;

}



#gallery .image-gallery li:hover {
  transform: scale(1.05);
}




#gallery .overlay {

  display: none;
  color: #fff;
  text-shadow: 0 0 8px #000000dd;
  font-weight: bold;
  line-height: 16px;
}

/* hover */
#gallery .image-gallery li:hover .overlay {

  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#00000066;
  z-index: 10;
  padding: 6px 10px;
  text-align: center;



}












/* === Preview  ==== */
#preview .previewBody {
	padding:12px;
	margin-bottom: 24px;
	background-color:#FFF;
	border: 1px solid #666;
	color:#000;
	max-width:650px;
}
#preview .previewBody a {
	color:#20399D;
}
.scoresheets {
	text-align:right;
	margin: 10px 12px 0 0;
}
div.scoresheets select {
	margin-right:4px;
}
#frameOuterWrapper div.scoresheets a {
/*
// this should not be here, there are different templates
	color:#FFF;
*/
	float: right;
	vertical-align: middle;
	display: inline-block;
	margin-top: -1px;
  font-size: 14px;
}
div.mapInstructions {
	text-align:center;
	padding-bottom: 2px;
}
div.mapBox {
	padding-bottom:10px;
}
fieldset.previewDirections {
	padding:8px;
	margin-top:12px;
}
.previewDirections label {
	width:100px;
	text-align:right;
	padding:6px 4px 0 0;
}
.previewDirections div {
	margin:3px;
}
.previewDirections legend {
	font-weight:bold;
}
#preview .gametypeLabel {
	font-size:14px;
	font-style:italic;
	text-align:center;
}















/*
#preview .dataRow .dateData {
  font-size: 14px;
}


#preview .dataRow.type_80 .mainData {
  float: right;
  text-decoration: underline;
}


#preview .dataRow span {
  display: inline-block;
}
#preview .dataRow .count {
  float: right;
} 

*/

/*
#preview .dataRow.type_80 {
  background-color: transparent;
}
#preview .dataRow.type_100 {
  background-color: #EDF4FA;
}



#preview .dataRow.type_80:hover {
  background-color: #DFD9FF;
  color:#2659FF;
}


#preview .dataRow.type_100:hover {
  background-color: #CDD;
  color:#333;
}

*/


























/* === Preview (Attendance)  ==== */
#attendance .dataTable table, #attendance2 .dataTable table {
	width:auto;
}
.attendanceLoginFields > span {
	display: inline-block;
	padding:0 14px 8px 0;
}
#attendance div.contact, #attendance2 div.contact {
	padding-top:24px;
}
#attendance .attendanceFail, #attendance2 .attendanceFail {
	font-weight: bold;
	margin-bottom:8px;
	font-size: 14px;
}
div.attendanceMsg {
	padding-bottom:6px;
	font-weight:bold;
}
#attendance span.pwLabel, #attendance2 span.pwLabel {
}
.attendanceLogout {
	text-align: right;
}
/*
span.attendanceLogout {
	float:right;
}
*/
div.attendanceSubmit {
	padding-top: 12px;
}
div.attendanceThanks {
	padding:24px 24px 30px 24px;
	font-weight:bold;
}
.attendanceSub {
	font-style:italic;
}
table.attendanceCoachFields {
	border-collapse:collapse;
	border-spacing:0;
	margin:6px 0;
}
.attendanceCoachFields td {
	padding:2px 6px;
	text-align:center;
	white-space: normal;
}
.attendanceCoachFields thead td {
	font-weight:bold;
}
.attendanceCoachFields td.attendanceName {
	text-align:left;
}
.attendNote {
	padding:8px 4px;
}
.attendanceBlock input {
	margin-top: -1px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
}
 .attendanceBlock span {
	display: inline-block;
	vertical-align: middle;
}

/* jquery popup */
.modAttendance.ui-dialog {
	color:#FFF;
	background-color: #222;
	border: 3px solid #AAA;
	text-align:left;
	float: left;
	border-radius:10px;
}
.modAttendance  .ui-dialog-titlebar-close {
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 100;
	border: none;
	height: 16px;
}
.modAttendance .ui-dialog-titlebar {
	background-color:#5F178E;
}
.modAttendance  .ui-dialog-title {
	margin-left:4px;
	
	text-transform:none;
	
	line-height:16px;
	display:inline-block;
}
.modAttendance .ui-dialog-content {
	padding:8px 16px;
}
.modAttendance label {
	margin: 0;
}
.modAttendance .inputRow {
	margin:6px 0;
}
.modAttendance .actions input {
	margin-right:8px;
}
.modAttendance .instructions {
	margin-bottom:8px;
}
.modAttendance .actions {
	margin-top:6px;
	text-align: center;
}

/* === Profile (player(old)/coach) ==== 
#profileWrapper {
	border:solid 1px #666;
	background-color:#333;
	color:#FFF;
	max-width:530px;
	margin:16px auto;
	
	padding: 12px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#profileWrapper a {
	color:#FFF;
	text-decoration:none;
}
#profileWrapper a:hover {
	text-decoration:underline;
}
#profileWrapper .profileHeading {
	font-size:26px;
	font-weight:bold;
	padding: 0 0 8px 7px;
}
#profileWrapper .bioNumberTeam {
	font-size:20px;
	padding: 0 0 4px 7px;
}
#profileWrapper .bioNumber {
	margin-right:12px;
	
}
#profileWrapper .bioName span {
	display: inline-block;
}
#profileWrapper .bioTeamName, #profileWrapper .bioTeamName a {
	color:#AAA;
}
#profileWrapper .modItemLabel {
	font-style:normal;
	color:#AAA;	
}
#profileWrapper .modItemValue {
	font-weight:normal;	
}
#profileWrapper .modGroupItemOdd .modItemLabel {
	color:#999;	
}
#profileWrapper .profileTable {
	width:100%;	
}
#profileWrapper .profileTable td {
	vertical-align:top;	
}
#profileWrapper .bioPhoto img {
	border:solid 1px #666;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
}
#profileWrapper td.bioAttributes {
	padding-left: 12px;	
}
#profileWrapper .modGroupItemOdd {
	background-color:#000;
}

*/














/* === Profile (player/coach)  ==== */

#profile .modWrapper, #coachprofile .modWrapper {
  color: #333;
}




#profile .pageTitle div, #coachprofile .pageTitle div {
  text-align: center;
}

#profile .modContent, #coachprofile .modContent {
  background-color: #fff;
  padding: 0;
}


#profile .mobileTeamName {
  display: none;
  text-align: center;
  padding-top: 4px;
}

#profile .mobileTeamName a, #profile .mobileTeamName span {
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  color: #333;
  line-height: 22px;
}

#profile #profileInfo, #coachprofile #profileInfo {
  background-color: #eaeaea;
  position: relative;
  min-height: 290px;
  padding-bottom: 12px;
  margin: 20px 10px;
}

#profile .bioPhoto, #coachprofile .bioPhoto {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 36px;
  border: 2px solid #fff;
  max-width: 204px;
}


#profile .playerSelectWrapper {
  display: inline-block;
  float: right;
  padding: 12px;
}

#profile .backToRoster {
  font-weight: bold;
}






#profile .profileTeamName, #coachprofile .profileTeamName {
  padding-left: 318px;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
}
#coachprofile .profileTeamName {
  padding-left: 256px;
}
#profile .profileTeamName a, #profile .profileTeamName span, #coachprofile .profileTeamName span {
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  color: #333;
  line-height: 56px;
}





#profile .profileHeading, #coachprofile .profileHeading {
  padding-left: 240px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 38px;
  line-height: 76px;
  height: 72px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}



#profile .profileHeading .bioNumber {
  display: inline-block;
  color: #000;
  background-color: #fff;
  height: 72px;
  width: 78px;
  text-align: center;
}
#profile .profileHeading .bioName, #coachprofile .profileHeading .bioName {
  padding-left: 14px;
}

#profile .bioNameMobile, #coachprofile .bioNameMobile {
  color: #333;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  min-height: 76px;
  padding: 8px 2px 4px 128px;
  white-space: nowrap;
  overflow: hidden;
  display: none;
}





#profile .profileDetails, #coachprofile .profileDetails {
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 20px;
  padding: 12px 12px 12px 252px;
}

#profile .profileDetails .modGroupItem, #coachprofile .profileDetails .modGroupItem {
  line-height: 42px;
  white-space: nowrap;
  overflow: hidden;
}

#profile .profileDetails .modGroupItem.fullWidth {
  white-space: normal;
  /* line-height: 28px;   removed for ITEM-4763  */
}

#profile .modItemLabel, #coachprofile .modItemLabel {
    font-style: normal;
    text-transform: uppercase;
    margin-right: 12px;

}

#profile .modItemValue, #coachprofile .modItemValue {
    font-weight: normal;
}
@media (min-width: 992px) {
	#coachprofile .modItemLabel {
	    position: absolute;
	    left: 6px;
	}
	#coachprofile .modItemValue {
	    white-space: normal;
	    line-height: 20px;
	    padding-left: 60px;
	    display: inline-block;
	}
}

#profile .profileDetails .modGroupItem a
, #coachprofile .profileDetails .modGroupItem a
, #coachprofile .profileDetails .modGroupItem {
  color: #333;
  text-decoration: none;
}



#profile .profileTabs .nav-tabs, #coachprofile .profileTabs .nav-tabs {
  border-bottom-width: 6px;
  margin: 22px 0 0;
}

#profile .profileTabs .nav li, #coachprofile .profileTabs .nav li {
  margin: 0 2px;
}

#profile .profileTabs .nav-tabs .firstTab, #coachprofile .profileTabs .nav-tabs .firstTab {
  margin-left: 42px;
}

#profile .profileTabs .nav-tabs .bioTab span:before, #coachprofile .profileTabs .nav-tabs .bioTab span:before {
  font-family: FontAwesome;
  content: "\f007";
}
#profile .profileTabs .nav-tabs .highlightsTab span:before {
  font-family: FontAwesome;
  content: "\f00b";
}
#profile .profileTabs .nav-tabs .statsTab span:before {
  font-family: FontAwesome;
  content: "\f080";
}



#profile .profileTabs .nav-tabs > li > a, #coachprofile .profileTabs .nav-tabs > li > a {
  background-color: #eaeaea;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
  line-height: 10px;
  height: 28px;
  width: 140px;
  text-align: center;
  border: 1px solid #d9d9d9;
  padding: 10px 0px;
}

#profile .profileTabs .nav-tabs > li > a:focus, #profile .profileTabs .nav-tabs > li > a:hover {
  background-color: #c8c8c8;
}

#profile .profileTabs .nav-tabs > li > a span:before, #coachprofile .profileTabs .nav-tabs > li > a span:before {
  margin-right: 8px;
  font-size: 18px;
}

#profile .profileTabs .nav-tabs > li.active > a, #profile .profileTabs .nav-tabs > li.active > a span:before {
}


#profile .tab-content, #coachprofile .tab-content {
  padding: 14px;
}

#profile .profileResult a, #coachprofile .profileResult a {
  display: inline-block;
  padding-left: 4px;
}

#profile .modWrapper .pagePrintableGlossary a, #coachprofile .modWrapper .pagePrintableGlossary a {
    color: #fff !important;
    background-color: #cdcdcd;
}

#profile .pagePrintableGlossary img, #coachprofile .pagePrintableGlossary img {
  display: inline-block;
}




@media (max-width: 991px) {

  #profile .mobileTeamName {
    display: block;
  }
  #profile .profileTeamName a, #profile .profileTeamName span {
    display: none;
  }
  #profile #profileInfo, #coachprofile #profileInfo {
    margin-top: 0;
  }
  #profile .profileDetails .modGroupItem, #coachprofile .profileDetails .modGroupItem {
    line-height: 18px;
    width: 100%;
  }
}




@media (max-width: 767px) {




  #profile #profileInfo, #coachprofile #profileInfo {
    min-height: 0;
    padding-bottom: 4px;
  }

  #profile .playerSelectWrapper {
    padding: 8px 8px 0 0;
    max-width: 172px;
  }

  #profile .profileTeamName {
    padding: 0;
    height: 40px;
  }


  #profile .bioPhoto, #coachprofile .bioPhoto {
    top: 8px;
    left: 10px;
    max-width: 112px;
    border-width: 1px;
  }

  #profile .profileHeading, #coachprofile .profileHeading {
    padding-left: 121px;
    font-size: 30px;
    line-height: 40px;
    height: 36px;
  }

  #profile .profileHeading .bioNumber {
    height: 35px;
    padding: 0 8px;
  }


  #profile .profileHeading .bioName, #coachprofile .profileHeading .bioName {
    display: none;
  }

  #profile .bioNameMobile, #coachprofile .bioNameMobile {
    display: block;
  }


  #profile .profileDetails, #coachprofile .profileDetails {
    font-size: 16px;
    padding: 0 2px 2px 4px;
  }

  #profile .profileDetails .modGroupItem, #coachprofile .profileDetails .modGroupItem {
      line-height: 12px;
  }




  #profile .profileTabs .nav-tabs .firstTab, #coachprofile .profileTabs .nav-tabs .firstTab {
      margin-left: 10px;
  }


  #profile .profileTabs .nav-tabs > li > a {
    font-size: 12px;
    line-height: 4px;
    height: 24px;
    width: 96px;
  }


  #profile .profileTabs .nav-tabs > li > a span:before {
      margin-right: 4px;
      font-size: 14px;
  }





}





















/*
#profile .dataTable .profileResult a {
	display:inline;
	margin-left:6px;
}
#profile td.profileResult {
	width:90px;
}
#profile td.profileTeamGame {
	text-align:left;
}
#profile div.profStatFilter {
	text-align:right;
}
#profile .profStatFilter span {
	margin-right:4px;
}

*/





/* === coach profile ==== 
#coachprofile .mobileHeading {
	display: none;
}
#profileWrapper .profileHeading.mobileHeading {
	padding-bottom: 0;
}
*/





/* records */
#records .modGroupWrapper {
	border: 1px solid #CCCCCC;	
}
#records .modGroupDetailsWrapper {
	border:none;
}

/* === Registration === */
/* === Registration Outer Shell Page === */
#registration td.content,
#registrationconfirmation td.content,
#registrationthankyou td.content {
	padding:0;	
}
#registration .contentBody,
#registrationconfirmation .contentBody,
#registrationthankyou .contentBody {
	background-image: url(/admin/images/template/bgLines.png);
	background-repeat:repeat;
	background-color:#1F1F1F;
	padding:0;
}
.registrationTitlesWrap {
	text-align:center;
	margin: 0 auto;
	padding: 12px 0;
}
.regLinksHeader {
	color:#FFF;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.registrationTitles {
	list-style-type:none;
	margin:0;
	padding:0;
}
.registrationTitles li {
	padding:0;
	display:inline-block;
	margin:0px 3px 9px 3px;
}
.registrationTitles a {
	text-decoration:none;
	background-color:#E0DFE3;
	border:solid 1px #bbb;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:26px;
	white-space:nowrap;
	padding:6px 0;
}
#frameOuterWrapper .registrationTitles a {
	color:#000;
}
.registrationTitles a:hover {
	background-color:#FC0;
}
.registrationTitles .selForm {
	font-weight:bold;
	background-color:#888;
}
#regIframe{
	width:100%; 
	height:950px;
	border-width:0px;
  border-radius:5px;
}
.regIframeFooter{
	padding:4px;
}

.fullPage .mainArea .modWrapper .modColorBG a.regFooterLink {
  color: #fff;
}
.fullPage .mainArea .modWrapper .modColorBG a.regFooterLink:hover {
  color: #ccc;
}
a.regFooterLink {
  width: 100%;
  display: inline-block;
  color: #fff;
  background-color: #313a49;
  text-decoration: none;
  padding: 8px 12px 8px 40px;
  font-size:12px;
  position: relative;
}
a.regFooterLink:hover {
  color: #ccc;
}


.regFooterLink i {
  font-size: 18px;
  position: absolute;
  top: 8px;
  left: 12px;
}

body.secureHeader {
  padding-top: 0;
}
body.secureHeader #mobileNav_all {
  top: 33px;
}
@media (max-width: 570px) {
  body.secureHeader #mobileNav_all {
    top: 50px;
  }
  .regFooterLink i {
    top: 14px;
  }
}


/* === Registration Inner (Solo) Page === */
#registrationSoloPage, #registrationconfirmationSoloPage, #registrationthankyouSoloPage {
	margin:0 auto;
	background-color:#E0DFE3;
	padding:22px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	word-break: normal;
}
#registrationthankyouSoloPage .printIconButton {
	display: inline-block;
	float: right;
	color: #000;
	opacity: 0.5;
	padding-right: 8px;
}
#registrationthankyouSoloPage .printIconButton:hover {
	opacity: 1;
}
#registrationthankyouSoloPage .printIconButton i {
	font-size: 22px;
}
#registrationSoloPage .curFormTitle, #registrationconfirmationSoloPage .curFormTitle, #registrationthankyouSoloPage .curFormTitle {
	font-weight:bold;
	text-align:center;
	padding-bottom:12px;
}
#registrationSoloPage .regIntro {
	padding: 0 16px 8px 16px;
	font-size:14px;
}
#registrationSoloPage .regIntro.condensedView {
	font-size:12px;
}
#registrationSoloPage .regFormDisabled, #registrationconfirmationSoloPage .regFormDisabled {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin:32px 125px;
	padding:52px 5px;
	border:dashed 2px #F00;
}
#frameOuterWrapper #registrationSoloPage .regFormDisabled {
	color:#F00;
}
/* registrant info */
#registrationSoloPage .regInfo {
	background-color:#FFF;
	padding:12px 16px;
	margin-bottom:12px;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

#registrationSoloPage .regInfo.condensedView {
  padding: 4px 8px;
  margin-bottom: 0px;
}

#registrationSoloPage .regInfo.condensedView > div {
	padding: 1px 0;
  font-size: 12px;
}

#registrationSoloPage .regInfo > div {
	padding: 4px 0;
}
#registrationSoloPage .regInfo .regCustomFieldRow_checkbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
#registrationSoloPage .regInfoTitle {
	font-size:14px;
	font-weight:bold;
}
#registrationSoloPage .regLabels {
	width: 140px;
	text-align: right;
	vertical-align: top;
	padding: 6px;
  font-weight: bold;
}
#registrationSoloPage .regInfo > div > div {
	display: inline-block;
}
#registrationSoloPage .regInfo input {
	max-width: 150px;
}
#registrationSoloPage .regInfo select {
	max-width: 250px;
}
#registrationSoloPage .regInfo input, #registrationSoloPage .regInfo select,#registrationSoloPage  .regInfo textarea {
	margin: 0 8px 8px 0;
}
#registrationSoloPage .requiredField:after {
	content: "*";
}
#registrationSoloPage .regName input {
	max-width: 136px;
	display: inline-block;
}
#registrationSoloPage input#address, #registrationSoloPage input#address2 {
	max-width: 300px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
#registrationSoloPage .cityStateZip input, #registrationSoloPage .cityStateZip select {
	display: inline-block;
}
#registrationSoloPage .cityStateZip input#city {
	max-width: 190px;
}
#registrationSoloPage .cityStateZip select#state {
	max-width: 150px;
}
#registrationSoloPage .cityStateZip input#zip {
	max-width: 100px;
}
#registrationSoloPage input#phone {
	max-width: 250px;
}
#registrationSoloPage input#email, #registrationSoloPage input#emailConfirm {
	max-width: 320px;
}
#registrationSoloPage .regDivider {
	border-bottom: 1px solid #dedee3;
	margin-bottom: 4px;
  font-weight: bold;
  font-size: 22px;
  line-height: 22px;
  word-wrap: break-word;
}
#registrationSoloPage .regDivider.fontSize_small {
  font-size: 14px;
  line-height: 16px;
}
#registrationSoloPage .regDivider.fontSize_large {
  font-size: 28px;
  line-height: 30px;
}
#registrationSoloPage input#packageSel, #registrationSoloPage input#packageSel {
	display: inline-block;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
#registrationSoloPage input#packageSel.condensedView, #registrationSoloPage input#packageSel.condensedView {
  height: 16px;
  width: 16px;
}
#registrationSoloPage .redoSel {
	padding-left:4px;
	font-weight:bold;
	font-size:14px;
}
#frameOuterWrapper #registrationSoloPage .redoSel {
	color:#C00;
}
/* packages */
#registrationSoloPage .regPackageCat {
	background-color:#FFF;
	margin-bottom:4px;
	padding:12px 16px;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#registrationSoloPage .regPackageCat.condensedView {
  font-size: 12px;
  margin-bottom:0px;
	padding:0px 16px;
}
#registrationSoloPage .regPackageCat table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
#registrationSoloPage .regPackageCat .regInfoTitle {
	margin-bottom:8px;
}

#registrationSoloPage .regPackageDescTable .packageInfoWrapper {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 12px;
}

#registrationSoloPage .regPackageCat input {
	width:auto;
	display: inline-block;
}
#registrationSoloPage .regPackageSel {
	width:2%;
}
#registrationSoloPage .regPackagePrice {
	width:14%;
	vertical-align:top;
	text-align:left;
	padding: 4px 4px 4px 10px;
}
#registrationSoloPage .regPackagePrice strong {
	font-size:14px;
}
#registrationSoloPage .regPackagePrice.condensedView strong {
	font-size:12px;
}
#registrationSoloPage .regPackagePrice input {
	min-width:46px;
  width: 64px;
	margin-left: 4px;
}
#registrationSoloPage .regDates {
	width:50%;
	font-weight:bold;
}
#registrationSoloPage .regTimes {
	width:70%;
	padding-left: 12px;
	font-weight:bold;
}
#registrationSoloPage .regPackage {
	font-weight:bold;
  margin-right: 20px;
}
#frameOuterWrapper #registrationSoloPage .regDesc {
	color:#666;
}
#registrationSoloPage .regPackageDiv {
	padding:8px 0;
}
#registrationSoloPage .regPackageDiv.condensedView {
  display: none;
}
#registrationSoloPage .regPackageDiv div {
	background-color:#fff;
}
/* multiplier */
#registrationSoloPage div.regPackageMultiplier {
	padding: 4px 15px;
}
#registrationSoloPage .regPackageMultiplier input {
	max-width: 50px;
	display: inline-block;
}
#registrationSoloPage .regPackageMultiplier span {
	font-weight:bold;
	font-size:14px;
}

#registrationSoloPage .regPackagePriceWrapper {
  width: 175px;
}

#registrationSoloPage .regPackagePriceWrapper .regPackagePriceTable {
  width: 90%;
}

#registrationSoloPage .regPackageQuantityWrapper {
  display: flex;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
}

#registrationSoloPage .regPackageQuantityWrapper .regPackageQuantityLabel {
  margin-right: 6px;
}

#registrationSoloPage .regPackageQuantityWrapper .regPackageQuantityLabel {
  margin-right: 6px;
}

#registrationSoloPage .regPackageQuantityWrapper .packageQuantity {
  width: 60px;
}

#registrationSoloPage .packageInfoCell {
  display: flex;
}
/* footer */
#registrationSoloPage .regFooter {
	padding:8px 16px;

}
#registrationSoloPage .regFooter.condensedView {
	padding:1px 16px;
  font-size: 12px;
}
#registrationSoloPage .regFooterTable {
	margin:6px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#registrationSoloPage .regFooterTable input#consentCheck {
	position: absolute;
	left: 10px;
  top: 7px;
  width: 20px;
  height: 20px;
}
#registrationSoloPage .regFooterTable input#consentInit {
	margin-right:4px;
	position: absolute;
}
#registrationSoloPage .regFooterTable td {
	position: relative;
}
#registrationSoloPage .regFooterTable td.conditions {
}
#registrationSoloPage .regFooterTable td.initials {
}
#registrationSoloPage #consentCheck {
	max-width: 24px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -2px;
}
#registrationSoloPage .conditions span {
	vertical-align: middle;
	display: inline-block;
	padding: 0 24px 0 36px;
}
#registrationSoloPage .initials span {
	padding: 6px 0 0 58px;
	display: inline-block;
  margin-bottom: 4px;
}
#registrationSoloPage #consentInit {
	max-width: 50px;
	display: inline-block;
}
#registrationSoloPage .regSubmit {
	padding:4px;
	margin-top: 8px;
	text-align:center;
}
#registrationSoloPage .regSubmit input,
		#registrationconfirmationSoloPage .regConPayment input,
		#registrationconfirmationSoloPage .regConInfo input,
		#registrationthankyouSoloPage .regTYprint input {
	height:37px;
	line-height:36px;
	padding:0 19px 2px 19px;
	font-size: 15px;
	font-weight: bold;
	width: auto;
	background-color: #f0f0f0;
}
#registrationSoloPage .regSubmit input {
	background-color: #ffffff;
	max-width: 190px;
	margin: 0 auto;
}
#registrationthankyouSoloPage .regTYprint input,
		#registrationconfirmationSoloPage .regConPayment input,
		#registrationconfirmationSoloPage .regConInfo input {
	background-color: #f0f0f0;
}
#registrationSoloPage .regSubmit input:hover,
		#registrationconfirmationSoloPage .regConPayment input:hover,
		#registrationconfirmationSoloPage .regConInfo input:hover,
		#registrationthankyouSoloPage .regTYprint input:hover {
	background-color: #e5f1fb;
	border-color: #0078d7;
}
#registrationSoloPage .regFileUpload {
  border-radius: 5px;
  border: 1px dashed #ccc;
  padding: 8px;
  text-align: center;
  width: 300px;
  display: inline-block;
  text-decoration: none;
  color:#000;
  white-space: nowrap;
  overflow: hidden;
}

#registrationSoloPage .regFileUpload.fileUploaded {
  color: #07f;
}
#registrationSoloPage .regFileUpload.fileUploaded span {
  display: inline-block;
  vertical-align: middle;
}
#registrationSoloPage .regFileUpload.fileUploaded:before {
  font-weight: normal;
  font-size: 24px;
  font-family: 'FontAwesome';
  content: '\f058';
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}





#registrationSoloPage .checkbox-content label {
    cursor: pointer;
    margin-top: 2px;
    margin-right: -6px;
    display: none;
}


#registrationSoloPage .checkbox-content span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}

#registrationSoloPage .checkbox-content input[type="checkbox"] {
  margin-right: 10px;
  margin-top: 6px;
  margin-bottom: 0px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

#registrationSoloPage .checkbox-content .fa {
    margin-right:.4em;
    margin-top: 0;
    font-size:24px;
    display: inline-block;
    width: 23px;
}

#registrationSoloPage .checkbox-content input[type="checkbox"]:checked + label .fa:before {
    content: "\f046";
  }






.dialog-regLogin .modal-body {
  text-align: center;
}
.dialog-regLogin .modal-body .pwEntryDiv input {
  width: auto;
  margin: 4px auto 0;
}










/* === RegistrationConfirmation === */
#registrationconfirmationSoloPage .regConWrapper, #registrationthankyouSoloPage .regConWrapper {
	background-color:#FFF;
	padding:12px 16px;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#registrationconfirmationSoloPage .registrantInfo {
	margin-top:12px;
}
#registrationconfirmationSoloPage .error {
  font-size:14px;
}
#registrationconfirmationSoloPage .regConMsg {
	padding-bottom:4px;
	font-size:14px;
}
#registrationconfirmationSoloPage .regConNotice {
	font-size:14px;
	font-weight:bold;
}
#frameOuterWrapper #registrationconfirmationSoloPage .regConNotice {
	color:#990000;
}
#registrationconfirmationSoloPage .emailReminder {
	padding-left:4px;
	font-size:14px;
	font-weight:normal;
}
#frameOuterWrapper #registrationconfirmationSoloPage .emailReminder {
	color:#000;
}
#registrationconfirmationSoloPage .emailReminder a {
	margin-left:4px;
}
#registrationconfirmationSoloPage .regConPayment {
	margin:10px 0 0 0;
	width:100%;
  position: relative;
}


#registrationconfirmationSoloPage .regConPayment .paymentCol {
  display: inline-block;
  vertical-align: middle;
}


#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails.show {
  display: block;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPaymentDialog {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background-color: #fff;
  border: 4px solid #7501bE;
  border-radius: 12px;
  padding: 6px;
  min-height: 200px;
  box-shadow: 5px 5px 10px;
  font-size: 16px;
  line-height: 20px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .closeIcon {
  float: right;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .closeIcon:before {

  font-family: FontAwesome;
  content: "\f2d3";
  color:#888;
  font-size: 26px;
  line-height: 26px;
  margin-right: 4px;

  font-weight: normal;
  display: inline-block;
  vertical-align: middle;

}


#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_header {
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
  font-size: 24px;
  line-height: 28px;
  color:#7501bE;
  text-align: center;
  margin-bottom: 12px;
  margin-top: 4px;
  text-transform: uppercase;
  padding: 0 32px;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPaymentDialog_inner,
.dialog-paymentZelle #customPaymentDetails_zelle .customPaymentDialog_inner {
  padding: 4px 12px 18px 12px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_message,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_message {
  color:#888;
  margin-bottom: 12px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_message_important,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_message_important {
  color: black;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_amount,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_amount {
  text-align: center;
  color:#000;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: bold;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_zelleName,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_zelleName {
  text-align: center;
  color:#888;
  margin-bottom: 24px;
  margin-top: -12px;
  font-size: 12px;
  line-height: 14px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_amount .zelleOr,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_amount .zelleOr {
  color:#888;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;

}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_inputRow,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_inputRow {
  text-align: center;
  margin-bottom: 12px;
  text-align: left;

}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_inputLabel,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_inputLabel {
  color:#888;
  padding: 0 0 2px 4px;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_inputRow .form-control,
.dialog-paymentZelle #customPaymentDetails_zelle .customPayment_inputRow .form-control {
  background-color: #fff;
  color:#000;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_actions {
  text-align: center;

}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .customPayment_actions .btn {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  text-transform: none;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .btn-save {
  background-color: #7501bE;
  color:#fff;
  margin-right: 8px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails .btn-cancel {
  background-color: #888;
  color:#fff;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails #customPaymentDialog_after {
  display: none;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails #customPaymentDialog_after .customPaymentDialog_inner  {
  padding-top:36px;
  padding-bottom:36px;
  text-align: center;
}


#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails.paymentSent #customPaymentDialog_after {
  display: block;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .customPaymentDetails.paymentSent #customPaymentDialog_before {
  display: none;
}






#registrationconfirmationSoloPage .regConPayment .paymentCol .btn

, #registrationconfirmationSoloPage .regConPayment .paymentCol button
 {
  height: 48px;
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #00468C;
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 8px;
  margin-right: 8px;
  position: relative;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .btn:hover {
  background-color: #00246a;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .btn .btn-label
, #registrationconfirmationSoloPage .regConPayment .paymentCol button span
 {
  padding-top: 4px;
  line-height: 44px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-paypal-handling-fee .btn-label {
  line-height: 18px;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .btn .paypalHandlingFee {
  line-height: 16px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  text-transform: none;
}


#registrationconfirmationSoloPage .regConPayment .paymentCol button.stripe-button-el span {
  height: 46px;
  line-height: 49px;
  padding: 0 28px;


  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-paypal:before
, #registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-custom:before
, #registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-authorize:before
, #registrationconfirmationSoloPage .regConPayment .paymentCol button.stripe-button-el span:before
{
  content:'';
  width: 38px;
  height: 34px;
  background-image: url(/Templates/base/images/registration/CCIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol button.stripe-button-el span:before
{
  margin-right: 12px;
}



#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-venmo {
  background-color: #608DCB;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-venmo:hover {
  background-color: #406DaB;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-venmo:before {
  content:'';
  width: 33px;
  height: 33px;
  background-image: url(/Templates/base/images/registration/VenmoIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}




#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-zelle {
  background-color: #9511DE;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-zelle:hover {
  background-color: #7501bE;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-zelle:before {
  content:'';
  width: 33px;
  height: 33px;
  background-image: url(/Templates/base/images/registration/ZelleIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}






#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-check {
  background-color: #aaa;
}
#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-check:hover {
  background-color: #999;
}

#registrationconfirmationSoloPage .regConPayment .paymentCol .btn.btn-pay-check:before {
  content:'';
  width: 44px;
  height: 33px;
  background-image: url(/Templates/base/images/registration/CheckIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}




/*
#registrationconfirmationSoloPage .regConPayment .col-sm-6 {
	margin-bottom: 8px;
}
#registrationconfirmationSoloPage .regConPayment input {
  margin-left: 10px;
}

*/



#registrationconfirmationSoloPage legend {
	font-size:14px;
	font-weight:bold;
	padding:0px 4px;
}
#registrationconfirmationSoloPage fieldset {
	padding:4px 18px;
}
#registrationconfirmationSoloPage .labels {
	text-align:right;
	padding: 0px 6px 0px 0px;
	float:left;
	vertical-align:top;
}
#registrationconfirmationSoloPage .values {
	font-weight:bold;
}
#registrationconfirmationSoloPage table.regConInfo td {
	padding:3px;
}
#registrationconfirmationSoloPage table.regConInfo input {
	

}
#registrationconfirmationSoloPage .securityWrapper {
	padding: 34px 60px 28px 60px;
	min-height:140px;
}
#registrationconfirmationSoloPage .securityTitle {
	font-size:18px;
	font-weight:bold;
}
#registrationconfirmationSoloPage .securityMessage {
	font-size:14px;
	margin:24px 0 28px 0;
}
#registrationconfirmationSoloPage .securityButtonRow {
	text-align:center;
	font-size:17px;
}
#registrationconfirmationSoloPage .securityButtonRow input {
	margin: 0 auto;
}
#registrationconfirmationSoloPage .securityButtonRow .emailReminder {
	font-size:16px;
}

/*
#registrationconfirmationSoloPage .pay-with-venmo {
  margin-top: 10px;
}
*/

/* === Registration Print Page === */

#registrationSoloPage.regPrint .regInfo .regLabels {
  font-weight: normal;
}

#registrationSoloPage.regPrint .regInfo .regLabels:after {
  content: ":";
}


.dialog-paymentZelle .modal-header {
  background-color: #9511DE;
}
.dialog-paymentZelle .modal-content, .dialog-paymentZelle .modal-body {
  background-color: #fff;
  border-color: #9511DE;
}
.dialog-paymentZelle .modal-footer {
  border-top: none;
  margin-bottom: 18px;
}
.dialog-paymentZelle .modal-footer .btn-save {
  background-color: #9511DE;
  text-transform: none;
}
.dialog-paymentZelle #customPaymentDetails_zelle .customPaymentDialog_inner {
  padding-bottom: 0;
}



/* === RegistrationThankYou === */
#registrationthankyouSoloPage .regTYheading {
	font-size:16px;
	font-weight:bold;
	padding-bottom: 24px;
}
#registrationthankyouSoloPage .regTYprint {
	padding:25px 0 0;
}

/* === Roster === */
#roster .statFilters {
	text-align:right;
}
#roster #playerSearch {
	padding-left:13px;
}
.statFilters input {
	margin-left:4px;
}
#tmSelect {
	padding:8px 0px 4px 0px;
	color:#FFF;
	font-size:14px;
	text-align:right;
}
.warning {
	text-align:center;
	padding:32px 0px 32px 0px;
}
#frameOuterWrapper .warning {
	color:#FFF;
}
a.rosterLink {
}
#frameOuterWrapper a.rosterLink {
	color:#FFF;
}





.rosterTableWrapper table {
  width: 100%;
}



/*
.rosterTableWrapper .structItem td {
  padding-top: 4px;
}
*/


.rosterTableWrapper .playerRow td {
  padding: 6px 4px;
  line-height: 18px;
}

.rosterTableWrapper .playerRow td .contactEmail {
  font-size: 12px;
}

.rosterTableWrapper .playerRow td .emergencyContact:not(:first-child) {
  margin-top: 6px;

}


.peopleListPage .rosterTableWrapper .playerRow td.nameLabel div {
  padding-left: 8px;
}
.peopleListPage.hasPlayerNumber .rosterTableWrapper .playerRow td.nameLabel div {
  padding-left: 0px;
}

#roster .playernumberLabel {
  text-align: center;
}
#roster .nameLabel {
  display: table-cell;
}
#roster.isBulkEdit .nameLabel {
  display: inline-block;
}


#roster .profilephotoLabel {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}


#roster .heightLabel {
  white-space: nowrap;
}

#roster .weightLabel {
  white-space: nowrap;
}




#roster .loading-row {

}

#roster .loading-row .loading-cell {
  padding: 24px;
  color:#888;
  text-align: center;
}


#roster .loading-row .fa-spinner {
  display: inline-block;
  vertical-align: middle;
}


#roster .loading-row .loading-text {

  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  font-style: italic;
}



.rosterTableWrapper .itemData div {
  max-width: 100%;
  overflow: hidden;
}



@media (max-width: 767px) {
  .hasWideCols .rosterTableWrapper table
  , .hasWideCols .rosterTableWrapper thead
  , .hasWideCols .rosterTableWrapper tbody
  , .hasWideCols .rosterTableWrapper tr {
    display: block;
    clear: both;
  }


  .hasWideCols .rosterTableWrapper td {
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
  }
  #roster .hasWideCols .nameLabel {
    display: inline-block;
  }

  .hasWideCols .rosterTableWrapper .structItem td {
    display: block;
  }
  .hasWideCols .rosterTableWrapper tr.playerRow {
    padding: 6px 3px;
    position: relative;
    line-height: 18px;
  }
  .hasWideCols .rosterTableWrapper .playerRow td {
    padding: 0 3px;
  }

  .hasWideCols .rosterTableWrapper tbody.showMoreBody td {
    display: block;
  }

  


  #roster .hasWideCols .playernumberLabel {
    position: absolute;
    left: 0;
    top: 7px;
    width: 32px;
  }

}




#roster .pageModWrapper.hasWideCols {
  max-width: 100%;
}



tbody.modGroupDetailsWrapper {
    border-collapse: separate;
    border-spacing: 1px; 
}


tbody.modGroupDetailsWrapper:before, tbody.modGroupDetailsWrapper:after {
  display: none;
  content: none;
}



/*
.modGroupItem .itemData {
  margin-left: 4px;
  margin-right: 4px;
  overflow:hidden;
  white-space: nowrap;
  max-height: 28px;
  line-height:18px;
  display:inline-block;
  vertical-align: middle;
}

.rosterTableWrapper .modGroupItem td .itemData  {
  white-space: normal;
}



.rosterTable table td {
	padding:3px;
}
td.rosterName {
	font-weight:bold;
}



#roster .modGroupItem {
	position: relative;
}




.pagination>li>a, .pagination>li>span {
	color:#337ab7 !important;
}
.pagination>li.active>a, .pagination>li.active>span {
	color:#fff !important;
}

*/

@media screen and (max-width: 767px) {


/*

.peopleListPage .list {
  margin:0 0 4px 0;
  padding:0;
}


.peopleListPage .list .modGroupItem {
  margin:0;
  padding:5px 2px 5px 6px;
  list-style-type: none;
  display:block;
  line-height: 18px;
}

*/


  
  .hasWideCols.peopleListPage.hasPlayerNumber .modGroupItem.playerRow {
    padding: 7px 36px 7px 36px;
  }
 
  .hasWideCols.peopleListPage.hasPlayerNumber .modGroupItem.playerRow.thead {
    margin: -4px -4px 0 -4px;
  }



  .hasWideCols .modGroupItem .itemLen_1 {
    width: 4%;
  }
  .hasWideCols .modGroupItem .itemLen_2 {
    width: 5%;
  }
  .hasWideCols .modGroupItem .itemLen_3 {
    width: 6%;
  }
  .hasWideCols .modGroupItem .itemLen_4 {
    width: 8%;
  }
  .hasWideCols .modGroupItem .itemLen_5 {
    width: 9%;
  }
  .hasWideCols .modGroupItem .itemLen_6 {
    width: 10%;
  }
  .hasWideCols .modGroupItem .itemLen_7 {
    width: 11%;
  }
  .hasWideCols .modGroupItem .itemLen_8 {
    width: 12%;
  }
  .hasWideCols .modGroupItem .itemLen_9 {
    width: 13%;
  }
  .hasWideCols .modGroupItem .itemLen_10 {
    width: 15%;
  }
  .hasWideCols .modGroupItem .itemLen_11 {
    width: 17%;
  }
  .hasWideCols .modGroupItem .itemLen_12 {
    width: 19%;
  }
  .hasWideCols .modGroupItem .itemLen_13 {
    width: 21%;
  }
  .hasWideCols .modGroupItem .itemLen_14 {
    width: 22%;
  }
  .hasWideCols .modGroupItem .itemLen_15 {
    width: 24%;
  }
  .hasWideCols .modGroupItem .itemLen_16 {
    width: 26%;
  }
  .hasWideCols .modGroupItem .itemLen_17 {
    width: 27%;
  }
  .hasWideCols .modGroupItem .itemLen_18 {
    width: 29%;
  }
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 31%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 35%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 37%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 38%;
  }
}


@media screen and (max-width: 575px) {



	.hasWideCols .modGroupItem .itemLen_1 {
	  width: 4%;
	}
	.hasWideCols .modGroupItem .itemLen_2 {
	  width: 5%;
	}
	.hasWideCols .modGroupItem .itemLen_3 {
	  width: 7%;
	}
	.hasWideCols .modGroupItem .itemLen_4 {
	  width: 9%;
	}
	.hasWideCols .modGroupItem .itemLen_5 {
	  width: 10%;
	}
	.hasWideCols .modGroupItem .itemLen_6 {
	  width: 12%;
	}
	.hasWideCols .modGroupItem .itemLen_7 {
	  width: 13%;
	}
	.hasWideCols .modGroupItem .itemLen_8 {
	  width: 14%;
	}
	.hasWideCols .modGroupItem .itemLen_9 {
	  width: 15%;
	}
	.hasWideCols .modGroupItem .itemLen_10 {
	  width: 17%;
	}
	.hasWideCols .modGroupItem .itemLen_11 {
	  width: 19%;
	}
	.hasWideCols .modGroupItem .itemLen_12 {
	  width: 21%;
	}
	.hasWideCols .modGroupItem .itemLen_13 {
	  width: 22%;
	}
	.hasWideCols .modGroupItem .itemLen_14 {
	  width: 24%;
	}
	.hasWideCols .modGroupItem .itemLen_15 {
	  width: 26%;
	}
	.hasWideCols .modGroupItem .itemLen_16 {
	  width: 27%;
	}
	.hasWideCols .modGroupItem .itemLen_17 {
	  width: 29%;
	}
	.hasWideCols .modGroupItem .itemLen_18 {
	  width: 31%;
	}
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 37%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 39%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 41%;
  }

}




@media screen and (max-width: 525px) {



	.hasWideCols .modGroupItem .itemLen_1 {
	  width: 5%;
	}
	.hasWideCols .modGroupItem .itemLen_2 {
	  width: 6%;
	}
	.hasWideCols .modGroupItem .itemLen_3 {
	  width: 8%;
	}
	.hasWideCols .modGroupItem .itemLen_4 {
	  width: 10%;
	}
	.hasWideCols .modGroupItem .itemLen_5 {
	  width: 11%;
	}
	.hasWideCols .modGroupItem .itemLen_6 {
	  width: 12%;
	}
	.hasWideCols .modGroupItem .itemLen_7 {
	  width: 14%;
	}
	.hasWideCols .modGroupItem .itemLen_8 {
	  width: 16%;
	}
	.hasWideCols .modGroupItem .itemLen_9 {
	  width: 18%;
	}
	.hasWideCols .modGroupItem .itemLen_10 {
	  width: 20%;
	}
	.hasWideCols .modGroupItem .itemLen_11 {
	  width: 22%;
	}
	.hasWideCols .modGroupItem .itemLen_12 {
	  width: 24%;
	}
	.hasWideCols .modGroupItem .itemLen_13 {
	  width: 25%;
	}
	.hasWideCols .modGroupItem .itemLen_14 {
	  width: 27%;
	}
	.hasWideCols .modGroupItem .itemLen_15 {
	  width: 29%;
	}
	.hasWideCols .modGroupItem .itemLen_16 {
	  width: 31%;
	}
	.hasWideCols .modGroupItem .itemLen_17 {
	  width: 32%;
	}
	.hasWideCols .modGroupItem .itemLen_18 {
	  width: 34%;
	}
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 37%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 39%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 41%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 43%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 45%;
  }


}



@media screen and (max-width: 475px) {


  .hasWideCols .modGroupItem .itemLen_1 {
    width: 5%;
  }
  .hasWideCols .modGroupItem .itemLen_2 {
    width: 7%;
  }
  .hasWideCols .modGroupItem .itemLen_3 {
    width: 9%;
  }
  .hasWideCols .modGroupItem .itemLen_4 {
    width: 12%;
  }
  .hasWideCols .modGroupItem .itemLen_5 {
    width: 13%;
  }
  .hasWideCols .modGroupItem .itemLen_6 {
    width: 14%;
  }
  .hasWideCols .modGroupItem .itemLen_7 {
    width: 16%;
  }
  .hasWideCols .modGroupItem .itemLen_8 {
    width: 18%;
  }
  .hasWideCols .modGroupItem .itemLen_9 {
    width: 20%;
  }
  .hasWideCols .modGroupItem .itemLen_10 {
    width: 22%;
  }
  .hasWideCols .modGroupItem .itemLen_11 {
    width: 24%;
  }
  .hasWideCols .modGroupItem .itemLen_12 {
    width: 26%;
  }
  .hasWideCols .modGroupItem .itemLen_13 {
    width: 28%;
  }
  .hasWideCols .modGroupItem .itemLen_14 {
    width: 30%;
  }
  .hasWideCols .modGroupItem .itemLen_15 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_16 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_17 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_18 {
    width: 38%;
  }
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 40%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 42%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 44%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 46%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 48%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 50%;
  }


}




@media screen and (max-width: 425px) {



  .hasWideCols .modGroupItem .itemLen_1 {
    width: 5%;
  }
  .hasWideCols .modGroupItem .itemLen_2 {
    width: 8%;
  }
  .hasWideCols .modGroupItem .itemLen_3 {
    width: 11%;
  }
  .hasWideCols .modGroupItem .itemLen_4 {
    width: 13%;
  }
  .hasWideCols .modGroupItem .itemLen_5 {
    width: 15%;
  }
  .hasWideCols .modGroupItem .itemLen_6 {
    width: 16%;
  }
  .hasWideCols .modGroupItem .itemLen_7 {
    width: 18%;
  }
  .hasWideCols .modGroupItem .itemLen_8 {
    width: 20%;
  }
  .hasWideCols .modGroupItem .itemLen_9 {
    width: 22%;
  }
  .hasWideCols .modGroupItem .itemLen_10 {
    width: 24%;
  }
  .hasWideCols .modGroupItem .itemLen_11 {
    width: 26%;
  }
  .hasWideCols .modGroupItem .itemLen_12 {
    width: 28%;
  }
  .hasWideCols .modGroupItem .itemLen_13 {
    width: 30%;
  }
  .hasWideCols .modGroupItem .itemLen_14 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_15 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_16 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_17 {
    width: 38%;
  }
  .hasWideCols .modGroupItem .itemLen_18 {
    width: 40%;
  }
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 42%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 44%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 46%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 48%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 50%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 52%;
  }


}



@media screen and (max-width: 375px) {



  .hasWideCols .modGroupItem .itemLen_1 {
    width: 6%;
  }
  .hasWideCols .modGroupItem .itemLen_2 {
    width: 10%;
  }
  .hasWideCols .modGroupItem .itemLen_3 {
    width: 13%;
  }
  .hasWideCols .modGroupItem .itemLen_4 {
    width: 15%;
  }
  .hasWideCols .modGroupItem .itemLen_5 {
    width: 17%;
  }
  .hasWideCols .modGroupItem .itemLen_6 {
    width: 18%;
  }
  .hasWideCols .modGroupItem .itemLen_7 {
    width: 20%;
  }
  .hasWideCols .modGroupItem .itemLen_8 {
    width: 22%;
  }
  .hasWideCols .modGroupItem .itemLen_9 {
    width: 24%;
  }
  .hasWideCols .modGroupItem .itemLen_10 {
    width: 26%;
  }
  .hasWideCols .modGroupItem .itemLen_11 {
    width: 28%;
  }
  .hasWideCols .modGroupItem .itemLen_12 {
    width: 30%;
  }
  .hasWideCols .modGroupItem .itemLen_13 {
    width: 32%;
  }
  .hasWideCols .modGroupItem .itemLen_14 {
    width: 34%;
  }
  .hasWideCols .modGroupItem .itemLen_15 {
    width: 36%;
  }
  .hasWideCols .modGroupItem .itemLen_16 {
    width: 38%;
  }
  .hasWideCols .modGroupItem .itemLen_17 {
    width: 40%;
  }
  .hasWideCols .modGroupItem .itemLen_18 {
    width: 42%;
  }
  .hasWideCols .modGroupItem .itemLen_19 {
    width: 44%;
  }
  .hasWideCols .modGroupItem .itemLen_20 {
    width: 46%;
  }
  .hasWideCols .modGroupItem .itemLen_21 {
    width: 48%;
  }
  .hasWideCols .modGroupItem .itemLen_22 {
    width: 50%;
  }
  .hasWideCols .modGroupItem .itemLen_23 {
    width: 52%;
  }
  .hasWideCols .modGroupItem .itemLen_24 {
    width: 54%;
  }

}













/* === Schedule  ==== */
#schedule .filters .input-group {
	display: inline-block;
}
#schedule .filters .input-group .form-control {
	width: auto;
}
#schedule select#exportFormat {
  display: inline-block;
  width: auto;
}
#schedule .export a.btn-primary {
  color: #fff;
  margin-left: 4px;
  margin-top: 8px;
  padding: 0 8px;
}

#schedule .export a.addToCalendarButton {
	background-color: #222;
  border-radius: 5px;
  border: 1px solid #999;
}

#schedule .export a.addToCalendarButton:hover {
  background-color: #666;
}

#schedule .export a.addToCalendarButton .addToCalendarLabel {
  margin-left: 12px;
  font-size: 16px;
  font-weight: normal;
}

.addToCalendar_ButtonRow {
  display: flex;
  align-items: center;
  margin: 12px 10px;
}

.addToCalendar_ButtonRow .addToCalendar_Button {
  margin-right: 8px;
  padding: 6px 24px;
  background-color: #27e;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  width: 125px;
  height: 33px;
  flex-shrink: 0;
}

.addToCalendar_ButtonRow .addToCalendar_Button:hover {
  background-color: #0C4BA3;
  cursor: pointer;
}

.addToCalendar_ButtonRow .addToCalendar_ButtonDescription {
  margin-left: 12px;
  font-size: 16px;
  color: #666;
}

.addToCalendar_LinkHeader {
  font-size: 14px;
  color: #666;
  font-weight: normal;
  margin-top: 24px;
  margin-bottom: 4px;
  padding: 0 10px;
}

#addToCalendar_CalendarLink .copyPopup {
  visibility: hidden;
  width: 160px;
  background-color: #27e;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 2px;
  position: absolute;
  z-index: 1;
  bottom: 74px;
  left: 260px;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#addToCalendar_CalendarLink:hover .copyPopup {
  visibility: visible;
  opacity: 1;
}

#addToCalendar_CalendarLink .copyPopup:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #27e transparent transparent transparent;
}

.addToCalendar_CalendarLink {
  min-height: 38px;
  padding: 8px;
  font-size: 14px;
  line-height: 1.4em;
  color: #333;
  border: 1px dashed #ccc;
  background-color: #fff;
  border-radius: 4px;
  overflow-wrap: break-word;
}

.addToCalendar_CalendarLink:before {
  font-family: FontAwesome;
  content: "\f0c1";
  float: right;
  margin-left: 8px;
  font-size: 20px;
  color: #333;
}

.addToCalendar_CalendarLink:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.addToCalendar_CalendarLink:hover:before {
  color: #27e;
}

.addToCalendar_CalendarLink_Copied {
  min-height: 38px;
  padding: 8px;
  font-size: 14px;
  line-height: 1.4em;
  color: #27e;
  border: 1px dashed #27e;
  background-color: #fff;
  border-radius: 4px;
  overflow-wrap: break-word;
}

.addToCalendar_CalendarLink_Copied:before {
  font-family: FontAwesome;
  content: "\f0c1";
  float: right;
  margin-left: 8px;
  font-size: 20px;
  color: #27e;
}

.addToCalendar_CalendarLink_Copied:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.addToCalendar_CalendarLink_Copied:hover:before {
  color: #27e;
}


#schedule .majorViewMore {
	margin-left:18px;

}
#schedule .majorViewMore:before {
  font-family: FontAwesome;
  content: "\f0da";
  margin-right:4px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}




#schedule .majorViewLess {
	margin-left:18px;

}
#schedule .majorViewLess:before {
  font-family: FontAwesome;
  content: "\f078";
  margin-right:4px;
  margin-top: -2px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}





.scheduleList td {
	border-top: solid 1px #ccc;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #999;
}

.scheduleList tr:first-child td {
  border-top: solid 1px #ccc;
}
#scheduleEmpty .scheduleList tr:first-child td {
  border-top: none;
}


.scheduleList tbody tr:last-child td {
	border-bottom: solid 1px #ccc;
}




.scheduleList td:first-child {
	border-left: solid 1px #ccc;
}
.scheduleList td:last-child {
	border-right: solid 1px #ccc;
}
.scheduleList thead td {
	background-color:#999;
	border-top: solid 1px #ccc;
}

/*

.scheduleList .isPartOf .teamLabel:before {
  font-family: FontAwesome;
  content: "\f0da";
  margin-right: 4px;
  text-decoration: none !important;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}

*/




.scheduleList tbody tr td.schedCell span.teamLabel {
  max-width: 400px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  color:#27e;
  line-height: 18px;
}
.scheduleList tbody tr td.schedCell.emptyTeam span.teamLabel {
  color:#666;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .scheduleList tbody tr td.schedCell span.teamLabel {
    max-width: 200px;
  }
}





.scheduleList .btn.btn-bracket.btn-light-purple-bg {
  background-color: #e6e4f3;
  border: 1px solid #d1d1fb;
  color:#27e;
  line-height: 22px;
}


.scheduleList .btn.btn-bracket {
  padding: 0 8px 0 4px !important;
}
.scheduleList .btn.btn-bracket span {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.scheduleList .btn-edit.btn-bracket:before {

}

.scheduleList .btn.btn-bracket .btnLabel {

  display: inline-block;
  vertical-align: middle;
  margin-left: -2px;
}
.scheduleList .btn.btn-bracket .bracketName {
  display: inline-block;
  vertical-align: middle;

  padding-top: 2px;
  line-height: 20px;


  font-family: "Oswald-Regular",Arial,Helvetica,sans-serif;
}

.scheduleList .btn.btn-bracket .bracketID {
  display: inline-block;
  vertical-align: middle;

  width: 53px;
  text-align: center;

  font-family: "Oswald-Regular",Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-color: #C0CFF9;
  height: 18px;
  border-radius: 9px;

  line-height: 16px;
  padding: 2px 0 0 0;

  margin: -3px 0 0 8px;

  color:#27e;
}




a.event-button-wrapper {
  text-decoration: none;
  display: inline-block;
}
























.specialEventRow {
  position: relative;
}

@media screen and (max-width: 767px) {
  .specialEventRow {
    text-align: left;
  }
}


.specialEventRow .specialEventLabel {
  color: #fff;
  padding: 2px 12px;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;


  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: normal;


}


.specialEventLabelText {

  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  line-height: 24px;
}





.specialEventHeader {
  margin: 12px auto 0 auto;
  max-width: 764px
}

.specialEventRow .specialEventLabel {
  text-decoration: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color:#2659FF;
  background-color: #D8CEFF;
  margin-right: 8px;
}


/*
.specialEventRow a.specialEventLabel:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f040";
  margin-left: 12px;
  font-size: 14px;
  font-weight: normal;
}
*/


.specialEventRow a.specialEventLabel:hover {
  background-color: #05c;
  color: #fff;
}








.specialEventRow .specialEventLabel .eventName {

  margin-right: 12px;


  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
  font-weight: normal;



  height: 26px;
  display: inline-block;
  vertical-align: middle;
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;


}

.specialEventRow .specialEventLabel .eventName:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f091";
  font-size: 16px;
  font-weight: normal;
  margin-right: 14px;
  margin-left: 2px;
}





.specialEventRow .specialEventLabel.isBracket .eventName:before {
  content: "\f0e8";
  transform: rotate( 90deg );
}











.specialEventRow2 {
  background-color: #D8CEFF;
  color: #2659FF;
  padding: 2px 12px 1px 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top: 1px solid #fff;
}


.specialEventRow2 .eventDate {

  display: inline-block;
  vertical-align: middle;

    padding: 2px 12px 0 12px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
    font-weight: normal;

    
  text-decoration: none;

  color: #2659FF;
}





.specialEventRowLine {

  background-color: #D8CEFF;
  border-top: 1px solid #fff;
  height: 8px;
  margin: 0 -8px;
}




.specialEventRow .specialEventLabel.majorEventTab {
  background-color: #777;
  color: #bbb;
}



.tournament {
  background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}






/*



.specialEventRow2 a.eventDate:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f040";
  margin-left: 12px;
  font-size: 14px;
  font-weight: normal;
  margin-top: -2px
}






@media screen and (max-width: 950px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 390px;
  }
}



@media screen and (max-width: 850px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 340px;
  }
}


@media screen and (max-width: 800px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 310px;
  }
}

@media screen and (max-width: 767px) {
  .specialEventRow .specialEventLabel .eventDate {
    display: none;
  }
  .specialEventRow .specialEventLabel .eventName {
    margin-right: 0;
    max-width: 300px;
  }
  .specialEventRow .hideOnMobile {
    display: none;
  }

}

@media screen and (max-width: 500px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 250px;
  }
}
@media screen and (max-width: 450px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 200px;
  }
}

@media screen and (max-width: 400px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 150px;
  }
}

@media screen and (max-width: 367px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 130px;
  }
}

@media screen and (max-width: 347px) {
  .specialEventRow .specialEventLabel .eventName {
    max-width: 120px;
  }
}




.isSpecialEvent .gameCountRow {
  background-color: #3F2488;
}
*/
















#frameOuterWrapper .scheduleList thead td {
	color:#FFF;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;

}
.scheduleList tbody tr {
	background-color:#FFF;
}
#frameOuterWrapper .scheduleList tbody tr {
	color:#27e;
}
#frameOuterWrapper .scheduleList tbody tr a {
	color:#27e;
}
#frameOuterWrapper .scheduleList tbody tr .col_Location a {
  color:#666;
}

#frameOuterWrapper .scheduleList tbody tr .col_Competition a
, #frameOuterWrapper .scheduleList tbody tr .col_GameID a {
  color:#666;
  text-decoration: none;
}




/*
#frameOuterWrapper .scheduleList tbody tr td.schedCell a {
  max-width: 400px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
    margin-bottom: -2px;
    margin-top: 1px;
}
*/


.scheduleList tbody tr.statsRowOdd {
	background-color:#E0E1E4;
}
.scheduleList tbody .spacer {
	background-color:transparent;
}
.scheduleList tbody .spacer td {
	border-left: none;
	border-right: none;
}











.scheduleList tr.div0, .scheduleList tr.div1 {
  background-color:#FFF;
}
#frameOuterWrapper .scheduleList tr.div0, #frameOuterWrapper .scheduleList tr.div0 a,
#frameOuterWrapper .scheduleList tr.div1, #frameOuterWrapper .scheduleList tr.div1 a {
  color:#27E;
}
.scheduleList tr.div2,.scheduleList tr.div3 {
  background-color:#555;
}


.isSpecialEvent .scheduleList tr.div2
, .isSpecialEvent .scheduleList tr.div3 {
  background-color:#fff;
}
#frameOuterWrapper .isSpecialEvent .scheduleList tr.div2 td
, #frameOuterWrapper .isSpecialEvent .scheduleList tr.div2 td  {
  color: #666;
}




#frameOuterWrapper .scheduleList tr.div2 td {
  font-family: 'Roboto Condensed', sans-serif;
  color:#ccc;
}
.scheduleList tr.div3 {
  background-color:#CECEBD;
}
.scheduleList tr.div4 {
  background-color:#EFEFDC;
}
.scheduleList tr.over {
  background-color:#E0EBEB;
}

.scheduleList tr.div0, .scheduleList tr.div1, .scheduleList tr.div2, .scheduleList tr.div3 {
  font-weight:bold;
}
.scheduleList tr.div0, .scheduleList tr.div1 {
  text-align:center;
}
.scheduleList td.away a, .scheduleList td.home a {
  display:block;
}



.scheduleList tr.bracketRow td {
  padding: 2px 4px 2px 10px;
  background-color: #eee;
}
#frameOuterWrapper .scheduleList tr.bracketRow td a.bracketLabel {
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  background-color: #e5e4f4;
  border: 1px solid #C0CFF9;

  border-radius: 6px;
  line-height: 18px;
  padding-top: 2px;
  padding-right: 10px;

  display: inline-block;
  vertical-align: middle;
  padding-left: 26px;
  position: relative;


  max-width: 150px;
  min-width: 80px;
}
#frameOuterWrapper .scheduleList tr.bracketRow td a.bracketLabel:hover { 

  background-color: #C0CFF9;
}


#frameOuterWrapper .scheduleList tr.bracketRow td a.bracketLabel:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f0e8";
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  left: 8px;
  top: 2px;



  transform: rotate(90deg);
}


#frameOuterWrapper .scheduleList tr.bracketRow td a.bracketLabel span {

    display: block;
    vertical-align: middle;
    padding: 0;


    font-family: Oswald-Regular, Arial, Helvetica, sans-serif;


  white-space: nowrap;
  overflow: hidden;

  text-overflow: ellipsis;

}


.scheduleList .isWeek td {
  border-top: 3px solid #000;
  color:#000;
  line-height: 18px;
  padding-top: 2px;
}







.scheduleList .div2.isDay td {
  line-height: 22px;  
}

.scheduleList .div3.isDay td {
  padding: 0;
  border-top: none;
  font-size: 16px;
  line-height: 18px;  
}











/*
.scheduleList tr.div2,.scheduleList tr.div3 {
	background-color:#555;
}


#frameOuterWrapper .scheduleList tr.div2, #frameOuterWrapper .scheduleList tr.div2 {
	color:#ccc;
}


.scheduleList tr.div1, 
.scheduleList tr.div2 {
  background-color:#fff;
}

.scheduleList tr.div1 td {
  color:#666;

  font-size: 16px;
  line-height: 18px;

  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;

}

*/









/*
.scheduleList tr.div2 td {
  padding-top: 18px;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  color:#666;
}
*/


/*
.scheduleList tr.div3 {
	background-color:#ced0d1;
}
.scheduleList tr.div4 {
	background-color:#e9ecee;
}
*/



.scheduleList tr.over {
	background-color:#E0EBEB;
}
.scheduleList tr.div0, .scheduleList tr.div1, .scheduleList tr.div2, .scheduleList tr.div3 {
	font-weight:bold;
}



.scheduleList tr.div0, .scheduleList tr.div1 {
	text-align:center;
}




.scheduleList td.away a, .scheduleList td.home a {
	display:block;
}
/*
.scheduleList tr.div0 td, .scheduleList tr.div1 td {
	padding-bottom:2px;
	padding-top:2px;
}
*/
.scheduleList span.weekJump {
	font-weight:normal;
    margin-left: 24px;
}


.scheduleList .btn-edit:before {
  display: none;
}

.scheduleList .btn-edit.btn-major-event:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f073";
  font-weight: normal;
  font-size: 16px;
  padding:0 10px;
  margin-top: -4px;
}
.scheduleList .btn-edit.btn-major-event .event-label-name {
  margin-left: 6px;
}



.scheduleList .btn-edit.btn-bracket:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f0e8";
  font-weight: normal;
  font-size: 16px;
  padding:0 10px;
}
.scheduleList.orderBy_Bracket .btn-edit.btn-bracket:before
, .scheduleList.orderBy_Bracket .btn-edit.btn-bracket .bracketName {
  display: none;
}
.scheduleList.orderBy_Bracket .btn.btn-bracket.btn-light-purple-bg {
  border: none;
  background-color: transparent;
}





.scheduleList .btn-edit.btn {
  padding: 0 9px 0 9px !important; 
}




.weekJumpPrev {
	text-decoration: none;
}
.weekLabel {
  display: inline-block;
  vertical-align: middle;
}
.curWeek {
  display: inline-block;
  vertical-align: middle;
}


#frameOuterWrapper .scheduleList tr .weekJumpPrev:hover
, #frameOuterWrapper .scheduleList tr .weekJumpNext:hover 
{
	color:#5af;
}
.weekJumpPrev:before {
  font-family: FontAwesome;
  content: "\f137";
  font-size:18px;
  line-height: 18px;
  margin-right:8px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}

.weekJumpNext:before {
  font-family: FontAwesome;
  content: "\f138";
  font-size:18px;
  line-height: 18px;
  margin-left:8px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}


@media (max-width: 480px) {
	.scheduleList span.weekJump {
		display: block;
		margin: 0;
	}
}
.scheduleList tr.spacer {
	line-height:8px;
	padding:0;
}




#frameOuterWrapper .scheduleList .col_vs .cellContent {
	padding-left: 11px;
	padding-right: 6px;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color:#666;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  padding-top: 6px;
}

#frameOuterWrapper .scheduleList .col_Apts .cellContent, 
#frameOuterWrapper .scheduleList .col_Hpts .cellContent {
	padding-left:4px;
  text-align: right;
}


#frameOuterWrapper .scheduleList .col_Apts .wlt, 
#frameOuterWrapper .scheduleList .col_Hpts .wlt {
  display: inline-block;
  margin-left: 4px;
}



#frameOuterWrapper .scheduleList .scoreW,
#frameOuterWrapper .scheduleList .scoreL,
#frameOuterWrapper .scheduleList .scoreT,
#frameOuterWrapper .scheduleList .score {
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
	white-space: nowrap;
  display: block;
  line-height: 24px;
  padding-top: 3px;
}



@media screen and (max-width: 767px) {

  #frameOuterWrapper .scheduleList .scoreW,
  #frameOuterWrapper .scheduleList .scoreL,
  #frameOuterWrapper .scheduleList .scoreT,
  #frameOuterWrapper .scheduleList .score {
    padding-top: 0;
  }

}






#frameOuterWrapper .scheduleList .awayCell .scoreW,
#frameOuterWrapper .scheduleList .awayCell .scoreL,
#frameOuterWrapper .scheduleList .awayCell .scoreT, 
#frameOuterWrapper .scheduleList .awayCell .score,
#frameOuterWrapper .scheduleList .homeCell .scoreW,
#frameOuterWrapper .scheduleList .homeCell .scoreL,
#frameOuterWrapper .scheduleList .homeCell .scoreT,
#frameOuterWrapper .scheduleList .homeCell .score {
	float:right;
	margin-left:18px;
}




/*
#frameOuterWrapper .scheduleList .scoreW {
  position: relative;
  padding-left: 15px;
}
#frameOuterWrapper .scheduleList .scoreW:before {
  position: absolute;
  left: 0;
  top: -1px;
  font-family: FontAwesome;
  content: "\f0da";
  margin-right: 9px;
  text-decoration: none !important;
  display: inline-block;
  vertical-align: middle;
    font-weight: normal;
  font-size: 20px;
  color:#aaa;
}
*/

#frameOuterWrapper .scheduleList .scoreL.isForfeit {
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  text-transform: lowercase;
  font-size: 14px;
}





#frameOuterWrapper .scheduleList .scoreW {
  color:#070;
}

#frameOuterWrapper .scheduleList .scoreL {
	color:#c00;
}

#frameOuterWrapper .scheduleList .scoreT {
	color:#666;
}


.scheduleList td.score a {
	text-decoration:none;
}
table.scheduleList {
	width:100%;
	overflow: auto;
	word-break: normal;
	border-collapse:separate;
	border-spacing:0;
	margin-bottom:0;
}
.scheduleList .cellContent {
	padding: 3px 4px  3px 8px;
	display: block;
}



.scheduleList tbody .col_Home .cellContent
, .scheduleList tbody .col_Away .cellContent
, .scheduleList tbody .col_Opponent .cellContent
, .scheduleList tbody .col_Details .cellContent
 {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.scheduleList tbody .col_Event .cellContent
 {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
/*
  padding-top: 6px;
  padding-bottom: 6px;
  */

}


.scheduleList tbody .col_Location .cellContent
 {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color:#666;
}



.scheduleList tbody .col_Time .cellContent
 {
  color:#666;
  font-family: 'Roboto Condensed', sans-serif;
 }



.scheduleList tbody .col_Date .cellContent
 {
  color:#666;
  font-family: 'Roboto Condensed', sans-serif;
 }


.scheduleList tbody .col_Opponent .cellContent {
  color: #27e;
}

.scheduleList tbody .col_Opponent a.cellContent {
  text-decoration: none;
}



.scheduleList tr.div3 td {
  color:#666;
}

.scheduleList tr.div3 td
, .scheduleList tr.div4 td {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;

  padding-top: 2px;
  padding-bottom: 2px;
}


.scheduleList td:first-child .cellContent {
  padding-left: 12px;
}

.scheduleList td:last-child .cellContent {
  padding-right: 12px;
}





.scheduleList tr.div3, .scheduleList tr.div4, .scheduleList tr.div5 {
	font-weight:bold;
	text-align:center;
}

.scheduleList .schedRow {
	min-height: 33px;
}




.schedGameRow {
  line-height: 17px;
  margin: 5px 0;
  position: relative;
  padding-right: 64px;
  max-width: 270px;
}

.schedGameRow .scoreWrap {
  position: absolute;
  right: 18px;
  top: 2px;
  color:#000;
  width: 45px;
  text-align: right;
}

.schedGameRow .scoreWrap .gNoScore {
  color:#666;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
}



.schedGameRow .scoreWrap .gscoreW {
  font-weight: bold;
}


.schedGameRow .scoreWrap .gscoreW:before {
  font-family: FontAwesome;
  content: "\f0da";
  margin-right: 6px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
    font-weight: normal;
    font-size: 16px;
}

.isWin .teamLabel {
  font-weight: bold;
}







.scheduleList tbody .col_Competition .cellContent {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
}
.scheduleList tbody .col_GameID .cellContent {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
}
#schedule .bracket_gameNo {
  display: inline-block;
  vertical-align: middle;
}
#schedule .bracketIcon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  position: relative;
}
#schedule .bracketIcon:before {
   
  display: inline-block;
  vertical-align: middle;
}
#schedule .bracketIcon.bracketType_singleElimination:before {
  font-family: FontAwesome;
  content: "\f0e8";
  font-size: 16px;
  line-height: 16px;
  transform: rotate(90deg);  
  margin-top: -2px;
}
#schedule .bracketIcon.bracketType_doubleElimination:before {
  position: absolute;
  top: 0;
  left: 0;


    font-family: FontAwesome;
    content: "\f0e8";
    font-size: 13px;
    line-height: 13px;

    transform: rotate(90deg);
}
#schedule .bracketIcon.bracketType_doubleElimination:after {
  position: absolute;
  bottom: 3px;
  right: 0;

    font-family: FontAwesome;
    content: "\f0e8";
    font-size: 12px;
    line-height: 12px;
    
    transform: rotate(90deg);
}

#schedule .bracketIcon.bracketType_roundRobin:after {
  font-family: FontAwesome;
  content: "\f0cb";
}

#schedule .bracketIcon.bracketType_unknown:after {



  font-family: FontAwesome;
  content: "\f128";
  font-size: 18px;
  line-height: 18px;
  border: 1px solid #4D3E7C88;

  width: 20px;
  height: 20px;
  opacity: 0.6;
}



#schedule .bracketIcon.bracketType_freestyle:after {


  font-family: FontAwesome;
  content: "\f249";

}







/*
#schedule .scheduleList .homeCell .cellContent, 
#schedule .scheduleList .homeCell .cellContent a, 
#schedule .scheduleList .col_Hpts .cellContent, 
#schedule .scheduleList .awayCell .cellContent, 
#schedule .scheduleList .awayCell .cellContent a,  
#schedule .scheduleList .col_Apts .cellContent, 
#schedule .scheduleList .eventCell .cellContent, 
#schedule .scheduleList .eventCell .cellContent a,  
#schedule .scheduleList .opponentCell .cellContent
 {
  line-height: 18px;
  font-size:14px;
}
*/


/*

.majorEventIcon:before {
	margin-right: 8px;

  font-family: FontAwesome;
  content: "\f091";
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}


.eventBracketIcon:before {
	margin-right: 8px;

  font-family: FontAwesome;
  content: "\f0e8";
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(90deg);
  font-size: 16px;
}
*/





.schedEditCell .schedEditCellContent {
  white-space: nowrap;
  padding: 3px 38px 3px 5px;
  position: relative;

}


@media screen and (max-width: 767px) {



  .schedEditCell .schedEditCellContent {
    display: block;
    text-align: right;
  }




  /*
	#schedule .scheduleList .cellContent {
		padding:4px 8px;
		line-height: 16px;
	}



	#frameOuterWrapper .scheduleList tr.div0 td,
	#frameOuterWrapper .scheduleList tr.div1 td,
	#frameOuterWrapper .scheduleList tr.div2 td,
	#frameOuterWrapper .scheduleList tr.div3 td,
	#frameOuterWrapper .scheduleList tr.div4 td,
	#frameOuterWrapper .scheduleList tr.div5 td {
		line-height: 18px;
	}

    #frameOuterWrapper #schedule .scheduleList tr.div1 td .cellContent {
        line-height: 1.42857143;
    }
    #schedule .scheduleList .weekJump {
		float: right;
	}*/


  #frameOuterWrapper .scheduleList tbody tr td.schedCell a {
    max-width: 200px;
  }






  .schedRow {
    position: relative;
    transform:scale(1,1);
  }




  .scheduleList thead {
    display: none;
  }


  #schedule .scheduleList td {
    display:block;
    border:none;
  }

  #schedule .scheduleList td .cellContent {
    position: relative;

  }

   #schedule .scheduleList td.timeCell
     {
      display: block;
      width: 100%;
      background-color: #EBF3FD;
      border-top: solid 1px #999;
  }



  .scheduleList tbody .col_Location {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding-left: 100px;
    text-align: right;
  }

  .isSafariLT16 .scheduleList tbody .col_Location {
    position: relative;
    padding:0;
  }


  .scheduleList.isTeam tbody .col_Location {
    padding-left: 166px;

  }


  .scheduleList tbody .col_Location .cellContent {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .scheduleList tbody .col_Location .cellContent div {
    display: inline;
    margin-left: 10px;
  }

  #frameOuterWrapper .scheduleList .col_vs {
    display: none;
  }


  #frameOuterWrapper .scheduleList .col_Apts, 
  #frameOuterWrapper .scheduleList .col_Hpts {
    display: block;
    width: 97%;
    margin-top: -20px;
      margin-left: 8px;
      margin-right: 8px;
      padding-right: 48px;
  }




  #frameOuterWrapper .scheduleList .col_Apts .wlt, 
  #frameOuterWrapper .scheduleList .col_Hpts .wlt {
    position: absolute;
    left: 60px;
    top: 2px;
    width: 12px;
    text-align: center;
  }


  #frameOuterWrapper .scheduleList .col_Apts {

      border-bottom:solid 3px #EBF3FD;
  }

  #schedule .scheduleList .col_Home .cellContent
  , #schedule .scheduleList .col_Away .cellContent {
    padding: 0 48px 0 90px;
    z-index: 99;
  }






  #schedule .scheduleList .cellContent {
    padding: 1px 8px 0 8px;
  }
  #schedule .scheduleList .officialsCell .cellContent {
      padding-bottom: 3px;
      max-width: 100px;
      overflow: hidden;
      display: inline-block;
  }
  #schedule .scheduleList .officialsCell .cellContent button {
      overflow: hidden;
      height: 31px;
  }
  #schedule .scheduleList .officialsCell {
    position: absolute;
    bottom: -2px;
    left: 0;
  }




  #schedule .scheduleList .weekJump {
    float: none;
    display: block;
    margin-left: 0;

    margin-top: 8px;
    margin-bottom: 5px;
  }
  #schedule .scheduleList td.gameInfoCell { 
    position: absolute;
    /*note: using top instead of bottom because IOS has issues displaying properly. idk why*/
    top: 22px;
    right: 0;
  }

  /* admin */
  #schedule .scheduleList td.gameEditCell {
    float: left;
  }






  .isSpecialEvent .schedEditCell {

  }





  #schedule .scheduleList td.col_Date {
    position: absolute;
    top: 0;
    left: 0;
  }

  #schedule .scheduleList.isTeam .col_Time .cellContent
  , .view_HTOtournaments #schedule .scheduleList .col_Time .cellContent {
      padding-left: 100px;
      padding-top: 0;
  }


  #schedule .scheduleList td.col_Opponent {
    display: inline-block;
    margin-right: 12px;
  }
  #schedule .scheduleList td.col_Score {
    display: inline-block;
  }

  #schedule .scheduleList td.col_Score .wlt {
    margin-right: 8px;
    display: inline-block;
  }

  
  #schedule .scheduleList td.col_GameID {
    position: absolute;
    bottom: 1px;
    right: 1px;
  }


/*








  #frameOuterWrapper .scheduleList .col_Apts .cellContent {
    position: absolute;
    top: 25px;
    right: 10px;
    left: 10px;
  }




  #frameOuterWrapper .scheduleList .col_Hpts .cellContent {
    position: absolute;
    top: 25px;
    right: 10px;
    left: 10px;
  }
*/


}



/*

@media screen and (max-width:479px) {
	.scheduleList thead {
		display: none;
	}


	#schedule .scheduleList td {
		display:inline-block;
		border:none;
	}
  #schedule .scheduleList tr.div1 td {
    padding-top: 2px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

	#schedule .scheduleList td.opponentCell, #schedule .scheduleList td.locationCell,
	 #schedule .scheduleList td.awayCell
		 {
		display: block;
	}

	#schedule .scheduleList td.gameInfoCell {
		float: right;
	}

	#schedule .scheduleList td.gameEditCell {
		float: left;
	}




	#schedule .scheduleList td.awayCell, #schedule .scheduleList td.homeCell {
		display: inline-block;
	}
	#schedule .scheduleList td.emptyCell {
		display: none;
	}

	.scheduleList td.away a, .scheduleList td.home a {
		display: inline;
	}


	.scheduleList td {
		border-top: none;
	}
	#schedule .scheduleList tr {
	  display: block;
		border-top: solid 1px #ccc;
	}

  #schedule .scheduleList tr.div1 td {
    border-top: solid 1px #ccc;
  }
}


*/






.wjMobile {
	display: none;
}
#frameOuterWrapper .scheduleList tr.div1 span.weekJumpPrev,#frameOuterWrapper .scheduleList tr.div1 span.weekJumpNext {
	color: #ccc;
}
@media (max-width: 767px) {
	.scheduleList tr.div1 {
		text-align: center !important;
	}
	tr.div1 td {
		width: 100%;
	}

  /*
	.scheduleList .cellContent {
		max-width: 380px;
		margin: 0 auto;
	}
  */
    .scheduleList .div2 .cellContent {
        margin: 0;
    }
	.weekJump .weekJumpPrev, .weekJump .weekJumpNext {
		display: none;
	}
	td .weekJump {
		text-align: center;
		font-size: 18px;
	}
	.wjMobile {
		margin-top: 5px;
		display: block;
	}
	.wjPrev {
		float: left;
	}
	.wjNext {
		float: right;
	}
	.weekJumpNext:before, .weekJumpPrev:before {
		font-size: 34px;
	}
	.weekLabel {
    display: none;
	}
}





/* Calendar Veiw */
div.scheduleCalendar {
	margin-bottom:12px;
	overflow: auto;
	position: relative;
}
.dayDialog .modal-header {
  text-align: left;
  background-color: #fff;
}
.dayDialog .bootstrap-dialog-header {
  padding-left: 8px;
}
.dayDialog .bootstrap-dialog-title {
  text-transform: none;
  font-weight: bold;
  color: #000;
}
.dayDialog .bootstrap-dialog-close-button .close {
  color: #000;
}
.dayDialog .modal-body {
  padding: 0;
}
.scheduleCalendar table, .dayDialog table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	overflow: auto;
	word-break: normal;
}
.scheduleCalendar table#daysDetail {
	border:#666666 solid 1px;
}
.scheduleCalendar td div.div0, .scheduleCalendar td div.div1, .scheduleCalendar td div.div2, 
.scheduleCalendar td div.div3, 
.dayDialog td div.div0, .dayDialog td div.div1, .dayDialog td div.div2, 
.dayDialog td div.div3 {
	text-align:center;
	line-height:12px;
  font-size: 14px;
	padding:2px;
}
.scheduleCalendar table.years {
  background-color: #fff;
}
.scheduleCalendar .years td.curYear {
	text-align:center;
  color:#0C4BA3;
  font-size: 25px;
  font-family: Oswald-Bold,Arial,Helvetica,sans-serif;
	width:50%;
  line-height: 32px;
  padding-top: 4px;
}
.scheduleCalendar .years td.nextYear, .scheduleCalendar .years td.prevYear {
	width:25%;
  color:#ccc;
	font-weight:bold;
}
.scheduleCalendar .years td.prevYear {
  padding-left:6px;
}
.scheduleCalendar .years td.nextYear {
  text-align:right;
  padding-right:6px;
}
.scheduleCalendar .years td.prevYear a:before, .scheduleCalendar .years td.nextYear a:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 9px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
}
.scheduleCalendar .years td.prevYear a:before {
    content: "\f053";
    margin-right: 1px;
}
.scheduleCalendar .years td.nextYear a:after {
    content: "\f054";
    margin-left: 1px;
}
#frameOuterWrapper .scheduleCalendar .years a {
  color:#ccc;
  font-size: 14px;
  font-family: Oswald-Regular,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
}
#frameOuterWrapper .scheduleCalendar .years a:hover {
  color:#aaa;
}
.scheduleCalendar .months td {
	width:8%;
	text-align:center;
	font-weight:bold;
	padding:2px;
	border:#666666 solid 1px;
	border-bottom:none;
}
@media (max-width: 375px) {
  .scheduleCalendar .months td {
    font-size: 13px;
  }
}
.scheduleCalendar .months td.curEvents {
	background-color:#999999;
}
#frameOuterWrapper .scheduleCalendar .months td.curEvents  {
	color:#FFF;
}
.scheduleCalendar .months td.noEvents {
	background-color:#FFF;
}
.scheduleCalendar div.div0, .dayDialog div.div0 {
	background-color:#CECEBD;
}
.scheduleCalendar div.div1, .dayDialog div.div1 {
	background-color:#CECEBD;
}
.scheduleCalendar div.div2, .dayDialog div.div2 {
	background-color:#EFEFDC;
}
.scheduleCalendar div.div3, .dayDialog div.div3 {
	background-color:#EFEFDC;
}
.scheduleCalendar .eventDays td, .dayDialog .eventDays td {
	background-color:#F4F5F1;
}
.scheduleCalendar a.home, .dayDialog a.home {
	background-color:#DDDDCC;
}
#frameOuterWrapper .scheduleCalendar .months td.noEvents {
	color:#CCC;
}
.scheduleCalendar .months td.someEvents {
	background-color:#FFF;
	padding:0;
}
.scheduleCalendar .months td.someEvents a {
	display:block;
	padding:2px;
}


.scheduleCalendar .eventDays td .bracketLabel {
  white-space: nowrap;
  overflow: hidden;
/*
  font-size: 12px;
  padding: 1px 0 0 4px;
  display: block;
  text-decoration: none;
  color:#000;
*/
}


.scheduleCalendar .eventDays td .bracketLabel span {

    display: inline-block;
    vertical-align: middle;
    padding: 0;


    font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
}
.scheduleCalendar .eventDays td .bracketLabel:before {
  
  font-family: FontAwesome;
  content: "\f0e8";
  margin-right: 6px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size:14px;
  transform: rotate(90deg);
}


.scheduleCalendar .eventDays td .timeLabel {
  font-size: 12px;
  padding: 1px 0 0 4px;
}


.mobileAnchors {
	margin:0 !important;
	padding:0 !important;
}


/* moble - xs & ms */
@media screen and (max-width: 767px) {

	.scheduleCalendar .months td {
	}


	.mobileAnchors {
		position: absolute;
		top:-36px;
		left:0;
	}


}
/* moble - xs & ms */
@media screen and (max-width: 400px) {

	.scheduleCalendar .months td {
	}
}

.scheduleCalendar #daysDetail .eventDays .backToCalendar {
	padding: 0 0 0 2px;
	background-color: transparent;
	display: inline-block;
	float: right;
	margin: -1px 0 0 0;
	line-height: 24px;
}
.scheduleCalendar #daysDetail .eventDays .backToCalendar span {
	font-size:14px;
}



#frameOuterWrapper .scheduleCalendar .months td.someEvents a {
	color:#007;
}
#frameOuterWrapper .scheduleCalendar .months td.someEvents a:hover {
	color:#999;
}
.scheduleCalendar .days .img-responsive, .dayDialog .img-responsive {
	display: inline-block;
	margin: 0;
  vertical-align: middle;
  margin-top: -4px;
}
.scheduleCalendar .days thead td {
	text-align:center;
	font-weight:bold;
	background-color:#999999;
}
#frameOuterWrapper .scheduleCalendar .days thead td {
	color:#FFF;	
}
.scheduleCalendar .days td.dayCell {
	padding:2px 0;
	border:#666666 solid 1px;
	vertical-align:top;
	width:14%;
	position: relative;
	background-clip: padding-box;
}
.scheduleCalendar.noMobile .days td.dayCell {
  min-width: 122px;
}







#frameOuterWrapper .scheduleCalendar .days td {
	color:#000;
}
.scheduleCalendar .days div.day {	
	padding:0 4px;
	width:50px;
}
.scheduleCalendar .days td.nonDays {
	background-color:#CECEBD;
	height:70px;
}
.scheduleCalendar .days td.nonDays div.day {
	display: none;
}
.scheduleCalendar .days td.eventDays {
	background-color:#FFF;
}
.scheduleCalendar .days td.emptyDays {
	background-color:#FFF;
	height:70px;
}
.scheduleCalendar .eventDays a, .scheduleCalendar .eventDays span, 
.dayDialog a, .dayDialog span {
	display:block;
	padding:5px 4px;
	text-decoration:none;	
}
/* undo generic styling above */
.dayDialog a span {
  padding: 0;
}



  #frameOuterWrapper .scheduleCalendar .eventDays a
  , #frameOuterWrapper .scheduleCalendar .eventDays span
  , .dayDialog a, .dayDialog span {
    color:#007;
    line-height: 1.2em;
  }



@media(max-width: 767px) {
  #frameOuterWrapper .scheduleCalendar.noMobile .eventDays a
  , #frameOuterWrapper .scheduleCalendar.noMobile .eventDays span
  , .dayDialog a, .dayDialog span {
    font-size: 12px;
  }
}

.dayDialog a, .dayDialog span {
  line-height: 20px;
  font-size: 16px;
  padding-left: 16px;
}
.scheduleCalendar .eventDays a:hover, .dayDialog a:hover {
	background-color:#E0EBEB;
}
#frameOuterWrapper .scheduleCalendar .eventDays td {
	border:none;
	padding:0;
}
.time {
	white-space:nowrap;
}
.scheduleCalendar .eventDays div.sep, .dayDialog div.sep {
	border-bottom:#CECEBD solid 1px;
	margin:0 8px;
}
#frameOuterWrapper .scheduleCalendar em.alert, #frameOuterWrapper .scheduleList  em.alert, .dayDialog em.alert {
	color:#900;
	padding:0;
}
#frameOuterWrapper .scheduleCalendar em.gametypeLabel, .dayDialog em.gametypeLabel {
	color:#000;
}
.dayDialog .timeLabel {
  padding-left: 16px;
}


.gameCountRow {
  padding: 0 12px;
  display: block;
  width: 100%;
  line-height: 25px;
  background-color: rgb(0, 0, 0, 0.25);
  color:#fff;
  border-radius: 5px;
  font-family: 'Roboto Condensed', sans-serif;
}
.export {
	text-align:right;
	margin-top:6px;
	margin-right:4px;
}
#outlookExportHelp {
	color:#ADF;
	display:none;
}
#outlookExportHelp a {
	font-style:italic;
	margin-left:6px;
}
#outlookExportHelp span span {
	padding-right:25px;
}

#exportURLhelp, #copyExportURLhelp {
	text-align:center;
	font-weight:bold;
	margin-top:12px;
	display:none;
}
#exportURL {
	color:#FFCC00;
	text-decoration:underline;
	cursor:pointer;
}
#copyExportURL {
	color:#FFCC00;
	background-color: #000;
	text-align: center;
	border: none;
	width: 100%;
}




.scheduleCalendar .compactView .btn-details {
  display: none;
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
}
.scheduleCalendar .eventDays a.btn-details {
  background-color: #cecebd;
  text-align: center;
  padding: 0;
  border-radius: 12px;
  margin-top: 2px;
}
.scheduleCalendar .eventDays a.btn-details:hover {
  background-color: #27e;
}
.scheduleCalendar .eventDays a.btn-details i {
  color: #fff;
  padding-bottom: 3px;
}

.scheduleCalendar .eventDays a.game .fa {
  color: #000;
}


@media(min-width: 768px) {
  .scheduleCalendar .compactView .gameShown {
    display: none;
  }
  .scheduleCalendar .compactView .btn-details {
    display: block;
  }
  .scheduleCalendar .days td.eventDays {
    position: relative;
    padding-bottom: 22px;
  }
}






#daysMobile {
	display: none;
}

.scheduleCalendar #daysMobile.days td {
	height: 40px;
}
.scheduleCalendar #daysMobile.days thead td {
	height: 20px;
}

.scheduleCalendar #daysMobile.days div.day {
	width:100%;
	line-height: 14px;
}

#frameOuterWrapper .scheduleCalendar .eventDays .dayDetails i {
  float: right;
  margin-right: 8px;
}

#frameOuterWrapper .scheduleCalendar .eventDays .dayDetails {
  display: none;
}

#frameOuterWrapper .scheduleCalendar .eventDays .dayDetails a, 
#frameOuterWrapper .scheduleCalendar .eventDays .dayDetails span {
	padding:0 4px;
	color:#000;
	line-height: 24px;
}








@media screen and (max-width: 767px) {
  #frameOuterWrapper .scheduleCalendar:NOT(.noMobile) .eventDays a {
    line-height: 22px;
    margin: 2px 2px 0;
  }
	.scheduleCalendar:NOT(.noMobile) #daysMobile {
		display: table;
	}

	.scheduleCalendar:NOT(.noMobile) #daysDetail.days td.dayCell {
		display:block;
		width:100%;
	}

	.scheduleCalendar:NOT(.noMobile) #daysDetail.days thead, 
	.scheduleCalendar:NOT(.noMobile) #daysDetail.days td.nonDays.dayCell,
	.scheduleCalendar:NOT(.noMobile) #daysDetail.days td.dayCell.emptyDays {
		display:none;
	}

	.scheduleCalendar:NOT(.noMobile) #daysDetail .eventDays a, .scheduleCalendar:NOT(.noMobile) #daysDetail .eventDays span 
	{
	}


	.scheduleCalendar:NOT(.noMobile)  #daysDetail td div.div0, .scheduleCalendar:NOT(.noMobile)  #daysDetail td div.div1, 
	.scheduleCalendar:NOT(.noMobile)  #daysDetail td div.div2, .scheduleCalendar:NOT(.noMobile)  #daysDetail td div.div3
	 {
	}


	.scheduleCalendar:NOT(.noMobile) #daysDetail.days div.day {
		display: none;
	}
	#frameOuterWrapper .scheduleCalendar:NOT(.noMobile) .eventDays .dayDetails {
			display: block;
	}
	#frameOuterWrapper .scheduleCalendar:NOT(.noMobile) .eventDays .dayDetails a, 
	#frameOuterWrapper .scheduleCalendar:NOT(.noMobile) .eventDays .dayDetails span {
			font-weight: bold;
	}

}



#daysMobile .dayMobileLink {
	margin: 0 2px 1px 2px;
   font-size:24px;
   background-color: #FC0;
   border-radius:5px;
   text-align: center;
   padding: 0;
   display: block;
}

#daysMobile .dayMobileLink .glyphicon {
	padding:0;
	color:#000;
	line-height: 20px;
}






/* === Scores  ==== */
#scores .scoreList .col-sm-6 {
	padding: 0 6px 0 0;
}
#scores .scoreList .col-sm-6.even {
	padding: 0 0 0 6px;
}
.scoreBoardTableWrapper  {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	border-bottom:1px solid #444444;
	border-right:1px solid #444444;
	background-color:#666;
	padding:4px;
}
.scoreBoardInnerWrapper {
	overflow: auto;
	word-break: normal;
}
.scoreBoard {
	margin-bottom: 18px;
}
.scoreBoard table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.scoreBoard td {		
	text-align:center;
	padding:1px 5px;
	margin:0;
}
.gameDate {
	text-align:right;
	margin-right:8px;
}
.scoreBoard tbody td {
	background-color:#FFF;
	border:#666 1px solid;
}
#frameOuterWrapper .scoreBoard tbody td {
	color:#000;
}
#frameOuterWrapper .scoreBoard thead td {
	color:#fff;
}
#frameOuterWrapper .scoreBoard thead td.location {
	color:#999;
}
.scoreBoard thead td {
	border:#000 1px solid;
}
.scoreBoard td.location {
	border-top:none;
	border-left:none;	
	font-style:italic;
	font-weight:bold;
}
td.location, td.team {
	text-align:left;
}
td.location {
	width:20%;
}
td.team.noTeamIcon {
  width:20%;
}
.scoreList td.location div, .scoreList td.team div {
	padding-left:4px;	
}
.innings td.location div, .innings td.team div {
	width:auto;
	overflow:auto;
	height:auto;
}
.scoreSummary {
	text-align:right;
	margin-right:8px;
}
.win td.team, .win td.final {
	font-weight:bold;
}
.scoreBoard td.final {
	border-left-width:2px;
	width:5%;
}
.innings .scoreBoard td.final {
	width:4%;
}
.scoreBoard td.period {
	width:5%;
}
.scoreBoard td.inn {
	width:4%;
}

/* === Sponsors  ==== */
.sponsorHeadMsg {
	padding:8px;
}

/* === Standings === */
.clinchLabels {
	padding:6px;
}

/* === Stats === */
.statCats {
	text-align:center;
	padding-bottom:4px;
}
.statFilters {
	text-align:center;
	padding:4px 0;
}
div.noTeam {
	text-align:center;
	font-size:14px;
	font-style:italic;
	padding:8px 0;
}

/* === Store / fundraiser=== */
#store .modGroupBigWrapper, #fundraiser .modGroupBigWrapper {
	text-align:center;	
}
#store .inputWrapper, #fundraiser .inputWrapper {
	float:none;
	margin:0;
}
#store .rowInput label, #fundraiser .rowInput label {
	display:inline;
	margin-right:4px;
}
#store .modGroupDetailsWrapper, #fundraiser .modGroupDetailsWrapper {
	padding:4px 0;
}
#store .price, #fundraiser .price {
	font-size:14px;	
}
#store .price b, #fundraiser .price b {
	font-size:16px;
}
#store .price em, #fundraiser .price em {
	font-size:12px;
}


#store .form-control {
  width: auto;
  display: inline-block;
}


#store .rowInput .btn
, #store .rowInput .btn-label {
  color:#fff;
}
#store .rowInput .btn {
  margin: 0 4px 4px;
}


#store .rowInput .btn-label-selected
, #store .rowInput .btn-venmo
, #store .rowInput .btn-zelle
, #store .selected .btn-label-notSelected
 {
  display: none;
}
#store .selected .rowInput .btn-label-selected
, #store .selected .rowInput .btn-venmo
, #store .selected .rowInput .btn-zelle {
  display: inline-block;
}

#store .selected .rowInput .btn-venmo:before, 
#store .selected .rowInput .btn-zelle:before {
  content: " ";
display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  margin-left: -4px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/admin/images/icons/payment-venmo-b.png);
}
#store .selected .rowInput .btn-zelle:before {
  background-image: url(/admin/images/icons/payment-zelle-b.png);
}

#store .btn-cart-toggle:before {
    font-family: FontAwesome;
    content: "\f096";
    display: inline-block;
    vertical-align: middle;
    font-size:20px;
    line-height: 20px;
    margin-top: 2px;
    color:#fff;
}
#store .selected .btn-cart-toggle:before {
    content: "\f046 ";
}

#fundraiser .price input {
	margin-right:4px;	
}
#fundraiser .price strong {
	margin-right:10px;
}















/* === Teams  ==== */



#teams table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
#teams td {
	vertical-align:top;
	border-bottom:1px solid #aaa;
}
#teams td.teams {
	line-height:24px;
}
#teams td.teams .teamLogo {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-color: rgba(34, 119, 238, 0);
  border-radius: 999px;
  cursor: pointer;
}
#teams td.teams .teamLogo.noIcon {
  background-color: #27e;
}
#teams td a {
	padding: 4px 8px 4px 6px;
	color:#000;
	display:block;
  text-decoration: none;
}
#teams td.teams span {
	padding: 1px 6px;
	color:#000;
}
#teams td img {
	margin-right:8px;
}
#teams td img {
  display: inline-block;
}
#teams td a:hover {
	background-color:#ccc;
}
#teams td td {
	border-bottom:solid 1px #aaa;
}
#teams td.div0
, #teams td.div1
, #teams td.div2
, #teams td.div3 {
	padding: 0;
	color:#000;
}
#teams td.div0
, #teams td.div1 {
	font-weight:bold;
}
#teams td.div0 span
, #teams td.div1 span
, #teams td.div2 span
, #teams td.div3 span {
	padding: 1px 6px;
}
#teams .divSection {
	width: 48%;
	background-color:#fff;
	border:1px solid #aaa;
	border-bottom: none;
	margin: 6px;
}
#teams td.div0
, #teams td.div1 {
  font-size: 20px;
	background-color:#eee;
  border-bottom: 2px solid #aaa;
}

#teams td.div0 .isDivToggle
, #teams td.div1 .isDivToggle {
  padding: 6px 8px;
}

#teams td.div2
, #teams td.div3 {
	background-color:#eee;
  font-size: 14px;
  font-weight: bold;
  border-top: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
}

#teams td.div2 .isDivToggle
, #teams td.div3 .isDivToggle {
  padding: 4px 8px 4px 6px;
}

#teams .isDivToggle:after {
  float: right;
  font-family: FontAwesome;
  content: "\f106";
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  font-weight:  normal;
  padding-top: 4px;
}

#teams td.div2 .isDivToggle:after
, #teams td.div3 .isDivToggle:after {
  padding-top: 0px;
}

#teams .collapse_children .isDivToggle:after {
  content: "\f107";
}

#teams .divTable .collapsed {
  display: none;
}









/* === Tournaments  ==== */


.tournament_list {

}
.tournament_list .tournament_row {
  
}
.tournament_list .tournament_link {
  
  display: block;
  line-height: 28px;
  background-color: #eee;
  margin: 4px 0;
  border-radius: 6px;
  padding: 2px 12px 0 14px;
  font-size: 16px;
  font-family: "Oswald-Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #2659FF !important;
  text-decoration: none;
}
.tournament_list .tournament_link:hover {
  background-color:#ddd;
}


.tournament_list .tournament_link:before {
  font-family: FontAwesome;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
.tournament_list .isHTOTournaments .tournament_link:before {
  content: "\f091";
  font-size: 18px;
}

.tournament_list .isLegacy .tournament_link:before {
  content: "\f0e8";
  transform: rotate(90deg);
  font-size: 18px;
}

/*
ul.tournament_list {
  list-style-type: none;
  padding: 0;
  margin: 8px;
}
ul.tournament_list li {
  list-style-type: none;
  padding: 4px 0;
}
ul.tournament_list li a {
  font-size: 14px;
  line-height: 20px;
  padding-left: 28px;
  position:relative;
  display: inline-block;
}
ul.tournament_list li a:before {
    font-family: FontAwesome;
    content: "\f091";
    margin-right: 8px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    font-size:18px;
    position: absolute;
    left: 0; 
    top: 0;
}
ul.tournament_list li.isLegacy a:before {
    content: "\f0e8";
  transform: rotate(90deg);
}
*/









/* === Tournament  ==== */
#tournament .pageBigTextContentWrapper, #tournamentbu .pageBigTextContentWrapper {
	padding:0;
}
#tournament .tournamentDesc, #tournamentbu .tournamentDesc {
	background-color:#F2F2F2;
	padding:24px 12px;
	word-break: normal;
	overflow: auto;
}
#tournament .tournamentDesc td, #tournament .tournamentDesc th
, #tournamentbu .tournamentDesc td, #tournamentbu .tournamentDesc th {
	background-color:#FFF;	
}
#tournament .tournament, #tournamentbu .tournament {
	padding:16px 8px;
	overflow:auto;
}



#tournamentbu img {
	max-width: none;
}
#tournamentbu .tournament table.bracket {
	margin: 8px auto;
	border-collapse:collapse;
	border-spacing:0;
}
#tournamentbu .tournament .bracket td {
	padding:0;
	font-size:12px;
	white-space:nowrap;
	line-height:12px;
}
#tournamentbu .tournament .bracket td.teamLabel {

}
#tournamentbu .tournament .bracket td > span {
	height:1px;
	width:1px;
	display:inline-block;
}

#tournamentbu .tournament .bracket td i {
	font-style: normal;
	margin:0 8px;
}
#tournamentbu .tournament .bracket td i.isWin {
	font-weight:bold;
}
#tournamentbu .tournament .bracket td strong {
	margin-right: 4px;
	float:right;
}



#tournament .teams a {
	display:block;
}