@CHARSET "UTF-8";

.formfield {
	clear: both;
	display: block;
	padding: 5px;
	float: left;
	margin-bottom: 8px;
	width: 420px;
	}
	
	.formfield label {
		float: left;
		text-transform: lowercase;
		font-size: 14px;
		padding: 5px 0;
		}
		
		.formfield span.label label {
			padding-bottom: 0;
			float: left;
			text-align: right;
			min-height: 16px;
			padding: 5px 0;
			font-size: 15px;
			width: 130px;
			}
		
		.formfield span.label .instructions {
			color: #9AA2A6;
			float: left;
			clear: left;
			text-align: right;
			width: 130px;
			}
			
.form_extra {
	float: right;
	clear: both;
	margin-bottom: 12px;
	}
	
/* phone number specific */
#areacode_field {
	width: 55px;
	clear:none;
	float: left;
	margin-right: 15px;
	}

	#areacode {
		width: 45px;
		float: right;
		}
		
#prefix_field {
	width: 60px;
	float: left;
	clear: none;
	}
	
	#prefix {
		width: 45px;
		}
		
#extension_field {
	width: 100px;
	margin-left: 20px;
	clear: none;
	}
	
	#extension {
		width: 85px;
		}
	

.field_text input, .field_password input {
	float: right;
	width: 260px;
	background: #ffffff;/*3-10-09 change from f2f2f2 rmoore*/
	outline: none;
	font-weight: normal;
	color: #4D4D4D;
	border: 1px solid #505B66;
	height: 19px;
	padding: 5px 5px 0 5px;
	font-size: 13px;
	}
	
	
	input[type="text"]:focus, input[type="password"]:focus {
		outline: none;
		border: 1px solid #505B66;
		}
		
textarea, select {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	outline: none;
	font-weight: normal;
	color: #4D4D4D;
	border: 1px solid #505B66;
	padding: 4px 5px;
	font-size: 13px;
	width: 260px;
	float: right;
	background: #FFFFFF;
	}
	
/* radios */
.field_radio input {
	}
	
.field_radio {
	border-bottom: 1px solid #B3B3B3;
	}
	
	.field_radio .radio_container {
		width: 420px;
		float: left;
		padding-top: 5px;
		height: 21px;
		}
		
		.field_radio span.radio_line {
			float: left;
			clear: none;
			margin-right: 15px;
			min-width: 100px;
			}
			
			.field_radio span.radio_line input {
				float: left;
				margin-right: 5px;
				}
				
			.field_radio span.radio_line label {
				float: left;
				font-size: 14px;
				width: auto;
				padding: 0;
				}

/* checkbox */
field_checkbox input{
	float: left;
	clear: both;
	background: #F2F2F2;
	outline: none;
	color: #4D4D4D;
	border: 1px solid #505B66;
	height: 19px;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	}
	
	.field_checkbox {
		border-bottom: 1px solid #B3B3B3;
		}
	
	.field_checkbox .checkbox_container {
		width: 420px;
		float: left;
		padding-top: 5px;
		height: 21px;
		}
		
		.field_checkbox span.check_line {
			float: left;
			margin-right: 15px;
			min-width: 100px;
			}
			
			.field_checkbox span.check_line input {
				float: left;
				margin-right: 5px;
				}
				
			.field_checkbox span.check_line label {
				float: left;
				font-size: 14px;
				width: auto;
				padding: 0;
				margin-right: 5px;
				text-transform: capitalize;
				}
				
				.field_checkbox span.inactive label {
					color: #B3B3B3;
					}
				
			.field_checkbox span.check_line a {
				color: #B5121B;
				}
		
input[type="submit"], input.submit {
	color: #F2F2F2;
	font-weight: bold;
	border: 0;
	text-transform: lowercase;
	font-size: 13px;
	white-space: nowrap;
	}
		
.submit_btn {	
	background: url(/images/btn_submit_left.gif) no-repeat top left;
	float: right;
	height: 22px;
	line-height: 22px;
	padding-left: 8px;
	margin: 0;
	}	
	.submit_btn input[type="submit"], .submit_btn input.submit {	
		background: url(/images/btn_submit_right.gif) no-repeat top right;
		float: left;
		line-height: 14px;
		padding: 2px 8px 4px 0;
		height: 22px;
		font-size: 13px;
		margin: 0;
		}		
		.submit_btn:hover {
			background: url(/images/btn_submit_left.gif) no-repeat bottom left;
			cursor: pointer;
			}
			
		.submit_btn:hover input[type="submit"], .submit_btn:hover input.submit {
			background: url(/images/btn_submit_right.gif) no-repeat bottom right;
			color: #4D4D4D;
			cursor: pointer;
			}
			
/* twitter name */
#reg_twitter_username {
	width: 250px;
	}
	
.twitter_name {
	padding-top: 5px;
	font-weight: bold;
	font-size: 14px;
	float: right;
	}
	
.actions {
	float: right;
	text-align: right;
	padding-top: 10px;
	}
	
	.actions a {
		float: left;
		margin-right: 6px;
		}
		
/* External Pages Header Login Box old*/
.headerLogin_form {
	float: right;
	
	}

.headerLogin_form .FormField {
	width: 125px;
	float: left;
	margin-bottom: 5px;
	}
	
	.headerLogin_form .FormField input {
		width: 60px;
		}
	
	.headerLogin_form .FormField a {
		margin-left: 2px;
		color: #808080;
		}
	
	.headerLogin_form .FormField a:hover {
		color: #4d4d4d;
		}
		
	
	.headerLogin_form #password_field {
		width: 200px;
		}	
		
	.headerLogin_form #password_field a {
		clear: left;
		}
	
