﻿body 
{
    font-size:0.8em;
    font-family: "trebuchet ms", helvetica, sans-serif;
    color: #000000;
    margin: 0;
    padding:0;
}

*
{
	margin: 0pt;
	padding:0pt;
}

a:link { color: #002b5c;}
a:visited { color: #002b5c;}
a:active {color: #002b5c;}
a:hover {color: #002b5c;}

/* HEADER STYLES */

#wrapper {
	background-color:#FFFFFF;
	background-image:url(../images/container_bg.gif);
	background-repeat:repeat-y;
	border:0px solid #005480;
	margin:0px auto;
	position:relative;
	top:0px;
	width:984px;
}
#container {
	border:0px solid #005480;
	margin:0px auto;
	position:relative;
	text-align:left;
	top:0px;
	width:960px;
}

#adminContainer {
	border:0px solid #005480;
	margin:0px auto;
	position:relative;
	text-align:left;
	top:0px;
	width:960px;
}
#header {
	background-color:#FDB715;
	border:0px solid #000000;
	height:110px;
	left:0px;
	width:960px;
}
#logo {
	border:0px solid #000000;
	left:50px;
	position:absolute;
	top:23px;
}
#contact_us {
	border:0px solid #000000;
	left:831px;
	position:absolute;
	top:65px;
}
#logo a, img {
	border:0px none;
}

#login {
	border:0px solid #000000;
	height:27px;
	left:501px;
	position:absolute;
	top:29px;
	width:421px;
}

	#login_username {
		background-image:url(../images/login_bg.gif);
		border:0px solid #FFFFFF;
		height:27px;
		left:0px;
		margin:0px;
		position:absolute;
		top:0px;
		width:161px;
	}
	
	#login_password {
		background-image:url(../images/login_bg.gif);
		border:0px solid #FFFFFF;
		height:27px;
		left:161px;
		margin:0px;
		position:absolute;
		top:0px;
		width:161px;
	}
	
		#login_password fieldset, #login_username fieldset {
			border:0px none;
			margin-bottom:10px;
			position:relative;
		}
		
		#login label {
			border:0px solid #000000;
			color:#00426C;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:10px;
			height:14px;
			left:14px;
			margin:0px;
			position:absolute;
			top:-12px;
			width:131px;
			font-weight: normal;
			text-align: left;
			display:block;
		}
		
		#login input {
			border:0px solid #000000;
			font-size:10px;
			height:14px;
			left:14px;
			margin:0px;
			position:absolute;
			top:5px;
			width:131px;
		}
		
		#login input#login_submit {
			height:27px;
			left:323px;
			position:absolute;
			top:0px;
			width:98px;
		}
		
#logout 
{
	border:0px solid #000000;
	height:27px;
	left:501px;
	position:absolute;
	top:29px;
	width:421px;
}
	#logout_username {
		border:0px solid #FFFFFF;
		color:#00426C;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:12px;
		font-weight:bold;
		left:100px;
		margin:0px;
		position:absolute;
		top:5px;
	}
	
	#logout input {
		height:27px;
		left:323px;
		position:absolute;
		top:0px;
		width:98px;
	}

