BODY {
	FONT-SIZE: 9pt;
	FONT-FAMILY: Arial, Tahoma, sans-serif;
	LETTER-SPACING: 0em;
	HEIGHT: 17px
}

.body {
	FONT-SIZE: 9pt;
	FONT-WEIGHT: 300;
	FONT-FAMILY: Arial, Tahoma, sans-serif;
	LETTER-SPACING: 0em;
	HEIGHT: 17px
}

#ccForm2 select {
	width: auto;
}

#check-form-wrapper {
	display: none
}

.bad {
	COLOR: red;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: 300;
	FONT-FAMILY: Arial, Tahoma, sans-serif;
	LETTER-SPACING: 0em;
	HEIGHT: 17px
}

.inputboxsmall {
	FONT-WEIGHT: 400;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-FAMILY: Tahoma, Arial, sans-serif;
	LETTER-SPACING: 0em;
	HEIGHT: 17px
}

.buttonsmall {
	FONT-WEIGHT: 400;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-FAMILY: Tahoma, Arial, sans-serif;
	LETTER-SPACING: 0em;
	HEIGHT: 22px
}

.small {
	FONT-SIZE: 7pt;
	FONT-FAMILY: Tahoma, Arial, sans-serif;
	LETTER-SPACING: 0em;
	HEIGHT: 17px
}

a.nav:link {
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: ffffff;
	FONT-FAMILY: Arial, Tahoma, sans-serif;
	LETTER-SPACING: 0em;
	TEXT-DECORATION: underline;
}

a.nav:visited {
	TEXT-DECORATION: underline;;
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: ffffff;
	FONT-FAMILY: Arial, Tahoma, sans-serif;
	LETTER-SPACING: 0em;
}

a.nav:hover {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
	FONT-SIZE: 9pt;
	COLOR: ffffff;
	FONT-FAMILY: Arial, Tahoma, sans-serif;
	LETTER-SPACING: 0em;
}

a.nav:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: ffffff;
	FONT-FAMILY: Arial, Tahoma, sans-serif;
	LETTER-SPACING: 0em;
	TEXT-DECORATION: underline;
}

.reg-wrapper a, .reg-wrapper .navDisabled {
	display: block;
	margin-bottom: 12px;
}

A {
	text-decoration: none;
}

.mobile-nav {
    display: none;	
}

FORM {
	margin: 0px
}

TABLE.grid {
	border-color: #CCCCCC;
	width: 80%
}

TR.gridhead {
	background-color: #CCCCCC
}

TD.gridhead {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10pt;
	font-weight: 600
}

TD.calcell {
	height: 60px;
	vertical-align: top;
	width: 14%
}

FORM {
	margin-bottom: 1px
}

FONT.navComplete {
	/*color: #00FF00;*/
	font-weight: 600
}

FONT.navCurrent {
	/*color: red;*/
	font-weight: 600;
	/*box-shadow: 10px 5px 5px 0px rgba(0,0,0,0.75);*/
}

FONT.navDisabled {
	/*color: #CCCCCC;*/
	font-weight: 600
}

.menuItemActive {
	background: url(../../../site/images/wordless_inactive.png);
	width: 143px;
	height: 52px;
	margin-left: 20px;
	text-align: center;
	display: table;
}

.menuItemDisabled {
	background: url(../../../site/images/wordless_active.png) no-repeat;
	width: 143px;
	height: 52px;
	margin-left: 20px;
	text-align: center;
	display: table;
}

#textDisplayActive {
	color: #FFFFFF;
	font-weight: 600;
	vertical-align: middle;
	display: table-cell;
}

#textDisplayDisabled {
	color: #FFFFFF;
	font-weight: 600;
	opacity: 0.5;
	vertical-align: middle;
	display: table-cell;
}

#team-reg-banner {
	max-width: 720px;
	width: 100%;
}

.reg-wrapper {
	border-radius: 10px;
    max-width : 720px;
    width: 100%;
    display: block;
}

.arial {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
}

tr.reg_odd {
	background-color: #EEEEEE;
}

tr.reg_even {
	background-color: #CCCCCC;
}

.welcome-table, team-reg-content {
	width: 100%;
}

.reg-wrapper input[type="text"], .reg-wrapper select{
	width: 100%;
}

/*
*Begin styles for the team registration color modal
*/

.regColors button {
    float: none;
    display: inline-block;
}

.regColors .ui-dialog-buttonset {
	text-align: center;
	float: none !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
	text-align: center;
}

