/* Style the basic site elements - START */

/* Set the root variables */
:root {
  --orange: #fd9940;
  --darkorange: #dd7d25;
  --platinum: #e5e5e5;
  --black: #2b2d42;
  --white: #fff;
  --thumb: #edf2f4;
}

/* Root variables end */

/* Set fluid control font-sizes based on viewport width */

@media only screen and (max-width: 479px)
{
	body {
		font-size: calc(10px + (12 - 10) * ((100vw - 280px) / (479 - 280)));
		}
}			

@media only screen and (min-width: 480px)
{
	body {
		font-size: calc(12px + (14 - 12) * ((100vw - 480px) / (1600 - 480)));
		}
}			

/* End of fluid text controls */

/* Change the basic layout - START */
body {
	font-family:'Open Sans', sans-serif !important;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	margin: 0rem .5rem .0rem .1rem;
}

#bodyCenter {
	background-color: #FFFFFF;
}
/* Change the basic layout - END */

/* Set fluid control for divs and images to cascade */

@media only screen and (max-width: 479px)
{
	
        /* Force all DIVs to be on their own line - START */
        #mainBody div:not(.desktopSize):not(.tabletSize):not(.phoneSize):not(#accordion):not(.ui-accordion-content):not(#phonehide):not(.gallery):not(.gallery-container):not(.divwrapper):not(.polaroid):not(.polaroid-txt):not(#nodivwrap):not(.home-container):not(.TopImage):not(.TestDiv):not(.snow-fill):not(.Whats-going-on):not(body#registerChangesPage div#bodyCenter > div)
	{
		display: block !important;
		width: auto !important;
		float: none !important;
                position: relative ;
		margin:auto;
	}
	/* Force all DIVs to be on their own line - END */

	/* Force all images to be on their own line - START */
	#mainBody img:not(.gallery_img):not(.small_square):not(.small_portrait):not(.medium_landscape):not(.small_landscape):not(.pageFooter *)
        {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: .25rem !important;
		float: none !important;
		width: auto !important;
	/*	height: auto !important;  */
	}
/* Force all images to be on their own line - END */

	/* Change the header to remove the large logo - START */
	body {
		margin-top: 0px !important;
		}

/* Make sure not fields overflow the size of the screen - START */
	input[type="text"], input[type="password"], input[type="search"], textarea, select, input[type="submit"], input[type="button"], input[type="reset"] {
		max-width: 100%;
	}

/* Remove some of the menu items from small screens */
ul#main-menu.sm.sm-simple > li:not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-child(3))
       {
       display:none;
       }

}
@media only screen and (max-width: 767px) {
	form#menuDropdown {
		margin: 10px 0 0 10px;
		display: block !important;
		text-align: left !important;
	}

	form#menuDropdown input[type="button"] {
		padding: .625rem .5rem .625rem .5rem;
	}

	form#menuDropdown select[name="menu"] {
		margin-right: .435rem;
	}
}


@media only screen and (min-width: 768px)
{
	/* Change basic layout - START */
	div#mainBody {
		padding: 0;
		background-color: #FFF;
	}

	body #bodyCenter {
		margin-right: 0;
		margin-left: 0;
		max-width: 1600px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		padding: 0px !important;
	}
        /* Enlarge image on hover - Used for small posters etc */

        .zoom-big {
	transition: transform .2s;;
	}
        .zoom-big:hover {
        transform: scale(1.5);
        }
 	.zoom-small {
	transition: transform .2s;;
	}
        .zoom-small:hover {
        transform: scale(1.15);
        }
	
/* End enlarge image on hover */

/* Change basic layout - END */
}

/*
img:hover,
a:hover {
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01);
}
*/

/* Configure the Changes Saved Dynamically Created Area */
div.ui-widget {
	font-family: 'Open Sans', sans-serif !important;
	font-size: .875rem;
	padding: 0px 0px 20px 0px;
}

div.ui-widget div.ui-state-highlight.ui-corner-all {
	background: none;
	background-color: #fbfde8;
	border: solid 1px #888;
	padding: 10px 25px 10px 25px !important;
}

div.ui-widget {
	/* padding-left: 50px; */
	/* padding-right: 50px; */
}

div.ui-widget a {
	color: #333333 !important;
}
/* Style the basic site elements - END */
/* Change the display of list items - START */
li {
	margin-bottom: 5px;
}

/* Change the look of a button - START */
input[type="submit"], input[type="button"], input[type="reset"] {
    padding: .3rem .5rem .3rem .5rem;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: .7rem;
    background-color: #e4ebf5 !important;
    color: #3f6caf !important;
    border: solid 1px #3f6caf !important;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	background-color: #c5d3e7 !important;
}

input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	box-shadow: 0 0 5px #7B9FD9;
	border: 1px solid #7B9FD9;
}

input[type="reset"] {
	border: 1px solid #e0e0e2;
	background-color: #ffffff !important;
	color: #585858 !important;
}

input[type="reset"]:hover {
	background-color: #3f6caf !important;
	color: #ffffff !important;
}

/* Change the look of a button - END */

/* Change the look of a textbox, textarea, selectboxes, and checkboxes - START */
select {
	/* padding: 5px 8px; */
	font-size: .875rem !important;
}

input[type="text"], input[type="password"], input[type="search"], textarea {
	padding: 5px 8px;
	line-height: 24px;
	border: 1px solid #dee0e8;
	color: #333333;
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif !important;
	border-radius: 3px;
	margin: .3rem;
	font-size: .875rem !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus,
input[type="text"]:hover, input[type="password"]:hover, input[type="search"]:hover, textarea:hover,
input[type="text"]:active, input[type="password"]:active, input[type="search"]:active, textarea:active {
	border: 1px solid #3f6caf !important;
	outline: none;
}

/* START OF REGISTRATION PAGE CHANGES */

select.padded[name="memberfee_521"] {
	outline: darkorange solid 4px !important;
	font-size: 1.25rem !important;
	color: darkblue;
	border-radius: 5px;
        margin-bottom: 15px;
}

body#renewPage tr.leagues:nth-child(odd), body#signupPage tr.leagues:nth-child(odd), body#registerChangesPage tr.leagues:nth-child(odd) {
        border-top: white solid .2rem !important;
        background-color: #d6d5c1 !important;
}


body#renewPage tr.leagues:nth-child(even), body#signupPage tr.leagues:nth-child(even), body#registerChangesPage tr.leagues:nth-child(even) {
        border-top: white solid .2rem !important;
        background-color: #c2bf8f !important;
}


body#renewPage tr.leagues input[type="text"]:not(:read-only) , body#signupPage tr.leagues input[type="text"]:not(:read-only) , body#registerChangesPage tr.leagues input[type="text"]:not(:read-only)  {
        background-color: #f5f5f5 !important;
	margin: .3rem;
}

body#renewPage tr.leagues input[type="text"]:read-only , body#signupPage tr.leagues input[type="text"]:read-only , body#registerChangesPage tr.leagues input[type="text"]:read-only  {
        background-color: #b8b6b6 !important;
	margin: .3rem;
}

body#renewPage tr.leagues input[type="checkbox"], body#signupPage tr.leagues input[type="checkbox"], body#registerChangesPage tr.leagues input[type="checkbox"] {
	border: 1px solid #000000 !important;
	font-size: .875rem !important;
	color: #333333;
	width: 1rem !important;
	height: 1rem !important;
	margin: .3rem ;
} 


/* Prompt existing members to register for new season after logging in */

body#signupPage div#bodyCenter > h1:nth-child(1)::after {
        color: darkorange !important;
        font-style: italic; 
        content: ' - existing members please login and select Renew under Membership+' !important;
}

/* Remove the Mandatory notice of Member registration when changing or adding leagues as it is already paid */

body#registerChangesPage div#bodyCenter > div {
        display:none !important;
}


/* END OF REGISTRATION PAGE MODIFICATIONS */

/* select, input[type="checkbox"] {
	border: 2px solid #000000 !important;
	font-size: .875rem !important;
	color: #333333;
	border-radius: 3px;
}
*/
select:focus, input[type="checkbox"]:focus,
select:hover, input[type="checkbox"]:hover,
select:active, input[type="checkbox"]:active {
	border: 1px solid #3f6caf !important;
	outline: none;
}

/* Don't allow a readonly/disabled field to change color */
input[type="text"]:read-only, input[type="password"]:read-only, input[type="search"]:read-only, textarea:read-only, select:disabled, input[type="checkbox"]:read-only {
	background-color: #e6e6ff !important;
	border: 1px solid black !important;
}
/* Change the look of a textbox, textarea, selectboxes, and checkboxes - END */

/* Change the look of the Member Dashboard - START */
@media only screen and (max-width: 479px) {
    body#memberPage div#bodyCenter > h1 + h2 {
    	margin-left: 10px !important;
    	margin-right: 10px !important;
    }

    body#memberPage div#accordion {
    	padding-left: 10px !important;
    	padding-right: 10px !important;
    }
}
body#memberPage div#bodyCenter > h1 + h2 {
	text-align: left;
	padding: 20px 0px 15px 20px;
	font-size: 1.375rem;
	margin: 0 20px 0 19px;
	color: #ffffff;
	background-color: #9fb6d7;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: 400;
}

body#memberPage div#bodyCenter > h1 + h2 + p {
	display: none;
}

body#memberPage div#bodyCenter > h1 + h2 + p + p {
	display: none;
}

body#memberPage div#accordion {
	padding: 0px 20px 30px 20px;
}

body#memberPage div#accordion h3 span {
	background-image: none;
	border: solid #3f6caf;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 1px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 17px !important;
	margin-top: 0px;
	width: 5px;
	height: 5px;
}

body#memberPage div#accordion h3.ui-state-active span {
	background-image: none;
	border-width: 0 1px 1px 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	right: 17px !important;
	margin-top: -6px;
}

body#memberPage div#accordion h3:nth-of-type(1) {
    border-top: 1px solid #dee0e8 !important;
}

body#memberPage div#accordion h3 {
	text-align: left !important;
	border-radius: 0 !important;
	background: none !important;
	border: none !important;
	color: #686868 !important;
	padding: 1rem 1rem 1rem 2rem;
	outline: none !important;
	font-size: 1.25rem;
	border-bottom: 1px solid #dee0e8 !important;
	border-left: 1px solid #dee0e8 !important;
	border-right: 1px solid #dee0e8 !important;
	color: #333 !important;
	font-family: 'Open Sans', sans-serif !important;
	margin: 0;
}

body#memberPage div#accordion h3:hover {
  background-color: #e4ebf5 !important;
  color: #3f6caf;
}

body#memberPage div#accordion h3.ui-state-active {
	border-bottom: none !important;
}

body#memberPage div#accordion div.ui-accordion-content {
	border: none !important;
	border-bottom: 1px solid #ececee !important;
	padding: 1rem 0 1rem 2rem;
    border-left: 1px solid #dee0e8 !important;
	border-right: 1px solid #dee0e8 !important;
}

body#memberPage div#accordion div.ui-accordion-content:hover {
  background-color: #e4ebf5 !important;
  color: #3f6caf;
}

body#memberPage div#accordion div.ui-accordion-content p {
	color: #333333;
	line-height: 1.8;
	padding: 0;
	margin: 0;
	text-align: left !important;
	font-family: 'Open Sans', sans-serif !important;
}

body#memberPage div#accordion .ui-accordion-content p + br {
	display: none;
}

body#memberPage div#accordion table.scores,
body#memberPage div#accordion table.gameTable,
body#memberPage div#accordion table.eventTable,
body#memberPage div#accordion table.emailTable {
	width: 100%;
	font-family: 'Open Sans', sans-serif !important;
}

body#memberPage div#accordion table.scores tr th,
body#memberPage div#accordion table.gameTable tr th,
body#memberPage div#accordion table.eventTable tr th,
body#memberPage div#accordion table.emailTable tr th {
	font-size: 1.12rem;
	color: #888;
	padding: 15px;
}

body#memberPage div#accordion table.scores tr td,
body#memberPage div#accordion table.gameTable tr td,
body#memberPage div#accordion table.eventTable tr td,
body#memberPage div#accordion table.emailTable tr td {
	border-top: solid 1px #ececee;
	border-left: solid 1px #ececee;
	border-right: none;
	margin: 0;
	color: #888;
}

body#memberPage div#accordion table.scores tr td:last-of-type,
body#memberPage div#accordion table.gameTable tr td:last-of-type,
body#memberPage div#accordion table.eventTable tr td:last-of-type,
body#memberPage div#accordion table.emailTable tr td:last-of-type {
	border-right: solid 1px #ececee;
}

body#memberPage div#accordion table.scores tr:last-of-type td,
body#memberPage div#accordion table.gameTable tr:last-of-type td,
body#memberPage div#accordion table.eventTable tr:last-of-type td,
body#memberPage div#accordion table.emailTable tr:last-of-type td {
	border-bottom: solid 1px #ececee;
}

body#memberPage div#accordion table.scores tr:nth-child(odd),
body#memberPage div#accordion table.gameTable tr:nth-child(odd),
body#memberPage div#accordion table.eventTable tr:nth-child(odd),
body#memberPage div#accordion table.emailTable tr:nth-child(odd) {
    background-color: #fff !important;
}

body#memberPage div#accordion table.scores tr:nth-child(even),
body#memberPage div#accordion table.gameTable tr:nth-child(even),
body#memberPage div#accordion table.eventTable tr:nth-child(even),
body#memberPage div#accordion table.emailTable tr:nth-child(even) {
    background-color: #f8f8f8 !important;
}

body#memberPage div#accordion table.eventTable tr td:nth-last-child(1),
body#memberPage div#accordion table.emailTable tr td:nth-last-child(1) {
	text-align: center;
}

/* Only on larger screens */
@media only screen and (min-width: 768px) {
	body#memberPage div#accordion table.scores tr td,
	body#memberPage div#accordion table.gameTable tr td,
	body#memberPage div#accordion table.eventTable tr td,
	body#memberPage div#accordion table.emailTable tr td {
		padding: 10px;
	}
}
/* Change the look of the Member Dashboard - END */

/* Center the site when the screen is smaller than the minimum - START */
@media only screen and (max-width: 959px)
{

	#mainBody {
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
	}

	#bodyCenter {
		background-color: #FFFFFF;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* Center the site - END */
}
/* Center the site when the screen is smaller than the minimum - END */


/* Set general site settings - START */
@media only screen and (min-width: 768px) {
	body {
		margin: 0;
		width: auto;
		background-color: #eCF0F5;
	}
}
/* Set general site settings - END */

/* Create generic buttons for hyperlinks - START */
/*
a.actionButton, a.specialButton {
	background-color: #F8F8F8;
	border: 3px solid #585858;
	text-align: center;
	font-weight: bold;
	color: #303030;
	padding: .75rem 1.25rem;
	border-radius: 3px;
	text-decoration: none;
	display: inline-block;
}

a.actionButton:hover {
	background-color: #303030;
	border-color: #303030;
	color: #F8F8F8;
}
a.specialButton {
	border: 3px solid #990000;
	color: #990000;
}

a.specialButton:hover {
	background-color: #990000;
	border-color: #990000;
	color: #F8F8F8;
}
*/
/* Create generic buttons for hyperlinks - END */

/* Change the H1, H2 & H3 tags - START */
h1.redesign, h2.redesign, h3.redesign, h4.redesign, h5.redesign, h6.redesign {
	font-weight: 100;
	margin: 0rem .3rem;
	padding: 0;
	color: #151515;
	background: none;
	text-align: left;
}