#search_bar {
	background-color:#24466C;
	background-image:url(../images/search_bar_bg.gif);
	background-repeat:repeat-x;
	border:0px solid #000000;
	height:32px;
	position:relative;
	width:960px;
}
	#header h2 {margin: 0px 0px 10px 20px;}
	#tabs
	{
		background-color: #FDB715;
		height:30px;
		margin:0px;
		padding:0pt;
	}
	
	#tabs ul
	{
		margin:0;
		padding:0;
	}
	
	#tabs li
	{
		border:medium none;
		display:inline;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt;
		padding:0pt;
	}
	
	#tabs li.right
	{
		float:right;
	}
	
	#tabs ul#mainTabs a:link, #tabs ul#mainTabs a:visited
	{
		float:left;
		font-size:12px;
		font-weight:normal;
		margin:0pt;
		padding:4px 8px 6px 8px;
	}

	div#tabs a:link, div#tabs a:visited
	{
		text-decoration:none;
	}
	
	div#tabs a:hover
	{
		background-color:#005480;
		border-bottom:1px solid #005480;
		color:#FFFFFF;
	}
	
	#tabs a:link, #tabs a:visited
	{
		background-color:#002b5c;
		border-color:#FDB715;
		border-bottom-color: #002b5c;
		border-style:solid;
		border-width:1px;
		color:#FFFFFF;
	}
	
	#tabs a:hover
	{
		background:#005480 none repeat scroll 0%;
		color:#FFFFFF;
	}
	#tabs ul#mainTabs a.selected:link, #tabs ul#mainTabs a.selected:visited
	{
		background:#005480;
		border-bottom:1px solid #005480;
		font-weight:bold;
		margin:0pt;
		text-decoration:none;
	}
	
/* MAIN CONTENT STYLES */
#middle_wrapper {
	border:1px solid #005480;
	position:relative;
	width:958px;
}

#content
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-bottom:20px;
	margin-left:115px;
	margin-top:48px;
	width:526px;
	float:left;
}

#content h2 {
	margin-bottom:20px;
}

#content h4, #adminContent h4 {
	color:#F47620;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin-bottom:10px;
}

#content p
{
	margin-bottom: 20px;
}

#content ul {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-bottom:20px;
	margin-left:20px;
	width:444px;
}

#content li {
	margin-bottom:10px;
}

#adminContent
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin: 48px 52px 20px 52px;
	width:862px;
}

#adminContent #clientDetail
{
	padding: 5px 10px 10px 10px;
	background-color: #EDF3FE;
}

#adminContent #clientDetail table tr td
{
	padding-bottom: 5px;
}

#comments
{
	width: 300px;
}

#adminContent #clientDetail h3, #adminContent #clientDetail p
{
	margin: 0;
}
#adminContent #clientDetail .right { float:right; }

#adminContent h4 { margin-bottom: 0; }

#notesContainer { margin-top: 10px; }
#notesHeader
{
	background-color: #F2F2F2;
	font-weight:bold;
	padding: 2px 5px;
}
.noteDetail, .noteEditForm
{
	padding: 2px 5px;
	border-bottom:1px solid #DFDFDF;
}

.noteDetail .noteHeading .right { float:right; }
.noteDetail p { margin-top: 0px; }

