.rating-1 {
	background-color: #4E8542 !important;
}
.rating-2 {
	background-color: #89B580 !important;
}
.rating-3 {
	background-color: #D9EAD5 !important;
}
.rating-4 {
	background-color: #9F2936 !important;
}
.rating-5 {
	background-color: #710C17 !important;
}

.schoolCardBody:hover {
	opacity: .75 !important;
}
.schoolCardbox{
	border: 1px solid rgba(0,0,0,.5) !important;
}

.schoolCardBody{
	position: relative;
}
.schoolCardRatingNbr{
	font-size: 28px;
	bottom: .3em !important;
	right: 10px !important;
	color:#FFFFFF;
}
.schoolRating {
	font-weight: bold;
}

/* div.schoolColor{
	top:44.5px;
	position: relative;
	display: block;
	height: 45.0px;
	width: 13px;
	left: -8px;
	right: 96%;
	border-bottom: 1.5px solid #C9CECD;
	border-right: 1.5px solid #C9CECD;
} */

li span.schoolColor {
	position: relative;
	display: block;
	width: 10px;
}

#overallRatings {
	font-size:smaller;
}


.homecontentbutton{
	display: block;
	box-sizing: border-box;
	margin: 8px;
	padding: 8px;
	background: #fff; /* fallback color for old browsers */
	/*  background: rgba(255, 255, 255, 0.75);*/
	border:1px solid #e0e0e0;
	border-radius: 4px;
	color: #333;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
	transition: all 0.3s ease-out;
}

.homecontentbutton:hover,.homecontentbutton:focus {
    background: #cccccc !important;
    border: 1px solid #999 !important;
    color: #000 !important;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rcorners h1{
	margin-top: 0;
}

/* Home Test Styles */

.nav-tabs {
	margin: 0 auto;
	border-bottom: 0 !important;
	width: 90%;
}

.nav-item{
	background: #DFDFDF;
	border-radius: 8px 8px 0px 0px;
	margin-left: 6px;
	border-bottom: 1px solid #DDD;
}

.nav-item:active{
	background: #FFF;
}

.nav-tabs > li > a {
	border-radius: 8px 8px 0 0 !important; 
}

.nav-item > a{
	margin-right: 0 !important;
}

.carouselbuttonbar .input-group-addon, .carouselbuttonbar .ui-autocomplete-input {
	font-size: 14px !important;
}

#schoolSearch label{
	color: #555555;
	font-weight: 200;
	font-size: 22px;
}

#standard_st label {
	display: inline;
	/*text-align: right;*/
	color: #555555;
}

#m_pickerDrillDown{
	margin-top: 0;
}

#m_pickerMain{
	margin-top: 11px;
}

/* Explore Test Styles */

.schoolArea{
	margin-top: 15px;
}

.schoolArea h2 {
	margin-top: 0;
}

#detailsBar{
	background-color: #FFF;
}

.detailsArea{
	
	font-size: 14px;
	padding:0;
	width: 100%;
}

.detailsArea li span {
	padding: 10px;
	border-bottom: 1.5px solid #C9CECD;
}

.detailsBox{
	padding:10px;
	/* background-color: #FFF; */
}

.detailsBox > ul {
	padding-right:0;
}

.detailsCorners{
	background-color: #FFF;;
	border: 1px solid #DDD;
	padding: 10px;
	max-width: inherit;
}

#comparisonBar{
	background-color: #FFF;
}

.comparisonArea{
	margin-top:20px;
	font-size: 14px;
	padding:0;
}

.carousel-inner .item {
    background-image: url("[m]$.siteConfig('themeAssetPath')[/m]/images/homebig.jpg");background-size: cover;
	height: 311px;
}

.carouselbuttonbar{
	color : #333 !important; 
	height: 210px; 
}

