/*
Theme Name: Online Colleges.net
Theme URI: http://www.onlinecolleges.net
Description: The default onlinecolleges.net theme.
Version: 2.0
Author: Online Colleges.net
Author URI: http://www.onlinecolleges.net

*/


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

html {
	background:#ececec url(images/bg.jpg) 0 0 repeat;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0;
	color: #000;
	background: url(images/bg-header.gif) 0 0 repeat-x;
	line-height: 18px;
}	

.hidden {
	display: none;
}

.wrap {
	margin: 0 auto;
	width: 960px;
	text-align:left;
}

.header {
	height: 114px;
}

.header .wrap {
	position: relative;
	background: url(images/slogan.gif) 385px 20px no-repeat;
}

#fb-link {
	display: block;
	width: 141px;
	height: 43px;
	position: absolute;
	top: 0;
	right: 8px;
	background: url(images/oc-fb.png) 0 0 no-repeat;
}

#home div.intro {
	padding: 20px 0;
}

#home .intro .left {
	background: url(images/bg-intro-finder.jpg) 0 0 no-repeat;
	width: 227px;
	padding-left: 5px;
	float: left;
	height: 342px;
}

#home .intro .right {
	background: url(images/bg-intro-tabs.jpg) 0 0 no-repeat;
	width: 728px;
	height: 342px;
	float: right;
}

#home .intro .right .content {
	height: 254px;
	margin: 5px 5px 0 0;
	color: #b5d4f1;
	padding: 20px 330px 0 20px;
}


#home .intro .right #content1 {
	background: url(images/intro-portrait1.jpg) 380px 0 no-repeat;
}

#home .intro .right #content2 {
	background: url(images/intro-portrait2.jpg) 380px 0 no-repeat;
}

#home .intro .right #content3 {
	background: url(images/intro-portrait3.jpg) 388px 0 no-repeat;
}	

#home .intro .right .tabs {
	height: 58px;
	
}

#top .intro .wrap {
	background: url(images/intro-bottom-blue.gif) 0 bottom no-repeat;
	margin-bottom: 20px;
	margin-top: 20px;
}

#resources .intro .wrap, #learn .intro .wrap {
	background: url(images/intro-resources.jpg) 0 0 no-repeat;
	margin-bottom: 20px;
	margin-top: 20px;
}	

#resources .intro .wrap .inner {
	height: 247px;
	padding: 30px 250px 0 30px;
	overflow: hidden;
	background: url(images/intro-resources-portrait.jpg) 722px 5px no-repeat;
}

#learn .intro .wrap .inner {
	height: 247px;
	padding: 30px 270px 0 30px;
	overflow: hidden;
	background: url(images/intro-learnmore-portrait.jpg) 707px 5px no-repeat;
}

#top .intro .wrap .inner {
	background: url(images/intro-top-blue.jpg) 0 0 no-repeat;
	min-height: 280px;
}	

#top .intro .wrap .inner .left {
	padding: 30px;
	width: 500px;
	color: #b5d4f1;
	float: left;
}	

#top .intro .wrap .inner .right {
	width: 357px;
	height: 204px;
	color: #b5d4f1;
	float: right;
	margin: 30px 30px 0 0 ;
	background: url(images/intro-quote.jpg) 0 0 no-repeat;
	overflow: hidden;
}	

.split .left {
	width: 470px;
	float: left;
}

.split .right {
	width: 470px;
	float: right;
}

.half-bottom, .half-bottom-blue {
	height: 8px;
	background: url(images/bottom-half.gif) 0 0 no-repeat;
	font-size: 1px;
	margin-bottom: 20px;
}

.half-bottom-blue {
	background: url(images/bottom-half-blue.gif) 0 0 no-repeat;
}

.half-content {
	background: url(images/bg-half.gif) 0 0 repeat-y;
	padding: 0 5px;
}

.uni-list .logo {
	background: url(images/uni-list-line.gif) right 15px no-repeat;
	padding: 0 20px;
}

.uni-list .info {
	padding: 10px 20px 25px 20px;
}	

.split .end-list {
	padding: 10px 20px;
	border-top: 5px solid #dadada;
}	

div.quote {
	height: 115px;
	padding: 12px 170px 20px 55px;
	background: url(images/quote1.jpg) 0 0 no-repeat;
	overflow: hidden;
	margin-bottom: 20px;
}

div.quote2 {
	background: url(images/quote2.jpg) 0 0 no-repeat;
}



.teaser-research .top {
	height: 9px;
	font-size: 1px;
	background: url(images/top-half.gif) 0 0 no-repeat;
}

.teaser-research .content {
	background: url(images/bg-half.gif) 0 0 repeat-y;
	padding: 0 5px;
}

.teaser-research .bottom {
	height: 9px;
	font-size: 1px;
	background: url(images/bottom-half-dark-blue.gif) 0 0 no-repeat;
	margin-bottom: 20px;
}