table#userList 
{
	margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

table#userList tr.header td
{
	background-color:#002b5c;
	color: #ffffff;
	text-align:center;
}

table#userList tr.header td a:link { color: #ffffff;}
table#userList tr.header td a:visited { color: #ffffff;}
table#userList tr.header td a:active {color: #ffffff;}
table#userList tr.header td a:hover {color: #ffffff;}

table#userList td
{
	border-bottom: solid 1px #002b5c;
	border-right: solid 1px #002b5c;
	width: 300px;
	padding:2px;
}

table#userList td.firstRow
{
	border-left: solid 1px #002b5c;
	border-bottom: solid 1px #002b5c;
	border-right: solid 1px #002b5c;
}

.searchContainer
{
	margin-bottom: 20px;
	padding: 1px;
	background-color: #002b5c;
}

	.searchContainer h3
	{
		margin:0;
		padding: 0 0 2px 2px;
		color: #ffffff;
	}
	
	.searchInner
	{
		background-color: #ffffff;
		padding: 0 0 2px 2px;
	}
	
	.searchInner label
	{
		font-weight: bold;
	}

.align_right 
{
	text-align:right;
}

	#adminContent h2#clientProfile
	{
		margin-bottom: 5px;
		font-size: 1.6em;
	}

	/* TAB STYLES IN CLIENT DETAIL PAGE */
	#adminContent #clientTabs
	{
		height:25px;
		margin:20px 0pt 0pt 20px;
		padding:0pt;
	}
	
	#adminContent #clientTabs ul
	{
		margin:0;
		padding:0;
	}

	#adminContent #clientTabs li
	{
		border:medium none;
		display:inline;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt;
		padding:0pt;
		
	}
	
	#adminContent #clientTabs ul#mainClientTabs a:link, #adminContent #clientTabs ul#mainClientTabs a:visited
	{
		float:left;
		font-size:12px;
		font-weight:normal;
		margin:0pt;
		padding:2px 8px 2px 8px;
		margin-right: 3px;
	}

	div#clientTabs a:link, div#clientTabs a:visited
	{
		text-decoration:none;
	}
	
	div#clientTabs a:hover
	{
		background-color:#ffffff;
		border-bottom:1px solid #ffffff;
		color:#000000;
	}
	
	#clientTabs a:link, #clientTabs a:visited
	{
		background-color:#EDF3FE;
		border-color:#DFDFDF;
		border-bottom-color: #DFDFDF;
		border-style:solid;
		border-width:1px;
		color:#000000;
	}
	
	#clientTabs a:hover
	{
		background:#ffffff none repeat scroll 0%;
		color:#000000;
	}
	#clientTabs ul#mainClientTabs a.selected:link, #clientTabs ul#mainClientTabs a.selected:visited
	{
		background:#ffffff;
		border-bottom:1px solid #ffffff;
		font-weight:bold;
		margin:0pt;
		text-decoration:none;
	}
	
	/* TAB CONTENT STYLES */
	.tabContent
	{
		border: solid 1px #DFDFDF;
		padding:5px;
		margin-top: -6px;
	}
	
	#noteContainer
	{
		width: 852px;
	}

/* SIDEBAR STYLES */
#sidebar {
	border:0px solid #FFFFFF;
	color:#FFFFFF;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:10px;
	margin-left:48px;
	margin-top:10px;
	width:264px;
}

#sidebar_register, #sidebar_partnerColleges {
	margin-top:10px;
}

#sidebar_register
{
	position: relative;
}

#sidebar p
{

	font-size:11px;
}

#sidebar_register_txt {
	border:0px solid #FFFFFF;
	height:40px;
	left:70px;
	position:absolute;
	top:53px;
	width:184px;
}

#sidebar_register a {
	background-image:url(../images/sidebar_register_bg.gif);
	background-position:0px 0px;
	display:block;
	height:128px;
	width:264px;
}

#sidebar_register a:hover {
	background-position: 0px -128px;
}


#sidebar_register a:active {
background-position:0px -256px;
}

#sidebar_partnerColleges a {
	background-image:url(../images/sidebar_partnerColleges_bg.gif);
	background-position:0px 0px;
	display:block;
	height:128px;
	width:264px;
}

#sidebar_partnerColleges a:active {
	background-position:0px -128px;
}

	
/* FOOTER STYLES */
#footer_wrapper {
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	height:40px;
	margin:0px auto;
	position:relative;
	width:984px;
}
#footer {
	border:0px solid #000000;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0px auto;
	padding-bottom:20px;
	padding-top:10px;
	text-align:right;
	top:0px;
	width:964px;
}
/* ERROR MESSAGING STYLES */
span.required
{
	color: #ea6622;
}

#errorSummary
{
	background: #FFEBEB;
	border: 1px solid #FF0033;
	border-width: 1px 0;
	padding: 5px 0;
	margin: 5px 0;
}

#errorSummary ul
{
	margin:0;
	padding:0;
	padding-left: 10px;
}

#errorSummary li
{	
	border:medium none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}

/* MODAL STYLES */
#modal_container {  
	padding:5px; 
	background-color:#fed576;  
	border:1px solid #000000;  
	overflow:auto;  
	font-family:"Lucida Grande",Verdana;  
	font-size:12px;  
	color:#333;  
	text-align:left;
} 

