/* CSS Document */

/* colors

white		#fff
blue		#f5fafc (select gradiant)
blue/gray	#8294aa (selected item)

*/
form {background: white; margin:0;}

.rfi { background: #fff; width: 560px; margin:-20px auto 0 auto; padding: 0; position: relative;}
.rfi__content {padding: 20px;}
.rfi h2, .rfi h1.popup { font-size: 2.5em; background: #dee9f0; border-radius: 10px 10px 0 0; text-align:center; margin:0 0 20px; padding: 20px 0; }
.rfi h1.popup {padding: 40px 0 20px 0;}
/*.rfi h4 { font-size: 1.4em;}
.rfi p { font-size: 1.2em;}
.rfi label p { font-size: 0.929em;}
*/
.rfi input[type="radio"] + label { font-size: 0.875em; vertical-align: middle; margin: 0 0 10px; font-weight:bold;}
.rfi input[type="radio"] + label p {font-weight:bold;}

div.error, input[type="text"].error{
	border:2px solid #F00;

}


textarea, input[type="text"], input[type="password"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], .uneditable-input
{ height: 38px; padding: 4px 8px; width: 100%;}

select, textarea, input[type="text"], input[type="password"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], .uneditable-input
{ font-weight: normal; font-size: 15.16658px; border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset; outline: 0; transition: border linear 0s, box-shadow linear 0.2s;}

textarea, input[type="text"], input[type="password"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border linear 0.2s, box-shadow linear 0.2s;
}

select, textarea, input[type="text"], input[type="password"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], .uneditable-input {
display: inline-block; height: 21px; padding: 4px; font-size: 13px; line-height: 18px; color: #555555; box-shadow: none;}

input, button, select, textarea { font-family:"Avenir LT W01 55 Roman";}

input[type="submit"]:hover, input[type="reset"]:hover , input[type="button"]:hover
{ background-color:#b42e34; color:#fff;  border:none; text-shadow: 0 0px rgba(255, 255, 255, .0); -webkit-border-radius: 20px; border-radius: 20px;}

.radio input[type="radio"], .checkbox input[type="checkbox"]
{ float: left; margin-left: -18px;}

input[type="checkbox"]
{ width: auto;}


#terms-pane
{ width: 95%; height: 130px; overflow: auto; overflow-x: hidden; overflow-y: scroll border:1px solid #ccc; background: #eee; margin: 0 0 20px; padding: 10px 2.5%; font-size: 1em;}


/* select */
.styled-select select {
	background: transparent;
	width: 268px;
	height: 30px;
	padding: 0 10px;
	font-size: 13px;
	/*line-height: 1; */
	border: 0;
	border-radius: 0;
	color:#8294aa;
	font-style:italic;
	-webkit-appearance: none;
	text-indent: 0.01px;
    text-overflow: "";
}

	@-moz-document url-prefix() {/*FF FIX*/
    	.styled-select select{
      		padding:6px;
   	 }
	}




.styled-select {
	width: 205px; height: 30px; overflow: hidden; display: inline-block; text-align: center;
	border: 1px solid #f7f7f7; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0px 2px 5px #ccc;
	background: #ffffff; /* Old browsers */
	background: url(../images/form/form-arrow.png) no-repeat 93.5%, -moz-linear-gradient(top,  #ffffff 0%, #f5fafc 100%); /* FF3.6+ */
	background: url(../images/form/form-arrow.png) no-repeat 93.5%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5fafc)); /* Chrome,Safari4+ */
	background: url(../images/form/form-arrow.png) no-repeat 93.5%, -webkit-linear-gradient(top,  #ffffff 0%,#f5fafc 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/form/form-arrow.png) no-repeat 93.5%, -o-linear-gradient(top,  #ffffff 0%,#f5fafc 100%); /* Opera 11.10+ */
	background: url(../images/form/form-arrow.png) no-repeat 93.5%, -ms-linear-gradient(top,  #ffffff 0%,#f5fafc 100%); /* IE10+ */
	background: url(../images/form/form-arrow.png) no-repeat 93.5%, linear-gradient(to bottom,  #ffffff 0%,#f5fafc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5fafc',GradientType=0 ); /* IE6-9 */
   }


input[type=checkbox], input[type="radio"] {display:none;}
/* check box */
input[type="checkbox"] + label {cursor:pointer;}
label p {font-size: 0.929em; font-weight:normal; vertical-align: middle; margin: 0; padding: 0 0 0 25px; line-height: 1.5;}
input[type="checkbox"] + label {font-size: 0.875em; vertical-align:middle;}
input[type="checkbox"] + label span { height: 21px; padding-left: 21px; margin: -3px 0 0; vertical-align: text-top; display: inline-block; position: absolute; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/form/form-checkbox.png); position: absolute;}
input[type=checkbox]:checked + label span {background-image:url(../images/form/form-checkbox-checked.png); position: absolute;}

/* radio button */
input[type="radio"] + label, input[type="radio"] + p {cursor:pointer;}
input[type="radio"] + label {font-size:0.875em; vertical-align:middle;}
input[type="radio"] + p {font-size: 0.875em; vertical-align:middle;}
input[type="radio"] + label span, input[type="radio"] + p span {padding-left:21px; margin: -.25% 1% 0 0; vertical-align: text-top; height:21px; display:inline-block; background-repeat:no-repeat; background-position: 50% 50%; background-image:url(../images/form/form-radio.png); position: absolute;}
input[type=radio]:checked + label span, input[type="radio"]:checked + p span  {background-image:url(../images/form/form-radio-checked.png); position: absolute;}


.course_question input[type="radio"] + label {font-size:0.875em; vertical-align:middle; width:100%; line-height:1.25em; text-align:center; font-weight: normal; position: relative;}
.course_question input[type="radio"] + label span, input[type="radio"] + p span {padding-left:21px; margin: 0.5% 0 0 1%; vertical-align: text-top; height:21px; display:inline-block; background-repeat:no-repeat; background-position: 50% 50%; background-image:url(../images/form/form-radio.png); position: absolute; top: 30px; left: 55px;}
.course_question  input[type=radio]:checked + label span, .course_question  input[type="radio"]:checked + p span  {background-image:url(../images/form/form-radio-checked.png); position: absolute;}



/* intput */
	input[type="text"], input[type="password"] {text-align: center; width: 205px; height: 21px; margin:0; overflow: hidden; border: 1px solid #f7f7f7; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0px 2px 5px #ccc; margin: 0;}

	.errorMsg { color:#a9b1bb; font-size: 0.929em; font-weight: normal;}
	.formNote { color:#a9b1bb; font-size: 0.929em; font-weight: normal; margin: 0;}



/* search bar */
	#search-wrapper > a { display: none;}

	#search-wrapper {
	width:210px; height:22px; background-image:none; background-repeat:no-repeat; position:relative;
	padding:0px; margin:4px 0 0 30px; float: right;}

	#search-wrapper form { display:inline; }

	#search-wrapper .searchbox { border:none; background-color:white; position:absolute;
	top: 4px; left: 9px; width: 180px; height: 28px; text-align: left; padding: 0 0 0 10px; margin: 0;
	box-shadow: inset 0px 2px 3px #CCC; color:#6a747e; font-style: italic; font-size:10px; border: 1px solid #f7f7f7;}

	.searchbox_submit {
	border:none; background:url('../images/form/search.png') 50% 50% no-repeat transparent; position:absolute;
	top: 1px; left: 165px; width: 13px; height: 13px; padding: 9px;}


/* button styles */
	.button, a.button, input[type="submit"], input[type="reset"], input[type="button"]
	{font-family:"Avenir LT W01 85 Heavy"; min-width:80px; padding:2px 20px 0 20px; height:26px; font-size:0.829em; font-weight: normal; line-height:1.75;
	 color:#fff; border:none; text-shadow: 1px 1px rgba(0, 0, 0, .25); -webkit-border-radius: 20px; border-radius: 20px; text-align:center;
	background: #b42e34; /* Old browsers */
	background: -moz-linear-gradient(top,  #b15052 0%, #b42e34 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b15052), color-stop(100%,#b42e34)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b15052 0%,#b42e34 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b15052 0%,#b42e34 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b15052 0%,#b42e34 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b15052 0%,#b42e34 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b15052', endColorstr='#b42e34',GradientType=0 ); /* IE6-9 */
	}
	.button:hover, a.button:hover { color:#fff;  border:none; text-shadow: 1px 1px rgba(0, 0, 0, .25); -webkit-border-radius: 20px; border-radius: 20px;
	background: #a21921; /* Old browsers */
	background: -moz-linear-gradient(top,  #b15052 0%, #a21921 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b15052), color-stop(100%,#a21921)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b15052 0%,#a21921 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b15052 0%,#a21921 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b15052 0%,#a21921 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b15052 0%,#a21921 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b15052', endColorstr='#a21921',GradientType=0 ); /* IE6-9 */
	}

	.whiteButton, a.whiteButton  {font-family:"Avenir LT W01 85 Heavy"; text-align: center; min-width:80px; padding:2px 16px 0 16px; height:26px; font-size:0.829em; font-weight: normal; line-height:1.75; display: inline-block;
	color:#253b56; border:none; text-shadow: 0 0px rgba(255, 255, 255, .0); -webkit-border-radius: 20px; border-radius: 20px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .5);
	background: #f1f8fb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f8fb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f8fb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f8fb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f8fb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f8fb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f8fb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f8fb',GradientType=0 ); /* IE6-9 */
	}
	td>.whiteButton, td>a.whiteButton  {font-size:1em;}
	.whiteButton:hover, a.whiteButton:hover { color:#253b56;  border:none; text-shadow: 0 0px rgba(255, 255, 255, .0); -webkit-border-radius: 20px; border-radius: 20px;
	background: #e1e7ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e1e7ec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e7ec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e7ec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e1e7ec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e1e7ec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e1e7ec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e7ec',GradientType=0 ); /* IE6-9 */
	}

	.blueButton, a.blueButton  {font-family:"Avenir LT W01 85 Heavy"; text-align: center; min-width:80px; padding:2px 16px 0 16px; height:26px; font-size:0.829em; line-height:1.75; display: inline-block;
	color:#253b56; border:none; text-shadow: 0 0px rgba(255, 255, 255, .0); -webkit-border-radius: 20px; border-radius: 20px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .5);
	background: #d4e3f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d4e3f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4e3f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d4e3f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d4e3f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d4e3f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d4e3f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4e3f2',GradientType=0 ); /* IE6-9 */
	}
	td>.blueButton, td>a.blueButton  {font-size:1em;}
	.blueButton:hover, a.blueButton:hover { color:#253b56;  border:none; text-shadow: 0 0px rgba(255, 255, 255, .0); -webkit-border-radius: 20px; border-radius: 20px;
	background: #b6d1e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #b6d1e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b6d1e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b6d1e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#b6d1e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#b6d1e4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#b6d1e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6d1e4',GradientType=0 ); /* IE6-9 */
	}

/* Jquery ui */
.ui-datepicker {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid #dee9f0;
	cursor: pointer;
}
.ui-datepicker-header {
	text-align: right;
}
.ui-datepicker-title{
	margin-top: 10px;
}
.ui-datepicker-calendar thead {
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.ui-datepicker-prev, .ui-datepicker-next {
	cursor: pointer;
}
.ui-datepicker-prev {
	margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.rfi {width: 100%;}
	select,  .uneditable-input, .styled-select, .styled-select select {
		margin:0; width:99%;
	}
	textarea, input[type="text"], input[type="password"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"]{
		margin:0; width:98%;
	}
	.rfi .column{margin-bottom:20px;}

	select{-moz-appearance:none; -moz-appearance:none!important;overflow:hidden;
    width: 120%;}

	#search-wrapper { position: absolute; top: 0; right: 0; width: 100%; background: none; float: left; height: auto; margin:0;}
	#search-wrapper > a { position: absolute; top: 0; right: 0; width: 3.125em; height: 3.125em;  text-align: left; text-indent: -9999px; background:url(../images/mobile/nav-icon-search.png) center center no-repeat; background-size:50%; display:block; z-index:5; }
	#search-wrapper .searchbox {width: 94%; padding: 0 0 0 2.5%;}
	.searchbox_submit {left: 90%;}
	.button, a.button,.blueButton, a.blueButton,.whiteButton, a.whiteButton,td>.whiteButton, td>a.whiteButton,td>.blueButton, td>a.blueButton{min-width:50px; font-size:80%; padding:2px 10px 0 10px;}
	textarea, input[type="text"], input[type="password"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], .uneditable-input
{ text-align:left;}

}

@media only screen and (max-width: 640px) {
	/* Course Recommender
	================================================== */
		.course_question header { line-height: 1.25; margin-bottom: 20px;}
		.course_question ul { display: block; }
		.course_question li { width: 18.5%;}
		.course_question input[type="radio"] + label span, input[type="radio"] + p span { bottom: -30px; left: 25px; top: auto;}
		.blueButton, a.blueButton{min-width:60px; font-size:80%; padding:2px 10px 0 10px; height:20px;}
		textarea, input[type="text"], input[type="password"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], .uneditable-input
{ text-align:left;}

}