@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 300;
  src: local('Hind Light'), local('Hind-Light'), url(http://fonts.gstatic.com/s/hind/v5/0IXD51eZ8qgi73bhvRidlQ.woff2) format('woff2'), url(http://fonts.gstatic.com/s/hind/v5/R5nyNcvoz7n0iBHxjY_LyQ.woff) format('woff');
}
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: local('Hind Regular'), local('Hind-Regular'), url(http://fonts.gstatic.com/s/hind/v5/xLdg5JI0N_C2fvyu9XVzXg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/hind/v5/mjitrc9VnL7D7tS-i3g3XQ.woff) format('woff');
}
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: local('Hind Medium'), local('Hind-Medium'), url(http://fonts.gstatic.com/s/hind/v5/_JiDQLq4JWzs7prWhNNmuA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/hind/v5/yATwQM0pIZXIFPrEDZyOHg.woff) format('woff');
}
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: local('Hind Semibold'), local('Hind-Semibold'), url(http://fonts.gstatic.com/s/hind/v5/A2xpLU2z2kq5byuh5bkohg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/hind/v5/2dBELi3ZbivnVPt1KR2lhQ.woff) format('woff');
}
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: local('Hind Bold'), local('Hind-Bold'), url(http://fonts.gstatic.com/s/hind/v5/PQuIEfcr_wdF_zOSNjqWKQ.woff2) format('woff2'), url(http://fonts.gstatic.com/s/hind/v5/lyIZFqDTaXXyAxN6-svvJg.woff) format('woff');
}
HTML {
	font-size:100%;
	overflow-y: scroll;
    color:#616161;
    font-family: Hind, sans-serif;
}
HTML, BODY, DIV, SPAN, IFRAME, H1, H2, H3, P, A, EM, FONT, IMG, STRONG, DL, DT, DD, UL, OL, LI, FORM, LABEL, TABLE, TR, TD {
	border:none;
	outline:none;
	vertical-align:baseline;
	font-family: Hind, sans-serif;
	margin:0;
	padding:0;
}
B, STRONG, H1, H2, H3 {
	font-weight:400;
}
UL, OL {
	list-style:none;
}
TEXTAREA, INPUT, SELECT{
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px;
    background-color: #f7f7f7;
    padding:3px;
    color: #616161;
    font-family:Hind, sans-serif;
    font-size:1em;
    border-radius: 5px;
}
SELECT > OPTION{
	text-indent:10px;
}
/********** RESET CSS END **********/

/******************************
* BASIC CSS For Whole Site START
* Note:
* The css in this part is used for whole site,include html tag css and class css
******************************/
* {
	line-height:1.5;
	border: 0 none;
	margin: 0;
	padding: 0;
}
HTML, BODY {
	font-family: Hind, sans-serif;
	background:#FFFFFF;
	margin:0 auto;
	padding:0;
	min-height:100% !important;
	height:auto;
}
A{
	color:#1E8BC3;
	text-decoration:none;
	cursor:pointer;
}
A:visited {
	color:#1E8BC3;
}
A:hover {
	color:#F4B350;
	text-decoration:underline;
}
A:active {
    color: #2c9fe4;
}
EM {
    font-style:italic;
}
table {
    border-collapse: collapse;
    clear: both;
    display: block;
    text-align: left
}
table TD {
    vertical-align:middle;
    padding:2px 0 4px;
    padding-left:5px;
}
.hide,.show_hide_sat,.show_hide_act{
    display:none;
}
.just-mobile-show-inline, .just-mobile-show-block, .m-text {
    display:none;
}
.just-desktop-show-inline {
    display:inline;
}
.just-desktop-show-block {
    display:block;
}
.break, .c {
    clear:both;
}
.bigtext{
	font-size:18px;
	color:#616161;
}
.smalltext{
	font-size:18px;
	color: #616161;
    font-weight:300;
}
.spamtrap {
    display:none;
    visibility: hidden;
}
.emphasized {
    color:red;
}
.emphasized-2 {
    color:#F99900;
}
.de-emphasized {
    font-size:11px;
}
.very-de-emphasized {
    color:#CCC;
}
.orange {
    color:#F99900;
}
.blue {
    color:#00ADE3;
    font-weight:bold;
}
.red {
    color:red;
    font-weight:bold;
}
.rss-date {
    color: #FF6600;
    font-size:14px;
}
.reset_margin {
    margin:0 !important;
}
div.user_message {
    text-align:center;
    font-weight:bold;
    color: #F00;
    width:100%
}
.contactinfo a {
    text-decoration:none;
}
.separate{
	display: inline-block;
    height: 0;
    width: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-color: #c7c7c7;
    border-style: solid;
    border-width: 20px 1px;
    margin: 10px 10px 30px 14px;
}
/*submit buttin styles*/
input.submit, .updateNew, .compare_schools, .compare, .remove, .submitForm, .zipcodes, .Sport_Enter {
	font-weight:600;
	padding: 7px 15px 4px;
	cursor:pointer;
	font-size: 18px;
    -webkit-appearance: none; 
	border:none;
}
.submit, input[type="button"] {
    background: #F4B350;
    border-radius: 5px;
    color: #FFFFFF;
    font-family:inherit;
    font-size: 17px;
    position: relative;
	font-weight: bold;
    padding: 7px 15px 4px;
    transition:background-color .25s linear;
	-o-transition:background-color .25s linear;
	-webkit-transition:background-color .25s linear;
	-moz-transition:background-color .25s linear;
}
/**********  BASIC CSS For Whole Site END **********/
/******************************  
* BASIC CSS For Basic View Components START
* Note:
* The css in this part is bacis css for Basic View Components Such AS FormView, TableView 
******************************/
/*** ContentBoxViews Start ***/
.contentboxouter {
    position: relative;
    border: 1px solid #E6E6E6;
    background-color: #FFF;
    padding: 10px;
    margin: 20px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
.contentboxinner {
    margin: 0 10px;
}
.content2boxouter {
    position:relative;
    margin:10px 0;
    padding:3px;
    background-color:#FFF;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
.content2boxinner {
    position:relative;
    background-color:#E4F1FE;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
#secondary-content .contentboxouter {
    padding:0;
}
#secondary-content .contentboxinner {
    margin:0; 
    padding:0;
}
.new_content_section_1 {
    background-color: #FEFEFB;
    border: 1px solid #D0D0D0;
    border-radius: 5px 5px 0 0;
    margin:20px 0;
}
.new_content_section_2 {
    background-color: #FBFFFC;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    margin: 20px 0px;
}
.new_content_section_3 {
    background-color: #FDFDFF;
	border: 1px solid #E6E6E6;
	border-radius: 5px;
	margin:20px 0;
}
.section_header_wrapper {
    margin:0 0 0px;
    border-radius:3px 3px 0 0;
}
.section_1_header {
	color: #FFFFFF;
	font-size: 20px;
    font-family:Montserrat, sans-serif;
	position:relative;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F4B350), to(#F4B350));
	background: -webkit-linear-gradient(#F4B350, #F4B350);
	background: -moz-linear-gradient(#F4B350, #F4B350);
	background: -ms-linear-gradient(#F4B350, #F4B350);
	background: -o-linear-gradient(#F4B350, #F4B350);
	background: linear-gradient(#F4B350, #F4B350);
	-pie-background: linear-gradient(#F4B350, #F4B350);
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	line-height: 70px;
    text-align:center;
	behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
#main-content DT {
    margin:10px 0;
    font-weight:600;
    color:#F4B350;
    text-transform:uppercase;
}
#secondary-content .search_colleges .section_2_header{
	font-size:15px;
}
.section_2_header {
    text-align:center;
	color: #FFFFFF;
	font-size: 20px;
    font-family:Montserrat, sans-serif;
	position:relative;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#68C3A3 ), to(#68C3A3 ));
	background: -webkit-linear-gradient(#68C3A3 , #68C3A3 );
	background: -moz-linear-gradient(#68C3A3 , #68C3A3 );
	background: -ms-linear-gradient(#68C3A3 , #68C3A3 );
	background: -o-linear-gradient(#68C3A3 , #68C3A3 );
	background: linear-gradient(#68C3A3 , #68C3A3 );
	-pie-background: linear-gradient(#68C3A3 ,#68C3A3 );
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	line-height: 70px;
	behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
.section_3_header {
    text-align:center;
	color: #FFFFFF;
	font-size: 18px;
    font-family:Montserrat, sans-serif;
	position:relative;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1E8BC3), to(#1E8BC3));
	background: -webkit-linear-gradient(#1E8BC3, #1E8BC3);
	background: -moz-linear-gradient(#1E8BC3, #1E8BC3);
	background: -ms-linear-gradient(#1E8BC3, #1E8BC3);
	background: -o-linear-gradient(#1E8BC3, #1E8BC3);
	background: linear-gradient(#1E8BC3, #1E8BC3);
	-pie-background: linear-gradient(#1E8BC3, #1E8BC3);
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	line-height: 70px;
	behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
#request_information_box .section_content {
    padding: 20px;
}
.section_content {
    padding: 5px 9px;
    background-color: white;
    border-radius: 5px;
}
.under_header_content{
	margin:  0  10px 10px;
	padding: 30px 10px 10px;
}

.green-box{
    border: 1px solid #D0D0D0;
}
.green-box .section_1_header {
    background: linear-gradient(#68B075, #4EA25D) repeat scroll 0 0 transparent;
    border: 1px solid #387B43;
}
#diversity_ranking .school-list .table_row_head span{
	padding:0;
}
#diversity_ranking table.school-list .table_row_head td,#diversity_ranking .school-list .table_row_head .table_cell_other_2{
	padding-left:5px !important;
}
#diversity_ranking .school-list .table_row_head .table_cell_other_2{
	text-align:left;
}
#diversity_ranking .school-list .table_row_head .table_cell_other_1{
	text-align:center;
}
/**********  BASIC CSS For Basic View Components END **********/
/********** 
CSS For Page Layout START 
Note:
The page layout below is used to set the default layout of the screen between 999px to 1200px,
include some desktop.
include Landscape Orientation Of Some Tablets:
Kindle Fire (600 x 1024)
iPad Air (768 x 1024)
**********/
/*** basic css for brief main wrapper ***/
#page-container {
    min-height:100% !important;
    height:auto;
    position:relative;
}
#main-wrapper {
    width:980px;
    margin:0 auto;
    padding:0;
}
body.brief #main-wrapper {
    margin-bottom:0;
    
}
body.brief #footer-wrapper {
    margin:0;
    bottom:0;
}
/*** basic css for headline and breadcrumbs start ***/
#breadcrumbs {
    font-size:16px;
    margin: 15px 0 4px;
    color: #98999a;
}
#main-headline-wrapper {
    line-height:1.1;
    float:left;
    clear:both;
    width:660px;
    overflow:hidden;
    margin-top:7px;
}
H1.main-headline, H1.main-headline a {
    font-size:36px;
    font-weight:700;
    color:#069;
    margin-bottom:7px;
    display:block;
    line-height:1.3;
}
h1#main-headline, h1#main-headline a {
   font-size: 44px;
   font-weight: 700;
   font-family: Montserrat, sans-serif;
   color: #1E8BC3;
   border-bottom:0;
   margin:20px 0 10px 0;
   line-height:1.3;
}
H1#main-headline span,H1.main-headline span {
    line-height:1.3;
    font-family: Montserrat, sans-serif;
}
H1#main-headline a,H1.main-headline a{
    text-decoration: none;
}
/*** basic css for mainContent block ***/
#box_no_marginpadding {
    margin: 20px 0px;
    padding: 0px;
    border-radius: 8px 8px 5px 5px;
}
#box_no_marginpadding .contentboxinner {
    margin: 0px;
    padding: 0px;
}
#main-content {
	float:left;
	width:660px;
}
#main-content H3 {
	font-style: normal;
	color:#F4B350;
	font-size:24px;
	margin:20px 0 25px;
	font-family: Montserrat, sans-serif;
	line-height: 24px;
	font-weight: 900;
}
#main-content H2 {
	font-weight:900;
	color:#1E8BC3;
	font-size:18px;
	margin-bottom:10px;
    font-family: Montserrat, sans-serif;
}
#main-content UL {
	margin-bottom:10px;
	list-style:none outside none;
}
/*** basic css for Secondary Content block ***/
#secondary-content {
    float:right;
    width:300px;
    padding-left:20px;
    clear:right;
    margin-top: 0;
}
#secondary-content H3 {
    font-style: normal;
    font-weight: normal;
    color:#DD6919;
    font-size:24px;
    margin:10px 0 15px;
    line-height: 24px;
}
#secondary-content div.content h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
} 
#secondary-content DL{
    width:320px;
    margin:0 auto;
}
#secondary-content OL {
    margin-bottom:10px;
    list-style:disc;
}
#secondary-content P {
    font-size: 16px;
    margin: 1px;
    padding-bottom: 10px;
}
#secondary-content .contentboxinner h3 {
    border-bottom: 1px solid #DADFE1;
    color: #DD6919;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    margin: 10px 0 0;
    padding-bottom: 10px;
}
#secondary-content .secondary_componet_box{
    width:320px;
    margin:0px auto 10px;
}
/*** basic css for all Content block ***/
#all-content {
    float:left;
    width:980px;
}
#all-content H2 {
    font-weight:700;
    color:#069;
    font-size:18px;
    margin-bottom:10px;
}
#all-content H3 {
    font-weight:700;
    color:#F1AC47;
    font-size:18px;
    margin:10px 0;
}
#all-content P {
     color: #616161;
    font-size:16px;
    margin: 10px;
}
#all-content UL {
    margin-bottom:10px;
    list-style:disc;
}
#all-content LI {
    margin:0 0 5px 22px;
}
#all-content DD{
    margin-bottom:10px;
}
#all-content .section_1_header, #all-content .section_2_header, #all-content .section_3_header {
    text-align:left;
    padding: 0 20px;
}
#all-content .section_header_wrapper .section_3_header{
    padding:8px 20px;
}
/********** CSS For Page Layout END**********/
/********** CSS For Page Header AND FOOTER START **********/
#header-wrapper {
    width:100%;
    height:auto;
}
#print-header-wrapper{
    display:none;
}
#logo_wrapper {
    background: #F2F2F2;
}
#header {
    max-width:980px;
    height:104px;
    margin: 0 auto;
}
#header #logo {
    display:block;
    width:21%;
    height:74px;
    float:left;
    margin:16px 0 0;
}
#header #logo A {
    display:block;
    height:90px;
}
#mobile-header{
    display:none;
}
#navigation-wrapper {
    text-align:center;
    clear:both;
    width:100%;
}
#navigation-wrapper UL A {
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    list-style: none;
    color: #FFF;
    font-family: Montserrat, sans-serif;
}
.navigation-wrapper-2 {
    clear: both;
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 17px;
    text-align: center;
    background-color: #1E8BC3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1E8BC3), to(#1E8BC3));
    background: -webkit-linear-gradient(#1E8BC3, #1E8BC3);
    background: -moz-linear-gradient(#1E8BC3, #1E8BC3);
    background: -ms-linear-gradient(#1E8BC3, #1E8BC3);
    background: -o-linear-gradient(#1E8BC3, #1E8BC3);
    background: linear-gradient(#1E8BC3, #1E8BC3);
    -pie-background: linear-gradient(#1E8BC3, #1E8BC3);
    behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
.navigation-wrapper-2 .second-bar {
    padding: 0;
}
#request_info_button .request_today_td span,.find-school-bg{
    background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -308px -13px;
    width:34px;
    height:28px;
    display:inline-block;
    vertical-align: middle;       
}
.hide-in-tablet {
    font-family: Montserrat, sans-serif;
    display: none;
}
.navigation-wrapper-2 LI {
    float: left;
    margin: 0;
    line-height: 44px;
    height: 44px;
    margin: 0;
    color: #FFF;
    font-weight: bold;
    transition: background-color 0.25s linear 0s;
}
.navigation-wrapper-2 LI A {
    padding: 0 15px;
    line-height: 42px;
    height: 42px;
}
.navigation-wrapper-2 LI.first-bar {border-left:0 none; padding-right: 0;}
.navigation-wrapper-2 LI.last-li {
    background: none;
}
.navigation-wrapper-2 LI.last-bar {
    border-right: 0 none;
    padding-right: 0;
}
.navigation-wrapper-3 {
    float: left;
    left: 50%;
    position: relative;
    text-align: center;
}
.navigation {
    position: relative;
    left: -50%;
    float: left;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-family: Open Sans;
    font-weight: 400;
}
.navigation li.navigation_hover, #navigation-wrapper li:hover {
    background-color: #F4B350;
    behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
#menuarea-wrapper{
    text-align:center;
    clear:both;
    margin:0 auto;
    position:relative;
}
.down-list {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #F4B350;
	padding: 9px;
	position: absolute;
	z-index: 99999;
}
.subcategory_inner_div {
	background-color:#FFF;
	border-radius:5px;
}
.subcategory {
	text-align: left;
	width: 310px;
	padding:0 20px;
	border-right: 1px solid #D3D9F1;
}
.subcategory_list {
	border-bottom: 1px solid #D3D9F1;
	padding:5px;
	width: 300px;
	transition: background-color 0.25s linear 0s;
}
.subcategory .subcategory_list:last-child{
    border-bottom: none;
}
.subcategory_list:hover {
	background-color: #F1F4FF;
	cursor:pointer;
}
.header_subcate {
	margin-bottom:0;
}
.header_articles_text {
	padding: 4px 0 4px 5px;
	font-size:18px;
    font-weight:700;
}
.articles .header_articles_text{
    font-size:16px;
    font-weight:400;
}
.articles {
	text-align: left;
	width: 340px;
	padding: 0 5px;
    border-top: 1px solid #D3D9F1;
    background: none repeat scroll 0 0 #F8F8F8;
}
.articles_list {
	border-bottom: 1px solid #D3D9F1;
	clear: both;
	padding: 5px;
	width: 300px;
    margin:0 15px
}
.articles_list:hover {
	background-color: #F1F4FF;
	cursor:pointer;
}
.articles_list_title {
    height:30px;
    padding:5px;	
	clear: both;
	width: 295px;
    margin:10px 20px 0;
}
.popular-now-span {
    color: #DE7E18;
    font-size: 20px;
	font-weight:700;
}
.popular-now-span span{
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -165px -169px;
	width:18px;
	height:16px;
	display:inline-block;
}
#menuarea-wrapper table img {
    padding: 5px 0;
}
#m-header-navbar {
    display:none;
}
#m-student-account {
    display:none;
}
.navigation-wrapper-3 a.brand {
    display:none;
}
#main-wrapper {
    width:980px;
    margin:0 auto;
    padding:0;
}
#footer-wrapper {
	width: 100%;
	clear:both;
	z-index: 0;
    background-color:#F2F2F2;
}
#footer-bottom{
    width:100%;
}
#footer {
	margin: 0 auto;
	clear:both;
	width: 980px;
	height:140px;
	overflow:hidden;
    font-size:16px;
}
#footer .other-navigation{
    float:right;
}
#bottom-content{
    margin: 0 auto;
    clear: both;
    width: 980px;
    overflow: hidden;
    font-size: 16px; 
    padding:15px 0 20px;
}
#bottom-content .bottom-icon{
    float:left;
    margin-top:8px;
}
.bottom-icon .facebook{
    background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -256px -6px;
    display: inline-block;
    width: 38px;
    height: 38px;
}
.bottom-icon .twitter{
    background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -307px -154px;
    display: inline-block;
    width: 38px;
    height: 38px;
}
#bottom-content .bottom-text{
    float:right;
    color:#FFFFFF;
    margin-top:8px;
}
#bottom-content .bottom-text a{
    color:#FFFFFF;
    font-weight:700;
}
#footer .navigation-1 {
	float: left;
	width: 340px;
	margin-top:30px;
}
#footer-wrapper #copyright {
	clear:both;
	width:410px;
	margin: 0;
	font-size:16px;
	color:#616161;
}
#copyright_logo {
	float: left;
    margin-right: 30px;
}
#footer-wrapper span.copyright-1 {
	margin-left:70px;
	display:block;
}
#footer-wrapper #copyright P {
	margin-top: 0;
	color: #FFF;
}
#footer-wrapper #copyright P A {
	color: #FFF;
}
#footer .navigation-2 {
	float: left;
	height: 105px;
	margin-top:30px;
}
#footer .navigation-2 UL {
	margin: 0 auto;
}
#footer .navigation-2 LI {
	color: #55A5CD;
	padding-left: 5px;
	text-transform: capitalize;
}
#footer .navigation-2 LI A {
	color: #1e8cc5;
	padding-right: 5px;
	transition:color .25s linear;
	-o-transition:color .25s linear;
	-webkit-transition:color .25s linear;
	-moz-transition:color .25s linear;
}
#footer .navigation-3 {
	float: left;
	margin-top:30px;
    margin-left:60px;
	height:105px;
}
#footer .navigation-3 UL {
	margin: 0 auto;
}
#footer .navigation-3 LI {
	color: #55A5CD;
	padding-left: 5px;
	margin-bottom:2px;
	text-transform: capitalize;
}
#footer .navigation-3 LI A {
	color: #1e8cc5;
	padding-right: 5px;
	transition:color .25s linear;
	-o-transition:color .25s linear;
	-webkit-transition:color .25s linear;
	-moz-transition:color .25s linear;
}
#footer .navigation-4 {
	margin-top:30px;
    margin-left:60px;
	float:left;
	background:none;
	height:105px;
}
#footer .navigation-4 UL {
	margin: 0 auto;
}
#footer .navigation-4 LI {
	color: #55A5CD;
	margin-bottom: 2px;
	padding-left: 5px;
	text-transform: capitalize;
}
#footer .navigation-4 LI A {
	color: #1e8cc5;
	padding-right: 5px;
	transition:color .25s linear;
	-o-transition:color .25s linear;
	-webkit-transition:color .25s linear;
	-moz-transition:color .25s linear;
}
#footer li a {
    text-decoration: none;
}
#footer-wrapper #footer a:hover {
	color:#F0BF0B;
}
#copyright_text {
	text-align: center;
	margin:auto;
	width:966px;
	padding-top:20px;
	font-size:14px;
	color:#ABB7B7;
}
#copyright_text a {
	color:#fff;
}
#copyright_text a:hover {
	color:#F0BF0B;
}
/**********  CSS For Page Header AND FOOTER END **********/
/********** CSS For Search Components START **********/
.search_bar {
    display: block;
    float: left;
    margin: 25px auto 0;
}
#search_bar_moblie {
    display: none;
}
.google-search-contain {
    float: left;
    height: 38px;
    overflow: hidden;
    width: 376px;
}
.search-input {
    -webkit-appearance: none;
	position:relative;
	width: 101%;
	height:36px;
	line-height:30px;
    padding:0px;
	text-indent:10px;
	background: #fff;
    font-size:16px;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-top: 1px solid  #d9d9d9;
	border-right:0 none;
	border-radius: 5px 0 0 5px;
    behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
.footer_search .search-input {
    width:561px;
    height:36px;
    padding:0px;
    text-indent:10px;
    -webkit-appearance: none;
    position:relative;
    height:36px;
    line-height:30px;
    background: #fff;
    border-bottom: 1px solid #1E8BC3;
    border-left: 1px solid #1E8BC3;
    border-top: 1px solid  #1E8BC3;
    border-right:0 none;
    behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
/*** Style the "X" text button next to the search input field ***/
.delete_wrapper {
	float:left;
	width:7px;
	height:36px;
	padding:0 10px 0 10px;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid  #d9d9d9;
    margin-top: 0px !important;
    margin-top:1px;
    margin-bottom: 0px !important;
    margin-bottom:1px;
}
/***Set default state of "X" and hide it ***/
.delete_wrapper .x_delete {
	color:#A1B9ED;
	cursor:pointer;
	display:none;
	line-height:30px;
}
/***Set the hover state of "X" ***/
.delete_wrapper .x_delete:hover {
    color:#36c;
}
.button-wrapper {
    float:left;
    width:40px;
}
/***search***/
.search-button {
	position:relative;
	margin-left:0;
	width:100%;
	height:38px;
    width:38px;
	display: inline-block;
	padding: 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	-pie-background: #EA8F3E;
    background: #F4B350;
    transition:background-color .25s linear;
	-o-transition:background-color .25s linear;
	-webkit-transition:background-color .25s linear;
	-moz-transition:background-color .25s linear;
	-webkit-font-smoothing: antialiased;
	behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
.search-button:hover {
	-webkit-font-smoothing: antialiased;
	position:relative;
	background: #F9BF3B;
	-pie-background: #F9BF3B;
	cursor: pointer;
	behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
.sbico {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -112px -163px;
	display: inline-block;
	vertical-align: middle;
    width:25px;
    height:25px;
}

/***Header search box***/
#search_div {
    margin:0 auto;
}
.search {
    height:auto;
    margin:6px 35px;
    padding:0;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    float:left;
}
.search .advanced-search {
    text-align:right; 
    font-size:18px; 
    margin-top:6px;
}
.search .advanced-search a{
    color: #1e8bc3;
}
.search .advanced-search a:hover{
    color:#F4B350;
}
#mobile-search-box{
    display:none;
}
#login_line{
    height: 34px;
    line-height: 17px;
    text-align: left;
	float:left;
	margin: 8px 0;
	font-size: 13px;
	color:#959AA9;
}
#login_line a, #m-login a {
    display: inline-block;
    font-size:16px;
    font-weight: 300;
    margin: 0 5px;
    text-decoration: none;
}
#login_line .submit,#m-login .submit {
    color: #FFFFFF;
    font-size:16px;
    padding: 7px 15px 4px;
    border-radius: 5px;
    font-weight:600;
}
#login_line .submitlogin,#m-login .submitlogin {
    color: #1E8BC3;
    font-size:16px;
    padding: 6px 22px 3px 22px;
    border-radius: 5px;
    background-color: white;
    border: 1px solid #1E8BC3;
    font-weight:600;
}
#login_line .submitlogin,input[type="button"]{
	position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size: 16px;
	font-weight: 600;
	behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
    transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
}
#login_line .submitlogin:hover,#m-login .submitlogin:hover,input[type="button"]:hover {
	background: #1E8BC3;
	-pie-background: linear-gradient(#1E8BC3, #1E8BC3);
	cursor: pointer;
    color:#FFFFFF;
}
/***Footer Search***/
#search_footer_div {
    background-color: #1E8BC3;
}
.search-wrapper {
    background-color: #FFFFFF;
    margin-top: 5px;
    padding-bottom: 15px;
    padding-top: 15px;
    z-index: 1;
}
.footer_search {
    height: 35px;
    margin: 0 auto;
    width: 630px;
}
.footer_search .google-search-contain {
    width:562px;
}
.footer_search .search-input {
    width:561px;
    height:36px;
    padding:0px;
    text-indent:10px;
    background: #fff;
    border-right:none;
}
.footer_search .advanced-search {
    display:none;
}
/***Search box on not found pages and search result page***/
#notfound_search #site_search .search{
    float:left;
    width: 70%;
}
#notfound_search .google-search-contain{
    width:80%;
}
#notfound_search .advanced-search,#site_search #all-content .advanced-search{
    display: none;
}
/********** CSS For Search Components END **********/
/********** CSS For Article Views Components START**********/
/***popular articles***/
.popular_article_list {
    margin-bottom:10px;
    position: relative;
}
#popular_articles .popular_article_photo{
    height:185px;
    overflow:hidden;
    border-radius: 5px;	
}
.popular_article_photo,	.popular_article_photo img{
    width:100%;
}
.popular_article_photo a {
    display:block;
	text-decoration: none;
}
.popular_article_list div.popular_article_photo + a{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    text-decoration: none;
}
.popular_article_title,#article .articles_public_school .article_title {
	background: #1E8BC3;
	color: white;
	height: 50px;
	margin: auto;
	opacity: 0.8;
	padding-left:5px;
	text-align: left;
	overflow: hidden;
	font-size:18px;
    padding: 0 15px;
    border-radius: 0 0 5px 5px;
    display:table-cell;
    width:999px;
    vertical-align: middle;
}
#popular_more_articles {
    padding: 10px;
}
#popular_more_articles > p {
    font-size:20px!important;
	padding-bottom: 5px;
    color:#1e8cc5;
    text-align:center;
    font-weight:700;
}
#popular_more_articles > a {
    font-size: 16px;
	line-height: 32px;
}
/***recent articles***/
#most_recent_articles .new_content_section_3 {
    border: none;
}
#most_recent_articles .section_content {
    padding: 15px 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
}
.recent_content {
    min-width: 204px;
    width: 204px;
    margin-right: 20px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
}
#recent_content_third {
    margin-right: 0;
}
.recent_content .recent_img img {
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    height: 150px;
}
.recent_content .recent_text {
    padding: 20px 20px;
}
.recent_content .title_time {
    font-size: 16px;
    color: #616161;
    font-weight: 300;
}
.recent_content .recent_title {
    margin: 10px 0;
    font-weight: 700;
    font-size: 18px;
}
/***public css for articles views***/
.article_title, .article_date {margin-bottom:20px;}
.article_date {
    color:#6E7787;
    font-size:13px;
}
.article_title a {
    font-size: 20px;
    line-height: 22px;
}
.article_blurb {
    color: #6E7787;
    font-size:16px;
}
#featured_article {
    border-bottom: 1px solid #DADFE1;
    padding-bottom: 20px;
}
.featured_article_photo { 
    float: left;
    margin-right:20px;
}
.articles_overview {
    margin-top: 15px;
    padding-bottom:15px;
    border-bottom:1px solid #DADFE1;
}
#left_article {
    float: left;
    margin-right: 15px;
    width: 48%;
    width: calc((100% - 15px) * 0.5);
    width: -webkit-calc((100% - 15px)*0.5);
}
#right_article {
    float: left;
    width: 49%;
    width: calc((100% - 15px) * 0.5);
    width: -webkit-calc((100% - 15px)*0.5);
}
#recent_more_articles {
    margin-top: 15px;
}
#recent_more_articles > p {
    color: #001527;
    font-size:18px;
    margin-bottom: 0;
}
#recent_more_articles > a {
    font-size:18px;
}
/********** CSS For Article Views End **********/
/********** CSS For LocationArticlesViews Start **********/
#school-news-title-img{
    float:left; 
    width:25px; 
    padding-top:6px;
    padding-left:3px;
}
#school-news-title-text{
    float:left;
    width:250px
}
/********** CSS For LocationArticlesViews End **********/
/********** CSS For DidYouKnowBox Start **********/
#box_know_right .section_content {
    padding: 20px 20px;
    font-size: 20px;
    font-weight: 300;
}
/********** CSS For DidYouKnowBox End **********/
/********** CSS For QuickLinksView Start **********/
.quick_links {
    margin-bottom:10px;
}
.quick_links .section_content {
    padding: 5px 0;
}
.quick_links .quicklink_li {
    border-bottom: 1px solid #C7D8C3;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 20px;
}
.quick_links .quicklink_li:last-child {
    border-bottom: medium none;
}
.quick_links .image_div span {
    color: #616161;
    font-size:20px;
    font-weight:700;
	text-transform: uppercase;
}
.quick_links .link_div {
    margin-left: 0;
}
.quick_links .link_div a {
    font-size: 14px;
}
.link_div .school-type-list-text {
    font-size: 16px;
    color: #1E8BC3;
    line-height: 2;
	float: left;
    width:92%;
}
.link_div .school-type-list-text:hover {
    color: #F4B350;
}
/********** CSS For QuickLinksView End **********/
/********** CSS For Tooltip Start**********/
a.tooltip {
    outline:none;
}
a.tooltip:hover {
    text-decoration:none;
} 
a.tooltip span{
    color:#3E3536;
    position: absolute;
    background: #F1F4FF;
    border: 1px solid #D0D0D0;
    z-index:10;display:none;
    padding:0.8em;
    margin-top:-38px;
    margin-left:28px;
    line-height:16px;
    width: 356px;
    border-radius:0.7em;
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
}
a.tooltip:hover span{
    display:inline; 
    position:absolute;
} 
a.tooltip span:after, a.tooltip span:before {
    right: 100%;
    border: solid transparent;
    content:"";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
a.tooltip span:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color:#D0D0D0;
    border-width: 11px;
    top: 39px;
}
a.tooltip span:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #F1F4FF;
    border-width: 10px;
    top: 40px;
}
#secondary-content a.tooltip span{
    line-height:20px;
    margin-left: -505px;
}
#secondary-content a.tooltip span:after, #secondary-content a.tooltip span:before {	
    left: 100%;
}
#secondary-content a.tooltip span:before {
    border-left-color:#D0D0D0;
    border-right-color: rgba(194, 225, 245, 0);
}
#secondary-content a.tooltip span:after {
    border-left-color: #F1F4FF;
    border-right-color: rgba(136, 183, 213, 0);
}
/********** CSS For Tooltip End **********/
/********** CSS For Statisctics Table Start**********/
#zipcode-statistics-table-title {
    display:none;
}
.statistics_table {
    border-collapse: collapse;
    font-family: Open Sans;
    margin: 6px 0 25px;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}
