/*	=========================================== *\ 
		Wild Apple Design Group
		Cherry UI Kit
		
		Version 1.3
		3-28-2014
\*	===========================================	*/

/*	=========================================== *\
		Code Box
\*	===========================================	*/
.code-box {
	padding: 15px;
	background-color: #000;
	color: #FFF;
	margin: 15px 0 15px 0;
	position: relative;
	border: 2px solid #000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
}

.code-box-expand-trigger {
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	line-height: normal;
}

.code-box-collapse-trigger {
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	line-height: normal;
	display: block;
}

/*	=========================================== *\
		Buttons Base Code
\*	===========================================	*/
.button,
button,
input[type="submit"],
.button:link,
button:link,
input[type="submit"]:link,
.button:visited,
button:visited,
input[type="submit"]:visited {
	display: inline-block;
	cursor: pointer;
	padding: 8px 18px;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	background-color: #0b539f;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	/* IE Inline Block */
	zoom:1; 
	*display: inline; 
}

.button:hover,
.button:active,
button:hover,
button:active,
input[type="submit"]:hover,
input[type="submit"]:active {
	background-color: #3a84d3;
	color: #FFF;
	text-decoration: none;
	transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
}

/*	=========================================== *\
		Button Primary Colors
\*	===========================================	*/
.button-red,
.button-warning,
.button-red:link,
.button-warning:link,
.button-red:visited,
.button-warning:visited {
	background-color: #c24b3b;
}

.button-red:hover,
.button-warning:hover,
.button-red:active,
.button-warning:active {
	background-color: #a33f32;
}

.button-green,
.button-success,
.button-green:link,
.button-success:link,
.button-green:visited,
.button-success:visited {
	background-color: #97c244;
}

.button-green:hover,
.button-success:hover,
.button-green:active,
.button-success:active {
	background-color: #80a439;
}

.button-blue,
.button-secondary,
.button-blue:link,
.button-secondary:link,
.button-blue:visited,
.button-secondary:visited {
	background-color: #0b539f;
}

.button-blue:hover,
.button-secondary:hover,
.button-blue:active,
.button-secondary:active {
	background-color: #246cba;
}

.button-yellow,
.button-auxiliary,
.button-yellow:link,
.button-auxiliary:link,
.button-yellow:visited,
.button-auxiliary:visited {
	background-color: #dfb525;
}

.button-yellow:hover,
.button-auxiliary:hover,
.button-yellow:active,
.button-auxiliary:active {
	background-color: #ae8d1d;
}

.button-white,
.button-inverse,
.button-white:link,
.button-inverse:link,
.button-white:visited,
.button-inverse:visited {
	background-color: #FFFFFF;
	color: #333;
}

.button-white:hover,
.button-inverse:hover,
.button-white:active,
.button-inverse:active {
	background-color: #c2c2c2;
	color: #333;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.button.active,
.button.active:link,
.button.active:visited {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	cursor: default;
}

/*	=========================================== *\
		Button Sizes
\*	===========================================	*/
.button-mini,
.button-mini:link,
.button-mini:visited,
.button-mini:hover,
.button-mini:active {
	padding: 4px 6px;
	font-size: 12px;
	line-height: 16px;
}

.button-small,
.button-small:link,
.button-small:visited,
.button-small:hover,
.button-small:active {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 18px;
}

.button-large,
.button-large:link,
.button-large:visited,
.button-large:hover,
.button-large:active {
	padding: 10px 24px;
	font-size: 18px;
	line-height: 24px;
}

.button-giant,
.button-giant:link,
.button-giant:visited,
.button-giant:hover,
.button-giant:active {
	padding: 12px 30px;
	font-size: 22px;
	line-height: 28px;
}

/*	=========================================== *\
		Button Group
\*	===========================================	*/
.button-group {
	margin-bottom: 25px;
	display: block;
}

.button-group .button {
	margin-right: -3px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
}

.button-group .button:first-child {
	border-radius: 3px 0 0 3px;
}

.button-group .button:last-child {
	border-radius: 0 3px 3px 0;
}

/*	=========================================== *\
		Button Navigation
\*	===========================================	*/
.button-nav {
	margin-bottom: 25px;
	display: block;
}

.button-nav .button {
	margin: 0px 0px 1px 0px;
	display: block;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	background: #0b539f;
	zoom: 1;
	filter: alpha(opacity=100)!important;
	opacity: 1!important;
}

.button-nav .button:hover {
	margin: 0px 0px 1px 0px;
	display: block;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	background: #2066b0!important;
	zoom: 1;
	filter: alpha(opacity=100)!important;
	opacity: 1!important;
}

.button-nav .nav-selected  {
	margin: 0px 0px 1px 0px;
	display: block;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	background: #2066b0!important;
	zoom: 1;
	filter: alpha(opacity=100)!important;
	opacity: 1!important;
}




.button-nav .button:first-child {
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
}

.button-nav .button:last-child {
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
}

/*	=========================================== *\
		Button Block
\*	===========================================	*/
.button-block,
.button-block:link {
	display: block;
	text-align: center;
}


/*	=========================================== *\
		DROPDOWNS
\*	===========================================	*/
.dropdown {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
	min-width: 160px;
	max-width: 360px;
	list-style: none;
	background: #FFF;
	border: solid 1px #ccc;
	border: solid 1px rgba(0, 0, 0, .3);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.dropdown .dropdown-panel {
	padding: 10px;
}

.dropdown.dropdown-tip {
	margin-top: 8px;
}

.dropdown.dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown.dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}

.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
	max-height: 358px;
	overflow: auto;
}

