/*  ----------------------------------------------------------
	L A Y O U T
-------------------------------------------------------------- */
/* Core type & display */
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,500italic,700,900);
body {
	background: #6f727a;
	color: #484848;
	font: 10px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-family: 'Roboto', sans-serif!important;
	margin: 3.5em 0 15px 0;
}
h1, h2, h3, h4 { margin-bottom: .5em; }
h1 {
	font-size: 26px;
}
h2 { font-size: 21px; }
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
.aside h2 em, .aside h3 em {
	color: #aaa;
	font-size: .8em;
	font-style: normal;
	padding-left: 2px;
}
p, dl, ul, ol { margin-bottom: 1em; }
p, dt, dd, li { font-size: 12px; }

a {
	color: #2d6cbe;
	cursor: pointer;
	text-decoration: none;
}
a:hover { color: #1d4483; }

a.edit {
	display: inline-block;
	font-size: 13px;
	margin: 0 15px 0 0;
}
h1 .edit {
	margin-top: 20px;
}
.edit span {
	font-size: 125%;
}

.btn {
	background: #2d6cbe url(../../../_i/_site2.0/btn-glass.png) 0 center repeat-x;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0;
	padding: 4px 10px 5px 10px;
	text-shadow: rgba(0,0,0,.12) 0 1px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,.12) 0 1px 1px;
	-webkit-box-shadow: rgba(0,0,0,.12) 0 1px 1px;
}
.btn.neg, .btn.cancel {
	background-color: #888;
}
.btn.urgent {
	background-color: #f56708;
}
.btn:hover {
	background-color: #1d4483;
	color: #fff;
}
.btn.neg:hover, .btn.cancel:hover {
	background-color: #333;
}
.btn.urgent:hover {
	background-color: #C45002;
}
.btn:active {
	position: relative;
	top: 1px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.btn.alt {
	background: #DDD;
	color: #888;
	border-color: #CCC;
}
.btn.alt:hover {
	background: #CCC;
	color: #777;
	border-color: #CCC;
}
input.btn, a.btn, button.btn {
	border: none;
	padding: 6px 10px 7px 10px;
	font-family: inherit;
}
.btn.large-btn { font-size: 15px; }
.btn.disabled, .btn.disabled:active, .btn.disabled:hover {
	background-color: #ccc;
	cursor: default;
	top: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

li, dd { margin-left: 1.5em; }
pre {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 2em 0;
}
@-moz-document url-prefix() {
	pre { letter-spacing: .0375em; }
}

/* Common text styles */
.tag, .alert {
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.tag {
	background: #eee;
	color: #aaa;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	margin: 0 3px;
	padding: 2px 4px 0;
	text-transform: uppercase;
}
.no-left {
	margin-left: 0;
}
.schedule .completed .team-score .tag {
	background: none;
	padding: 0;
}
.game-type.tag {
	margin: 0;
}
h1 .tag, h2 .tag {
	font-size: .6em;
	position: relative;
	top: -.1em;
}
.alert {
	background: #ffffdd;
	border: 1px solid rgba(0,0,0,.12);
	line-height: 1.2;
	padding: .4em 6px;
}
.alert.help {
	padding: 15px;
	margin: 0 30px 20px !important;
	font-size: 12px !important;
	font-color: #c4bc8d !important;
}
.alert.help span.title{
	font-size: 14px !important;
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}
.alert.help p{
	margin-bottom: 0;
}
.alert.help ul{
	margin: 1em 0;
}
.fine-print {
	color: #aaa;
	font-size: 10px;
}
.empty-state {
	/*background: #eee;*/
	color: #888;
	/*text-shadow: #fff 0 1px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: rgba(0,0,0,.19) 1px 1px 0;
	-webkit-box-shadow: rgba(0,0,0,.19) 1px 1px 0;
	box-shadow: rgba(0,0,0,.19) 1px 1px 0;*/
}
.mod.empty-state {
	padding: 12px 15px 1px 15px;
	margin: 0 30px 30px 30px;
}
.mod p.empty-state { /*padding: 12px 15px;*/ }
.empty-state strong { color: #555; }
.shim {
	background: transparent url(../../../_i/_site2.0/listing-divider.png) 0 0 repeat-x;
	height: 4px;
	margin: 2em 30px 3em 30px;
}

.list-blank {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-blank li {margin:0 0 10px;}

.list-blank input, .list-blank input[type="text"], .list-blank input[type="password"] {
	width: 100%;
	box-sizing: border-box;
	border-color: #ccc;
}


.list-blank label {
	display: block;
}

.inline{display: inline-block!important;}

.radio-wrap .inline.radio {
	margin: 6px 0;
}

.o-birthdate .field.mini, .o-birthdate .field.last{
	width: 110px;
	display:inline-block;
}

.o-birthdate {
	
}
/* Grid & Structure */
#wrapper {}
.inner-wrap {
	margin: 0 auto;
	width: 960px;
}

.grid-container {
	margin-left: -10px;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
	display: inline;
	float: left;
	margin: 0 10px;
	position: relative;
}
.grid-1 { width: 60px; }
.grid-2 { width: 140px; }
.grid-3 { width: 220px; }
.grid-4 { width: 300px; }
.grid-5 { width: 380px; }
.grid-6 { width: 460px; }
.grid-7 { width: 540px; }
.grid-8 { width: 620px; }
.grid-9 { width: 700px; }
.grid-10 { width: 780px; }
.grid-11 { width: 860px; }
.grid-12 { width: 940px; }

.radio-wrap .grid-3 {width: 120px;}
/* Basic key/val list */
dl.basic {
	font-size: 12px;
	margin: 0;
}
dl.basic dt {
	clear: left;
	float: left;
	font-weight: bold;
	/*color: #aaa;
	font-size: 11px;*/
	padding-bottom: 3px;
	width: 30%;
}
dl.basic dd {
	float: left;
	/*font-size: 11px;*/
	margin-left: 0;
	padding-left: 1%;
	padding-bottom: 3px;
	width: 68%;
}
dl.basic dd.notes {
	padding-left: 0;
	font-weight: bold;
}
.notes span {
	padding-right: 4px;
}
.aside dl.basic dt {
	float: none;
	padding-bottom: 0;
	width: auto;
}
.aside dl.basic dd, dl.basic dd.full {
	float: none;
	padding-left: 0;
	margin-bottom: .25em;
	width: auto;
}
dl.basic dd.full { margin: 0; }
dl.basic .alert {
	padding: .1em 4px;
	position: relative;
}
dl.basic .tag { padding: .5px 4px; }
dl.basic .standings-link { padding: 0 3px; }
dl.basic .standings-link a { padding: 0 2px; }

/* Tabs */
.simple-tabs {
	border-bottom: 1px solid #ddd;
	padding: 0 0 .5em 0;
	margin: 0 30px 1em 30px;
}
.simple-tabs {
	margin-top: .6em;
	margin-bottom: 2em;
	padding-bottom: 0;
}
.simple-tabs li {
	float: left;
	list-style: none;
	margin: 0 3px 0 0;
}
.simple-tabs li.right {
	float: right;
	margin: 0 0 0 3px;
}
.simple-tabs a {
	background: #f2f2f2;
	border: 1px solid #eee;
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 16px 4px 16px;
	position: relative;
	top: .35em;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.simple-tabs a { top: .4em; }
}
.simple-tabs a .tag {
	background: #e2e2e2;
	color: #999;
	margin: 0 0 0 3px;
	position: relative;
	top: -.125em;
}
.simple-tabs li.current a {
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: none;
	color: #484848;
	cursor: default;
	font-size: 16px;
	padding: 5px 20px;
	top: 1px;
}
.simple-tabs li.current a .tag {
	background: #eee;
	color: #484848;
	top: -.25em;
}
.simple-tabs a em {
	background: #2d6cbe;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1;
	padding: 2px 4px;
	position: relative;
	top: -1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.simple-tabs a:hover em { background: #1d4483; }
.simple-tabs li.current a em, .simple-tabs li.current a:hover em { background: #484848; }

/* Pagination */
.pagination li {
	float: left;
	list-style: none;
	margin: 0 4px 0 0;
}
.pagination li a, .pagination li.current a {
	background: #f2f2f2;
	border: 1px solid #e2e2e2;
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	padding: 7px 8px 8px 8px;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.pagination li.current a {
	background: #2d6cbe;
	border: 1px solid #2d6cbe;
	color: #fff;
	-moz-box-shadow: rgba(0,0,0,.12) 0 1px 1px;
	-webkit-box-shadow: rgba(0,0,0,.12) 0 1px 1px;
	box-shadow: rgba(0,0,0,.12) 0 1px 1px;
}
.pagination li a:hover {}
.pagination li a span { display: none; }
.pagination li.disabled a {
	background: transparent;
	border-color: #f0f0f0;
	color: #d2d2d2;
	cursor: default;
}
.pagination li.pager-qty {
	color: #aaa;
	font-size: 10px;
	padding-left: 8px;
}

/* Sub Tabs */
.sub-tabs {
	background-image: url(../../../_i/_site2.0/sub-tabs-gradient.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 1px solid #e2e2e2;
	border-top: none;
	padding: 10px 20px;
	margin: -2em 30px 2.5em 30px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
.sub-tabs li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
}

/* Payment Chart(s) */
dt.chart, dd.chart { margin-top: .5em; }
dd.chart { padding-top: .25em; }
.chart-gutter {
	display: block;
	margin-bottom: 2px;
	position: relative;
	width: 100%;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}
.chart-index {
	left: 0;
	position: absolute;
	top: 0;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}
.chart-key {
	display: inline-block;
	position: relative;
	top: 1px;
	width: 10px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}
.chart-index, .chart-count .chart-key {
	background: #aaa;
	height: 10px;
}
.chart-gutter, .chart-total .chart-key {
	background: #eee;
	height: 10px;
}
.chart-total .chart-key {
	border: 1px solid #ddd;
	height: 8px;
	width: 8px;
}
.chart-count { margin-right: 15px; }

/* Structural framework */
.wrap {
	background: #fff;
	margin: 0 auto;
	padding: 0 30px;
	width: 920px;
}

/* Header */

#header .wrap {
	background: #333;
	position: relative;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.header-wrap {}
#logo {
	float: left;
	margin: 20px 0;
}
#logo h1 {
	font-size: 39px;
	font-weight: normal;
	line-height: 1.1;
	margin: 0;
	padding: 0;
}
#logo h1 a { color: rgba(255,255,255,.93); }

/* Account nav */
#account-nav {
	position: absolute;
	float: right;
	right: 0;
	top: -2.6em;
}
#account-nav p {
	color: rgba(255,255,255,.6);
	font-size: 10px;
	font-weight: bold;
	list-style: none;
}
#account-nav a {
	color: rgba(255,255,255,.6);
	margin: 0 3px;
}
#account-nav a:hover { color: rgba(255,255,255,.93); }
#account-nav a.user { margin-left: 0; }

/* Main nav */
#nav {}
#nav .wrap { background: #212121; }
.nav-wrap {}
#nav ul { margin: 0; }
#nav li {
	float: left;
	font-size: 11px;
	font-weight: bold;
	list-style: none;
	margin: 0 25px 0 0;
}
#nav li a {
	color: rgba(255,255,255,.7);
	display: block;
	padding: 20px 0;
	text-transform: uppercase;
}
#nav li a:hover { color: rgba(255,255,255,.93); }
#nav li.has-sub { position: relative; }
.sub-nav {
	background: rgba(21,21,21,.93);
	display: none;
	font-size: 11px;
	font-weight: normal;
	left: -10px;
	padding-bottom: 7px;
	position: absolute;
	top: 100%;
	width: 175px;
	z-index: 900;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
.sub-nav dt {
	background: rgba(255,255,255,.7);
	font-size: 11px;
	font-weight: bold;
	margin: 8px 0 4px 0;
	padding: 2px 10px;
}
.sub-nav dt:first-child { margin-top: 0; }
.sub-nav dt.no-title {
	background: transparent;
	height: 6px;
	padding: 0;
	margin: 0;
}
.sub-nav dd {
	font-size: 11px;
	margin: 0;
}
#nav li .sub-nav dd a {
	display: block;
	padding: 1px 12px;
}
#nav li .sub-nav a { text-transform: none; }

/* Aside nav */
.aside-nav ul {
	margin: 0 0 0 -25px;
	padding-top: .9em;
}
.aside-nav li {
	background: transparent url(../../../_i/_site2.0/bevel.png) 0 bottom repeat-x;
	list-style: none;
	margin: 0;
	padding-bottom: 3px;
}
.aside-nav li a {
	display: block;
	padding: 6px 8px 6px 25px;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.aside-nav li a:hover { background: rgba(0,0,0,.05); }
.aside-nav li.current a, .aside-nav li.current a:hover {
	background: none repeat scroll 0 0 #fff;
	border-color: rgba(0, 0, 0, 0.07);
	border-style: solid;
	border-width: 1px 1px 0 0;
	color: #484848;
	cursor: default;
	font-weight: bold;
	left: -1px;
	margin: -2px -2px -1px 0;
	position: relative;
}
.aside-nav li.current.has-sub a { border-bottom: 1px solid #e2e2e2; }
.aside-nav li.current.has-sub li a { border-bottom: none; }
.aside-nav li:first-child.current a, .aside-nav li:first-child.current a:hover { margin-top: 0; }
.aside-nav li a .current-marker { display: none; }
.aside-nav ul ul {
	margin: 0 0 4px 0;
	padding: 1px 0 0 0;
}
.aside-nav ul ul li {
	background: transparent;
	font-size: 90%;
	margin-bottom: 1px;
	padding: 0;
}
.aside-nav ul ul li a, .aside-nav li.current ul li a {
	background: transparent;
	font-weight: normal;
	padding: 2px 8px 2px 37px;
}
.aside-nav ul ul li a:hover, .aside-nav li.current ul li a:hover {
	background: rgba(0,0,0,.05);
	font-weight: normal;
	cursor: pointer;
}
.aside-nav li.current ul li a, .aside-nav li.current ul li a:hover {
	border: none;
	padding: 2px 8px 2px 37px;
	margin: 0 0 0 1px;
}
.aside-nav ul ul li.current:last-child { margin-bottom: -5px; }
.aside-nav a .tag {
	background: #2d6cbe;
	color: #eee;
	position: relative;
	top: -1px;
}
.aside-nav .current a .tag { background: #484848; }

/* Content & module framework */
.custom-page-content-REDACTOR hr {
  display: block !important;
  height: 1px !important;
  border: 0 !important;
  border-top: 1px solid #ccc !important;
  margin-bottom: 15px !important;
}

.custom-page-content-REDACTOR table {
  border-collapse: collapse !important;
  font-size: 1em !important;
  width: 100% !important;
}

.custom-page-content-REDACTOR table td,
.custom-page-content-REDACTOR table th {
  padding: 5px !important;
  border: 1px solid #ddd !important;
  vertical-align: top !important;
}

.custom-page-content-REDACTOR table thead td,
.custom-page-content-REDACTOR table th {
  font-weight: bold !important;
  border-bottom-color: #888 !important;
}

#content {}
#content .wrap {
	padding: 0;
	width: 980px;
}
.content-wrap {}

#page-title {
	/*border-bottom: 1px solid #ddd;
	padding-bottom: .5em;*/
	line-height: 1.1;
	margin: 0 30px .85em 30px;
}
#page-title.signup {
	border-bottom: 1px solid #ddd;
	line-height: 1.1;
	padding-bottom: 1em;
	margin: 15px 30px .75em 30px;
}
em.context, span.context {
	color: #aaa;
	display: block;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}
span.context {
	font-style: normal;
}
#page-title em.context {
	font-size: .525em;
	letter-spacing: 0;
	padding-top: .25em;
	font-style: normal;
	width: 442px;
}
#page-title em.context a { 
	color: #aaa; }
#page-title em.context a:hover { color: #484848; }
#page-title a.btn {
	float: right;
	font-size: 14px;
	margin-left: 10px;
	padding: 6px 11px 7px 11px;
}
#page-title.with-tabs {
	border: none;
	margin-bottom: .8em;
	padding-bottom: 0;
}
#page-title img {
	float: left;
	margin-right: 10px;
}
img#profile-photo { max-height: 150px; }

.main, .aside { padding: 20px 0 0 0; }
.aside {
	padding-bottom: 30px;
}
.aside.cal > * {
	margin-left: 20px;
	margin-right: 20px;
}
.aside.cal select {
	max-width: 205px;
	margin-bottom: 10px;
}
.main {
	float: left;
	width: 710px;
}
.aside {
	background: #f6f6f6;
	border-color: rgba(0,0,0,.07);
	border-style: solid;
	width: 249px;
}
.mod {
	padding: 0 30px;
	margin-bottom: 30px;
}
.mod.no-bot {
	margin-bottom: 0;
}
.aside .mod { padding: 0 25px; }
.aside .mod h3 { line-height: 20px; }
.aside .mod h4 { line-height: 18px; }
.overlay .mod { padding: 0; }
.overlay .mod.entity-listing { margin-bottom: 1em; }
/* Full */
#content.full .main {
	float: none;
	width: auto;
}
#content.full .aside { display: none; }

/* Left column */
#content.left-col .main { padding-right: 20px; }
#content.left-col .aside {
	border-width: 0 1px 0 0;
	float: left;
}
/* Right column */
#content.right-col .main {
	float: left;
	padding-right: 0;
}

#content.right-col .aside {
	float: right;
	border-width: 0 0 0 1px;
}

/* Overlay structure */
#cOverlay-shade {
	background: rgba(0,0,0,.25);
	color: #fff;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 900;
}
.cOverlay-wrap {
	background: rgba(0,0,0, .5);
	display: none;
	padding: 10px;
	position: absolute;
	width: 620px;
	z-index: 901;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: rgba(0,0,0,.34) 0 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,.34) 0 1px 3px;
}
.mod.overlay, .narrow .mod.overlay {
	background: #fff;
	display: none;
	margin: 0;
	max-height: 570px;
	overflow: auto;
	padding: 20px;
	-moz-box-shadow: rgba(0,0,0,.42) 0 0 1px;
	-webkit-box-shadow: rgba(0,0,0,.42) 0 0 1px;
}
.mod.overlay.program-reg {
	overflow: hidden;
}
.mod.prd img {
	max-width: 100px;
	float: left;
	margin: 0 15px 0 0;
}
.mod.prd .btn + .btn {
	margin-left: 8px;
}
.cOverlay-wrap p.form-btns { padding-top: 1em; }
/* Expiration Warning Overlay */
.ui-widget-overlay {
	background: rgba(0,0,0,.25);
	color: #fff;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.ui-dialog-titlebar{display: none;}

.overlay-btn {
	background: #2d6cbe url(../../../_i/_themes/btn-bg.png) 0 -12px repeat-x;
	border: 1px solid #1d4483;
	color: #eee;
	cursor: pointer;
	display: inline-block;
	font: normal bold 12px/13px Helvetica, Arial, sans-serif !important;
	margin: 0 1px 2px 1px;
	padding: 8px 12px 6px 12px;
	position: static;
	text-shadow: rgba(0,0,0,.3) -1px -1px 0;
	text-transform: uppercase;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: rgba(0,0,0,.34) 0 1px 1px;
	-webkit-box-shadow: rgba(0,0,0,.34) 0 1px 1px;
	width: 128px;
}

.complex-btns {
	width: auto;
	padding: 0;
}

.overlay-btn.confirm, .overlay-btn.cancel {
	width: 230px;
	border-radius: 5px;
	text-transform: none;
	box-shadow: none;
}

.overlay-btn:hover {
	background-color: #1d4483;
	color: #fff;
	text-decoration: none;
}

.overlay-btn.alt {
	background-color: #eee;
	background-position: 0 0;
	border-color: #bbb;
	color: #888;
	text-shadow: #fff 1px 1px 0;
	-moz-box-shadow: rgba(0,0,0,.12) 0 0 1px;
	-webkit-box-shadow: rgba(0,0,0,.12) 0 0 1px;
	width: auto;
}

.overlay-btn.cancel {
	background: none;
	margin-top: 10px;
}

.overlay-btn.alt:hover {
	background-color: #e2e2e2;
	color: #424242;
	text-decoration: none;
}

/* Footer */
#footer {}
#footer .wrap {
	background: #e2e2e2;
	border-top: 1px solid #c2c2c2;
	padding: 0;
	width: 980px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.footer-wrap {
	border-top: 1px solid #d2d2d2;
	padding: 15px 30px 7px 30px;
}
#footer p {
	color: #999;
	font-size: 11px;
}
#footer p a { color: #626262; }
#footer p a:hover { color: #424242; }