.statistics_table .table_name_cell{
    border-right: 10px solid #ebebeb;
    font-size: 18px;
    height: 64px;
    padding-left: 20px;
    width: 35%;
    background-color: #F2F2F2;
}
.statistics_table .table_value_cell {
    color: #616161;
    height: 40px;
    font-weight: 300;
    text-align: center;
    position: relative;
}
.statistics_table tr {
    border-top: 1px solid #e5e5e5;
}
.statistics_table .value_cell_1 {
    border-right: 1px solid #e5e5e5;
}
.statistics_table .value_cell_1, 
.statistics_table .value_cell_2 {
    width: 35%;
    text-align: center;
}
/********** CSS For Statisctics Table End**********/
/********** CSS For Area Statistics Widget Start**********/
div#rental_widget {
    width: calc(100% - 255px);
    width:-moz-calc(100% - 255px);
    width:-webkit-calc(100% - 255px);
    display:inline-block;
    border-left: 2px solid #e9e9e9;
    border-right: 2px solid #e9e9e9;
}
.trulia_tool_header {
    width: 100%;
    height: 25px;
    margin: 0;
    background-color: #e9e9e9;
}
.trulia_tool_header h6 {
    margin: 0;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    color: #999;
}
.trulia_tool_footer {
    width: 100%;
    height: 38px;
    position: relative;
    border-top: 2px solid #eaeaea;
    background-color: #e9e9e9;
}
.trulia_tool a {
    color: #1885f0;
    text-decoration: none;
}
.trulia_tool_footer .trulia-logo {
    width: 92px;
    height: 30px;
    float: right;
    margin: 4px 2% 4px 0; 
    background: url('http://static.trulia-cdn.com/images/logos/standardized/v2/Trulia_logo_92x30.png') no-repeat;
}
/********** CSS For Area Statistics Widget End**********/
/********** CSS For FindSchoolConponents Start **********/
#search_public_schools {
    width:100%;
    margin:10px 0;
}
#FindSchoolForm .find-school-div {
    text-align: left;
    width: 100%;
    margin:0 0 10px 0;
    float: left;
    clear: both;
	font-size: 18px;
    font-weight: 300;
}
#FindSchoolForm .find-school-label{
    float: left;
    width: 190px;
    clear: both;
	margin-top:5px;
}
#FindSchoolForm .find-school-input{
    width: calc(100% - 198px);
}
#FindSchoolForm .find-school-opt {
    width: calc(100% - 190px);
    padding: 3px;
    height: 40px;
}
#FindSchoolForm .find-school-submit{
    float: left;
    text-align:right;
    margin:0 5px 13px 0;
    padding-left: 190px;
    padding-right: 310px;
    clear: both;
}
/*for right hand columb*/
#secondary-content #FindSchoolForm .find-school-label{
    font-size: 1em;
    font-weight: normal;
    line-height: 28px;
    text-align:left;
    margin: 0 0 5px 5px;
}
#secondary-content #FindSchoolForm .find-school-input{
    width: 263px;
    margin-left: 4px;
}
#secondary-content #FindSchoolForm .find-school-opt {
  border: 1px solid #E2E6F4;
  height: 40px;
  margin-left: 4px;
  padding: 5px 4px;
  width: 271px;
}
#secondary-content #FindSchoolForm .find-school-submit {
    padding: 0 0 0 4px;
    text-align:left;
    margin-left: 0;
}
/********** CSS For FindSchoolConponents End **********/
/********** CSS For Google Map and OpenMap Start **********/
#map_left {
    width:620px;
    height:250px;
}
#box_map_right #map {
    border-radius: 5px;
}
/***  Google Maps elements -- all contained in #map-wrapper ***/
#map-wrapper {
    width:100%;
}
#map-legend UL{
    margin:6px 0 0;
    padding:0;
}
/*** css for mini-map start ***/
.mini-map{
    border: 1px solid #D0D0D0;           
    height: 275px;
    clear:both;
    margin-top:10px;
}
.mini-map-legend {
    background:#D0D0D0;
    width:320px;
    float:left;
    clear:right;
    margin-bottom:10px;
    border: solid 1px black;
    border-top: none;
}
#map-legend .mini-map-ul LI {
    float:left;
    list-style:none;
    margin:0;
    padding:0 0 0 16px;
}
.mini-map-selection-wrapper{
    font-size: 19px;
    height: 40px;
    width:100%;
    margin-bottom:5px;
}
/*** css for mini-map end ***/
/*** css for full-map start ***/
.full-map{
    height:400px;
    border:solid 1px #000;
    clear:both;
    margin-bottom: 5px;
}
.full-map-legend {
    background:#D0D0D0;
    width:980px;
    float:left;
    clear:right;
    margin-bottom:5px;
    border: solid 1px black;
    border-top: none;
}
#map-legend .full-map-ul LI {
    float:left;
    list-style:none;
    margin:0;
    padding:0 0 0 145px;
}
.full-map-selection-wrapper{
    width:947px;
}
/*** css for full-map end ***/
p#map-selection-wrapper {
    display:inline-block;
}
.legal-text {
    font-size:11px;
}
div.marker-description {
    text-align: center;
    font-size:14px;
}
#street_view {
    height:200px;
}
/***   open map  css  ***/
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.marker-cluster-small {
	background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -405px -230px;
	width: 53px;
	height: 52px;
}
.marker-cluster-medium {
	background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -332px -229px;
	width: 56px;
	height: 55px;
}
.marker-cluster-large {
	background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -251px -224px;
	width: 66px;
	height: 65px;
}
.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}
.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
    line-height: 30px;
}
/*** open map css end ***/ 
/********** CSS For Google Map and OpenMap End **********/
/********** CSS For ADS Start **********/
.ads_section {
    display:block;
    height:5px;
}
a.adsByGoogle, a.adsLink {
    font-size:11px;
    text-decoration:none;
    color:#616466;
}
a.adsByGoogle:hover, a.adsLink:hover {
    font-size:11px;
    text-decoration:underline;
    color:#616466;
}
.googleAdsDiv {
    font-size:16px !important;
    text-align:left;
    overflow:hidden;
}
.googleAdsDivOver {
    font-size:16px !important;
}
#desk_show_ads,#compare_schools #ad-right-above {
  width: 336px;
  float: left;
}
#state_ads_banner{
    margin-top: 5px;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#state_ads_medium {
    display: none;
}
#ad-small-banner {
    margin: 0 auto;
    text-align: center;
}
#ad-under-headline{
    display:none;
}
#ad-margin-top {
    margin-top:10px;
}
#ad-right-below {
    text-align: center;
}
#ad-right-above{
    margin-top:20px;
}
#ad-left-medium {
    clear:both;
    padding:5px 0px;
    float:right;
    width:336px;
}
/*dfp ads*/
#div-gpt-ad-1365998256823-0,#div-gpt-ad-1365998256823-1,#div-gpt-ad-1365998256823-2 {
    margin:10px auto;
}
#div-gpt-ad-1365998256823-0 {
    width:300px; 
    height:250px;
}
#div-gpt-ad-1365998256823-1 {
    width:300px;
    height:250px;
}
#div-gpt-ad-1365998256823-2 {
    width:160px; 
    height:600px;
    display:none;
}
/********** CSS For ADS End **********/
/********** CSS For PieCharts And CustomText And Secondaryheader And MutipleSchoolList Start **********/
/***pie chart color***/
.rec_size{
    position:relative;
    display: inline-block;
    width:10px;
    height: 10px;
}
.rec_color1{
    background-color:#9c59b8;
}
.rec_color2{
    background-color:#cb5a5e;
}
.rec_color3{
    background-color:#68c3a3;
}
.rec_color4{
    background-color:#d55401;
}
.rec_color5{
    background-color:#1E8BC3;
}
.rec_color6{
    background-color:#c1392b;
}
.rec_color7{
    background-color:#F4B350;
}
.rec_color8{
    background-color:#61b597;
}
/***secondary closed header and secondary header***/
#school-type, #closed-school-type {
    display: none;
}
#secondary_header1,#secondary_closed_header{
    font-size:14px;
    height: 50px;
    width: calc(100% + 2px);
    width:-moz-calc(100% + 2px);
    width:-webkit-calc(100% + 2px);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#secondary_header1 .section_a, #secondary_header1 .section_span,#secondary_closed_header .section_a, #secondary_closed_header .section_span{
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-right: 1px solid #B4B8C3;
}
#secondary_header1 .section_a:hover,#secondary_closed_header .section_a:hover {
    background: #F9BF3B;
    -pie-background: linear-gradient(#B75C0B, #BD5E0A);
    cursor: pointer;
    border-right: 1px solid #F9BF3B;
    text-decoration: none;
}
#secondary_header1 .section_a,#secondary_closed_header .section_a{
    background: none repeat scroll 0 0 #1e8cc5;
    border-right: 1px solid #4ca2d1;
	color: #FFFFFF;
	transition: background-color 0.25s linear 0s;
    -o-transition: background-color 0.25s linear 0s;
    -webkit-transition: background-color 0.25s linear 0s;
    -moz-transition: background-color 0.25s linear 0s;
}
#secondary_header1 a.section_a:first-of-type,#secondary_closed_header a.section_a:first-of-type,#secondary_header1 span.section_span:first-of-type,#secondary_closed_header span.section_span:first-of-type{
     border-top-left-radius: 3px;
}
#secondary_header1 a.section_a:last-of-type,#secondary_closed_header a.section_a:last-of-type,#secondary_header1 span.section_span:last-of-type,#secondary_closed_header span.section_span:last-of-type{
     border-top-right-radius: 3px;
     border-right:none;
}
.tab2{
	width:50%;
    width: calc((100% - 1px)/2);
    width:-moz-calc((100% - 1px)/2);
    width:-webkit-calc((100% - 1px)/2);
}
.tab2:last-of-type{
	width: 49.9%;
	width: calc((100% - 1px)/2);
    width:-moz-calc((100% - 1px)/2);
    width:-webkit-calc((100% - 1px)/2);
}
.tab3{
	width:33.3%;
    width: calc((100% - 2px)/3);
    width:-moz-calc((100% - 2px)/3);
    width:-webkit-calc((100% - 2px)/3);
}
.tab3:last-of-type{
	width: 33.4%;
	width: calc((100% - 2px)/3);
    width:-moz-calc((100% - 2px)/3);
    width:-webkit-calc((100% - 2px)/3);
}
.tab4{
    width:25%;
    width: calc((100% - 3px)/4);
    width:-moz-calc((100% - 3px)/4);
    width:-webkit-calc((100% - 3px)/4);
}
.tab4:last-of-type{
	width: 24.9%;
	width: calc((100% - 3px)/4);
    width:-moz-calc((100% - 3px)/4);
    width:-webkit-calc((100% - 3px)/4);
}
.tab5{
	width: 20%;
    width: calc((100% - 4px)/5);
    width:-moz-calc((100% - 4px)/5);
    width:-webkit-calc((100% - 4px)/5);
}
.tab5:last-of-type{
	width: 19.8%;
	width: calc((100% - 4px)/5);
    width:-moz-calc((100% - 4px)/5);
    width:-webkit-calc((100% - 4px)/5);
}
.tab6{
	width: 16.6%;
    width: calc((100% - 5px) / 6);
    width:-webkit-calc((100% - 5px) / 6);
    width:-moz-calc((100% - 5px) / 6);
}
.tab6:last-of-type{
	width: 16.7%;
	width: calc((100% - 5px) / 6);
    width:-webkit-calc((100% - 5px) / 6);
    width:-moz-calc((100% - 5px) / 6);
}
.tab7{
    width: calc((100% - 6px) / 7);
    width:-webkit-calc((100% - 6px) / 7);
    width:-moz-calc((100% - 6px) / 7);
}
.tab_all{
    width: 10%;
}
.tab_high{
    width: 12%;
}
.tab_middle{
    width: 14%;
}
.tab_elementary{
    width: 19%;
}
.tab_pre{
    width: 12%;
}
.tab_charter{
    width: 15%;
}
.tab_private{
    width: calc(18% - 6px);
    width: -webkit-calc(18% - 6px);
}
#secondary_header1 .tab_school{
    float: left; 
    width: 100%; 
    padding-top: 4px;
}
#secondary_header1 .tab_font{
    font-size:14px;
}
/*custom Text*/
.school_notes_overview{
    color: #616161;
    font-size: 16px;
    padding-bottom: 10px;
    float: left;
    width:280px;
}
#school_overview .school_notes_overview{
    width:100%;
}
#desk_show_ads{
    float:right;
    width:336px;
}
.highlights_img{
    float: left;
    margin-right: 10px;
    width: 80px;
    background-color: #EFEFEF;
    text-align: center;
    padding-top: 20px;
}
.highlights_data{
    width: 100%;
    position: relative;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.highlights_row{
    font-size: 18px;
    width: 100%;
    margin-bottom: 5px;
    background: #F7F7F7;
    font-weight: 300;
}
.checkmark_bg:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 8px;
    background: transparent;
    top: 50%;
    left: 27px;
    border: 8px solid #f5b34f;
    border-top: none;
    border-right: none;
    margin-top: -12px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.highlights_txt {
    float: left;
    width: 75%;
    width: calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    padding: 20px 0;
    font-family: 'Hind', sans-serif;
}
/*list table tips and load more*/
.tip {
    padding: 10px;
    position: absolute;
    width: 321px;
    margin-bottom: 10px;
}
.throbber,.throbbershowmoreloading,.schoolwidget .load {
    background: url("http://www.publicschoolreview.com/images/showmoreloadingimage.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    padding: 5px 0 5px 20px;
}
.schoolwidget .load{
    height:25px;
}
.tip, .throbbershowmoreloading{
    display: none;
}
.tip:before {
    background: transparent;
    position: absolute;
    display: inline-block;
    border-bottom: 16px solid #999999;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    left: 21px;
    top: -4px;
    content: '';
}
.tip:after {
    background: transparent;
    position: absolute;
    display: inline-block;
    border-bottom: 14px solid #ffffff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    left: 23px;
    top: 0px;
    content: '';
}
a:hover .tip{
    display: block;
    position: absolute;
    text-decoration:underline;
}
.tip1{
    padding: 10px; 
    border: 2px solid #999999; 
    overflow: hidden; 
    background: none repeat scroll 0 0 #FFFFFF; 
    border-radius: 3px; 
}
/*list table cells*/
/*
table.school-list is used for deversity page,
ul.school-list is used for multiple list table
*/
.school .table_row_head span {
    padding: 13px 0% 8px 0.8%;
    text-align: left;
}
.school-list .table_row_head .table_cell_county{
	width:135px;
	color: #616161;
	font-size:18px;
    background-color: #f2f2f2;
    margin-right: 3px;
    border-bottom: 10px solid #ebebeb;
    font-weight:400;
}
.school-list .table_row_head .table_cell_other_1{
	width:310px;
	color: #616161;
	font-size:18px;
    background-color: #f2f2f2;
    border-bottom: 10px solid #ebebeb;
}
.school-list .table_row_head .table_cell_other_3{
	width:84px;
	color: #616161;
	font-size:18px;
    background-color: #f2f2f2;
    border-bottom: 10px solid #ebebeb;
    font-weight:400;
	text-align:center;
	margin-right:3px;
}
.school-list .table_row_head .table_cell_other_3:last-of-type{
	margin-right:0;
}
.school-list .table_row_head .table_cell_other_2{
	color: #616161;
	font-size:18px;
    background-color: #f2f2f2;
    margin-right: 3px;
    border-bottom: 10px solid #ebebeb;
    font-weight:400;
	text-align:center;
}
#blueribbon-schools .school-list .table_row_head .table_cell_other_3{
	margin-right: 3px;
}
#blueribbon-schools .school-list .table_row_head .table_cell_other_2{
    margin-right: 0;
}
.school-list .table_cell_county {
	width:135px;
	vertical-align: middle;
	padding: 15px 0 15px 0.8%;
	font-size:16px;
	color:#616161;
    font-weight:300;
    margin-right: 3px;
}
.school-list .table_cell_other_1 {
    width:310px;
    text-align:left;
    color:#616161;
    vertical-align: middle;
    padding-left: 5px;
    font-size:16px;
	padding:15px 0 15px 0.8%;
    margin-right:3px;
}
.school-list .table_cell_other_1 a{
    width:auto;
    height:auto;
    line-height:28px;
    text-align:left;
    font-size:20px;
    font-weight:600;
	display:block;
}
.school-list .table_cell_other_1 span:hover{
    color: #F4B350;
}
.school-list .table_cell_other_1 .tooltip{
	min-width: 130px;
}
.school-list .table_cell_other_3 {
	width:84px;
	text-align:center;
	color:#616161;
	vertical-align: middle;
	font-size:16px;
    padding:15px 0 15px 0.8%;
    font-weight:300;
}
.school-list .table_cell_other_2 {
	width:60px;
	text-align:center;
	color:#616161;
	vertical-align: middle;
	font-size:16px;
    padding:15px 0 15px 0.8%;
    font-weight:300;
	margin-right:3px;
}
#blueribbon-schools .school-list .table_cell_other_3{
	margin-right: 3px;
}
#blueribbon-schools .school-list .table_cell_other_2{
    margin-right: 0;
}
.school-list .table_row{
    border-bottom: 1px solid #e5e5e5;
}
.school-list .table_row:last-of-type {
    border-bottom: none;
}
.school-list .row_click:hover {
    cursor: pointer;
    background-color:#F7F7F7;
}
.school ul li {
	margin: 0;
}
.school ul li span {
	float: left;
}
.school .table_cell_other_2 .showyear{
	display:none;
}
.school .table_cell_other_4 {
	width: 65px;
	padding: 0 0 0 0.8%;
	font-style: normal;	
}
.captionwidth{
    color: #616161 !important;
    width: 271px;
	margin-bottom: 5px;
}
.small_grey_icon{
    float:right;
    padding-top: 5px;
    padding-bottom: 9px;
} 
#tel_image{
    float:right;
    margin-right:5px;
}
#web_image{
    float:right;
    margin-right:5px;
}   
.blueribbon_small_icon{
    padding-top: 5px;
}
.show_closed_school {
    margin: 8px 11px;
    text-align: right;
}
.compare_button {
    clear: both;
    width: 100%;
    position: relative;
}
.checkbox-input {
    float: left;
    margin: 4px 4px 0 0;
    cursor: pointer;
}
.compare_button .checkboxcss {
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    background: #f7f7f7;
    border: 2px solid #f5b34f;
    border-radius: 5px;
}
.compare_button .checkboxcss:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 7px;
    height: 3px;
    background: transparent;
    top: 3px;
    left: 3px;
    border: 3px solid #1e8cc5;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.compare_button input[type=checkbox]:checked + label:after {
	opacity: 1;
}
.school-list .table_row .compare_button span.compare-btn {
    color: #F4B350;
    font-size: 16px;
    cursor: pointer;
    margin-left: 8px;
}
label.compare-btn {
    font-size: 10px;
    cursor: pointer;
    color: #1E8BC3;
    float: left;
}
label.compare-btn:hover {
    color: #F4B350;
}
.school-list .table_row>strong {
    line-height: 35px;
    padding-left: 5px;
}
.table_cell_city {
    display: none;
}
.vertical {
    display: none;
}
/* nearby schools list */
#find-school-list .school .table_cell_county {
	width:118px;
}
#find-school-list .school .table_cell_other_1 {
	width:262px;
}
#find-school-list .school .table_cell_other_3 {
	width:80px;
}
#find-school-list .school .table_cell_other_2 {
	width:60px;
}
#school_overview #find-school-list .table_row{
	border-top:none;
}
#school_overview #find-school-list .table_row:last-of-type{
	border-bottom:none;
}
/******end*****/
#neary .table_cell_other_1{
    width:188px;
}
#neary .table_cell_other_2{
    width:90px;
}
/*** diversity (national && state && analysis) page ****/
table.school-list{
    border-collapse: collapse;
}
table.school-list td{
    padding: 0px;
    margin: 0px;
    text-align: left;
    cursor: pointer;
}
#diversity_ranking_town table.school-list td{
	cursor: auto;
}
table.school-list .table_row_head {
    display: table-row;
    cursor: pointer;
}
#diversity_ranking_town table.school-list .table_row_head {
	cursor: auto;
}
table.school-list .table_row_head td{
    padding-left: 20px;
}
table.school-list .table_row td{
    font-weight:normal  !important;
}
table.school-list .list_no{
    text-align: left;
}
#diversity_ranking .article_social,#diversity_ranking_town .article_social{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #DADFE1;
}
#diversity_ranking .article_social .social_buttons,#diversity_ranking_town .article_social .social_buttons {
    width: 250px;
    margin: auto;
}
#diversity_ranking table.school-list .table_row .table_cell_other_1,#diversity_ranking_town table.school-list .table_row .table_cell_other_1,#district table.school-list .table_row .table_cell_other_1{
    text-align:center;
}
#diversity_ranking table.school-list .table_row .table_cell_other_2,#diversity_ranking_town table.school-list .table_row .table_cell_other_2{
    text-align:left;
}
#diversity_ranking_town .school_notes_overview, #diversity_ranking .school_notes_overview{
	width:100%;
}
table .table_row_head td .td-shadow {
    width: 100%;
    height: 10px;
    background-color: #ebebeb;
    position: absolute;
    left: 0;
    bottom: 0;
}
#diversity_ranking_town table.school-list .table_cell_other_2 {
    width: 25%;
    height: 37px;
	text-align: left;
	border-bottom: none;
    position: relative;
	padding-left: 5px;
}
#diversity_ranking_town table.school-list .table_cell_other_1 {
    width: 20%;
	border-bottom: none;
    position: relative;
	border-right: 3px solid #ffffff;
}
#diversity_ranking_town table.school-list .table_cell_county{
    width: 20%;
    padding: 2px 0 4px 5px;
    font-size:16px;
    color:#616161;
	border-bottom: none;
    position: relative;
	border-right: 3px solid #ffffff;
}
#diversity_ranking table.school-list .table_cell_county {
    width: 15%;
    padding: 12px 5px;
    font-size:16px;
    color:#616161;
	border-bottom: none;
    position: relative;
	border-right: 3px solid #ffffff;
}
#diversity_ranking table.school-list .table_cell_other_1 {
    width: 20%;
	border-bottom: none;
    position: relative;
	border-right: 3px solid #ffffff;
}
#diversity_ranking table.school-list .table_cell_other_2 {
    width: 40%;
	border-bottom: none;
    position: relative;
}
.most_diverse_school{
    font-size:16px;
    padding: 6px 0 3px 0;
}
.most_district{
    font-size:11px;
    padding: 3px 0 6px 0;
}
.most_diverse_district_school{
    font-size:16px;
}
#district table.school-list .table_cell_county {
    color: #616161;
    font-size:18px;
    padding: 12px 5px;
    width: 30%;
	border-bottom: none;
    position: relative;
	border-right: 3px solid #ffffff;
}
#district table.school-list .table_cell_other_1{
    width:17%;
	border-bottom: none;
    position: relative;
	border-right: 3px solid #ffffff;
}
#district table.school-list .table_cell_other_1:last-of-type{
	border-right: none;
}
/********** CSS For PieCharts And CustomText And Secondaryheader And MutipleSchoolList End **********/
/********** CSS For Pages Start **********/
/*** articles pages ***/
#article #main-headline-wrapper{
    width:980px;
    display:block;
}
#article h1#main-headline {
    width:660px;
}
#article #main-content img, #article #main-content iframe{
    display: block;
    clear: both;
    margin: auto !important;
	max-width: 90%;
    float: none !important;
}
#article #main-content img{
	height: initial !important;
}
/*MostRecentView*/
#article .article_content {
    font-size: 18px;
    color: #616161;
    font-weight: 300;
}
#article .article_content STRONG {
    color: #616161;
    font-weight: 600;
}
#article #main-content LI {
    list-style-type: disc;
    margin: 0 0 5px 22px;
}
#article #main-content ul {
    margin-left: 20px;
}
.articlesubtitle a,.articlesubtitle{
    color: #1E8BC3;
    font-size: 32px;
    font-weight: 800;
    margin: 5px 0 2px;
    line-height: 1.15;
}
.articlesubtitle A:hover{
    text-decoration:none;
    color: #F4B350;
}
.articlesubtitle span{
    line-height: 1.1;
}
#article .article_social {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
#article .article_social .social_buttons {
    width: 250px;
    margin: auto;
}
#article .social_btn2 {
    text-align:center;
    padding-top:5px;
}
#article .social_btn2 .social_buttons {
    width: 250px;
    margin: auto;
}
#article .read_more{
    display: inline-block;
    text-align: right;
    padding-right: 7px;
}
/*ArticlesContentHeaderView*/
#article .article_data_author {
    text-align: center;
    font-size:16px;
    color: #616161;
    line-height: 28px;
}
#article .publication-date {
    text-align: center;
    color: #616161;
    vertical-align: middle;
    font-style: normal;
}
#article .article_author {
    vertical-align:middle;
}
#article .article_detail_photo {
    float:left;
}
#article .article_photo{
    background: none repeat scroll 0 0 #FBFBFB;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
