/*
02-2016
new turquoise blue:  09A1E4
new dark blue:  004E70 (darker than 02618A)
08-16 complementary colors to 09A1E4
my green 00be9c (not official but i likeee)
complementary green 00EA5F electric lime, meh
complementary red FF3100  very nice red
complementary gold FFB700


line: 101
select:not(.ui-datepicker-month):not(.ui-datepicker-year),

*/




	

form {
		margin: 0 0 2em 0;
	}

form.no-margin	{
		margin:0;
}
	
	div.form	{
			margin:0 auto;
			border:1px solid #e5e5e5; 
			border-radius: 6px; 
			padding: 2em;}	
			
	div.form div.row.uniform	{
		min-height:110px;		
	}
	
	div.form div.row.uniform.lessHeight	{
		min-height:80px;
	}
	
	div.form div.row.uniform.reducedHeight	{
		min-height:60px;
	}
	
	div.form div.row.uniform.tinted	{
		background:#F4F2F2;
	}

	h6.formNote	{
		font-size:.80em;
	}
	h6.formNote.red	{
		color:#FF3100;
	}
	
	h6.formNote, h5.formNote	{
		margin:.2em 0 0 .3em;
		color:#646464;
	}
	h6.formNote > a, h5.formNote > a	{
		color:#0066FF;
	}

	h6.formNote.inset, h5.formNote.inset	{
		margin:.5em 3em 1.5em 2em;
	}

	div.workshopclaimed	{
		margin-top:1.5em;
	}

	form p.sectionHeading	{
		font-weight:700;
		font-size:120%;
		color:#FFB700;
		margin-bottom:.50em;
	}
	
	form p.sectionHeading.tall	{
		margin-top: 3em;
	}
	

	#jqv div.tosmessage	{
		padding-left:2.1em;
		color:#FF3100;
		font-size:120%;
		font-weight:700;
	}

	label {
		color:#646464;
		display: block;
		font-size: 1em;
		margin: 1em 0 0 .3em;
	}
	

	input[type="text"],
	input[type="url"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="tel"],
	select:not(.ui-datepicker-month):not(.ui-datepicker-year),
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(74,144,226,.05);
		border-radius: 6px;
		border: 1px solid rgba(74,144,226,.5);
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}
	
	input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border: 1px solid rgba(74,144,226,.5);
			background: rgba(74,144,226,.02);
		}
		
	input[type="text"].narrow15	{
			width:15em;
		}
		
	select.studentactions	{
		 font-size:12pt;
		 line-height:1.4em;
		 height:2.75em;
	}
	
	select.studentactions option {
		height:30px;
	}
	
	select.narrow15 {
		width:15em;
	}
	
	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: #e5e5e5;
			content: '\f078';
			display: block;
			height: 3em;
			line-height: 3em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="url"],
	select:not(.ui-datepicker-month):not(.ui-datepicker-year) {
		height: 3em;
	}
	
	select.multiple	{
		height:auto;
	}
		
	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label,
		input[type="checkbox"].redeem {
			text-decoration: none;
			color: #777;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: inherit;
			padding-left: 2.55em;
			padding-right: 0.75em;
			position: relative;
		}
		
		input[type="checkbox"] + label.redeem	{
			color:#404040;
		}
		
			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				/*background: #f8f8f8;
				border-radius: 6px;
				border: solid 1px #e5e5e5;*/
				background: rgba(74,144,226,.05);
				border-radius: 6px;
				border: 1px solid rgba(74,144,226,.5);
				content: '';
				display: inline-block;
				height: 1.8em;
				left: 0;
				line-height: 1.725em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.8em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="checkbox"]:checked + label.redeem:before,
		input[type="radio"]:checked + label:before {
			background: #666;
			border-color: #666;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="checkbox"]:focus + label.redeem:before,
		input[type="radio"]:focus + label:before {
			border-color: #e89980;
			box-shadow: 0 0 0 1px #e89980;
		}
		
		input[type="checkbox"] + label.redeem:before {
				background:#FFFFFF;
				border-color: #09A1E4;
				box-shadow: 0 0 0 1px #09A1E4;
			}
			
		input[type="checkbox"]:checked + label.redeem:before	{
			background: #666;
			border-color: #666;
			color: #ffffff;
			content: '\f00c';
		}
			
			input[type="checkbox"]:disabled + label.redeem:before	{
				background:#FFB700;
				border-color: #004E70;
				box-shadow: 0 0 0 1px #004E70;
			}

	input[type="checkbox"] + label:before {
		border-radius: 6px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	table.asbUpDateList td.rCell input[type="radio"]	{
		margin-right:0;
		padding:0;
	}

	::-webkit-input-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}
	
 .error	{
		margin-left: .3em;
		color:#F00;
		font-size:85%;
	}

	#jqv label.error {
			margin-left:0.5em;
			color:#FF3100;
			display:inline;
			float:none;
			font-size:90%;
			font-weight:inherit;
			text-align:left;
		}
	
	#jqv div.success input {
			/*background-color:#E2FEDF;*/
			background-image:none;
			/*border:1px solid #98d098;*/
			border:1px solid #e5e5e5;
			border-radius:4px;
			box-sizing:border-box;
	}
		
	#jqv .passwordShort
	{
		color:#FF3100;
	}
	
	#jqv .passwordWeak
	{
		color:#E66C2C;
	}
	
	#jqv .passwordGood
	{
		color:#2D98F3;
	}
	
	#jqv .passwordStrong
	{
		color:#006400;
	}	
		

	#jqv div.errorDiv input {
			background-color:#FFF2F2;
			border:1px solid #CC333F;
		}