/*  ----------------------------------------------------------
	F O R M S
-------------------------------------------------------------- */
/* Basic element styles */
input[type=text], input[type=email], input[type=password], textarea, select, input[type=number] {
	border: 1px solid #ccc;
	color: #484848;
	font: 12px/1 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	margin: 0;
	padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=number]:focus {
	border-color: #99aace;
	-moz-box-shadow: #99aace 0 0 3px;
	-webkit-box-shadow: #99aace 0 0 3px;
}
textarea {
	display: block;
	height: 10.5em;
	line-height: 1.5;
}
textarea.sml { height: 4.5em; }
select {
	background: #fff;
	padding: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*select {
		background: #fff url(../../../_i/_site2.0/wk-select-arrow.png) right center no-repeat;
		padding: 6px 39px 7px 6px;
		-khtml-appearance: none;
	}*/
}
optgroup, optgroup:focus {
	border-top: 1px solid #ddd;
	color: #888;
	display: block;
	font-style: normal;
	margin: 5px 0;
	padding: 5px 0;
}
optgroup option {
	color: #484848;
	padding: 0 0 0 15px;
}
input[type=checkbox], input[type=radio] {
	margin-right: 2px;
	margin-left: 0;
	width: auto;
}

.radio-wrap span {margin-right: .5rem;}

/* Add Sport & Location Filter */
select#sportId, select#locationId { background-image: none !important; }


/* Core form structures */
.basic-form fieldset { padding-top: 2em; }
.basic-form .no-pad-top { padding-top: 0; }
.basic-form fieldset:first-child { padding-top: 0; }
.basic-form fieldset h3, .basic-form fieldset h2 {
	/*border-bottom: 1px solid #eee;
	margin: 0 0 1em 0;
	padding-bottom: .25em; */
}
.basic-form li, .entity-listing .basic-form li {
	background: #eee;
	list-style: none;
	margin: 0 0 .75em 0;
	padding: 3px 0 3px 2px;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.entity-listing .basic-form li {
	background: none;
}
.basic-form li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.basic-form li span.field {
	display: block;
	position: relative;
}
.basic-form li.field span {
	display: inline;
	/*** edits 9/17/13 -- jdoan ***/
	position: relative;
	padding-right: 30px;
}

.basic-form li span.field.empty {
	font-weight: bold;
	padding-top: 4px;
}
.basic-form li label{
	float: left;
	padding: 4px 18px 4px 6px;
	width: 245px;
}
.basic-form li label.full {
	float: none;
	width: auto;
}
.basic-form li label.auto-label {
	color: #bbb;
	cursor: text;
	display: none !important;
	font-size: 12px;
	padding: 5px 0 0 7px;
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	z-index: 501;
}
.basic-form li label abbr {
	color: #2d6cbe;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	top: 1px;
	z-index: 500;
}
.basic-form li label em {
	color: #aaa;
	display: block;
	font-size: 85%;
	padding-bottom: 2px;
}
.basic-form li label .field-help {
	cursor: help;
	font-size: 9px;
	font-weight: bold;
	margin-left: 8px;
	position: relative;
	z-index: 100;
}
.basic-form li input[type=text], .basic-form li input[type=email], .basic-form li input[type=password], .basic-form li textarea {
	/*width: 360px;*/
	/*** edits 9/17/13 -- jdoan ***/
	width: 330px;
}
.basic-form li select { width: 372px; }
.basic-form li.field select { width: auto; }
.basic-form li.field input[type=text] { width: 50px; }
.basic-form .form-btns label { font-size: 11px; }
.basic-form p.fine-print {
	border-top: 1px solid #eee;
	color: #aaa;
	font-size: 10px;
	padding-top: 8px;
}
.basic-form .waiver-block {
	background: #fff;
	border: 1px solid #e2e2e2;
	/*color: #888;*/
	font-size: 11px;
	line-height: 1.4;
	margin-bottom: 4px;
	width: 620px !important;
	height: auto;
	min-height: 100px;
	overflow: auto;
	padding: 12px 12px 0 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	resize: none;
	margin-bottom: 10px;
}
.basic-form li label.check-confirm {
	display: block;
	/*font-size: 11px;*/
	padding: 0 0 3px 3px;
}
.basic-form li.checkbox .field {
	float: left;
	max-width: 370px;
	padding-top: 3px;
}
.basic-form li.checkbox .field label {
	display: inline-block;
	float: none;
	padding: 0 8px 0 0;
	width: auto;
}

/*** edits 9/17/13 -- jdoan

form tooltip

***/
.tooltip {
	cursor: default;
	float: right;
	position: relative;
	right: 8px;
	top: 4px;
	background: #999;
	height: 18px;
	width: 18px;
	border-radius: 100%;
	color: white !important;
	text-align: center;
	line-height: 1.7;
	-webkit-transform: -webkit-translate3d(0, 0, 0);
	-webkit-transition: 0.3s ease;
	-moz-transform: -moz-translate3d(0, 0, 0);
	-moz-transition: 0.3s ease;
	transform: translate3d(0, 0, 0);
	transition: 0.3s ease;
}
.tooltip:hover, .tooltip:focus {
	background: #ccc;
}
.tooltip:before {
	content: "";
	display: block;
	visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -13px;
    right: 0;
	height: 0;
	width: 0;
	border-top: 10px solid #040407;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	-webkit-transform: -webkit-translate3d(0, 0, 0);
	-webkit-transition: 0.3s ease;
	-moz-transform: -moz-translate3d(0, 0, 0);
	-moz-transition: 0.3s ease;
	transform: translate3d(0, 0, 0);
	transition: 0.3s ease;
}
.tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after {
	visibility: visible;
    opacity: 1;
}
.tooltip:after {
	content: attr(data-tooltip);
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: #040407;
	margin-top: -35px;
	padding: 5px;
	border-radius: 2px;
	white-space: nowrap;
	line-height: 1.2;
	font-weight: bold;
	font-size: 11px;
	visibility: hidden;
    opacity: 0;
    -webkit-transform: -webkit-translate3d(0, 0, 0);
	-webkit-transition: 0.3s ease;
	-moz-transform: -moz-translate3d(0, 0, 0);
	-moz-transition: 0.3s ease;
	transform: translate3d(0, 0, 0);
	transition: 0.3s ease;
}


/* Overlay form adjustments */
.overlay h3, .overlay .basic-form fieldset h3 {
	background: #e2e2e2;
	border-bottom: 1px solid #c2c2c2;
	line-height: 1.25em;
	margin: -20px -20px 1em -20px;
	padding: 12px 20px 10px 20px;
}
.overlay .basic-form li label {
	width: 35%;
	padding-right: 4.6%;
	padding-left: 1.2%;
}
/*.overlay .basic-form input[type=text], .overlay .basic-form input[type=password], .overlay .basic-form textarea { width: 57%; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.overlay .basic-form input[type=text], .overlay .basic-form input[type=password], .overlay .basic-form textarea { width: 57.4%; }
}*/
.overlay .basic-form input[type=text], .overlay .basic-form input[type=password] {
	width: 300px;
}
.overlay .basic-form textarea, .overlay .basic-form select {
	width: 310px;
}
/*.overlay .basic-form select { width: 59.1%; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.overlay .basic-form select { width: 59.5%; }
}*/
.overlay p.form-btns { margin: 0; }
.basic-form li input.btn { padding: 5px 10px 6px 10px; }

/* Sidebar form adjustments */
.aside .basic-form input[type=text], .aside .basic-form input[type=password] { width: 181px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.aside .basic-form input[type=text], .aside .basic-form input[type=password] {
		width: 183px;
	}
}
.aside .basic-form p.fine-print { border-color: #ddd; }

/* Custom fields */
.basic-form li.address {
	background: transparent;
	margin: 0;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.basic-form li.address p {
	background: #eee;
	margin: 0 0 .75em 0;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.main .login h3 { display: none; }
#upload-form-member-photo { padding-bottom: 15px; }
.basic-form li label#profile-photo { padding-bottom: 0; }
.basic-form li span.upload-group {
	display: block;
	padding-top: 14px;
	padding-bottom: 8px;
}
input#uploadImage {
	font-size: 12px;
	margin: 0 4px 5px 0;
	width: auto;
}
#password-reminder .basic-form input[type=text] { width: 400px; }

/* Payment Form */
.cart {
	background: #f2f2f2;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	padding: 15px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.cart.no-border {
	border: 0;
	padding: 0;
}
.cart table { width: 100%; }
.cart td, .cart th {
	font-size: 11px;
	text-align: right;
	vertical-align: top;
}
.cart th { border-bottom: 1px solid #ddd; }
.cart td { padding: 1.4em 0; }
.cart .item {
	padding-right: 1%;
	padding-left: .75%;
	text-align: left;
	width: 84.25%;
}
.cart .price {
	padding-right: .75%;
	min-width: 150px;
	width: 13.25%;
}
.cart .subtotal td {
	border-top: 1px solid #ddd;
	padding-top: .8em;
	padding-bottom: .6em;
}
.cart .total td {
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
}
.cart .subtotal td.item, .cart .total td.item { text-align: right; }
.cart .total td.price {
	padding-right: 0;
	width: 14%;
}
.cart td strong { display: block; }
.cart input[type=text] {
	padding: 3px;
	text-align: right;
	width: 55px;
}
.cart .form-note {
	margin: 0;
	text-align: center;
}
.basic-form .payment-fields h3 img {
	left: 5px;
	position: relative;
	top: 4px;
}


/*background-image: url(/_i/_site2.0/cc-icons.png);
this will show the four main types despite the fact only a subset will be available
*/

.basic-form li.payment-cc-type {
	background-position: right center;
	background-repeat: no-repeat;
}
.basic-form li.payment-cc-type select { width: 246px; }
.basic-form li.payment-expiration select#month { width: 267px; }
.basic-form li.payment-expiration select#year {
	/*width: 100px;*/
	width: 73px;
}

.cart.transactions .date {
	text-align: left;
	width: 12%;
}
.cart.transactions .date em {
	color: #aaa;
	font-style: normal;
}
.cart.transactions .item { width: 72.25%; }
.cart.transactions .price { width: 13.25%; }

/* Filters */
.filter {
	padding-bottom: 0;
	margin-bottom: 26px;
}
.filter fieldset {
	/*background: #eee;
	padding: 0 3px 3px 3px !important;*/
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.filter input.btn {
	margin-top: 3px;
	padding: 5px 10px 6px 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.filter input.btn { padding-bottom: 4px; }
}
.filter label.inner {
	color: #888;
	padding: 0 3px;
}
.filter .l, label.l {
	font-weight: bold;
	display: block;
	padding: 0 0 5px;
	font-size: 12px;
}
label.l.i {
	display: inline-block;
}
.filter span, span.half {
	display: inline-block;
	margin: 3px 15px 0 0;
}

.filter span.last, span.half.last {
	margin-right: 0;
}

/*  ----------------------------------------------------------
	L O G I N  (and other narrow pages)

remove all this -- 10/2/2013 -- as custom graphics on partner
sites were breaking this narrow layout

-------------------------------------------------------------- */

.narrow .wrap, .narrow #content .wrap, .narrow #footer .wrap {
	padding-right: 0;
	padding-left: 0;
	width: 420px;
}
.narrow .basic-form input[type=text], .narrow .basic-form input[type=password], .narrow .basic-form textarea { width: 342px; }
.narrow #logo { padding: 0 28px; }
.narrow #logo h1 { font-size: 26px; }
.narrow #page-title { display: none; }
.narrow .mod { margin: 5px 0 20px 0; }
.narrow #logo {
	width: 368px;
	overflow: hidden;
}

/* hide the FB Like and Send button on the login page */
body.narrow #footer .wrap .fb-like{display: none !important;}

/*
.narrow #login {
	width: 420px;
	margin: 0 auto;
}
.narrow #page-title {
	text-align: center;
}*/

/*  ----------------------------------------------------------
	C O N T E N T   M O D U L E S
-------------------------------------------------------------- */
/* Site notices */
.site-notice {
	background: #ffffdd;
	border-bottom: 1px solid rgba(0,0,0,.12);
	margin: 0;
	padding-top: 1.2em;
	padding-bottom: 1em;
}
.main .site-notice {
	border-right: 1px solid rgba(0,0,0,.12);
	margin: 0 30px 30px 30px;
	padding: 1em 15px .75em 18px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.main .reg {
	border: 1px solid rgba(0,0,0,0.1);
}
.site-notice h4 {
	/*background: transparent url(../../../_i/_site2.0/star.png) -2px 2px no-repeat;
	font-size: 13px;*/
	margin-bottom: .25em;
	padding: 2px 0 0;
}
.site-notice p {
	/*font-size: 11px;*/
	margin: 0;
}
.site-notice p + p {
	padding-top: .5em;
}
/*.site-notice p:first-child {
	background: transparent url(../../../_i/_site2.0/star.png) -2px 0 no-repeat;
	padding: 1px 0 .25em 20px;
}*/
.site-notice span {

}
.mod .cart .site-notice {
	margin: 1.3em 0 0 0;
	padding: 10px 10px 0 10px;
}
.cart .site-notice p {
	padding-bottom: 10px;
	text-align: center;
}
.cart .site-notice p:first-child { background-image: none; }
.main h1 .site-notice {
	color: #aaa;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 3px;
	letter-spacing: 0;
	padding: 4px 8px;
	position: relative;
	top: -.5em;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}
.mod .site-notice { margin: 0 0 2em 0; }
.aside .site-notice {
	margin-top: -20px;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
}
p.inline-notice {
	/* background: url("../../../_i/_site2.0/star.png") no-repeat scroll -2px 0 transparent */  background: #efefef;
	padding: 10px 10px 10px 20px;
	border-left: 3px solid #ccc;
	margin-bottom: 20px;
}
p.inline-notice .membership-fee-amount {
	font-weight: bold;
}

.program-badges {
	margin: 8px 0;
	float: right;
}

.program-badges .site-notice {
	color: #aaa;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 3px !important;
	padding: 4px 8px;
	position: relative;
	top: -.4em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

.program-badges .special-notice {
	background-color: #ffdddd !important;
}

#post-reg-msg {
	font-size: 1.2em;
	font-weight: bold;
	/*text-shadow: rgba(255, 255, 255, .65) 1px 0;
	color: #880000;
	background: #feebc6;
	background: -moz-linear-gradient(top,  #feebc6 0%, #fcd6b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feebc6), color-stop(100%,#fcd6b2));
	background: -webkit-linear-gradient(top,  #feebc6 0%,#fcd6b2 100%);
	background: -o-linear-gradient(top,  #feebc6 0%,#fcd6b2 100%);
	background: -ms-linear-gradient(top,  #feebc6 0%,#fcd6b2 100%);
	background: linear-gradient(to bottom,  #feebc6 0%,#fcd6b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feebc6', endColorstr='#fcd6b2',GradientType=0 );
	padding: 8px;
	border: 1px solid rgba(155, 0, 0, .12);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
	margin: 0 0 12px;
	background: #fdfdc2;
	color: #484848;
	padding: 5px 10px;
	display: inline-block;
}

/* New Feature Alert */
.mod.cta-new-feature{
	/*background: #feebc6;
	background: -moz-linear-gradient(top,  #feebc6 0%, #fcd6b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feebc6), color-stop(100%,#fcd6b2));
	background: -webkit-linear-gradient(top,  #feebc6 0%,#fcd6b2 100%);
	background: -o-linear-gradient(top,  #feebc6 0%,#fcd6b2 100%);
	background: -ms-linear-gradient(top,  #feebc6 0%,#fcd6b2 100%);
	background: linear-gradient(to bottom,  #feebc6 0%,#fcd6b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feebc6', endColorstr='#fcd6b2',GradientType=0 );
	border: 1px solid rgba(0, 0, 0, .12);
	text-shadow: rgba(255, 255, 255, .65) 1px 0;
	height: 45px;*/
	background: #ffffba;
	border: 1px solid #e2e3e4;
	margin: 0 30px 30px;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #484848;
}

.mod.cta-new-feature h4 {
	padding: 5px 0 0 10px
}
.mod.cta-new-feature p {
	padding-left: 10px;
}

.mod.cta-new-feature a.btn{
	position: relative;
	top: 15px;
	right: 10px;
}
/*.mod.cta-new-feature a.btn:hover{background-color: #0064e6 !important;}
.mod.cta-new-feature span.new-feature{
	background: transparent url(../../../_i/_site2.0/icon-new-feature.png) 0 -20px no-repeat !important;
	background-color: none !important;
	padding: 0;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	display: inline-block !important;
	width: 73px;
	height: 21px;
	position: relative;
	top: -40px;
	left: -24px;
}*/

.mod.cta-new-feature.reminder h4,.mod.cta-new-feature.reminder p {
	margin: 0 0 0 10px;
}


/* Table display */
.basic-table {
	font-size: 12px;
	width: 100%;
}
.basic-table th {
	background-color: #e2e2e2;
	color: #999;
	font-size: 10px;
	line-height: 10px;
	padding: 7px 8px 4px 8px;
	text-align: center;
	text-transform: uppercase;
	width: 1%;
}
.basic-table td {
	border-top: 1px dotted #ddd;
	padding: 8px 9px;
	text-align: center;
	vertical-align:middle;
	width: 1%;
}
.basic-table th.main-col, .basic-table td.main-col {
	text-align: left;
	width: auto;
}
.basic-table .alt td { background: #f6f6f6; }

.table-reg-summary th, .table-reg-summary td {
	text-align: left;
}

/* Table key */
dl.key {
	border-top: 1px solid #ddd;
	padding-top: 21px;
	text-align:center;
}
dl.key dt, dl.key dd {
	display: inline;
	font-size: 10px;
	line-height: 21px;
}
dl.key dt {
	border-left: 1px solid #eee;
	color: #ccc;
	font-weight: bold;
	margin: 0;
	padding-left: 8px;
}
dl.key dt:first-child {
	border: none;
	margin: 0;
	padding: 0;
}
dl.key dd {
	color: #888;
	margin: 0 -4px 0 0;
	padding-right: 7px;
}

/* Form steps */
/*
.form-steps {
	background: #f6f6f6;
	padding: 10px 15px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: -2.6em;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
*/

.form-steps {
	background: #f6f6f6;
	padding: 10px 30px; /*edit from 15px to 30px */
	margin-right: 30px;
	margin-left: 30px; /*edit from 50px to 30px */
	/*margin-top: -2.6em; */
	-moz-border-radius: 3px; /* edit to make consistent on all 4 corners */
	-webkit-border-radius: 3px; /* edit to make consistent on all 4 corners */
	border-radius: 3px; /* edit to make consistent on all 4 corners */
}

.form-steps p {
	font-size: 13px;
	margin-bottom: .5em;
}
.form-steps p a {
	font-size: 11px;
	margin-left: 5px;
}
.form-steps ol { margin: 0; }

/*.form-steps li {
	float: left;
	font-size: 11px;
	list-style: decimal;
	list-style-position: inside;
	margin: 0 15px 0 0;
} */

.form-steps li {
	float: left;
	font-size: 11px;
	list-style: decimal;
	list-style-position: inside;
	margin: 0 30px 0 0; /* edit from margin: 0 15px 0 0; to margin: 0 30px 0 0;  */
}

.form-steps li.off { color: #aaa; }
.form-steps li.current {
	color: #484848;
	font-weight: bold;
}
.form-steps li.done {
	background: transparent url(../../../_i/_site2.0/reg-done.png) 1px center no-repeat;
	color: #ccc;
	list-style: none;
	padding-left: 21px;
	text-decoration: line-through;
}

/* Base event listings */
.base-listing li {
	/*background: transparent url(../../../_i/_site2.0/listing-divider.png) 0 top repeat-x;*/
	list-style: none;
	margin: 1.75em 0 0 0;
	padding: 2em 0 0 0;
	position: relative;
	background: #eee;
}
.base-listing li:first-child {
	background: transparent;
	margin-top: 0;
	padding-top: 0;
}
.base-listing li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.base-listing .site-notice {
	font-size: 11px;
	margin: 0;
}
.base-listing .base-meta {
	float: left;
	padding-right: 1%;
	width: 65%;
	overflow: hidden;
}

.la-logo__program {
	float: left;
	max-width:33%;
	margin: 0 20px 20px 0!important;
}

.la-programs--grid .la-logo__program {
	max-width: 23%;
}

.meta-info {float: left; width:66%;}

.base-listing.league-reg .base-actions, .base-listing.league-reg .base-schedule {
	float: right;
	text-align: right;
	width: 220px;
	clear: none;
	margin: 0;
	padding: 0;
}
.base-listing.league-reg h1 {
	overflow: hidden;
}
.base-listing.league-reg .base-actions .btn {
	float: none;
	width: 100%;
	margin-bottom: 6px;	
	box-sizing: border-box;
	text-align: center;
}


.base-actions { padding-bottom: 1em; }
#page-title .base-actions {
	padding-bottom: 0;
}
.base-actions p.alert {
	display: block;
	font-size: 11px;
	padding: 6px 8px 8px 8px;
	text-align: center;
}
.base-actions p.alert strong {
	display: block;
	margin-bottom: .5em;
}
.base-actions .site-notice {
	display: inline-block;
	margin-top: .5em;
	padding: 5px 10px 4px 10px;
}
.right-col .base-actions .site-notice br, .left-col .base-actions .site-notice br { display: none; }
.base-meta h2 {
	font-weight: normal;
	margin: 0 0 .2em 0;
}
.base-meta h2 em {
	color: #aaa;
	font-size: .8em;
	font-style: normal;
	margin-left: 3px;
}
.base-meta h2 .site-notice {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 3px;
	padding: 4px 8px;
	position: relative;
	top: -.4em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}
.base-meta p { margin-bottom: .75em; }
.base-meta dl.basic { font-size: 11px; }

.short-listing .base-meta h2 { font-size: 16px; }
.base-listing.short-listing li {
	margin-top: .75em;
	padding-top: 1.5em;
}
.base-listing.short-listing li:first-child {
	margin-top: 0;
	padding-top: 0;
}

.base-listing.grouped h3 {
	color: #aaa;
	font-size: 14px;
	letter-spacing: 0;
	text-transform: uppercase;
}
.base-listing.grouped h3 a { color: #aaa; }
.base-listing.grouped h3 a:hover { color: #484848; }
.base-listing.grouped ul { margin-bottom: 2em; }
.base-listing.invoices .base-meta h2 {
	font-size: 15px;
	line-height: 1.25;
	margin: .15em 0 .35em 0;
}
.base-listing.invoices .base-meta h2 em { font-size: .9em; }
.base-listing .base-schedule { padding: .25em 0 .5em 0; }
.base-gamedays {
	border: 1px solid #ccc;
	border-right: none;
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.base-gamedays del, .base-gamedays strong {
	border-right: 1px solid #ccc;
	display: inline-block;
	font-size: 9px;
	padding: 3px 6px;
	text-transform: uppercase;
}
.right-col .base-gamedays del, .right-col .base-gamedays strong, .left-col .base-gamedays del, .left-col .base-gamedays strong { padding: 3px 4px; }
.base-gamedays del {
	color: #ccc;
	text-decoration: none;
}
.base-gamedays strong {
	background: #eee;
	text-shadow: #fff 1px 1px 0;
}
.base-schedule em {
	color: #aaa;
	display: block;
	font-size: 10px;
	margin: .25em 0;
}
.aside .base-schedule { margin-bottom: 1em; }
.base-format {
	border-top: 1px solid #eee;
	font-size: 10px;
	margin-top: 1em;
	padding-top: 1em;
	clear: both;
}
.aside .base-format {
	background: transparent url(../../../_i/_site2.0/bevel.png) 0 0 repeat-x;
	border: none;
}
.base-fees {}
.base-fees dl {
	background: #eee;
	float: left;
	margin: 0;
	padding: 0 1% 13px 1%;
	width: 47.5%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.base-fees .membership-fee-info {
	color: #aaa;
	font-style: italic;
	font-size: 10px;
	margin: .25em 0;
}
.right-col .base-fees dl, .left-col .base-fees dl {
	padding-right: 1.5%;
	padding-left: 1.5%;
	width: 46.5%;
}
.base-fees dl.first { margin-right: 1%; padding-left: 0; }
.base-fees dl.first + dl {
	padding: 0 0 0 15px;
}
.aside .base-fees dl.first + dl {
	padding: 0;
}
.aside .base-fees dl.first { margin-right: 0; }
.base-fees dl.solo {
	float: none;
	margin: 0;
	width: 98%;
}
.base-fees dt {
	border-bottom: 1px solid #ddd;
	margin-bottom: .3em;
	padding: 10px 0 1px 0;
}
.base-fees dd { margin: 0; }
.base-fees dd .tag {
	background: #fff;
	margin-left: 0;
}
.base-fees em {
	color: #aaa;
	font-size: .85em;
	font-style: italic;
}
.aside .base-fees dl {
	background: transparent;
	padding: 0;
	width: 100%;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.aside .base-fees dl, .aside .base-fees dt, .aside .base-fees dd { font-size: 11px; }
.aside .base-fees dt {
	font-weight: bold;
	padding-top: 8px;
}
.aside .base-fees dl.first dt { padding-top: 0; }
.aside .base-fees dd { margin-bottom: 7px; }

/* Schedule */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);

#_schedule .mod.schedule {
	/*background: #F6F8F9;*/
}

#_schedule #content .main {
	padding: 0;
}

div.schedule-quick-nav {
	font-size: 1.6em;
	font-weight: normal;
	padding: 10px;
	margin-bottom: 15px;
	background: #F4F5F9;
	border: 1px solid rgba(0,0,0,.07);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: -30px;
}

div.schedule-header {
	font-size: 1.6em;
	font-weight: normal;
	/*letter-spacing: 0;*/
	border: 3px solid rgba(117,117,117,.25) !important;
	padding: 8px;
	margin: 25px 0;
	margin-top: 25px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
div.schedule-header span.schedule-name {
	color: #555;
	font-weight: bold;
	/*text-shadow: rgba(0,0,0,.15) -1px -1px 0;*/
}
div.schedule-header span.schedule-format {
	color: #777;
	font-size: 0.8em;
}
div.schedule-header span.schedule-description {
	color: #aaa;
	line-height: 0.6;
	font-size: 0.7em;
}


#_officiatingSchedule .mod.schedule, #_schedule .mod.schedule  {
	padding-top: 58px;	
}

.schedule #schedule-filters, #schedule-event-add-panel {
	margin-bottom:0;
	background: #F4F5F9;
	overflow: hidden;
	position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    z-index: 9999;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
    min-height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
    border-left: 1px solid #E1E5EE;
}

	.schedule #schedule-filters.filter-is-visible, #schedule-event-add-panel.is-visible{
	-webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
	}
	
	#schedule-event-add-panel fieldset {
		padding: 6px 16px;
	}
	#schedule-event-add-panel .half {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	#schedule-event-add-panel input, #schedule-event-add-panel select {
		width: 100%;
	}
#schedule-filters header, #schedule-event-add-panel header{  
  	height: 60px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #E1E5EE;
}

#schedule-filters header h1, #schedule-event-add-panel header h1 {
	color: #304056;
	font-size: 20px;
	line-height: 60px;
	float: left;
	text-indent: 16px;
	font-weight: 400;
}
#schedule-filters .btn-close, #schedule-event-add-panel .btn-close {
	height: 60px;
    line-height: 60px;
    width: 70px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    background: #304056;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    float: right;
}