p.redesign {
	color: #888;
	line-height: 1.8;
	margin: 0rem .5rem 1rem .5rem;
}

p.redesign_dark {
	color: #151515;
	line-height: 1.8;
	margin: 0rem .5rem 1rem .5rem;
}


p.redesign_slim {
	color: #888;
	line-height: 1.2;
	margin: 0rem .5rem .25rem .5rem;
}
p.redesign_slim_dark {
	color: #151515;
	line-height: 1.2;
	margin: 0rem .5rem .25rem .5rem;
}

ul.redesign  {
	color: #888;
	line-height: 1.2;
	margin-bottom: .35rem;
}

ul.redesign_dark  {
	color: #151515;
	line-height: 1.2;
	margin-bottom: .35rem;
}


a.redesign {
	border-radius: 3px;
	padding: .75rem .9rem;
	line-height: 1.5rem;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

a.redesign.button {
	border: 1px solid #3f6caf;
	background-color: #3f6caf !important;
	color: #FFF !important;
}

a.redesign.button:hover {
	background-color: #585858 !important;
}

a.redesign.buttonDark {
	border: 1px solid #585858;
	background-color: #585858 !important;
	color: #FFF !important;
}

a.redesign.buttonDark:hover {
	background-color: #3f6caf !important;
}

a.redesign.buttonLight {
	border: 1px solid #585858;
	background-color: #ffffff !important;
	color: #585858 !important;
}

a.redesign.buttonLight:hover {
	background-color: #eeeeee !important;
}

a.redesign.buttonSimple {
	border: none !important;
	background-color: #ffffff !important;
	color: #585858 !important;
}

a.redesign.buttonSimple:hover {
	background-color: #ffffff !important;
	color: #3f6caf !important;
}

a.buttonv2 {
	padding: .3rem .5rem;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: .7rem;
        cursor: pointer;
}


a.buttonColorTwo.buttonv2 {
	background-color: #e4ebf5 !important;
	color: #3f6caf !important;
	border: solid 1px #3f6caf !important;
}

a.buttonColorTwo.buttonv2:hover {
    background-color: #c5d3e7 !important;
}

a.buttonColorFive.buttonv2 {
	background-color: #f7eeec !important;
	color: #af503f !important;
	border: solid 1px #af503f !important;
}

a.buttonColorFive.buttonv2:hover {
    background-color: #efdcd9 !important;
}

a.redesign.buttonSimple::after {
	content: ">";
	padding-left: 10px;
}

/* Scrolling line banner style*/

#scroll-container {
  overflow: hidden;
}

#scroll-text {
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
  -moz-animation: my-animation 5s linear infinite;
  -webkit-animation: my-animation 5s linear infinite;
  animation: my-animation 5s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

/* End scrolling css */
       

body#leagueInfoPage .rowElement:nth-of-type(1),
body#leagueMemberPage .rowElement:nth-of-type(1) {
	margin-top: 50px;
}

body .rowElement {
	padding: 0px 20px 0px 20px;
}

body .rowElement p {
	word-break: break-word;
}

.rowElement.alignCenter {
	text-align: center !important;
}

.rowElement.alignCenter * {
	text-align: center !important;
}

.rowElement.alignCenter p {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.rowElement.alignLeft {
	text-align: left !important;
}

.rowElement.alignLeft * {
	text-align: left !important;
}

.rowElement.colorOne {
	background-color: #fff;
}

.rowElement.colorOne h3 {
	color: #151515 !important;
}

.rowElement.colorOne * {
	color: #888 !important;
}

.rowElement.colorThree {
	background-color: #68b861;
}

.rowElement.colorThree *,
.rowElement.colorThree a {
	color: #fff !important;
}

.rowElement.colorFour {
	background-color: #8a8a8a;
}

.rowElement.colorFour *,
.rowElement.colorFour a {
	color: #ffffff !important;
}

.rowElement.colorFive {
	background-color: #006c67;
}

.rowElement.colorFive *,
.rowElement.colorFive a {
	color: #ffffff !important;
}

.rowElement.colorSix {
	background-color: #2072ae;
}

.rowElement.colorSix *,
.rowElement.colorSix a {
	color: #ffffff !important;
}

.rowElement.colorTwo {
	background-color: #639ab8;
}

.rowElement.colorTwo *,
.rowElement.colorTwo a {
	color: #fff !important;
}

.rowElement.marginLR-small {
    margin-left: 20px;
    margin-right: 20px;
}

.rowElement.marginTB-small {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Style the basic site elements - START */
@media only screen and (max-width: 479px) {
	.rowElement.paddingLR-small {
		padding-left: .62rem !important;
		padding-right: .62rem !important;
	}

	.rowElement.marginLR-small {
		margin-left: .62rem !important;
		margin-right: .62rem !important;
	}
}

.rowElement.paddingLR-small {
    padding-left: 20px;
    padding-right: 20px;
}

.rowElement.paddingLR-medium {
    padding-left: 35px;
    padding-right: 35px;
}

.rowElement.paddingLR-large {
    padding-left: 50px;
    padding-right: 50px;
}

.rowElement.paddingTB-small {
    padding-top: 20px;
    padding-bottom: 20px;
}

.rowElement.paddingTB-medium {
    padding-top: 35px;
    padding-bottom: 35px;
}

.rowElement.paddingTB-large {
    padding-top: 50px;
    padding-bottom: 50px;
}

.rowElement.paddingB-large {
    padding-bottom: 50px;
}

.rowElement.paddingT-none {
	padding-top: 0px !important;
}

.rowElement.paddingB-none {
	padding-bottom: 0px !important;
}

@media only screen and (max-width: 767px) {
	.rowElement.alignCenter p {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

div.colorOne a.redesign,
div.colorTwo a.redesign,
div.colorThree a.redesign,
div.colorFour a.redesign {
	border: 1px solid #e0e0e2;
	background-color: #ffffff !important;
	color: #585858 !important;
}

div.colorOne a.redesign:hover,
div.colorTwo a.redesign:hover,
div.colorThree a.redesign:hover {
	background-color: #eeeeee !important;
}

div.colorFour a.redesign:hover {
	background-color: #3f6caf !important;
	color: #ffffff !important;
}

.rowElement.twoSections {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.rowElement.twoSections > div,
.rowElement.twoSections.elementCategory > .categoryWrapper {
	flex: 0 0 50% !important;
	max-width: calc(49.5% - 0px) !important;
	min-width: 300px !important;
	/* padding-right: 20px; */
}

.rowElement.twoSections > div:last-of-type {
	padding-right: 0px;
}

@media only screen and (max-width: 767px) {
	.rowElement.twoSections > div {
		flex: none;
		padding: 0px 10px 0px 10px;
		width: calc(100% - 0px);
		max-width: calc(100% - 0px);
	}

	.rowElement.threeSections > div {
		flex: none;
		padding: 30px 10px 0px 10px;
		width: calc(100% - 40px);
		max-width: calc(100% - 40px);
	}
}

.rowElement.threeSections {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.rowElement.threeSections > div {
	/* flex: 0 0 33.33333333333333%; */
	max-width: calc(25% - 1.85rem) !important;
	/* min-width: 250px; */
	/* padding: 0 20px 0 0px; */
}

input[type="text"].redesign,
input[type="password"].redesign,
input[type="search"].redesign {
	padding: 15px;
	font-size: .875rem;
	line-height: 24px;
	color: #888;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #495057;
	background-color: #f8f8f8;
	border-color: #ececee;
}

input[type="text"].redesign:focus,
input[type="password"].redesign:focus,
input[type="search"].redesign:focus {
	background-color: #ffffff;
	box-shadow: 0 0 3px #3f6caf !important;
	border: 1px solid #3f6caf !important;
}

input[type="checkbox"].redesign {
	width: 25px;
	height: 25px;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
}


h1 + hr {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
	margin-bottom: 0;
	font-weight: 100;
}

body h1:first-child {
	font-size: 1.3rem;
	/* font-weight: bold; */
	margin: 0;
	background: none;
	padding: 40px 0px 20px 20px;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
}

body a {
	/* color: #ffffff !important; */
	/* font-weight: bold; */
}

@media only screen and (max-width: 1210px) {
	body h1:first-child {
		/* text-align: center; */
		padding-left: 20px;
	}

    #bodyCenter > p {
        padding-left: 10px;
        padding-right: 10px;
    }

    #bodyCenter > ul {
        padding-right: 10px;
    }

	body .rowElement {
		padding-left: 20px;
		padding-right: 20px;
	}

	.rowElement.alignLeft h3 {
		margin: 0 !important;
	}
}

@media only screen and (max-width: 479px) {
	body h1:first-child {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	body .rowElement {
		padding-left: 10px;
		padding-right: 10px;
	}
}


/* Change the H1, H2 & H3 tags - END */

/* Style the Member Directory page - START */
body#directoryPage > div#mainBody > div#bodyCenter > h1 + p {
	margin-bottom: 0px;
	text-align: left;
	padding-left: 20px;
}

body#directoryPage > div#mainBody > div#bodyCenter > h1 + p + div {
	margin-bottom: 30px;
	width: calc(100% - 30px);
	padding: 30px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

body#directoryPage #mainBody h1 + p a:nth-child(27) {
    margin-right: 10px;
}

body#directoryPage select[name="dirTable_length"] {
	padding: 8px;
	margin-left: 5px;
	margin-right: 5px;
}

body#directoryPage div#dirTable_filter input[type="search"] {
    margin-left: 15px;
    width: 275px;
}

@media only screen and (max-width: 767px) {
	body#directoryPage > div#mainBody > div#bodyCenter > h1 + p {
		margin-left: 10px;
		margin-right: 10px;
		font-size: 1.25rem;
		margin-top: 30px;
	}

	body#directoryPage > div#mainBody > div#bodyCenter > h1 + p + div {
		width: calc(100% - 20px);
		padding: 30px 10px 0px 10px;
		margin-left: auto;
		margin-right: auto;
	}

	body#directoryPage div#dirTable_wrapper div.dataTables_length {
		margin-bottom: 20px;
	}
}
/* Style the Member Directory page - END */

/* Style the Username Availability Page - START */
body#check4UserNamePage form[action="check4UserName.php"] > h1 + table {
	padding: 50px 30px 20px 30px;
}

body#check4UserNamePage form[action="check4UserName.php"] + input[name="close"] {
	margin: 50px 30px 50px 30px;
}
/* Style the Username Availability Page - END */

/* Style the Modify Your Profile page - START */

/* Main edit form */
body#profile1Page > div#mainBody > div#bodyCenter > form[action^="profile"],
body#profile2Page > div#mainBody > div#bodyCenter > form[action^="profile"],
body#profile3Page > div#mainBody > div#bodyCenter > form[action^="profile"],
body#profile4Page > div#mainBody > div#bodyCenter > form[action^="profile"] {
	padding: 0px 20px 40px 20px;
}

/* Ramdon break tags on the page */
body#profile1Page > div#mainBody > div#bodyCenter br,
body#profile2Page > div#mainBody > div#bodyCenter br,
body#profile3Page > div#mainBody > div#bodyCenter br,
body#profile4Page > div#mainBody > div#bodyCenter br {
	display: none;
}

body#profile1Page > div#mainBody > div#bodyCenter > #menuDropdown,
body#profile2Page > div#mainBody > div#bodyCenter > #menuDropdown,
body#profile3Page > div#mainBody > div#bodyCenter > #menuDropdown,
body#profile4Page > div#mainBody > div#bodyCenter > #menuDropdown {
    margin-bottom: 20px;
    display: block;
}


body#profile3Page form[name='form1'] table.profile tr:nth-of-type(1) td {
	padding-bottom: 20px;
}
/* Membership Information - Extra table on the membership info page at the top */
body#profile2Page > div#mainBody > div#bodyCenter > h1 + table + div + br + br + table {
	padding: 10px 0px 20px 20px;
}

/* Contact Info Table Cells */
body#profile1Page form[action^="profile1.php"] table.profile tr td {
	width: auto !important;
}

/* Other - Member Name Area */
body#profile4Page #bodyCenter h1 + table#menuTabs + div + br + br + table#formTable {
	width: auto;
	padding: 10px 20px 20px 20px;
}

/* Other & Spare Tabs - Member Name Label */
body#profile4Page #bodyCenter h1 + table#menuTabs + div + br + br + table#formTable tr td:nth-of-type(1)::after,
body#profile3Page #bodyCenter h1 + table#menuTabs + div + br + br + table.profile tr td:nth-of-type(1)::after,
body#profile2Page #bodyCenter h1 + table#menuTabs + div + br + br + table tr td:nth-of-type(1)::after {
	content: ":";
	font-weight: bold;
	padding-right: 5px;
}

body#profile4Page form[action^="profile4.php"] table#formTable input[type='submit'] {
	width: 200px;
}

/* Other - Products and Service Textara */
body#profile4Page form[action^="profile4.php"] table#formTable {
	border-collapse: collapse;
}

/* Other - Products and Service Row */
body#profile14Page form[action^="profile4.php"] table#formTable tr:nth-of-type(1) td {
	text-align: center;
	padding-bottom: 20px;
}

/* Other - Save Changes Button Area */
body#profile4Page form[action^="profile4.php"] table#formTable tr td textarea#memberProductService {
	margin: 15px 0 0 0;
	display: block;
	width: 100%;
}

/* Other - Save Change Button Row */
body#profile4Page form[action^="profile4.php"] > table#formTable > tbody > tr:nth-of-type(2) > td {
	text-align: left;
	padding-top: 20px;
}
/* Spare Details Main Form Area */
body#profile3Page form[action^="profile3.php"] table.profile {
	border-collapse: collapse;
}

body#profile3Page form[action^="profile3.php"] > table.profile > tbody > tr:nth-of-type(1) > td:nth-of-type(1) > strong:nth-of-type(1) {
	margin-right: 10px;
}

/* Spare Details - Main Textarea */
body#profile3Page form[action^="profile3.php"] table.profile textarea[name="spareDetail"] {
	margin-top: 10px;
}

/* Spare Details - Member Name Area */
body#profile3Page #bodyCenter h1 + table#menuTabs + div + br + br + table.profile {
	padding: 0px 0px 0px 20px;
}

/* Spare Details - "Can Spare As" Label */
body#profile3Page form[action^="profile3.php"] > table.profile tr:nth-of-type(3) td strong {
	display: block;
	margin-bottom: 10px;
	margin-top: 20px;
}

/* Spare Details - "Leagues I Can Spare In" label */
body#profile3Page form[action^="profile3.php"] > table.profile tr:nth-of-type(4) td table.profile h2 {
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	font-size: .875rem;
	margin: 20px 0 0 0;
	padding: 0;
}
body#profile3Page form[action^="profile3.php"] > table.profile tr:nth-of-type(4) td table.profile h2::after {
	content: ":";
	font-weight: bold;
}

/* Membership Information - Registration Details Footer */
body#profile2Page > div#mainBody > div#bodyCenter > p:nth-last-of-type(2) {
	padding: 0px 50px 50px 50px;
	background-color: #af503f;
	color: #fff;
	text-align: left;
	margin: 0;
}

/* Membership Information - Registration Details Table */
body#profile2Page form[action^="profile2.php"] + hr + table.profile {
	background-color: #af503f;
	color: #fff;
	width: 100%;
	padding: 50px 50px 00px 50px;
}

/* Membership Information - Note at the bottom */
body#profile2Page > div#mainBody > div#bodyCenter > p:last-of-type {
	padding: 50px 50px 50px 50px;
	background-color: #585858;
	color: #fff;
	margin: 0;
}