#article .article_photo1{
    background: none repeat scroll 0 0 #FBFBFB;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
#article .article_photo_caption{
    font-style:italic;
    font-size:18px;
    margin-bottom:10px;
}
#article #article_mdescription {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #616161;
    font-weight: 300;
    font-style: italic;
}
#article .mresources_text_container {
    border: 1px solid lightGrey;
    border-radius: 3px;
    background-color: #F6F6F6;
}
#article #mresources_text {
    font-size: 18px;
    color: #1E8BC3;
    line-height: 35px;
    height: 35px;
    display: inline-block;
    width: 602px;
    padding: 0px 10px;
	text-decoration: none;
    font-weight: bold;
}
#article #mresources_text span {
    line-height: 35px;
}
#article #resourse_text {
    padding: 5px 10px 10px;
    font-size:16px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.article_comments_container{
    margin-top: 20px;
}
.comment-data-for-seo {
    width:650px;
    display:none;
}
#new_form_widget1{
    margin-top: 20px !important;
}
#new_form_widget .iframe{
    margin-top:-10px;
    margin-bottom:10px;
    height:350px;
}
/*ArticlesPrevNextView*/
.article_nav_div {
    float:left;
    width:320px;
}
.nav_p {
    font-weight:bold;
    margin-bottom:10px;
}
#article_nav_left {
    padding-right:4px;
}
#article_nav_right {
    padding-left:4px;
}
.content-section div.article_nav_div {
    width: 310px;
}
#article .subcategory-article.read_more{
       display: inline-block;
       text-align: right;
       padding-right: 7px;
}
#article_nav {
    padding: 15px 0 0;
    margin-bottom: 25px;
    clear: both;
    display: inline-block;
}
.article_nav_div {
    float:left;
}
#article_nav_left {
    width:48.23151%;
    padding-right:3.53698%;
}
#article_nav_right {
    width:48.23151%;
    padding-left:0px;
}

/*Articles secondary views*/
#article #secondary-content {
    position:relative;
}
#article #secondary-content STRONG{
	font-weight: 600;
}
#secondary-content ul.con_sec_ul li {
    margin: 0 0 5px 22px;
    text-align:left;
    padding-right:8px;
}
.noliststyle {
    list-style:none;
} 
.article_list_content {
    display:block;
}
#article .articles_public_school .section_content {
    padding-bottom:10px;
}
#article .articles_public_school .article_header {
    color: #616161;
    font-size: 18px;
}
#article .articles_public_school .article_blurb {
    color: #616161;
    font-size: 18px;
    padding-bottom: 10px;
    font-weight:300;
}
#article .articles_public_school ul.con_sec_ul {
    margin:0px;
    list-style:none;
}
#article .articles_public_school ul.con_sec_ul li {
    margin: 0px;
    text-align: left;
    padding-right: 0px;
}
#article .articles_public_school ul.con_sec_ul li.more_articles_header {
    margin-bottom: 10px;
}
#article .articles_public_school ul.con_sec_ul li.more_articles_header p {
    font-size: 18px;
    color: #1E8BC3;
    text-align: center;
    border-bottom: 1px solid #DADFE1;
}
#article .articles_public_school ul.con_sec_ul li.more_articles a, #article .articles_public_school ul.con_sec_ul li.more_articles_else a {
    font-size: 16px;
    line-height: 32px;
}
#article .articles_public_school ul.con_sec_ul li.more_articles a span, #article .articles_public_school ul.con_sec_ul li.more_articles_else a span {
    color: #616161;
}
#article .articles_public_school .article_list_content {
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
}
#article .articles_public_school .article_photo {
    width:100%;
    background:none;
    border:none;
    border-radius:5px;
    padding: 0px;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 0px;
    max-height:185px;
    overflow:hidden;
    height:185px;
}
.popular_article_photo,
 .popular_article_photo img,
