@import "layout.css";

/*HOME PAGE STYLES */

.box {
	margin: 0 0 15px 0;
	
}

.border {

	border:1px solid #DFDFDF;
}

.box.right {
	width: 315px;
}

.box.left {
	width: 650px;
}

.kaplan {
	margin: 1px;
}


.box .padding {

	padding: 15px;
}

.pointsbox{
	height: 197px;
}

.pointsbox p {
	margin: 15px 0;
}


.pointsbox h4 {
	font-size: 16px;
}
.popschools, .popmajors
{
	height: 232px;
}

.featschools {
	height: 250px;
	padding: 0;
	border: none;
	background-color: #FFFFFF;
}

.whyhtgi {
	width:618px; 
	height: 222px;
	border: 1px solid #E5ECF3;
	background-color: #E5ECF3;
}

.featschools h2 {
	color: #FFFFFF;
}
.dblbox, .findsln {
	height: 250px;
}

.more {
	position: relative; 
	top: 202px; 
	left: 214px;
	height:0;
}

/* LOGIN/REGISTER MODAL WINDOW */
#loginRegister {
	height: 100%;
}

#loginRegister p {
	margin-top: 0;
}

#loginRegister .lR_form {
	float:left;
}

#loginRegister .lR_form label, #loginRegister .lR_form input {
	display: block;
	margin: .5em 0;
}

#loginRegister .lR_form label {
	font-weight: bold;
	font-size: 11px;
	color: #333;
	margin: 0px;
	padding: 0px;
}

#loginRegister .lR_help {
	float:right;
	clear: none;
	width: 40%;
	padding-top: .25em;
}

#loginRegister .lR_help p {
	margin-top: 0;
}

#loginRegister .formRow {
	margin: .5em 0;
}


#MB_overlay
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background-color:#000 !important;
	margin:auto;
}

#MB_overlay[id]
{
	position:fixed;
}

#MB_window
{
	position:absolute;
	top:100px;
	border:0 solid;
	text-align:left;
	z-index:10000;
	background-color:#EFEFEF;
	color:#000;
	-webkit-box-shadow:0 8px 64px #000;
	-moz-box-shadow:0 0 64px #000;
	box-shadow:0 0 64px #000;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}

#MB_window[id]
{
	position:fixed !important;
}

/* Color scheme */
#MB_frame
{
	position:relative;
	background-color:#EFEFEF;
	height:100%;
	padding-bottom:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}

#MB_header
{
	background-color:#DDD;
	border-bottom:1px solid #CCC;
	margin:0;
	padding:0;
}

#MB_content
{
	overflow:auto;
	border-top:1px solid #F9F9F9;
	padding:6px .75em;
}

#MB_caption
{
	font:bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow:#FFF 0 1px 0;
	text-align:left;
	color:#000;
	margin:0;
	padding:.5em 2em .5em .75em;
}

#MB_close
{
	display:block;
	position:absolute;
	right:5px;
	top:4px;
	font-weight:700;
	text-decoration:none;
	font-size:13px;
	color:#777;
	padding:2px 3px;
}

#MB_close:hover
{
	background:transparent;
	color:#000;
}

#MB_loading
{
	text-indent:-10000px;
	background:transparent url(../images/spinner.gif) 50% 0 no-repeat;
	padding:1.5em;
}

/* Alert message */
.MB_alert
{
	text-align:center;
	margin:10px 0;
}


/* TABS STYLES */

.panel {
	clear: both;
	display: none;
	padding: 20px 0 0;
}

.panel.active-tab-body {
	display: block;
}

ul#tabs, #tabs-njs {
	height: 25px;
	list-style: none;
	padding: 0;
	margin: 20px 0 0;
	border-bottom: 1px solid #3B5998;
}

#tabs li, #tabs-njs li {
	float: left;
}

#tabs a, #tabs-njs a {
	float: left;
	padding: 3px 8px;
	margin-left: 6px;
	background-color: #587AB3;
	border: 1px solid #3B5998;
	border-bottom: none;
	text-decoration: none;
	color: #FFF;
}

#tabs a.active-tab, #tabs-njs a.active-tab {
	background-color: #FFFFFF;
	border: 1px solid #3B5998;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 3px;
	color: #3B5998;
}

.indexwidth {
	height: 200px;
}