/* Membership Information - Registration Details */
body#profile2Page form[action^="profile2.php"] + hr + table + h3 {
	text-align: center;
	padding: 0px 0px 20px 0px;
	font-size: 1.25rem;
}

/* Membership Information - Line Below Save Changes Button */
body#profile2Page form[action^="profile2.php"] + hr {
	display: none;
}

/* Member Info - Receipt Area Container */
body#profile2Page form[action^="profile2.php"] + hr + table {
	padding: 0px 50px 0px 50px;
}

/* Membership Info - Receipt Area */
body#profile2Page form[action^="profile2.php"] + hr + table form[action="printReg.php"] {
	text-align: center;
}

/* Membership Information - Registration Details Table Cells */
body#profile2Page form[action^="profile2.php"] + hr + table > tbody > tr:nth-of-type(1) td {
	margin-bottom: 20px;
	display: block;
	text-align: left;
}


/* Membership Information - Notes to Convenor */
body#profile2Page form[action^="profile2.php"] + hr + table + p {
	text-align: center;
	padding: 0;
	margin: 0;
	margin-bottom: -15px;
}

/* Membership Information - Notes to Convenor Section After */
body#profile2Page form[action^="profile2.php"] + hr + table + p + br {
	display: none;
}

/* Membership Information - Table of Receipt */
body#profile2Page form[action^="profile2.php"] + hr + table + h3 + table.register {
	padding: 0px 20px 50px 20px;
}

body#profile2Page form[action^="profile2.php"] input[type='submit'] {
	/* width: 200px */
}

body#profile2Page input[name='Check'], body#profile2Page table form[action="printReg.php"] input[type="submit"][name="submit"] {
	padding-left: 15px;
	padding-right: 15px;
	border: solid 1px #3f6caf !important;
	background-color: #e4ebf5 !important;
	color: #3f6caf !important;
}

body#profile2Page input[name='Check']:hover,
body#profile2Page table form[action="printReg.php"] input[type="submit"][name="submit"]:hover {
	background-color: #c5d3e7 !important;
}

/* Membership Info - Print Registration Button */
body#profile2Page table form[action="printReg.php"] input[type="submit"][name="submit"] {
	display: block;
	margin-top: 10px;
	word-wrap: break-word;
}
@media only screen and (max-width: 767px) {
	/* Main edit form */
	body#profile1Page > div#mainBody > div#bodyCenter > form[action^="profile"],
	body#profile2Page > div#mainBody > div#bodyCenter > form[action^="profile"],
	body#profile3Page > div#mainBody > div#bodyCenter > form[action^="profile"],
	body#profile4Page > div#mainBody > div#bodyCenter > form[action^="profile"] {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Edit Profile Rows */
	body#profile1Page table.profile td:nth-of-type(2),
	body#profile2Page table.profile td:nth-of-type(2),
	body#profile3Page table.profile td:nth-of-type(2),
	body#profile4Page table.profile td:nth-of-type(2) {
		margin-bottom: 20px;
	}

	/* Contact Information - Address Line 1 */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(4) td:nth-of-type(2) {
		margin-bottom: 0px;
	}

	/* Contact Information - Space Below Country */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(10) td {
		display: none;
	}

	/* Contact Information - Space Below Fax Phone */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(16) td {
		display: none;
	}

	/* Contact Information - Space Below Enter Email Again */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(19) td {
		display: none;
	}

	/* Contact Information - Gender Dropdown */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(20) select {
		width: 97%;
	}

	/* Contact Information - Space Below Gender */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(21) td {
		display: none;
	}

	/* Contact Information - Space Below Emergency Contact Phone Number */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(24) td {
		display: none;
	}

	/* Contact Information - Date of Birth - Month */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(25) select:nth-of-type(1) {
		width: 40%;
	}

	/* Contact Information - Date of Birth - Day */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(25) select:nth-of-type(2) {
		width: 25%;
	}

	/* Contact Information - Date of Birth - Year */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(25) select:nth-of-type(3) {
		width: 30%;
	}

	/* Contact Information - Save Changes Button */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(26) input {
		width: 100%;
		margin-top: 30px;
	}

	/* Other - Member Name Area */
	body#profile4Page #bodyCenter h1 + table#menuTabs + div + br + br + table#formTable {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Other - Save Changes Button Area */
	body#profile4Page form[action^="profile4.php"] table#formTable tr td textarea#memberProductService {
		width: calc(100% - 35px);
	}

	/* Membership Information - Extra table on the membership info page at the top */
	body#profile2Page > div#mainBody > div#bodyCenter > h1 + table + div + br + br + table {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Membership Information - Registration Details Footer */
	body#profile2Page > div#mainBody > div#bodyCenter > p:nth-last-of-type(2) {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Membership Information - Registration Details Table */
	body#profile2Page form[action^="profile2.php"] + hr + table.profile {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Membership Information - Note at the bottom */
	body#profile2Page > div#mainBody > div#bodyCenter > p:last-of-type {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Membership Information - Table */
	body#profile2Page form[action^="profile2.php"] table.profile {
		/* margin-top: 20px; */
	}

	/* Membership Information - Username */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(1) input[type="text"] {
		width: 90%;
		margin-bottom: 5px;
	}

	/* Membership Information - Username Button */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(1) input[type="button"] {
		width: calc(100% - 2px);
	}

	/* Membership Information - Password Container */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(2) td:nth-of-type(2) div:nth-of-type(1) {
		display: block !important;
		width: 90%;
	}

	/* Membership Information - Password Container - Strength */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(2) td:nth-of-type(2) div div:nth-of-type(1) {
		display: inline-block !important;
		width: auto !important;
	}

	/* Membership Information - Enter Password Again */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(3) input[type="password"] {
		width: 90%;
	}

	/* Membership Information - Space Below the Enter Password Again area */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(4) {
		display: none;
	}

	/* Membership Information - Password */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(2) input[type="password"] {
		width: 100%;
	}

	/* Membership Information - Area Below Security Roles */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(10){
		display: none;
	}

	/* Membership Information - Member Since */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(11) select {
		width: calc(100% - 5px);
	}

	/* Membership Information - Years Curling Experience */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(12) input[type="text"] {
		width: 90%;
	}

	/* Membership Information - Area Below Years Curling Experience */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(13) {
		display: none;
	}

	/* Membership Information - Area Below Years Curling Experience */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(16) input[type="submit"] {
		width: calc(100% - 10px);
	}

	/* Membership Information - Line Below Save Changes Button */
	body#profile2Page form[action^="profile2.php"] + hr {
		margin-top: 40px;
		margin-bottom: 20px;
		width: 100%;
	}

	/* Membership Information - Registration Details */
	body#profile2Page form[action^="profile2.php"] + hr + table.profile h3 {
		width: calc(100% - 20px);
	}

	/* Membership Information - Send Email and Button Area */
	body#profile2Page form[action^="profile2.php"] + hr + table.profile td:nth-of-type(2) {
		margin-bottom: 0px;
	}

	/* Membership Information - Print Registration */
	body#profile2Page form[action^="printReg.php"] input[type="submit"] {
		display: block;
		width: 100%;
		margin-top: 20px;
	}

	/* Spare Details - Member Name Area */
	body#profile3Page #bodyCenter h1 + table#menuTabs + div + br + br + table.profile {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Spare Details - Include Name in Spare List - Bold */
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(1) td strong {
		font-weight: normal;
	}

	/* Spare Details - Include Name in Spare List - Checkbox */
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(1) td input {
		float: left;
		margin-right: 5px;
	}

	/* Spare Details - Main Textarea */
	body#profile3Page form[action^="profile3.php"] table.profile textarea[name="spareDetail"] {
		width: calc(100% - 35px);
	}

	/* Spare Details - "Can spare as" area */
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(3) td {
		margin-bottom: 20px;
		margin-top: 20p;
	}

	/* Spare Details - "Can spare as" checkboxes */
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(3) td input:nth-of-type(2),
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(3) td input:nth-of-type(3),
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(3) td input:nth-of-type(4) {
		margin-left: 20px;
	}

	/* Spare Details - "Leagues I Can Spare In" Area Rows */
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(4) td table.profile td {
		padding-bottom: 10px;
	}

	/* Spare Details - "Save Changes" button */
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(5) td input[type="submit"] {
		margin-top: 20px;
		width: 100%;
	}

	/* Spare Details - "Leagues I Can Spare In" checkbox rows */
	body#profile3Page form[action^="profile3.php"] table.profile table.profile td:nth-of-type(2),
	body#profile3Page form[action^="profile3.php"] table.profile table.profile tr:nth-of-type(2) td,
	body#profile3Page form[action^="profile3.php"] table.profile table.profile tr:nth-of-type(3) td,
	body#profile3Page form[action^="profile3.php"] table.profile table.profile tr:nth-of-type(4) td,
	body#profile3Page form[action^="profile3.php"] table.profile table.profile tr:nth-of-type(5) td {
		margin-bottom: 0px;
	}

	/* Other - "Save Changes" table :( */
	body#profile4Page form[action^="profile4.php"] table#formTable table#formTable,
	body#profile4Page form[action^="profile4.php"] table#formTable table#formTable tr,
	body#profile4Page form[action^="profile4.php"] table#formTable table#formTable tbody,
	body#profile4Page form[action^="profile4.php"] table#formTable table#formTable td {
		width: 100%;
		display: block;
		text-align: center;
	}

	/* Other - "Products and Service List" area */
	body#profile4Page form[action^="profile4.php"] table#formTable tr:nth-of-type(2) input {
		width: 100%;
	}
}

@media only screen and (min-width: 768px)
{
	/* Show the active tab in a different color */
	body#profile1Page form[action="profile1.php"] a.linkTabForm,
	body#profile2Page form[action="profile2.php"] a.linkTabForm,
	body#profile3Page form[action="profile3.php"] a.linkTabForm,
	body#profile4Page form[action="profile4.php"] a.linkTabForm {
		background-color: #3f6caf !important;
		color: #FFF !important;
	}

	/* Contact Information - Profile Label Areas */
	body#profile1Page form[action^="profile1.php"] table.profile tr td:nth-of-type(1) {
		padding-right: 10px;
		width: 140px !important;
	}

	body#profile1Page form[action^="profile1.php"] table.profile tr td:nth-of-type(1) strong,
	body#profile2Page form[action^="profile2.php"] table.profile tr td:nth-of-type(1) strong,
	body#profile3Page form[action^="profile3.php"] table.profile tr td:nth-of-type(1) strong {
		font-weight: normal;
	}

	/* Contact Information - Submit Button */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(25) td {
		padding-bottom: 10px;
	}

	/* Contact Information - Submit Button */
	body#profile1Page form[action^="profile1.php"] table.profile tr:nth-of-type(26) td {
		text-align: left;
		padding: 20px 0px 0px 0px;
	}

	/* Spare Details - Member Name Row */
	body#profile3Page #bodyCenter h1 + table#menuTabs + div + br + br + table.profile tr td {
		padding-bottom: 20px;
		padding-top: 10px;
	}

	body#profile3Page #bodyCenter h1 + table#menuTabs + div + br + br + table.profile tr td strong {
		font-weight: normal;
	}

	/* Spare Details - "Can Spare As" row */
	body#profile3Page form[action^="profile3.php"] > table.profile > tbody > tr:nth-of-type(3) > td {
		/* padding-bottom: 20px; */
	}

	/* Spare Details - "Can Spare As" Checkboxes */
	body#profile3Page form[action^="profile3.php"] > table.profile > tbody > tr:nth-of-type(3) > td input[type="checkbox"] {
		margin-left: 20px;
	}
	body#profile3Page form[action^="profile3.php"] > table.profile > tbody > tr:nth-of-type(3) > td input[type="checkbox"]:nth-of-type(1) {
		margin-left: 0px;
	}

	/* Spare Details - "Leagues I Can Spare In" Area Rows */
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(4) td table.profile td {
		padding-bottom: 10px;
		padding-right: 20px;
	}

	/* Spare Details - "Save Changes" button */
	body#profile3Page form[action^="profile3.php"] table.profile tr:nth-of-type(5) td {
		padding-top: 10px;
		text-align: left;
	}

	body#profile3Page form[action^="profile3.php"] input[type='submit'] {
		width: 200px;
		margin-top: 25px;
	}

	/* Spare Details - "Leagues I Can Spare In" Last Row */
	body#profile3Page form[action^="profile3.php"] table.profile table.profile tr:nth-of-type(5) td {
		padding: 0px 0px 20px 0px;
		text-align: left;
		background-color: #FFF;
	}

    body#profile2Page #bodyCenter h1 + table#menuTabs + div + br + br + table tr td strong {
    	font-weight: normal;
    }

	/* Membership Info - Member Name Label */
	body#profile2Page #bodyCenter h1 + table#menuTabs + div + br + br + table tr td:nth-of-type(1) {
		padding-right: 88px;
		margin-bottom: 10px;
	}

	/* Membership Info - Member Name Row */
	body#profile2Page #bodyCenter h1 + table#menuTabs + div + br + br + table tr td {
		/* width: 50%; */
		/* padding-bottom: 10px; */
		padding-top: 10px;
	}

	/* Membership Information - Table Left Side */
	body#profile2Page form[action^="profile2.php"] table.profile tr td:nth-of-type(1) {
		padding-right: 10px;
	}

	/* Membership Information - Username */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(1) br {
		display: none;
	}

	/* Membership Info - Save Changes Row */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(16) td {
		padding-top: 50px;
	}

	/* Membership Info - Main Area */
	body#profile1Page form[action^="profile2.php"] table.profile {
		padding-bottom: 20px;
	}

	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(1) td input[name="username"],
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(2) td input[name="password"],
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(3) td input[name="password2"] {
		margin-right: 10px;
	}

	/* Membership Information - Add Padding to each vvisible row */
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(1) td,
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(2) td,
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(3) td,
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(5) td,
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(6) td,
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(7) td,
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(8) td,
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(11) td,
	body#profile2Page form[action^="profile2.php"] table.profile tr:nth-of-type(14) td {
		padding-bottom: 10px;
	}

	body#profile1Page form[action^="profile1.php"] input[type='submit'] {
		/* width: 50%; */
	}
}
/* Style the Modify Your Profile page - END */

/* Style the League Roster Page - START */
body#leagueRosterPage > div#mainBody > div#bodyCenter > br {
	display: none;
}
/* Style the League Roster Page - END */

/* Style the Request a Spare page - START */

/* Line after the Save Request Button */
body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] + hr {
	display: none;
}

/* Note after the request has been saved */
body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] + hr + p {
	/* text-align: center; */
	padding: 50px 30px 50px 30px;
	font-weight: normal !important;
	font-size: 1rem;
	background-color: #585858;
	color: #fff;
	margin: 0;
}

/* Request Form Area */
body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] {
	padding: 50px 30px 50px 50px;
}

/* Remove random break tags */
form[action="requestPlayer.php"] div:nth-child(4) > br {
	display: none;
}

