@import "reset.css";

body	{
	margin:0px; padding:0px;
	background: #FFF;
}

/***CONTAINERS***/
#container{
	width: 1000px;
	margin:0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#header	{
	width: 900px;
	margin:25px auto 0px;
	background: url('../../images/df/header.jpg') no-repeat;
	height:30px;
}

#lc #mainTop,
#thankyou #mainTop,
#sessionended #mainTop,
#refsorry #mainTop {
	/*float:left;*/
	background: url('../../images/df/lc_main_top.jpg') no-repeat top center;
	height: 20px;
}
#main{
	margin:0px auto;
	width: 900px;
}

#lc #mainBottom,
#thankyou #mainBottom,
#sessionended  #mainBottom,
#refsorry  #mainBottom{
	/*float:left;*/
	background: url('../../images/df/lc_main_bottom.jpg') no-repeat bottom center;
	height:20px;
}

#lc #middle,
#thankyou #middle,
#sessionended #middle,
#refsorry #middle {
	background: #f4F4F4 url('../../images/df/lc_middle_slice.jpg') repeat-x ;
	float:left;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	width: 898px;
}


#footer{
	margin:0px auto;
	clear: both;
	width: 900px;
	display: none;
}


/****MAIN ELEMENTS****/
#top {
	/*float:left;*/
	background: #F1F0F1 url('../../images/df/top_slice.jpg') repeat-x;
}
#lc #top,
#thankyou #top,
#sessionended #top,
#refsorry #top{
	/*float:left;*/
	background: #FFF;
	float: left;
	margin: 0px 10px 10px;
	padding: 0 5px;
	width: 870px;
}

#sessionended #top,
#refsorry #top{
	padding: 5px 5px 55px;
}

#topTop {
	background: url('../../images/df/top.gif') no-repeat;
	height:8px;
	width:900px;
}
#topBottom{
	background: url('../../images/df/bottom.gif') no-repeat;
	height:8px;
	width:900px;
	clear:both;
}

#bottom {
	/*float:left;*/
	margin-top:12px;
	background: #FBFBFB url('../../images/df/bottom_slice.jpg') repeat-x;
}
#lc #bottom,
#thankyou #bottom,
#sessionended #bottom,
#refsorry #bottom{
	float:left;
	background: #FFFFFF none repeat scroll 0 0;
	margin:0px 10px;
	width: 878px;
	min-height: 400px;
	height: auto !important;
  	height: 400px;
}
#bottomTop {
	background: url('../../images/df/bottom_top.gif') no-repeat;
	height:12px;
	width:900px;
	
}
#bottomMiddle {
	border-left: #E6E6E6 1px solid;
	border-right: #E6E6E6 1px solid;
	float:left;
	width:898px;
}
#bottomLeft {
	width:50%;
	float: left;
}

#bottomTitle {
	font-size: 16px;
	font-weight:bold;
	padding : 10px;
	color: #226b8b ;
}
#bottomBottom{
	background: url('../../images/df/bottom_bottom.jpg') no-repeat;
	height:14px;
	width:900px;
	clear:both;
}


/***SEARCH FORM ELEMENTS***/
#searchCopy {
	font-size: 16px;
	/*font-weight: bold;*/
	/*width: 150px;*/
	/*float:left;
	text-align: center;
	margin-top:3px;*/
	padding-left: 15px;
}
#top form {
	width: auto;
	float: left;	
}
form[name=geoform] div.formElement{
	display:inline;
	padding: 0px 10px 0px;	
	float: left;
}

#SF_PC input[name=PC]  {
	width:75px;	
}

#SC_DegreeOfInterest a,
#SC_AreaOfInterest a,
#SC_ProgramsOfInterest a {
	display:inline;	
}
	
#SC_DegreeOfInterest a,
#SC_AreaOfInterest a,
#SC_ProgramsOfInterest a {
	color: #226b8b;
	font-weight:bold;
}

#SC_DegreeOfInterest a:visited,
#SC_AreaOfInterest a:visited,
#SC_ProgramsOfInterest a:visited{
	color: #226b8b;
	font-weight:bold;
}
#SC_PC a {
	color: #73ab00 ;
	font-weight:bold;
}
#SC_PC a:visited {
	color: #73ab00 ;
	font-weight:bold;
}
/*#SF_AreaOfInterestGroup {
	float:left;
}*/