#topSchools ul {
	margin:10px 0 15px;
	overflow:hidden;
	padding:0;
	border: 5px solid #E5ECF3;
}
#searchDetails #topSchools ul {
	height: 150px;
}
#topSchools ul li {
	border-right: 1px dotted #DFDFDF;
	padding: 9px 6px 0;
	margin: 0;
	width: 145px;
	height: 180px;
	float: left;
	text-align: center;
	list-style-type: none;
	display: block;
}
#topSchools ul li.big {
	width: 155px;
}
#topSchools ul li a img {
	margin: 5px 0 0;	
}
#topSchools ul li a:hover {
	opacity: .85;
	filter: alpha(opacity=85);
}
#topSchools ul li:hover a {
	color: #FF7400;

}

#topSchools ul li.last {
	border-right: none;	
}


#topSchools ul li img, #topSchools ul li p {
	text-align: center;
	font-size: 11.5px;
}
#topSchools ul li img, #topSchools ul li h2 {
	text-align: center;
}


#rightCol #topSchools ul {
	margin: 0 auto;
	width:auto;
	text-align: center;
	height:auto;
} 

#rightCol #topSchools ul li{
	width: 215px;
	text-align: center;
	height:auto;
	border-bottom: 1px dotted #ddd;
	padding: 5px 10px;
}

#topSchools a.orangeButton {
    background: none repeat scroll 0 0 #e86e33;
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    padding: 5px 15px;
    text-decoration: none;
    font-weight:bold;
}

#topSchools a.orangeButton:hover, #topSchools ul li:hover a.orangeButton {
	color: #fff;
	background: #ff8a00;
}
#rightCol #topSchools ul li p {
	font-size: 12.5px;
	padding-bottom: 10px;
}

#landing #topSchools ul {
	width:630px;
	overflow: hidden;
	margin: 20px 0;
}
#landing #topSchools ul li, #landing #topSchools ul li.big {
	width: 30%;
	padding: 15px 10px 10px;
	border-right: 1px dotted #ddd;
	
	border-bottom: 1px dotted #ddd;
}
#landing #topSchools ul li p {
	font-size: 13px;
}

#searchDetails.reviews #rightCol, #searchDetails.news #rightCol, #searchDetails.majors #rightCol {
	width: 240px;
}
#searchDetails.reviews #leftCol, #searchDetails.news #leftCol, #searchDetails.majors #leftCol  {
	width: 700px;
}
#home_slideShow {
	width: 635px;
}
#home_slideShow .box {
	height: 250px;
	width: 635px;
	overflow: hidden;
	position: relative;
	border: 3px solid #3B5998;
}


#home_slideShow .slide {
	overflow: hidden;
	height: 250px;
	width: 635px;
}

#home_slideShow .slide .padding {
	background: url('http://media.howtogetin.com/images/bg_whiteTransparent.png') repeat transparent;
	text-shadow: 1px 1px #fff;
	color: #222;
	line-height:16px;
	position: absolute;
	bottom: 0;	
	padding: 10px;
	font-size: 11.5px;
}
#home_slideShow .slide.black .padding {
	background: url('http://media.howtogetin.com/images/bg_blackTransparent.png') repeat transparent;
	color: #ddd;
	text-shadow: 1px 1px #000;
	filter: alpha(opacity=99);
}
#home_slideShow .slides {
  height: 248px;
    margin: 1px;
    overflow: hidden;
    width: 633px;
}
#home_slideShow .slide.black .padding a{
	color: #E5ECF3;
}

#home_slideShow .slide .padding a {
}

#home_slideShow .slide .padding p {
	margin: 0;
}

#home_slideShow .slide .padding h2 {
	padding-bottom: 5px;
	font-size: 14px;
	display: inline-block;
}

#home_slideShow .slide .padding h2,#home_slideShow .slide .padding h2 a {
	text-decoration: none;
	color: #3B5998;
}

#home_slideShow .slide.black .padding h2,#home_slideShow .slide.black .padding h2 a {
	color: #fff;

}

#home_slideShow .slide a.button {
	float: left;
	margin: 10px;
	opacity: .8;
	filter: alpha(opacity=80);
}


#home_slideShow .slide .padding a.button:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#home_slideNav {

	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