#schedule-filters .btn-close svg, #schedule-event-add-panel .btn-close svg{
	vertical-align: middle;
}
.filter-block input[type='search'],.filter-block input[type='text'],.filter-block select {
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;	
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 10px;
}

.filter-block .la-select{
	position: relative;
}

.filter-block .la-select:after {
	content: " ";
    position: absolute;
    z-index: 1;
    right: 14px;
    top: 42%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    background: url("../../../_i/la-icon-arrow.svg") no-repeat center center;
    pointer-events: none;
}

#schedule-controls {
	overflow: hidden;
    position: absolute;
    top: 18px;
    right: 260px;
}

#schedule-event-add-panel #recurring-event-modal {
	padding: 20px;
	box-sizing: border-box;
}

#schedule-event-add-panel #recurring-event-modal h1 {
	font-size: 16px;
}

#schedule-event-add-panel #recurring-event-modal p {
	margin-bottom: 20px;
}

.la-team-profile #schedule-controls {
	position: relative; 
	top: 0;
	right:0;
}


#schedule-controls span a {
	padding: 0 16px;
	display: inline-block;
	opacity: 1;
	color: #B8B8B8;
	text-align: center;
}
#schedule-view-mode a.active {
	background: #F4F5F9;
	border-radius: 3px;
}

#schedule-event-add-panel #recurring-event-modal button {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#schedule-controls svg {
	display: block;
	width: 31px;
	margin: 0 auto;
}
.event-delete {
	padding-top: 16px;
	border-top: 1px solid #ccc;
}
	#calendar-event-form.sm label {
		margin-bottom: 4px;	
		margin-top: 10px;
		font-weight: 400;
		font-size: 12px;
	}
	#calendar-event-form.sm .label .short{
		width: 30%;
	}
	#calendar-event-form.sm .label label {
		margin-bottom: 0;
	}
	#calendar-event-form.sm label.pad-left {
		padding-left: 0;
	}
	#calendar-event-form.sm .label select {
		width: 60px;
		margin-left: 5px;
	}
	
	#calendar-event-form #event-location {
		margin-bottom: 10px;
	}
	
	#calendar-event-form.sm .label .left + .left {
		width: 70%;
		padding-left: 10px;	
		box-sizing: border-box;
		margin-left: 0;
	}
	
.filter-group {padding: 16px;}

ol#schedule-list-view {
	padding: 46px 0 20px 0;
}
#schedule-view {
	padding: 30px;
}
.schedule #schedule-controls span {
	font-size: 14px;
}
.schedule li {
	list-style: none;
	margin: 0 0 16px 0;
}

.schedule li h4 { margin: 0 0 12px 0; padding: 6px 20px; background:#D0D0D0; color: #fff;text-transform: uppercase; font-size: 12px; font-weight: normal;}

.schedule h4 .tag {
	font-size: 10px;
	margin-left: 0;
	padding: 1px 3px 0 5px;
}
.schedule li ul { margin: 0; padding: 8px 0px;}
.schedule li li {
	/*background: #eee url(../../../_i/_site2.0/bevel-vert.png) 29.5% 0 repeat-y;
	margin-bottom: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: rgba(0,0,0,.12) 0 1px 0;*/
	padding: 5px 15px 10px;
}
/*.schedule li ul:nth-child(even) li {
	background: #efefef;
}
.schedule li ul:nth-child(odd) li {
	background: #F8F8F8;
}*/

#schedule-event-save-btns {
	padding: 0 20px;
}
.mod.schedule .cOverlay-wrap{
	top: 0!important;
	left: 240px!important;
}

.mod.schedule .cOverlay-wrap .overlay h3 {
	margin: 0 0 15px 0!important;
}

.mod.schedule .cOverlay-wrap .overlay p, .mod.schedule .cOverlay-wrap .overlay small {
	padding: 5px 20px;
}
.mod.schedule .cOverlay-wrap .overlay p.no-b{
	padding-bottom: 20px;
}

.mod.schedule .cOverlay-wrap .overlay .desc {
	border: none;
}
#content.right-col .main, #content.right-col .aside {
float: left!important;
}

.schedule li ul li {background: #F6F7F7; padding: 0; margin: 0; box-shadow: 0 2px 3px rgba(0,0,0,0.1);font-family: 'Open Sans', sans-serif; border-radius: 3px; transition: all 0.2s ease;}
.schedule span.tbd, .schedule abbr { color: #aaa; }
.schedule p {margin: 0;}
.schedule .meta { 
		width: 33.333%; 
		box-sizing: border-box; 
		overflow: hidden;
		font-size: 11px; 
		padding: 16px;
		color: #333;
		background: #F6F7F7;
		float: left;
}
.schedule .meta .event {display:block; margin-top: 10px;}
.schedule .meta .date, .schedule .meta .time { font-size: 14px; font-weight: bold; }
.schedule .meta abbr {
	position: relative;
	top: -.25em;
}
.schedule .schedule-tag {
	margin: 2px 6px 10px 0;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	padding: 4px 8px 2px;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	float: left;
	letter-spacing: 1px;
}

.schedule .schedule-tag.event-type {
	color: #fff;
	background-color: #FFC0CB;
}
.schedule .schedule-tag.player-role {
	color: #fff;
	background-color: #E6E6FA;
}
.schedule .schedule-tag.staff-role {
	color: #fff;
	background-color: #DCDCDC;
}
.schedule .schedule-tag.kid-name {
	color: #fff;
	background-color: #FFFACD;
}

.schedule .schedule-tag.practice {
	color: #fff;
	background-color: #ACC73A;
}
.schedule .schedule-tag.game {
	color: #fff;
	background-color: #2472C6;
	padding: 4px 8px 2px!important;
	width: auto!important;
}
.schedule .schedule-tag.meeting {
	color: #fff;
	background-color: #F2B42D;
}
.schedule .schedule-event {
	border-left: 4px solid #FFC0CB !important;
}
.schedule .event {
	padding: 0;
}
.schedule .event-title {
	font-size: 20px;
	margin: 0;
	font-weight: 400;
}
.schedule .event-program, .schedule .game-program {
	font-size: 16px;
}

.schedule .event-team {font-size: 14px;margin-top: -4px!important;}

.schedule .event .event-details {
	color: #888;
}
.schedule .schedule-game {
	border-left: 4px solid #2EB0BA !important;
}
	.schedule .schedule-game .schedule-tag {
		background: #2EB0BA;
		color: #fff;
	}
	.schedule .schedule-game .meta {
	}
	.schedule .schedule-game .game.clr, .schedule .schedule-event .game.clr {
		padding: 16px;
		width: 66.666%;
		box-sizing: border-box;
		float: left;
		background: #fff;
		min-height:140px;
	}
	
	.schedule .schedule-game .btn, .schedule .schedule-event .btn {margin-top: 16px;}
	.sched-start-date, .sched-end-date {text-transform: uppercase;}
	.sched-start-date {margin-bottom: 8px;}
	
	.schedule .schedule-event.practice {
		border-left: 4px solid #ACC73A !important;
	}

	.schedule .schedule-event.practice .meta {}

.schedule .schedule-event.meeting {
	border-left: 4px solid #F2B42D !important;
}
	.schedule .schedule-event.meeting .meta {
	}
.schedule .schedule-event.other {
	border-left: 4px solid #EE5744 !important;
}
	.schedule .schedule-event.other .meta {
	}
.schedule .schedule-event.game {
	border-left: 4px solid #2472C6 !important;
}
	.schedule .schedule-event.game .meta {
	}
	
/*.schedule .game { 
	width: 72%;
}*/

.schedule-event.game {
	width: 100%;
	box-sizing: border-box;
}

.schedule .game p {
	color: #aaa;
	margin: 0 0 6px;
}
.schedule .game p span.tbd {
	font-size: 16px;
}
.team-score  {
	font-size: 16px;
}
.schedule .game em { font-style: normal; }

.schedule .completed .game-meta.block {
	clear: both;
	display: block;
	margin-left: 0;
}
.schedule .game .official {
	float: left;
	text-align: right;
	margin-top: 5px;
	/*width: 25%;*/
}
.schedule .game .official em {
	background: transparent url(../../../_i/_site2.0/icon-ref.png) 0 0 no-repeat;
	color: #aaa;
	display: inline-block;
	font-size: 10px;
	padding: 1px 0 0 20px;
}

#event-update-notify-participants {
	padding: 0 16px!important;
}

#event-update-notify-participants label {
	margin: 0!important	;
	padding: 0;
}

#event-update-notify-participants label {
	margin: 0;
}