/*#SF_ProgramsOfInterestType {
	display:none;
	padding-top:5px;
}*/

#SF_Submit {
	float: left;		
}

/***SCHOOL ELEMENTS***/
#schoolInformation {
	float:left;
	padding: 2px;
	margin-left: 10px;
}
#schoolInformationTop {
	background: url('../../images/df/schoolInformation_top.jpg') no-repeat;
	height:9px;
	width: 400px;
}
#schoolInformationBottom {
	clear: both;
	background: url('../../images/df/schoolInformation_bottom.jpg') no-repeat;
	height:9px;
	width: 400px;
}
#schoolInformationMiddle {
	width: 393px;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	float: left;
	background-color: #FFF;
}
#noSchoolsText{
	font-size:16px;
  	font-style:italic;
  	padding:5px;
  	display:none;
}
#schoolInformationLoading {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
}
#lc #schoolInformation,
#thankyou #schoolInformation {
	float:left;
	background: none;
	padding: 2px;
	margin-left: 10px;
	width: 100%;
	height: 100%;
}

#schoolLogo {
	width: 200px;
	height: 100px;
	float:left;
	padding: 6px;
}

#schoolRight {
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
	margin-left: 15px;
	text-align:left;
	width:150px;
	float:left;
}

#schoolBlurb {
	clear:both;
	float : left;
	width: 380px;
	padding: 10px;
	background	:	url('../../images/df/blurbbackground.jpg');
	line-height : 120%;
}

#blurb {
	clear:both;
	float : left;
	width: 380px;
	padding: 10px;
	background	:	url('../../images/df/blurbbackground.jpg');
	line-height : 120%;
}


#schoolInformationMiddle #schoolBlurb {
	width: 370px;
}

#locationLink{
	clear:both;
	float:left;
	width:380px;
	padding: 10px;
	background	:	url('../../images/df/blurbbackground.jpg');
	line-height : 120%;	
}

/***FORM ELEMENTS***/
#formContainer {
	width:404px;
	float:left;
	font-size:12px;
}

#lc #formContainer {
	width: 850px;
	margin: 0px 15px;	
	border: none;
}
#formTitle {
	width: 405px;
	height : 62px;
}
.prequalTitle{
	background: url('../../images/df/form_title.gif') no-repeat;
}
.formTitle{
	background: url('../../images/df/form_formTitle.jpg') no-repeat;
}

#lc #formTitle1{
	background: url('../../images/df/lc_form_title.gif') no-repeat;
	width: 850px;
	height : 59px;
}

#lc #textFormTitle1{
	color : #FFF;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding: 10px;
}

#lc #formTitle1 h2{
	display:none;
}
	
#formContent {
	border-left: 3px solid #E3e2e2;
	border-right: 3px solid #E3e2e2;
	background-color: #FFF;
	min-height: 300px;
	height: auto !important;
  	height: 300px;
}
#lc #formContent {
	width:848px;
	border-left : 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
}
.formElement {
	padding: 5px 20px;	
}
#lc .formElement {
	padding: 5px 0px;	
}
#formContent label{
	display:block;
}

#FN label,
#LN label,
#S1 label,
#CT label,
#SP label,
#CN label,
#PC label,
#HP label,
#WP label,
#EM label{
	width: 35%;
	float:left;
}

#ProgramOfInterest select{
	width: 370px;	
}

.formSubmit {
	width: 100%;
	text-align:center;
	padding-top: 20px;
}

#lc label {
	padding: 12px 10px 12px 0px;
	background: none;
	color:#000000;
}

#lc select{
	margin-left:0;
}

#lc .formboxSubmit {
	clear:both;
	width: 100%;
	text-align:center;
	padding-top: 20px;
}

#lc #submitBtnLC{
	cursor:pointer;
	
}

#formBottom {
	background: transparent url('../../images/df/form_bottom.gif') no-repeat;
	height : 12px;
	width	: 405px;
}


#lc #schoolRight1{
	float:left;
	width:70%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
}

