/*
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;
}

/* 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;
	width:265px;
  	background-color:#fff;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	color:#000;	}

div.nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.7em;
	text-align:center;
	padding-left:21px;
}

div.nav a:link, .nav a:visited {
	color:#000;
	text-decoration: none;
}

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: 5px;
	padding-bottom: 5px;
}	

/* 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;
}



/* ====== 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;
}