.game-label {
	color: #fff;
	background: #aaa;
	font-weight: bold;
	font: normal bold 11px/14px Helvetica, Calibri, Arial, sans-serif;
	text-shadow: rgba(0,0,0,.15) -1px -1px 0;
	padding: 2px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.game-label.right {
	float: right;
	position: relative;
	right: 6px;
}
/* Schedule View - My Team Indicator */
.mod.schedule span.team-score.score.my-team a{
	background: transparent url(../../../_i/_site2.0/icon-flag.png) right 3px no-repeat;
	display: inline-block;
	padding: 0 18px 0 0 ;
}

/* Cross Program Game Indicator */
.schedule .game .cross-program {
	background: transparent url(../../../_i/_site2.0/icon-schedule-crossgame.png) 0 0 no-repeat;
	display: inline-block;
	margin: 0 5px;
	text-indent: -9999px;
	width: 15px;
	height: 12px;
	font-size: 10px;
}

/* Notes */
.schedule .meta .game-note {
	background: transparent url(../../../_i/_site2.0/icon-note.png) 0 2px no-repeat;
	color: #aaa;
	display: block;
	font-size: 11px;
	left: -2px;
	line-height: 1.2;
	max-width: 351px;
	padding: 2px 0 1px 20px;
	position: relative;
}
.schedule .meta .game-note-full {
	color: #484848;
	display: none;
	background: #ffffdd url(../../../_i/_site2.0/icon-note.png) 3px 4px no-repeat;
	border: 1px solid rgba(0,0,0,.12);
	left: -4px;
	padding: 4px 8px 5px 23px;
	position: absolute;
	top: -3px;
	width: 260px;
	z-index: 200;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: rgba(0,0,0,.1) 0 1px 1px;
	-webkit-box-shadow: rgba(0,0,0,.1) 0 1px 1px;
	box-shadow: rgba(0,0,0,.1) 0 1px 1px;
}
.schedule .meta:hover .game-note-full { display: block; }
.schedule .date-note {
	background: #eee url(../../../_i/_site2.0/icon-note.png) 10px -41px no-repeat;
	margin-bottom: 6px;
	padding: 8px 2% 8px 32px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: rgba(0,0,0,.12) 0 1px 0;
}
.schedule .date-note-type1 {
		background-color: #ffffdd;
		border-color: #dedea1;
	}
.schedule .date-note-type2 {
		background-color: #ffe6df;
		border-color: #ddb2a4;
	}
.schedule .date-note-type3 {
		background-color: #e2ecfb;
		border-color: #aabbd7;
	}
.schedule .date-note-type4 {
		background-color: #e1fbe9;
		border-color: #a9d7b7;
	}
.schedule .date-note-type5 {
		background-color: #d6d6d6;
		border-color: #adadad;
	}
.schedule .date-note p {
	font-size: 11px;
	font-style: italic;
	margin: 0;
}
.schedule .date-note p strong {
	border-right: 1px solid rgba(0,0,0,.12);
	font-style: normal;
	font-size: 10px;
	margin-right: 4px;
	padding-right: 8px;
	text-transform: uppercase;
}

/* Alternate Game Views */
.schedule .rescheduled, .schedule .rescheduled span.tbd, .schedule .rescheduled abbr, .schedule .rescheduled .game p { color: #aaa; }
.schedule .rescheduled .game p, .schedule .completed p { float: left; }
.schedule .rescheduled .game-meta, .schedule .completed .game-meta {
	margin: 2px 0 0 5px;
	padding: 0;
	width: auto;
}
.schedule .rescheduled a.game-type {
	background: #f8810a;
	color: #fff;
}
.schedule .rescheduled .tag em {
	font-style: italic;
	font-weight: normal;
	padding-right: 1px;
	text-transform: none;
}
.schedule .rescheduled.cancelled .meta { text-decoration: line-through; }
.schedule .rescheduled.cancelled .tag, .schedule .completed .tag {
	background: #ddd;
	color: #999;
}
.schedule .completed .game-note { display: none; }
.schedule .completed .team-score:first-child { margin-right: 8px; }
.schedule .completed .team-score .score {}
.schedule .completed .team-score.winner .score { color: #484848; }
.schedule .team-result {
	background: #ddd url(../../../_i/_site2.0/win-loss-marker.png) -296px 0 no-repeat;
	background-color: rgba(0,0,0,.07);
	border-left: 1px solid rgba(255,255,255,.84);
	color: #aaa;
	clear: both;
	float: right;
	font-size: 14px;
	font-weight: bold;
	height: 21px;
	line-height: 22px;
	margin: 0px -3% -8px 10px;
	min-width: 66px;
	overflow: hidden;
	padding: 8px 3% 8px 16px;
	text-align: center;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}
.schedule .team-result.win {
	background-color: #2d6cbe;
	background-position: -4px 0;
	color: #fff;
}
.schedule .team-result.draw {
    background: rgba(0,0,0,.07);
}
.schedule .team-result strong { display: none; }

/* Standings */
.standings p {
	border-top: 1px dotted #ddd;
	font-size: 11px;
	margin: 0 auto;
	padding-top: .75em;
	text-align: center;
	width: 25%;
}

table.standings .standings-division-header {
	text-align: left;
	width: auto;
	margin-top: 5px;
}

table.standings .standings-division-header h4 {
	margin-top: 10px;
	margin-bottom: 2px;
}




/* Logos & Photos */
.program-logo {}
.aside .program-logo {
	display: block;
	margin-left: 21px;
	margin-bottom: 8px;
	width: 150px;
}
.program-logo img {
	display: block;
	margin: 0 auto 1rem;
}
.aside .program-logo img { max-width: 150px; }

/* Roster, Pending, Tentative, Free Agents, Teams */
.entity-listing h3 { position: relative; }
.entity-listing li {
	/*border-bottom: 1px dotted #eee;*/
	list-style: none;
	margin: 0;
	padding: 0;
}

.entity-listing .player .tentative { background-color: red; color: #fff; }
.entity-listing .player .tentative .help { color: #fff; font-size: 9px;}

.player, .team { position: relative; }
.entity-listing dt { font-size: 14px; }
.entity-listing dt.thumb {
	float: left;
	margin-right: 15px;
}
.entity-listing.pending dt.thumb img { width: 50px; }
.entity-listing dt .tag {
	position: relative;
	top: -2px;
}
.entity-listing .entity-meta, .entity-listing .entity-details {
	color: #aaa;
	font-size: 11px;
	margin: -2px 0 6px 0;
}
.entity-listing .entity-details {
	font-style: italic;
	margin: 0;
}
.entity-listing .entity-actions {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 500;
}
.player-actions {
	margin: 0 0 1em 0;
}
.entity-listing .player .roster-dues { margin-left: -1px; }
.entity-listing .player .roster-dues.alert {
	font-size: 9px;
	font-weight: bold;
	padding: 1px 4px;
}

/* Who's In Sidebar*/
.mod.entity-listing dl.team-captain a img {
	height: 30px;
	width: 30px;
}

.mod.entity-listing a p {
	display: inline;
	position: relative;
	top: -10px;
	left: 10px;
}



/* Social Rosters/Lists */
.social-list li {
	background: transparent url(../../../_i/_site2.0/bevel.png) 0 bottom repeat-x;
	list-style: none;
	line-height: 33px;
	margin: 0 0 3px 0;
	min-height: 33px;
	padding: 0 0 3px 0;
}
.social-list li img {
	float: left;
	margin-right: 8px;
}
.member-matching-callouts { text-align: center; }
.member-matching-callouts a { margin: 3px 0; }

/* Team Captain */
.team { margin-top: 25px; }
.team-captain dt.thumb {
	background: #fff;
	background: rgba(255,255,255,.75);
	border: 1px solid #aaa;
	border: 1px solid rgba(0,0,0,.12);
	margin-left: 4px;
	margin-right: 10px;
	padding: 2px;
	position: relative;
	top: -15px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.team-captain dt.thumb img { display: block; height: 30px; width: 30px; }
.team-captain dt { font-size: 11px; }
.team-captain dt .tag {
	line-height: 10px;
	padding: 2px 4px;
	top: 0;
}

/* Roster (sidebar) */
.aside .entity-listing li {
	background: transparent url(../../../_i/_site2.0/bevel.png) 0 bottom repeat-x;
	margin-bottom: 5px;
	padding-bottom: 9px;
}
.entity-listing li + li {
	margin-top: 1em;
}
.aside .entity-listing li .player { margin: 0; }
.main .entity-listing h3, .aside .entity-listing em.dues, .aside .player .btn-edit, .aside .entity-listing .player dd.entity-meta { display: none; }
.aside .entity-listing .player a { font-size: 12px; }
.aside .entity-listing .player .btn-message {
	background: transparent url(../../../_i/_site2.0/icon-eml.png) 0 0 no-repeat;
	font-size: 12px;
	height: 14px;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	top: 3px;
	width: 19px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.aside .entity-listing .player .btn-message:hover { background-position: 0 -20px; }
.aside .entity-listing .player .btn-message:active {
	background-position: 0 -40px;
	top: 4px;
}
.aside .entity-listing dt {
	line-height: 16px;
	width: 175px;
}
.aside .entity-listing dt.thumb {
	margin: 3px 8px 0 0;
	width: auto;
}

/* Locations */
.location-list li {
	border-top: 1px solid #eee;
	list-style: none;
	margin: 35px 0 0 0;
	padding-top: 1px;
}
.location-list li:first-child { margin-top: 0; }
.location-view {
	float: left;
	margin-right: 30px;
	padding-top: 15px;
	width: 615px;
}
.location-view h2 { margin-bottom: .05em; }
.location-view #map-frame, .location-view .google-map {
	background: #f6f6f6;
	border: 1px solid rgba(0,0,0,.07);
	padding: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.location-details {
	background: #f6f6f6;
	border-left: 1px solid rgba(0,0,0,.07);
	float: right;
	padding: 15px 12px 5px 12px;
	width: 243px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
.location-details, .location-details li { font-size: 11px; }
.vcard { font-size: 12px; }
.get-directions {
	margin-bottom: 2em;
	padding-top: 8px;
}
.get-directions .basic-form li { margin-top: 0; }
.get-directions .basic-form li span.field { display: inline-block; }
.get-directions .basic-form li input[type=text] { width: 180px; }
.sublocations li {
	border: none;
	list-style: decimal;
	margin: 0 0 .25em 1.5em;
	padding: 0;
}
.sublocations li strong {
	position: relative;
	top: 1px;
}
.sublocations li em {
	color: #aaa;
	display: block;
	margin-top: -2px;
}

/* Single Location Profile */
.locations.single-location { padding: 0 1rem; }
.locations.single-location .location-list li { border: none; }
.locations.single-location .location-view h2 { display: none; }


/* Sample Program Tags & Alerts */
.base-meta h2 .tag.sample-program, #page-title .tag.sample-program {
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1.5em;
	background: #F8810A;
	color: white;
	margin: 0 0 0 3px;
	padding: 2px 4px 1px 4px;
	position: relative;
	top: -.4em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.alert.sample-program{
	margin-bottom: 10px;
}

/* Generic Announcments - Dev, Status Updates, etc */

#announcement {
	background-color: #fffcd1;
	border: 1px solid #e1deb1;
	padding: 4px 17px;
	margin: -35px auto 38px;
}

#announcement p {
	color: #b5b16c;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

#announcement p span {
	background: transparent url(../../../_i/console/dev-announcment-icon.png) 0 4px no-repeat;
	display: inline-block;
	padding: 2px 25px;
}


/* Facebook Like Button Instances */

#account-nav .fb-like{
	float: left;
	position: relative;
	right: 55px;
	top: -28px;
}

/* make the like button smaller to hide the counter */
#account-nav .fb_edge_widget_with_comment iframe{ width:49px !important;}

/* but make the span that holds the comment box larger */
#account-nav span.fb_edge_comment_widget.fb_iframe_widget iframe{width:401px !important;}


#footer .wrap .fb-like{
	float: left;
	position: relative;
	display: block;
	width: 450px;
	left: 375px;
	top: -37px;
	margin-left: 10px;
}

/* SIGN UP PAGE ---  Facebook Connect and Sign In Button */

.main .fb-connect{
	background-color: #eee;
	margin: 0 0 60px 0;
	padding: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	--moz-border-radius: 3px;
}
.main .fb-connect.success{background:  #3d5c95 url(../../../_i/_site2.0/fb-connect-message-bg.png) bottom right no-repeat; margin: 0 0 40px 0; padding: 5px 20px 8px;}
.main .fb-connect.success p{ font-size: 14px; padding: 0; color: #dbe4fc;}
.main .fb-connect.success p:first-child{margin-bottom: 0; padding: 12px 0 0 0;}
.main .fb-connect.success p.title{font-size: 20px; padding-bottom: 5px; display: block; color: #fff; margin-bottom: 0;}


.main .fb-connect p strong{font-size: 14px; color: #fff;}
/*
.main .fb-wrap .fb-login-button.fb_iframe_widget iframe .pluginFaviconButton.pluginFaviconButtonSmall {
	margin: 0;
	padding: 0;
	background: transparent url(../../../_i/_site2.0/fb-btns.png) 0 -141px no-repeat !important;
	display: block;
	width: 226px !important;
	height: 44px !important;
	text-indent: -9000px;
}
*/
.main .fb-wrap .fb-login-button .fb_button.fb_button_medium:hover, .main .fb-login-connect.login-page .fb_button.fb_button_medium:hover{background-position: 0 -188px; }
.main .fb-wrap .fb-login-button .fb_button.fb_button_medium:active, .main .fb-login-connect.login-page .fb_button.fb_button_medium:active{background-position: 0 -235px; }
.main .fb-connect span.fb_button_text, .mod.login .fb-login-connect.login-page span.fb_button_text, .main .fb-account-cta .button-wrap #fb_button_1 .fb_button.fb_button_medium span.fb_button_text {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-indent: -9000px !important;
}
.main .fb-connect .fb-wrap{ min-height: 43px;}
.main .fb-connect .fb-wrap .cursive{
	margin: 0;
	padding: 0;
	background: transparent url(../../../_i/_site2.0/fb-signup-connect-cursive.png) 0 0 no-repeat;
	display: block;
	width: 193px;
	height: 38px;
	text-indent: -9000px;
	position: relative;
	top: 55px;
	left: 110px;
}
.main .fb-connect #message{
	font-weight: bold;
	font-style: italic;
	margin: 13px 0 0 12px;
	float: left;
}
.main .fb-connect #message p {font-size: 11px !important; }

.main .fb-connect .fb-login-button {
	float:left;
	color: #eee;
	padding: 12px;
}

/* ASIDE -- Log In Button */
.aside #fb_button_signup_login{
	background: rgba(0, 0, 0, .07);
	width: 200px;
	padding: 25px 0;
	margin: 0 0 20px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.25);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.25);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.25);
}

.aside .mod.login p.option-divider{margin: 30px 0 20px 0;}

/* LOG IN PAGE ---  Facebook Connect Button */

a.fine-print.right {margin-top: 8px;  float: right;}

.mod.login p.option-divider {
	background: transparent url(../../../_i/_site2.0/login-option-divider.gif) center center no-repeat;
	margin: 15px 0 30px 0;
	text-align: center;
}
.mod.login p.option-divider strong{
	color: #bbb;
	padding: 0 10px;
	position: relative;
}

.mod.login .fb-login-connect{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	margin: 0 0 26px 0;
	padding: 10px;
	background-image: -webkit-linear-gradient(top, #4b72b5, #3a589c);
	border: 1px solid #314b8f;
}

.mod.login .fb-login-connect .fb_iframe_widget {
	background-color: #263d6b;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 5px 3px;
	border-top: 1px solid #1a2d5f;
	border-left: 1px solid #1a2d5f;
	border-right: 1px solid #5f78ab;
	border-bottom: 1px solid #5f78ab;
}
.mod.login .fb-login-connect p{
	color: #999;
	font-size: 11px;
	margin: 0;
}

.mod.login .fb-login-connect.login-page .fb_button.fb_button_medium {
	background: transparent url(../../../_i/_site2.0/fb-btns.png) 0 0 no-repeat;
	text-align: center;
}

.mod.login .fb-login-connect.login-page .fb_button.fb_button_medium:hover{background-position: 0 -47px; }
.mod.login .fb-login-connect.login-page .fb_button.fb_button_medium:active{background-position: 0 -94px; }

.mod.login form#login.basic-form li{float: left;padding: 3px 2px 3px 2px;clear: none;}
.mod.login form#login.basic-form li:first-child{margin-right: 8px;}
.mod.login form#login.basic-form fieldset {margin-bottom: 5px;}

.narrow #login.basic-form input[type="text"], .narrow #login.basic-form input[type="password"], .narrow #login.basic-form textarea { width: 160px;}
.narrow #login.basic-form {margin-bottom: 30px;}

/* Facebook Error - Altered from default sysyem message styling */
#fb-login-err #sys-messages {
	top: -15px;
	position: relative;
}


/* EDIT PROFILE PAGE ---  Facebook Profile Photo */
#fbPhotoSection {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.5em;
}
#fbPhotoSection li  {
	/*background: #eee;
	padding: 3px 0 3px 2px;*/
	list-style: none;
	margin: 0 0 .75em 0;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*#fbPhotoSection label {
	float: left;
	padding: 4px 21px 4px 6px;
	width: 105px;
}*/

#fbPhotoSection img {
	display: block;
	margin: 15px 0;
}

#fbPhotoSection span.fb-photo-group {
	margin: 5px 0 15px 0;
	display: block;
}

#fbPhotoSection span.fb-photo-group strong {
	margin: 0 0 8px 0;
	padding: 0;
	display: inline-block;
}
#fbPhotoSection span.fb-photo-group span.option {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #999;
	padding: 0 10px;
}
#fbPhotoSection span.fb-photo-group em {
	font-size: 11px;
	color: #333;
	display: inline-block;
	margin: 10px 0 5px 0;
}
#fbPhotoSection span.preview-bar {
	background: #8d8d8d;
	padding: 0;
	margin: 0;
	color: #fff;
	text-shadow: rgba(0,0,0,.52) 0 1px 0;
	display: block;
	height: 15px;
	width: 100px;
	position: absolute;
	bottom: 15px;
	text-align: center;
	font-weight: bold;
	opacity:0.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */
	font-size: 10px !important;
	text-transform: uppercase;
}
#fbPhotoSection span.preview-bar p {font-size: 10px !important;}

.basic-form li label#profile-photo {
	width: 155px;
}

.basic-form li span.upload-group strong {
	margin: 0 0 8px 0;
	padding: 0;
	display: inline-block;
}


/* DASHBOARD ---  Edit Facebook Settings & CTA */
h1#page-title span.fb-cog {
	margin-top: 10px;
	display: inline-block;
	background: transparent url(../../../_i/_site2.0/icon-cog.png) 0 7px no-repeat;
	padding: 0 0 0 20px;
}

h1#page-title span.fb-cog a{font-size: 11px;}

h1#page-title span.fb-cog.fb {
	background: transparent url(../../../_i/_site2.0/icon-cog.png) 0 -18px no-repeat;
}