.carouselbutton:hover,.carouselbutton:focus {
    background: #cccccc !important;
    border: 1px solid #999 !important;
    color: #000 !important;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
	.navbar-brand:hover,.navbar-brand:focus 
{
    border: 1px solid #999 !important;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


	.dropdown-toggle:focus, #schoolFinder a:focus, .fFocus:focus, a.weblink:focus, a.clickable:focus, a.subnavBtn:focus {
	    border: 1px solid #999 !important;
	}

	#schoolFinder a:hover,.navbar-brand:hover {
	    border: 0px solid #999 !important;
	}

	a.btn:focus {
		font-weight:bold; border: 1px solid #0000FF;
	}

	.cardPanel:hover, .cardPanel:focus, a:focus .cardPanel, a:hover .cardPanel{
		background: #cccccc !important;
		border: 1px solid #000 !important;
	}

	a.graphDetails:hover, a.graphDetails:focus {
	    border: 1px solid #999 !important;
    	background: #cccccc !important;
	}

	a.myprint:hover,a.myprint:focus{
	    border: 1px solid #fff !important;
	} 

	a.btn:hover, a.btn:focus {
	    border: 1px solid #999 !important;
    	background: #cccccc !important;
	}

	.back-to-top:focus {	    border: 1px solid #999 !important;
	    background: #cccccc !important;
	}

	.myHomePageTitleLine1 {
		font-size: 90px;
		font-weight: 300;
		text-shadow: none;
		
		letter-spacing: 3px;
		font-family: "Kaushan Script";
		line-height: 1.1;
	}

	.myHomePageTitleLine2 {
		font-size: 14px;
		font-weight: 300;
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: 'fjalla one';
		line-height: 1.1;
	}

	.responsive-width-large {
		font-size: 12vw;
	}

	.responsive-width-medium {
		font-size: 8px;
	}

	.responsive-width {
		font-size: 8px;
	}

	.carousel-caption {
		top: 5%;
	}


	.cButton{
		padding-left: 10px;
    	padding-right: 10px;
	}

	
	@media(max-width: 575px){

		.carousel-inner .item{
			background-image: url("[m]$.siteConfig('themeAssetPath')[/m]/images/homebig.jpg");background-size: cover;
			height: 400px;
		}

		.carousel-caption{
			padding-top: 0 !important;
		}

		.carouselbuttonbar{
			height: 330px;
		}

		#standard_st label {
			padding-left: 0;
			text-align: left;
			margin: 5px 0;
		}

		#schoolSearch span {
			display: block;
			width: 100%;
			border-radius: 4px;
			margin-bottom: 10px;
			border: 1px solid #CCC;
		}
	}


	@media (min-width: 576px) and (max-width: 767px){

	.carousel-inner .item {
		background-image: url("[m]$.siteConfig('themeAssetPath')[/m]/images/homebig.jpg");background-size: cover;
		height: 275px;
	}

	.carouselbuttonbar{
		color : #333 !important; 
		height: 220px; 
	}

	.schoolSearch > span#basic-addon3 {
		display: inline;
		width: auto;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		margin-bottom: 0;
		border-right: 0;
	}

	#m_pickerDrillDown{
		margin-top: auto;
	}

	.districtOneList{
		padding-right: 0 !important;
	}
	
	.districtTwoList{
		padding-left: 0 !important;
	}

	.carousel-caption {
	    top: 5px;
		padding-top: 0 !important;
	}

	.cButton{
		padding-left: 10px;
    	padding-right: 10px;		
	}

	.picker select{
		width: 50%;
	}

	#schoolSearch span {
		display: block;
		width: 100%;
		border-radius: 4px;
		margin-bottom: 10px;
		border: 1px solid #CCC;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) { 
	.responsive-width-large {
	    font-size: 8vw;
	}
	.responsive-width {
	    font-size: 1vw;
	}

	.myHomePageTitleLine2 {
	    font-size: 22px;
	    font-weight: 300;
	    margin-top: 20px;
	    margin-bottom: 10px;
	    font-family: 'fjalla one';
	    line-height: 1.1;
	}

	.carousel-inner .item {
		background-image: url("[m]$.siteConfig('themeAssetPath')[/m]/images/homebig.jpg");background-size: cover;
		background-position: 0 -110px !important;
		height: 260px !important;
	}

	.carouselbuttonbar{
		color : #333 !important; 
		height: 200px; 
	}

	.schoolSearch > span#basic-addon3 {
		display: inline;
		width: auto;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		margin-bottom: 0;
		border-right: 0;
	}

	#m_pickerDrillDown{
		margin-top: auto;
	}

	.districtOneList{
		padding-right: 0 !important;
	}
	
	.districtTwoList{
		padding-left: 0 !important;
	}

	.carousel-caption {
	    top: 10px;
		padding-top: 0 !important;
	}
	.showme12{
		width:90%;
	}

	.cButton{
		padding-left: 20px;
    	padding-right: 20px;
		
	}

	#standard_st select {
		display:inline;
		/*width: 70%;*/
	}

	#schoolSearch span {
		display: block;
		width: 100%;
		border-radius: 4px;
		margin-bottom: 10px;
		border: 1px solid #CCC;
	}

}