.linkbox .top {
	height: 38px;
	background: url(images/top-half.gif) 0 0 no-repeat;
}

.linkbox .content {
	background: url(images/linkbox-content.gif) 0 0 repeat-y;
	padding: 0 5px;
}	

.teaser-tools .wrap {
	background: #116fcc url(images/teaser-tools.gif) 0 0 no-repeat;
	height: 175px;
	margin-bottom: 20px;
}

.teaser-blog .content {
	/*background: none !important;*/
}

.teaser-blog p {
	padding: 10px;
}



.full .content {
	background: url(images/content-full.gif) 0 0 repeat-y;
	padding: 0 5px;
}

.full .content .inner {
	padding: 20px 285px 5px 20px;
	background: url(images/portrait-full.jpg) 650px 20px no-repeat;
	font-size: 14px;
	line-height: 20px;
}	


.no-portrait .content {
	background: url(images/content-full-no-portrait.gif) !important;
}

.no-portrait .content .inner {
	background: none !important;
	padding: 20px 10px 5px 10px !important;
}


.full .bottom {
	background: url(images/bottom-full.gif) 0 0 no-repeat;
	height: 9px;
	font-size: 1px;
	margin-bottom: 20px;
}

div.footer {
	border-top: 5px solid #116fcc;
	padding: 10px 0 15px 0;
}

.full-list .wrap .content {
	background: url(images/content-full-list.gif) 0 0 repeat-y;
	padding: 0 0 0 5px;
}

.resource-list .wrap .content {
	background: url(images/content-resource-list.gif) 0 0 repeat-y;
	padding: 0 5px;
}


.full-list .wrap .bottom, .resource-list .wrap .bottom {
	height: 8px;
	font-size: 1px;
	background: url(images/bottom-full-list.gif) 0 0 no-repeat;
	margin-bottom: 20px;
}

.resource-list .wrap .bottom {
	background: url(images/bottom-resource-list.gif) 0 0 no-repeat;
}

.full-list .uni-list {
	width: 473px;
	float: left;
	margin-right: 4px;
}

.full-list .row {
	padding-top: 15px;
}

.resource-list .content .item {
	width: 444px;
	padding: 15px 15px 0 15px;
	float: left;
}

.resource-list .row {
	border-bottom: 1px dotted #b8b8b8;
}

.resources .item {
	padding: 15px 15px 0 15px;
	border-bottom: 1px dotted #b8b8b8;
}

#text .full {
	margin-top: 20px;
}


.teaser-openlib {
	height: 166px;
	padding: 120px 245px 20px 30px;
	color: #fff;
	overflow: hidden;
	text-align: center;
	background: #116fcc url(images/bg-openlib.jpg) 0 0 no-repeat;
	margin-bottom: 20px;
}


.dfw-widget1 {
	background: transparent;
}

.dfw-widget1 iframe{
    background: transparent;
	padding: 0;
	margin: 0;
}

.dfw-widget2 {
	background: url(images/teaser-finder.jpg);
	width: 470px;
	height: 218px;
}

.dfw-widget2 iframe{
	padding: 0;
	margin: 38px 0 0 280px;
}

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


h1 {
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 27px;
}

#home .intro .left h1 {
	background: url(images/hl-finder.gif) center center no-repeat;
	height: 130px;
	text-indent: -1111em;
}

#home .intro .right .content h1, #top .intro h1, #resources .intro h1, #learn .intro h1 {
	color: #fff;
}

.split h2 {
	height: 26px;
	background: url(images/top-half.gif) 0 0 no-repeat;
	padding: 12px 8px 0 8px;
	overflow: hidden;
	text-align: center;
	color: #b5d4f1;
	line-height: 19px;
	font-size: 16px;
}

.full h2, .full-list h2, .resource-list h2 {
	height: 26px;
	background: url(images/top-full.gif) 0 0 no-repeat;
	padding: 12px 240px 0 20px;
	overflow: hidden;
	text-align: left;
	color: #b5d4f1;
	line-height: 19px;
	font-size: 16px;
}

.full h2 a {
	color: #b5d4f1;
}

.no-portrait h2 {
	background-image: url(images/top-full-no-portrait.gif) !important;
}

.full-list h2, .resource-list h2 {
	background: url(images/top-full-list.gif) 0 0 no-repeat;
}	

.linkbox .top h2 {
	width: 230px;
	float: left;
	padding: 12px 2px 0 2px;
	background: none;
}

.full .inner h2 {
	color: #000;
	background: none;
	padding: 0 0 8px 0;
}

.resource-list .content .item h3, .resources .item h3 {
	font-size: 14px;
	padding: 0 0 5px 0;
	margin: 0;
}	

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

