/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/



.schools_info_wrapper {clear:both;}
.school_info_wrapper {border:1px #CCC solid;}
.school_info_header {border-bottom:1px #EEE solid;}
.school_header_label { color:#888;margin-bottom:8px}
div.school_name  {font-size:18px; font-weight:bold;margin:4px 0px}
.school_logo { float:right;padding:8px;}
.school_info_header, .school_info_content, .school_info_action {padding:8px 8px;}
.school_info_content {padding-bottom:0px;padding-left:4px;}
.school_info_action {float:right; margin-left:8px;width:300px;}
.school_info_content .school_info_program_hdr { padding-left:8px;}
.school_info_content ul { padding-left:36px;}
.school_info_content ul li {margin-left:0px; padding-left:0px;margin-bottom:4px;}
.school_info_content ul li a {text-decoration:underline !important;}
.school_info_content ul li a:hover {color:#000088;}


.video {float:left;margin:4px;padding:6px;width:260px;text-align:center;}

.tweets li{list-style:none;}
.tweets .twit {clear:left;margin:4px 0px;border-bottom:1px #DDD solid;min-height:75px;}
.tweets .twit_author {float:left;padding:4px; width:90px;text-align:center;font-size:10px;}





.school_info_wrapper {
	background-color:#FFF;
}
.program_box_wrapper {
	padding:8px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	background: -moz-linear-gradient(top, #F5F5F5 0%, #fdfdfd 10%, #fdfdfd 90%, #f4ebe2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(10%,#fdfdfd), color-stop(90%,#fdfdfd), color-stop(100%,#F5F5F5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F5F5F5 0%,#fdfdfd 10%,#fdfdfd 90%,#f4ebe2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F5F5F5 0%,#fdfdfd 10%,#fdfdfd 90%,#f4ebe2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #F5F5F5 0%,#fdfdfd 10%,#fdfdfd 90%,#f4ebe2 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4ebe2',GradientType=0 ); *//* IE6-9 */
	background: linear-gradient(top, #F5F5F5 0%,#fdfdfd 10%,#fdfdfd 90%,#f4ebe2 100%); /* W3C */
	margin-bottom:8px;
}

.program_box_wrapper .name {
	font-weight:bold;
	font-size:13px;
	margin-bottom:8px;
}

.program_box_wrapper .logo {
	float:left;
	width:120px;
	padding:2px;
	margin:4px;
}

.program_box_wrapper .logo img {
}
.program_box_wrapper .program_content {
	/*width:560px;*/
}
.program_box_wrapper a.school {
	font-weight:normal !important;
}
.program_box_wrapper .buttons {
	text-align:center;
	margin-top:4px;
}

.program_box_wrapper .button {
	float:right;
	position:left center;
	padding:4px 4px 12px 4px;
	width:140px;
	height:35px;
	margin-right:12px;
}

.program_box_wrapper .school_content {
	margin-left:140px;
}

.school_results_hdr {
	margin:8px 0px;
	font-size:18px;
}

.school_content .name {
	font-size:18px;
}

#logo {
	float:left;
	padding-left:8px;
	margin-top:8px;
	margin-right:24px;
	padding-right:24px;
	border-right:1px #CCC solid;
}

ul.nav_header li {
	display:inline-block;
	list-style-type:none;
	margin-right:24px;
	font-size:14px;
	text-transform:uppercase;
}

ul.nav_header li a {
	color:#000;
} 

ul.nav_header li:last-child {
	margin-right:0px;
}

#searchform {
	text-align:right;
	padding-right:8px;
	margin-top:6px;
	margin-bottom:12px;
}
#top_search {
	float:right;
	margin-top:8px;
	width:300px;
	text-align:right;
}


#top_search input[type=text] {
	height:27px;
}

#searchsubmit {
	border:0px !important;
	background:url(images/icon_search.jpg) no-repeat;
	text-indent:-9999em;
	width:28px !important;
	padding:0px !important;
	margin:0px !important;
	height:28px;
}


#search_bar_wrapper {
	background:url(images/bg_search_bar.png) no-repeat center center;
	height:62px;
}

#search_bar {
	margin:auto;
	margin-right:12px;
	padding-top:12px;
	border:0px #000 solid;
}

#search_bar form {
	margin-left:20px;
	margin-top:0px;
}

#search_bar form select {
	margin-top:2px;
	margin-right:4px;
	font-size:14px;
	padding:0px;
	height:100%;
	box-sizing:content-box;
	-webkit-appearance: menulist-button;
	
}