@media only screen and (max-width: 767px)
{
	/* Request Form Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Player Dropdown Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(1) {
		margin-bottom: 20px;
	}

	/* Player Dropdown */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(1) select {
		width: 100%;
	}

	/* Gender Dropdown Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(2) {
		margin-bottom: 20px;
	}

	/* Gender Dropdown */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(2) select {
		width: 100%;
	}

	/* Position Dropdown Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(3) {
		margin-bottom: 20px;
	}

	/* Position Dropdown */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(3) select:not([name="leagueID"]) {
		width: 100%;
	}

	/* 'For a' Section */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] div#leagues > div {
		float: none !important;
		margin-bottom: 0px;
	}

	/* Start Date & Time Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(4) {
		margin-bottom: 20px;
	}

	/* Game/Event/Bonspiel Dropdown */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #needType {
		width: 100%;
		margin-bottom: 10px;
	}

	/* Event and League Drop down */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] select[name="leagueID"],
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] select[name="eventID"] {
		width: 100%;
	}

	/* Start Date & Time Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(5) {
		margin-bottom: 20px;
	}

	/* Start Label */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(5) span {
		display: block;
	}

	/* Start Date Field */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(5) #startDate {
		display: block;
		margin-left: 0;
		width: calc(100% - 30px);
		margin-bottom: 10px;
	}

	/* End Date & Time Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(6) {
		margin-bottom: 20px;
	}

	/* End Date Field */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(6) #endDate {
		display: block;
		margin-left: 0;
		width: calc(100% - 30px);
		margin-bottom: 10px;
	}

	/* End Label */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(6) span {
		display: block;
	}

	/* Notes Textarea Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(7) {
		margin-bottom: 20px;
	}

	/* Notes Textarea */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #spareNotes {
		width: calc(100% - 30px) !important;
	}

	/* Email requests Checkbox Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(8) {
		margin-bottom: 20px;
	}

	/* Save Request Button */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #saveRequest {
		width: 100%;
	}
}
@media only screen and (min-width: 768px)
{
	/* Player Dropdown Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(1) {
		margin-bottom: 20px;
	}

	/* Gender Dropdown Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(2) {
		margin-bottom: 20px;
	}

	/* Position Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(3):not(#leagues):not(#events) {
		margin-bottom: 20px;
	}

	/* Game/Event/Bonspiel Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(4):not(#leagues):not(#events) {
		float: left;
		/* margin-bottom: 20px; */
		width: 96%;
	}

	/* 'For a' in the Game/Event/Bonspiel Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(4) > span {
		display: block;
		float: left;
		margin-top: 10px;
		margin-right: 5px;
	}

	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(4)::after {
		content: "";
		clear: both;
		display: table;
	}

	/* Game/Event/Bonspiel Dropdown */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #needType {
		float: left;
		margin-right: 20px;
	}

	/* Event and League Drop down */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #leagues,
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #events {
		margin-bottom: 0px;
		float: left;
	}

	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #leagues > div {
		float: none !important;
	}

	/* Start Date & Time Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(5) {
		margin-top: 80px;
		margin-bottom: 20px;
	}

	/* Start Date Field */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(5) #startDate {
		margin-right: 10px;
	}

	/* End Date & Time Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(6) {
		margin-bottom: 20px;
	}

	/* End Date Field */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(6) #endDate {
		margin-right: 10px;
	}

	/* End Date & Time Area */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] > div:nth-child(6) {
		margin-bottom: 20px;
	}

	/* Notes Textarea */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #spareNotes {
		width: 70% !important;
		padding-right: 25px;
		margin-bottom: 20px;
		max-width: 600px;
		margin-top: 10px;
	}

	/* Save Request Button */
	body#requestPlayerPage div#bodyCenter h1 + form[action="requestPlayer.php"] #saveRequest {
		margin-top: 15px;
	}
}
/* Style the Request a Spare page - END */

/* Style various tables - START */
@media only screen and (min-width: 768px) {
	body#myTeamsPage div#mainBody div#bodyCenter table[class^=league],
	body#mySchedulePage div#mainBody div#bodyCenter table.sched,
	body#leagueSchedulePage div#mainBody div#bodyCenter table.sched,
	body#leagueStandingsPage div#mainBody div#bodyCenter table.sched,
	body#teamStandingsPage div#mainBody div#bodyCenter table.stats,
	body#teamStandingsPage div#mainBody div#bodyCenter table.round,
	body#leagueRosterPage div#mainBody div#bodyCenter table.dir,
	body div#mainBody div#bodyCenter table.fullSched,
	body div#mainBody div#bodyCenter table.team,
	body div#mainBody div#bodyCenter table.scores {
		width: calc(100% - 1.85rem);
		/* padding: 0px 0px 30px 0px; */
	}

	body div#mainBody div#bodyCenter table.redesign.noRightPadding {
		padding-right: 0px;
		width: 100%;
	}
}

body#myTeamsPage div#mainBody div#bodyCenter table[class^=league],
body#mySchedulePage div#mainBody div#bodyCenter table.sched,
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched,
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched,
body#teamStandingsPage div#mainBody div#bodyCenter table.stats,
body#teamStandingsPage div#mainBody div#bodyCenter table.round,
body#leagueRosterPage div#mainBody div#bodyCenter table.dir,
body div#mainBody div#bodyCenter table.fullSched,
body div#mainBody div#bodyCenter table.team,
body div#mainBody div#bodyCenter table.scores,
body div#mainBody div#bodyCenter table.redesign {
	border-spacing: 0px;
}

body#profile2Page div#mainBody div#bodyCenter table.register th,
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] th,
body#mySchedulePage div#mainBody div#bodyCenter table.sched th,
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched th,
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched th,
body#teamStandingsPage div#mainBody div#bodyCenter table.stats th,
body#teamStandingsPage div#mainBody div#bodyCenter table.round th,
body#leagueRosterPage div#mainBody div#bodyCenter table.dir th,
body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table th,
body div#mainBody div#bodyCenter table.fullSched th,
body div#mainBody div#bodyCenter table.team th,
body div#mainBody div#bodyCenter table.scores th,
body div#mainBody div#bodyCenter table.redesign th {
	margin: 0;
	padding: 12px;
	color: #333333 !important;
	background: #ffffff;
	border-top: solid #dee0e8 1px;
	text-transform: lowercase !important;
	text-align: left;
}

body#profile2Page div#mainBody div#bodyCenter table.register th:first-letter,
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] th:first-letter,
body#mySchedulePage div#mainBody div#bodyCenter table.sched th:first-letter,
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched th:first-letter,
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched th:first-letter,
body#teamStandingsPage div#mainBody div#bodyCenter table.stats th:first-letter,
body#teamStandingsPage div#mainBody div#bodyCenter table.round th:first-letter,
body#leagueRosterPage div#mainBody div#bodyCenter table.dir th:first-letter,
body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table th:first-letter,
body div#mainBody div#bodyCenter table.fullSched th:first-letter,
body div#mainBody div#bodyCenter table.team th:first-letter,
body div#mainBody div#bodyCenter table.scores th:first-letter,
body div#mainBody div#bodyCenter table.redesign th:first-letter {
    text-transform: capitalize !important;
}

body#profile2Page div#mainBody div#bodyCenter table.register th:nth-of-type(1),
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] th:nth-of-type(1),
body#mySchedulePage div#mainBody div#bodyCenter table.sched th:nth-of-type(1),
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched th:nth-of-type(1),
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched th:nth-of-type(1),
body#teamStandingsPage div#mainBody div#bodyCenter table.stats th:nth-of-type(1),
body#teamStandingsPage div#mainBody div#bodyCenter table.round th:nth-of-type(1),
body#leagueRosterPage div#mainBody div#bodyCenter table.dir th:nth-of-type(1),
body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table th:nth-of-type(1),
body div#mainBody div#bodyCenter table.fullSched th:nth-of-type(1),
body div#mainBody div#bodyCenter table.team th:nth-of-type(1),
body div#mainBody div#bodyCenter table.scores th:nth-of-type(1),
body div#mainBody div#bodyCenter table.redesign th:nth-of-type(1) {
	border-left: solid #dee0e8 1px;
}

body#profile2Page div#mainBody div#bodyCenter table.register th:last-of-type,
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] th:last-of-type,
body#mySchedulePage div#mainBody div#bodyCenter table.sched th:last-of-type,
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched th:last-of-type,
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched th:last-of-type,
body#teamStandingsPage div#mainBody div#bodyCenter table.stats th:last-of-type,
body#teamStandingsPage div#mainBody div#bodyCenter table.round th:last-of-type,
body#leagueRosterPage div#mainBody div#bodyCenter table.dir th:last-of-type,
body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table th:last-of-type,
body div#mainBody div#bodyCenter table.fullSched th:last-of-type,
body div#mainBody div#bodyCenter table.team th:last-of-type,
body div#mainBody div#bodyCenter table.scores th:last-of-type,
body div#mainBody div#bodyCenter table.redesign th:last-of-type {
	border-right: solid #dee0e8 1px;
}

body#profile2Page div#mainBody div#bodyCenter table.register tr td:nth-of-type(1),
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] tr td:nth-of-type(1),
body#mySchedulePage div#mainBody div#bodyCenter table.sched tr td:nth-of-type(1),
ody#leagueSchedulePage div#mainBody div#bodyCenter table.sched tr td:nth-of-type(1),
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched tr td:nth-of-type(1),
body#teamStandingsPage div#mainBody div#bodyCenter table.stats tr td:nth-of-type(1),
body#teamStandingsPage div#mainBody div#bodyCenter table.round tr td:nth-of-type(1),
body#leagueRosterPage div#mainBody div#bodyCenter table.dir tr td:nth-of-type(1),
body#directoryPage div#mainBody div#bodyCenter table#dirTable tr td:nth-of-type(1),
body div#mainBody div#bodyCenter table.fullSched tr td:nth-of-type(1),
body div#mainBody div#bodyCenter table.team tr td:nth-of-type(1),
body div#mainBody div#bodyCenter table.scores tr td:nth-of-type(1),
body div#mainBody div#bodyCenter table.redesign tr td:nth-of-type(1) {
	border-left: solid 1px #dee0e8;
}

body#profile2Page div#mainBody div#bodyCenter table.register tr td:last-of-type,
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] tr td:last-of-type,
body#mySchedulePage div#mainBody div#bodyCenter table.sched tr td:last-of-type,
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched tr td:last-of-type,
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched tr td:last-of-type,
body#teamStandingsPage div#mainBody div#bodyCenter table.stats tr td:last-of-type,
body#teamStandingsPage div#mainBody div#bodyCenter table.round tr td:last-of-type,
body#leagueRosterPage div#mainBody div#bodyCenter table.dir tr td:last-of-type,
body#directoryPage div#mainBody div#bodyCenter table#dirTable tr td:last-of-type,
body div#mainBody div#bodyCenter table.fullSched tr td:last-of-type,
body div#mainBody div#bodyCenter table.team tr td:last-of-type,
body div#mainBody div#bodyCenter table.scores tr td:last-of-type,
body div#mainBody div#bodyCenter table.redesign tr td:last-of-type {
	border-right: solid 1px #dee0e8;
}

body#profile2Page div#mainBody div#bodyCenter table.register tr:last-of-type td,
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] tr:last-of-type td,
body#mySchedulePage div#mainBody div#bodyCenter table.sched tr:last-of-type td,
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched tr:last-of-type td,
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched tr:last-of-type td,
body#teamStandingsPage div#mainBody div#bodyCenter table.stats tr:last-of-type td,
body#teamStandingsPage div#mainBody div#bodyCenter table.round tr:last-of-type td,
body#leagueRosterPage div#mainBody div#bodyCenter table.dir tr:last-of-type td,
body#directoryPage div#mainBody div#bodyCenter table#dirTable tr:last-of-type td,
body div#mainBody div#bodyCenter table.fullSched tr:last-of-type td,
body div#mainBody div#bodyCenter table.team tr:last-of-type td,
body div#mainBody div#bodyCenter table.scores tr:last-of-type td,
body div#mainBody div#bodyCenter table.redesign tr:last-of-type td {
	border-bottom: solid 1px #dee0e8;
}

body#profile2Page div#mainBody div#bodyCenter table.register tr td,
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] tr td,
body#mySchedulePage div#mainBody div#bodyCenter table.sched tr td,
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched tr td,
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched tr td,
body#teamStandingsPage div#mainBody div#bodyCenter table.stats tr td,
ody#teamStandingsPage div#mainBody div#bodyCenter table.round tr td,
body#leagueRosterPage div#mainBody div#bodyCenter table.dir tr td,
body#directoryPage div#mainBody div#bodyCenter table#dirTable tr td,
body div#mainBody div#bodyCenter table.fullSched tr td,
body div#mainBody div#bodyCenter table.team tr td,
body div#mainBody div#bodyCenter table.scores tr td,
body div#mainBody div#bodyCenter table.redesign tr td {
	color: #333333 !important;
	margin: 0;
	padding: 12px;
	border-top: solid 1px #dee0e8;
	border-right: none;
	word-break: break-word;
	background-color: #fff !important;
	text-align: left;
}

body#profile2Page div#mainBody div#bodyCenter table.register tr:hover td,
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] tr:hover td,
body#mySchedulePage div#mainBody div#bodyCenter table.sched tr:hover td,
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched tr:hover td,
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched tr:hover td,
body#teamStandingsPage div#mainBody div#bodyCenter table.stats tr:hover td,
body#teamStandingsPage div#mainBody div#bodyCenter table.round tr:hover td,
body#leagueRosterPage div#mainBody div#bodyCenter table.dir tr:hover td,
body#directoryPage div#mainBody div#bodyCenter table#dirTable tr:hover td,
body div#mainBody div#bodyCenter table.fullSched tr:hover td,
body div#mainBody div#bodyCenter table.team tr:hover td,
body div#mainBody div#bodyCenter table.scores tr:hover td,
body div#mainBody div#bodyCenter table.redesign tr:hover td {
  background-color: #e4ebf5 !important;
  color: #3f6caf;
}

body#profile2Page div#mainBody div#bodyCenter table.register tr:hover td:nth-of-type(1),
body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] tr:hover td:nth-of-type(1),
body#mySchedulePage div#mainBody div#bodyCenter table.sched tr:hover td:nth-of-type(1),
body#leagueSchedulePage div#mainBody div#bodyCenter table.sched tr:hover td:nth-of-type(1),
body#leagueStandingsPage div#mainBody div#bodyCenter table.sched tr:hover td:nth-of-type(1),
body#teamStandingsPage div#mainBody div#bodyCenter table.stats tr:hover td:nth-of-type(1),
body#teamStandingsPage div#mainBody div#bodyCenter table.round tr:hover td:nth-of-type(1),
body#leagueRosterPage div#mainBody div#bodyCenter table.dir tr:hover td:nth-of-type(1),
body#directoryPage div#mainBody div#bodyCenter table#dirTable tr:hover td:nth-of-type(1),
body div#mainBody div#bodyCenter table.fullSched tr:hover td:nth-of-type(1),
body div#mainBody div#bodyCenter table.team tr:hover td:nth-of-type(1),
body div#mainBody div#bodyCenter table.scores tr:hover td:nth-of-type(1),
body div#mainBody div#bodyCenter table.redesign tr:hover td:nth-of-type(1) {
	border-left: solid 4px #3f6caf;
	padding-left: 9px;
}


body div#mainBody div#bodyCenter table.redesign tbody tr:hover td:nth-of-type(1) {
	border-left: unset;
	padding-left: 12px;
}

body div#mainBody div#bodyCenter table.redesign.overseeTable {
	border-collapse: collapse;
	margin-top: 40px;
}

body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody {
	border: solid 1px #dee0e8;
}

body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr > td {
	border: none !important;
}

body div#mainBody div#bodyCenter table.redesign.overseeTable tbody:hover {
    border-left: solid 4px #3f6caf !important;
}

body div#mainBody div#bodyCenter table.redesign.overseeTable tbody > tr > td h3 {
	font-size: 1.12rem;
}