#article .articles_public_school .article_photo img {
    width:100%;
}
#article .articles_public_school .article_photo + a{
   position:absolute;
   left:0;
   bottom:0;
   width:100%;
   text-decoration:none;
}
#article .articles_public_school .article_title {
    background-color: #1E8BC3;
    color: white;
    height: 40px;
    left: 0px;
    margin: auto;
    opacity: 0.8;
    padding: 3px 0 5px 5px;
    text-align: left;
    overflow: hidden;
    font-size:18px;
    line-height: 1.15;
    padding-right: 5px;
}
#article .articles_public_school .article_title:hover {
    background-color: #1E8BC3;
}
/*article author page*/
#article_authors #secondary-content ul.con_sec_ul {
    margin:0;
}
#article_authors #secondary-content ul.con_sec_ul li {
    margin: 0;
    padding-right:0px;
}
#article_authors .article_list_content{
    position: relative;
    margin-bottom: 10px;
}
#article_authors .article_list_content img{
    width:100%;
}
#article_authors #secondary-content .article_title{
    background-color: #2165D3;
    color: #FFFFFF;
    height: 40px;
    margin: auto;
    opacity: 0.8;
    padding-left: 1.786%;
    position: absolute;
    text-align: left;
    bottom: 0;
    width: 98.214%;
    overflow: hidden;
    font-size:18px;
    line-height: 20px;
}
#article_authors #secondary-content .article_title:hover{
    background-color:#0145B3;
}
/*article rss page*/
.article_rss #article_rss_feed a:nth-child(1) {
    width: 60px;
    height: 60px;
    float: left;
    background-color: #e4a649;
    border-radius: 5px 0 0 5px;
}
.article_rss #article_rss_feed a:last-child {
    float: left;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    background-color: #f5b34f;
    color: #FFF;
    border-radius: 0 5px 5px 0;
}
/*** index.php and find_schools.php ***/
h1#welcome {
    color: #1E8BC3;
    line-height: 32px;
    font-weight: 800;
}
h4#sub_welcome {
    font-size: 18px;
    border-bottom: 1px solid #DADFE1;
    margin: 0;
    padding: 5px 0 13px;
    font-weight: 400;
}
.find-public-state-icon{
    float:left;
    background-color:#e9aa4b; 
    height:70px;
    width:80px;
    border-radius: 5px 0 0 0;
}
#find-public-schools-by-state .section_content{
    padding:0;
}
#find-public-schools-by-state .section_header_wrapper{
    margin-bottom: 0;
}
#find-public-schools-by-state .find_state_box{
    width:33.1%;
    width: calc((100% - 3px)/3);
    width:-moz-calc((100% - 3px)/3);
    width:-webkit-calc((100% - 3px)/3);
    float:left; 
    height:185px;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.find_state_box .city_box{
    padding-left:20px;
    padding-right:5px;
}
#find-public-schools-by-state .none-right-border{
    border-right:none;
}
#find-public-schools-by-state .none-bottom-border{
    border-bottom:none;
}
.find_state_box .state_bold{
    font-size: 24px;
    display: block;
    font-weight:700;
    margin:30px 0 20px;
	text-transform: capitalize;
}
.find_state_box ul li a, .find_state_box .state_bold span{
    font-size:14px;
    display:block;
}
.find_state_box a:hover{
    background-color:#1e8bc3;
    color:#FFFFFF;
    text-decoration:none;
}
.find_state_box a:hover .city_count{
   color:#FFFFFF; 
}
.find_state_box ul li .city_count{
    color:#616161;
}
#index #main-content {
    padding-top:10px;
}
#index #secondary-content{
    padding-top:10px;
    margin:0;
}
#index #featured_article {
    padding-top:20px;
}
#index .articles_overview {
    border-bottom:0 none;
}
#find-schools div.user_message{
    margin-left:192px;
    text-align:left;
}
#index #ad-under-headline .adsbygoogle {
    margin: 10px 0 0;    
}
#search_public_schools .section_2_header{
	font-size:18px;
}
/*** state page ***/
.state_ethnicity .table_row .table_cell:first-child div {
    margin-right:5px;
}
.state_ethnicity .table_row_head .table_cell {
    height: 35px;
    line-height: 35px;
    font-weight: 600;
    padding-left: 5px;
    color: #616161;
}
.state_ethnicity .table_row_left {
    float:left;
    width:398px;
    padding-bottom:15px;
}
.state_ethnicity .table_row_right {
    float:right;
    width:220px;
    padding-top:20px;
}
.state_ethnicity .table_row_left .table_row:nth-child(2n) {
    background: #ECF0F1;
}
.state_ethnicity .table_row_left .table_row:hover{
    background:#DADFE1;
}
.state_ethnicity .table_row .table_cell:first-child {
    width:175px;
    padding-left:5px;
    float:left;
    font-size:14px;
    font-weight: 600;
    color:#616161;
    height: 35px;
    line-height: 35px;
}
.state_ethnicity .table_row .table_cell:nth-child(2) {
    width:216px;
    float:right;
    font-size:16px;
    color:#616161;
    height: 35px;
    line-height: 35px;
}
#sta_ethnicity_pie_chart {
    width:100%;
    float: left;
    margin: 1px;
    position: relative;
}
#state_schools form#frmschools,#state_schools form#frmTowns,#state_schools form#frmagency{
    padding:5px 8px;
}
#state_schools .select_btn {
    width: 435px;
    margin-right: 10px;
    padding:4px 5px;
    float:left;
}
#state_schools .y_btn {
    width:155px;
}
#state_schools .mobile_y_btn{
    display:none;
}
#state_schools #list_school .table_cell_county{
    padding: 15px 0 10px 15px;
}
#state_schools .public_county_list .table_row_head .table_cell_county {
    color: #616161;
    width: 248px;
    font-weight: 400;
}
#state_schools .public_county_list .table_cell_county{
    float: left;
    font-size: 18px;
    padding-left: 6px;
    width: 249px;
    font-weight: 600;
}
#state_schools .public_county_list .table_row_head .table_cell_other{
    color: #616161;
    width: 115px;
    background-color: #f2f2f2;
    margin-right: 3px;
    border-bottom: 10px solid #ebebeb;
    padding: 15px 0 10px 0;
    font-weight: 400;
}
#state_schools .public_county_list .table_cell_other {
    color: #616161;
    float: left;
    font-size: 18px;
    text-align: center;
    width: 117px;
    padding: 15px 0 10px 0;
    font-weight: 300;
}
#state_schools .public_county_list .table_cell_other{
    color: #616161;
    float: left;
    font-size: 18px;
    text-align: center;
    width: 117px;
    padding: 15px 0 10px 0;
    font-weight: 300;
}
#state_schools .public_county_list .table_row_head div:nth-last-child(2){
    margin-right:0
}
#state_schools .public_county_list .table_cell_other span{
    display: none;
    height: 35px;
    line-height: 35px;
}
/*agency school.php*/
#household_income_row {border-bottom:1px solid #DADFE1;}
/*nearby school.php*/
#neary #main-content H3.table-title{
    margin:10px 0 15px;
}
/*** school mailing list page ***/
.emstyle{
    font-size:13px;
    font-style:normal;
}
/*stripe pay button*/
.stripe-button-el{
    overflow:hidden;
    display:inline-block;
    visibility:visible !important;
    background-image:-webkit-linear-gradient(#28a0e5,#015e94);
    background-image:-moz-linear-gradient(#28a0e5,#015e94);
    background-image:-ms-linear-gradient(#28a0e5,#015e94);
    background-image:-o-linear-gradient(#28a0e5,#015e94);
    background-image:-webkit-linear-gradient(#28a0e5,#015e94);
    background-image:-moz-linear-gradient(#28a0e5,#015e94);
    background-image:-ms-linear-gradient(#28a0e5,#015e94);
    background-image:-o-linear-gradient(#28a0e5,#015e94);
    background-image:linear-gradient(#28a0e5,#015e94);
    -webkit-font-smoothing:antialiased;
    border:0;
    padding:1px;
    text-decoration:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    cursor:pointer;
}
.stripe-button-el::-moz-focus-inner{
    border:0;
    padding:0;
}
.stripe-button-el span{
    display:block;
    position:relative;
    padding:0 12px;
    height:30px;
    line-height:30px;
    background:#1275ff;
    background-image:-webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image:-moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image:-ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image:-o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image:-webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image:-moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image:-ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image:-o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image:linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    font-size:14px;color:#fff;
    font-weight:bold;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.stripe-button-el:not(:disabled):active,.stripe-button-el.active{background:#005d93}.stripe-button-el:not(:disabled):active span,.stripe-button-el.active span{
    color:#eee;background:#008cdd;background-image:-webkit-linear-gradient(#008cdd,#008cdd 85%,#239adf);
    background-image:-moz-linear-gradient(#008cdd,#008cdd 85%,#239adf);
    background-image:-ms-linear-gradient(#008cdd,#008cdd 85%,#239adf);
    background-image:-o-linear-gradient(#008cdd,#008cdd 85%,#239adf);
    background-image:-webkit-linear-gradient(#008cdd,#008cdd 85%,#239adf);
    background-image:-moz-linear-gradient(#008cdd,#008cdd 85%,#239adf);
    background-image:-ms-linear-gradient(#008cdd,#008cdd 85%,#239adf);
    background-image:-o-linear-gradient(#008cdd,#008cdd 85%,#239adf);
    background-image:linear-gradient(#008cdd,#008cdd 85%,#239adf);
}
.stripe-button-el:disabled,.stripe-button-el.disabled{
    background:rgba(0,0,0,0.2);
}
.stripe-button-el:disabled span,.stripe-button-el.disabled span{
    color:#999;
    background:#f8f9fa;
}
/*** school widget page ***/
.schoolwidget #DistrictResults,.schoolwidget #countyResults {
    padding: 10px;
    max-height: 400px;
    overflow: auto;
}
.schoolwidget #DistrictResults p,.schoolwidget #countyResults p{
    font-size:16px;
    margin-bottom:0px;
    margin-left:15px;
    max-height: 400px;
    overflow: auto;
}
.schoolwidget .clear_section {
    margin-left:5px;
    text-decoration:none;
}
.schoolwidget .clear_section:hover {
    color: #2D8CCB;
}
.schoolwidget .expandable:hover {text-decoration:none;color:#2D8CCB;}
.schoolwidget .schoolwidget-form-container {float:left;max-width:400px;width:100%;}
.schoolwidget .schoolwidget-iframe-container {float:left;margin-left:20px;margin-top: 10px;width: 400px;}
.schoolwidget-iframe-container iframe{width:auto!important;}
.schoolwidget .color_picker {position:relative;}
.schoolwidget #colorpicker_container {
    top: 50px;
    left: 180px;
    width: 356px;
    height: 0;
    overflow: hidden;
    position: absolute;
}
.schoolwidget .widget_html_source label {
    display: block;
    margin: 0 0 10px;
    font-size:16px;
    color: #666;
}
.schoolwidget .widget_html_source textarea {
    border: 1px solid gray;
    border-bottom-color: #DADFE1;
    border-right-color: #DADFE1;
    vertical-align: middle;
    padding: 2px;
    width: -webkit-calc(100% - 7px);
    width: calc(100% - 7px);
}
#schoolwidget-form p.description {
    margin-left:0;
}
#widget_city {
    width: -webkit-calc(100% - 9px);
    width: calc(100% - 9px);
}
/*contacted.php*/
#contacted input.officer_name {
    margin-left:45px;
}
#contacted input.position {
    margin-left:9px;
}
#contacted input.e_mail {
    margin-left:38px;
}
#contacted input.phone_number {
    margin-left:14px;
}
#contacted div.display_none {
    display:none;
    visibility: hidden;
}
/*request-login-info.php.php*/
#request-login-info select.sel {
    margin-left:16px;
}
#request-login-info .select_identify_school {
    border: 1px solid #E2E6F4;
    height: 33px;
    padding: 3px;
    width: 271px;
}
#request-login-info .table_name_cell{
    width:150px;
}
#request-login-info .value_cell_1{
    width:300px;
}
#request-login-info table SPAN {
    font-size:18px;
}
/*lost_password.php*/
#lost_password form table {
    display:table;
    padding:0;
    margin:0 auto;
    text-align:center;
    width:100%;
    border-collapse:collapse;
}
#lost_password form table tbody {
    width:100%;
}
#lost_password form table td {
    margin:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
}
#lost_password form .label {
    text-align:right;
    width:160px;
    padding-right:10px;
}
#lost_password form .input-field {
    text-align:left;
    width:200px;
}
/*forgotpassword.php*/
#forgotpassword form table {
    display:table;
    padding:0;
    margin:0 auto;
    text-align:center;
    width:100%;
    border-collapse:collapse;
}
#forgotpassword form table tbody {
    width:100%;
}
#forgotpassword form table td {
    margin:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
}
#forgotpassword form .label {
    text-align:right;
    width:160px;
    padding-right:10px;
}
#forgotpassword form .input-field {
    text-align:left;
    width:200px;
}
/*new_school_profile.php*/
#new_profile .td_label{
    width:374px;
}
#new_profile .input_label{
    width:600px;
}
/*compare_schools.php*/
#compare_schools #all-content LI{
	margin:0;
}
#compare_schools .no-margin-padding-box .contentboxouter {
    padding: 0;
}
#compare_schools strong {
    font-weight: 600;
}
#compare_schools .section_2_header {
    text-align: left;
    background: #1E8BC3;
    line-height: 50px;
    padding-left: 10px;
}
#compare_schools .section_2_content.section_content form {
    float: left;
}
#compare_schools #ad-right-above {
    float: right;
    width: 336px;
}
#stateid,#countyid,#county_id,#grade_offered,p #myselect2{
    width:300px;
}
#compare_schools #all-content P{
	margin:20px;
}
.cmp-label {
    display: inline-block;
    width: 180px;
	font: 300 18px Hind;
}
#compare_schools #divFirstSchool {
    padding-top: 20px;
    border-top: 1px solid #D0D0D0;
}
#compare_schools p.p_compare_button {
    float: right;
}
#compare_schools .compare_schools_list{
	width:100%;
}
#compare_schools .section_2_content.section_content form {
    float: left;
}
#compare_schools .compare_schools_list .table_row_head {
	border-bottom: 1px solid #DADFE1;
	padding: 4px 0;
}
#compare_schools #compare_school_list.contentboxouter{
	padding:0;
}
#compare_schools #compare_school_list .contentboxinner{
    margin:0;
	padding:0;
}
#compare_schools .compare_schools_list .table_row_head .table_cell_compare {
    width: 23%;
    font-weight: 600;
    color: #616161;
}
#compare_schools .compare_schools_list .table_cell_compare {
    width: 23%;
    line-height: 2em;
    font-size: 18px;
    text-align: center;
    background-color: #f2f2f2;
    border-right: 10px solid #ebebeb;
	padding:10px 0;
}
#compare_schools .compare_schools_list .table_row {
    border-bottom: 1px solid #E6E6E6;
	display: -webkit-box; 
    display: -moz-box; 
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex; 
}
#compare_schools .compare_schools_list .table_row:nth-last-child(1) {
    border-bottom: none;
}
#compare_schools .compare_schools_list .table_row_head .table_cell_compare_other {
    width: 24%;
    font-weight: 600;
    color: #616161;
	display:inline-block;
}
#compare_schools .compare_schools_list .table_cell_compare_other {
    width: 25%;
    text-align: center;
    color: #616161;
    font-size: 18px;
    line-height: 2em;
	padding:10px 0;
    font-weight:300;
}
#compare_schools .compare_schools_list .school_name, #compare_schools .compare_schools_list .school_membership{
	margin: 20px 0;
}
#compare_schools .compare_schools_list .table_cell_compare_other a.school_link {
    font-size: 20px;
    font-weight: 600;
}
#compare_schools .compare_schools_list .table_row_head1{
    font-weight: bold;
    font-size: 30px;
    padding: 10px 30px;
    color: #F9BF3B;
}
#compare_schools .section_2_header {
    text-align: left;
    background: #1E8BC3;
    line-height: 50px;
    padding-left: 10px;
}
a.link_button {
    width: 200px;
    font-weight: bold;
    font-size: 18px;
    height: 30px;
    cursor: pointer;
    border: none;
    display: block;
    margin: 20px auto;
    background: #F4B350;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: 600;
    padding-top: 5px;
    text-decoration: none;
}
/*contact_schools.php*/
#contact_schools TEXTAREA {
    width: 90%;
}
#contact_schools #submit {
    margin: 10px 5px;
}
/*feedback.php*/
#feedback TEXTAREA {
    width: 90%;
    margin-bottom: 10px;
}
/*school_gateway.php*/
.school_login .section_3_header img {
    left: 13px;
    position: absolute;
    top: 7px;
}
#school_gateway #forgotpassword_a{
    font-size: 13px;
}
/*Student Member Area*/
/*student_gateway.php*/
#student_gateway #lost_password_a{
    font-size: 13px;
}
#student_gateway #create_account_a{
    font-size: 13px;
}
p.note-for-schools {
    font-weight:bold;
}
form.student_login .input-field {
    text-align:left;
    width:200px;
}
form.student_login table {
    display:table;
    padding:0;
    margin:0 auto;
    text-align:center;
    width:100%;
    border-collapse:collapse;
}
form.student_login table td {
    margin:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
}
form.student_login .label {
    text-align:right;
    width:140px;
    padding-right:10px;
}

/*** school profile page ***/
#school_overview .margin10px {
    margin: 10px 0 0;
}
#school_overview #main-headline-wrapper {
    width:824px;
}
#school_overview #main-content H2 {
    color: #F4B350;
    font-weight: 600;
    font-size: 24px;
    margin: 0;
}
#school_overview h3 {
    font-size: 30px;
    font-weight: 700;
}
/*SOInfoView.inc.php*/
#school-info {
    padding: 0 0 9px;
}
#school-info .infobox_top_right #ad-left-large{
	margin-top: 20px;
}
#school-info .contentboxinner {
    margin: 0 0 10px 0;
    overflow: visible;
}
.infobox_top_left {
    float: left;
    margin-right: 20px;
    width: 310px;
    margin-left: 20px;
}
.infobox_top_right {
    width: 300px;
    float: left;
    margin-right: -9px;
}
.infobox_bottom {
    float:left;
    margin:10px 18px 0;
}
#school-info .school-info-bg{
    float: left;
    position: absolute;
    top: 19px;
    left: 30px;
}
#school-info .school-info-text-1 {
    margin-left: 95px;
    margin-top: 34px;
    float: left;
}
#school-info .school-info-text-2 {
    margin-left: 95px;
    margin-top: 19px;
    float: left;
}
#school-info .first {
    vertical-align: top;
    line-height: 90px;
    min-height: 90px;
    margin: 0;
    width: 308px;
    font-size: 18px;
    border-bottom: 1px solid #DADFE1;
    color: #616161;
    float: left;
    position: relative;
}
#school-info .second {
    font-size: 18px;
    margin: 0;
    height: 90px;
    border-bottom: 1px solid #DADFE1;
    float: left;
    line-height: 90px;
    width: 308px;
    color: #616161;
    position: relative;
}
#school_overview .school-info-content-body {
    margin: 0 20px 10px;
	float: left;
}
.head_action_1 {
	float: left;
	width: 210px;
	text-align: center;	
	font-weight:bold;
}
#school_overview .head_action_1{
    width:298px;
    margin-top: 20px;
    margin-left: 10px;
}
#school_overview .school-info-content-body .head_action_1 .head_action_1_border a {
    border-radius: 5px;
    color: white;
    font-size: 18px;
    width:290px;
    height: 60px;
    line-height: 64px;
    padding:0;
    display: block;
    text-decoration: none;
    font-weight: 600;
}
.mobile_head_action_display_border a{
	background-color: #68c3a3;
}
.mobile_head_action_1_border a {
    background-color: #f5b34f;
}
/*SOQuickJumpView*/
#so_jump {
    height:0;
    z-index:10;
}
#so_jump_btn {
    background-color: #FFFFFF;
    border: 1px solid #CCD1E4;
    border-radius: 30% 30% 30% 30%;
    bottom: 35px;
    box-shadow: 0 0 2px #CDD0E3 inset;
    height: 30px;
    left: 627px;
    position: relative;
    width: 30px;
    z-index: 10;
    cursor: pointer;
}
#so_jump_btn:hover {
    background-color: #F5F5F5;
}
.btn_icon {
    display: block;
    height: 5px;
    margin-left: 11px;
    margin-top: 13px;
    position: relative;
    width: 9px;
}
#so_jump_infobox {
    display:none;
    position: absolute;
    z-index: 10000;
}
.jump_info_list {
    background-color: #FFFFFF;
    border: 1px solid #CBD0E3;
    border-radius: 10px 10px 10px 10px;
    color: #616161;
    font-size: 16px;
    padding: 5px 0;
    width: 263px;
    box-shadow: 0 9px 4px #777777;
}
#so_jump_infobox .jump_info_list ul {
    list-style: none outside none;
}
#so_jump_infobox .jump_list {
    margin: 5px 0 0 20px;
}
.jump_list a {
    color: #616161;
}
.jump_list a:hover {
    color: #2c9fe4;
    text-decoration:none;
}
/*SOOnlineView*/
#online_school_title {
    font-size: 24px;
    padding-top: 10px;
    text-align: center;
}
#online_school_link {
    font-size:18px;
    padding-bottom: 10px;
    text-align: center;
}
/*left vido*/
.video-containerxx {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-containerxx iframe,
.video-containerxx object,
.video-containerxx embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*SOTableView*/
#school_overview table{
    margin:6px 0 10px;
    border-collapse: collapse;
}
#school_overview table TD {
    padding:0;
}
#school_overview .table_name_cell {
    border-right: 10px solid #ebebeb;
    font-size: 18px;
    height: 64px;
    padding-left: 20px;
    width: 35%;
    background-color: #F2F2F2;
}
#school_overview .table_value_cell {
    color: #616161;
    font-size: 18px;
    height: 40px;
    font-weight: 300;
    text-align: center;
	position: relative;
}
#school_overview #comparison_table_title .table_value_cell{
	position:initial;
}
#school_overview .table_row, 
#school_overview .bar_chart_row, 
#school_overview .school_district_line{
    border-top: 1px solid #e5e5e5;
}
#school_overview .table_row:last-of-type, 
#school_overview .bar_chart_row:last-of-type, 
#school_overview .school_district_line:last-of-type {
    border-bottom: 1px solid #e5e5e5;
}
#school_overview .table_value_cell.value_cell_1 {
    border-right: 1px solid #e5e5e5;
}
#school_overview #general_table .table_value_cell.value_cell_1 {
    border-right: none;
}
#school_overview .contentboxouter table {
    border-collapse: collapse;
    font-family: Open Sans;
    margin: 6px 0 25px;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}