a:link,  a:visited, a:active {color:#0969c9; text-decoration: underline; outline: none}
a:hover {color:#008278;}


.white-link a:link, .white-link  a:visited, .white-link a:active {color:#fff; text-decoration: underline}
.white-link a:hover {color: #aacdef}

a.logo {
	width: 262px;
	height: 91px;
	display: block;
	float: left;
	background: url(images/logo.gif) 0 0 no-repeat;
	text-indent: -1111em;
	margin: 7px 0 0 0 ;
}

table.icons tr td a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 12px 10px 12px 80px;
}

.split .end-list a {
	padding: 0 5px 0 16px;
	background: url(images/bullet-blue.gif) 0 3px no-repeat;
	font-weight: bold;
}

div.footer a {
	padding-right: 10px;
	font-weight: bold;
}	

#home .intro .right .content a.action {
	width: 202px;
	display: block;
	color: #ffd861;
	padding: 13px 155px 0 3px;
	line-height: 1;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	height: 31px;
	text-align: center;
	background: url(images/button-click-tabs.gif) 0 0 no-repeat;
}

#home .intro .right .tabs a {
	height: 44px;
	background-image: url(images/tabs.gif);
	display: block;
	width: 171px;
	float: left;
	color: #4e88c1;
	text-decoration: none;
	line-height: 15px;
	padding: 14px 0 0 70px;
}

#home .intro .right .tabs a:hover {
	color: #fff;
}

#home .intro .right .tabs a.tab1 {
	background-position: 0 0;
}

#home .intro .right .tabs a.tab2 {
	background-position: -241px 0;
}

#home .intro .right .tabs a.tab3 {
	background-position: -482px 0;
}

#home .intro .right .tabs a.tab1active {
	background-position: 0 -58px;
	color: #fff;
}

#home .intro .right .tabs a.tab2active {
	background-position: -241px -58px;
	color: #fff;
}

#home .intro .right .tabs a.tab3active {
	background-position: -482px -58px;
	color: #fff;
}



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

.font-grey {color:#878787;}

p {
	padding:0 0 15px 0;
}

#home .intro .right .content p.sub, #top .intro p.sub, #learn .intro p {
	font-size: 16px;
	font-weight: bold;
}

#learn .intro p {
	width: 180px;
	line-height: 23px;
	float: right;
	text-align: right;
	padding: 10px 0 0 0;
	color: #b5d4f1;
}	

.split .left p.intro {
	padding: 15px 20px;
}	

.split .right p.intro {
	padding: 15px 20px;
}	

.intro .left form p {
	padding: 4px 0 10px 50px;
	height: 20px;
}

.quote p {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 5px 0;
}	

div.footer p {
	width: 300px;
	float: right;
	text-align: right;
}

form.finder p {
	padding: 4px 0 10px 50px;
	height: 20px;
	margin: 0 0 0 230px;
}

#top .intro .wrap .inner .right p {
	width: 190px;
	float: left;
}

#top .intro .wrap .inner .right p.quote {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 20px;
	padding: 40px 0 10px 15px;
}

#top .intro .wrap .inner .right p.name {
	color: #fff;
	padding: 0 0 0 15px;
}	
		

.intro .left form p.step1, form.finder p.step1 {
	background: url(images/step1.gif) 0 0 no-repeat;
}

.intro .left form p.step2, form.finder p.step2 {
	background: url(images/step2.gif) 0 0 no-repeat;
}

.intro .left form p.step3, form.finder p.step3 {
	background: url(images/step3.gif) 0 0 no-repeat;
}

.intro .left form p.step4 {
	background: url(images/step4.gif) 0 0 no-repeat;
	margin-top: 10px;
	padding-top: 0;
}

form.finder p.step4 {
	background: url(images/step4-large.gif) -30px 0 no-repeat;
	margin: 10px 0 0 5px ;
	padding-top: 0;	
	padding-left: 275px;
}

.uni-list .logo div.rating {
	width: 99px;
	height: 17px;
	float: right;
	padding: 0;
	margin: 18px 7px 0 0;
	display: inline;
}

.uni-list .logo div.rating p {
	display: block;
	background: url(images/rating.gif) 0 0 no-repeat;
	text-indent: -1111em;
	padding: 0;
}	

.uni-list .info p {
	width: 260px;
	float: left;
	padding: 0;
}

.uni-list .info .right-side {
	width: 144px;
	float: right;
	padding: 0;
	margin: 0;
}

/*
.uni-list .info img {
	float: right;
}	
*/

.uni-list .info ul.degree-links {
	width: 144px;
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
	font-weight: bold;
}

.uni-list .info ul.degree-links li {
	display: block;
	padding: 0 0 5px 0;
	margin: 0;
	text-align: center;
}


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

.header ul {
	margin: 80px 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 640px;
	float: right;
}


.header ul li {
	padding: 0;
	margin: 0;
	float: left;
}	

