html a.ccaButton, html input.ccaButton, html .ccaButton {
  display: inline-block;
  padding: 10px 20px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom, #dd192b, #cb1727);
  text-transform: uppercase;
  border-radius: 2px; }
  html a.ccaButton:hover, html input.ccaButton:hover, html .ccaButton:hover {
    text-decoration: none;
    background: linear-gradient(to top, #dd192b, #cb1727); }
html .ccaTitle {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px; }

.socialLinks li {
  display: inline-block;
  padding: 3px 8px; }

body {
  text-align: center;
  background: #fff url(../../graphics/cca/background-page-darker.png) top left repeat-x; }

.pageWidth {
  width: 978px;
  text-align: left;
  margin: 0 auto; }

#header {
  z-index: 2;
  position: relative;
  box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.2); }
  #header .pageWidth {
    position: relative; }
  #header .top {
    height: 40px; }
  #header .middle {
    height: 125px;
    background: white; }
  #header .bottom {
    height: 50px; }
  #header .row {
    margin: 0;
    padding: 0; }
  #header .logoWrapper {
    position: absolute; }
  #header #aboutMenu {
    display: inline-block;
    height: 40px; }
    #header #aboutMenu > li {
      display: inline-block;
      color: #fff;
      position: relative;
      top: -3px; }
      #header #aboutMenu > li a {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 15px; }
  #header #headerLogo {
    position: absolute;
    top: 18px;
    left: 0;
    height: 89px; }
  #header .links {
    float: right;
    padding-top: 8px; }
    #header .links div, #header .links a {
      display: inline-block; }
    #header .links a {
      padding: 4px;
      margin-left: 20px; }
    #header .links #userLoginInset a {
      color: #fff; }
    #header .links #userLoginInset .welcome {
      color: #f2f2f2; }
      #header .links #userLoginInset .welcome a {
        margin-left: 0;
        font-weight: bold; }
    #header .links #signInLink, #header .links #signInLink span {
      background: transparent !important;
      display: auto;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      line-height: inherit;
      font-weight: inherit; }
  #header #signupLinkContainer {
    position: absolute;
    top: 43px;
    right: -10px; }
    #header #signupLinkContainer a {
      display: inline-block;
      width: 216px;
      height: 39.75px; }
      #header #signupLinkContainer a span {
        display: none; }
      #header #signupLinkContainer a:hover {
        background-position: 0px -39.75px; }
  #header .socialLinks {
    display: inline-block;
    margin-top: 6px; }
    #header .socialLinks li:last-child {
      padding-right: 0; }
    #header .socialLinks a {
      width: 24px;
      color: white; }
      #header .socialLinks a i {
        font-size: large; }
  #header .sponsors {
    position: absolute;
    right: 0;
    top: 3px; }
    #header .sponsors li {
      display: inline-block;
      padding: 0 0 0 3px; }
      #header .sponsors li img {
        max-height: 34px; }
  #header #sportMenu {
    background: #373737;
    padding: 20px 0; }
    #header #sportMenu h2, #header #sportMenu a {
      color: #fff; }
    #header #sportMenu h2 {
      font-size: 20px;
      font-weight: normal;
      text-transform: uppercase;
      display: inline-block;
      margin-right: 48px;
      vertical-align: middle; }
    #header #sportMenu a {
      display: inline-block;
      padding: 4px 10px;
      margin-right: 24px;
      font-weight: bold; }
      #header #sportMenu a:hover, #header #sportMenu a.current {
        border-radius: 4px;
        background: #fff;
        text-decoration: none;
        color: #252525; }
      #header #sportMenu a.current-playcsl {
        color: #2160AA; }
      #header #sportMenu a.current-ccasports {
        color: #d41829; }