#lc #formHeader{
	background-image: url('../images/cc/lcArrow.jpg');
	height: 45px;
	width: 35px;
	float:left; 
}

#lc #formBottom {
	background: transparent url('../../images/df/lc_form_bottom.jpg') no-repeat;
	width	: 850px;
	clear: both;
}

/*** REFERRAL PAGE ELEMENTS ***/
#referrals{
	background-color: #FFF;
}

#referralsHdrImg {
	background-image:url('../../images/refsorry_hdr.gif');
	background-repeat:repeat-x;
	height:27px;
	font-weight:bold;
	font-size:18px;
	color: #FFF;
	padding-left:30px;
}

#referralsHdrImgArrow {
	position: relative;
	background-image:url('../../images/refsorry_arrow.gif');
	background-repeat:no-repeat;
/*	weight:43px;*/
	height:28px;
	left: 30px;
	top: -3px;
}

#referralsHdrContent{
	position: relative;
	font-weight:normal;
	font-size:12px;
	color: #000;
	left: 80px;
	top: -10px;
}

#referralsBodyImg {
	background-image:url('../../images/refsorry_featured_schools.gif');
	background-repeat:no-repeat;
	width: 251px;
	height:19px;
}

#referralsBodyContent{
	clear: both;
	border: 1px #B22222 solid;
	background-color: #FFF;
}

#dBar{
	background-image:url('../../images/dotted_bar.gif');
	background-repeat:repeat-x;
	width:700px;
	height:12px;
}

.ref{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#refLeft{
	float: left;
	width: 20%;
}

#refMid{
	float: left;
	width: 60%;
}

#refRight{
	float: right;
	width: 10%;
}

#referralsBodyContent .separator{
	height:0px;
}
/***MISC. STYLES***/
.error {
    color: #F00;
    display: block;
    font-size: 10px;
}

.strong {
	font-weight:bold;	
}

.hide {
	display: none;	
}


/* CSS for DF Microsite*/

#divtabblurb {
	float:left;
	width: 375px;
	margin-left: -40px;
}

#description {
	float:left;
	background-color : #FFFFFF;
	width: 410px;
}

.tabOn {
	background	:	url('../../images/df/shadedProgram_blurb.jpg');
	cursor:pointer;cursor:hand;
	font-weight: bold;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
}

.tabOff {
	background-color: #DDF0F9;
	color : #333333;
	font-weight: bold;
	font-family : Arial;
	font-size : 12px;
	cursor:pointer;cursor:hand;
}
#tabBlurb {
	display	: block;
	width : 145px;
	height : 31px;
	float	: left;
	border-top: 1px solid #FFFFFF;
}	

#tabPrograms	{
	display	: block;
	width : 145px;
	height : 31px;
	float	: left;
	border-top: 1px solid #FFFFFF;
}

#programs {
	padding-left: 10px;
	color: #555555;
}

.degreeTitle{
	font-weight	:	bold;
	padding-top:15px;
}

.programTitle {
	color : #555555;
	text-decoration : underline;
	padding : 2px 0px;
	cursor: pointer;
}
.selectedProgramTitle {
	border-top : 1px dashed #cbcbff;
	background-color : #FFFFFF;
	color : #555555;
	font-weight : bold;
	text-decoration : underline;
	padding : 10px;
	margin-top: 10px;
	cursor: pointer;
}
.programDesc {
	display : none;	
}
.selectedProgramDesc {
	border-bottom : 1px dashed #cbcbff;
	background-color : #FFFFFF;
	padding : 0px 10px 10px;
	margin-bottom: 10px;
	margin-left : 0px;
}

#schoolProgramInfo{
	float  : left;
	width : 410px;
	margin-left:15px;

}

#programInfo{
	float  : left;
	width : 400px;
	padding: 5px 5px 5px 5px;
	background-color : #2E7EA0;
}

#programInfomain{
	background	:	url('../../images/df/blurbbackground.jpg');
	margin-left:0px;
	margin-top:0px;
	padding:10px;
	width : 380px;
}



.schoolDetails{
	padding-left:24px;
}

.programDetails{
	padding-left:38px;
}

.clearDiv{
	clear: both;
	line-height: 0px;
}

#schoolSpacing{
	padding-top:8px;
}