.dropdown ul.dropdown-menu {
	margin: 0;
	padding: 8px;
}

.dropdown ul.dropdown-menu ul {
	margin: 0;
	padding: 0;
}

.dropdown .dropdown-menu li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

.dropdown .dropdown-menu li > a,
.dropdown .dropdown-menu label {
	display: block;
	color: #333;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	margin: 0;
	white-space: nowrap;
}

.dropdown .dropdown-menu li > a:hover,
.dropdown .dropdown-menu label:hover {
	background-color: #646464;
	color: #FFF;
	cursor: pointer;
}

.dropdown .dropdown-menu .dropdown-divider {
	font-size: 1px;
	border-top: solid 1px #ededed;
	padding: 0;
	margin: 5px 0;
}


/*	=========================================== *\
		Wells
\*	===========================================	*/
.well {
	padding: 16px;
	display: block;
	margin-bottom: 24px;
	background-color: #ededed;
}

.well-light {
	padding: 16px;
	display: block;
	margin-bottom: 24px;
	background: #fff;
	color: #0b539f;
	border: 1px solid #06488d;
}

.well-warning,
.well-red {
	background-color: #c24b3b;
	color: #FFFFFF;
}

.well-success,
.well-green {
	background-color: #9ea374;
	color: #FFFFFF;
}

.well-secondary,
.well-blue {
	background-color: #25a3c2;
	color: #FFFFFF;
}

.well-auxiliary,
.well-yellow {
	background-color: #dfb525;
	color: #FFFFFF;
}

.well-inverse,
.well-white {
	background-color: #FFFFFF;
}

.well-dark,
.well-black {
	background-color: #333333;
	color: #FFFFFF;
}

/*	=========================================== *\
		Gigantor / Hero
\*	===========================================	*/
.gigantor,
.hero {
	padding: 24px;
	background-color: #333;
	color: #FFF;
	margin-bottom: 24px;
}

.gigantor h1,
.hero h1 {
	font-size: 72px;
	line-height: normal;
}

.gigantor h2,
.hero h2 {
	font-size: 64px;
	line-height: normal;
}

.gigantor h3,
.hero h3 {
	font-size: 42px;
	line-height: normal;
}

.gigantor p,
.hero p {
	font-size: 18px;
	line-height: 26px;
}

/*	=========================================== *\
		Frames
\*	===========================================	*/
.frame {
	background-color: #FFF;
	border: 1px solid #ccc;
	border-bottom-width: 4px;
	padding: 16px;
	margin-bottom: 16px;
	display: block;
}

.frame-warning,
.frame-red {
	border: 1px solid #c24b3b;
	border-bottom-width: 4px;
}

.frame-success,
.frame-green {
	border: 1px solid #97c244;
	border-bottom-width: 4px;
}

.frame-secondary,
.frame-blue {
	border: 1px solid #25a3c2;
	border-bottom-width: 4px;
}

.frame-auxiliary,
.frame-yellow {
	border: 1px solid #dfb525;
	border-bottom-width: 4px;
}