#modal_overlay {  
	background-color:#000;  
}

.previewBody h4
{
	margin: 15px 0px 0px 20px;
}
.previewBody .align_right
{
	margin-right: 20px;	
	margin-top: 0px;
}

#outside
{
	background-color: #ffffff;
	margin: 5px 20px;
	padding: 10px;
	height:200px;	
	border: dashed 1px;
}
#previewText
{
	padding: 0px 5px;
	height:200px;
	overflow:auto;
}

.statusContainer
{
	width:650px;
	clear:both;
}

.status
{
	margin-left: 6px;
	margin-right: auto;
	background-color: #33ff33;
	text-align: center;
	padding: 2px 5px 2px 5px;
	float:left;
}


table#historyList 
{
	margin: 10px auto;
    border-collapse: collapse;
}

table#historyList tr.header td
{
	background-color:#DFDFDF;
	color: #000000;
	text-align:center;
}

table#historyList tr.header td a:link { color: #ffffff;}
table#historyList tr.header td a:visited { color: #ffffff;}
table#historyList tr.header td a:active {color: #ffffff;}
table#historyList tr.header td a:hover {color: #ffffff;}

table#historyList td
{
	border-bottom: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	width: 300px;
}

table#historyList td.firstRow
{
	border-left: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
}

div.firstRow
{
	float:left;
	margin-right: 20px;
}

div.secondRow
{
	float:left;
	margin-right: 20px;
}

	div.firstRow input, div.secondRow input
	{
		margin-top: 5px;
	}

.clear
{
	clear:both;
}


/* FORM STYLES */
fieldset
{
	border: none;
	padding:0;
	margin-bottom:4px;
}

fieldset.spacing
{
	margin-top: 20px;
}

fieldset.checkbox
{
	padding-left: 20px;
}

fieldset.textarea
{
	margin-left: 0px;
}

fieldset label
{
	width: 120px;
	text-align: right;
	font-weight: bold;
	float:left;
	display:block;
	padding-top: 2px;
	padding-right: 8px;
}
fieldset label#preferredContactMethodLabel
{
	width: 220px;
}

fieldset label#gpContactLabel, fieldset label#partnerSchoolContactLabel
{
	float:none;
	display:inline;
	width: 100px;
	text-align:left;
}

fieldset label#experienceLabel
{
	display: block;
	text-align:left;
	width:340px;
	padding-bottom: 12px;
}

fieldset#experienceList
{
	margin-left: 20px;
}

fieldset#experienceList p
{
	margin-bottom: 5px;
}

fieldset#experienceList input
{
	margin-left: 10px;
}

fieldset input, fieldset select
{
	border: solid 1px #333333;
}

input#completeRegistration
{
	margin: 20px 0px;
}

input.loginBtn
{
	margin-left: 206px;
}