#home_slideShow #slide1 {
	background: url('http://media.howtogetin.com/images/img_homeSlide1.jpg');
}
#home_slideShow #slide2 {
	background: url('http://media.howtogetin.com/images/img_homeSlide2.jpg');
}
#home_slideShow #slide3 {
	background: url('http://media.howtogetin.com/images/img_homeSlide3.jpg');
}
#home_slideShow #slide4 {
	background: url('http://media.howtogetin.com/images/img_homeSlide4.jpg');
}
#home_slideShow #slide5 {
	background: url('http://media.howtogetin.com/images/img_homeSlide5.jpg');
}
#home_slideShow #slide6 {
	background: url('http://media.howtogetin.com/images/img_homeSlide6.jpg');
}
ul#home_slideNav li {
	display: inline-block;
}
ul#home_slideNav li a {
	display: inline-block;
	background: #eee;
	padding: 3px 10px;
	color: #999;
	text-decoration: none;
	border-bottom: 0;
	outline: 0;
	font-weight: bold;
	text-shadow: 2px 1px #fff;
	margin: 0 1px 0 0;
}
ul#home_slideNav li a:hover {
	background: #f6f6f6;
	color: #FF7400;
	text-shadow: 1px 1px #fff;

}

ul#home_slideNav li.activeSlide a{
	background: #3B5998;
	color: #E5ECF3;
	border: 1px solid #587AB3;
	border-bottom: 0;
	text-shadow: -1px -1px #000;
	
}



#homeIntro .half {
	width:48%;
	border: 1px solid #ddd;
	margin: 10px 0;
	height: 220px;
}

#homeIntro h3 {
	text-align: center;
}

#homeIntro.box .half .padding {
	padding: 10px 15px;
}

#homeIntro h3 a {
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	background: #3B5998;
	color: #fff;
	padding: 5px 15px;
	opacity: .85;
	filter: alpha(opacity=85);
}


#homeIntro h3 a:hover {

	opacity: 1;
	filter: alpha(opacity=100);
	color: #fff;
}

.searchcolleges {
	width: 290px;
	float:left;
	margin-right: 5px;
	border:1px solid #DFDFDF;
	padding: 5px;
}

.admissionshelp {
	width: 290px;
	float:left;
	border:1px solid #DFDFDF;
	padding: 5px;
}


#featuredSchool {

	overflow: hidden;
}
#featuredSchool .schoolLogo.left {
	margin: 0 5px 5px 0;
}

#featuredSchool .schoolLogo.right {

	margin: 0 0 5px 5px;
}

#featuredSchool h4 {
	margin: 0;
	color: #222;
	line-height: 1.5em;
	padding: 0 0 5px 0;
}

#featuredSchool p {
	margin:0;
	font-size: 11.5px;
	letter-spacing: -.3px;
}

#featuredSchool quote {
	font-size: 11.5px;
	font-style: italic;
	display: block;
	letter-spacing: -.3px;
}

#featuredSchool b {
	font-family: georgia;
	font-size:18px;
	letter-spacing: .5px;
	color: #FF7400;
}
#featuredSchool .school {
    height: 250px;
    margin-top: -5px;
    overflow: hidden;
    padding-bottom: 4px;
    position: relative;
	background: #fff;
}
#featuredSchool img.bg {
	position: absolute;
	top: 0;
}

#featuredSchool .schoolContent {
	background: #EEEEEE;
    border: 3px solid #FFFFFF;
    bottom: 0;
    color: #333333;
    position: absolute;
    text-shadow: 1px 1px #FFFFFF;
    z-index: 3;
}

.schoolContent .padding {

	padding: 10px;
}

/* Search boxes */

.elrnsearch_sm {
    margin-left: 25px;
}


#elearners.wide {
	margin: 15px 0 30px 0;
		border: 3px solid #E5ECF3;
		padding: 1px;
}
#elearners.wide h3 {
	color: #fff;
	background: #3B5998;
	margin: 0;
	padding: 5px 10px;
}
.cunetsearch  {
margin:1em 0;
padding:0em 1em 1em 1em;

}
.cunetsearch.contentpage {
padding:0em 1em 0 1em;
width:525px;
border:thin black solid;
background-color: #EDEDED;
}
.cunetsearch.contentpage h2 {
    margin: 5px 0 0 0;
}

.cunetsearch .cu_button {
    font-size: 1.1em;
    margin-top: 20px;
}

.cunetsearch.contentpage h2 {
    color: #3B5998;
    font-size: 1.8em;

}
#cunet_button {
    width:178px;
    background-color: #FF6600;
    border: thin solid black;
    color: white;
    padding: 5px;
    font-size: 1.2em;
    cursor: pointer;
    margin: 27px 0 0 3px;
    float:left;
}


.leaderboard_sm {
	padding: 5px;
	border: 1px solid #ddd;
	width: 468px;
	margin-bottom: 15px;
}