#search_bar #subjectSelect {
	width:200px;
}
#search_bar #degreeSelect {
	width:100px;
}


#search_bar #zipTextInput {
	font-size:13px;
	height:18px;
	width:99px;
	margin-top:2px;
	margin-right:5px;
	padding:0;
}
#search_bar .field {
	float:left;
}


#search_bar .submit_field {
	float:right;
	margin-top:0px;
	margin-right:-6px;
}
.search_btn_submit {
	background:url(images/btn_search.png) no-repeat;
	width:119px;
	height:35px;
	border: none;
}






.school_rank_wrapper {
	border:1px #a9c8dd solid;
	margin-bottom:8px;
}

.school_rank_wrapper h3 {
	padding:4px 8px;
	color:#2d4d6f;	
	margin:0px;
	font-size:32px;		
	border-bottom:1px #a9c8dd solid;	
	
}

.school_rank_wrapper h3.school_name {
	font-size:24px;		
}
.school_rank_wrapper h3.school_name  a {

	color:#2d4d6f;	
}
table.school_social_media {
	width:98%;
	margin:auto;
	margin-bottom:10px;
}

table.school_social_media th {
	background-color:#2d4d6f;
	color:#FFF;
	padding:8px 8px 6px 8px;
	text-align:left;
	text-decoration:upper-case;
	font-size:18px;
	border:1px #FFF solid;
}

table.school_social_media td {
	font-family:arial;
	border:1px #a9c8dd solid;
	padding:4px 8px;
}

table.school_social_media .social_rank,table.school_social_media .social_points {
	text-align:center;
}

.bg_logo_social_media {
	background:url(images/bg_logo_social_media.png) no-repeat;
	width:365px;
	height:120px;
	padding:14px 8px 8px 8px;
	float:left;
	position:relative;
	left:-13px;
}

.school_social_content {
	margin-left:320px;
	padding:24px 12px 12px 0px;
}

.school_rank_content .school_logo {
	float:left;
	margin-left:-6px;
	text-align:center;
}

.school_rank_content .school_logo img {
	border:0px;
	padding:0px;
}

.school_rank_content .social_score {
	float:right;
	margin-right:12px;
	text-align:center;
	font-size:24px;
	margin-top:18px;
	font-family:AlternateGothicNo2DRegular;
	color:#4bbde4;
	line-height:20px;
}

.school_rank_content .actual_score {
	font-family:AlternateGothicNo2DRegular;
	text-align:center;
	font-size:48px;
	color:#4bbde4;
	width:90px;
	margin-top:4px;
}