#school_overview #school_details_table .caption{
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    text-align: right;
}
#school_overview table .chartimg{
    width:100%;
}
.part_title {
    color: #F4B350;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin: 10px 0;
    padding: 0 0 10px;
    border-bottom:1px solid #DADFE1;
}
#general_table .value_cell_1 {
    width:70%;
    text-align:center;
}
#comparison_table_title td.table_name_cell {
    border-right: 10px solid #FFF;
    font-size: 24px;
    background-color: #FFFFFF;
    color: #dd6919;
    border-top: 4px solid #FFFFFF;
}
#comparison_table_title .table_value_cell{
    background-color: #dadfe1;
}
#comparison_table .table_name_cell,#general_table .table_name_cell {
        width: 180px;
        height:69px;
}
.gender_percent{
	width: 60px;
	margin-bottom:10px;
    display: inline-block;
    position: relative;
}
.gender_percent span.male{
	position: absolute;
    bottom: -10px;
    left: 20%;
}
.gender_percent span.female{
	position: absolute;
    bottom: -10px;
    left: 8%;
}
#school_district_name_row .table_value_cell {
    text-align:center;
}
#statewide_performance_row .table_value_cell {
    text-align:center;
}
#grade_bar_line .table_row_9 {
    height:212px;
}
#grade_bar_line .table_row_10 {
    height:212px;
}
#school_overview .bar_chart_row .table_name_cell {
    border-top:0 none;
}
#school_overview #grade_bar_line .table_name_cell {
    border-top:4px solid #FFFFFF;
}
.not_toggle_pie_btn {
    position:relative;
    float:right;
    bottom:-24px;
    height:19px;
    width: 29px;
    z-index: 0;
}
#general_table .toggle_pie_btn {
    right:48%;
    right:calc(50% - 15px);
    right:-webkit-calc(50% - 15px);
    right:-moz-calc(50% - 15px);
}
#comparison_table .toggle_pie_btn {
    right:-15px;
}
#sch_ethnicity_pie_chart {
    float: left;
    position: relative;
    width:100%;
}
/*School note*/
#main-content #schoolnote UL {
    margin-bottom: 10px;
}
#main-content #schoolnote LI{
    position: relative;
}
#main-content #schoolnote LI:before{
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #f5b34f;
    margin-top: 8px;
}
#main-content #schoolnote LI span.schoolnote-li {
    margin-left:20px;
    display:inline-block;
}
/*Requestinfo button*/
#request_info_button {
    text-align:center;
}
#request_info_button a {
    display: inline-block;
    font-size:20px;
    font-weight: 600;
    width: 349px;
    height: 43px;
    line-height:45px;
    text-align:center;
    text-decoration:none;
    color:#FFFFFF;
    outline:none;
    background-color:#F4B350;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    background-color: #F4B350;
}
#request_info_button a:hover {
    background:#F9BF3B;
}
#request_info_button a:active {
    background:#F39C12;
}
#request_info_button a:visited {
    color:#FFFFFF;
}
/*GoogleMapView*/
.info_school_link:hover {
    text-decoration: underline;
}
#map_school_sets {
    font-size: 14px;
    padding: 20px 0 10px 0px;
    text-align: left;
}
#map_school_sets a:hover{
    color:#F4B350;
}
#school_sets {
    margin: 0 0 10px;
}
.title_first{
    font-size:13px;margin-bottom: 10px;
}
.title_first>a{
    padding: 10px 20px;
    background-color: #f2f2f2;
    border-radius: 5px;
    color: #1E8BC3;
    display: inline-block;
    margin-top: 10px;
}
div.title_first span {
    display:none;
	padding: 10px 20px;
    background-color: #1e8cc5;
    border-radius: 5px;
    color: #ffffff;
    margin-top: 10px;
}
/*SOReviewsView*/
#review_questions {
    margin-bottom: 25px;
    position: relative;
    background-color: #f7f7f7;
    padding: 40px 30px;
    font-size: 18px;
    font-weight: 300;
    behavior: url("http://www.publicschoolreview.com/css/pie/PIE.php");
}
#review_questions p {
    color: #616161;
    font-size:18px;
    margin-bottom: 10px;
    padding: 0px;
}
#review_questions .question_list {
    list-style:none;
    margin:0 0 5px;
    color: #616161;
    font-size:16px;
    line-height: 22px;
}
#reviewer_info, #review_text, #review_recommend, #review_submit {
    margin:15px 0;
}
.review_form_title {
    margin-bottom:5px;
    color: #616161;
    font-size:18px;
	font-weight: 300;
}
#review_input, .review_input {
    width:170px;
}
#review_email_div, #review_by_div {
    float: left;
    width: 50%;
}
#review_by, #review_email {
    width: 90%;
    font-weight: 300;
	border: 1px solid #d9d9d9;
    font-size: 18px;
}
#review_description {
    height: 122px;
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}
.review_recommend_text {
    color: #001527;
    font-size:18px;
}
/*related school video*/
.video_thumb {
    border-bottom: 1px solid #DADFE1;
    display: inline;
    float: left;
    font-size:18px;
    margin: 10px 0;
    padding: 5px 0;
    position: relative;
    text-align: left;
    width: 280px;
}
.video_thumb img {
    text-align: center;
    width: 100%;
	border-radius: 5px;
}
.video_thumb .videoTime {
    background-color: #000000;
    border-radius: 3px 3px 3px 3px;
    bottom: 116px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    height: 14px;
    margin-right: 0;
    margin-top: 0;
    opacity: 0.75;
    padding: 0 4px;
    position: absolute;
    right: 8px;
    vertical-align: top;
}
.video_thumb p a{
	overflow: hidden;
    display: inline-block;
    margin-top: 20px;
    font-size: 16px;
}
.videoDate {
    color: #616466;
    font-size: 16px;
}
#school_videos .last
{
    font-size: 16px;
    clear: both;
    padding-top: 15px;
    text-align: center;
}
/*related school news*/
#related_school_news ul {
    list-style:none;
}
#related_school_news ul li {
    border-bottom: 1px solid #DADFE1;
    list-style: none outside none;
    padding: 10px 0;
    font-size:16px;
}
.rss_date {
    font-size: 11px;
    color: #DD6919;
}
#related_school_news .last {
    font-size:13px;
}
/*ads*/
#school_overview #ad-right-above{
    display:none;
}
#school_overview #secondary-content .googleAdsDiv{
    margin-top:10px;      
}
#school_overview #secondary-content .googleAdsDivOver{
    margin-top:10px;      
}
/*news_archive.php*/
#main-content #news-archive LI{ 
    padding-bottom:10px;
    margin-bottom:10px;
    margin-left:0px;
    border-bottom:1px solid #DADFE1; 
    font-size:16px;
    color:#616161;
}
#main-content #news-archive #line{
    padding-bottom:10px;
    margin-bottom:10px;
    font-size:18px;
    border-bottom:1px solid #DADFE1;
    color:#616161;
}
/*agency_schools.php*/
#agency_schools table TD.table_value_cell.value_cell_1 IMG{
    margin-left:-5px;
}
/*notfound.php*/
#notfound #main-content LI {
    margin:0 0 5px 22px;
    list-style-type: disc;
}
#notfound #main-content P{
	margin-bottom: 10px;
    color: #616161;
}
#notfound_search{
	float: none;
    width: 76%;
    margin: 10px auto;
}
/*mini student login form*/
#mini_student_login_form_wrapper table td {
    padding: 2px;
}
#mini_student_login_form_wrapper .label {
    padding-right: 10px;
    text-align: right;
    width: 40%;
}
#mini_student_login_form_wrapper .input-field {
    text-align: left;
    width: 60%;
}
#mini_student_login_form_wrapper input {
  width: 100%;
}
#mini_student_login_form_wrapper #show_password {
  width: auto;
}
#mini_student_login_form_wrapper .wide{
    text-align: center;
}
#mini_student_login_form_wrapper input.submit {
    width: auto;
}
/*Request info and Students account */
#student-profile-wrapper {
    font-size: 18px;
    font-weight: 300;
}
#student-profile-wrapper table td {
    padding: 5px;
    width: 200px;
}
#student-profile-wrapper td.input-field {
    width: 480px;
}
#student-profile-wrapper input[type="text"], #student-profile-wrapper input[type="password"] {
    width: 290px;
}
#student-profile-wrapper #birth_date {
    margin: 0 4px;
}
#student-profile-wrapper input[type="radio"] {
    width: 13px;
}
#student-profile-wrapper #seeking_season.allowTab {
    margin-right: 5px;
    width: 50%;
}
#student-profile-wrapper textarea {
    margin-left: 10px;
    width: 80%;
}
#student-profile-wrapper .submit_wrapper {
    padding-bottom: 10px;
    text-align: left;
}
/*school profile request box*/
#student-profile-wrapper .rf_input {
    margin-bottom: 10px;
}
#secondary-content #student-profile-wrapper .text_input {
    margin-left: 2px;
    width: 85%;
}
#secondary-content #student-profile-wrapper #country,#secondary-content #student-profile-wrapper #state{
	width:90%
}
#first-dom{
    text-align:right;
}
.review_input_label, .input-for-save-profile, .input-for-share-profile {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    top: -2px;
    left: 0;
    background: #f7f7f7;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
}
.review_input_label:after, .input-for-save-profile:after, .input-for-share-profile:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 12px;
    height: 6px;
    background: transparent;
    top: 7px;
    left: 7px;
    border: 4px solid #f5b34f;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#review-recommend input[type=radio]:checked + label:after,input[type=checkbox]#share_profile:checked + label:after,input[type=checkbox]#save_profile:checked + label:after {
    opacity: 1;
}
#school_overview #request_information_box .section_content,
#request_information #student-request-box
{
    background-color: #F7F7F7;
}
#school_overview #request_information_box input[type="text"],
#request_information #student-request-box input[type="text"],
#school_overview #request_information_box input[type="password"],
#request_information #student-request-box input[type="password"],
#school_overview #request_information_box select,
#request_information #student-request-box select,
#school_overview #request_information_box textarea,
#request_information #student-request-box textarea,
#school_overview #request_information_box .input-for-save-profile,
#school_overview #request_information_box .input-for-share-profile,
#request_information #student-request-box .input-for-save-profile,
#request_information #student-request-box .input-for-share-profile{
	background-color: #FFF;
}
#secondary-content #request_information_box .submit_wrapper {
    text-align: center;
}
/*three step request box*/
.step1-next, .step2-next {
    width: 100px;
    float: right;
    margin: 5px 15px 5px 0;
}
.step2-prew, .step3-prew {
    width: 100px;
    float: left;
    margin: 5px 0;
}
.step3-prew {
    margin: 0 20px 4px 0;
}
input.submit-1 {
    font-weight:bold;
    font-size:16px;
    padding: 0px 10px;
    cursor:pointer;
}
input.submit-2 {
    font-weight:bold;
    font-size:16px;
    padding: 5px 15.5px;
    cursor:pointer;
}
input.submit-3 {
    font-weight:bold;
    font-size:16px;
    padding: 5px 9px;
    cursor:pointer;
}
.gsc-result .gs-title {
    height: auto !important;
}
/****percent circle css****/
.circle {
    width:60px;
    height:60px;
    position: relative;
    border-radius: 50%;
    background: #68c3a3;
    margin:20px auto;
	display: inline-block;
}
.circle + .toggle_pie_btn {
    margin-top: -19px;
}
.hidden_right{
    width:60px;
    height:60px;
    position: absolute;
    top: 0px;
    left: 0px;
    display:none;
    border-radius:50%;
    background: #68c3a3;
}
.pie_left, .pie_right{
    width:60px;
    height:60px;
    position: absolute;
    border-radius: 50%;
    top: 0px;
    left: 0px;
    background: #e6e6e6;
}
 
