@import url(//fonts.googleapis.com/css?family=Merriweather+Sans:400,300,300italic,400italic,700,700italic,800,800italic);
/*@import "/etc/css/slide.css";*/
html, body 
{
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  color:#000000;
  font-size:14px;
  font-family: 'Merriweather Sans', sans-serif;
 }

h4{font-size:16px;}
a.topnav:link {text-decoration: none;color:#ffffff;font-size:14px;font-weight:bold;}
a.topnav:visited {text-decoration: none;color:#ffffff;font-size:14px;font-weight:bold;}
a.topnav:active {text-decoration: none;color:#ffffff;font-size:14px;font-weight:bold;}
a.topnav:hover {text-decoration: none;color:#cccccc;font-size:14px;font-weight:bold;}

a.footernav:link {text-decoration: none;color:#000000;font-size:12px;font-weight:bold;}
a.footernav:visited {text-decoration: none;color:#000000;font-size:12px;font-weight:bold;}
a.footernav:active {text-decoration: none;color:#000000;font-size:12px;font-weight:bold;}
a.footernav:hover {text-decoration: none;color:#ffffff;font-size:12px;font-weight:bold;}
.max-width-500px{max-width:500px;}
.max-width-200px{max-width:200px;}
#sat{display:none;}
#links{text-align:center;padding-top:3px;}
.linkbox{display:inline;padding-left:10px;padding-right:10px;}
#slogan{margin-left:25px;padding-top:21px;float:left;text-align:center;font-weight:bold;font-size:14px;font-style: italic;}
#logo{float:left;padding-top:4px}
.fortyeightpercentcol{float:left;width:48%;}
.fourpercentcol{float:left;width:4%;}

input[type="button"],.jsi_etc_button,a.recruit_button:link, a.recruit_button:visited,
	input[type ="submit"],
	a.jsi_etc_button:link,a.jsi_etc_button:visited,.checkout_button
 {
 	border:1px solid #000000;
 	font-size:12px;
 	text-decoration: none;
   	font-size:12px;
  	background-color: #335A91;
  	color:#FFFFFF; /*swapped in */
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 10px 0px 10px; /* top right bottom left */
	
 }
input[type="button"]:hover,.jsi_etc_button:hover, a.recruit_button:active,a.recruit_button:hover,
	input[type ="submit"]:hover,
	a.jsi_etc_button:active,a.jsi_etc_button:hover,.checkout_button:hover
 {
 	/*color:#FFFFFF;*/
 	font-size:12px;
 	border:1px solid #000000;
  	background-color: #EEEEEE;
  	color: #333333;
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 10px 0px 10px; /* top right bottom left */
	
 }

/*
.jsi_etc_button
{
	color:#ffffff;
	border:1px solid #000000;
	font-size:14px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 6px 10px 6px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #000000, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #000000, #cccccc);
  background-image: -o-linear-gradient(top, #000000, #cccccc);
  background-image: linear-gradient(to bottom, #000000, #cccccc);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cccccc',GradientType=0 ); 
}



.jsi_etc_button:hover
{
	color:#ffffff;
	border:1px solid #000000;
	font-size:14px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 6px 10px 6px 10px; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #cccccc, #000000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#000000));
  background-image: -webkit-linear-gradient(top, #cccccc, #000000);
  background-image: -o-linear-gradient(top, #cccccc, #000000);
  background-image: linear-gradient(to bottom, #cccccc, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cccccc',GradientType=0 ); 
}
*/

#college_rankings_button
{
padding: 0px 10px 0px 10px; /* top right bottom left */	
}
#college_rankings_button:hover
{
padding: 0px 10px 0px 10px; /* top right bottom left */	
}
#recent_grad_button /* used with jsi_etc_button */
	{
		padding: 5px 10px 5px 10px;
		width:450px;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}

a.calc_center_button:link
{
	font-size:14px;
	padding: 3px 10px 3px 10px;
}

.error{color:#ff0000;}
#banner
{
	background-color:#000000;
	height:90px;	
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,.4);
	box-shadow: 0 4px 4px rgba(0,0,0,.4);	
	position: fixed;
	width:100%;	
}
#white{background-color:#f8f8f8;width:100%;height:62px;}

.content{margin:auto;width:1000px;}
.left{float:left;}
#footer{text-align:center;background-color:#cccccc;width:100%;} /*position:fixed;left:0px;bottom:0px;*/
#words{float:right;padding-top:8px;padding-bottom:0px}
#main{background-color:#ffffff;}
#spacer{height:85px;}
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}

.validate_js_3_error
{
	color:#ff0000;
	margin-left:5px;
	display:none;
	float:left;
}
.center{text-align:center;}
#disclaimer{width:650px;height:200px;overflow-y:scroll;margin:auto;text-align:left; border:1px solid #CCCCCC;padding:5px}
.italic{font-style:italic;}

.programs-button-left{
	float:left;
	width:135px;
	}
.programs-text-right{
	text-indent:-10px;
	padding-left:10px;
}
.bold{font-weight:bold;}
.bold_underlined
{
	font-weight:bold;
	text-decoration:underline;
}
.faq_subhead{
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
}
.faq_second_subhead{
	font-size:13px;
	text-decoration:underline;
	font-weight:normal;
}
.faq_subhead_two{
	font-size:15px;
	text-decoration:underline;
	font-weight:bold;
}
.reports_subhead{
	font-size:16px;
	font-weight:700;
}
.intro_text
{
	font-size:14px ;
}
.hidden2

{

	display:none;

}
.checkout_button,.checkout_button:hover
{
	
	font-size:18px ;	
}
.small_text
{
	font-size:12px ;	
}

/*
a.recruit_button:link, a.recruit_button:visited, a.recruit_button:active
{
	color:#000000;
	border:2px solid rgba(106, 128, 165,1);
	font-size:14px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 2px 5px 2px 5px; 
	#text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-repeat: repeat-x;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,.4);
	box-shadow: 0 2px 2px rgba(0,0,0,.4);	
}
*/
#slogan2{margin-left:25px;padding-top:12px;float:left;text-align:center;font-weight:bold;font-size:14px;font-style: italic;}
#memberdatahead{margin-left:25px;padding-top:8px;float:left;text-align:center;font-weight:bold;font-size:11px;font-style:normal;}

/*elements for the job alerts popup*/
.login-popup {
    display: none;
    background: #e8e8e8;
    padding: 10px;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 60%;
    left: 50%;
    z-index: 99999;
    width:350px;
    box-shadow: 0px 0px 20px #999;
    /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
        -webkit-border-radius: 3px;
    /* Safari, Chrome */;
}
#primary_popup_form .textbox input
{
	width:325px ;/* should be a little less than width of .login-popup(above)*/
}
.unsubscribe-button
 {
 	background-color:#EEEEEE;
 	color:#333333;
 	
 }
 .unsubscribe-button:hover
 {
 	background-color:#335A91;
 	color:#FFFFFF;
 	
 }
  .popup_text
 {
 	font-size:14px ;
 }
 a.red_button:link
 {
 	background-color: #E36A61;
 }
  a.red_button:hover
 {
 	background-color: #D2322D;
 }

  a.disabled_link
  {
	  pointer-events:none;
	  color:gray

  }
a.disabled_link:hover
{
	pointer-events:none;
	color:darkgrey;
	text-decoration:underline;

	/*
    Class for the college business plan
    */

}
.bp_grade
{	font-size:18px;
	font-weight:bold
}



.form_caption
{

	font-size:12px;
	padding-left:20px
}
.form_caption_two
{
	font-size:12px;
	padding-left:20px
}
.form-left .control-label
{
	text-align:left ;
}


.label_wide
{
	width:300px ;
	text-align:left ;
}

.label_non_bold
{
	font-weight:normal ;
}

.negative {
	color: red;
}
.cbp_second_head
{
	font-size:18px ;

}
/*Classes for  State selection in List Program*/
ul#selectedstates  {
	list-style-type: none;
	width: 15em;
	margin: 0.3em 0;
	padding: 0;
}

ul#selectedstates  li {
	background: #def url(/img/icons/fail.gif) no-repeat 98% center;
	background-color:#efefef ;
	margin: 1px;
	padding: 0.1em 0.3em;
	cursor: pointer;
	color: #337ab7;
	font-weight: bold;
	border: solid 1px #cde;
}

/*Fix for the etc head
Changes a bootstrap header
giving slightly less padding
Originally padding was 10px, 15px*/
.nav > li > a {
	padding: 12px 14px;
}

/* Classes for College Career Planning */

.ccp_list >li
{
	margin-bottom:10px ;
}

.ccp_blue
{
	background-color:#b4c8e4!important;
}

/*
Classes for mobile college planning site
*/

.mobile_table
{
	margin-left:auto;
	margin-right: auto;

}
.mobile_table > tbody > tr > td:first-child
{
	padding:5px ;
	padding-bottom:15px ;
}
/*
.mobile_table > tbody > tr > td:first-child:before
{
	content:'-' ;
}
*/

.mobile_table > tbody > tr > td:last-child
{
	text-align:right ;
	padding-bottom:15px
}
.mob_wide_div
{
	padding-right:20px ;
	padding-top:5px ;
	max-width:600px ;
}
.explanation_table
{
	max-width:800px ;
}
.explanation_table > tbody > tr > td
{
	padding-bottom:0px ;
	padding-right:20px;

}
.explanation_table_two
{
	max-width:1000px ;
}
.explanation_table_two> tbody > tr > td
{

	padding-bottom:15px ;
	vertical-align:top ;

}
.explanation_table_two> tbody > tr > td:first-child
{
	min-width:350px ;
	padding-bottom:10px ;
	padding-right:15px ;
}

/*Classes for Students Q and A */

.panel-title-qa
{
	font-size:18px;
	font-weight:bold ;
}
.panel-default-qa
{
	border-color: #337ab7;
}
.down-arrow
{
	font-size:24px;
	font-weight:bold;
	color: #337ab7;
	margin-right:20px ;
	float:right;
}
.intermediate_text{
	font-style: italic;
	font-size:20px ;
	font-weight:bold ;

}

/*Classes for Credit Programs*/
.vertlines{
	padding:0 ;
	border:1px solid darkgrey ;
	font-size:12px ;

}
.vertlines tr td{
	border-right:1px solid darkgrey ;

}

.vertlines tr th{
	border-right:1px solid darkgrey ;

}
.short-panel.panel-heading
{
	padding:5px 10px ;
}

.short-panel.panel-title{
	font-size:14px ;
}
@media(max-width:650px) {
	.vertlines {
		font-size: 2vw;
	}
}
@media(max-width:400px) {
	.vertlines {
		font-size: 1.8vw;
	}
}

/*classes for Rankings (2021)*/
.ranking_table
{
	max-width:1500px ;
}
.medium_width
{
	max-width:60px;
	width:8% ;
}
@media(max-width:1050px) {
	.medium_width {
		font-size: 12px;
		}
	}
	.narrow_width
	{

		width:6% ;
	}
	@media(max-width:1050px) {
		.narrow_width {
			font-size: 12px;
		}