@media (min-width: 992px) and (max-width: 1199px) { 
	.responsive-width-large {
	    font-size: 5vw;
	}
	.responsive-width {
	    font-size: .8vw;
	}

	.myHomePageTitleLine2 {
	    font-size: 22px;
	    font-weight: 300;
	    margin-top: 20px;
	    margin-bottom: 10px;
	    font-family: 'fjalla one';
	    line-height: 1.1;
	}

	.carousel-inner .item {
		background-image: url("[m]$.siteConfig('themeAssetPath')[/m]/images/homebig.jpg");background-size: cover;background-position: 0 -145px !important;
		height: 220px !important;
	}

	.carouselbuttonbar{
		color : #333 !important; 
		height: 155px; 
	}

	.schoolSearch > span#basic-addon3 {
		display: inline;
		width: auto;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		margin-bottom: 0;
		border-right: 0;
	}
	
	#m_pickerDrillDown{
		margin-top: auto;
	}

	.districtOneList{
		padding-right: 0 !important;
	}
	
	.districtTwoList{
		padding-left: 0 !important;
	}

	.carousel-caption {
	    /*top: 30%;*/
		top: 10px;
		padding-top: 0 !important;
	}
	.showme12{
		width:90%;
	}
	.cButton{
		padding-left: 20px;
    	padding-right: 20px;
	}

	#standard_st label{
		padding-left: 0;
	}

	#standard_st select {
		display:inline;
		width: 70%;
	}
}

@media (min-width: 1200px) {
	#navPrimary{
		padding-top: 20px !important;
	}

	.responsive-width-large {
	    font-size: 4vw;
	}
	.responsive-width {
	    font-size: .65vw;
	}

	.myHomePageTitleLine2 {
	    font-size: 22px;
	    font-weight: 300;
	    margin-top: 20px;
	    margin-bottom: 10px;
	    font-family: 'fjalla one';
	    line-height: 1.1;
	}

	.carousel-inner .item {
		background-image: url("[m]$.siteConfig('themeAssetPath')[/m]/images/homebig.jpg");background-size: cover;background-position: 0 -160px !important;
		height: 220px !important;
	}

	.carouselbuttonbar{
		color : #333 !important; 
		height: 155px; 
	}

	.schoolSearch > span#basic-addon3 {
		display: inline;
		width: auto;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		margin-bottom: 0;
		border-right: 0;
	}

	#m_pickerDrillDown{
		margin-top: auto;
	}

	.districtOneList{
		padding-right: 20px !important;
	}
	
	.districtTwoList{
		padding-left: 20px !important;
	}

	.carousel-caption {
	    /*top: 30%;*/
		top: 10px;
		padding-top: 0 !important;
	}
	.showme12{
		width:90%;
	}
	
	.cButton{
		padding-left: 20px;
    	padding-right: 20px;
	}

	#standard_st select {
		display:inline;
		width: 70%;
	}

}
	#mySubNav > .dropdown-kebab-pf .btn-link { 
		margin-right:1px; 
	}
	/*
	.carouselbuttonbar{
		color : #333 !important; 
		height: 155px; 
	}
	*/
	.carouselbuttonbar label{
		font-family: 'fjalla one' !important;
		/*font-size: 18px;*/
	}
	#autocomplete {
		color : #dddddd !important; 
	}
	.ui-widget-content {
		text-align: left !important;
	}
	.autocomplete-suggestions { 
		text-align: left !important; 
		border: 1px solid #ccc !important; 
		/* border-bottom-left-radius: 3px !important; 
		border-bottom-right-radius: 3px !important;  */
		overflow: auto !important; 
		background-color: #fff !important; 
	}
	.autocomplete-suggestion { 
		padding: 5px 5px !important; white-space: nowrap; overflow: hidden; cursor: pointer;
	}
	
	.autocomplete-suggestions strong { font-weight: normal !important; }
	.autocomplete-group { padding: 2px 5px !important; }
	.autocomplete-group strong { display: block !important; border-bottom: 1px solid #000 !important; }
	.ui-autocomplete { border: 1px solid #000 !important; background-color: #fff !important;} 
	#autocomplete .ui-menu-item{background-color: aqua !important;}

	.btn-autoCompleteSchool,.btn-advSearch  { 
		padding:8px !important;
	}

	.detailsArea{

	}


	h2 a{
		font-family:'fjalla one' !important;
	}