body div#mainBody div#bodyCenter table.redesign.overseeTable tbody > tr > td p {
	color: #808080;
}

body div#mainBody div#bodyCenter table.redesign.overseeTable tbody:hover,
body div#mainBody div#bodyCenter table.redesign.overseeTable tbody:hover > tr > td,
body div#mainBody div#bodyCenter table.redesign.overseeTable tbody:hover > tr > td h3,
body div#mainBody div#bodyCenter table.redesign.overseeTable tbody:hover > tr > td P {
    background-color: #e4ebf5 !important;
    color: #3f6caf !important;
}

body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr > td div.overseeDetails {
	display: flex;
}

/* Name */
table.redesign.overseeTable thead th:nth-of-type(2) {
	width: 16%;
}

/* Email */
table.redesign.overseeTable thead th:nth-of-type(3) {
	width: 21%;
}

/* Phone */
table.redesign.overseeTable thead th:nth-of-type(4) {
	width: 13%;
}

body#custom27Page table.redesign.overseeTable .overseeImg {
    min-width: 75px !important;
    text-align: center !important;
    padding-right: 10px;
    padding-top: 10px;
    width: 75px;
}

table.redesign.overseeTable .overseeArea {
    /* max-width: calc(100% - 75px); */
    padding-top: 8px;
    padding-bottom: 8px;
}

table.redesign.overseeTable .overseeArea p {
	margin: 5px 0 0 0;
}


body#profile2Page table.register tr td span {
	color: #888 !important;
	background: none !important;
	text-decoration: none !important;
}

body#leagueStandingsPage h2,
body#teamStandingsPage h2,
body#leagueSchedulePage h2 {
	font-weight: 100;
	margin: 0;
	padding: 20px 0 0 0;
	color: #151515;
	background: none;
	text-align: center;
	font-size: 2rem;
}

body#teamStandingsPage > div#mainBody > div#bodyCenter {
	padding-bottom: 50px !important;
}

body#leagueStandingsPage > div#mainBody > div#bodyCenter > br,
body#leagueSchedulePage > div#mainBody > div#bodyCenter > br,
body#leagueRosterPage > div#mainBody > div#bodyCenter > br {
	display: none;
}

body#leagueStandingsPage > div#mainBody > div#bodyCenter > p,
body#leagueSchedulePage > div#mainBody > div#bodyCenter > p,
body#leagueRosterPage > div#mainBody > div#bodyCenter > p {
	padding: 50px 30px 50px 30px;
	text-align: center;
}

body#leagueSchedulePage > div#mainBody > div#bodyCenter > div > form[action="leagueSchedule.php"] {
	padding: 50px 30px 0px 30px;
}

body#leagueSchedulePage > div#mainBody > div#bodyCenter > div > form[action="leagueSchedule.php"] > select {
	margin-right: 10px;
	padding: 17px;
}

body#directoryPage div#dirTable_wrapper div.fg-toolbar {
	background: #9fb6d7;
	color: #ffffff;
	border: solid 1px #dee0e8;
	padding: 15px;
}

body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table,
body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table th {
	border: none;
}

body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table th {
	cursor: pointer;
	text-align: left;
	padding: 20px;
	color: #333333;
	background: none;
	background-color: #ffffff;
	border-bottom: solid 1px #dee0e8;
	padding-right: 30px;
}

body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table th:nth-of-type(1) {
    border-left: solid 1px #dee0e8;
}

body#directoryPage div#mainBody div#bodyCenter div.dataTables_scrollHeadInner table th:last-of-type {
	border-right: solid 1px #dee0e8;
}

body#directoryPage div#mainBody div#bodyCenter table#dirTable tr td {
	background-color: #ffffff;
	padding: 15px;
}

body#directoryPage div#mainBody div#bodyCenter table#dirTable tr:hover td {
    background-color: #e4ebf5 !important;
    color: #3f6caf;
}

body#directoryPage div#mainBody div#bodyCenter table#dirTable tr td:nth-of-type(1) {
    border-left: solid 1px #dee0e8;
}

body#directoryPage div#mainBody div#bodyCenter table#dirTable tr td:last-of-type {
    border-right: solid 1px #dee0e8;
}

body#directoryPage div.dataTables_scrollHead {
	background: none;
}

body#directoryPage div.dataTables_paginate a {
	background: none;
	font-weight: bold;
	color: #ffffff !important;
}

@media only screen and (max-width: 479px) {
	body#custom27Page table.redesign.overseeTable .overseeImg {
        margin-left: auto;
        margin-right: auto;
	}

	body#custom27Page table.redesign.overseeTable h3,
    body#custom27Page table.redesign.overseeTable p {
    	text-align: center !important;
    }
}

@media only screen and (max-width: 767px) {
	body#directoryPage table.dir {
		width: 100% !important;
	}

	body#directoryPage table.dir tbody {
		display: block;
	}

	body#mySchedulePage table.sched,
	body#leagueSchedulePage table.sched,
	body#leagueStandingsPage table.sched,
	body#teamStandingsPage table.stats,
	body#teamStandingsPage table.round,
	body#directoryPage table#dirTable,
	table.fullSched,
	table.team {
		padding: 0px 0px 30px 0px;
	}

	body#profile2Page div#mainBody div#bodyCenter table.register,
	body#myTeamsPage div#mainBody div#bodyCenter table[class^=league],
	body#mySchedulePage div#mainBody div#bodyCenter table.sched,
	body#leagueSchedulePage div#mainBody div#bodyCenter table.schedd,
	body#leagueStandingsPage div#mainBody div#bodyCenter table.sched,
	body#teamStandingsPage div#mainBody div#bodyCenter table.stats,
	body#teamStandingsPage div#mainBody div#bodyCenter table.round,
	body#leagueRosterPage div#mainBody div#bodyCenter table.dir,
	body#directoryPage div#mainBody div#bodyCenter table#dirTable,
	body div#mainBody div#bodyCenter table.fullSched,
	body div#mainBody div#bodyCenter table.team,
	body div#mainBody div#bodyCenter table.scores {
        width: calc(100% - 30px);f
	}

	body div#mainBody div#bodyCenter table.redesign {
		width: 100%;
	}

	body#custom27Page table.redesign tbody,
	body#custom27Page table.redesign tr,
	body#custom27Page table.redesign td {
        display: block;
	}

	body#custom27Page table.redesign thead {
		display: none;
	}

    body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr > td:nth-of-type(2),
    body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr > td:nth-of-type(3),
    body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr > td:nth-of-type(4),
    body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr:nth-of-type(1n+2) > td:nth-of-type(1) {
        display: inline-block;
        text-align: center !important;

	}

    body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr > td:nth-of-type(3),
    body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr:nth-of-type(1n+2) > td:nth-of-type(2) {
    	width: calc(50% - 40px);
    	border-top: solid 1px #CCCCCC !important;
    	vertical-align: top;
    }

	body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr > td:nth-of-type(2),
	body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr > td:nth-of-type(4),
	body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr:nth-of-type(1n+2) > td:nth-of-type(1),
	body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr:nth-of-type(1n+2) > td:nth-of-type(3) {
		width: calc(25% - 20px);
		border-top: solid 1px #CCCCCC !important;
	}

	body div#mainBody div#bodyCenter table.redesign.overseeTable > tbody > tr {
		padding-bottom: 5px;
	}
}

@media only screen and (max-width: 768px),
(min-device-width: 769px) and (max-device-width: 1024px) {
	body#profile2Page div#mainBody div#bodyCenter table.register tr td,
	body#myTeamsPage div#mainBody div#bodyCenter table[class^=league] tr td,
	body#mySchedulePage div#mainBody div#bodyCenter table.sched tr td,
	body#leagueSchedulePage div#mainBody div#bodyCenter table.sched tr td,
	body#leagueStandingsPage div#mainBody div#bodyCenter table.sched tr td,
	body#teamStandingsPage div#mainBody div#bodyCenter table.stats tr td,
	body#teamStandingsPage div#mainBody div#bodyCenter table.round tr td,
	body#leagueRosterPage div#mainBody div#bodyCenter table.dir tr td,
	body div#mainBody div#bodyCenter table.fullSched tr td,
	body div#mainBody div#bodyCenter table.team tr td,
	body div#mainBody div#bodyCenter table.scores tr td {
		padding: 5px 5px 5px 5rem !important;
	}	
}
/* Style various tables - END */

/* Style the Enter My Scores Page - START */
body#enterMyScoresPage > div#mainBody > div#bodyCenter > p {
	/* text-align: center; */
	padding: 0px 20px 30px 20px;
	/* font-size: 1rem; */
}

body#enterMyScoresPage table.scores input[type="submit"] {
    white-space: nowrap;
}
/* Style the Enter My Scores Page - END */

/* Style the Find a Spare page - START */
div#bodyCenter h1 + div form[action="requestPlayer.php"],
div#bodyCenter h1 + div form[action="requestPlayer.php"] + br {
	display: none;
}

/* Search Area Container */
body#spareListPage > div#mainBody > div#bodyCenter > h1 + div + div {
	padding: 50px 30px 30px 30px;
}

/* Search Area */
body#spareListPage form[action="spareList.php"] {
	display: table;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ececee;
	padding: 20px 60px 30px 60px;
}

/* No Search Results Message */
body#spareListPage > div#mainBody > div#bodyCenter > h1 + div + div + br + p {
	padding: 0px 30px 50px 30px;
	font-size: 1rem;
}

@media only screen and (min-width: 768px)
{
	/* Gender Row */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(1) {
		margin-bottom: 30px;
	}

	/* Gender Row Label */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(1) span {
		margin-right: 10px;
	}

	/* League Row */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(2) {
		margin-bottom: 30px;
	}

	/* League Row Label */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(2) span {
		margin-right: 10px;
	}

	/* Position Row */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(3) {
		margin-bottom: 30px;
	}

	/* Position Checkboxes Label */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(3) > span {
		padding-right: 10px;
	}

	/* Position Checkboxes */
	body#spareListPage form[action="spareList.php"] p:nth-child(3) input[type="checkbox"] {
		margin-left: 20px;
		margin-right: 5px;
	}
	body#spareListPage form[action="spareList.php"] p:nth-child(3) input[type="checkbox"]:nth-of-type(1) {
		margin-left: 0px;
	}

	/* Search Results */
	body#spareListPage > div#mainBody > div#bodyCenter > table th {
		margin: 0;
		padding: 15px;
		font-size: 1rem;
		color: #888;
	}
	body#spareListPage > div#mainBody > div#bodyCenter > table tr td:last-of-type {
		border-right: solid 1px #ececee;
	}
	body#spareListPage > div#mainBody > div#bodyCenter > table tr:last-of-type td {
		border-bottom: solid 1px #ececee;
	}
	body#spareListPage > div#mainBody > div#bodyCenter > table tr td {
		color: #888;
		font-size: 1rem;
		margin: 0;
		padding: 10px;
		border-top: solid 1px #ececee;
		border-left: solid 1px #ececee;
		border-right: none;
		word-break: break-word;
	}
	body#spareListPage > div#mainBody > div#bodyCenter > table > tbody > tr:nth-child(even) {
		background-color: #fff !important;
	}
	body#spareListPage > div#mainBody > div#bodyCenter > table > tbody > tr:nth-child(odd) {
		background-color: #f8f8f8 !important;
	}
	body#spareListPage > div#mainBody > div#bodyCenter > table {
		width: calc(100% - 60px);
		padding: 30px 30px 50px 30px;
	}
}

@media only screen and (max-width: 767px) {
	/* Search Area Container */
	body#spareListPage > div#mainBody > div#bodyCenter > h1 + div + div {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Search Area */
	body#spareListPage form[action="spareList.php"] {
		padding-left: 10px;
		padding-right: 10px;
		display: block;
	}

	/* Gender Section */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(1) {
		padding: 10px 0px 10px 0px;
		margin: 0;
		text-align: left;
	}

	/* Gender Label */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(1) span {
		display: block;
		margin-bottom: 10px;
	}

	/* Gender Dropdown */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(1) select {
		margin-bottom: 20px;
		width: 100%;
	}

	/* League Section */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(2) {
		padding: 0 0 30px 0;
		margin: 0;
		text-align: left;
	}

	/* League Label */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(2) span {
		display: block;
		margin-bottom: 10px;
	}

	/* League Dropdown */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(2) select {
		width: 100%;
	}

	/* Position Section */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(3) {
		padding: 0;
		margin: 0px 0px 30px 0px;
		text-align: left;
	}

	/* Position Label */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(3) span {
		display: block;
		margin-bottom: 10px;
	}

	/* Position Checkboxes */
	body#spareListPage form[action="spareList.php"] p:nth-of-type(3) input[type="checkbox"]:nth-of-type(2),
	body#spareListPage form[action="spareList.php"] p:nth-of-type(3) input[type="checkbox"]:nth-of-type(3),
	body#spareListPage form[action="spareList.php"] p:nth-of-type(3) input[type="checkbox"]:nth-of-type(4) {
		margin-left: 15px;
	}

	/* Apply Filters Button */
	body#spareListPage form[action="spareList.php"] input[type="submit"] {
		width: 100%;
	}

	/* Search Results */
	body#spareListPage > div#mainBody > div#bodyCenter > table {
		padding: 30px 10px 30px 10px;
	}
}
/* Style the Find a Spare page - END */

/* Style images inside of content sections - START */
.contentImageLeft {
	padding: 0px 10px 0px 10px;
}
.contentImageCenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 0px 10px 0px 10px;
}
/* Style images inside of content sections - END */

/* Member Registration Closed Page - START */
body#signupClosedPage > div#mainBody > div#bodyCenter > p {
	padding-left: 20px;
	/* padding-right: 30px; */
}

body#signupClosedPage > div#mainBody > div#bodyCenter > p:nth-of-type(1) {
	/* padding-top: 30px; */
}

body#signupClosedPage > div#mainBody > div#bodyCenter > p:last-of-type {
	padding-bottom: 30px;
}
/* Member Registration Closed Page - END */

/* Style the Registration Page - START */
body#renewStopPage div#mainBody div#bodyCenter h2 {
	text-align: center;
	padding: 50px 30px 10px 30px;
	text-transform: uppercase;
}

body#renewPage div#mainBody div#bodyCenter > h1 + h2,
body#renewPage div#mainBody div#bodyCenter > h1 + h2 + h3 {
	text-align: center;
}

body#renewStopPage div#mainBody div#bodyCenter h2 + p {
	text-align: center;
	padding: 0px 30px 50px 30px;
}

form[action="previewSignup.php"] fieldset > table table > tbody > tr.leagues > td:last-of-type {
    padding: 30px 0px 30px 10px;
}

form[action="previewSignup.php"] fieldset > table table > tbody > tr.leagues > td:nth-child(2) {
    padding-top: 30px;
}