/* ---  CTA  ---  */
.main .fb-account-cta{
	height: 137px;
	margin: 0 0 25px 30px;
	padding: 0;
	width: 648px;
	border: 1px solid #14326b;
	color: #fff;
	background-color: #345188;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#385794), to(#283f6b));
    background-image: -webkit-linear-gradient(top, #385794, #283f6b);
    background-image:    -moz-linear-gradient(top, #385794, #283f6b);
    background-image:     -ms-linear-gradient(top, #385794, #283f6b);
    background-image:      -o-linear-gradient(top, #385794, #283f6b);
    overflow: hidden;
}
.main .fb-account-cta p {font-size: 12px;}

.main .fb-account-cta p strong {
	font-size: 14px;
	display: inline-block;
	padding-bottom: 5px;
}
.main .fb-account-cta .mod {
	padding: 0;
	margin: 0;
}

.main .fb-account-cta ul.benefits {
	padding: 22px 15px 15px;
	margin: 0;
	text-shadow: rgba(0,0,0,.5) 0 1px 0;
}
.main .fb-account-cta ul.benefits h4 {
	color: #fff;
	font-size: 14px;
}
.main .fb-account-cta ul.benefits li {
	color:#b9d2fe;
	font-size: 13px;
	line-height: 24px;
}
.main .fb-account-cta .button-wrap{
	background: transparent url(../../../_i/_site2.0/site-dash-fb-cta-bg.png) -96px 0 no-repeat;
	float: right;
	height: 137px;
	padding: 50px 0 0;
	text-align: center;
	width: 270px;

}

.main .fb-account-cta .button-wrap #fb_button_1 .fb_button.fb_button_medium {
	margin: 0;
	padding: 0;
	background: transparent url(../../../_i/_site2.0/fb-btns.png) 0 -282px no-repeat;
	display: block;
	width: 226px;
	height: 44px;
	text-indent: -9000px;
	cursor: pointer;
}
.main .fb-account-cta .button-wrap #fb_button_1 .fb_button.fb_button_medium:hover{background-position: 0 -329px; }
.main .fb-account-cta .button-wrap #fb_button_1 .fb_button.fb_button_medium:active{background-position: 0 -376px; }

.main .fb-account-cta .button-wrap a.muted{
	color: #375a94;
	font-style: italic;
	font-weight: bold;
	display: block;
	margin: 15px 0 0 8px;
}
.main .fb-account-cta .button-wrap a.muted:hover{color: #416bb2;}

.alert.success{
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  font-size: 12px;
  width: 648px;
  margin: 0 0 25px 30px;
  padding: 10px;
}







 /* ---  Edit Facebook Settings  ---  */
.main ul.fb-status {
	padding: 0;
	margin: 0;

 }
.main ul.fb-status li {
	background: #eee;
	list-style: none;
	margin: 0 0 .75em 0;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.main ul.fb-status li label {
	font-size: 14px;
	font-weight: bold;
	padding-right: 20px;
}
.main ul.fb-status li .fb-login-button {
	float: right !important;
	padding: 0;
	display: inline-block;
}

ul.fb-status li .fb-login-button a.fb_button.fb_button_medium{margin: 0;}

.main ul.fb-status li #fbConnectStatus {
	background: transparent url(../../../_i/_site2.0/fb-status.png) 0 0 no-repeat;
	padding-left: 23px;
	height: 18px;
	display: inline-block;
}
.main ul.fb-status li #fbConnectStatus {
	background: transparent url(../../../_i/_site2.0/fb-status.png) 0 0 no-repeat;
	padding-left: 23px;
	height: 18px;
	display: inline-block;
}
.main ul.fb-status li #fbConnectStatus.not-connected {
	background: transparent url(../../../_i/_site2.0/fb-status.png) 0 -17px no-repeat;
}


#announcement.fb {
	background-color: #fffcd1;
	border: 1px solid #e1deb1;
	padding: 4px 17px;
	margin: 0 0 15px 0;
}

#announcement.fb p {
	color: #b5b16c;
	font-size: 12px;
	margin: 0;
	text-align:left;
}

.main .mod.profile-photo img{
	float: left;
	padding: 3px 15px 0 0;
	margin-bottom: 20px;
}
.main .mod.profile-photo p{
	margin-bottom: 5px;
}


/* --- Program Pages :::: Social Buttons  ---  */
.program-fb-like {
	padding: 0;
	margin: 0;
}
.aside .program-tweet{
	padding: 0;
	margin: 0;
}
.aside p.social-sub-title{padding: 0 25px;}
.aside .program-social-btns{
	padding-left: 24px;
	margin-bottom: 12px;
}

.aside p.social-sub-title a.wall-chat-cta{
	background: transparent url(../../../_i/_site2.0/icon-wall-chat.png) 0 1px no-repeat;
	padding: 0 0 0 24px;
	display: block;
	margin-top: 4px;
	margin-bottom: 20px;
}
.aside p.social-sub-title a.wall-chat-cta:hover{
	background-position: 0 -24px;

}

/*  ----------------------------------------------------------
	A  C  T  I  V  I  T  Y      W  A  L  L
-------------------------------------------------------------- */

#activity-wall{
	/*background-color: #eeeeee;
	border: 1px solid #dfdfdf;*/
	padding: 0;
	margin: 5px 0 0;
	width: 645px;
}

#activity-wall ul{ margin: 0;}

#activity-wall ul li{
	padding: 0;
	margin: 0;
	min-height: 50px;
	list-style: none;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	display: block;
}
.fb-wall #activity-wall ul li {
	padding: 10px;
}
#activity-wall ul li:first-child{ border-top: none !important;}
#activity-wall ul li:last-child{ border: none;}
#activity-wall ul li.alt{
	background-color: #f8f8f8;
	border: none;
}

#activity-wall ul li:nth-child(2){ border-top: none !important;}



#activity-wall ul li .content{
	margin: 18px 0 0 0;
	padding: 0 0 0 55px;
}
#activity-wall ul li p{
	margin: 0;
	padding: 0;
}

#activity-wall ul li .content .user-handle .timestamp{
	color: #919191;
	font-size: 11px;
}

#activity-wall ul li .content em.tag{
	background-color: #bebebe;
	color: #fff;
	text-shadow: rgba(0,0,0,.212) 0 1px 0;
	padding: 2px 4px 0;
	margin: 0 2px 0 3px;
}
#activity-wall ul li span.field{
	display: block;
	position: relative;
	margin-bottom: 5px;
}

#activity-wall ul li span.field textarea {
	width: 98%;
	height: 45px;
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin-bottom: 10px;
}
#activity-wall ul li span.field label.auto-label {
	color: #BBB;
	cursor: text;
	display: none;
	font-size: 12px;
	padding: 5px 0 0 7px;
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	z-index: 501;
}
#activity-wall input#post-comment-btn.btn{ padding: 4px 10px !important; margin: 0 3px 0 0; float: right;}

#activity-wall span.post-type{ float: right;}

div.wall-pagination{
	background: #d7d8d8 url(../../../_i/_site2.0/wall-pagination-bg.jpg) 0 0 repeat-x;
	margin:0 ;
	height: 15px;
	padding: 8px 10px 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	width: 67%;
}
div.wall-pagination p{
	margin:0 ;
	padding: 0;
}

#activity-wall p.wall-post-type strong {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
/* --- Special Instances -- No Posts to Show, Load More  ---  */

#activity-wall ul li#no-posts {
	padding: 10px 0 0;
	border-top: 1px solid #DFDFDF;
	margin: 10px 0 0;
	min-height: inherit;
	color: #999;
}

#activity-wall ul li.facebook{border: none;}
#activity-wall ul li.load-more{min-height: inherit;}
#activity-wall ul li.load-more input.btn{
	padding: 5px 10px 5px 10px;
	width: 100%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #c3c3c3;
	color: #fff;
	text-shadow: rgba(0, 0, 0, .12) 0 1px 0;
	border: 1px solid #b6b6b6;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#activity-wall ul li.load-more input.btn:hover{background-color: #b6b6b6;}

/* --- Post Form Styles (toggles, labels ,inputs)  ---  */
#activity-wall ul li#postFormItem {
	min-height: inherit;
	border: none;
}
#activity-wall ul li#postFormItem label #charLimit {
	font-size: 10px;
	color: #aaa;
	font-style: normal;
	padding: 3px 2px 0 0;
}

#activity-wall ul li#postFormItem span#publicToggle strong, #activity-wall ul li#postFormItem span#postToFacebookShell strong { margin: 0 3px 0 0;}
#activity-wall li#postFormItem span.field.post-type-drop select{
	border: 1px solid #DFDFDF;
	font-size: 11px;
}
#activity-wall li#postFormItem span.field.post-type-drop{
	float: left;
	clear: both;
	padding-top: 0;
	margin: 5px 25px 0 0;
}

/* --- Toggles  ---  */

#activity-wall span.iToggle{
	float: right;

}
#activity-wall span#publicToggle {
	float: left;
	margin: 1px 0 0 2px;
	line-height: 24px;
}
#activity-wall span#postToFacebookShell{
	float: left;
	margin: 1px 15px 0 0;
	line-height: 24px;
	display: block;
}

#activity-wall .iToggle label .slider { height: 19px;}

#activity-wall .iToggle strong { margin: 0;}

#activity-wall .iToggle label strong.on-label {
	background: #2D6CBE url(../../../_i/console/itoggle-fb.jpg) 0 0 no-repeat;
	border: 1px solid #1D4483;
	border-right: none;
	border-bottom: none;
	color: white;
	left: -31px;
	padding-bottom: 1px;
	text-shadow: rgba(0, 0, 0, .34) 0 -1px 0;
	width: 30px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	border-image: initial;
	text-indent: -9999px;
}
@-moz-document url-prefix() {
  #activity-wall .iToggle label strong.on-label {
     padding-bottom: 2px;
  }
}
#activity-wall .iToggle label strong.off-label {
	background: #2D6CBE url(../../../_i/console/itoggle-fb.jpg) -30px 0 no-repeat;
	text-indent: -9999px;
}
#activity-wall .iToggle.public.eye label strong.on-label {background-position: -60px 0;}
#activity-wall .iToggle.public.eye label strong.off-label {background-position: -90px 0;}

/* --- FB Login Button positioning instances ---  */
#activity-wall ul#wall-root .fb-login-button {
	float: right;
	position: relative;
	top: -35px;
}

#activity-wall ul#wall-root #postEditorForm .fb-login-button {
	float: left;
	top: 2px;
	margin-right: 12px;
}

#activity-wall ul#wall-root .fb-login-button a.fb_button.fb_button_medium {margin: 0;}

#activity-wall ul li.facebook .fb-login-button a.fb_button.fb_button_medium {
	margin: 0;
	padding: 0;
}

#activity-wall #wall-root .wall-delete-btn{
	background: transparent url(../../../_i/_site2.0/wall-post-delete-icon.png) 0 0 no-repeat;
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	margin: 0;
	border: none;
	text-indent: -9999px;
	float: right;
	top: -20px;
	position: relative;
	right: -2px;
	cursor: pointer;
}
#activity-wall #wall-root .wall-delete-btn:hover{background-position: 0 -13px;}

#delete-wall-post-dialog blockquote#delete-wall-post-msg{
	color: #888 !important;
	padding: 10px;
	border: 1px dashed #888;
	font-size: 12px;
}
#delete-wall-post-dialog p{font-weight: bold; margin-bottom: 10px;}
#delete-wall-post-dialog .form-btns{margin-top: 15px;}



/* --- Wall Post Thumbnails  ---  */

#activity-wall ul#wall-root .wall-post-left{
	display: block;
	float: left;
	border: 1px solid #dcdcdc;
}

#activity-wall .wall-post-left img{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 40px;
	background-color: #dfdfdf;
	border: 3px solid #fff;
	overflow: hidden;
}
#activity-wall #postFormItem span#loader img {
	display: inline-block;
	float: left;
	padding: 4px 15px 0 0;
}

/* --- Post Registration Facebook Share Overlay ---  */
#fbShareRegBox #fb-profile-photo{
	float: left;
	margin: 0 10px 0 0;
}
#fbShareRegBox textarea{
	width: 500px;
	height: 38px;
	margin: 0 0 10px 0;
}
#fbShareRegBox #wallMessagePreview{
	margin: 0 0 10px 60px;
	color: #484848;
	font-size: 12px;
}
#fbShareRegBox #wallMessagePreview p{margin-bottom: 5px;}
#fbShareRegBox #wallMessagePreview span.label{
	color: #888;
	font-weight: bold;
}
#fbShareRegBox #form-buttons{
	float: right;
	margin: 0 0 10px 0;
}

/* ------- MESSAGE WALL --------- */
p.instructions, span.new-feature{ display: none !important; }

#ANNOUNCEMENTS p.instructions { margin-bottom: 2em;}

#MESSAGE_WALL p.instructions{ display: block !important; margin: 3px 0 0;}
#MESSAGE_WALL span.new-feature{
	background: transparent url(../../../_i/_site2.0/icon-new-feature.png) 0 0 no-repeat;
	padding: 0;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	display: inline-block !important;
	width: 73px;
	height: 17px;
	position: relative;
	top: -4px;
}

/* ------- MOBILE REDIRECT LINK --------- */
.mobile-redirect {
	background-color: rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(rgba(255, 255, 255, 0.15),rgba(0, 0, 0, 0.15));
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(0, 0, 0, 0.15)));
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset;
    	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset;
    border-top: 1px solid darken($theme-color, 10%);
	text-align: center;
	position: relative;
	/*bottom: 0;*/
	margin: 0 0 25px;
	padding: 0;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
	top: -3.5em;
}
.mobile-redirect a, .mobile-redirect a:visited, .mobile-redirect a:hover  {
	color: #fff;
	 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75) !important;
	font-weight: bold;
	font-size: 6em;
	display: block;
	zoom: 1;
}
/* ------- GAME PROFILE PAGE --------- */
h4.game-profile { padding-top: 20px;}
.mod.game-profile { padding: 0;}
.mod.game-profile.entity-listing li {padding:0;}

/* ------- SCHEDULE PAGE --------- */
.mod.schedule .game-profile-link{
	display: block;
	float: left;
}
.mod.schedule .game-info{
	display: block;
	width: 100%;
}
.mod.schedule .game-info .official {
	float: left;
	text-align: right;
	margin: 0 25px 0 0;
}
.mod.schedule .game-info .official em {
	background: transparent url(../../../_i/_site2.0/icon-ref.png) 0 0 no-repeat;
	color: #aaa;
	display: inline-block;
	font-size: 10px;
	padding: 1px 0 0 20px;
}

.mod.schedule .game-info .game-note {
	background: transparent url(../../../_i/_site2.0/icon-note.png) 0 2px no-repeat;
	color: #aaa;
	display: block;
	font-size: 11px;
	left: -2px;
	line-height: 1.2;
	max-width: 351px;
	padding: 2px 0 1px 20px;
	position: relative;
	margin: 0 25px 0 0;
	margin-bottom: 16px;
}
.mod.schedule .game-info .game-note-full {
	color: #484848;
	display: none;
	background: #ffffdd url(../../../_i/_site2.0/icon-note.png) 3px 4px no-repeat;
	border: 1px solid rgba(0,0,0,.12);
	left: -4px;
	padding: 4px 8px 5px 23px;
	position: absolute;
	top: -3px;
	width: 260px;
	z-index: 200;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: rgba(0,0,0,.1) 0 1px 1px;
	-webkit-box-shadow: rgba(0,0,0,.1) 0 1px 1px;
	box-shadow: rgba(0,0,0,.1) 0 1px 1px;
}
.mod.schedule .game-note:hover .game-note-full { display: block; }

.mod.schedule .game-info .game-meta, .mod.schedule .game-info a.game-type { float: left; margin: 0 25px 0 0 !important;}



.entity-meta span.captain {
	background: transparent url(../../../_i/_site2.0/icon-stars.png) 0 -3px no-repeat;
	display: inline-block;
	padding: 0 0 0 18px;
}
.entity-meta span.captain.secondary {background-position: 0 -26px}

#newPostCount.tag{
	display: inline;
	width: 100%;
	font-size: 11px;
	padding: 2px 4px;
	position: relative;
	top: -2px;
}

em.newpost.tag {
 	background-color: #b82714 !important;
 	color: #fff !important;
 	margin-right: 10px !important;
}


/* Datepicker */
#ui-datepicker-div {
	background: #424242;
	border: 3px solid #424242;
	display: none;
	z-index: 1100 !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: rgba(0,0,0,.21) 1px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,.21) 1px 1px 3px;
}
.ui-datepicker-header {
	background: #e2e2e2;
	border: 1px solid #fff;
	border-bottom: 1px solid #f2f2f2;
	padding: 2px 0;
	position: relative;
	text-align: center;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}
.ui-datepicker-prev, .ui-datepicker-next {
	background: transparent url(../../../_i/datepicker-arrows.png) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 18px;
	left: 6px;
	position: absolute;
	text-indent: -5000px;
	top: 6px;
	width: 18px;
}
.ui-datepicker-prev { background-position: 0 -60px; }
.ui-datepicker-prev:hover { background-position: 0 -80px; }
.ui-datepicker-prev:active { background-position: 0 -100px; }
.ui-datepicker-next {
	left: auto;
	right: 6px;
}
.ui-datepicker-next:hover { background-position: 0 -20px; }
.ui-datepicker-next:active { background-position: 0 -40px; }
.ui-datepicker-header select { margin: 0 1px; }
.ui-datepicker-title {}
	.ui-datepicker-month {}
	.ui-datepicker-year {}