.pie_right,.hidden_right {
    clip:rect(0,auto,auto,30px);
}
.pie_left{
    clip:rect(0,30px,auto,0);
}
.mask {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: 5px;
    top: 5px;
    background: #FFF;
    position: absolute;
    text-align: center;
    line-height: 50px;
}
#box_map_right{
    margin-top:20px;
}
/* lazy loading start */
	.lazy-loaded {
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 1;
}
img.lazy {
	display: none;
}
.school-list-thumbnail {
	float: left;
	clear: both;
	margin-bottom: 3px;
	max-width: 90px;
	max-height: 60px;
}
/* lazy loading end */
/****** ALL ICONS START ****/
.find-public-state-icon span{
    background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -56px -154px;
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-top: 13px;
}
.popular_article_icon span{
    background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -4px -105px;
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-top: 13px;
}
#popular_more_articles .article_star{
	background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -165px -169px;
	display: inline-block;
    height: 16px;
    width: 18px;
    vertical-align: middle;
    margin-right:15px;
}
.recent_articles_icon span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -155px -106px;
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-top: 13px;
}
.quicklinks-icon span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -104px -106px;
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-top: 13px;
}
.quick_links .link_div span, .right_arrow {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -72px -120px;
    display: inline-block;
    width: 7px;
    height: 12px;
}
.school-info-bg .address_img_bg{
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -7px -232px;
	width:37px;
	height:49px;
	display:inline-block;
}
.save_bg .address_img_bg_mobile,.save_bg .directions_sign_road{
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -72px -120px;
	width:7px;
	height:12px;
	display:inline-block;
}
.school-info-bg .grade_img_bg{
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -54px -232px;
	width:49px;
	height:49px;
	display:inline-block;
}
.school-info-bg .website_img_bg{
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -181px -235px;
	width:49px;
	height:40px;
	display:inline-block;
}
.school-info-bg .tel_img_bg{
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -117px -231px;
	width:49px;
	height:50px;
	display:inline-block;
}
.request_bg .request_img_bg {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -259px -107px;
	width:33px;
	height:33px;
	display:inline-block;
    margin-top:13px;
}
.save_bg .save_img_bg {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -11px -163px;
	width:33px;
	height:33px;
	display:inline-block;
    margin-top:13px;
}
.idea_icon span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -413px -8px;
    display: inline-block;
    width: 24px;
    height: 33px;
    margin-top: 17px;
}
.request_icon span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -259px -107px;
    display: inline-block;
    height: 33px;
    width: 33px;
    margin-top: 18px;
}
.serch-ico span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -354px -6px;
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-top: 13px;
}
.video_icon span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -408px -163px;
    display: inline-block;
    height: 29px;
    width: 29px;
    margin-top: 18px;
}
#article_rss_feed .rss_ico{
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -14px -13px;
    display: block;
	width: 23px;
	height: 24px;
	margin: 15px auto;
}
.articles_icon span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -206px -160px;
    display: inline-block;
    width: 34px;
    height: 32px;
    margin-top: 18px;
}
#article .articles_public_school .article_star {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -165px -169px;
    display: inline-block;
    height: 16px;
    width: 18px;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom:3px;
}
.login_head_icon span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -255px -56px;
    display: inline-block;
    width: 41px;
    height: 40px;
    margin-top: 13px;
}
.news_icon span{
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -14px -13px;
    display: inline-block;
    height: 24px;
    width: 23px;
    margin-top: 20px;
}
.trulia_widget_icon span {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -254px -155px;
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-top: 13px;
}
.valid-icon {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -366px -168px;
}
.invalid-icon {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -18px -70px;
}
.error-icon {
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -216px -18px;
}
.jump_arr {
	background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -60px -70px;
    bottom: -2px;
    height: 12px;
    left: 38px;
    position: relative;
    width: 25px;
    z-index: 11;
}
.btn_icon_bg {
    background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -120px -21px;
    display: inline-block;
    height: 5px;
    width: 9px;
}
.toggle_pie_btn {
	position: absolute;
    right:-15px;
    bottom:0px;
    height:19px;
    background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -461px -2px;
    width: 29px;
    z-index: 10;
    cursor:pointer;
}
.blueribbon-bg {
	background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -63px -22px;
    display: inline-block;
    height: 13px;
    width: 20px;
    margin-top: 3px;
    margin-right: 5px;
}
.recommendations-bg {
	background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -217px -120px;
	display: inline-block;
	width: 12px;
	height: 12px;
}
.list_no .listspan{
	background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -167px -71px;
}
.list_down .listspan{
	background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -115px -70px;
}
.list_up .listspan{
	background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -215px -69px;
}
.list_down .listspan,.list_no .listspan,.list_up .listspan{
	height:16px;
	width:16px;
	display:inline-block;
}
.valid-icon, .invalid-icon, .error-icon{
    display: inline-block;
    width:16px;
    height:16px;
    vertical-align: bottom;
    padding-bottom:3px;
}
#secondary-content #student_request_form .valid-icon, #secondary-content #student_request_form .invalid-icon, #secondary-content #student_request_form .error-icon {
    position: absolute;
    right: 0;
    top: 8px;
}
#secondary-content #student_request_form .rf_input {
    position: relative; 
}
.popular_article_icon, .articles_icon, .idea_icon, .video_icon, .news_icon{
    float:left;
    background-color:#0082c5; 
    height:70px;
    width:60px;
    border-radius: 5px 0 0 0;
}
.quicklinks-icon, .request_icon {
    float: left;
    background-color: #61b597;
    height: 70px;
    width: 60px;
    border-radius: 5px 0 0 0;
}
.trulia_widget_icon, .recent_articles_icon, .login_head_icon{
    float: left;
    background-color: #0082c5;
    height: 70px;
    width: 80px;
    border-radius: 5px 0 0 0;
}
.serch-ico {
	float: left;
    background-color: #61b597;
    height: 70px;
    width: 80px;
    border-radius: 5px 0 0 0;
}
#school_overview .head_action_1_border .save_bg {
    display: inline-block;
    float: left;
    width: 60px;
    height: 60px;
    background-color: #e4a649;
    border-radius: 5px 0 0 5px;
}
#school_overview .head_action_1_border .request_bg {
    display: inline-block;
    float: left;
    width: 60px;
    height: 60px;
    background-color: #61b597;
    border-radius: 5px 0 0 5px;
}
/*******ALL ICONS END*****/
/********** 
Media CSS For Large Screen START
Include Landscape Orientatione Of Some Tablets:
Kindle Fire HD 8.9" (800 x 1280)
Galaxy Tab 2 10.1 (800 x 1280)
**********/
@media (min-width: 1200px){
    /********** CSS For Page Layout START **********/
    #main-wrapper{
        width: 1180px;
    }
    #all-content{
        width: 1180px;
    }
    #main-content{
        width: 824px;
    }
    #secondary-content{
        width: 336px;
    }
    #main-headline-wrapper{
        width: 824px;
    }
    #wowslider-container1 {
        max-width: 780px;
    }
    /********** CSS For Page Layout END **********/
    /********** CSS For Header AND FOOTER START **********/
    #header {
        max-width: 1180px;
    }
	#footer, #bottom-content {
    	width: 1180px;
	}
    #header #logo {
        width: 21%;
    }
	.hide-in-tablet {
        display: inline;
    }
    .navigation-wrapper-2 li a{
        padding: 0 40px;
    }
    /********** CSS For Header AND FOOTER END **********/
    /********** CSS For Search Components START **********/
    .search {
        margin: 6px 110px 0 40px;
    }
	.search-button {
    	width: 85px;
	}
    .google-search-contain {
        width: 430px;
    }
    /********** CSS For Search Components END **********/
    /********** CSS For Google Map and OpenMap Start **********/
    #map_left{
        width:787px;
    }
    #street_view {
        height: 222px;
    }
    /********** CSS For Google Map and OpenMap End **********/
    /********** CSS For PieCharts And CustomText And Secondaryheader And MutipleSchoolList Start **********/
    .tab_all,.tab_high,.tab_middle,.tab_elementary,.tab_pre,.tab_charter{
        width: 116px;
    }
    .tab_private{
        width:120px;
    }
    #neary .table_cell_other_1{
        width:230px;
    }
    .school-list .table_row_head .table_cell_other_1,.school-list .table_cell_other_1{
		width:330px;
	}
	.school-list .table_row_head .table_cell_county,.school .table_cell_county{
		width:198px;
	}
	.school-list .table_row_head .table_cell_other_2,.school-list .table_cell_other_2,.school-list .table_row_head .table_cell_other_3,.school-list .table_cell_other_3{
		width:110px;
	}
	#diversity_ranking_town .table_row_head .table_cell_other_1
	{
		text-align: center;
	}
	#diversity_ranking_town .table_row_head .table_cell_county{
		text-align: left;
	}
	#find-school-result .school-list .table_row_head .table_cell_other_1,#find-school-result .school-list .table_cell_other_1{
	    width:258px;
	}
	/**nearby schools list**/
    #find-school-list .school .table_cell_other_1{
		width:328px;
	}
	#find-school-list .school .table_cell_county{
		width:150px;
	}
	#find-school-list .school .table_cell_other_2{
		width:70px;
	}
	#find-school-list .school .table_cell_other_3{
		width:120px;
	}
	/********/
    #state_type_school_status_view .school_notes_overview{
        width:440px;
    }
    .highlights_txt {
        width:94%;
        width:calc(100% - 75px);
        width:-webkit-calc(100% - 75px);
    }
    /********** CSS For PieCharts And CustomText And Secondaryheader And MutipleSchoolList End **********/
    /********** CSS For Pages Start **********/
    /*** index.php and find_schools.php ***/
    .find_state_box .city_box{
        padding-left:40px;
    }
    /*** state page ***/
    .state_ethnicity .table_row_left{
        width: 440px;
    }
    .state_ethnicity .table_row_right{
        width:290px;
    }
    .state_ethnicity .table_row .table_cell:first-child{
        width:210px;
    }
    .state_ethnicity .table_row .table_cell:nth-child(2){
        width:218px;
    }
    #state_schools .select_btn{
        width:580px;
    }
	#state_schools .y_btn {
    	width:155px;
	}
	#state_schools .public_county_list .table_row_head .table_cell_other {
        width: 170px;
    }
	#state_schools .public_county_list .table_cell_other {
    	width: 170px;
	}
    /*school profile*/
    #so_jump_btn{
        left:791px;
    }
    #school-info .infobox_top_left, #school-info .first, #school-info .second {
        width: 390px;
    }
	.infobox_top_right {
    	width: 336px;
	}
	#school_overview .school-info-content-body .head_action_1 .head_action_1_border a{
		width:370px;
	}
	#school_overview .school-info-content-body .head_action_1{
        width:380px;
    }
    #comparison_table .table_name_cell,#general_table .table_name_cell{
        width:228px;
    }
    #review_description{
        width:778px;
    }
	/*****related school video****/
	.video_thumb{
        width:316px;
    }
	/***recent articles***/
	.recent_content {
        width: 259px;
    }
	.recent_content .recent_img img {
        height: 200px;
    }
    /*article page*/
    #article #af-form-1155550603,#article #af-form-1155550603 .quirksMode{
        width:336px;
    }
    #article .articles_public_school .article_photo img,#article .articles_public_school .article_photo{
        width:100%;
    }
    #article .articles_public_school .article_photo + a{
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        text-decoration: none;
    }
	/*custom text*/
	.school_notes_overview{
		width:440px;
	}
    /*compare school*/
    #stateid, #countyid,#county_id,#grade_offered,p #myselect2{
        width:500px;
		height:40px;
    }
    /*school widget page*/
    .schoolwidget .schoolwidget-form-container{
        max-width:600px;
    }
    /*student_information*/
    #student_information .action_1,#student_information .action_2,#student_information .action_3,#student_information .action_4{
        width:382px;
    }
    #popular_articles .popular_article_photo{
        height:218px;
    }
}
/********** 
Media CSS For Screen Width betwwen 768-998
Include portrait Of Some Tablets:
iPad Air (768 x 1024)
Galaxy Tab 2 10.1 (800 x 1280)
Include Landscape Orientation Of Some Tablets:
Galaxy Nexus 7 (603 x 966)
Kindle Fire HD 7" (533 x 853)
Include Landscape Orientation Of Some Phablets:
Galaxy Note 4 (480 x 853)
**********/
@media (min-width: 768px) and (max-width:998px){
    /******************************  
    * BASIC CSS For Basic View Components START
    * Note:
    * The css in this part is bacis css for Basic View Components Such AS FormView, TableView 
    ******************************/
    .section_1_header, .section_2_header, .section_3_header{
        font-size: 0.8rem;
    }
	#secondary-content .section_3_header, #secondary-content .section_2_header{
    	line-height: 60px;
	}
    input.submit, .updateNew, .compare_schools, .compare, .remove, .submitForm, .zipcodes, .Sport_Enter{
        font-size: 1rem;
    }
    /*ads*/
    #desk_show_ads,#compare_schools #ad-right-above{
        width: auto;
        float: none;
        clear: both;
    }
    #ad-left-large {
        clear: both;
        text-align: center;
    }
    #state_ads_banner {
        display: block;
    }
    #div-gpt-ad-1365998256823-0,#div-gpt-ad-1365998256823-1 {
        display:none;
    }
    #div-gpt-ad-1365998256823-2 {
        display:block;
    }
    /**********  BASIC CSS For Basic View Components END **********/
    /********** CSS For Page Layout START **********/
    #main-wrapper {
        width: 98%;
    }
    body.full-width #main-wrapper {
        width: 98%;
    }
    #main-content {
        width: 67.347%;
    }
    #secondary-content {
        padding-left: 0;
        width: 30.612%;
    }
    #secondary-content p {
        width: 100%;
    }
    #all-content {
        width: 100%;
    }
    /********** CSS For Page Layout END **********/
    /********** CSS For Header AND FOOTER START **********/
    #header #logo{
        width: 24%;
    }
	#header {
		max-width:768px;
	}
    #navigation-wrapper ul a{
        font-size: 12px;
    }
    .navigation-wrapper-2 li a {
        padding: 0 12px;
    }
    .articles{
        width:260px;
    }
    .articles_list, .articles_list_title {
        width: calc(100% - 10px);
        width:-moz-calc(100% - 10px);
        width:-webkit-calc(100% - 10px);
    }
    #footer .navigation-1 #copyright{
        font-size: 0.7rem;
        width: 100%;
    }
    #footer{
        width: 98%;
        height: 156px;
    }
	#bottom-content{
		width: 98%;
	}
    #footer .navigation-1 p.m-text{
        display:none;
    }
    #footer .navigation-2{
        width:18%;
    }
	#footer .navigation-3{
		margin-left:0;
	}
    #footer .navigation-4{
        width: 40%;
		margin-left:0;
    }
	#copyright_logo{
		margin-right:10px;
	}
    #copyright_text{
        width: 100%;
        padding: 0;
    }
    /********** CSS For Header AND FOOTER END **********/
	/*****table list cell******/
	.school-list .table_row_head .table_cell_other_1, .school-list .school-type-list-text .table_cell_other_1 {
        width: 40%;
        padding-left: 5px;
    }
	.school-list .table_row_head .table_cell_county {
    	width: 30%;
    	padding-left: 5px;
	}
	/************/
    /********** CSS For Search Components START **********/
    #search_div{
        width:auto;
    }
    .search{
        margin: 6px 12px;
    }
	.search_bar{
		width:580px;
	}
    .search-input {
        font-size: 12px;
    }
    .google-search-contain {
        width: 14.4rem;
    }
    /********** CSS For Search Components END **********/
    /********** CSS For Article Views Components START**********/
    .article_title a {
        font-size: 1rem;
    }
    /********** CSS For Article Views Components END**********/
	/********** CSS For QuickLinksView Start **********/
	.link_div .school-type-list-text {
        width: 90%;
    }
	/********** CSS For QuickLinksView END **********/
    /********** CSS For LocationArticlesViews Start **********/
    #school-news-title-text {
        width: 86%;
    }
    /********** CSS For LocationArticlesViews End **********/
    /********** CSS For FindSchoolConponents Start **********/
    #secondary-content #FindSchoolForm .find-school-input {
        width: 90%;
    }
    #secondary-content #FindSchoolForm .find-school-opt {
        width: 94%;
    }
    #find-schools #FindSchoolForm .find-school-submit {
        padding-right: calc(62% - 130px);
        padding-right: -webkit-calc(62% - 130px);
    }
    /********** CSS For FindSchoolConponents End **********/
    /********** CSS For Google Map and OpenMap Start **********/
    #map_left {
        width: 100%;
    }
    .mini-map {
        width: 100%;
    }
    .mini-map-selection-wrapper {
        width: 100%;
    }
    .full-map-selection-wrapper {
        width: 100%;
    }
    /********** CSS For Google Map and OpenMap End **********/
    /********** CSS For PieCharts And CustomText And Secondaryheader And MutipleSchoolList Start **********/
    #secondary_header1, #secondary_closed_header{
        font-size:14px;
    }
    .school_notes_overview{
        width:100%;
    }
	#state_type_school_status_view .school_notes_overview{
        width:100%;
    }
    .school-list .table_row_head span {
        padding: 10px 0;
    }
    .school-list .table_row_head .table_cell_county, .school-list .table_cell_county {
        width: 30%;
		font-size: 16px;
    }
    .school-list .table_row_head .table_cell_other_1,.school-list .table_cell_other_1 {
        width: 40%;
		font-size: 16px;
    }
    .school-list .table_row_head .table_cell_other_2,.school-list .table_cell_other_2 {
        width: 10%;
        font-size: 16px;
		padding-left: 0;
    }
    .school-list .table_row_head .table_cell_other_3,.school-list .table_cell_other_3 {
        width: 15%;
		font-size: 16px;
		padding-left: 0;
    }
    #district table.school-list .table_cell_other_1{
        width: 20%;
        padding: 0;
        font-size: 16px;
        height: 70px;
        text-align: center;
    }
	/***nearby school list***/
    #find-school-list .school-list .table_cell_county {
        width:19%;
    }
    #find-school-list .school-list .table_cell_other_1 {
        width:41%;
    }
    #find-school-list .school-list .table_cell_other_2 {
        width:10%;
    }
    #find-school-list .school-list .table_cell_other_3 {
        width:14%;
    }
	/****END****/
    #neary .table_row_head span{
        font-size:14px;
    }
    #neary .table_cell_county {
        width:19%;
    }
    #neary .table_cell_other_1  {
        width:40%;
    }
    #neary .table_cell_other_2  {
        width:12%;
    }
    #neary .table_cell_other_3 {
        width:12%;
    }
    /********** CSS For PieCharts And CustomText And Secondaryheader And MutipleSchoolList End **********/
    /********** CSS For Pages Start **********/
    /*** index.php and find_schools.php ***/
    h4#sub_welcome{
        font-size: 1rem;
    }
    #find-public-schools-by-state .find_state_box {
        height: 240px;
    }
	.find_state_box ul li .city_count {
        display: block;
    }
	.find_state_box .state_bold{
		font-size:18px;
	}
    /*** state page ***/
    .state_ethnicity .table_row_left {
        width: 50%;
    }
    .state_ethnicity .table_row .table_cell:first-child {
        width: 60%;
    }
    .state_ethnicity .table_row .table_cell:nth-child(2) {
        width: 30%;
    }
    #sta_ethnicity_pie_chart {
        width: 100%;
    }
    #state_schools .select_btn {
        width: 57%;
    }
    #state_schools .public_county_list .table_cell_county,
	#state_schools .public_county_list .table_row_head .table_cell_county{
    	width: 40%;
		font-size: 1rem;
	}
	#state_schools .public_county_list .table_cell_other,
	#state_schools .public_county_list .table_row_head .table_cell_other{
        width: 18%;
        font-size: 1rem;
    }
    /*agency_schools.php*/
    #agency_schools #main-content p{
        width: 100%;
        font-size:16px;
    }
    /*compare_schools.php*/
    #compare_schools .section_3_content.section_content form{
        float:none;
    }
	a.link_button{
		width:150px;
	}
	#stateid, #countyid, #county_id, #grade_offered, p #myselect2 {
    	width: 500px;
	}
    /*article pages*/
    #article #main-headline-wrapper {
        width: 100%;
    }
    #article h1#main-headline {
        width: 67.347%;
    }
    #af-form-203253092, #af-form-203253092 .quirksMode {
        width: 100%;
    }
    #article .articles_public_school .article_photo{
        width: 100%;
    }
    #article .articles_public_school .article_photo img {
        width: 100%;
    }
    #article .read_more {
        width: 100%;
    }
    /*** school profile page ***/
    /*SOInfoView*/
    #school_overview #school-info .infobox_top_left {
        float: none;
        width: 94%;
        width: calc(100% - 27px);
        width: -webkit-calc(100% - 27px);
        width: -moz-calc(100% - 27px);
    }
	#school-info .first, #school-info .second {
    	width: 98%;
	}
    #school_overview #school-info .infobox_top_right {
        width: 98%;
        width: calc(100% - 9px);
        width: -webkit-calc(100% - 9px);
        margin: 10px 0 0;
		text-align: center;
    }
	#school_overview #school-info .school-info-content-body {
    	width: 92%;
    	width: calc(100% - 40px);
    	width: -moz-calc(100% - 40px);
    	width: -webkit-calc(100% - 40px);
	}
	#school_overview .school-info-content-body .head_action_1 {
        width: 96%;
    }
	#school_overview .school-info-content-body .head_action_1 .head_action_1_border a {
    	width: auto;
	}
    /*SOQuickJumpView*/
    #so_jump_btn{
        display:none;
    }
    /*SOTableView*/
    #school_overview table .chartimg{
        width:100%;
    }
    #agency_schools .chartimg{
        width:100%;
    }
    #general_table .value_cell_1 {
        width: 100%;
        text-align:center;
    }
    #sch_ethnicity_pie_chart {
        width: 100%;
    }
	/*school youtube video*/
	#school_videos .section_3_header{
		font-size:15px;
	}
	.video_thumb{
		width:100%;
	}
    /*SOReviewsView*/
    #review_description {
        width: 90%;
    }
    #sale_widget, #tMinistats {
        width: 100% !important;
    }
    #rental_widget {
        width: 100% !important;
        margin-top:2%;
    }
    /*mini student login form*/
    #mini_student_login_form .wide{
        font-size:14px;
    }
	.schoolwidget .schoolwidget-form-container{
		width:58%;
		max-width: none;
	}
	.schoolwidget .schoolwidget-iframe-container{
		margin-left: 10px;
		width:auto;
	}
	/**** find schools Components****/
	#search_public_schools .section_2_header{
		font-size:15px;
	}
	/*******ALL ICONS START*********/
	#secondary-content .popular_article_icon, .idea_icon, .quicklinks-icon, .request_icon, .video_icon, .news_icon, #secondary-content .login_head_icon, #secondary-content .serch-ico, .articles_icon {
        height: 60px;
        width: 50px;
    }
	.popular_article_icon span, .idea_icon span, .quicklinks-icon span, .request_icon span, #secondary-content .login_head_icon span, .articles_icon span {
        margin-top: 10px;
    }
	/******* ALL ICONS END *********/
}
/********** 
Media CSS For Screen Width betwwen 640-767
Include Landscape Orientation Of Phone:
Iphone 6 (375 x 667)
Include Landscape Orientation Of Some Phablets:
Iphone 6 Plus (414 x 736)
**********/
@media (max-width: 767px) {
	.schoolwidget .schoolwidget-form-container{
		max-width:none;
		float:none;
	}
	.schoolwidget .schoolwidget-iframe-container{
		float: none;
		margin: 0 auto;
		text-align: center;
		width: auto;
	}
    /********** Override Basic CSS Start And Components**********/
    * {
        border:0 none; 
        margin:0; 
        padding:0;
    }
    html {
        font-size:100%;
    }
    .contentboxouter {
        margin:10px;
    }
    .contentboxinner {
        margin:0;
    }
    .content2boxouter{
        margin: 10px;
    }
    .new_content_section_1 {
        border-radius: 3px;
        margin: 10px;
        background-color: #F6F6F6;
        width: calc(100% - 22px);
    }
    .new_content_section_2 {
        border-radius: 3px;
        margin: 10px 10px;
        margin-top:10px;
    }
    .new_content_section_3 {
        border-radius: 3px;
        margin: 10px;
        background-color: #F6F6F6;
    }
	.under_header_content {
        margin: 0px;
        padding: 10px 10px 0 10px;
    }
    .contentboxinner > a {
        font-size:0.9rem;
        margin:0 1%;
    }
    /* just mobile show */
    .just-mobile-show-inline {
        display:inline;
    }
    .just-mobile-show-block {
        display:block;
    }
    /* just desktop show */
    .just-desktop-show-inline,.just-desktop-show-block {
        display:none;
    }
    #list_school .just-desk-tablet-show {
        display:none;
    }
    #map-placeholder{
        display:none;
    }
    #setmap-show {
        margin:10px;
    }
    .l {float:left;}
    .r {float:right;}
    .c {clear:both;}
    .n {display:none;}
    .last_left{
        font-size:16px;
    }
    .orange-link{
        color:#DD6919;
    }
    .landingview{
        margin-left:10px;
    }
    .hr {
        margin:10px 3.3%;
        border: 1px solid #E0E0E0;
    }
    .updateNew, .compare_schools, .compare, .remove, .submitForm, .zipcodes, .Sport_Enter{
        font-size:1rem;
        padding-left: 0px;
        padding-right: 0px
    }
    /********** Override Basic CSS End**********/
    /********** CSS For Page Layout START **********/
    #main-wrapper {width:100%;clear: both;}
    #main-content {
        float:none;
        width:100%;
        max-width: none;
        padding-top:0;
        margin:0 auto;
    }
    #main-content h3 {
        font-size:1.5rem;
        margin-left:10px;
    }
    #secondary-content {
        float:none;
        width:100%;
        max-width:980px;
        margin:0 auto 10px;
        padding-left:0;
    }
    #breadcrumbs{
        margin: 14px 10px 4px;
    }
    #main-headline-wrapper {
        clear:none;
        width:100%;
    }
    h1#main-headline, h1#main-headline a{
        margin: 1rem 10px 0;
    }
    h1#main-headline span{
        font-size: 36px;
    }
    body.full-width #main-wrapper {
        width: 100%;
    }
    #all-content {
        width: 100%;
    }
    #all-content p {
        margin:0;
    }
    /********** CSS For Page Layout END **********/
    /********** Adsense Start **********/
    #ad-under-headline{
        display:block;
        width: 320px;
        margin: 10px auto 0;
    }
    #state_ads_medium {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    #state_ads_banner{
        display: block;
    }
    #ad-left-large {
        clear: both;
        text-align: center;
    }
    #ad-left-medium {
        float:none; 
        text-align:center;
        width:inherit;
    }
    #ad-right-above,#ad-right-sticky{
        text-align:center;
        margin:0 10px;
    }
    #adsense-article{
        float:left;
        margin-left: 3.3%;
        margin-right: 3.3%; 
        width:95%;
    }
    #div-gpt-ad-1365998256823-0,#div-gpt-ad-1365998256823-1 {
        margin:10px auto;
    }
    #ad-right-above,#school_overview #ad-small-banner{
        display:none;
    }
    #aboutus #ad-right-above,#compare_schools #ad-right-above,#create_account #ad-right-above,#forgotpassword #ad-right-above,#lost_password #ad-right-above,#school_gateway #ad-right-above,#student_gateway #ad-right-above{
        display:block;
    }
    #desk_show_ads,#compare_schools #ad-right-above{
        float:left;
        width:100%;
		margin: 0;
    }
    #remove_right_ad_moblie #ad-right-below,#remove_right_ad_moblie #ad-right-above,#remove_right_ad_moblie .right-column-ad,
    #school_overview #ad-right-below-box{
        width:100%;
        display: none;
    }
    #notfound #div-gpt-ad-1365998256823-0{
        display:none;
    }
    /********** Adsense end **********/
    /********** CSS For Header AND FOOTER START **********/
	#mobile-header,#mobile-search-box{
        height:80px;
        background:#F2F2F2;
    }
    #mobile-header{
        display:block;
    }
    .mobile-header-left{
        float:left;
        margin-left:25px;
        margin-top:12px;
    }
    .mobile-header-left img{
        width:120px;
    }
    .mobile-header-right{
        float:right;
        margin-right:25px;
    }
    #mobile-search-icon{
        margin-right:20px;
        margin-top:25px;
        display:inline-block;
    }
	#mobile-search-icon span{
		background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -363px -66px;
		width: 21px;
		height: 20px;
		display: block;
	}
    #m-header-navbar{
        display:inline-block;
    }
	#m-header-navbar span{
		background: url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -411px -64px;
		width: 21px;
		height: 20px;
		display: block;
	}
	#m-nav-bar {
		background-color:#1e8dc5;
		color:#FFF;
        min-width:270px;
	}
	#m-login {
		font-size: 2.1875rem;
        height:80px;
        background:#F2F2F2;
		width: 100%;
        text-align:center;
	}
	#m-nav-bar a {
        color: #FFFFFF;
	}
    #m-nav-bar #m-login a{
        margin-top:22px;
    }
	.bar-lay-2 {
		display: none;
        background-color:#f4b34f;
	}
	.bar-lay-2 li {
		border-top: 1px solid #f4bb61;
	}
	.subcate_link {
		float: left;
		height: 55px;
		padding-left: 10px;
	}
	.subcate_div {
		display: table-cell;
		height: 55px;
		vertical-align: middle;
		width: 100%;
	}
    .bar-lay-1{
        margin: 0 0 0 20px;
    }
	.bar-lay-1 li.cate_list,.bar-lay-1 li.find_list {
		border-bottom: 1px solid #3498ca;
		font-size:16px;
	}
	.cate_link {
		float: left;
		height: 55px;
		width: 86%;
        padding-left: 4%;
	}
	.cate_div {
		display: table-cell;
		height: 55px;
		vertical-align: middle;
        font-weight:700;
	}
	.cate_arr > span {
		background:url('http://www.publicschoolreview.com/images/new_sprites.png') no-repeat -167px -22px;
		width:16px;
		height:13px;
		display:inline-block;
		margin-top:20px;
	}
	.cate_arr {
		float: left;
		height: 55px;
		width: 10%;
        text-align: center;
	}
    .mobile-header-line{
        height:5px;
    }
	#logo_wrapper {
		display:none;
	}
	.navigation {
		display:none;
	}
	.navigation-wrapper-2 {
		background: none repeat scroll center center #1E8BC3;
	}
	.navigation-wrapper-3 {
		height:auto;
		left:0;
		float:none;
	}
    #mobile-search-box .mobile-search-box-1{
        margin:0px 5%;
        margin:0px calc(13% - 26px);
        margin:0px -webkit-calc(13% - 26px);
        margin:0px -moz-calc(13% - 26px);
    }
    #mobile-search-box .mobile-search-box-2{
        float: left; 
        width: 89%;
    }
    #mobile-search-box .mobile-search-box-2 input{
        height:38px; 
        padding:0;
        margin-top:20px;
        width:100%; 
        border:1px solid #d9d9d9; 
        border-right:none;
        border-radius:5px 0 0 5px;
        outline:none;
    }
    #mobile-search-box .mobile-search-box-3{
        float: left; 
        width: 25px; 
        padding-right:1.5%; 
        margin-top: 20px; 
        height: 38px;
        background:#fff;
        border:1px solid #d9d9d9;
        border-left:none;
        border-radius:0 5px 5px 0;
    }
    #circle-delete{
        width:20px;
        height:20px; 
        line-height:20px;
        border-radius: 50%;
        margin: 9px 0 0 2px;
        background-color:#d2d2d2; 
        color:#fff;
		cursor: pointer;
    }
	.mobile-header-left img {
    	width: 160px;
	}
	#footer-wrapper {
		height:auto;
		width:93.75%;
		padding: 3.125%;
	}
	#footer{
		height:auto;
		width:auto;
	}
    #bottom-content{
        width:100%;
    }
    #bottom-content .bottom-icon,#bottom-content .bottom-text{
        float:none;
        width:100%;
        text-align:center;
    }
	#footer .navigation-1 {
		border:0 none;
		float:none;
		margin-top:0;
		width:100%;
	}
    #footer .other-navigation{
        float:none;
    }
	#footer .navigation-2 {
		margin-top:0;
		height:auto;
		padding:20px 0 0;
        float:none;
	}
	#footer .navigation-3
	{
		height:auto;
		padding:0;
        float:none;
        margin:0;
	}
	#footer .navigation-4
	{
		height:auto;
        margin:0;
        float:none;
	}
	#footer-wrapper span.copyright-1 {
		margin-left:5px;
	}
	#footer-wrapper #copyright_text p{
	    float:left;
	}
	.m-text {
		display:block;
	}
	#copyright_text .m-text{
		margin-left:calc((100% - 219px)/2);
		margin-left:-webkit-calc((100% - 219px)/2);
		margin-left:-moz-calc((100% - 219px)/2);
	}
	.p-text {
		display:none;
	}
	#footer-wrapper #copyright p.m-text {
		margin-left:11%;
		color: #8AABD2;
	}
	#copyright_logo {
		width: 100%;
        margin-bottom: 10px;
	}
	#copyright_text {
		width:100%;
		text-align:center;
	}
	#footer .navigation-3 UL {
		width:100%;
	}
	#footer .navigation-2 UL {
		width:100%;
	}
	#footer .navigation-4 UL {
		width:100%;
	}
	#copyright_text > p:last-child {
		margin-left: calc(10% + 5px);
		margin-left: -webkit-calc((10% + 5px));
	}
    /********** CSS For Header AND FOOTER END **********/
    /********** CSS For Search Components START **********/
	#search_public_schools .section_2_header{
		font-size:18px;
	}
	.google-search-contain{
		width:initial;
	}
    #mobile-search-box .mobile-search-box-1{
        margin:0px 5%;
        margin:0px calc(13% - 26px);
        margin:0px -webkit-calc(13% - 26px);
        margin:0px -moz-calc(13% - 26px);
    }
    #mobile-search-box .mobile-search-box-2{
        float: left; 
        width: 89%;
    }
    #mobile-search-box .mobile-search-box-2 input{
        height:38px; 
        padding:0;
        margin-top:20px;
        width:100%; 
        border:1px solid #d9d9d9; 
        border-right:none;
        border-radius:5px 0 0 5px;
        outline:none;
    }
    #mobile-search-box .mobile-search-box-3{
        float: left; 
        width: 25px; 
        padding-right:1.5%; 
        margin-top: 20px; 
        height: 38px;
        background:#fff;
        border:1px solid #d9d9d9;
        border-left:none;
        border-radius:0 5px 5px 0;
    }
    #circle-delete{
        width:20px;
        height:20px; 
        line-height:20px;
        border-radius: 50%;
        margin: 9px 0 0 2px;
        background-color:#d2d2d2; 
        color:#fff;
		cursor: pointer;
    }
	.mobile-header-left img {
    	width: 160px;
	}
    /********** CSS For Search Components END **********/
    /********** CSS For Article Views Components START**********/
    /***popular articles***/
    .popular_article_photo,.popular_article_photo img {
        height: auto;
        width: 100%;
    }
    /***recent articles***/
    .article_blurb {
        font-size:1.25rem;
    }
    .featured_article_photo img {
        width:100%;
    }
    #left_article, #right_article {
        width:100%;
        display:none;
    }
    /********** CSS For Article Views Components END**********/
    /********** CSS For QuickLinksView Start **********/
    .quick_links .section_header_wrapper {
        margin: 0;
    }
    .quick_links .section_2_content {
        padding: 0;
    }
    #regional_box_ul {
        background-color: #F6F6F6;
    }
    #regional_box_ul .quicklink_li {
        padding-left: 10px;
    }
    #regional_box_ul .image_div span {
        color: #494949;
    }
    .link_div .school-type-list-text {
        color: #1E8BC3;
        float: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
    }
    .link_div .school-type-list-text:hover {
        color: #F4B350;
    }
    #regional_box_ul .link_div a {;
        color: #494949;
        display: block;
        font-family: Open Sans;
        font-size: 1.2rem;
        font-weight: 400;
    }
    .quick_links .link_div a {
        font-size: 1.25rem;
    }
    #regional_box_ul .school-type-list-text {
        float: left;
        padding-left: 1.5%;
        width: 92%;
        padding: 0;
    }
    /********** CSS For QuickLinksView End **********/
    /********** CSS For Statisctics Table Start**********/
    #zipcode-statistics-table-title {
        display:block; 
        margin:0 3%;
    }
    .statistics_table {
        margin:10px 0; 
        width:100%;
    }
    .statistics_table .table_name_cell, .statistics_table .table_value_cell {
        border-right: 1px solid #E2E6F4;
        width: calc((66% - 10px)/2);
        width:-moz-calc((66% - 10px)/2);
        width:-webkit-calc((66% - 10px)/2);
    }
    
    .statistics_table.regional_statistics_table .value_cell_2{
        display:none;
    }
    
    /********** CSS For Statisctics Table End**********/
    /********** CSS For Area Statistics Widget Start**********/
    #sale_widget,#tMinistats {
        width:100% !important;
    }
    #rental_widget {
        width:100% !important;
        margin-top:2%;
    }
    /********** CSS For Area Statistics Widget End**********/
    /********** CSS For FindSchoolConponents Start **********/
    #search_public_schools {
        margin: 0;
    }
    #find-schools #FindSchoolForm .find-school-submit {
        padding-right:0;
        text-align: left;
    }
    #secondary-content #FindSchoolForm .find-school-div {
        height: 70px;
        margin: 0;
    }
    #secondary-content #FindSchoolForm .find-school-label {
        width: 190px;
        display: inline-block;
        float: none;
        margin: 0;
    }
    #secondary-content #FindSchoolForm .find-school-input { 
        width: 98%;
        width: calc(100% - 8px);
        height: 26px;
        margin: 0;
        display: inline-block;
    }
    #secondary-content #FindSchoolForm .find-school-opt {
        width: 100%;
        height: 36px;
        margin:0;
    }
    #secondary-content #FindSchoolForm .find-school-submit {
        padding-left: 0;
    }
    /********** CSS For FindSchoolConponents End **********/
    /********** CSS For Google Map and OpenMap Start **********/
    #right_map_outer_box {
        width: 100%;
    }
    #box_map_right{
        width: calc(100% - 22px);
        width: -webkit-calc(100% - 22px);
        width: -moz-calc(100% - 22px);
        margin: 10px;
    }
    #map_left {
        width:-webkit-calc(100% - 20px);
        width:calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
    }
    .mini-map{
        width:100%;
    }
    .full-map {
        height:250px;
    }
    .mini-map-selection-wrapper{
        margin-bottom:0px;
    }
    /********** CSS For Google Map and OpenMap End **********/
    /********** CSS For PieCharts And CustomText And Secondaryheader And MutipleSchoolList Start **********/
    #school-type , #closed-school-type{
        display: block;
        height: 35px;
        padding: 4px 5px;
        width: 100%;
        font-size:16px;
    }
    #box_no_marginpadding{
        margin: 10px;
    }
    #secondary_header{
        display: none;
    }
    

    #secondary_header1,#secondary_closed_header,#hi{
        display: none;
    }
    #state_type_school_status_view .school_notes_overview {
        font-size: 1rem;
        width: 100%;
    }
    .school_notes_overview{
        width:100%;
    }
    .most_diverse_school{
        font-size:14px;
    }
    .most_district{
        font-size: 10px;
    }
    .most_diverse_district_school{;
         font-size:14px;
    }
    #school-type , #closed-school-type{
        display: block;
    }
    #neary .table_cell_county,#neary .table_cell_other_1{
        width:100%;
    }
    #neary .table_cell_other_2,#neary .table_cell_other_3{
        width:auto;
    }
	/***list table cell***/
	#title h3 {
        margin: 0 0 10px;
        padding-left: 1.5%;
        width: 93%;
    }
	h3.table-title{
    	text-align:center;
	}
    .school-list  .table_row_head {
        display: none;
    }
	.school-type-list-text {
        padding: 15px 10px;
        width: 98%;
        width: calc(100% - 20px);
    }
	.school .table_cell_county {
    	width: 100%;
    	padding: 0;
    	margin-right: 3px;
	}
	.school .table_cell_other_1 {
    	width: 100%;
    	padding: 0;
	}
    .show_closed_school {
        text-align: left;
    }
    #find-school-list .school-list  .table_cell_county,
    #find-school-list .school-list  .table_cell_other_2,
    #find-school-list .school-list  .table_cell_other_3 {width:auto;}
    #find-school-list .school .table_cell_other_1 {
        width: 100%;
        padding: 3px 0 0 0.8%;
    }
    #agency_schools .school-list  .table_cell_other_1 {
        float: left;
    }
    #blueribbon-schools .school-list  .table_cell_other_1 {
        float: left;
    }
    #diversity_ranking  table.school-list .table_row_head td, #diversity_ranking_town table.school-list  .table_row_head td {
        padding-left: 0;
        font-size:14px;
    }
    #diversity_ranking table.school-list  .table_row td, #diversity_ranking_town table.school-list  .table_row td {
        font-size:14px;
    }
    #diversity_ranking_town  table.school-list .table_cell_county,
    #diversity_ranking table.school-list .table_cell_county{
        display: table-cell;
    }
    #diversity_ranking table.school-list .list_no, #diversity_ranking_town table.school-list .list_no{
        background:none;
    }
    #district table.school-list .table_cell_other_1{
        width: 30%;
        padding: 0;
        font-size: 12px;
        height: 70px;
    }
    #district table.school-list .table_row_head .table_cell_county {
        width: 0% !important;
        font-size: 12px;
    }
    /********** CSS For PieCharts And CustomText And Secondaryheader And MutipleSchoolList End **********/
    /********** CSS For Pages Start **********/
    /*articles page*/
    #article #main-headline-wrapper {
        width: 100%;
    }
    #popular_articles .not_show_in_mobile, #article .not_show_in_mobile{
        display: none;
    }
    #article h1#main-headline,#article h1#main-headline a{
        display: block;
        margin: 10px 0 0 5px;
    }
    #article H1#main-headline, #article H1.main-headline, #article H1.main-headline a {
        margin: 0 0 0 5px;
    }
    #article #main-headline-wrapper h1#main-headline {
        margin: 10px 0 0 10px;
    }
    #article h1#main-headline {
        width:auto;
    }
    #article #main-content ul{
        margin-left:10px;
    }
    #article #main-content li {
        list-style: disc outside none;
    }
    #article .new_content_section_3 {
        margin: 20px 10px 10px;
    }
    /*MostRecentView*/
    #article .article_content li {
        list-style: disc outside none;
    }
    #article .article_content img{
        width:100% !important;
        height:100% !important;
    }
    #article .read_more {
        width: 98%;
    }
    /*ArticlesContentHeaderView*/
    #article .article_photo_content {
        position:relative;
    }
    #article .article_detail_photo {
        width:100%;
        float:none;
    }
    #article .article_photo {
        width:100%;
        border:none;
        border-radius:0;
        margin-bottom:0px;
        padding:0px;
        float:none;
    }
    #article .article_photo1{
        float:none;
        margin-bottom:0px;
        margin-right:0px;
        width:100%;
    }
    #article .article_container .article_photo1{
        margin-bottom:0px;
    }
    #article .article-pagination,#article .nomarginmobile{
        margin-left:12px;
    }
    #article .article_photo_caption {
        display:none;
    }
    #article .mresources_text_container {
        display:none;
    }
	.articlesubtitle{
		margin:0 10px;
	}
    #new_form_widget {
        display:none;
    }
    #disqus_thread{
        margin:10px 3.3%;
    }
    #Published-display-none {
        display:none;
    }
    /*ArticlesPrevNextView*/
    #article_nav {
        margin: 0 3.3% 0;
        width: 93.4%;
        padding: 0;
    }
    #article_nav p a {
        font-size: 1.25rem;
    }
    #article_nav p span {
        display:none;
    }
    #article_nav_left {
        width: 100%;
        padding-right: 0;
		margin-bottom: 10px;
    }
    #article_nav_right {
        width: 100%;
    }
    /*Articles secondary views*/
    #article #secondary-content {
        margin-top:0;
        padding-top:0;
    }
    .af-form{
        margin: 0px 10px;
        width:-webkit-calc(100% - 20px) !important;
        width: calc(100% - 20px) !important;
    }
    /*articles_public_school */
    #article .articles_public_school .article_title:hover {
        color:#FFF;
    }
    #article .articles_public_school .article_photo{
        width: 100%;
    }
    #article .articles_public_school .article_photo img {
        width: 100%;
    }
    #article .articles_public_school .article_list_content > a {
        float: left;
    }
    .more_articles_header {
        display:none;
    }
    .more_articles {
        display:none;
    }
    .articles_public_school .more_articles_header {
        display:inline;
    }
    .articles_public_school .more_articles {
        display:inline;
    }
    /*** index.php and find_schools.php ***/
    #find-public-schools-by-state .find_state_box {
        width:100%;
        border-right: none
    }
    .find_state_box .city_box{
        padding:0 30px;
    }
    #index #main-content {
        padding-top:0;
    }
    #index #main-content li {
        margin:0;
    }
    #index #secondary-content {
        padding-top:0;
        margin:0 auto 10px;
    }
    #index #search_public_schools {
        margin:0;
    }
    #index #search_public_schools .new_content_section_2 {
        margin: 0 10px;
    }
    #featured_article {
        border-bottom: 0;
    }
    #index .featured_article_photo {
        float:none;
        margin-right:0;
        margin-bottom: 10px;
    }
    #index .featured_article_photo img {
        width:100%;
    }
    #index .articles_overview {
        margin-top:0;
        padding-bottom:0;
        display:none;
    }
    #find-schools div.user_message {
        margin: 0;
        text-align: left;
    }
    /*** state page ***/
    .state_ethnicity .table_row_left {
        float: left;
        padding-bottom: 15px;
        width: 100%;
    }
    .state_ethnicity .table_row_right {
        float: left;
		width:100%;
    }
    .state_ethnicity .table_row .table_cell:first-child {
        color: #000A12;
        float: left;
        font-size: 1rem;
        font-weight: bold;
        padding-left: 5px;
        width:50%;

    }
    .state_ethnicity .table_row .table_cell:nth-child(2) {
        color: #616161;
        float: right;
        font-size: 1rem;
        padding-left: 10px;
        text-align: center;
        width: 40%;

    }
    #sta_ethnicity_pie_chart{
        width: 100%;
    }
    #state_schools .select_btn {
        width: 74%;
        height: 35px;
    }
    #state_schools .y_btn{
        display:none;
    }
    #state_schools .mobile_y_btn{
        display:inline;
        width: 20%;
    }
    #state_schools .change_div{
        clear:both;
    }
    #state_schools #list_school .table_cell_county{
        width: 90%;
        display: block;
        padding: 0;
    }
    #state_schools #list_school .table_cell_county a{
        line-height: 35px;
    }
	#state_schools .public_county_list .table_cell_other{
        font-size: 1rem;
        width: auto;
        padding: 0;
        float: none;
        text-align: left;
    }
	#state_schools .public_county_list .table_cell_other font{
    	display: none;
	}
	#state_schools .public_county_list .table_cell_other span{
        display: inline;
        float: none;
    }
    /*agency_schools.php*/
    #agency_schools #main-content P{
        width: 100%;
    }
    /*not found page*/
    #notfound #main-content p{
        padding-left:0px;
    }
    #notfound_search {
        width: 100%;
		margin-bottom:10px;
    }
    #notfound_search .google-search-contain,#site_search .google-search-contain{
        width: 80%;
    }
    /*contact schools page*/
    #contact_schools .full_name {
        width: 94%;
    }
	#contact_schools table tr td label {
        float: left;
    }
    /*student_gateway.php*/
    
    /*school_gateway.php*/
    .school_login .section_3_header img {
        top: 7px;
    }
    /*compare_schools.php*/
    #compare_schools #all-content p {
        margin:10px;
    }
    #compare_schools .section_3_content.section_content form{
        float:none;
    }
    #stateid,#countyid,#county_id,#grade_offered,p #myselect2{
        width:100%;
    }
	#compare_schools .compare_schools_list .table_cell_compare {
         font-size: 10px;
    }
	#compare_schools p.p_compare_button{
        float: none;
        text-align: center;
    }
	#compare_schools .compare_schools_list .table_cell_compare_other,
    #compare_schools .compare_schools_list .table_row_head .table_cell_compare_other{
        font-size: 10px;
        width: calc((77% - 20px) / 3);
        overflow: hidden;

    }
    #compare_schools .compare_schools_list .table_cell_compare_other a.school_link {
        font-size: 15px;
    }
	#compare_schools .separate{
		border-width: 5px 1px;
		margin: 0px 10px 0px 14px;
	}
	a.link_button {
        width: 90%;
        height: auto;
        font-size: 12px;
    }
    /*request-login-info.php*/
    #request-login-info .select_identify_school {
        border: 1px solid #e2e6f4;
        height: 33px;
        padding: 3px;
        width: 100%;
    }
    #request-login-info .table_name_cell{
        vertical-align: inherit;
    }
    /*school profile*/
    #school_overview #main-headline-wrapper{
        width:100%;
    }
    #school_overview H1#main-headline {
        width:100%;
    }
    /*SOInfoView*/
    #school_ov_infobox .contentboxouter {
        overflow: visible;
        padding:0;
    }
    .infobox_top_left {
		width:97%;
        width: calc(100% - 11px); 
        width: -webkit-calc(100% - 11px);
        float:none;
		margin-left: 9px;
    }
    #school_ov_infobox .first {
        width:100%;
    }
    #school_ov_infobox .second {
        width:100%;
    }
    .infobox_top_right {
        width: 100%;
        margin: 10px 0 0;
        text-align: center;
        float: none;
    }
    #school_ov_infobox .head_action_1 {
        line-height: 45px;
        width: 100%;
    }
	#infobox_top_right{
		margin:10px 0;
	}
	#school-info .first,#school-info .second{
        width:98%;
        width: calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
    }
	#school_overview .school-info-bg {
    	left: 0px;
	}
	#school_overview .school-info-text-2, #school_overview .school-info-text-1 {
    	margin-left: 55px;
	}
    .mobile_head_action_1_border {
        border-right: medium none;
    }
    #school-info .three {
        vertical-align: top;
        height: auto;
        line-height: 47px;
        margin: 0;
        width: 284px;
        font-size: 16px;
        padding-right: 10px;
        color: #616161;
    }
	#school-info .three .save_bg {
        display: inline-block;
        margin: 0 -5px 3px 1px;
        vertical-align: middle;
    }
	#school-info .school-info-content-body{
        float:none;
    }
	#school_overview .school-info-content-body .head_action_1 {
    	float: none;
    	width: 100%;
    	margin-left: 0px;
	}
	#school_overview .school-info-content-body .head_action_1 .head_action_1_border a {
    	width: auto;
	}
	.mobile_head_action_1 {
        height: 45px;
        line-height: 45px;
        width:48%;
    }	
    .mobile_head_action_1_border {
        margin-top: 5px;
    }
    .mobile_head_action_display_border {
        border-right:none;
        margin-bottom: 15px;
    }
	.infobox_bottom{
		margin-top:20px;
	}
    /*SOQuickJumpView*/
    #so_jump {
        display:none;
    }
    /*left video*/
    .video-containerxx{
        width:calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:-webkit-calc(100% - 20px);
        margin:0 auto;
        text-align:center;
    }
    /*SOTableView*/
	#general_table .value_cell_1, 
	#comparison_table .table_value_cell{
		width:50%;
	}
	#comparison_table .value_cell_1,
    #comparison_table .value_cell_2{
		width:25%;
	}	
    #school_overview table .chartimg{
        width:100%;
        height:100px;
    }
    #school_overview .table_row{
        width:100%;
    }
    #school_overview .bar_chart_row{
        width:100%;
        text-align:center;
    }
    #school_overview .school_district_line{
        display:table-row;
        width:100%;
    }
    #general_table .toggle_pie_btn {
        right: 40%;
        right:calc(50% - 15px);
        right:-webkit-calc(50% - 15px);
        right:-moz-calc(50% - 15px);
    }
    #schoolov-comparison-table-title {
        display:block; 
        margin:0 3%;
    }
    #school_overview #comparison_table .table_name_cell, #school_overview #general_table .table_name_cell{
        width:30%;
    } 
    #comparison_table .table_name_cell span {
        font-size: 0.75rem;
    }
    #sch_ethnicity_pie_chart {
        width:100%;
    }
    #request_info_button a {
        font-size: 1.2rem;
        width: 80%;
    }
    /*SOREVIEW*/
    #review_description {
        width: calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
    }
    /*left map*/
    .title_first {
        display: none;
    }
    #school_overview .nearby_schools_map .checkmark{
        padding: 0px 9px;
    }
    #school_overview #map-wrapper {
        margin-left: 0px;
    }
    .school-type-notice {
        float: left;
        margin-left: 1.5%;
        padding: 5px;
    }
    /*school profile popular articcles*/
    #most-popular-articles {
        margin: 10px 0;
    }
    #school_overview #request_information_box {
        width: 100%;
    }
    /*right map*/
    #school_overview #box_map_right {
        display: block;
        width: 80%;
        width: calc(100% - 40px);
        width:-webkit-calc(100% - 40px);
        width:-moz-calc(100% - 40px);
        margin: 0px 20px;
        border:none;
    }
    #school_overview #box_map_right .mini-map{
        width:100%;
        margin-bottom:0px;
        height: 175px;
    }
    /*right video*/
	.video_thumb{
		width:100%;
	}
    #school_videos {
        width: calc(100% - 22px);
        width:-webkit-calc(100% - 22px);
    }
    #school-videos-placeholder {
        margin: 10px 0;
    }
    .contentboxinner .video_thumb{
        width:110px;
    }
    .video_thumb p a{
        font-size:1.5rem;
    }
    #student-profile-wrapper td, #student-profile-wrapper tr, #student-profile-wrapper tbody {
        padding-left: 0 !important;
    }
    /*Request info and Students account */
    #student-profile-wrapper input[type="text"],
	#student-profile-wrapper input[type="password"],
	#student-profile-wrapper textarea{
        width: 85% !important;
        margin-left: 0 !important;
    }
	#student-profile-wrapper SELECT{
		width: 88%!important;
		margin-left: 0 !important;
		margin-bottom: 5px !important;
	}
	#student-profile-wrapper SELECT + .valid-icon,
	#student-profile-wrapper SELECT + .invalid-icon,
	#student-profile-wrapper SELECT + .error-icon{
		margin-left:5px;
	}
    #student-profile-wrapper #current_grade, #student-profile-wrapper #seeking_grade {
        width: 83px;
    }
	#school_overview #SchoolMembership{
		display: none;
	}
}
@media (max-width: 640px)  {
    html {font-size:100%;}
    #footer {
        font-size:18px;
    }
    /********** CSS For FindSchoolConponents Start **********/
    #find-schools #FindSchoolForm .find-school-input { 
        width: calc(100% - 8px);
    }
    #find-schools #FindSchoolForm .find-school-opt {
        width: 100%;
    }
    #find-schools #FindSchoolForm .find-school-submit {
        padding-left: 0px;
    }
    /********** CSS For FindSchoolConponents End **********/
}
@media (max-width: 480px) {
    html {font-size:80%;}
    #footer {font-size:16px;}
    #comparison_table .table_name_cell{width:1%;} 
	#find-public-schools-by-state .section_1_header{
		font-size:18px;
	}
	#school_overview .table_name_cell {
    	width: calc(30% - 12px);
    	width: -moz-calc(30% - 12px);
    	width: -webkit-calc(30% - 12px);
    	padding-left: 5px;
	}
} 
@media (max-width: 320px) {
    #footer {font-size:13px;}
    #school_overview .review_bg {
        margin: 0 -10px 5px 0px;
    }
    #school_overview .houselink_bg {
        margin: 0 -10px 10px 8px;
    }
    #school_overview .save_bg {
        margin: 0 -10px 3px 0px;
    }
	#find-public-schools-by-state .section_1_header{
		font-size:15px;
	}
	#student-profile-wrapper input[type="text"],
	#student-profile-wrapper input[type="password"],
	#student-profile-wrapper textarea{
		width: 80% !important;
	}
	#student-profile-wrapper SELECT{
		width: 85%!important;
	}
	#school_overview #comparison_table .table_value_cell {
    	width: 75px;
	}
}
/* aGallery start */
.ag-container * {
    position: relative;
    margin: 0;
    padding: 0;
    -moz-selection { background:transparent; }
    selection { background:transparent; }
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ag-container {
    margin: 10px auto;
    max-width: 780px;
}

/** views and thumbs **/
.ag-views div, .ag-thumbs > div {
    font-size: 0px;
    height: inherit;
    white-space: nowrap;
    list-style-type: none;
    margin-bottom: 0 !important; /* fix for #main-content UL {  margin-bottom: 10px; } */
}
.ag-views div > img, .ag-thumbs div > img {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

/** views **/
.ag-view {
    width: 100%;
    overflow: hidden;
}
.ag-views {
    min-height: 120px;
    overflow: hidden;
}
.ag-views > div {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
}
.ag-views div img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 600px;
}

/** thumbs **/
.ag-thumbs {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}
.ag-thumbs-slider {
    font-size: 0;
    display: inline-block;
    overflow: hidden;
    width: auto;
}
.ag-thumbs-slider > div {
    display: inline-block;
    width: auto;
    height: 60px;
    overflow: hidden;
    cursor: pointer;
}
.ag-thumbs-slider > div > img {
    margin: 0px 2px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    max-width: 200px;
    opacity: 0.75;
 }

/** caption **/
.ag-text {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: inherit;
    height: 0;
    background-color: transparent;
    overflow: visible;
    z-index: 10;
    max-width: 100%;
}
.ag-title {
    /*display: -webkit-box;*/
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: inherit;
    background-color: transparent;
}
.ag-title > a {
    width: 100%;
    margin-left: 24px;
    font-size: 24px;
    color: #FFFFFF;
    text-shadow: 1px 1px #000000;
    font-weight: normal;
    outline-color: rgb(255, 255, 255);
    text-decoration: none;
}
.ag-caption-background {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12P4////fgAJuwO9HJmTBQAAAABJRU5ErkJggg==");
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ag-caption {
    color: #000000;
    background-color: transparent;
    width: calc(100% - 24px);
    font-size: 15px;
    text-transform: none;
    font-weight: normal;
    margin-left: 24px;
}
.ag-star {
    display: none;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    vertical-align: baseline;
    top: 10px;
    position: absolute;
}
.ag-text-background {
    width: 100%;
    /*height: inherit;*/
    background-color: transparent;
}
.ag-loading {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}
.ag-previous img, .ag-next img, .ag-loading img {
    width: 3em;
    height: 3em;
}
.ag-previous {
    position: absolute;
    display: none;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: visible;
    z-index: 10;
}
.ag-next {
    position: absolute;
    display: none;
    cursor: pointer;
    top: 0;
    right: 3em;
    width: 0;
    height: 100%;
    overflow: visible;
    z-index: 10;
}
.ag-previous > div, .ag-next > div {
    height: 100%;
    width: 3em;
    cursor: pointer;
}
.ag-previous img, .ag-next img {
    position: relative;
    top: 45%;
}
.ag-show {
    width: 100%;
}
.ag-slide-previous {
    transition: 1s;
    left: -100%;
}
.ag-slide-current {
    transition: 1s;
    left: 0;
}
.ag-slide-next {
    transition: 1s;
    left: 100%;
}
.ag-thumbs-current > img {
    opacity: 1 !important;
}
.ag-previous, .ag-next { display: none; }
.ag-hover:hover .ag-previous, .ag-hover:hover .ag-next { display: block; }
.ag-featured {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 5px;
    bottom: 2px;
    background: url('http://static.publicschoolreview.com/static/star2.png') no-repeat center center;
    background-size: contain;
    opacity: 1 !important;
}

/**
    Loading animation start
*/
.ag-loading-block {
    background-color: #FFFFFF;
    border: 3px solid #575A5C;
    float: left;
    /*display: inline-block;*/
    height: 2em;
    margin-left: 0.4em;
    width: 0.6em;
    opacity: 0.3;
    -webkit-animation-name: ag-loading-blocks;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -webkit-transform: scale(0.7);
    -ms-animation-name: ag-loading-blocks;
    -ms-animation-duration: 1.3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -ms-transform: scale(0.7);
    animation-name: ag-loading-blocks;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: linear;
    transform: scale(0.7);
}

#ag-load-block-1 {
    -webkit-animation-delay: 0.39s;
    animation-delay: 0.39s;
}

#ag-load-block-2 {
    -webkit-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

#ag-load-block-3 {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

@-webkit-keyframes ag-loading-blocks {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.3;
    }
}