#mainMenu {
  position: relative;
  padding-top: 16px; }
  #mainMenu a {
    text-transform: uppercase;
    font-weight: bold; }
  #mainMenu .mainMenuItem {
    display: inline-block;
    position: relative;
    margin-right: 35px; }
    #mainMenu .mainMenuItem a {
      color: #fff;
      padding: 8px 4px;
      font-size: 13px; }
      #mainMenu .mainMenuItem a:hover, #mainMenu .mainMenuItem a.active, #mainMenu .mainMenuItem a.current {
        border-bottom: 1px solid #fff;
        text-decoration: none; }
    #mainMenu .mainMenuItem#mainMenu_Leagues a, #mainMenu .mainMenuItem#mainMenu_Events a, #mainMenu .mainMenuItem#mainMenu_AboutUs a, #mainMenu .mainMenuItem#mainMenu_Pick-UpPlay a {
      padding-right: 19px;
      background: transparent url(../../graphics/cca/background-arrow-down.png) no-repeat top left;
      background-size: 9px auto;
      background-position: right 4px top 13px; }
  #mainMenu li.mainMenuItem div#pickUpPlayPopup a.subMenuItems {
    padding-right: unset;
    text-wrap: nowrap; }

#leaguesPopup, #eventsPopup, #aboutUsPopup, #pickUpPlayPopup {
  z-index: 1000;
  position: absolute;
  top: 40px;
  left: 0; }
  #leaguesPopup .inner, #eventsPopup .inner, #aboutUsPopup .inner, #pickUpPlayPopup .inner {
    margin-top: 4px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); }
  #leaguesPopup .subMenu, #eventsPopup .subMenu, #aboutUsPopup .subMenu, #pickUpPlayPopup .subMenu {
    float: left;
    width: 180px; }
    #leaguesPopup .subMenu li, #eventsPopup .subMenu li, #aboutUsPopup .subMenu li, #pickUpPlayPopup .subMenu li {
      padding-bottom: 4px; }
    #leaguesPopup .subMenu a, #eventsPopup .subMenu a, #aboutUsPopup .subMenu a, #pickUpPlayPopup .subMenu a {
      text-transform: none;
      color: #777;
      font-weight: normal;
      font-size: 13px; }
      #leaguesPopup .subMenu a:hover, #eventsPopup .subMenu a:hover, #aboutUsPopup .subMenu a:hover, #pickUpPlayPopup .subMenu a:hover {
        color: #d41829;
        text-decoration: none; }
  #leaguesPopup h3, #eventsPopup h3, #aboutUsPopup h3, #pickUpPlayPopup h3 {
    color: #777;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 16px; }

#eventsPopup, #aboutUsPopup, #pickUpPlayPopup {
  top: 24px; }
  #eventsPopup .subMenu li, #aboutUsPopup .subMenu li, #pickUpPlayPopup .subMenu li {
    margin-bottom: 8px; }

#footer .top, #footer .bottom {
  padding: 30px 0;
  margin: 0; }
  #footer .top a, #footer .top p, #footer .top div, #footer .top span, #footer .top h4, #footer .bottom a, #footer .bottom p, #footer .bottom div, #footer .bottom span, #footer .bottom h4 {
    color: #fff; }
#footer .top {
  background: #252525;
  padding-bottom: 40px; }
  #footer .top .column {
    float: left;
    width: 200px;
    margin-right: 36px; }
  #footer .top .menu {
    width: 140px; }
    #footer .top .menu h5 {
      font-size: 16px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 12px;
      text-transform: uppercase; }
    #footer .top .menu li {
      padding-bottom: 8px; }
    #footer .top .menu a {
      text-transform: uppercase;
      font-weight: bold; }
  #footer .top .editable h4, #footer .top .editable p {
    margin-bottom: 10px; }
  #footer .top .links a {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    border: 2px solid #eee;
    border-radius: 2px;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 0; }
    #footer .top .links a:hover {
      background: #fff;
      color: #252525;
      text-decoration: none; }
  #footer .top .contact {
    width: 145px;
    margin-right: 0; }
    #footer .top .contact .logo img {
      max-height: 60px;
      margin-bottom: 14px; }
    #footer .top .contact .footerSponsors {
      margin-top: 20px; }
      #footer .top .contact .footerSponsors a img {
        width: 145px;
        height: auto; }