table.ui-datepicker-calendar {
	border: 1px solid #fff;
	border-bottom: none;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar th {
	font-size: 11px;
	height: 20px;
	padding: 1px;
	text-align: center;
	width: 23px;
}
.ui-datepicker-calendar th {
	background: #fff;
	border-top: 1px solid #e2e2e2;
	color: #bbb;
	padding-top: 2px;
}
.ui-datepicker-calendar td {
	background: #eee;
	border: 1px solid #e2e2e2;
	font-weight: bold;
}
.ui-datepicker-calendar tr td:first-child { border-left: none; }
.ui-datepicker-calendar tr td:last-child { border-right: none; }
.ui-datepicker-calendar td.ui-datepicker-week-end {}
.ui-datepicker-calendar td.ui-datepicker-other-month { background: #e2e2e2; }
.ui-datepicker-calendar td a {
	display: block;
	height: 23px;
	line-height: 23px;
	text-shadow: rgba(255,255,255,.84) 1px 1px 0;
}
.ui-datepicker-today {
	background: #bed2eb;
}
.ui-datepicker-calendar td a.ui-state-hover {
	background: #fff;
	text-decoration: none;
}
.ui-datepicker-calendar td a.ui-state-active, .ui-datepicker-calendar td a.ui-state-active:hover {
	background: #2d6cbe;
	color: #fff;
	text-shadow: rgba(0,0,0,.21) -1px -1px 0;
}
.ui-datepicker-buttonpane {
	background: #e2e2e2;
	border: 1px solid #fff;
	border-top: 1px solid #f2f2f2;
	padding: 5px 4px 3px 4px;
	text-align: right;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
}
.ui-datepicker-current { float: left; }
.ui-datepicker-buttonpane button {
	background: #eee url(../../../_i/_themes/btn-bg.png) 0 0 repeat-x;
	border: 1px solid #bbb;
	color: #666;
	cursor: pointer;
	display: inline-block;
	font: normal bold 11px/12px Helvetica, Arial, sans-serif !important;
	margin: 0 1px 2px 1px;
	padding: 4px 9px 2px 9px;
	position: static;
	text-shadow: #fff 1px 1px 0;
	text-transform: uppercase;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: rgba(0,0,0,.12) 0 0 1px;
	-webkit-box-shadow: rgba(0,0,0,.12) 0 0 1px;
}
.ui-datepicker-buttonpane button:hover {
	background-color: #e2e2e2;
	color: #424242;
	text-decoration: none;
}

.ui-datepicker-trigger {
	cursor: pointer;
	margin: 0 3px;
	position: relative;
	top: 2px;
}

a.print {
	background: transparent url(../../../_i/pdf.png) 0 0 no-repeat;
	width: 16px;
	margin: 2px 4px;
}
a.print:hover {
	background-color: transparent;
	text-decoration: none;
}
img.print {
	position: relative;
	top: 3px;
	left: 3px;
}


/* Help Overlays */

.help-overlay-trigger {
	cursor: help;
}

.help-overlay-content {
	font-size: 1.2em;
	margin: 15px 0;
}

/* =============== BEGIN :: REG FLOW TWEAKS ================== */

/*Tabs*/
.reg-flow-line {
	border:1px solid #f0f0f0;
	position: relative;
	width: 100%;
}

.registrationFlowHeader {
	margin-bottom: 30px; /* previous was 10px*/
}

.registrationFlowHeader ol, .form-steps {
	background: transparent;
	margin: 0;
}

.registrationFlowHeader li {
	margin: 0;
	padding: 10px 20px;
	list-style: none;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 1;
	border: none;
	color: #949ca5;
	position: relative;
	z-index: 2;
	font-size: 14px;
}

.three li, .four li, .five li, .six li {
	font-size: 16px !important;
}

.three li {
	padding: 15px 60px !important;
}

.four li {
	padding: 15px 39px !important;
}

.five li {
	padding: 19px !important;
}

.six li {
	padding: 15px 8px !important;
}

.registrationFlowHeader .active-step {
	color: rgb(100, 138, 184) !important;
	border: none;
	background: #f0f0f0 !important;
	z-index: 3;
}

.program-tile {
	display: inline-block;
	margin: 0 15px 15px 0;
	position: relative;
	font-style: normal;
	border: 2px solid #ddd;
	width: 260px;
	height: 92px;
	overflow: hidden;
	padding: 8px 24px 8px 8px;
	background: white;
	border-radius: 3px;
	line-height: 1.2;
}

.program-tile.enabled {
	cursor: pointer;
}

.program-tile .program-name {
	color: #555;
	font-weight: bold;
	font-size: 1.5em;
}

.program-tile.enabled .program-name {
	color: #555;
}

.program-tile.disabled .program-name {
	color: #999;
}

.program-tile.disabled .reason {
	font-size: 1.75em;
	color: orange;
	float: right;
}

.program-tile em {
	font-size: 12px;
	font-style: normal;
	letter-spacing: -.25px;
	color: #999;
	display: block;
	line-height: 1.1;
	margin: 5px 0 5px 0;
	width: 270px;
}

.program-tile em.program-fees {
	display: inline-block!important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	padding: 4px;
	margin-top: 8px;
	text-transform: uppercase;
}

.program-tile.enabled.with-checkbox span:before {
	content: '\f0c8';
	color: #efefef;
	text-align: center;
	font-family: 'FontAwesome';
	font-size: 12px;
	display: inline-block;
	background: #efefef;
	border: 2px solid #ccc;
	border-radius: 4px;
	height: 14px;
	width: 16px;
	padding-top: 3px;
	margin: 0 8px 0 0;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 8px;
}

.program-tile.enabled.with-checkbox.selected span:before {
	content: '\f00c';
	color: #f8810a;
	border-color: #f8810a;
	background: #fefebf;
}

.program-tile.registered span:before {
	content: '\f00c';
	color: #ccc;
	text-align: center;
	font-family: 'FontAwesome';
	font-size: 12px;
	display: inline-block;
	background: #efefef;
	border: 2px solid #ccc;
	border-radius: 4px;
	height: 14px;
	width: 16px;
	padding-top: 3px;
	margin: 0 8px 0 0;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 8px;
}

.program-tile .program-fee {
	font-weight: bold;
}

.program-row {
    display: inline-block;
    margin: 0 15px 0 0;
    position: relative;
    font-style: normal;
    border: 2px solid #ddd;
    width: 95%;
    min-height: 20px;
    overflow: hidden;
    padding: 8px 24px 8px 8px;
    background: white;
    border-radius: 3px;
    line-height: 1.2;
}

.program-row.enabled {
    cursor: pointer;
}

.program-row .program-name {
    color: #555;
    font-weight: bold;
    font-size: 1.5em;
}

.program-row.enabled .program-name {
    color: #555;
}

.program-row.disabled .program-name {
    color: #999;
}

.program-row.disabled .reason {
    font-size: 1.75em;
    color: orange;
    float: right;
}

.program-row em {
    font-size: 12px;
    font-style: normal;
    letter-spacing: -.25px;
    color: #999;
    line-height: 1.1;
    margin: 5px 0 5px 0;
    width: 270px;
}

.program-row em.program-fees {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #eee;
    padding: 4px;
    margin: 8px 4px 0 4px;
    text-transform: uppercase;
}

.program-row.enabled.with-checkbox span:before {
    content: '\f0c8';
    color: #efefef;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 12px;
    display: inline-block;
    background: #efefef;
    border: 2px solid #ccc;
    border-radius: 4px;
    height: 14px;
    width: 16px;
    padding-top: 3px;
    margin: 0 8px 0 0;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 8px;
}

.program-row.enabled.with-checkbox.selected span:before {
    content: '\f00c';
    color: #f8810a;
    border-color: #f8810a;
    background: #fefebf;
}

.program-row.registered span:before {
    content: '\f00c';
    color: #ccc;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 12px;
    display: inline-block;
    background: #efefef;
    border: 2px solid #ccc;
    border-radius: 4px;
    height: 14px;
    width: 16px;
    padding-top: 3px;
    margin: 0 8px 0 0;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 8px;
}

.program-row .program-fee {
    font-weight: bold;
}

.program-cat-header {
}

.base-listing .program-row {
    cursor: default;
}

#sub-program-fee-total {
	font-size: 1.2em;
}

/* Select Your Role */
.intro.bot {
	padding: 0;
	margin-bottom: 0;
}

.intro, .choose-path {
	border-bottom: none;
	margin: 0 30px;
}

.intro.less-bot {
	padding-bottom: 0;
}

/* Select who is registering box */
#reg-options {
	font-size: 1.5em;
	margin: 0 30px 12px;
	padding: 0 0 12px 0;
}

.reg-intro, .registering, #participant {
	margin: 0;
	border: none;
}

 #participant {
 	margin:-30px 0 30px 0;
 }

#children, #parents-list {
	padding: 0;
}

.reg-intro, h2.registering, .participant-headsup {
	background: #f0f0f0;
	padding: 10px;
	margin: 15px 30px;
}
	
.reg-context-message {
	background: #f0f0f0;
	margin-bottom: 10px;
	padding: 10px;
	margin: 10px 0;
	border: none;
}

.reg-intro h2 {
  margin: 0;
  font-size: 14px;
}

.reg-intro, h2.registering, .participant-headsup {
  background: #f0f0f0;
  padding: 10px;
  margin: 15px 30px;
  font-size: 14px;
}

#form-show {
	margin-bottom: 10px;
}

/* Orange child register buttons */
.btn {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0;
	padding: 10px 30px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


/* Edit Button */
input#create-member-submit {
	font-size: 12px;
	padding: 10px 30px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Cancel Button */
input.btn.neg {
	font-size: 12px;
	padding: 10px 30px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Cancel Button */
.child-actions {
  text-align: center;
  display: inline-block;
  margin: 10px 15px 20px 0;
  font-size: 13px;
}

.edit-actions {
  font-size: 10px;
  font-weight: bold;
}


/* Cancel Button */
.overlay-btn {
	background: #2d6cbe url(../../../_i/_themes/btn-bg.png) 0 -12px repeat-x;
	border: 1px solid #eeeeee;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: normal bold 12px/13px Helvetica, Arial, sans-serif !important;
	margin:0;
	padding: 10px 15px 8px;
	position: static;
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: auto;
}

.overlay-btn.alt {
	background-position: 0 0;
	border-color: #eeeeee;
	color: #888;
	padding: 10px 15px 8px;
	width: auto;
}

/* =============== END :: REG FLOW TWEAKS ================== */
/* =============== JAVIE starting new code base ================ */

.la--content{

}
.la--content__main {
	padding: 0 30px;
}

.la--content__main h1#page-title {
	margin: 0 0 16px 0;
}

#scc-tos {
	height: 200px;
	overflow-y: scroll;
	display: block;
	border: 1px solid #ccc;
	padding: 10px;
  box-sizing: border-box;
}

#add-edit-card-form {padding:30px 30px 0 0;}

.la--cc {
	font-size: 1em;
	margin: 3em 0;
	list-style: none;
	overflow: hidden;
	background: #eee;
	padding: 15px;
}

	.basic-form .la--cc {
		margin: 0;
	}

.la--cc  h3 {
	margin-bottom: 1em;
}
.la--cc__type {
	float: left;
	margin: 0 40px 0 0;
}

	.la--cc__address {
		clear: both;
	}

	.basic-form .la--cc li {
		clear: none!important;
		margin-right: 16px;
	}
.la--cc li:last-child {margin: 0; float: right;}

.la--cc__label {
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 5px;

}
	.basic-form .la--cc__label{
		width: auto!important;
		float: none;
	}

.la--cc__buttons .btn {margin:5px 0 0 10px;}

	.basic-form .la--cc .field {
		display: block!important;
	}
	
	.basic-form .form-note {
		margin-top: 1.5em;
	}
	
#content {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}

#content .wrap {
	display: table;
	position: relative;
	overflow: hidden;
}

/* fix forms being centerd due to nesting inside of display table */
.add-edit #content .wrap {
	display: block!important;
}

.content-wrap {display: table-row}

#content.right-col .main, #content.right-col .aside {
	display: table-cell;
	vertical-align: top;
	float: none;
}

#content.right-col table.aside {
	display: block;
	padding: 0;
}

.cart table {
	box-sizing: border-box;
}

#billing-address {
	padding-top: 1em;
}

.show {
	display: inline-block!important;
}

#payWithStoredCardOption .la--cc__address {
	display: none;
}

.form-slide {
	padding-top: 30px;
}

/* Discovery Views */
.la-programs {
	background: #F4F6F6;
	padding: 30px;
	border-top: 1px solid #E9EBEC;;
	overflow: hidden;
	margin: 0;
	position: relative;
}

.la-programs li{
	margin:0 0 20px;
	box-sizing: border-box;
	padding: 20px!important;
	background: #fff!important;
	border: 1px solid #E9EBEC;
	transition: all .3s ease;
	border-radius: 3px;
}

.la-programs li:hover{
	box-shadow: 0 2px 3px rgba(0,0,0,.1);
	border-color: #0AA2FA;
}
	.la-programs .intro.left {
		padding: 0;
		margin-bottom: 30px;
	}
.base-format {
	margin-bottom: 0;
}

.base-gamedays {
	padding-bottom: 6px;
}
.base-gamedays del, .base-gamedays strong {
	border: none;
	font-size: 10px;
}
.base-gamedays strong {
	border: none;
}
/* Default View - new by javie
.la-programs--default li {
	padding: 0!important;
}

.program--meta {}
.program--meta__main { 
	background: #eee;
	padding: 20px;
	float: left;
	width: 40%;
	overflow: hidden;
	box-sizing: border-box;
	min-height: 285px;
}
.program--meta__secondary {
	width: 60%;
	padding: 20px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
}

.la-programs--default.base-listing .base-actions {
	float: none!important;
	width: 100%!important;
	padding:0;
	text-align: center;
}

.la-programs--default .btn {
	float: none!important;
	width: 100%!important;
	padding: 10px 0;
	text-align: center;
}	
	.base-actions .btn {margin-bottom: 10px;}
	.base-actions .btn:last-child margin-bottom: 0;}

.la-programs--default .base-fees {
	margin-bottom: 20px;
}

.la-programs--default .base-fees dl {
	width: 100%;
	border-radius: 0;
	float: none;
}
	
	.la-programs--default .base-fees dl.first + dl {
		padding: 0;
	}
	.la-programs--default .base-fees dt {
		font-weight: bold;
	}
	
	.la-programs--default .base-fees dd {
		margin-bottom: 10px;
	}
	.la-programs--default .base-fees dd:first-child{
		margin-bottom: 0;
	}
	.la-programs--default .base-fees dd .tag {
		background: transparent;
	}

.la-programs--default.base-listing .base-schedule {
	width: 100%;
	float: none;
	text-align: left;
	margin-bottom: 1em;
	border-bottom: 1px solid #eee;
}
.la-programs--default.base-listing .base-schedule em {
	float: right;
}*/

/* OG Base Listings 8/
/* Base event listings */
.base-listing li {
	background: transparent url(../../../_i/_site2.0/listing-divider.png) 0 top repeat-x;
	list-style: none;
	margin: 1.75em 0 0 0;
	padding: 2em 0 0 0;
	position: relative;
}
.base-listing li:first-child {
	background: transparent;
	margin-top: 0;
	padding-top: 0;
}
.base-listing li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.base-listing .site-notice {
	font-size: 11px;
	margin: 0;
}
.base-listing .base-meta {
	float: left;
	padding-right: 1%;
	width: 65%;
	box-sizing: border-box;
}

.base-actions { padding-bottom: 1em; }
#page-title .base-actions {
	padding-bottom: 0;
}
.base-actions p.alert {
	display: block;
	font-size: 11px;
	padding: 6px 8px 8px 8px;
	text-align: center;
}
.base-actions p.alert strong {
	display: block;
	margin-bottom: .5em;
}
.base-actions .site-notice {
	display: inline-block;
	margin-top: .5em;
	padding: 5px 10px 4px 10px;
}
.right-col .base-actions .site-notice br, .left-col .base-actions .site-notice br { display: none; }
.base-meta h2 {
	font-weight: normal;
	margin: 0 0 .2em 0;
}
.base-meta h2 em {
	color: #aaa;
	font-size: .8em;
	font-style: normal;
	margin-left: 3px;
}
.base-meta h2 .site-notice {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 3px;
	padding: 4px 8px;
	position: relative;
	top: -.4em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}
.base-meta p { margin-bottom: .75em; }
.base-meta dl.basic { font-size: 11px; }

.short-listing .base-meta h2 { font-size: 16px; }
.base-listing.short-listing li {
	margin-top: .75em;
	padding-top: 1.5em;
}
.base-listing.short-listing li:first-child {
	margin-top: 0;
	padding-top: 0;
}

.base-listing.grouped h3 {
	color: #aaa;
	font-size: 14px;
	letter-spacing: 0;
	text-transform: uppercase;
}
.base-listing.grouped h3 a { color: #aaa; }
.base-listing.grouped h3 a:hover { color: #484848; }
.base-listing.grouped ul { margin-bottom: 2em; }
.base-listing.invoices .base-meta h2 {
	font-size: 15px;
	line-height: 1.25;
	margin: .15em 0 .35em 0;
}
.base-listing.invoices .base-meta h2 em { font-size: .9em; }
.base-listing .base-schedule { padding: .25em 0 .5em 0; box-sizing: border-box; width: 35%; float: right; }

/* grid view - 33% */
.la-programs--grid li:first-child{
	margin-left: 0;
}

.la-programs--grid li{
	width:31.684%;
	float: left;
	margin:0 0 20px 20px;
	min-height: 220px; 
}
	.la-programs--grid li {
		margin:0 0 20px 16px;
	}
	
.la-programs--grid li:nth-child(3n+1){
    clear:left;
    margin-left: 0;
}

.la-programs--grid .base-meta {
	width: 100%;
	float: none;
}

.la-programs--grid .base-listing.league-reg .base-actions, .la-programs--grid .base-listing.league-reg .base-schedule {
	float: none;
	width: 100%;
	padding: 0;
}

.la-programs--grid .base-actions {
	margin-top: 20px !important;
}

.la-programs--grid.base-listing .base-actions {
	float: none!important;
	width: 100%!important;
	padding:0;
	text-align: center;
}

.la-programs--grid .btn {
	float: none!important;
	width: 100%!important;
	padding: 10px 0;
	text-align: center;
}
/* hide data per view */
.la-programs--grid .program-list-registration-dates, .la-programs--grid .program-list-location, .la-programs--grid .program-list-sponsor, .la-programs--grid .base-schedule {display: none;}

/* list view min% */
/* micro list view */
.la-programs--list li:first-child{
	margin-left: 0;
}

.la-programs--list li{}

.la-programs--list li:nth-child(3n+1){
    clear:left;
    margin-left: 0;
}

.la-programs--list .base-meta {
	width: 100%;
	float: none;
}

.la-programs--list dl.basic dt {
	clear: none;
	width:auto;
	margin-left: 20px;
}

	.la-programs--list dl.basic dt:first-child{
		margin-left: 0;
	}

.la-programs--list dl.basic dd {
	width:auto;
}

.la-programs--list .program-badges {
	display: none;
}

.la-programs--list .base-actions {
	position: absolute;
	top: 20px;
	right: 20px;
	width: auto!important;
}

.javie .la-programs {
	background: #fff;
}
/* hide data per view */
.la-programs--list .program-list-registration-dates, 
.la-programs--list .program-list-location, 
.la-programs--list .program-list-sponsor, 
.la-programs--list .base-schedule {
	display: none;
}


/* new style for tabs */
.simple-tabs {
	margin-bottom: 0;
}

.simple-tabs li {
	margin-right: 10px;
}
.simple-tabs a {
	border: none;
}

.simple-tabs li a {
	color: #939CAC;
	font-weight: bold;
	border-bottom: 2px solid transparent!important;
	margin-bottom: -1px!important;
	background: transparent;
	padding: 10px 5px!important;
}

.simple-tabs li a:hover {
	background: #fff;
	border-bottom: 2px solid #0AA2FA!important;
	opacity: 1;
}

.simple-tabs li.current a {
	background: none!important;
	border: none;
	border-bottom: 2px solid #0AA2FA!important;
	margin-bottom: -1px!important;
	color: #525563 !important;
	padding: 10px 5px;
}

/* Announcments */
.main {
	width: 730px;
}

#ANNOUNCEMENTS {
	padding-top: 30px;
}

/* date-days of league/type */
.base-gamedays {
	border: none;
}

/* registration flow */
.intro.left{
	float: left;
	width: 70%;
	padding: 10px;
	margin: 0;
	padding: 10px 10px 10px 30px; 
	border-bottom: none;
	box-sizing: border-box;
}

.reg--header {
	padding: 0 30px 30px 30px;
}

.intro--action {
	float: left;
	width: 30%;
	text-align: center;
	padding-top: 64px;
	box-sizing: border-box;
}

	.intro--action .btn {
		display: inline-block;
		padding: 10px 20px;
		width: auto!important;
	}
.o-list--child {
	overflow: hidden;
	margin-bottom: 0;
}
.basic-form .o-list--child li {
	float: left;
	width: 303px;
	margin-left: 20px;
	margin-bottom: 0;
	border-bottom: 1px solid #eee;
	padding: 10px 15px 10px 5px!important;
	overflow: 	hidden;
	clear: none!important;
	border-radius: 0;
	transition: all .3s ease;
}
	.basic-form .o-list--child li:nth-child(2n+1){
    clear:left!important;
    margin-left: 0;
	}
	.o-list--child li:first-child{
		margin-left: 0px;
	}

.o-list--child li .action--group {
	float: right;
	display: none;
}

.o-list--child li:hover {
	background: #eee;
	padding: 10px!important;
}
.o-list--child li.is--active {
	background:#ccc;
	padding: 10px!important;
	color: #fff;
	border:none;
	border-radius: 3px;
}

	.o-list--child li.is--active a {
		color: #fff;
	}

.o-list--child li:hover .action--group {
	display: block;
}

.o-list--child li label {
	width: auto!important;
	background: none!important;
}

.o-list--child li label:hover {
	cursor: pointer;
}

.not-checked {
	background: #fff;
}


/*filter view */
.o-filter {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	height: 163px;
	position: relative;
}

.filter--type, .filter--group {
	float: left;
	box-sizing: border-box;
}

.filter--type {
	width: 274px;
	padding-top:15px;
	border-right: 1px solid #eee;
}
	.filter--options label {
		text-transform: uppercase;
	}

	.filter--type label {
		text-align: center;
		text-transform: uppercase;
	}

.filter--group { 
	width: 454px;
	padding: 15px;
}

.filter--dropdown {
	opacity: 0;
	position: absolute;
	top: 164px;
	left: 0;
	transition: all .3s ease;
	width: 274px;
	background: #fff;
	box-shadow: 0 6px 6px rgba(0,0,0,.4);
	visibility: hidden;
}

.filter--dropdown.is--active {
	top:38px;
	left: 0;
	opacity: 1;
	visibility: visible;
	z-index:888;
}
	.o-filter .filter__league {display: none;}
	.o-filter__league .filter__league {display: inline-block;}

.type--label {
  font-size: 28px;
  text-align: center;
  padding: 0 20px;
  line-height: 100px;
  height: 125px;
  position: relative;
}
	.type--label:after {
		content: " ";
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 15px solid #ccc;
		bottom: 30px;
		left: 47%;
		position: absolute;
		margin: 0 auto;
		display: block;
	}
	
.filter--option{
	font-size: 28px;
  text-align: center;
  padding: 0 20px;
  line-height: 65px;
  height: 65px;
}

.filter--option:hover, .type--label:hover {
	color: #2d6cbe;
	cursor: pointer;
	background: #eee;
}

	.filter--option__league {

	}

	.filter--option__tournamnet{

	}

	.filter--option__event{

	}

.

	.filter--option__camp{

	}
	.filter--option__team{

	}

.sub--listing__wrap {
	padding: 0; clear: both; margin-top: 20px;
}
.sub--listing {
	clear: both;
	padding: 10px;
	border: none;
}

.sub--listing.la-programs {
	overflow: visible;
}
.sub--listing.base-listing, .sub--listing.base-listing ul {
	margin-bottom: 0;
}
.sub--listing.base-listing li {
	margin-top: 0;
	padding: 10px!important;
	border-radius: 0;
	box-shadow: none;
	border: none;	
	border-bottom: 1px solid #E9EBEC;
}

.sub--listing.base-listing li p {
	margin: 0;
}
.sub--listing.base-listing li:first-child {
	margin-top: 0px;
	padding: 5px 10px!important;
}

.btn--close {
	font-size: 20px;
}

.btn--close span {display: none;}

.btn--close:after {
	content: "\f00d";
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: 400;
    display: block;
    position: absolute;
    top: -35px;
    right: 0;
    padding: 6px 10px;
    background: #F4F6F6;
    color: gray;
}

.btn--close:after:hover {
	color: #000;
}

.main.bot {margin-bottom: 0;}

#program-reg-cta ul {margin-bottom: 30px;} 

.btn--subprogram {
	padding: 10px;
	background: #F4F6F6;
    color: gray;
    font-size: 14px;
    font-weight: 600;
}

.btn--action {
	position: absolute;
	top: 20px;
	right: 20px;
}

.header--add {
	padding-top: 30px;
	border-top: 1px solid #f0f0f0;
	overflow: hidden;
	margin-bottom: 10px;
}
.header--add h2 {
	display: inline-block;
	marign: 0;
}
.header--add .btn {
	float: right;
}

#program--description ul, #program--description ol {
	padding-left: 20px;	
}