@keyframes ag-loading-blocks {
    0% {
        transform: scale(1.2);
        opacity: 0.8;
    }
    100% {
        transform: scale(0.7);
        opacity: 0.3
    }
}
/* Loading animation end */

/* redesign */
.ag-redesign .ag-previous, .ag-redesign .ag-next { display: block; }
.ag-redesign .ag-previous, .ag-redesign .ag-next { display: block; }
.ag-redesign.ag-compact .ag-title {
    text-transform: uppercase;
}
.ag-redesign.ag-index .ag-thumbs {
    height: 0px;
}
.ag-redesign .ag-caption {
    color: white;
}

/**/
.ag-redesign .ag-previous img, .ag-redesign .ag-next img {
    top: 35%;
    width: 61px;
    height: 122px;
}
.ag-redesign .ag-previous > div, .ag-redesign .ag-next > div {
    width: 61px;
}
.ag-redesign .ag-next {
    right: 61px;
}
.ag-redesign .ag-loading-block {
    background-color: #f5b34f;
    border: 3px solid #f5b34f;
}
/* override on index */
.ag-redesign.ag-index {
    margin: 0;
    max-width: none;
}
.ag-redesign.ag-index .ag-views > div {
    background-color: black;
}
.ag-redesign.ag-index .ag-views img {
    opacity: 0.4;
}
.ag-redesign .ag-star {
    display: none;
}
.ag-redesign.ag-index .ag-title {
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    padding: 20px 0 20px 0;
}
.ag-redesign.ag-index .ag-title > a {
    margin-left: 0px;
    margin: 0 32px 0 32px;
    font-size: 18px;
	text-shadow: none;
}

