/*

Theme Name: BestCollegesOnline.com New

Theme URI: http://www.bestcollegesonline.com

Description: The default BestCollegesOnline.com theme.

Version: 1.0

Author: BestCollegesOnline.com

Author URI: http://www.bestcollegesonline.com/

*/



/* Basics ######################################################### */



html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 

	margin: 0; padding: 0; 

} 



body {

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	border: 0;

	color: #000;

	background:#282422 url(images/bg.jpg) center top no-repeat;

	line-height: 19px;

}	



div.wrap {

	margin: 0 auto;

	width: 980px;

	text-align:left;

}



div.topnav {

	width: 320px;

	background: url(images/bg-topnav.png) 0 0 repeat;

	float: right;

	padding: 15px 20px 20px 20px;

}



div.header {

	height: 242px;

}



div.box {

	margin: 0 0 20px 0;

}



div.col-left {

	width: 280px;

	float: left;

}



div.col-right {

	width: 670px;

	float: right;

}



div.col-right div.content {

	background: #fff url(images/col-right-transp.gif) 0 0 no-repeat;

	padding: 30px;

}



div.col-left div.search {

	background: #2978aa url(images/col-left-transp.gif) 0 0 no-repeat;

	padding: 20px 10px 10px 20px;

}





/* EDU Direct Widget */



#dfw-sidebar form {

    width:280px;

    height: 230px;

	background: #2978aa url(images/dfw-sidebar-bg.png) 0 0 no-repeat !important;

	border: 0 !important;

	padding: 23px 0 18px 0 !important;

}



#dfw-sidebar h3 {

	font-family: Arial,Helvetica,sans-serif !important;

	text-align: center !important;

	color: #fff !important;

	font-size: 21px !important;

	padding: 0 0 17px 0 !important;

	margin: 0 !important;

}



#dfw-sidebar div {

	margin: 0 0 0 61px !important;

}



#dfw-sidebar select {

	font-family: Arial,Helvetica,sans-serif !important;

	font-size: 13px !important;

	height: 26px !important;

	margin-bottom: 14px !important;

	padding: 3px !important;

	width: 200px !important;

}







#dfw-sidebar button {

	width: 161px !important;

	height: 37px !important;	

	padding: 0 !important;

	margin: 20px 0 0 0;

	border: 0 !important;

	background: url('images/button-findnow.png') 0 0 no-repeat !important;

	cursor: pointer !important;

	cursor: hand !important;

	text-indent: -1000px !important;

}



#dfw-content form {

	width: auto !important;

	background: #2978aa url(images/dfw-content-bg.png) 5px 46px no-repeat !important;

	border: 0 !important;

	padding: 22px 0 18px 0 !important;

	margin: 20px 0 20px 0 !important;

}



#dfw-content h3 {

	font-family: Arial,Helvetica,sans-serif !important;

	text-align: center !important;

	color: #fff !important;

	font-size: 21px !important;

	padding: 0 0 18px 0 !important;

	margin: 0 !important;

}



#dfw-content select {

	float: left !important;

	font-family: Arial,Helvetica,sans-serif !important;

	font-size: 13px !important;

	height: 26px !important;

	margin-bottom: 14px !important;

	padding: 3px !important;

	width: 166px !important;

	margin: 0 0 16px 52px !important;

}





#dfw-content button {

	clear: both !important;

	display: block !important;

	margin: 0 auto 0 auto !important;

	width: 161px !important;

	height: 37px !important;

	text-indent: -1000px !important;

	padding: 0 !important;

	border: 0 !important;

	background: url('images/button-findnow.png') 0 0 no-repeat !important;

	cursor: pointer !important;

	cursor: hand !important;

}



#dfw-content #edudirect-search-widget .edudirect-degree_level_id {

	margin-top: 8px;

}



#dfw-content #edudirect-search-widget .edudirect-category_id {

	margin-top: 16px;	 

}