form[action="previewSignup.php"] fieldset > table table > tbody select[name^="memberfee"] {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	/* Reset Form and Validate Buttons Section */
	body#renewPage table.likeParagraph,
	body#renewPage table.likeParagraph td.likeParagraph {
		width: 100%;
	}

	/* Reset Form button */
	body#renewPage table.likeParagraph td.likeParagraph:nth-child(1) input[name="reset"] {
		padding: 10px;
		font-size: .875rem;
		width: 100%;
	}

	/* Validate Registration and Caclculate Fee button */
	body#renewPage table.likeParagraph td.likeParagraph:nth-child(2) input[name="validate"] {
		padding: 10px;
		font-size: .875rem;
		width: 100%;
	}

	/* Contact Details Section */
	body#renewPage fieldset table.contacts {
		width: 100%;
		font-size: .875rem;
	}

	/* Contact Details Header */
	body#renewPage fieldset table.contacts h3 {
		margin: 0px 0px 10px 0px;
	}

	/* Contact Details Tbody */
	body#renewPage fieldset table.contacts tbody {
		display: block;
	}

	/* Contact Details Rows */
	body#renewPage fieldset table.contacts td {
		width: 100%;
	}

	/* Contact Details - First Name */
	body#renewPage fieldset table.contacts input[name="firstName"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Middle Name */
	body#renewPage fieldset table.contacts input[name="middleName"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Last Name */
	body#renewPage fieldset table.contacts input[name="lastName"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Gender */
	body#renewPage fieldset table.contacts select[name="gender"] {
		width: 99%;
		margin-bottom: 10px;
	}

	/* Contact Details - Address Line 1 */
	body#renewPage fieldset table.contacts input[name="address1"] {
		width: 93%;
		margin-bottom: 5px;
	}

	/* Contact Details - Address Line 2 */
	body#renewPage fieldset table.contacts input[name="address2"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - City */
	body#renewPage fieldset table.contacts input[name="city"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Province/State */
	body#renewPage fieldset table.contacts input[name="province"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Postal/Zip Code */
	body#renewPage fieldset table.contacts input[name="postalCode"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Country */
	body#renewPage fieldset table.contacts input[name="country"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Home Phone */
	body#renewPage fieldset table.contacts input[name="homePhone"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Mobile Phone */
	body#renewPage fieldset table.contacts input[name="cellPhone"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Work Phone */
	body#renewPage fieldset table.contacts input[name="officePhone"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Ext */
	body#renewPage fieldset table.contacts input[name="extension"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Member Since */
	body#renewPage fieldset table.contacts select[name="memberSince"] {
		width: 99%;
		margin-bottom: 10px;
	}

	/* Contact Details - Years Curling Experience */
	body#renewPage fieldset table.contacts input[name="experience"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Email */
	body#renewPage fieldset table.contacts input[name="email"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Re-enter email */
	body#renewPage fieldset table.contacts input[name="email2"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Emergency Contact Name */
	body#renewPage fieldset table.contacts input[name="emergName"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Contact Details - Emergency Contact Phone Number */
	body#renewPage fieldset table.contacts input[name="emergPhone"] {
		width: 93%;
		margin-bottom: 10px;
	}

	/* Date of Birth - Month */
	body#renewPage fieldset table.contacts select[name="bmonth"] {
		width: 46%;
		margin-bottom: 10px;
	}

	/* Date of Birth - Day */
	body#renewPage fieldset table.contacts select[name="bday"] {
		width: 25%;
		margin-bottom: 10px;
	}

	/* Date of Birth - Year */
	body#renewPage fieldset table.contacts select[name="byear"] {
		width: 25%;
		margin-bottom: 10px;
	}

	/* Consent to Release Information Section */
	body#renewPage fieldset + br + fieldset table {
		width: 100%;
		font-size: .875rem;
	}

	/* Content to Release Header */
	body#renewPage fieldset + br + fieldset table h3 {
		margin: 0px;
	}

	/* League Registration Input Fields */
	body#renewPage fieldset tr.leagues input[type="text"] {
		width: 90%;
		margin-bottom: 10px;
	}

	/* League Registration Input Field Containers */
	body#renewPage fieldset tr.leagues div {
		width: 100%;
	}

	/* League Registration House Membership */
	body#renewPage fieldset tr.specials select {
		width: 90%;
		margin-bottom: 10px;
	}

	/* Checkbox Lists */
	body#renewPage fieldset ul {
		margin: 0px 0px 0px 0px !important;
	}
}
/* style the Registration Page - END */

/* Style the HTML Template Page - START */
div.htmlTemplateSection p {
	font-size: 1rem;
}

div.htmlTemplateSection h6.templateHeading {
	padding: 20px 0px 20px 20px;
	background-color: #efefee;
}
/* Style the HTML Template Page - END */

/* Style the row element "Heading" - START */
.rowElement.elementHeading li {
	font-size: 1rem;
	line-height: 1.7;
	padding-right: 10px;
}

.rowElement.elementHeading p {
	font-size: 1rem;
	padding: 0px 0px 0px 0px;
	margin: 0;
	/* margin-left: auto; */
	/* margin-right: auto; */
	line-height: 1.7;
	color: #888;
}

.rowElement.elementHeading h3 {
	padding-bottom: 10px !important;
}

.rowElement.elementHeading .splitWrapper {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	width: 99.9%;
}

.rowElement.elementHeading .splitWrapper .splitRow.centerVertically {
	flex-direction: column;
    display: flex;
    justify-content: center;
}

/*.rowElement.elementHeading .splitWrapper .splitTable */

.rowElement.elementHeading .splitWrapper .splitRow {
	width: 75% !important;
	padding: 0 0px 0 20px !important;
}

.rowElement.elementHeading .splitWrapper .splitRow table.splitTable {
	width: 100%;
}