/**/
.ag-redesign.ag-compact .ag-title > a {
    font-size: 22px;
    font-weight: 700;
	text-shadow: none;
}
.ag-redesign.ag-compact .ag-text-background {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wcDFAkWsRByEAAAAA1JREFUCNdjkOs5ehMABIQCSYOeLqkAAAAASUVORK5CYII=');
    padding: 20px 0;
}
.ag-redesign .ag-previous, .ag-redesign .ag-next {
    display: block;
}
.ag-redesign .ag-caption {
    font-size: 18px;
}
.ag-redesign .ag-caption-background {
    background: transparent;
    padding-top: 2px;
    padding-bottom: 2px;
}

/**/
.welcome_container {
    width: 100%;
}
.welcome_container .featured_school_name { font-weight: bolder; }
.welcome_container .ag-views div img {
    min-width: 100%;
    max-width: none;
    max-height: none;
    min-height: 100%;
}
.welcome_container .ag-views div {
    width: 100%;
    height: 100%;
}
.welcome_search {
    margin-top: 100px;
    position: absolute;
    z-index: 1;
    text-align: center;
    color: white;
    width: 100%;
}
.welcome_search h1 { font-weight: 700; font-size: 48px; margin: 0 10px 20px 10px; }
.welcome_search h4 { font-weight: normal; margin: 0 10px 35px 10px;font-size: 20px;font-weight: 300; }
.welcome_search h4 a { color: #f5b34f; }
/* changes for search box */
.welcome_search .new_content_section_2 {
    border: none;
}
.welcome_search #FindSchoolForm .find-school-opt, .welcome_search #FindSchoolForm .find-school-input { width: 200px; }
.welcome_search #FindSchoolForm .find-school-div, .welcome_search #findschoolform .find_school_div {
    display: inline-block;
    margin: 0 0 13px 0;
    text-align: left;
    clear: none;
    margin-left: 8px;
    margin-right: 8px;
}
.welcome_search #findschoolform .find_school_div {
     float: none;
     width: auto;
}
.welcome_search #FindSchoolForm .find-school-submit, .welcome_search #findschoolform .find_school_submit_r {
    margin: 13px 0 20px 0;
    text-align: center;
    padding-right: 0px;
    float: none;
    clear: none;
}
.welcome_search #FindSchoolForm .find-school-label, .welcome_search #findschoolform .find_school_label {
    float: none;
    display: block;
    clear: both;
    font-weight: 300;
}
.welcome_search .section_header_wrapper { display: none; }
.welcome_search #search_public_schools {
    position: absolute;
    background: transparent;
    z-index: 1;
    overflow: hidden;
}
.welcome_search #FindSchoolForm .find-school-input {
    padding: 7px; /* adjust diff in heights */
}

/* round and adjust diff for input box and select */
.welcome_search #FindSchoolForm .find-school-input, .welcome_search #FindSchoolForm .find-school-opt, .welcome_search #findschoolform .find_school_input_r {
    width: 215px;
    border: 0px solid #fff;
    border-radius: 5px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.welcome_search .new_content_section_2, .welcome_search .section_2_content, .welcome_search #FindSchoolForm,
.welcome_search .find-school-div, .welcome_search .more_option .find-school-div { background: transparent; }
.welcome_search #zipcode_and_address, .welcome_search #findschoolform .find_school_submit_r input {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
}
.welcome_container .featured_school_name { font-weight: bolder; }
.welcome_search #more_search, .welcome_search #findschoolform .search-advanced { font-size: 14px; font-weight: 700; float: none; }
.welcome_search .search-advanced { text-transform: uppercase; }
.welcome_search .sbico1 { display: none; }

@media (max-width: 480px) {
    .welcome_search {
        margin-top: 50px;
    }
    .welcome_search h1 {
        font-size: 24px;
    }
    .ag-redesign.ag-index .ag-previous, .ag-redesign.ag-index .ag-next {
        width: 50px;
        z-index: 11;
    }
    .ag-redesign.ag-index .ag-next {
        right: 0px;
    }
    .ag-redesign .ag-next {
        right: 50px;
    }
    .ag-redesign .ag-previous img, .ag-redesign .ag-next img {
        top: calc(50% - 50px);
        width: 50px;
        height: 91px;
    }
    .ag-redesign.ag-index .ag-previous img, .ag-redesign.ag-index .ag-next img {
        top: calc(100% - 91px);
        z-index: 11;
    }
    .ag-redesign.ag-index .ag-text > div {
        top: -91px !important;
        height: 91px !important;
    }
    .ag-redesign.ag-index .ag-title {
        height: 91px !important;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    .ag-redesign.ag-index .ag-title > a {
/*        width: 100%;*/
        margin: 0 50px;
    }
    .ag-redesign .ag-caption-background {
        display: none;
    }
}

@media (max-width: 767px) {
	.ag-title > a {
		font-size: 16px;
	}
    /* mobile school_ov */
    .ag-redesign.ag-school {
/*        margin: 0;*/
    }
    .ag-redesign.ag-school .ag-views div img {
/*        width: auto;*/
/*        height: 600px;*/
/*        max-width: none;*/
/*        max-height: 600px;*/
    }
    .ag-redesign.ag-school .ag-previous img, .ag-redesign.ag-school .ag-next img {
/*        top: calc(70% - 50px);*/
    }
/*    .ag-redesign.ag-compact .ag-title > a {*/
/*        font-size: 16px;*/
/*    }*/
    .ag-redesign.ag-compact .ag-caption {
        font-size: 14px;
    }
    .ag-redesign.ag-compact .ag-text-background {
        padding: 10px 0;
    }
	.welcome_search #FindSchoolForm .find-school-input {
        padding: 9px 7px; /* adjust diff in heights */
    }
}/* aGallery end */