.color-prop-row span {
	width: 127px;
	display: inline-block;
	height: 24px;
}

/*
*End styles for the team registration color modal
*/

.content-wrapper {
	padding: 20px; 
	border-radius: 10px; 
	max-width : 520px;
	width: 100%;
}

.nav-menu {
	margin-left: 10px;
	width: 105px;
}

/*
*Styles for the coach search results
*/

.results-row {
	min-height: 25px;
	height: auto;
	white-space: nowrap;
}
.results-row span {
	display: inline-block;
	width: 150px;
}

.results-row span:nth-child(3) {
    display: inline-block;
    width: 44px;
}

.results-row span:nth-child(4) {
    display: inline-block;
    width: 83px;
}

@media screen and (max-width: 500px){
	.group:after {
		content: "";
		display: table;
		clear: both;
	}
	.search-results .results-row:first-child {
	   display: none;
	}
	
	.results-row span {
	   display: block;
	   height: 17px
	}
	
	.results-row span:nth-child(4) {
	   display: block;
	}
	
	.results-row {
	   height: 95px;
	   float: left;
	   margin-right: 5px;
	}
	
	.clearfix:after {
	    visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
	    }
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */
	
	.search-results tr td:nth-child(3), .search-results tr th:nth-child(3){
	   display: none;
	}
	
	.summary-table tr td:first-child {
	   width: 55px;
	}
	
	.registering-players tbody tr:nth-child(2) td:first-child{
	   display: none;
	}
	
	/*.search-results tbody tr td {
	   display: block;
	}
	
	.search-results tr {
	   margin-bottom: 5px;
	}
	
	.search-results tr:first-child {
	   display: none;
	}
	.search-results td input {
	   display: block;
	   margin-bottom: 3px;
	}
	
	#add1 {
	   display: none;
	}*/
}

/*
*End styles for coach search results
*/

.limited-add-edit-table {
	display: block;
}

.limited-add-edit-table tr {
	display: block;
}

.limited-add-edit-table tr td {
	width: auto;
}

.add-edit-player {
	display: block;
}

.add-edit-player tr {
	display: block;
}

.add-edit-player tr td {
	display: inline-block;
	white-space: nowrap;
}

.add-edit-player tr td:first-child {
	width: 97px;
}

.add-edit-player select {
	width: auto;
}

.search-results {
	display: block;
}

.search-results tr {
	display: block;
	white-space: nowrap;
}

.search-results tr td, .search-results tr th {
	display: inline-block;
}

.search-results tr td:first-child, .search-results tr th:first-child {
	width: 200px;
}

.search-results td input {
	margin-right: 5px;
}

.search-results tr td:nth-child(2), .search-results tr th:nth-child(2) {
	width: 120px;
}

@media screen and (max-width: 450px) {
	.add-edit-player tr td {
	   display: block;
	}
}

@media screen and (max-width: 400px){
	.reg-wrapper .nav-menu {
	  display: none;
	}
	
	.mobile-nav {
	   display: block;
	   position: relative;
	}
	
	.mobile-nav .nav-menu {
	   width: auto;
	   margin: 0px;
	   height: 15px;
	}
	
	.mobile-nav a {
	   display: none;
	}
	
	#currentStep {
	   display: inline-block;
	}
	
    .left-arrow {
        position: absolute;
        left: 0px;
        /*float: left;*/
        display: inline-block;
		width: 0;
		height: 0;
		/*border-style: solid;*/
		border-width: 5px 10px 5px 0;
		border-color: transparent #007bff transparent transparent; 
		cursor: pointer;   
	}
	
	.right-arrow {
	   position: absolute;
	   right: 32px;
	   /*float: right;*/
	    display: inline-block;
	    width: 0;
	    height: 0;
		/*border-style: solid;*/ 
		border-width: 5px 0 5px 10px;
		border-color: transparent transparent transparent #007bff;
		cursor: pointer;
	}
	
	.reg-wrapper {
	   box-sizing: border-box;
	   padding-left: 12px;
	}
	
	.add-coach-table td {
	   display: block;
	}
	
	.limited-add-edit-table tr td:first-child {
        display: none;
    }
    
    .limited-add-edit-table tr td {
        max-width: 175px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    .add-edit-player tr td select {
    display: block;
    }
    
    .add-edit-player tbody tr td input[type="text"] {
        width: 82%;
    }
    
    .search-results tr td:nth-child(2), .search-results tr th:nth-child(2){
       display: none;
    }
}