/* COLLEGE SEARCH STYLES */
#resultsSummary { margin-bottom: 20px; }
.map { width: 600px; height: 400px; margin-bottom: 10px; border: solid 1px #808080;}
.search_results { margin: 30px 0px; }
.result { width: 600px; padding: 14px 3px 3px 3px; margin-bottom: 14px; border-top: solid 1px #8c9fae; }
.letter-box { float:left; width: 20px; margin-top:3px; text-align:center; padding-top:5px; margin-left: 3px; }
.letter-box img {margin-left: 10px; }
.letter-box-featured { float:left; width: 20px; margin-top:3px; text-align:center; padding-top:5px; margin-left: 3px; }
.collegeDetails { float: left; margin-left: 37px; width: 200px; }
table tr td {padding: 2px; }
  
p { margin-top: 10px; margin-bottom: 10px; }
#search_results h3 { margin-bottom:10px; }
  
.featuredIcon { float:right; width:23px; background-color: #F57C1F; height: 129px; margin-top: -14px; margin-right: -3px; }

  
#criteriaSummary li { margin:0px; padding:0px; }
  
.hdrImage { margin-bottom: 15px; }
  
#searchColleges fieldset { border: none; margin-bottom:10px; }
#searchColleges fieldset label { text-align:left; float:none; width: 400px; margin-bottom:2px;padding-bottom:2px; display:inline; }
#college_search_btn {margin-top:25px;}

#searchNationWideCollegesImg { margin-top: 20px; }
.specialFeaturesContainer { float:right; width: 320px; }
.specialFeaturesContainerFeatured { float:right; width: 297px; }
	#content .specialFeaturesContainer ul,#content .specialFeaturesContainerFeatured ul  
	{
		margin:0px;
		padding:0px;
		margin-left: 14px;
	}
	
	#content .specialFeaturesContainer  ul li,#content .specialFeaturesContainerFeatured  ul li
	{
		margin:0px;
		padding:0px;
	}
	
	#content .majorsContainer
	{
		margin-top: 10px;
		margin-left: 60px;
	}
	
		#content .majorsContainer ul
		{
			margin: 0px 0px 0px 14px;
			padding: 0px;
		}
		
		#content .majorsContainer ul li
		{
			margin: 0px;
			padding: 0px;
		}

/* NAV STYLES */
#navigation {
	background-color:#FDB715;
	border:0px solid #000000;
	height:28px;
	overflow:hidden;
	position:relative;
	width:960px;
}

	navigation ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	
	#navigation ul li {
		border:0px solid #333333;
		float:left;
		font-family:Arial,Helvetica,sans-serif;
		font-size:10px;
		position:relative;
		text-align:center;
		text-transform:uppercase;
	}
	
	#navigation li#who_we_are {
		left:145px;
		top:0px;
	}
	
	#navigation li#who_we_are_loggedin {
		left:10px;
		top:0px;
	}
	
	#navigation ul li a {
		color:#FFFFFF;
		display:block;
		height:28px;
		overflow:hidden;
		padding-top:28px;
		text-decoration:none;
		width:135px;
		background-position:0px 28px;
		border:0px solid #000000;
	}
	
	#navigation ul li a:hover , #navigation ul li a.selected
	{
		background-position: 0px;
	} 
	
	#navigation li#why_graduate a {
		background-image:url(../images/nav_whyGraduate.gif);		
	}
	
	#navigation li#make_a_plan a {
		background-image:url(../images/nav_makeAPlan.gif);
	}
	
	#navigation li#paying_for_college a {
		background-image:url(../images/nav_payingForCollege.gif);
	}
	
	#navigation li#search_colleges a {
		background-image:url(../images/nav_searchColleges.gif);
	}	
	
	#navigation li#calendar a {
		background-image:url(../images/nav_calendar.gif);
	}
	
	#navigation li#who_we_are a, #navigation li#who_we_are_loggedin a {
		background-image:url(../images/nav_whoWeAre.gif);
	}
	
	#navigation li#my_portfolio a {
		background-image:url(../images/nav_myPortfolio.gif);
	}
	
.noteEmptyStyle
{
	 color:#ffffff;
	 background-color:#ff0000;
	 padding: 2px 5px;
}

/* width changes for all the dropdowns on the site */
#NewProfileDTO_State
{
	width: 144px;
}

#NewProfileDTO_BirthMonth
{
	width: 100px;
}

#NewProfileDTO_BirthDay
{
	width: 50px;
}

#NewProfileDTO_BirthYear
{
	width: 70px;
}

#adminContent #clientDetail h3
{
	color: #002B5C;
	font-size: 1.4em;
	margin-bottom: 20px;
}

.inputNoBorder
{
	border: none;
}


#pheaa-logo_search {

position:absolute;
left: 450px;
top: 470px;

}


#pheaa-logo_search img{
position:absolute;
left: 70px;
top: -7px;
}