#dfw-content #edudirect-search-widget .edudirect-subject_id {

    margin-top: 15px;

}







div.top-colleges {

	padding: 10px 0;

}



div.top-colleges div.left {

	width: 340px;

	float: left;

	padding:  10px 20px 0 0;

	text-align: right;

}



div.top-colleges div.right {

	width: 250px;

	float: right;

}



div.top-colleges div.item {

	clear: both;

	padding-bottom: 10px;

}



div.col-right div.search {

	background: #2978aa;

	margin: 20px 0;

	padding: 15px;

}



div.footer {

	clear: both;

	padding: 20px 0;

	border-top: 3px solid #3e3a39;

	text-align: center;

	color: #7a6f6a;

}



div.col-left iframe {

	border: 0; 

	margin-left: 40px;

	width: 205px; 

	height: 165px;

}



div.col-right iframe {

	border: 0; 

	width: 100%; 

	height: 80px;

}



div.text iframe.dfw-right {

	width: 260px; 

	height: 260px;

	float: right;

	margin: 0 0 10px 20px;

}



div.comments div.comment {

	border-bottom: 1px solid #dadada;

	margin-bottom: 15px;

}



div.steps {

	position: relative;

}



/* Headlines ######################################################### */		





h1 {

	padding: 0 0 20px 0;

	margin: 0 0 20px 0;

	font-size: 30px;

	line-height: 33px;

	text-align: center;

	background: url(images/line-h1.gif) center bottom no-repeat;

}



h2 {

	padding: 0 0 15px 0;

	margin: 0;

	font-size: 21px;

	line-height: 26px;

	color: #fff;

}



div.col-right div.content h2, div.col-right div.content h3 {

	color: #000;	

}



h3 {

	padding: 0 0 10px 0;

	margin: 0;

	font-size: 17px;

	color: #fff;

}



div.header h2 {

	padding: 0 0 10px 0 ;

}



div.col-left h2, div.col-right div.search h2 {

	text-align: center;

}



div.col-left div.blog h2 {

	color: #7a6f6a;

}



/* Links ######################################################### */	