.header ul li a, .header ul li a:link, .header ul li a:visited, .header ul li a:active {
	width: 127px;
	height: 29px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0;
	float: left;
	display: block;
	text-indent: -1111em;
}

.header ul li a.home {
	background-image: url(images/nav-home.gif);
}

.header ul li a.library {
	background-image: url(images/nav-library.gif);
}

.header ul li a.blog {
	background-image: url(images/nav-blog.gif);
}

.header ul li a.about {
	background-image: url(images/nav-about.gif);
}

.header ul li a.contact {
	background-image: url(images/nav-contact.gif);
}	

.header ul li a:hover, .header ul li.current a  {
	background-position: 0 -29px;
}	
	
/* Images ######################################################### */	

img {
	border:0;
}

.uni-list .logo img {
	border: 3px solid #fff;
}	



#top .intro .wrap .inner .right img {
	float: right;
	margin: 10px 10px 0 0 ;
}	
	
/* Tables ######################################################### */

.uni-list .info table {
	width: 100%;
	margin: 0 0 15px 0;
	clear: both;
}


.uni-list .info table td {
	padding: 0 2px;
}		

table.icons {
	width: 100%;
}

table.icons tr td {
	background: #e7f3ff;
	border-bottom: 1px dotted #9cc0e2;
	border-right: 1px dotted #9cc0e2;
	width: 50%;
	background-repeat: no-repeat;
}	

table.icons tr.last td {
	border-bottom: none;
}

table.icons tr td.dog {
	background-image: url(images/icon-dog.gif);
	background-position: 25px center;
}	

table.icons tr td.car {
	background-image: url(images/icon-car.gif);
	background-position: 13px center;
}

table.icons tr td.money {
	background-image: url(images/icon-money.gif);
	background-position: 17px center;
}

table.icons tr td.biz {
	background-image: url(images/icon-biz.gif);
	background-position: 24px center;
}	

table.icons tr td.mechanic {
	background-image: url(images/icon-mechanic.gif);
	background-position: 18px center;
}	

table.icons tr td.computer {
	background-image: url(images/icon-pc.gif);
	background-position: 20px center;
}	

table.icons tr td.food {
	background-image: url(images/icon-food.gif);
	background-position: 22px center;
}	

table.icons tr td.law {
	background-image: url(images/icon-law.gif);
	background-position: 14px center;
}	

table.icons tr td.edu {
	background-image: url(images/icon-edu.gif);
	background-position: 14px center;
}	

table.icons tr td.fashion {
	background-image: url(images/icon-fashion.gif);
	background-position: 28px center;
}	

table.icons tr td.holiday {
	background-image: url(images/icon-holiday.gif);
	background-position: 18px center;
}	

table.icons tr td.nurse {
	background-image: url(images/icon-nurse.gif);
	background-position: 17px center;
}

table.icons tr td.plumber {
	background-image: url(images/icon-plumber.gif);
	background-position: 17px center;
}	
	

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

.teaser-research .content ul {
	background: #116fcc url(images/teaser-research.gif) 25px 23px no-repeat;
	padding: 20px 20px 20px 210px;
	margin: 0;
	list-style-type: none;
	min-height: 280px;
}	

.teaser-research .content ul li {
	background: url(images/bullet-white.gif) 0 8px no-repeat;
	margin: 0;
	padding: 3px 0 3px 19px;
	font-weight: bold;
}	

.linkbox .content ul {
	padding: 10px 5px 5px 0;
	width: 225px;
	margin: 0;
	list-style-type: none;
	font-weight: bold;
	float: left;
}

.linkbox .content ul li {
	background: url(images/bullet-blue.gif) 0 8px no-repeat;
	margin: 0;
	padding: 3px 0 3px 19px;
}


.teaser-tools .wrap ul {
	padding: 20px 20px 0 490px;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}	

#top .intro ul {
	width: 230px;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#resources .intro ul, #learn .intro ul {
	width: 330px;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.teaser-tools .wrap ul li, #top .intro ul li , #resources .intro ul li, #learn .intro ul li {
	background: url(images/bullet-white.gif) 0 7px no-repeat;
	margin: 0;
	padding: 2px 0 2px 19px;
	font-weight: bold;
}

.full .content .inner ul, .full .content .inner ol {
	padding: 0 0 10px 40px;
}

.full .content .inner ul li, .full .content .inner ol li {
	padding-bottom: 7px;	
}

.inner textarea {
	width: 480px;
	height: 120px;
}

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

form {
	padding: 0;
	margin: 0;
}

input, select, textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.intro .left form select, form.finder select {
	width: 145px;
}
		
form.finder {
	background: url(images/teaser-finder.jpg) 0 0 no-repeat;
	height: 180px;
	padding: 38px 0 0 0;
	margin-bottom: 20px;
}

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