.frame-dark,
.frame-black {
	border: 1px solid #fff;
	background-color: #333;
	border-bottom-width: 4px; 
	color: #FFF;
}

.frame-tight {
	padding: 0;
}


/*	=========================================== *\
		Alerts
\*	===========================================	*/
.alert {
	padding: 16px 62px 16px 24px;
	margin-bottom: 24px;
	background-color: #dfb525;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
}

.alert p {
	font-size: 14px;
	line-height: 18px;
}

.alert p:last-of-type {
	margin-bottom: 0px;
}

.alert-red,
.alert-warning {
	background-color: #c24b3b;
}

.alert-green,
.alert-success {
	background-color: #97c244;
}

.alert-blue,
.alert-secondary {
	background-color: #25a3c2;
}

.alert-white,
.alert-inverse {
	background-color: #FFFFFF;
	color: #333333;
}

.alert a:link {
	background-color: #FFF;
	background-color: rgba(255,255,255,0.75);
	padding: 0 6px;
}

a.alert-dismiss-trigger,
a.alert-dismiss-trigger:link,
a.alert-dismiss-trigger:visited {
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	border-left: 1px dotted #FFF;
	border-left: 1px dotted rgba(255,255,255,0.3);
	height: 100%;
	text-align: center;
	display: block;
	font-size: 24px;
	line-height: 46px;
	cursor: pointer;
	color: inherit !important;
}

.alert-white a.alert-dismiss-trigger,
.alert-white a.alert-dismiss-trigger:link,
.alert-white a.alert-dismiss-trigger:visited,
.alert-inverse a.alert-dismiss-trigger,
.alert-inverse a.alert-dismiss-trigger:link,
.alert-inverse a.alert-dismiss-trigger:visited {
	border-left: 1px dotted #000;
	border-left: 1px dotted rgba(0,0,0,0.3);
}

a.alert-dismiss-trigger:hover,
a.alert-dismiss-trigger:active {
	color: rgba(33,33,33, 0.8) !important;
}

#alerts-area .alert {
	margin-bottom: 0;
}

/*	=========================================== *\
		Labels & Badges
\*	===========================================	*/
.label,
.badge {
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	-o-border-radius: 24px;
	padding: 0 12px;
	background-color: #333;
	color: #FFF;
	font-size: 14px;
	line-height: 22px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
	/* IE Inline Block */
	zoom:1; 
	*display: inline; 
}

.badge {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	min-width: 22px;
	text-align: center;
	padding: 0px;
}

.label-red,
.label-warning,
.badge-red,
.badge-warning {
	background-color: #b24451;
}

.label-green,
.label-success,
.badge-green,
.badge-success {
	background-color: #9fa374;
}

.label-blue,
.label-secondary,
.badge-blue,
.badge-secondary {
	background-color: #1d2172;
}

.label-yellow,
.label-auxiliary,
.badge-yellow,
.badge-auxiliary {
	background-color: #d6b304;
}

.label-white,
.label-inverse,
.badge-white,
.badge-inverse {
	background-color: #FFFFFF;
	color: #333;
} 

/*	=========================================== *\
		Forms
\*	===========================================	*/
*:focus {
	outline: none;
}

form label {
	font-size: 14px;
	line-height: 18px;
	color: #333;
}

input,
select,
textarea,
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
	padding: 6px;
	height: 2.85em;
	border: 1px solid #cccccc;
	outline: 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	/* IE Inline Block */
	zoom:1; 
	*display: inline; 
}

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

input[type="radio"] {
	padding: 0;
	height: auto;
	width: auto;
}

input[type="number"] {
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
}

textarea {
	height: 8.0em;
}


select optgroup {
	font-size: 13px;
	font-weight: bold;
	color: #646464;
}

input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid,
input[type="text"]:focus:invalid, 
input[type="password"]:focus:invalid, 
input[type="datetime"]:focus:invalid, 
input[type="datetime-local"]:focus:invalid, 
input[type="date"]:focus:invalid, 
input[type="month"]:focus:invalid, 
input[type="time"]:focus:invalid, 
input[type="week"]:focus:invalid, 
input[type="number"]:focus:invalid, 
input[type="email"]:focus:invalid, 
input[type="url"]:focus:invalid, 
input[type="search"]:focus:invalid, 
input[type="tel"]:focus:invalid, 
input[type="color"]:focus:invalid {
	border: 1px solid #c24b3b;
	box-shadow: 0 0 4px #c24b3b;
	-moz-box-shadow: 0 0 4px #c24b3b;
	-webkit-box-shadow: 0 0 4px #c24b3b;
	-o-box-shadow: 0 0 4px #c24b3b;
}