#program--description ul li, #program--description ol li{
	border: none;
	margin: 0;
	padding: 0!important;
	border-radius: 0;
}
#program--description ul li {
	list-style: initial;
}

#program--description ol li {
	list-style: inherit;
}


#program--description ul li:hover, #program--description ol li:hover{
	box-shadow: none;

}

#program--description ul li:after {
	display: none;
}

/* widget rules */
.leagueapps-widget #schedule-controls {
	position: relative;
	top: 0;
	left: 0;
	float: right;
}

.leagueapps-widget .fc {
	margin-top: 20px;
}

.leagueapps-widget .filter-group {
	overflow: hidden;
	padding: 16px 16px 6px;
}
.leagueapps-widget .filter-block{
	width: 180px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.leagueapps-widget #schedule-view-mode a.active {
	border-radius: 0;
}
#schedule-controls svg {
    display: block;
    width: 25px;
    height: 25px;
    padding: 7px 0;
}

#filters-reset .btn {width: 100%; box-sizing: border-box; text-align: center;}

.leagueapps-widget .btn-mobile, .leagueapps-widget #schedule-filters .btn-close, .leagueapps-widget .cd-filter-trigger, .btn-mobile {display: none!important;}

.leagueapps-widget .schedule #schedule-filters { 
	width: 100%;
	position: relative;
	-webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    /* transform: translateX(0); */
}

/* StoreFront */

.store_category { 
	background-color: #eeeeee; 
	border-top: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc; 
	padding: 5px 30px;
	font-size: 28px; 
	font-weight: bold; 
}

.store_category_descr { 
	font-size: 14px; 
	font-weight: normal; 
	padding: 0px; 
	margin: 0px; 
}

#product-cart #total {
	padding: 12px 0;
}

#product-cart #cart-processing-msg {
	padding: 6px;
	font-size: 1.25em;
	color: #483D8B;
	background: #FFFFE0;
	border: 3px solid #FFE4B5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: rgba(0,0,0,.21) 1px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,.21) 1px 1px 3px;
}

#cart-submit-confirm #cart-submit-confirm-msg {
	color: #880000;
	font-size: 1.25em;
}

#product-cart .cart-btn.w, #cart-submit-confirm .cart-btn.w {
	width: 90%;
	margin-top: 8px;
}

/* Datepicker */
#ui-datepicker-div {
	background: #424242;
	border: 3px solid #424242;
	display: none;
	z-index: 10003 !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: rgba(0,0,0,.21) 1px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,.21) 1px 1px 3px;
}
.ui-datepicker-header {
	background: #e2e2e2;
	border: 1px solid #fff;
	border-bottom: 1px solid #f2f2f2;
	padding: 2px 0;
	position: relative;
	text-align: center;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}
.ui-datepicker-prev, .ui-datepicker-next {
	background: transparent url(../../../_i/datepicker-arrows.png) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 18px;
	left: 6px;
	position: absolute;
	text-indent: -5000px;
	top: 6px;
	width: 18px;
}
.ui-datepicker-prev { background-position: 0 -60px; }
.ui-datepicker-prev:hover { background-position: 0 -80px; }
.ui-datepicker-prev:active { background-position: 0 -100px; }
.ui-datepicker-next {
	left: auto;
	right: 6px;
}
.ui-datepicker-next:hover { background-position: 0 -20px; }
.ui-datepicker-next:active { background-position: 0 -40px; }
.ui-datepicker-header select { margin: 0 1px; }
.ui-datepicker-title {}
	.ui-datepicker-month {}
	.ui-datepicker-year {}
table.ui-datepicker-calendar {
	border: 1px solid #fff;
	border-bottom: none;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar th {
	font-size: 11px;
	height: 20px;
	padding: 1px;
	text-align: center;
	width: 23px;
}
.ui-datepicker-calendar th {
	background: #fff;
	border-top: 1px solid #e2e2e2;
	color: #bbb;
	padding-top: 2px;
}
.ui-datepicker-calendar td {
	background: #eee;
	border: 1px solid #e2e2e2;
	font-weight: bold;
}
.ui-datepicker-calendar tr td:first-child { border-left: none; }
.ui-datepicker-calendar tr td:last-child { border-right: none; }
.ui-datepicker-calendar td.ui-datepicker-week-end {}
.ui-datepicker-calendar td.ui-datepicker-other-month { background: #e2e2e2; }
.ui-datepicker-calendar td a {
	display: block;
	height: 23px;
	line-height: 23px;
	text-shadow: rgba(255,255,255,.84) 1px 1px 0;
}
.ui-datepicker-today {
	background: #bed2eb;
}
.ui-datepicker-calendar td a.ui-state-hover {
	background: #fff;
	text-decoration: none;
}
.ui-datepicker-calendar td a.ui-state-active, .ui-datepicker-calendar td a.ui-state-active:hover {
	background: #2d6cbe;
	color: #fff;
	text-shadow: rgba(0,0,0,.21) -1px -1px 0;
}
.ui-datepicker-buttonpane {
	background: #e2e2e2;
	border: 1px solid #fff;
	border-top: 1px solid #f2f2f2;
	padding: 5px 4px 3px 4px;
	text-align: right;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
}
.ui-datepicker-current { float: left; }
.ui-datepicker-buttonpane button {
	background: #eee url(../../../_i/_themes/btn-bg.png) 0 0 repeat-x;
	border: 1px solid #bbb;
	color: #666;
	cursor: pointer;
	display: inline-block;
	font: normal bold 11px/12px Helvetica, Arial, sans-serif !important;
	margin: 0 1px 2px 1px;
	padding: 4px 9px 2px 9px;
	position: static;
	text-shadow: #fff 1px 1px 0;
	text-transform: uppercase;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: rgba(0,0,0,.12) 0 0 1px;
	-webkit-box-shadow: rgba(0,0,0,.12) 0 0 1px;
}
.ui-datepicker-buttonpane button:hover {
	background-color: #e2e2e2;
	color: #424242;
	text-decoration: none;
}

.ui-datepicker-trigger {
	cursor: pointer;
	margin: 0 3px;
	position: relative;
	top: 2px;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ui-datepicker-header { padding: 5px 0; }
	.ui-datepicker-prev, .ui-datepicker-next { top: 4px; }
	.ui-datepicker-buttonpane button { padding: 4px 10px; }
}

/*COPY HERE cOverlay-wrap POSITION FIX */
.main .cOverlay-wrap {position: fixed!important; top: 0px!important;}

/* pay multi invoice */
.page-title_left {float: left!important;}
.simple-tabs_bot {clear: both; margin-bottom: 20px;}
.simple-tabs .btn-right {float: right; padding: 10px!important; clear: both; background: #0970ed; color: #fff;}
.simple-tabs_bot .btn-right:hover {background: #0593ff;}
.simple-tabs_right {float: right!important; margin-right: 0!important;}


.logo-print {
	display: none;
}

.price-wrap {
	overflow: hidden;
}
.price-label {float: left;}
.price-amount {float:left; padding-left: 1rem; font-size: .8rem;}
.price-amount strong {display: block; font-size:18px;}

/* Game Profile */
.ps-tabs__bar {
	background:#F4F6F6;
	border-top: 1px solid #D7D9DA!important;
	clear: both;
	list-style: none;
}
.ps-tabs__bar li {
	margin: 0;
	padding: 0!important;
	width: 100%;
	position: relative;
}	

.ps-tabs__bar li a {
	margin-top:0!important;
	padding: 20px 60px!important;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	border-bottom: 1px solid #D7D9DA;
	font-size: 1rem;
	font-weight: bold;
	background: #fff;
	color: #4A90E2!important;
}

.ps-tabs__bar li a:hover, .ps-tabs__bar li.current a {
	background: #F4F6F6;
	color: #323232;
}

.ps-tabs__bar__across li {
	width: 33.333%;
	float: left;
}

.ps-tabs__bar__across li a{
	border-left: 1px solid #ccc;
}

.ps-tabs__bar__across li:first-child a{
	border-left: none;
}

.ps-tabs__bar__across li.current a {
	border-bottom: 1px solid #F4F6F6!important;
}

.game-prof-wrap {
	margin: 0 auto;
	padding: 30px;
}

.game-prof-wrap-full {
	width: 100%;
	padding: 0;
}

.game-prof-loc .location-list li {border: none;}

.game-prof-loc .location-view h2 {display: none;}

.gp-card--meta {
	padding: 0 1rem 1rem 1rem;
	float: left
}

.gp-card--meta h3 { font-size: 12px; text-transform: uppercase;}
.gp-card--meta p {font-size: 16px; margin: 0; padding: 0;}
.gp-card--meta__main {
	width: 100%;
	box-sizing: border-box;
}
.gp-card--meta__main p {font-size:18px;}
#rsvp h4 {
	background: #FBFBFB;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	color:#606060;
	text-transform: uppercase;
	padding: 16px 20px;
}

#rsvp ul, #rsvp li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#rsvp ul {width: 860px; margin: 0 auto; }
#rsvp ul > li{
	text-transform: uppercase;
	color:#929292;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 20px 0;
	font-weight: normal;
	box-shadow: none;
	background-color: transparent!important;
}
#rsvp ul ul > li{
	text-transform: initial;
	border-bottom: 1px solid #DEDADA;
	font-size: 16px;
	font-weight: normal;
	padding-left: 80px;
	position: relative;
}

#rsvp ul ul > li h5 {
	font-size: 18px;
}

#rsvp li.rsvp-Yes li {
	background: transparent url(../../../_i/icn-check__green.png) 16px center no-repeat;	
	background-size: 24px;
}
#rsvp li.rsvp-No li {
	background: transparent url(../../../_i/icn-close__red.png) 16px center no-repeat;	
	background-size: 20px;	
}
#rsvp li.rsvp-Maybe li {
	background: transparent url(../../../_i/icn-maybe.png) 24px center no-repeat;	
	background-size: 3px;	
}
#rsvp li.rsvp-Missing li {
	background: transparent url(../../../_i/icn-missing.png) 24px center no-repeat;	
	background-size: 12px;	
}

#rsvp ul ul > li:first-child {
	border-top: 1px solid #DEDADA;
	margin-top: 12px;
}

#rsvp ul p {margin:0; padding: 0;}
.rsvp-attendee {
	border-bottom: 1px solid #eee;
	padding-bottom: 1rem;
}

.rsvp-attendee:last-child {
	border: none;
	padding-bottom: 0;
}
.rsvp-response-container {}
.rsvp-response-container p {
	font-size: 18px;
	padding: 0;
	margin: 0;
	display: inline;
}
.rsvp-response-container a {
	font-size: 16px;
	padding-left: 4px;
}

.rsvp-wrap {overflow: hidden; padding: 40px 60px;}

.rsvp-name {float:left;}
.rsvp-name h3 {color: #737373; font-weight: normal; margin-bottom: 0;}
.rsvp-note-edit {width: 100%;}

.rsvp-buttons {float: right;}
.btn.rsvp-response {min-width: 120px;box-sizing: border-box; text-align: center; padding:10px;}
.btn.rsvp-response__green { background:#49B050;}
.btn.rsvp-response__maybe {background:#FEC215;}
.btn.rsvp-response__no {background:#EF423B;}
.link {color: #4A90E2; font-size: 14px;}
.link:hover {cursor: pointer;}

/* rollover */
.list-clean {
	list-style: none;
	padding: 0;
	margin: 0;
}

.o-rollover {
	margin: 0 auto;
}

.o-rollover > li {
	margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.o-rollover h2 {
	background: #ccc;
	padding: 1rem 2rem;
	margin: 0;
	font-size: 16px;
}

.o-rollover .content {
	padding: 2rem;
}

.o-rollover input,.o-rollover textarea {
	width: 100%;
	box-sizing: border-box;
}

.o-rollover input[type=checkbox], .o-rollover input[type=radio] {
	width: auto;
	display: inline-block;
	margin-right: .5rem;
}

.player-list {
	border-top: none;
	padding: 0;
}

.player-list li {
	margin: 0 ;
	padding: 1rem 2rem;
	border-bottom: 1px solid #eee;
}
.player-list li:last-child {
	border: none;
}

.player-list-program-info {
	border-bottom: 1px solid #eee;
	background: #eee;
	padding: 1rem 2rem;
	overflow: hidden;
}

.player-list-program-info div {
	float: left; width: 33.333%;
}
.player-list-program-info strong {
	display: block;
}

/* =============================================
* RADIO BUTTONS
=============================================== */
#radios {
	padding: 20px 0;
}

#radios label {
	cursor: pointer;
	position: relative;
}

#radios label + label {
	margin-left: 15px;
}

#radios input[type="radio"] {
	opacity: 0; /* hidden but still tabable */
	position: absolute;
}


#radios input[type="radio"] + span {
	color: #fff;
	border-radius: 3px;
	padding: 20px 40px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	text-transform: uppercase;
	background: #ccc;
	font-weight: bold;
	opacity: .5;
}

#radios input[type="radio"]:checked + span {
	color: #fff;
  	background-color:#94dc64;
  	opacity: 1;
}

#radios input[type="radio"]:focus + span {
	color: #fff;
}

/* player info */
input.player-select {display: inline-block;}
.player-info {display: inline-block;}
.player-info p, .player-info em {display: inline-block; margin:0;}

.styled-select {
    height: 30px;
    overflow: hidden;
    width: auto;
    border: 1px solid #ccc;
}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 16px;
    height: 30px;
    padding: 20px;
    width: 100%;
}

/* RSVP link in Schedule */
.o-rsvp {
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
}

.o-rsvp a {line-height: 34px;}

.btn-rsvp {
	float: left;
	padding: 8px 16px;
	background: #2d6cbe;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
	line-height:initial!important;
	letter-spacing: 1px;
	margin-left: 10px;
}

.btn-rsvp:hover {
	color: #fff;
	background: #0D389B;
}
.schedule .event-team {font-size: 16px;}
.tab-content > p.event-details {padding: 1rem 18px; font-size: 21px;}

.location-list .location-view  {margin-right: 0; padding-top:0;}

.roster-submission {
	margin: 0 0 2rem;
	overflow: hidden;
	background: #F7F7F7;
	position: relative;
}

.roster-submission .btn {
	margin:0;
	float: right;
    margin: 20px 16px 20px 0;
    padding: 16px;
    float: right;
}

.roster-submission .icon {
	background: #52aedc;
	padding: 0;
	width: 15%;
	float: left;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
	position: absolute;
	top:0;
	left: 0;
}

.roster-submission .icon svg {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-24px;
    margin-left:-24px;
}

.icn-warning, .icn-deadline, .icn-note {
	display: none;
}

.roster-submission-deadline .icon {
	background-color: #F4DB05;
}

	.roster-submission-deadline .icon .icn-deadline {display: block;}

.roster-submission-note .icon{
	background-color: #94DC64;
    font-size: 1rem;
}

	.roster-submission-note .icon .icn-note {display: block;}
	
.roster-submission-warning .icon {
	background-color: #F05A5C!important;
}
	.roster-submission-warning .icon .icn-warning {display: block;}

.roster-submission-success .icon{
	background-color: #BADC52;
}

.roster-submission ul {
	padding: 20px;
	width: 60%;
	float: left;
	box-sizing: border-box;
	font-size: 1.4rem;
	margin: 0 0 0 15%;
	list-style: none;
}