#footer .bottom .pageWidth {
  position: relative; }
#footer .bottom .socialLinks {
  display: inline-block;
  margin-right: 20px; }
  #footer .bottom .socialLinks a {
    width: 24px;
    color: white; }
    #footer .bottom .socialLinks a i {
      font-size: large; }
#footer .bottom .copy {
  text-transform: uppercase;
  opacity: 0.9; }
#footer .bottom .smallPrint {
  position: absolute;
  top: 7px;
  right: 0;
  opacity: 0.8;
  font-size: 11px; }
  #footer .bottom .smallPrint .divider {
    padding: 0 8px; }

#homePageInnerWrapper #footer .top {
  background: rgba(37, 37, 37, 0.96); }

#mainPage {
  width: 938px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-shadow: 1px 0 5px 0 rgba(0, 0, 0, 0.15), -1px 0 5px 0 rgba(0, 0, 0, 0.15);
  background: #fff; }

#pageContainer {
  float: left;
  width: 798px; }

#sidebar {
  float: left;
  width: 120px;
  margin-left: 20px; }
  #sidebar img {
    max-width: 120px;
    margin-bottom: 20px; }

#homePageOuterWrapper {
  background: #fff; }

#homePageInnerWrapper {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto; }

#sliderRow {
  background-color: rgba(0, 0, 0, 0.8);
  max-height: 420px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2); }
  #sliderRow .flex-control-paging {
    display: none; }
  #sliderRow .flexSliderOuter .flex-direction-nav li .flex-prev, #sliderRow .flexSliderOuter .flex-direction-nav li .flex-next {
    bottom: 46%; }
  #sliderRow .slide img {
    width: 100%;
    max-height: 420px;
    object-fit: contain; }

#promoRow {
  width: 958px;
  margin-top: 20px; }
  #promoRow .promoItem {
    position: relative;
    float: left;
    width: 469px;
    overflow: hidden;
    border-radius: 4px; }
    #promoRow .promoItem p {
      padding: 8px 0;
      font-size: 13px; }
    #promoRow .promoItem.first {
      margin-right: 19px; }

#switchboardRow {
  width: 798px;
  padding: 20px 90px;
  text-align: left;
  margin: 0 auto;
  background: #fff;
  border-radius: 4px;
  margin-top: 20px; }

/*
#socialRow{
	position:relative;
	text-align:left;
	margin: 40px auto;
	padding: 40px 0;
	background:rgba(255,255,255,0.5);
	border-radius:4px;
	h3{
		font-size:40px;
		padding-left:40px;
	}
	.socialLinks{
		position:absolute;
		top: 26px;
		right:40px;
		li{
			margin-left: 24px;
		}
	}
}
*/
#feedRow {
  margin-top: 20px;
  padding-bottom: 80px; }
  #feedRow .feedWrapper {
    float: left;
    background: #fff;
    border-radius: 4px;
    padding: 8px 13px;
    height: 254px;
    background: #252525; }
    #feedRow .feedWrapper h3 {
      font-weight: normal;
      padding-bottom: 8px;
      text-transform: uppercase;
      font-size: 12px; }
      #feedRow .feedWrapper h3 img {
        vertical-align: middle;
        margin-right: 8px;
        width: 28px; }
      #feedRow .feedWrapper h3 a {
        color: #fff; }
  #feedRow .facebook {
    width: 290px;
    margin-right: 19px; }
  #feedRow .instagram {
    width: 616px; }

div#userMessage {
  margin: 0 0 20px 0; }

div.sportTitle {
  display: none; }

#pageContainer {
  width: 100%; }
  #pageContainer div.componentRow {
    width: 100%; }
    #pageContainer div.componentRow div.component {
      width: 100%; }
  #pageContainer div.componentRow.one-one-one .size_1,
  #pageContainer div.componentRow.two-one .size_1,
  #pageContainer div.componentRow.one-two .size_1 {
    width: 232px; }
  #pageContainer div.componentRow.two-one .size_2,
  #pageContainer div.componentRow.one-two .size_2 {
    width: 488px; }