input:focus:valid,
select:focus:valid,
textarea:focus:valid,
input[type="text"]:focus:valid, 
input[type="password"]:focus:valid, 
input[type="datetime"]:focus:valid, 
input[type="datetime-local"]:focus:valid, 
input[type="date"]:focus:valid, 
input[type="month"]:focus:valid, 
input[type="time"]:focus:valid, 
input[type="week"]:focus:valid, 
input[type="number"]:focus:valid, 
input[type="email"]:focus:valid, 
input[type="url"]:focus:valid, 
input[type="search"]:focus:valid, 
input[type="tel"]:focus:valid, 
input[type="color"]:focus:valid {
	border: 1px solid #97c244;
	box-shadow: 0 0 4px #97c244;
	-moz-box-shadow: 0 0 4px #97c244;
	-webkit-box-shadow: 0 0 4px #97c244;
	-o-box-shadow: 0 0 4px #97c244;
}

input[type="range"],
input[type="range"]:focus,
input[type="range"]:focus:invalid,
input[type="range"]:focus:valid {
	background: none;
	outline: 0px;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

input[type="submit"] {
	height: 2.35em;
	text-align: center;
}

:-moz-placeholder {
    color: #646464;
}
::-webkit-input-placeholder {
    color: #646464;
}

::-webkit-validation-bubble-message {
    padding: 1em;
}

/*	=========================================== *\
		Some standard field container classes
		mostly good for usage with Advanced Forms
		module. 
		
		THESE CLASSES SHOULD BE APPLIED
		TO THE FIELD CONTAINERS
\*	===========================================	*/

.field-left {
	float: left;
	width: 45%;
	clear: left;
}

.field-right {
	float: right;
	width: 45%;
}

.field-whole {
	width: 100%;
	clear: both;
}

.field-left,
.field-right,
.field-whole {
	margin-bottom: 16px;
}

.field-right input,
.field-left input,
.field-whole input,
.field-right textarea,
.field-left textarea,
.field-whole textarea,
.field-right select,
.field-left select,
.field-whole select {
	width: 100%;
}

.field-right input[type="checkbox"],
.field-left input[type="checkbox"],
.field-whole input[type="checkbox"],
.field-right input[type="radio"],
.field-left input[type="radio"],
.field-whole input[type="radio"] {
	width: auto;
	margin-bottom: 0;
}

.field-right form label,
.field-left form label,
.field-whole form label {
	display: inline-block;
	vertical-align: middle;
	/* IE Inline Block */
	zoom:1; 
	*display: inline; 
}

@media screen and (max-width: 769px) {

	.mq .field-left,
	.mq .field-right  {
		float: none;
		width: 100%;
		clear: both;
	}

}

/*	=========================================== *\
		GLOBAL COLOR CLASSES
\*	===========================================	*/
.warning,
.red {
	color: #c24b3b;
}

.success,
.green {
	color: #97c244;
}

.secondary,
.blue {
	color: #25a3c2;
}

.auxiliary,
.yellow {
	color: #dfb525;
}

.bg-warning,
.bg-red {
	background-color: #c24b3b;
}

.bg-success,
.bg-green {
	background-color: #97c244;
}

.bg-secondary,
.bg-blue {
	background-color: #25a3c2;
}

.bg-auxiliary,
.bg-yellow {
	background-color: #dfb525;
}

.grey-black {
	color: #333333;
}

.bg-grey-black {
	background-color: #333333;
}

.grey-dark {
	color: #646464;
}

.bg-grey-dark {
	background-color: #646464;
}

.grey-medium {
	color: #cccccc;
}

.bg-grey-medium {
	background-color: #cccccc;
}

.grey-light {
	color: #ededed;
}

.bg-grey-light {
	background-color: #ededed;
}

.school-color-1 {
	color: #0b539f;
}

.bg-school-color-1 {
	background-color: #0b539f;
}

.school-color-2 {
	color: #b24451
}

.bg-school-color-2 {
	background-color: #b24451
}

.school-color-3 {

}

.bg-school-color-3 {

}

.school-color-4 {

}

.bg-school-color-4 {

}