.roster-submission ul li {font-size: 1rem; border-bottom: 1px solid #ccc;}
.roster-submission ul li:last-child {border-bottom: none;}

.js-confirm .icn-warning {display: block;}
.js-confirm .icn-deadline {display: none!important;}
.js-confirm .icon {background: red;}

.action-btns {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

/* Team Email Message */
.toolbar-email {
	background: rgba(0,0,0,.2);
	padding: 1rem;
}
#topics {margin-bottom: 52px;}
.o-email--topics, .o-email--topic {
	list-style: none;
	padding: 0;
	margin: 0;
}
.o-email--topics li {
	margin: 0;
	border-bottom: 1px solid #EEEEEE;
	font-weight: 600;
    color: #555;
    width: 100%;
}

.o-email--topics li:hover{
	background: #EBF2FE;
}
.o-email--topics li a{
	padding: 16px 0;
	display: block;
	overflow: hidden;
}
.o-email--topics li:hover a{
	color:#4184FE;
}
.o-email--topics p {
	margin: 0;
	overflow: hidden;
}
.o-email--topics em {
	font-style: normal;
}

/* Email View*/
.o-email--topic {
	padding: 0 0 20px;
	background: #ECEFEE;
	padding-bottom: 60px;
}
.o-email--topic li {
	margin: 0 20px 20px;
	background: #fff;
	border-top: 3px solid #ddd;
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.o-email--topic li:first-child {
	margin: 0 0 20px 0;
	border-radius: 0;
	box-shadow: none;
	border-top: 0;	
}
.o-email--topic li:first-child .user-handle {
	padding: 0 1rem 1rem 1rem;
	border-bottom: 1px solid #eee;
	margin-bottom: 1rem;
}
.o-email--topic li:last-child {
	margin-bottom: 0;
}

.user-handle {
	padding: 1rem;
	overflow: hidden;
	margin: 0;
}
.user-handle a {float: left; font-weight: bold;}
.user-handle em {float: right; font-style: normal;}

.wall-post-msg {
	padding: 0 1rem 1rem;
	margin: 0;
	font-size: 1rem;
}

/* email list view */
.email-subject {color: #323232;}
.email-date {text-align: right; color:#A9A9A9; }
.email-user_origin  {}
.email--topics-message {display: block; padding:0;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; color: #ABABAB;font-weight: normal;}

.topic-container { min-height: 260px;}
#topic-form, #message-form {
	background: #fff;
	box-shadow: 0 -2px 15px rgba(0,0,0,.20);
	position: absolute;
	bottom: -339px;
	right: 20px;
	-webkit-transition: .3s;
    transition: .3s;
    animation: inbox-notifications-enter 250ms;
    width: 400px;
}
#message-form {bottom: -278px;}
#topic-form.open, #message-form.open {
	bottom: 0;
}
#topic-form h2, #message-form h2 {
	padding: 1rem;
	background: #4083FE;
	color: #fff;
	margin: 0;
}

#topic-form h2 svg, #message-form h2 svg{
	width: 24px;
	float: left;
	margin: -10px 20px 0 0;
}

.topic-composer {
	padding: 20px;	
}

.topic-composer label {
	display: block;
	margin-bottom: 6px;
	font-size: .8rem;
	font-weight: normal;
	color: #323232;
}
.topic-composer input, .topic-composer textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1rem;
	border-color: #ccc;
	padding: 10px;
	font-size: .9rem;
}

#content.right-col .main.full {
	float: none!important;
	display: table;
}

.o-team--card {
	padding: 1rem 0rem;
}

.o-team--card .gp-card--meta {float: none; text-align: center;}
.o-team--card .gp-card--meta h3 {letter-spacing: 1px; color:#A6A6A6;}
.o-team--card .gp-card--meta p {font-size: 14px;}

dd.chart {margin-left:0;}
.chart-total {float: right;}

#team-card {
	width: 25%;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
}

.tab-content, .topic-container {
    width: 75%;
    box-sizing: border-box;
    padding: 1rem;
    border: 1rem solid #F4F6F6;
    background: #fff;
    display: table-cell;
    vertical-align: top;
}
.tab-content_full {width: 100%;display: block;}

.tab-content #page-title {margin: 0 0 1rem;}

.topic-container { padding: 1rem;}

.align-right {float: right;}
.align-left {float: left;}

.action-btns-wrap {overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: 2rem;}
.action-btns-wrap .action-btns { border-bottom: none; margin: 0; padding: 0;}

.tab-content > .action-btns-wrap .simple-tabs {margin: 0; border: none;}

#pending-list ul {margin-bottom: 2rem;}
#pending-list li {
	border-bottom: 1px solid #eee;
	padding: 1rem 0;
}
#pending-list li:first-child {padding-top: 0;}

.btn-group.align-right .btn { margin-left: 10px;}
.btn-group.align-left .btn { margin-right: 10px;}

div.yearsDropdown {
	 float: left;
}
div.yearsDropdown ul {
  list-style-type: none;
  position: relative;
  border: 2px solid black;
  width: 140px;
  padding: 5px 10px;
  margin:0;
  position: absolute;
}
div.yearsDropdown ul li {
	margin: 0;
}
div.yearsDropdown ul ul {
  display: none;
  border: none;
  background: #fff;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  margin: 0 0 0 -12px;
  z-index: 400;
  
}

div.yearsDropdown ul li:hover > ul {
  display: block;
}

div.yearsDropdown ul ul li {
  margin: 0;
  padding: 5px 10px;
}

div.yearsDropdown ul ul li:hover {
  background: #decade;
}

.btn-left {float: left; margin-right: 6px;}

#movePlayersDialog {overflow: hidden;}
#movePlayersDialogContent {float: left; width: 50%;}
#movePlayersList {float: left; width: 50%;}
#movePlayersDialog #movePlayersList {margin-top: 0; border: none; height: 100%; min-height: 210px; max-height: 380px;}
#movePlayersList table {width: 100%;}
#movePlayersDialogContent .buttons {
	padding: 20px 0;
}
#movePlayersDialogContent .buttons .std-btn {
	padding: 20px; width: 50%; float: left;
} 

#movePlayersDialogForm label {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 1rem;
	display: block;
}

#movePlayersDialogForm .select label {
	font-weight: 400;
	font-size: .8rem;
}

#movePlayersDialogForm input[type="text"] {
	margin-bottom: 1rem;
}

/* FLEX BOX GRID */
@charset "UTF-8";
/*
 * Global variables only please
 * 
 */
/*
 * Adjusts baseline font size.
 */
/*
 * Outputs color 🖌
 * Usage: background: color(off-white);
 */
/*
 * Outputs breakpoint value 📱
 * Usage: @media screen and (min-width: break(md)) { ... }
 */
/*
 * Outputs box shadow 🆒
 * Usage: box-shadow: shadow(2);
 * Concatenates all shodows below selected level. 
 * shadow(3) will output 1, 2, and 3 together.
 */
.flex {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -1rem;
}

.col-xs-1 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 1rem;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 80em) {
  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xl-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-xl-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-xl-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xl-offset-3 {
    margin-left: 25%;
  }

  .col-xl-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-xl-5 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-xl-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xl-offset-6 {
    margin-left: 50%;
  }

  .col-xl-7 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-xl-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-xl-9 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xl-offset-9 {
    margin-left: 75%;
  }

  .col-xl-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-xl-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-xl-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xl-offset-12 {
    margin-left: 100%;
  }

  .start-xl {
    justify-content: flex-start;
    text-align: start;
  }

  .center-xl {
    justify-content: center;
    text-align: center;
  }

  .end-xl {
    justify-content: flex-end;
    text-align: end;
  }

  .top-xl {
    align-items: flex-start;
  }

  .middle-xl {
    align-items: center;
  }

  .bottom-xl {
    align-items: flex-end;
  }

  .around-xl {
    justify-content: space-around;
  }

  .between-xl {
    justify-content: space-between;
  }

  .first-xl {
    order: -1;
  }

  .last-xl {
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-5 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-7 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-9 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
@media only screen and (min-width: 48em) {
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-5 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-7 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-9 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .start-md {
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    justify-content: center;
    text-align: center;
  }

  .end-md {
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 30em) {
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-5 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-7 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-9 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}

label abbr {color: red;}
.full {
	float: none;
	clear: both;
	width: 100%;
	padding: 0;
	display: table;
}

[data-tab-id="team-schedule"].tab-content {min-height: 980px;}

/* Block float layout to allow overflow hack for firefox and min-height this was put in for Schedule add on Team pages */
.block-float-layout .team-card, .block-float-layout [data-tab-id="team-schedule"].tab-content  { 
	display: block;
	float: left;
}


/* password protect */
#password-protect {margin: 0 30px;padding: 15px; background: #fefebf;}
#password-protect #reg-password {width: 50%;}
#password-protect .error.hide {display: none;}
#password-protect .error.show {display: block;}
#password-protect .error {color: #e12;padding: 0px; font-size: 1rem; margin-bottom: 1rem; width: 100%; text-align: left; box-sizing: border-box;}
#password-protect.error #reg-password {border-color: #e12;}

/* new tag */
.left-arrow {
	display: inline-block;
	position: relative;
	background: grey;
	padding: 15px;
}

.left-arrow:after {
	content: '';
	display: block;  
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid grey;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}
.feature-tag {
	position: absolute;
	top: 20px;
	right: -110px;
}
.feature-tag .new{
	padding:3px 10px 2px 12px!important;
	background:#92C46D!important;
	color:#fff!important;
	text-decoration:none!important;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;
	opacity:0;
	
	margin-top: 0!important;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    border-bottom: none;
    font-size: 14px;
    font-weight: normal;
}
.feature-tag .new:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #92C46D transparent transparent;
	border-style:solid;
	border-width:13px 12px 13px 0;		
}
.feature-tag .new:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
}
.feature-tag .new:hover{background:#555!important;}	
.feature-tag .new:hover:before{border-color:transparent #555 transparent transparent;}	

.is--on__pmtag .feature-tag .new {opacity: 1;}

/*
==============================================
pulse
==============================================
*/

.is--on__pmtag .pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

/*
==============================================
slideRight
==============================================
*/

.is--on__pmtag .slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}
/*
==============================================
slideLeft
==============================================
*/

.is--on__pmtag .slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		transform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/* new grid for foundation 3 */
.grid{margin-left:-20px}.grid .col-1,.grid .col-10,.grid .col-11,.grid .col-12,.grid .col-2,.grid .col-3,.grid .col-4,.grid .col-5,.grid .col-6,.grid .col-7,.grid .col-8,.grid .col-9{box-sizing:border-box;display:inline-block;margin-right:-4px;padding-left:20px;min-height:1px;vertical-align:top}.grid .col-1{width:8.33333%}.grid .col--push-1{margin-left:8.33333%}.grid .col-2{width:16.66667%}.grid .col--push-2{margin-left:16.66667%}.grid .col-3{width:25%}.grid .col--push-3{margin-left:25%}.grid .col-4{width:33.33333%}.grid .col--push-4{margin-left:33.33333%}.grid .col-5{width:41.66667%}.grid .col--push-5{margin-left:41.66667%}.grid .col-6{width:50%}.grid .col--push-6{margin-left:50%}.grid .col-7{width:58.33333%}.grid .col--push-7{margin-left:58.33333%}.grid .col-8{width:66.66667%}.grid .col--push-8{margin-left:66.66667%}.grid .col-9{width:75%}.grid .col--push-9{margin-left:75%}.grid .col-10{width:83.33333%}.grid .col--push-10{margin-left:83.33333%}.grid .col-11{width:91.66667%}.grid .col--push-11{margin-left:91.66667%}.grid .col-12{width:100%}.grid .col--push-12{margin-left:100%}.grid .col--centered{display:block;margin-left:auto;margin-right:auto}
/* blog */
#_ .la--blog-post {margin-bottom: 0;}
#_ .la_blog {padding-bottom: 0;}
.la--blog-post {margin-bottom: 3rem;}
.la--blog-post img {width: 100%;max-width: 100%;}
.blog-img {padding-right: 1rem;}
.blog-img img {width: 100%; max-width: 100%; }

/*******************************************
 				COMPONENTS 
 ******************************************/
/* modal */
#eventDetailsDialog {
	display: none;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale3d(0.1,0.1,1);
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
    -webkit-transform: scale3d(1.08,1.08,1);
    box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
    -webkit-transform: scale3d(0.95,0.95,1);
    box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
    -webkit-transform: scale3d(1,1,1);
  }
  100% {
    -webkit-transform: scale3d(0.1,0.1,1);
  }
}
	
.la-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(6,42,74,.75) ;
  z-index: 10000;
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  opacity: 0;
  pointer-events: none;
}

.la-modal:target {
  opacity: 1;
  pointer-events: auto;
}

.la-modal > div, .la_brick {
	width: 660px;
    background: #fff;
    position: relative;
    margin: 5% auto;
    -webkit-animation: minimise 500ms linear;
    -moz-animation: minimise 500ms linear;
    animation: minimise 500ms linear;
    padding: 0;
    border-radius: 7px;
    box-shadow: 0 3px 6px rgba(6,42,74,1);
    background: #fff;
    text-shadow: 0 1px 0 #fff;
}

.la-modal:target > div {
  -webkit-animation: bounce;
  -moz-animation: bounce;	
}

	.la-modal > div h1, .la-modal-title, .la_headerMob {
		padding: 1rem!important;
		text-align: center;
		background: #F6F6F6;
		border-radius: 7px 7px 0 0; 
		width: 100%!important;
		margin-bottom: 0px;
		box-sizing: border-box;
		text-transform: initial!important;
	}
	
	.la_headerMob p {margin:0;}
	.la_headerMob .panel_action {
		position: absolute;
		top:-10px; 
		right: -10px;
		height: 30px;
		width: 30px;
		background: #000;
		border-radius: 50px;
		padding: .5rem;
	}
	
	.la_headerMob .panel_action svg {
   		fill: #fff;
	}
	
	.la_headerMob .panel_action:hover {
		background: red;
		opacity: 1;
	}
	
	.panel_close {
		position: relative;
	    top: -3px;
	    left: -2px;
    }
.la-modal fieldset{
	padding: 30px;
	text-align: center;
}
	.la-modal fieldset a{
		display: inline-block;
	} 
	
.la-modal a.close {
    position: absolute;
    right: 0;
    top: 0;
    color: transparent;
}

.la-modal a.close:after {
    content: "X";
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 1.5em;
    padding: 1px 1px 1px 2px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    font-weight: bold;
    background: #000;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.la-modal a.close:focus:after,
.la-modal a.close:hover:after {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
}

.la-modal a.close:focus:after {
  outline: 1px solid #000;
}

[role="sticky-footer"] {
	padding: 2rem 1rem;
	text-align: center;
}

/* show state */
.la-modal.is-shown {
	opacity: 1;
	pointer-events:auto;
}

table {
	width: 100%;
	font-size: 14px;
}

table th {
	padding: 1rem;
	text-align: left;
}
table td {
	vertical-align: middle;
	border-bottom: 1px solid #EBEBEB;
}

.checkin-list td {	
	padding: .5rem 1rem;
}
.checkin-list td.header {
	padding: .5rem 1rem;
	background:#EBEBEB!important;
	text-transform: uppercase;
	font-size: 12px;
}

.view-drawer {
	display:none;
}

#attendance-filters {
	padding:0 2rem 1rem 2rem;
	border-bottom: 1px solid #ccc;
}
#attendance-filters h1 {display:none;}
.attendance-filter {display: inline-block; margin-left: 20px;}
.attendance-filter:first-child{margin:0;}
.attendance-filter label {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom:.5rem;
}

.action-check-in, .action-check-in-undo {
	padding: .5rem;
	text-align:center;
	background: #2D6CBE;
	color: #fff;
}
.la_headerMob {display: none;}
.la-modal .la_headerMob {display: block;}
.la-modal img {display: none;}
.panel_title h1 {
	font-size:1.5rem;
	margin:0;
}
#attendance-filters-cancel {display: none;}

/* category */
#registration-sub-program-filters {margin-bottom: 1rem;}

program-tile.enabled.with-checkbox span:before {
  content: '\f0c8';
  color: #efefef;
  text-align: center;
  font-family: 'FontAwesome';
  font-size: 12px;
  display: inline-block;
  background: #efefef;
  border: 2px solid #ccc;
  border-radius: 4px;
  height: 14px;
  width: 16px;
  padding-top: 3px;
  margin: 0 8px 0 0;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 8px;
}
program-tile.enabled.with-checkbox.selected span:before {
  content: '\f00c';
  color: #f8810a;
  border-color: #f8810a;
  background: #fefebf;
}
.program-cat-header {margin-bottom: 0;}
.program-cat-name {
	font-size: .8rem;
    text-tranform: uppercase;
    font-weight: bold;
    background: #eeeeee;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 0;
    width: 100%;
    display: block;
    box-sizing: border-box;
    color: #333;
}
.program-row {
  display: block;
  margin: 0 0;
  position: relative;
  font-style: normal;
  border: 1px solid #ddd;
  width: 100%;
  min-height: 80px;
  overflow: hidden;
  padding: 10px 20px;
  background: white;
  border-radius: 0;
  line-height: 1.2;
  box-sizing: border-box;
}
.program-row .program-name {
  font-weight: bold;
  display: block;
  margin-bottom: 1rem;
}
.program-row .program-fee {
  font-weight: bold;
}
.program-row.enabled .program-name {
  color: #555;
  font-size: 14px;
}
.program-row.disabled .program-name {
  color: #999;
}
.program-row.disabled .reason {
  font-size: 1.75em;
  color: orange;
  float: right;
}
.program-row.disabled .reason-message {
  font-size: 1.5em;
  color: orange;
  margin-top: 16px;
}
.program-row.registered span:before {
  content: '\f00c';
  color: #ccc;
  text-align: center;
  font-family: 'FontAwesome';
  font-size: 12px;
  display: inline-block;
  background: #efefef;
  border: 2px solid #ccc;
  border-radius: 4px;
  height: 14px;
  width: 16px;
  padding-top: 3px;
  margin: 0 8px 0 0;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 8px;
}
.program-row em {
  font-size: .8rem;
  font-style: normal;
  letter-spacing: -.25px;
  color: #999;
  line-height: 1.1;
  margin: 5px 0 5px 0;
  width: 270px;
}
.program-row em.program-fees {
  display: inline;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #eee;
  padding: 4px;
  margin-top: 8px;
  text-transform: uppercase;
}

.program-row.enabled.with-checkbox span:before {
  content: '\f0c8';
  color: #efefef;
  text-align: center;
  font-family: 'FontAwesome';
  font-size: 12px;
  display: inline-block;
  background: #efefef;
  border: 2px solid #ccc;
  border-radius: 4px;
  height: 14px;
  width: 16px;
  padding-top: 3px;
  margin: 0 8px 0 0;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 8px;
}

.program-row.enabled.with-checkbox.selected span:before {
  content: '\f00c';
  color: #f8810a;
  border-color: #f8810a;
  background: #fefebf;
}

.header_tableGrid-static {
	padding: 10px 20px;
	border: 1px solid #ccc;
	font-weight: bold;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	font-size: 13px;
}

/* turn off Grid for Tile */
.program-tile .grid {margin:0;}
.program-tile .col-1,.program-tile .col-2,.program-tile .col-3,.program-tile .col-4,.program-tile .col-5,.program-tile .col-6,.program-tile .col-7,.program-tile .col-8, .program-tile .col-9,.program-tile .col-10, .program-tile .col-11, .program-tile .col-12 {
	width: auto;
	box-sizing: border-box;
    display: block;
    margin-right: 0;
    padding-left: 0;
    min-height: 1px;
    vertical-align: top;
 }
 
.program-tile em {display: inline!important;}

#registration-sub-program-filters {
 	border-bottom: 1px solid #ccc;
 	padding: 0 0 1rem 0;
 }
 
#registration-sub-program-filters .filter {
 	display: inline-block;
 	margin: 0 8px 8px 0;
 }
.filter_label-main {display: block; font-weight: bold;}