.headerLogin_form .text {
	width: 110px;
	margin-bottom: 2px;
	padding: 2px;
	}
	
.headerLogin_form .FormSubmit {
	width: 50px;
	margin: 0;
} 


.mobileLink {
	float: right;
	/*margin-top: -15px;*/
	margin-right: 20px;
	}

.mobileLink img{
	float:left;
}
	
/*new styling for page login*/
.headerLogin {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	/*margin-top: -20px;*/
	}
	
	.headerLogin h3 {
		margin: 0;
		float: right;
		clear: none;
		}
		
	.headerLogin ul {
		float: right;
		margin: 0;
		clear: none;
		width: 45px;
		}
	
	.headerLogin ul li {
		float: right;
		margin: 3px 0 0 5px;
		}

@media screen and (-webkit-min-device-pixel-ratio:0){

.headerLogin {
	margin-right:20px;
	}
	
.headerLogin_form #password_field {
		width: 170px;
		}

} 

/*** BASIC FORM STYLING ***/
.required {
    color: #CF1828;
    }

div.formMessage, .appMessage {
    padding: 8px 8px 8px 32px;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: bold;
    }
    
    div.error,div.field_error {
        background: url(../images/icons/exclamation_red_icon.png) no-repeat 6px center #F9E2EC;
        border: 1px solid #CB1A68;
        color: #CB1A68;
        }
        
    div.success {
        background: url(../images/icons/thumbsup_green_icon.png) no-repeat 6px center #DFEDE6;
        border: 1px solid #00A33D;
        color: #006B33;
        }
        
    div.info {
        background: url(../images/icons/arrowright_yellow_icon.png) no-repeat 6px center #FFFFC4;
        border: 1px solid #FFBF00;
        color: #CC9900;
        }
        
    div.info2 {
        background: url(../images/icons/questionmark_blue_icon.png) no-repeat 6px center #CEE3F2;
        border: 1px solid #648FA1;
        color: #00599C;
        }
        
div.formfield ul{
	margin:5px;
	float:right;
	clear:both;
	width:250px;
}
        
 #login_form{
 margin-top:20px;
 }
 
 #Setup_SMS_Stepone_form{
 }


/*notifications settings */
#alert_sms, #alert_email, #broadcast_sms, #broadcast_email {
	margin-left: 15px;
	}


#message_delivery_preferences_form .top {
	padding-bottom: 0;
	}

#message_delivery_preferences_form .FormField {
	margin-top: 15px;
	}
	
/*teamlinkID extra reg*/
#teamLinkID_form #submit_field {
	clear: both;
	}
	
	#teamLinkID_form #submit_field .submit_btn {
		background: none;
		width: auto;
		height: auto;
		line-height: normal;
		}
	
	#teamLinkID_form #submit_field .submit {
		background: url(/images/btn_register.jpg) top left no-repeat;
		width: 88px;
		height: 54px;
		padding: 0;
		margin: 10px 0 20px 0;
		}
		
	#teamLinkID_form h4 {
		margin: 10px 0 0 0;
		padding: 0;
		float: left;
		width:173px;
		letter-spacing: -0.05em;
		}

/*extra league reg */
div span.instructions {
	clear: both;
	}

#priceAgreement_field span.label label {
	padding-top: 0;
	margin-right: 15px
	}

#priceAgreement_field span.instructions {
	width: 250px;
	float: right;
	clear: none;
	text-align: left;
	}

#team_league_reg_form .formfield {
	margin-bottom: 0;
	width: 350px;
	padding: 5px 5px 0;
	}
	
	#team_league_reg_form span.label label {
		width: 90px;
		}
		
	#team_league_reg_form .formfield input {
		width: 240px;
		}
		
	#team_league_reg_form .formfield select {
		width: 250px;
		}
	
.teamInfo_box {
	background: #CCCCCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 730px;
	margin-bottom: 20px;
	}
	
.coachInfo_box, .altInfo_box {
	float: left;
	width: 350px;
	margin-bottom: 10px;
	}
	
	.coachInfo_box {
		margin-right: 30px;
		}
		
#team_league_reg_form .extraInfo {
	clear: both;
	}
	
	
	/*new stuff to fix janky form 7-15-2009 */
	#team_league_reg_form .label {
		float: left;
		width: 90px;
		}
	
	
	#team_league_reg_form .extraInfo p {
		padding-bottom: 10px;
		border-bottom: 1px solid #cccccc;
		}
	
	#team_league_reg_form #CompetitionLevelID_field {
		/*float: right;*/
		clear: none;
		}
		
		#team_league_reg_form #CompetitionLevelID_field span.label label {
			width: 240px;}
		
		#team_league_reg_form #CompetitionLevelID_field select {
			width: 100px;
			}
			
	#team_league_reg_form div span.instructions {
		margin-left: 100px;
		text-align: left;
		width: 250px;
		margin-bottom: 10px;
		float: left;
		}
		
	#team_league_reg_form #priceAgreement_field {
		margin: 5px 0;
		border: none;
		position: relative;
		}
	
	#team_league_reg_form #priceAgreement_field input {
		position: absolute;
		top: 4px;
		left: 240px;
		width: 15px;
		}	
		
	#team_league_reg_form #priceAgreement_field span.label label {
		width: 220px;
		float: left;
		margin: 0 0 0 10px;
		}
		
#team_league_reg_form #RegistrantsCell_field .label label,
#team_league_reg_form #RegistrantsRole_field .label label,
#team_league_reg_form #AltCoachRole_field .label label,
#team_league_reg_form #AltCoachPhone_field .label label,
#team_league_reg_form #AltCoachCell_field .label label,
#team_league_reg_form #AltCoachCell_field .label label {
	padding-bottom: 0;
	margin-bottom: -5px;
	}