.school_overall_score_row { background-color:#4bbde4;color:#FFF;font-weight:bold;font-size:20px;padding-left:12px;}

.school_social_content_none {padding-top:8px;}

.table { margin-bottom:8px;}
.table td {padding:8px; border:1px #DDD solid;}
.school_wrapper {padding:4px 0px; }
.school_costs {font-size:48px;color:green;float:left; width:60px; text-align:center;padding:8px; margin:20px 8px 4px 0px;}
.school_cost_right {font-size:28px;color:green; font-weight:bold; width:75px; float:right; text-align:center; margin-top:-2px; }
.school_wrapper .school_name {font-size:30px;display:inline;}
.school_wrapper .school_desc {margin-left:84px;}
.school_rank_wrapper .school_cost {color:green;
	font-family:AlternateGothicNo2DRegular;
	text-align:center;
	font-size:48px;
	width:90px;
	margin-top:24px;}
	
	
	
	#right_nav_widget_search_box{;background-color:#002d62 !important;height:304px;margin:0px 0 8px 0px;z-index:10;padding:15px 10px;}
	#right_nav_widget_search_box span{width:94%;color:white;font-size:21px;float:left;text-align:center;font-family:Georgia,sans-serif;font-weight:bold}
	#right_nav_widget_search_box label{width:94%;color:white;float:left;margin-top:6px}
	#right_nav_widget_search_box input.zip{width:94%;float:left;margin:2px 0;margin-bottom:15px}
	#right_nav_widget_search_box select{width:98%;float:left;margin:5px 0;padding:2px 0px;}
	#right_nav_widget_search_box form{margin-top:10px;float:left; }
	#home_search_submit{float:none !important;width:100%;margin:auto;background:url("images/btn_search_submit.png") no-repeat scroll  transparent;border:none;cursor:pointer;height:37px;width:144px}	
	
	.widget_recent_entries li { border-bottom:1px #DDD solid;}
	
	h1 a {color:#2B4C70;}
	
	
	#mobile_search_schools{display:none;}


	.searchSchoolsForm {
		margin:8px 0px;
		padding:4px 2px 2px 12px;
		font-size:14px;
	}

	.searchSchoolsForm select {
		margin-right:4px;
	
	}

	.searchBtnSubmit {
		background:url('/wp-content/themes/mbanogmat2/images/btn_submit.png') no-repeat 0px 0px;	
		border: none;
		width:70px;	
		height:20px;
		margin-right:4px;
	}
	
	#zipField {
		width:85px;
	}
	.school_program_search_container  ul li {
		list-style-type:none;
		display:inline-block;
		border:1px #CCC solid;
		width:32.5%;
	}
	
	.school_program_search_container  ul li:nth-child(3n+3) {
		border-right:0px;
		width:33%;
	}
	.school_program_search_container a {
		display:block;
		padding:8px;
		font-size:14px;
	}
	.school_program_search_container {
		border:1px #CCC solid;
	}
	.school_program_search_container a:hover {
		
	}
	
@media only screen and (max-width: 880px) {
	.school_program_search_container  ul li {
		width:49%;
		font-size:12px;
	}
	
	.school_program_search_container  ul li:nth-child(3n+3) {
		width:49%;
	}
	
	.school_program_search_container  ul li:nth-child(odd) {
		border-right:1px #CCC solid;
	}
	.school_program_search_container  ul li:nth-child(even) {
		border-right:0px;
	}
	#menu, #searchform{
		display:none;
	}
	#mobile_search_schools {
		display:block;
		text-align:center;
		margin-top:6px;
	}
	#mobile_search_schools a{
		padding:4px 8px;
		color:#FFF;
		font-size:12px;
		background-color:#002d62;
		border-radius:8px;
		display:block;
	}
	.nav_header {
		float:right;
		width:58%;
		/*
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-align-items: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-justify-content: space-between;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
		*/
	}
	
	#logo {
		padding:4px;
		margin:auto;
		text-align:center;
		border-right:0px;
		width:40%;
	}
	#logo img {
		width:100%;
		max-width:233px;
	}
	
	ul.nav_header li {
		width:100%;
		
		margin-right:0px;
		display:inline-block;
	}
	ul.nav_header li a {
		padding:4px 4px;
		border:1px #CCC solid;
		display:block;
	}
	
	div#wrapper {
		max-width:100%;
	}
	#right_nav_widget_search_box {
		height:auto;
	}
	
	#footer #footer_right ul li {
		padding-right:3%;
	}
	#footer_search #s {
		width:90%;
	}
	#sidebar .widget {
		width:90%;
	}
	#main {
		width:60%;
	}
	#sidebar {
		width:35%;
	}
	#footer {
		max-width:100%;
	}
	#footer #left {
		width:44%;
	}
	#footer #footer_right {
		width:50%;
	}
	#departments {
		max-width:100%;
	}
	#departments .items-out {
		max-width:100%;
	}

	#departments .items {
		max-width:100%;
	}
	
	.banner_request_info img {
		max-width:100%;
	}
}

@media only screen and (max-width: 640px) {
	#main, #sidebar {
		width:100%;
		float:none;
		padding-right:0px;
	}
	.main_feat {
		float:none;
		width:100%;
	}
	
	.main_feat .thumb {
		float:none;
		width:100%;
	}
	.headings {
		float:none;
		width:100%;
		
	}
	.framedHeader #logo {
		width:100%;
	}
	#search_bar {
		clear:both;
	}
	#search_bar form {
	}
	
	#search_bar form select {
		font-size:18px;
	}
	#search_bar .field {
		float:none;
		margin-bottom:8px;
	}
	#zipField {width:100%;}
	#search_bar #subjectSelect, #search_bar #degreeSelect, #search_bar #onlineSelect, #search_bar #zipTextInput {
		display:block;
		width:100%;
	}
}


@media only screen and (max-width: 460px) {
	#content {
		border-top:0px;
	}
	

	.school_program_search_container  ul li {
		font-size:12px;
	}
	.banner_request_info {
		display:none;
	}
	#head-bar , #hot_topics_wrapper{
		display:none;
	}
	#logo {
		margin:auto;
		height:64px;
	}
	#mobile_search_schools {
		position:relative;
		left:120%;
		top:-50px;
	}
	ul.nav_header {
		width:100%;
		clear:both;
		margin-right:0px;
	}
}

.school_logo img {
	max-height:70px;
}