/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #666;
		border-radius: 6px;
		border: 0;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-weight: 400;
		height: 3em;
		line-height: 3em;
		padding: 0 2em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}
	
	.reducedPadding	{padding: 0 .75em !important;}
	

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #737373;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #595959;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
			height: 2.7em;
			line-height: 2.7em;
		}
		
		input[type="submit"].smallest,
		input[type="reset"].smallest,
		input[type="button"].smallest,
		.button.small {
			font-size: 0.8em;
			height: 2.3em;
			line-height: 2.3em;
			padding: 0 .75em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.25em;
			height: 2.7em;
			line-height: 2.7em;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px #e5e5e5;
			color: #777;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: #f8f8f8;
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: #f0f0f0;
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #999;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			/*background-color: #e89980;*/
			background-color: #09A1E4;
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #2eaee6;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #038ac5;
			}
		
		input[type="submit"].orange,
		input[type="reset"].orange,
		input[type="button"].orange,
		.button.orange {
			background-color: #e89980;
			color: #ffffff !important;
		}

			input[type="submit"].orange:hover,
			input[type="reset"].orange:hover,
			input[type="button"].orange:hover,
			.button.orange:hover {
				background-color: #ecaa96;
			}

			input[type="submit"].orange:active,
			input[type="reset"].orange:active,
			input[type="button"].orange:active,
			.button.orange:active {
				background-color: #e4886a;
			}
		
				
		input[type="submit"].redbutton,
		input[type="reset"].redbutton,
		input[type="button"].redbutton,
		.button.redbutton {
			background-color: #880f0f;
			color: #ffffff !important;	
		}
			input[type="submit"].redbutton:hover,
			input[type="reset"].redbutton:hover,
			input[type="button"].redbutton:hover,
			.button.redbutton:hover {
				background-color: #AB2C2C;
			}

			input[type="submit"].redbutton:active,
			input[type="reset"].redbutton:active,
			input[type="button"].redbutton:active,
			.button.redbutton:active {
				background-color: #CD5151;
			}
		
		
		input[type="submit"].linkme {
			background-color: #F63;
			color: #ffffff !important;
		}	
			input[type="submit"].linkme:hover {
				background-color: #FF946F;
				color: #ffffff !important;
			}	
					

		input[type="submit"].disabled, 
		input[type="text"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		input[type="text"].readonly,
		.button.disabled,
		.button:disabled {
			background-color: #cecece !important;
			color:#212121 !important;
			/*box-shadow: inset 0 -0.15em 0 0 #9c9c9c;*/
			/*color: #FFFFFF !important;*/
			cursor: default;
			opacity: 0.5;
		}
		
		input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, input[type="submit"][disabled]:active {
			background-color: #666666 !important;
			cursor: default;
		}
		
		
		input[type="submit"].fitToContainer,
		input[type="reset"].fitToContainer,
		input[type="button"].fitToContainer	{
			width:100%;
		}
		/* sets proper placeholder text color - see addStudent.cfm */
		select:required:invalid {
			color:#999;
		}
		option[value=""][disabled] {
			display: none;
		}
		
		option	{
			color:#404040;
		}