a:link,  a:visited, a:active {color:#cd2727; text-decoration: none; outline: none}

a:hover {color:#cd2727; text-decoration: underline}



.link-white a:link, .link-white a:visited, .link-white a:active {color:#fff; text-decoration: none; outline: none}

.link-white a:hover {color:#cd2727;}



div.header a.logo {

	width: 204px;

	height: 208px;

	display: block;

	float: left;

	background: url(images/logo.png) 0 0 no-repeat;

	text-indent: -1111em;

	margin: 10px 0 0 40px;

        _background: none;

        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/bco-new/images/logo.png', sizingMethod='image');



}



div.top-colleges div.right a.clickhere {

	width: 123px;

	height: 33px;

	text-indent: -1111em;

	background: url(images/button-clickhere.gif) 0 0 no-repeat;

	display: block;

}

a.button-red, a.button-red:link, a.button-red:active, a.button-red:visited {
    background: url("/assets/img/btn-blue-340px.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 11px;
    padding: 10px 0 0;
    text-align: center;
    width: 340px;
    font-variant: small-caps;
}



/* Fonts ######################################################### */



.font-grey {color:#878787;}



p {

	padding:0 0 15px 0;

}



p.intro {

	font-size: 21px;

	text-align: center;

	line-height: 25px;

}



div.footer p {

	padding: 0 0 5px 0;

}



div.comments form p {

	clear: both;

}



div.comments div.comment p.top {

	padding: 0 0 5px 0;

}





/* Navigation ######################################################### */



div.nav {

	margin-left: 310px;

	color:#000;	

}



div.nav a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	display: inline-block;

	margin: 0 5px 0 0;

	text-align:center;

  	background-color:#fff;

	/* for IE */

	filter:alpha(opacity=70);

	/* CSS3 standard */

	opacity:0.7;

	padding: 7px 20px 6px 20px;

}



div.nav a:link, .nav a:visited {

	color:#000;

	text-decoration: none;

}



div.nav a.news {

	position: relative;

	background: #fff url(images/news-bg.jpg) 0 0 repeat-x;

}





div.nav a.news img {

	position: absolute;

	top: -14px;

	left: 112px;

}



div.nav a:hover, .nav:active {

	color:#666;

	text-decoration: none

} 

	

/* Images ######################################################### */	



img {

	border:0;

}



div.top-colleges div.right img {

	margin: 0 0 10px 0;

}	



img.right {

	float: right;

	margin: 0 0 5px 15px;

}



div.col-left div.search div.steps img.step1 {

	position: absolute;

	top: -7px;

	left: -3px;

}	



div.col-left div.search div.steps img.step2 {

	position: absolute;

	top: 33px;

	left: -3px;

}	



div.col-left div.search div.steps img.step3 {

	position: absolute;

	top: 73px;

	left: -3px;

}	



div.col-right div.search div.steps img.step1 {

	position: absolute;

	top: -7px;

	left: -3px;

}



div.col-right div.search div.steps img.step2 {

	position: absolute;

	top: -7px;

	left: 213px;

}



div.col-right div.search div.steps img.step3 {

	position: absolute;

	top: -7px;

	left: 429px;

}

	

/* Tables ######################################################### */



	



/* Lists ######################################################### */



div.header ul, div.col-left div.blog ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



div.header ul li {

	padding: 1px 0 1px 18px;

	margin: 0;

	background: url(images/star-bullet.gif) 0 4px no-repeat;

}



div.col-left div.blog ul {

	background: url(images/lines-blog.gif) center top no-repeat;

}

	



div.col-left div.blog ul li {

	padding: 8px 20px;

	text-align: center;

	margin: 0;

	background: url(images/lines-blog.gif) center bottom no-repeat;

}	



div.text ul, div.text ol {

	margin: 0 20px 15px 40px;

}



div.text ul li, div.text ol li {

	padding-top: 2px;

	padding-bottom: 2px;

}	



/* Forms ######################################################### */



div.comments form {

	background: #f6f0de;

	padding: 20px;

	margin: 0 0 20px 0;

}



div.comments form label {

	width: 110px;

	padding: 3px 10px 0 0;

	text-align: right;

	float: left;

}		



div.comments form span {

	width: 180px;

	padding: 3px 0 0 10px;

	color: #948e7d;

	display: block;

	float: left;

	font-size: 11px;

}	



div.comments form input.text, div.comments form textarea {

	width: 250px;

	float: left;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

}	



div.comments form textarea {

	height: 180px;

}	



input.button {

	margin: 0 0 0 120px;

}



/* Misc ######################################################### */		



.clearfix:after {

    content:"."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden;

}

.clearfix {

    display:inline-block;

}

.clearfix {

    display:block;

}

* html .clearfix {

    height:1px;

}



.float-left {

	float:left;

}



.float-right {

	float:right;

}	



.clear {

	clear:both;

}	



.center {

	text-align:center;

}





/*	schoolBrowser Styles

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.sideBottom {

	width:270px;

	height:20px;

	display:block;

	background:url(../../../images/sideNav_bottom.gif) no-repeat bottom;

}

.sideContent {

	margin:6px 6px 0px 6px;

	color:#525252;

	font-size:12px;

}



#schoolBrowser {

	width:270px;

	margin:16px 0px 10px 0px;

	background-color: white;

}

#schoolBrowserHTML {

	width:240px;

	background:url(../../../images/schoolBrowser_top.gif) no-repeat;

	padding:6px 5px 0px 25px;

	font-size:12px;

}

#schoolBrowserHTML h2 {

	padding:0px 0px 0px 0px;

}

	#schoolBrowserHTML h2 a:link, #schoolBrowserHTML h2 a:active, #schoolBrowserHTML h2 a:visited {

		color:#ae731f;

		text-decoration:none;

	}

	#schoolBrowserHTML h2 a:hover {

		color:#84b143;

	}

#schoolBrowserHTML .logoHolder a {

	width:240px;

	height:80px;

	background:#ffffff no-repeat 50% 50%;

	display:block;

}

	#schoolBrowserHTML .logoHolder a span {

		display:none;

	}

#schoolBrowserHTML div.schoolDescription {

	font-size:11px;

	color:#ae731f;

	margin:0px;

	height:88px;

	clear:both;

	display:block;

	line-height: 1em;

	margin: 0;

}

#schoolBrowserHTML #schoolNav {

	width:236px;

	height:16px;

	background:#dddddd;

	margin:0px 0px 4px 0px;

	padding:2px;

}

	#schoolNav a span {

		display:none;

	}

	#schoolNav a.play:link, #schoolNav a.play:active, #schoolNav a.play:visited {

		width:16px;

		height:16px;

		display:block;

		float:left;

		margin:0px 0px 0px 2px;

		background: url(../../../images/schoolBrowser_play.gif) no-repeat 0px 0px;

	}

	#schoolNav a.play:hover {

		background: url(../../../images/schoolBrowser_play.gif) no-repeat 0px -16px;

	}

	#schoolNav a.pause:link, #schoolNav a.pause:active, #schoolNav a.pause:visited {

		width:16px;

		height:16px;

		display:block;

		float:left;

		margin:0px 0px 0px 2px;

		background: url(../../../images/schoolBrowser_pause.gif) no-repeat 0px 0px;

	}

	#schoolNav a.pause:hover {

		background: url(../../../images/schoolBrowser_pause.gif) no-repeat 0px -16px;

	}

	#schoolNav a.rewind:link, #schoolNav a.rewind:active, #schoolNav a.rewind:visited {

		width:16px;

		height:16px;

		display:block;

		float:left;

		margin:0px 0px 0px 2px;

		background: url(../../../images/schoolBrowser_rewind.gif) no-repeat 0px 0px;

	}

	#schoolNav a.rewind:hover {

		background: url(../../../images/schoolBrowser_rewind.gif) no-repeat 0px -16px;

	}

	#schoolNav a.forward:link, #schoolNav a.forward:active, #schoolNav a.forward:visited {

		width:16px;

		height:16px;

		display:block;

		float:left;

		margin:0px 0px 0px 2px;

		background: url(../../../images/schoolBrowser_forward.gif) no-repeat 0px 0px;

	}

	#schoolNav a.forward:hover {

		background: url(../../../images/schoolBrowser_forward.gif) no-repeat 0px -16px;

	}

	#schoolNav a.getInfo:link, #schoolNav a.getInfo:active, #schoolNav a.getInfo:visited {

		width:60px;

		height:16px;

		display:block;

		float:left;

		margin:0px 0px 0px 2px;

		background: url(../../../images/schoolBrowser_getinfo.gif) no-repeat 0px 0px;

	}

	#schoolNav a.getInfo:hover {

		background: url(../../../images/schoolBrowser_getinfo.gif) no-repeat 0px -16px;

	}

	#schoolNav a.allSchools:link, #schoolNav a.allSchools:active, #schoolNav a.allSchools:visited {

		margin:0px 0px 0px 20px;

		color:#ae731f;

		text-decoration:none;

		font-weight:bold;

		display:inline;

		font-size:12px;

		float:left;

	}

	#schoolNav a.allSchools:hover {

		color:#84b143;

	}

	#schoolNav a.allSchools span {

		display:inline;

	}

	

#sidebar {

	width: 280px;

}



#sidebar h1 {

	font-family: Arial;

	color: #fff;

	font-size: 18px;

	text-align: center;

        background: none;

        padding: 10px 0 0 0;

        margin: 0;

}



#sidebar ul li {

        width: 250px;

	margin: 0 0 0 20px;

	padding: 0 0 20px 0;

	list-style:none;

        display: block;

}



#sidebar li span {       

        font-weight: bold;

}



#sidebar ul {

        font-size: 14px;

        color: #ccc;

        font-family: arial;

}



#sidebar a {

        font-family: Arial;

        color: #fff;

        padding: 0;

}



#sidebar a:link, a:visited {

        /* color: #fff; FIXED - College names disappear against white background - eclemmons */

        text-decoration: none;

}



#sidebar a:hover, a:active {

        color: #ccc;

        text-decoration: none;

}



.bluebox {

      background: url(images/sidebar_bg_2.png) no-repeat;

}



.bluebox2 {

      background: url(images/sidebar_bg_3.png) no-repeat;

}





.degree-guide {

	background: url(images/bg-guide.jpg) 0 0 no-repeat;

	padding-top: 270px;

	position: relative;

}



.degree-guide img {

	position: absolute;

	top: 210px;

	left: -5px;

}









div.careerbox {

	background: url(images/careers.jpg) 10px 45px no-repeat;

	border: 1px solid #d0cccb;

	padding: 15px 0 25px 20px;

	margin-bottom: 25px;

}



div.careerbox ul li a {

	display: block;

}	



div.careerbox ul {

	padding: 0 0 0 225px;

	margin: 0;

	list-style-type: none;

}	



div.careerbox ul li {

	width: 150px;

	float: left;

	margin: 1px 0;

	padding: 2px 2px 2px 20px;

	display: inline-block;

	background: url(images/checkbox.gif) 0 -23px no-repeat;

}	



div.careerbox ul li:hover {

	background: url(images/checkbox.gif) 0 0 no-repeat;

}



/* ====== Widgets ====== */



#dfw-widget1 {background: #2978aa url('images/dfw-sidebar-bg.png') no-repeat 0 0; width: 280px; height: 230px; display: block; margin: 0 0 20px 0;}

#dfw-widget1 label {display: none;}

#dfw-widget1 h3 {text-align: center; color: #fff; font-family: Helvetica; font-size: 21px; padding: 20px 0 0 0;}

#dfw-widget1 form {padding: 25px 0 0 65px;}

#dfw-widget1 select {width: 200px;}

#dfw-widget1 button {margin: 10px 0 0 0; background: transparent url('images/button-findnow.png') 0 0 no-repeat; cursor: pointer; width: 161px; height: 37px; border:

none; overflow: hidden; line-height: 0px; text-indent:-999px; font-size: 0px; display: block;

_background: none;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/bco-new/images/button-findnow.png', sizingMethod='image');



}

#dfw-widget1 .edudirect-degree_level_id {margin: 0;}

#dfw-widget1 .edudirect-category_id {margin: 20px 0 0 0;} 

#dfw-widget1 .edudirect-subject_id {margin: 20px 0 0 0;} 



#dfw-widget2 {width: auto; height: 150px; background: #2978aa; border: none; padding: 22px 0 18px 0; margin: 20px 0 20px 0;}

#dfw-widget2 form {background: #2978aa url('images/dfw-content-bg.png') no-repeat 5px 46px; border: none; display: block; overflow: hidden;}

#dfw-widget2 label {display: none;}

#dfw-widget2 h3 {font-family: Helvetica; text-align: center; color: #fff; font-size: 24px; padding: 10px 0 10px 0; margin: 0;}

#dfw-widget2 select {display: inline; float: left; width: 166px; margin: 15px 0 16px 52px; height: 26px; font-size: 12px;}

#dfw-widget2 button {background: url('images/button-findnow.png') no-repeat; overflow: hidden; border: none; width: 161px; height: 37px; line-height: 0px;

text-indent:-999px; font-size: 0px; display: block; clear: both; margin: 0 auto 0 auto;}



#top-schools ul {

   margin: 0 0 14px 0;

   padding: 0;

}

#top-schools li {

   list-style: none;

   padding: 0;

   margin: 0;

}