.rowElement.elementHeading .splitWrapper .splitImage {
    width: 24.3%;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rowElement.elementHeading .splitWrapper .splitImage.attentionPleaseBg img {
	height: 150px;
}

.rowElement.elementHeading .splitWrapper .splitImage.attentionPleaseBg {
	background-color: #a9dad6 !important;
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueMakeUpBg {
	background-color: #ff8b84;
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueChoresBg {
	background-color: #ff5848;
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueIcePrepBg {
    background-color: #f7bb39;
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueBeforeGameBeginsBg {
    background-color: #ef4136;
}

.rowElement.elementHeading .splitWrapper .splitImage.splitImage.leagueGameTimingBg {
    background-color: #8bf1f3;
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueGamePlayBg {
    background-color: #ff531b;
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueGameScoringBg {
	background-color: #268aa4;
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueTeamPositionsBg {
	background-color: #7b9ebc
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueWelcomeBg {
    background-color: #a3d1c4;
}

.rowElement.elementHeading .splitWrapper .splitImage.leagueCurlingSessionBg {
	background-color: #e0ebfd;
}

.rowElement.elementHeading .splitWrapper .splitImage.curlTellMeBg {
	background-color: #eeeeee;
}

.rowElement.elementHeading .splitWrapper .splitImage.subOneBg {
	background-color: #f2e6dd;
}

.rowElement.elementHeading .splitWrapper .splitImage.subTwoBg {
	background-color: #ffebe9;
}

.rowElement.elementHeading .splitWrapper .splitImage.subThreeBg {
	background-color: #cfeafb;
}

.rowElement.elementHeading .splitWrapper .splitImage.subFourBg {
	background-color: #2a83f7;
}

.rowElement.elementHeading .splitWrapper .splitImage.docOneBg {
    background-color: #99d4e4;
}

.rowElement.elementHeading .splitWrapper .splitImage.docTwoBg {
    background-color: #3695a7;
}

.rowElement.elementHeading .splitWrapper .splitImage.docThreeBg {
    background-color: #6abeec;
}

.rowElement.elementHeading .splitWrapper .splitImage.docFourBg {
    background-color: #173f5f;
}

.rowElement.elementHeading .splitWrapper .splitImage img {
    margin-left: auto;
    margin-right: auto;
    width: initial;
    display: block;
    max-width: 80%;
}

body#eventPage .rowElement.elementHeading .splitWrapper .splitImage {
	background-color: #d1dcec;
}

body#eventPage .rowElement.elementHeading .splitWrapper .splitImage img {
 	max-width: 90%;
 }

.rowElement .buttonListIndent {
	padding: 10px 0 0 20px !important;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementHeading h3 {
		margin: 0px 10px 0 0px !important;
	}
}

@media only screen and (max-width: 479px) {
	.rowElement.elementHeading .splitWrapper .splitTable,
	.rowElement.elementHeading .splitWrapper .splitRow {
        width: 100% !important;
        padding: 0 !important;
	}

	.rowElement.elementHeading .splitWrapper .splitImage {
		width: 100% !important;
		margin-bottom: 10px;
	}

	.rowElement.elementHeading .splitWrapper .splitImage img {
		width: 20% !important;
		max-width: 20% !important;
		padding: 10px 0 10px 0;
    }
}

/* Style the row element "Heading" - END */

/* Style the row element "History" - START */
.rowElement.elementHistory p {
	padding: 0;
	margin: 0;
}

.rowElement.elementHistory h3 {
	text-align: center;
	background-color: #8a8a8a;
	color: #ffffff;
	padding: 20px 0 20px 0;
	margin-bottom: 30px;
}

.rowElement.elementHistory .historyWrapper {
	font-size: 1rem;
	line-height: 1.5;
	color: #999;
}

.rowElement.elementHistory {
	flex: 0 0 100%;
}

.rowElement.elementHistory .historyWrapper {
    max-width: calc(50% - 6px - 46px);
    position: relative;
    min-height: 1px;
}

.rowElement.elementHistory .historyWrapper::after {
    top: 4px;
}

.rowElement.elementHistory .historyWrapper::before {
    position: absolute;
    top: 0;
    bottom: -4px;
    left: 0;
    border-left: 1px solid #ececee;
    content: "";
    display: inline-block;
}

.rowElement.elementHistory .historyWrapper::after {
    top: 4px;
}

.rowElement.elementHistory .historyWrapper::after {
    position: absolute;
    top: 0;
    left: -9px;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #3f6caf;
    border-radius: 50%;
    content: '';
}

.rowElement.elementHistory .historyWrapper p {
	/* font-size: 1rem; */
	/* line-height: 2; */
	text-align: justify;
}

.rowElement.elementHistory .historySubTitle {
	padding: 0;
	margin: 0;
	font-size: 1rem;
	font-weight: bold;
	color: #3f6caf;
	display: block;
	line-height: 18px !important;
	text-align: unset !important;
}

.rowElement.elementHistory .historyTitle {
	padding: 0;
	margin: 0;
	font-size: 1.5rem !important;
	color: #585858;
}

@media only screen and (min-width: 768px) {
	.rowElement.elementHistory .historyWrapper:nth-child(even) {
		margin-left: auto;
		text-align: left;
		padding-left: 46px;
		margin-right: 0;
		padding-bottom: 50px;
		padding-right: 6px;
	}

	.rowElement.elementHistory .historyWrapper:nth-child(odd) {
		margin-right: auto;
		text-align: right;
		padding-right: 46px;
		padding-bottom: 20px;
		margin-left: 0;
		padding-left: 6px;
	}

	.rowElement.elementHistory .historyWrapper:last-of-type {
		padding-bottom: 0px !important;
	}

	.rowElement.elementHistory .historyWrapper:nth-child(odd) h4 {
		text-align: right;
	}

	.rowElement.elementHistory .historyWrapper:nth-child(even) h4 {
		text-align: left;
	}

	.rowElement.elementHistory .historyWrapper h4 {
		padding-bottom: 10px;
	}

	.rowElement.elementHistory .historyWrapper img {
		border-radius: 10px;
	}

	.rowElement.elementHistory .historyWrapper:nth-child(odd)::before {
		left: auto;
		right: -1px;
	}

	.rowElement.elementHistory .historyWrapper:nth-child(odd)::after {
		left: auto;
		right: -10px;
	}
}

@media only screen and (max-width: 479px) {
    .rowElement.elementHistory .historyWrapper {
		max-width: calc(100%) !important;
		margin-right: 10px;
	}	
}

@media only screen and (max-width: 767px) {
	.rowElement.elementHistory h3 {
		text-align: left !important;
	}

	.rowElement.elementHistory .historyWrapper {
		max-width: calc(100% - 80px);
		position: relative;
		min-height: 1px;
		padding-bottom: 40px;
		padding-right: 10px;
		padding-left: 30px;
		margin-left: 10px;
	}

	.rowElement.elementHistory .historyWrapper:last-of-type {
		padding-bottom: 0px !important;
	}
}
/* Style the row element "History" - END */

=======================================================
/* Style the row element "Single Topic" - START */
.rowElement.elementSingleTopic,
.rowElement.elementSingleTopic.multiRow > .singleTopicRow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding-bottom: 30px;
	padding-top: 10px;
}

.rowElement.elementSingleTopic.multiRow > .singleTopicRow:nth-of-type(even) {
	background-color: #EBF0F7;
}

.rowElement.elementSingleTopic.multiRow {
	display: block;
	flex-wrap: unset;
	justify-content: unset;
}

.rowElement.elementSingleTopic.colorMedium {
	flex-direction: column;
}

.rowElement.elementSingleTopic.colorMedium > div.singleTopicHeading,
.rowElement.elementSingleTopic.colorMedium > div.singleTopicContent {
	width: 100%;
	min-width: 100%;
	padding: 10px 20px 0px 0px;
}

.rowElement.elementSingleTopic > div.singleTopicHeading,
.rowElement.elementSingleTopic.multiRow .singleTopicRow > div.singleTopicHeading {
	flex: 0 0 30%;
	max-width: calc(30% - 40px);
	min-width: 200px;
	padding: 10px 20px 0px 0px;
}

.rowElement.elementSingleTopic > div.singleTopicContent,
.rowElement.elementSingleTopic.multiRow .singleTopicRow > div.singleTopicContent {
	flex: 0 0 76%;
	max-width: calc(70% - 40px);
	min-width: 200px;
}

.rowElement.elementSingleTopic > div > p,
.rowElement.elementSingleTopic.multiRow .singleTopicRow > div > p {
	font-size: 1rem;
	line-height: 1.5;
}

.rowElement.elementSingleTopic > div li,
.rowElement.elementSingleTopic.multiRow .singleTopicRow > div li {
	line-height: 1.5;
	font-size: 1rem;
}

.rowElement.elementSingleTopic h5 {
	padding: 10px 0 20px 0;
}

.rowElement.elementSingleTopic .singleTopicContact {
	display: flex;
	font-size: 1rem;
	flex-wrap: wrap;
	padding-bottom: 20px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 30px;
}

.rowElement.elementSingleTopic .singleTopicContact:nth-last-of-type(1) {
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}

.rowElement.elementSingleTopic .singleTopicContact .singleTopicContactPerson,
.rowElement.elementSingleTopic .singleTopicContact .singleTopicContactPhone,
.rowElement.elementSingleTopic .singleTopicContact .singleTopicContactEmail {
	padding: 6px 20px 0 45px;
	height: 30px;
	background-repeat: no-repeat;
	width: 150px;
	margin: 10px;
}

.rowElement.elementSingleTopic .singleTopicContact .singleTopicContactPerson {
	background-image: url(/data/153/images/Volunteering/contact-person.png);
}

.rowElement.elementSingleTopic .singleTopicContact .singleTopicContactPhone {
	background-image: url(/data/153/images/Volunteering/contact-phone.png);
}

.rowElement.elementSingleTopic .singleTopicContact .singleTopicContactEmail {
	background-image: url(/data/153/images/Volunteering/contact-email.png);
}
@media only screen and (max-width: 767px) {
	.rowElement.elementSingleTopic {
		padding-left: 5px;
		padding-right: 5px;
	}
	.rowElement.elementSingleTopic > div,
	.rowElement.elementSingleTopic.multiRow .singleTopicRow > div {
		flex: none !important;
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
		padding-left: 10px;
		padding-right: 10px;
	}

	.rowElement.elementSingleTopic .singleTopicContact {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.rowElement.elementSingleTopic > div.singleTopicHeading,
	.rowElement.elementSingleTopic.multiRow .singleTopicRow > div.singleTopicHeading {
		padding: 0 !important;
	}

	.rowElement.elementSingleTopic.multiRow .singleTopicRow {
		padding-top: 30px;
	}
}
/* Style the row element "Single Topic" - END */

/* Style the row element "Two Topics" - START  */
.rowElement.elementTwoTopics {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
}

.rowElement.elementTwoTopics > div {
	flex: 0 0 47%;
	max-width: 50%;
	min-width: 200px;
}

.rowElement.elementTwoTopics p {
	font-size: 1rem;
	line-height: 1.5;
}

.rowElement.elementTwoTopics .topicImageContainer {
	text-align: center;margin-top: 10px;border-radius: 4px;
}

.rowElement.elementTwoTopics .topicImageContainer.emailOneBg {
    background-color: #3ed3b6;
}

.rowElement.elementTwoTopics .topicImageContainer.emailTwoBg {
    background-color: #30c0ff;
}

.rowElement.elementTwoTopics .topicImageContainer.iceOneBg {
    background-color: #e6ffe6;
}

.rowElement.elementTwoTopics .topicImageContainer.iceTwoBg {
    background-color: #ecf7fb;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementTwoTopics {
		/* padding-left: 20px !important; */
		/* padding-right: 20px !important; */
	}

	.rowElement.elementTwoTopics > div {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 50px;
	}

	.rowElement.elementTwoTopics > div:last-of-type {
		margin-bottom: 0px;
	}
}
/* Style the row element "Two Topics" - END */

/* Style the row element "People" - START */
.rowElement.elementPeople {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.rowElement.elementPeople .peoplePerson {
	/*flex: 0 0 25%;*/
	max-width: calc(25% - 20px);
	padding-bottom: 30px;
	min-width: 200px;
}

.rowElement.elementPeople .peoplePerson .personPicture {
	/* min-width: 100px; */
	width: 100%;
	margin: 0;
	padding: 0;
	border-radius: 4px;
}

.rowElement.elementPeople .peoplePerson .personName {
	font-size: 1.25rem;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: -3px 0 0 0;
	background-color: #639ab8;
	color: #ffffff;
}

.rowElement.elementPeople .peoplePerson p.personRole:last-of-type {
    border-bottom: solid 1px #639ab8;
    padding-bottom: 10px;
    border-radius: 0 0 4px 4px;
}

.rowElement.elementPeople .peoplePerson .personRole {
	font-size: 1rem;
	line-height: 1.7;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
	border-left: solid 1px #639ab8;
	border-right: solid 1px #639ab8;
}

.rowElement.elementPeople .peoplePerson .personTerm {
	font-size: .75rem;
	line-height: 1.7;
	font-style: italic;
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0;
	text-transform: uppercase;
	color: #888;
	border-left: solid 1px #639ab8;
	border-right: solid 1px #639ab8;
	border-bottom: solid 1px #639ab8;
	border-radius: 0 0 4px 4px;
}


@media only screen and (max-width: 920px) {
    .rowElement.elementPeople .peoplePerson {
    	max-width: calc(33% - 20px);
    	padding-left: 10px;
    	padding-right: 10px;
    	padding-bottom: 20px;
    }	
}


@media only screen and (max-width: 680px) {
	.rowElement.elementPeople .peoplePerson {
		max-width: calc(50% - 20px);
	}
}

@media only screen and (max-width: 479px) {
    .rowElement.elementPeople .peoplePerson {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}

	#mainBody .rowElement.elementPeople .peoplePerson img.personPicture {
		width: 100% !important;
	}
}

/* Style the row element "People" - END */

/* Style the row element "Picture Links" - START */
.rowElement .linkArea .linkImageList {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: left;
	margin: 0 0 30px 0;
}

.rowElement .linkArea .linkImageList:last-of-type {
	margin-bottom: 0px
}

.rowElement .linkArea .linkImageList .linkImage {
	flex: 0 0 50%;
	max-width: calc(50% - 50px);
	padding: 20px 20px 20px 20px;
	border: solid 1px #9fb6d7;
	border-radius: 4px 0px 0px 4px;
}

.rowElement .linkArea .linkImageList .linkList {
	flex: 0 0 50%;
	max-width: calc(50% - 40px);
	background-color: #639ab8;
	padding: 20px;
	border-radius: 0px 4px 4px 0px;
	color: #ffffff !important;
}

.rowElement .linkArea ul {
	padding: 0;
	list-style: none;
	margin: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	/* align-items: stretch; */
	/* align-content: space-between; */
}

.rowElement .linkArea ul li a {
	color: #ffffff;
}

.rowElement .linkArea ul li {
	flex: 0 0 8%;
	padding-bottom: 15px;
	font-size: .875rem;
	color: #ffffff;
	font-weight: bold;
}

.rowElement .linkArea > h5 {
	margin-bottom: 10px !important;
}


@media only screen and (max-width: 767px) {
    .rowElement .linkArea {
    	padding-left: 0px !important;
    	padding-right: 0px !important;
    }

	.rowElement .linkArea .linkImageList .linkImage,
	.rowElement .linkArea .linkImageList .linkList {
        width: calc(50% - 41px);
        max-width: calc(50% - 41px);

    }

	.rowElement .linkArea .linkImageList .linkImage img {
		margin-bottom: 20px;
	}

	.rowElement .linkArea .linkImageList .linkList {
		text-align: center;
	}
}

@media only screen and (max-width: 479px) {
    .rowElement .linkArea {
    	margin-bottom: 30px;
    }

	.rowElement .linkArea .linkImageList .linkImage,
	.rowElement .linkArea .linkImageList .linkList {
        width: calc(100% - 41px);
        max-width: calc(100% - 41px);
        border-radius: unset !important;
	}

	.rowElement .linkArea .linkImageList .linkList {
		text-align: left;
	}
}
/* Style the row element "Picture Links" - END */

/* Style the row element "Category" - START */
.rowElement.elementCategory {
	align-items: stretch;
	justify-content: space-between;
}

.rowElement.elementCategory > div {
	max-width: calc(33.3% - 100px);
	margin-bottom: 15px;
}

.rowElement.elementCategory.categoryImageTop > .categoryWrapper {
	border-radius: 4px;
	padding-top: 30px !important;
}

.rowElement.elementCategory > .categoryWrapper {
	padding: 0px !important;
	border: 1px solid #ececee;
	text-align: left;
	border-radius: 0px 0px 4px 4px;
	max-width: calc(34% - 20px) !important;
	display: flex;
	flex-flow: column;
}

.rowElement.elementCategory.flowContentAcross > .categoryWrapper {
    flex-flow: row;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 25px;
}

.rowElement.elementCategory > .categoryWrapper .categoryDescription .categoryCoordinator {
	font-size: 1rem;
	margin-bottom: 15px;
}

.rowElement.elementCategory > .categoryWrapper .categoryImage  {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.rowElement.elementCategory > .categoryWrapper .categoryImage.imageFull {
	width: 100%;
}

body#custom18Page .rowElement.elementCategory > .categoryWrapper .categoryImage img,
body#leaguesPage .rowElement.elementCategory > .categoryWrapper .categoryImage img {
	border-radius: unset;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.rowElement.elementCategory > .categoryWrapper .categoryImage img {
    border-top-right-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;

	display: block;
	margin-left: auto;
	margin-right: auto;
}

.rowElement.elementCategory.flowContentAcross > .categoryWrapper .categoryImage img {
    border-top-right-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
}

.rowElement.elementCategory.flowContentAcross > .categoryWrapper .categoryImage.imageFull {
	width: auto;
}

.rowElement.elementCategory > .categoryWrapper .categoryType {
	/* padding-bottom: 30px; */
	/* border-bottom: 1px solid #ececee; */
}

.rowElement.elementCategory > .categoryWrapper .categoryType h4 {
	text-align: left;
	/* color: #639ab8; */
	/* font-weight: bold; */
	font-size: 1.25rem;
	padding-left: 20px;
}

.rowElement.elementCategory > .categoryWrapper .categoryTypeSubTitle {
	margin-bottom: 15px;
	font-size: 1.12rem;
	background-color: #639ab8;
	padding: 10px 20px 10px 20px;
	color: #ffffff;
	border-radius: 4px 4px 0px 0px;
}

.rowElement.elementCategory > .categoryWrapper .categoryTypeBelowImage h3 {
	font-size: 1.12rem;
	background-color: #639ab8;
	padding: 10px 20px 10px 20px;
	color: #ffffff !important;
	text-align: center !important;
}

.rowElement.elementCategory > .categoryWrapper .categoryDescription {
	/* margin-top: 30px; */
	padding: 20px;
	flex: 1 1 auto;
}

.rowElement.elementCategory.flowContentAcross > .categoryWrapper .categoryDescription {
	flex: auto;
	width: 75%;
	padding-left: 25px;
}

.rowElement.elementCategory.flowContentAcross > .categoryWrapper .categoryDescription h3 {
	padding-bottom: 15px;

}

.rowElement.elementCategory > .categoryWrapper .categoryFooter {
	background-color: #eeeeee;
	text-align: right;
	padding: 10px 15px 10px 10px;
	font-weight: bold;
}

.rowElement.elementCategory > .categoryWrapper .categoryButtonFooter {
	padding: 10px 15px 10px 10px;
	text-align: right !important;
}

.rowElement.elementCategory > .categoryWrapper .categoryFooter a {
	text-decoration: none;
	display: block;
	color: #585858 !important;
}

.rowElement.elementCategory > .categoryWrapper p {
	margin: 0;
	padding: 0;
	color: #888;
	font-size: 1rem;
	line-height: 1.7;
}

.rowElement.elementCategory > .categoryWrapper.emptyLeague {
	width: 100%;
}

.rowElement.elementCategory > .categoryWrapper.emptyLeague > .categoryDescription > p {
	text-align: center !important;
    display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementCategory > div {
		flex: none !important;
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
		margin: 0px 20px 0px 20px !important;
	}

    .rowElement.elementCategory > .categoryWrapper {
		width: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
		margin-bottom: 20px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

@media only screen and (max-width: 479px) {
	.rowElement.elementCategory > .categoryWrapper {
		width: calc(100%) !important;
		max-width: calc(100%) !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
    }

	.rowElement.elementCategory.flowContentAcross > .categoryWrapper .categoryDescription {
		width: calc(100% - 30px);
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* Style the row element "Category" - END */

/* Style the row element "Blurb" - START */
.rowElement.elementBlurb {
	/* align-items: stretch; */
	/* justify-content: flex-start; */
	align-items: stretch;
	justify-content: space-between;
}

.rowElement.elementBlurb a {
	color: #333333 !important;
}

.rowElement.elementBlurb .blurbWrapper {
	margin: 0px 0px 20px 0px;
	min-width: 250px !important;
	max-width: calc(33.3% - 20px) !important;
	padding-left: 0px;
	padding-right: 0px;
}

.rowElement.elementBlurb .blurbWrapper img {
	border-radius: 4px;
}

.rowElement.elementBlurb .blurbWrapper p {
	font-size: 1rem;
	line-height: 1.5;
	color: #333;
	padding: 0 10px 0 0;
}

.rowElement.elementBlurb .blurbWrapper a.buttonOverImage {
	padding: 8px 10px 8px 10px;
	background-color: #ffffff;
	color: #333333 !important;
	text-decoration: none;
	margin: 0 9px 0 0;
	display: inline-block;
}

.rowElement.elementBlurb .blurbWrapper div.buttonOverImageArea {
    padding: 0px 0px 10px 0;
    margin-top: -44px;
    position: relative;
    text-align: right !important;
}

.rowElement.elementBlurb.shapeCircle .blurbWrapper .blurbIcon {
	border: solid 1px #af503f;
	padding: 19px 30px 19px 30px;
	font-size: 2.5rem;
	border-radius: 50%;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: fit-content;
	color: #af503f;
	text-transform: uppercase;
}

.rowElement.elementBlurb.shapeSquare .blurbWrapper .blurbIcon + h4 {
	display: inline-block;
	padding-left: 8px;
}

.rowElement.elementBlurb.shapeSquare .blurbWrapper .blurbIcon {
	font-size: 1.25rem;
	max-width: fit-content;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 15px 10px 15px;
	color: #fff;
	background-color: #9fb6d7;
	display: inline-block;
	border-radius: 4px;
}

.rowElement .blurbWrapper a.redesign {
	margin-top: 0px;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementBlurb > div {
		flex: none !important;
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
	}

	.rowElement.elementBlurb .blurbWrapper:last-of-type {
		margin-bottom: 0px;
	}

    .rowElement.elementBlurb .blurbWrapper {
    	width: 100% !important;
    	max-width: 100% !important;
    }
}

@media only screen and (max-width: 940px) {
	.rowElement.elementBlurb .blurbWrapper {
		max-width: calc(50% - 10px) !important;
	}
}

@media only screen and (max-width: 660px) {
	.rowElement.elementBlurb .blurbWrapper {
		max-width: calc(100%) !important;
		padding-top: 0px;
	}
}
@media only screen and (max-width: 479px) {
    body > div#mainBody > div#bodyCenter .rowElement.elementBlurb.shapeSquare > .blurbWrapper > .blurbIcon {
        display: inline-block !important;
    }

    .rowElement.elementBlurb .blurbWrapper {
    	padding-top: 0px;
    	padding-left: 0px !important;
    	padding-right: 0px !important;
 }
}

/* Style the row element "Blurb" - END */

/* Style the row element "Picture Topics" - START */
.rowElement.elementPictureTopics {
	padding: 0;
	justify-content: space-between;
}

.rowElement.elementPictureTopics .pictureTopicWrapper {
	max-width: calc(33.33333333333333%) !important;
	padding: 0!important;
	margin: 0 0 -3px 0 !important;
}

.rowElement.elementPictureTopics .pictureTopicWrapper img {
	border-radius: 4px;
}

body#indexPage .rowElement.elementPictureTopics .pictureTopicWrapper img {
	border-radius: unset;
}

.rowElement.elementPictureTopics h5 {
	margin: 20px 0 20px 0 !important;
}

.rowElement.elementPictureTopics a {
	text-decoration: none;
	color: #151515 !important;
}

.rowElement.elementPictureTopics a:hover {
	color: #3f6caf !important;
}

.rowElement.elementPictureTopics p {
    line-height: 1.7;
    color: #888;
    font-size: 1rem;
    margin-bottom: 40px;
}

@media only screen and (max-width: 479px) {
	.rowElement.elementPictureTopics {
		padding: 0px 0px 20px 0px !important;
	}

	body#indexPage .rowElement.elementPictureTopics .pictureTopicWrapper {
		flex: none !important;
		max-width: calc(100%) !important;
		width: calc(100%) !important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}

	.rowElement.elementPictureTopics img {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}	
}

@media only screen and (max-width: 767px) {
	
	.rowElement.elementPictureTopics .pictureTopicWrapper {
		max-width: calc(50%) !important;
		width: calc(50%) !important;
		padding: 0;
		margin: 0;
	}


}
/* Style the row element "Picture Topics" - END */

/* Style the row element "Event" - START */
.rowElement.elementEvent h3 {
	margin-bottom: 30px;
	text-align: center;
}

.rowElement.elementEvent .eventDateTime {
	font-size: 1rem;
	line-height: 1.8;
	color: #3f6caf;
	text-align: center;
}

.rowElement.elementEvent .eventPicText {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 80%;
	max-width: 700px;
	padding-bottom: 40px;
	border-bottom: solid 1px #ececee;
}

.rowElement.elementEvent .eventPicText img {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 30px;
}

.rowElement.elementEvent .eventPicText p {
	color: #888;
	font-size: 1rem;
	line-height: 1.7;
}

.rowElement.elementEvent .eventStats {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	max-width: 700px;
	padding-top: 60px;
}

.rowElement.elementEvent .eventStats .eventStatWrapper {
	flex: 0 0 50%;
	width: calc(50% - 20px);
	max-width: calc(50% - 20px);
	margin-right: 40px;
}

.rowElement.elementEvent .eventStats .eventStatWrapper:last-of-type {
	margin-right: 0px !important;
}

.rowElement.elementEvent .eventStats .eventStatWrapper h5 {
	margin-bottom: 20px;
}

.rowElement.elementEvent .eventStats .eventStatWrapper ul {
	padding: 0;
	margin: 0;
}

.rowElement.elementEvent .eventStats .eventStatWrapper ul li {
	list-style: none;
	line-height: 2.5;
	font-size: 1rem;
	color: #888;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementEvent .eventPicText {
		width: 100%;
	}

	.rowElement.elementEvent .eventStats {
		width: 100%;
		display: block;
	}

	.rowElement.elementEvent .eventStats .eventStatWrapper {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		margin: 0 0 40px!important;
	}

	.rowElement.elementEvent .eventStats .eventStatWrapper:last-of-type	{
		margin-bottom: 0px !important;
	}

	.rowElement.elementEvent .eventStats .eventStatWrapper h5 {
		text-align: center !important;
	}
}
/* Style the row element "Event" - END */

/* Style the row element "Topic Picture" - START */
.rowElement.elementTopicPicture {
	display: flex;
}

.rowElement.elementTopicPicture.pictureLeft {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.rowElement.elementTopicPicture.pictureLeft.multiRow {
	display: block;
	flex-direction: unset;
	justify-content: unset;
}

.rowElement.elementTopicPicture.pictureLeft.multiRow > .topicPicRow {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	padding-bottom: 40px;
}

.rowElement.elementTopicPicture.pictureLeft.multiRow > .topicPicRow:nth-last-of-type(1) {
	padding-bottom: 0px;
}

.rowElement.elementTopicPicture.pictureLeft.multiRow > .topicPicRow p {
	padding-bottom: 20px;
}

.rowElement.elementTopicPicture.pictureLeft.multiRow > p {
	padding-bottom: 30px;
}

.rowElement.elementTopicPicture.pictureLeft .topicPicImage {
	margin-right: 40px;
}

.rowElement.elementTopicPicture.pictureLeft.bonspielPage .topicPicImage {
	border: solid 1px #3f6caf;
	border-radius: 4px;
	padding: 20px;
	margin-right: 20px;
	text-align: left;
	width: 20.8%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rowElement.elementTopicPicture.pictureLeft.bonspielPage .topicPicImage img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.rowElement.elementTopicPicture.pictureLeft.bonspielPage {
	padding-top: 30px;
	padding-bottom: 30px;
}

.rowElement.elementTopicPicture.pictureLeft.bonspielPage h3 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.rowElement.elementTopicPicture .topicPicInfo {
	/* flex: 2 0 70%; */
	width: calc(70% - 40px) !important;
	max-width: calc(70% - 40px) !important;
	margin-right: 40px;
}

.rowElement.elementTopicPicture.pictureLeft .topicPicInfo {
	margin-right: 0px;
}

.rowElement.elementTopicPicture .topicPicImage {
	/* flex: 0 0 30%; */
	/* max-width: 300px; */
}

.rowElement.elementTopicPicture li {
	font-size: 1rem;
	line-height: 1.7;
}

.rowElement.elementTopicPicture  h3 {
	margin-bottom: 20px;
}

.rowElement.elementTopicPicture p {
	font-size: 1rem;
	padding: 0px 0px 0px 0px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.7;
	color: #888;
}

.rowElement.elementTopicPicture a {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementTopicPicture h3 {
		margin: 0px 0px 0 0px;
	}

	.rowElement.elementTopicPicture {
		flex-direction: column-reverse;
	}

	.rowElement.elementTopicPicture.pictureLeft.multiRow > .topicPicRow {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.rowElement.elementTopicPicture .topicPicInfo {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.rowElement.elementTopicPicture .topicPicImage {
		flex: none !important;
		width: 100% !important;
		margin-bottom: 30px;
	}

	.rowElement.elementTopicPicture.pictureLeft {
		flex-direction: column-reverse !important;
	}

	.rowElement.elementTopicPicture.pictureLeft.multiRow {
		flex-direction: unset !important;
	}

	.rowElement.elementTopicPicture.pictureLeft.multiRow .topicPicRow {
		flex-direction: column-reverse !important;
	}
}
/* Style the row element "Topic Picture" - END */

/* Style the row element "Small Tables" - START */
.rowElement.elementSmallTables h3 {
	padding: 0 0 20px 0;
}

.rowElement.elementSmallTables h4 {
	padding: 50px 0 30px 0;
	text-align: center;
}

.rowElement.elementSmallTables > p {
	font-size: 1rem;
	padding: 0px 0px 0px 0px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.7;
	color: #888;
}

.rowElement.elementSmallTables .sectionWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.rowElement.elementSmallTables .sectionWrapper > div.sectionWrapperItem {
	flex: 0 0 50%;
	max-width: calc(50% - 40px);
	min-width: 200px;
	text-align: center;
}

.rowElement.elementSmallTables .sectionWrapper .sectionWrapperItem h5 {
	text-align: center;
	padding: 0 0 20px 0;
    color: #3f6caf;
    font-weight: bold;
}

.rowElement.elementSmallTables .smallPicture {
	padding: 0 0 20px 0;
}

.rowElement.elementSmallTables .sectionWrapper + p {
	padding: 20px 0 0 0;
	text-align: center;
	color: #888;
	font-size: 1rem;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementSmallTables .sectionWrapper .sectionWrapperItem h5 {
		text-align: left;
	}

	.rowElement.elementSmallTables h4 {
		padding: 50px 0 0 0;
		text-align: left;
	}

	.rowElement.elementSmallTables .sectionWrapper {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.rowElement.elementSmallTables .sectionWrapper > div.sectionWrapperItem {
		flex: none;
		padding: 30px 10px 0px 10px;
		width: calc(100% - 20px);
		max-width: calc(100% - 20px);
		text-align: left;
	}

	.rowElement.elementSmallTables .smallPicture {
		flex: none !important;
		width: 100% !important;
	}

	.rowElement.elementSmallTables table.redesign {
		display: table !important;
	}
}

@media only screen and (max-width: 479px) {
        #phonehide {
        display: none !important;
        }
}

/* Custom Gallery settings */

.gallery_container {
     display: block;
     margin: .25rem .5rem ;
     padding: .5rem .5rem .5rem .5rem
}

.gal-caption {
     background-color: black ;
     color: white ;
     font-style: italic ;
     padding: 2px ;
     text-align: center ;
     margin: 0px 0px 0px 0px;
}

.gallery {
     display: grid ;
     grid-template-columns: repeat(8, 1fr) ;
     grid-template-rows: repeat(8, 5vw) ;
     grid-gap: .5rem; 

}

.gallery_img {
     width: 100% ;
     height: 100% ;
     object-fit: cover ;  
/*     object-fit: scale-down ; */
     display: flex ;
/*      flex: 1 ;  */
}

/* Straight line image items within a grid*/

.gallery__item {
     margin-inline-start: 0px ;
     margin-inline-end: 0px ;
     margin-block-start: 0px ;
     margin-block-end: 0px ;
     
}

.gallery__item--1 {
     grid-column-start:1 ;
     grid-column-end:5 ;
     grid-row-start:1 ;
     grid-row-end:6;
}

.gallery__item--2 {
     grid-column-start:5 ;
     grid-column-end:7 ;
     grid-row-start:1 ;
     grid-row-end:3;
}

.gallery__item--3 {
     grid-column-start:7 ;
     grid-column-end:9 ;
     grid-row-start:1 ;
     grid-row-end:3;
}

.gallery__item--4 {
     grid-column-start:5 ;
     grid-column-end:7 ;
     grid-row-start:3 ;
     grid-row-end:6;
}

.gallery__item--5 {
     grid-column-start:7 ;
     grid-column-end:9 ;
     grid-row-start:3 ;
     grid-row-end:6;
}

.gallery__item--6 {
     grid-column-start:1 ;
     grid-column-end:5 ;
     grid-row-start:6 ;
     grid-row-end:9;
}

.gallery__item--7 {
     grid-column-start:5 ;
     grid-column-end:9 ;
     grid-row-start:6 ;
     grid-row-end:9;
}

.gallery__item--4-5 {
     grid-column-start:5 ;
     grid-column-end:9 ;
     grid-row-start:3 ;
     grid-row-end:6;
}

.divwrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: no-wrap;
  row-gap: 2rem;
  column-gap: 1rem;
}
.divwrapper > div {
background-color:#888 ;
color:white;
font-style: italic; 
padding: .2rem .2rem ;
text-align: center ;
}

.backfill {
    background-size:cover ;
    background-position:center;
    width:100% ;
    height: 100% ;
}

/* End custom gallery */

/* Start of scrollable right hand box */


/* START OF SPONSOR BOX LEFT - Not USED - for testing sponsor slides*/

.sponsorbox {
	display: flex ;
	flex-direction: column ;
	flex-wrap: wrap ;
	font-color: #151515 ;
	float: left ;
	align-items: start ;
	justify-content: start ;
	height: 1000px ;
	overflow: auto ;
	min-width: 15% ;
	background-color: #FFF ;
	border-right:  .5px solid grey;
	padding: 2rem .25rem 2rem .25rem ; 
}

.sponsorbox > p {
	margin-block-start: .2rem !important ;
	margin-block-end: .2rem !important ;
}

.sponsorimg  {
	max-width: 100% ;
}

/* END OF SPONSORBOX LEFT */

/* Top Image home page with opacity */

.TopImage      {
                min-height: 16vh ;
                background: linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,.15)), url("/data/153/images/Graphics/ice3.jpg");
		display:flex;
		align-items:flex-start ;
		flex-wrap:nowrap ;
		flex-direction:column;
		flex:0 1 1; 
		width:100% ;
		margin:auto;
                }

/* Image opacity classes */

.fade-img09 {
           opacity: 0.9 ;
          }

.fade-img07 {
           opacity: 0.7 ;
          }

.fade-img05 {
           opacity: 0.5 ;
          }
/* End image opacity */

/* Small image box classes */

.small_portrait {
                 height: 13vw ;
                 width: 10vw ;
                }

.small_landscape {
                 height: 10vw ;
                 width: 13vw ;
                 }

.medium_landscape {
                 height: 12vw ;
                 width: 32vw ;
                 }

.small_square   {
                 height: 10vw ;
                 width: 10vw ;
                }
.small_img
                {
                 max-width:100% ;
                 object-fit:cover ;
                }

/* Create a postcard looking image in a shadow div container */

.polaroid {
  width: 30%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 2), 0 6px 20px 0 rgba(0, 0, 0, .5);
  margin-bottom: 1rem;
}

.polaroid-txt {
  text-align: center;
  padding: .2rem .5rem; 
}

/* End polaroid image box */

/* Common Shadow boxes and tilting images etc */

.single-shadow {
    box-shadow: .25rem .25rem .5rem #aaaaaa ;
    }

.double-shadow {
    box-shadow: .25rem .25rem .5rem maroon, .5rem .5rem 1rem coral ;
    }
.tip-left {
	transform: rotate(-8deg) ;
	}
.tip-right {
	transform: rotate(8deg) ;
	}


/* Clear floating elements hack used to allow block element to expand with floating overflow */

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* End Floating elements hack */

/* Remodel main page in Grid layout testing */

.homeheader {

  grid-area: head;

}

.homemain1 {
  grid-area: main;

}

.homemain2 {
  grid-area: main2;

}

.homesidebar {
  grid-area: side;

}

.homefooter {
  grid-area: footer;

}

.home-container {

  display: grid;
  grid-template-columns: 1rem 2fr 2fr 1rem 2fr 1rem 2fr 1rem;
  grid-template-rows: calc(100vh/5.5) calc(100vh/3) calc(100vh/8.5);
  grid-template-areas:
    "head head head head head head head head"
    ". main main . main2 . side ."
    "footer footer footer footer footer footer footer footer";

}
@media only screen and (max-width: 780px)
{
    .home-container {
       grid-template-areas:
        "head head head head head head head head"
        ". main main . main2 main2 main2 ."
        ". side side side side side side ."
        "footer footer footer footer footer footer footer footer";
        }
}


@media only screen and (max-width: 479px)
{
    .home-container {
       grid-template-areas:
        ". head head head head head head . "
        ". main main main main main main ."
        ". main2 main2 main2 main2 main2 main2 ."
        ". side side side side side side ."
        "footer footer footer footer footer footer footer footer";
        }
}

.snow-fill {
      background-image:url("https://comoxvalleycurling.com/data/153/images/Graphics/snowflakes.gif");
      background-size:cover ;
      overflow: hidden ;
      }

.main-cvcc-grid {
    padding: .5rem;
    display: grid;
    grid-template-columns: 80% 20%;
    grid-template-rows: auto;
    height: fit-content;
    overflow-y: visible;
    overflow-x: hidden;
    }

.grid-poster-template {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(20%, 1fr));
	gap:3%;
	margin-bottom:1rem;
	padding:0 2%;
}

.grid-poster { 
	display:flex;
	flex-direction:column;
        padding-bottom: .5em;
	align-self: normal;
	box-shadow: .25rem .25rem .5rem #aaaaaa ;
}

.grid-poster > p {
	background-color:white;
	text-align:center !important;
	margin:auto !important;
	
}

.clubbox {
	display: flex;
	flex-direction: column;
	max-width: 100% ;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */

}

.clubbox::-webkit-scrollbar {
  display: none;
}


.newsbox {
	background-color:#FFF;
  display: flex;
	flex-direction: column ;
	flex-wrap: nowrap ;
	color: #151515 ;
	overflow-y: scroll ;
	overflow-x: hidden ;
	border-left:1px solid #ccc;
	padding:0 20px;
	margin-top: 30px;
}

.newsbox > p {
	margin-block-start: .2rem !important ;
	margin-block-end: .2rem !important ;
}

.keith-sample {
        color:red;
        border: 1px solid black;
        padding:1rem;
        background-color:#d1cdcd;
}
.keith-sample > p {
        color: #a8324a;
}

.Whats-going-on {
	display:flex;
	align-items:center;
	margin-bottom:1rem;
	margin-left:.5rem;
	background-color:teal;
	color:white;
	border:1px solid black;
}

.Whats-going-on > div > h2 {
	color:white;
	padding:.3em .3em;
}

.Whats-going-on > div > a {
	text-decoration:none ;
	color:white ;
	padding:.3em .3em ;
	font-style:italic ;
}

#main-menu {
	text-align:center;
	width:fit-content;
	margin:0 auto;
}

#main-menu li a {
	padding:11px 15px;
	font-size:15px !important;
}

#main-menu li a.has-submenu {
	padding-right:30px !important;
}

#main-menu li ul a.has-submenu {
	padding-right:0 !important;
}

#main-menu li ul {
	min-width:180px !important;
}

.home_menu {
	background:#3e3e91;
	padding:12px 20px;
	text-align:center;
}

.home_menu a {
	display:inline-block;
	color:#fff;
	margin:0 20px;
	text-decoration:none;
	font-size:15px;
}

/* Style Sheet  - END */