body {padding: 0; margin: 0; font: 80% Arial, Helvetica, sans-serif;}
td {font: 80% Arial, Helvetica, sans-serif;}
h1 {float: left; width: 164px; height: 88px; margin: 0; padding: 0; background: url(/NCImages/cfnc_logo.gif) top left no-repeat; border-width: 0 2px 0 0; border-style: solid; border-color: #FC0; text-indent: -3000px;}
h1 a {display: block; width: 164px; height: 88px; margin: 0; padding: 0;}
h2 {position: absolute; left: 166px; font: italic 19pt "Times New Roman", Times, serif; color: #060; margin: 0; padding: 10px; text-align: center; width: 580px;}
h3 {font: bold italic 1.8em "Times New Roman", Times, serif; color: #009; text-align: ; margin: 0 0 15px 0; padding: 0;}
h4 {font: bold 1.2em Arial, Helvetica, sans-serif; color: #00F; margin-bottom: 0;}
h5 {font: bold italic 1.5em "Times New Roman", Times, serif; color: #009;}
.centered {text-align: center;}
.continueButton {text-indent: -3000px;}
.continueButton a {display: block; width: 86px; height: 20px; background: url(/NCImages/continue_but.gif) top left no-repeat; margin-left: 420px;}

#directionButtons {text-indent: -3000px; margin-bottom: 50px;}
#directionButtons a {display: block;}
#directionButtons .backButton {float: left; width: 66px; height: 20px; margin-left: 30px; background: url(/NCImages/back_but.gif) top left no-repeat;}
#directionButtons .continueButton {float: right; margin-right: 30px; width: 86px; height: 20px; background: url(/NCImages/continue_but.gif) top left no-repeat;}

.borderedContent {border: 1px solid #000; padding: 2px;}
.dataTableHeader {font: bold 80% Arial, Helvetica, sans-serif; color: #FFF; background: #009;}
.stepheader {font: italic 90% "Times New Roman", Times, serif;}
.tableheader, .tableHeader {font: bold 10pt Arial, Helvetica, sans-serif; color:#FFF; background-color: #000066; padding: 3px;}
.pageheader {font: bold 10pt Arial, Helvetica, sans-serif; color: #FFF; background-color: #009; padding: 3px;}

#pageHeader {background: #FF9; height: 88px; border-bottom: 2px solid #FC0; margin: 0; padding: 0;}
#siteNavigation {position: absolute; top: 49px; left: 190px; list-style: none; margin: 0; padding: 0; width: 518px; height: 39px; background: transparent url(/NCImages/navblock.gif) top left no-repeat;}
#siteNavigation li, #siteNavigation a {position: absolute; display: block; width: 74px; height: 39px;}
#siteNavigation a {text-indent: -3000px;}
#MyCFNC, #MyCFNCOn {left: 0px;}
#CareerCenter, #CareerCenterOn {left: 74px;}
#StudentPlanner, #StudentPlannerOn {left: 148px;}
#CollegeFair, #CollegeFairOn {left: 222px;}
#OnlineApplications, #OnlineApplicationsOn {left: 296px;}
#PayingforCollege, #PayingforCollegeOn {left: 370px;}
#CollegeSavingsProgram, #CollegeSavingsProgramOn {left: 444px;}

#MyCFNC a:hover {background: transparent url(/NCImages/navblock.gif) 0 -39px no-repeat;}
#CareerCenter a:hover {background: transparent url(/NCImages/navblock.gif) -74px -39px no-repeat;}
#StudentPlanner a:hover {background: transparent url(/NCImages/navblock.gif) -148px -39px no-repeat;}
#CollegeFair a:hover {background: transparent url(/NCImages/navblock.gif) -222px -39px no-repeat;}
#OnlineApplications a:hover {background: transparent url(/NCImages/navblock.gif) -296px -39px no-repeat;}
#PayingforCollege a:hover {background: transparent url(/NCImages/navblock.gif) -370px -39px no-repeat;}
#CollegeSavingsProgram a:hover {background: transparent url(/NCImages/navblock.gif) -444px -39px no-repeat;}

#MyCFNCOn {background: transparent url(/NCImages/navblock.gif) 0 -78px no-repeat;}
#CareerCenterOn {background: transparent url(/NCImages/navblock.gif) -74px -78px no-repeat;}
#StudentPlannerOn {background: transparent url(/NCImages/navblock.gif) -148px -78px no-repeat;}
#CollegeFairOn {background: transparent url(/NCImages/navblock.gif) -222px -78px no-repeat;}
#OnlineApplicationsOn {background: transparent url(/NCImages/navblock.gif) -296px -78px no-repeat;}
#PayingforCollegeOn {background: transparent url(/NCImages/navblock.gif) -370px -78px no-repeat;}
#CollegeSavingsProgramOn {background: transparent url(/NCImages/navblock.gif) -444px -78px no-repeat;}

/* TEMPORARY */
#Home, #HomeOn {display: none;}

#pageNavigation {width: 166px;}
#myCFNCButtons {list-style: none; margin: 0; padding: 0; background: #FF9; border-width: 0 2px 2px 0; border-style: solid; border-color: #FC0; text-indent: -3000px;}
#myCFNCButtons li {width: 80px; height: 44px; text-align: center;}
#myCFNCButtons a {display: block; width: 80px; height: 44px;}
#login {float: left;}
#login a {background: url(/NCImages/logon_but.gif) top left no-repeat;}
#login a:hover {background: url(/NCImages/logon_r.gif) top left no-repeat;}
#create a {background: url(/NCImages/create_but.gif) top left no-repeat;}
#create a:hover {background: url(/NCImages/create_r.gif) top left no-repeat;}
#myCFNCButtonsLoggedOn {list-style: none; margin: 0; padding: 0; background: #FF9; border-width: 0 2px 2px 0; border-style: solid; border-color: #FC0;}
#myCFNCButtonsLoggedOn a {display: block; width: 164px; height: 44px; background: url(/NCImages/logout_my_cfnc_but.gif) top left no-repeat; text-indent: -3000px;}
#myCFNCButtonsLoggedOn a:hover {background: url(/NCImages/logout_my_cfnc_r.gif) top left no-repeat;}
#mentorSearch {background: #FF9; border-width: 0 2px 2px 0; border-style: solid; border-color: #FC0; text-indent: -3000px;}
#mentorSearch a {display: block; width: 164px; height: 33px; background: url(/NCImages/searchbutton_but.gif) top left no-repeat;}
#mentorSearch a:hover {background: url(/NCImages/searchbutton_r.gif) top left no-repeat;}
#cfncButtons {list-style: none; margin: 0; padding: 0; background: #036; border-width: 0 2px 2px 0; border-style: solid; border-color: #FC0; text-indent: -3000px;}
#cfncButtons li {width: 80px; height: 29px; text-align: center;}
#cfncButtons a {display: block; width: 80px; height: 29px;}
#contactCFNC {float: left;}
#contactCFNC a {background: transparent url(/NCImages/contact_but.gif) top left no-repeat;}
#contactCFNC a:hover {background: transparent url(/NCImages/contact_r.gif) top left no-repeat;}
#aboutCFNC a {background: transparent url(/NCImages/moreabout_but.gif) top left no-repeat;}
#aboutCFNC a:hover {background: transparent url(/NCImages/moreabout_r.gif) top left no-repeat;}

#sectionNavigation, #cfncHome {list-style: none; margin: 0; padding: 14px 0 0 0;}
#sectionNavigation li div, #cfncHome li {border-width: 0 0 2px 2px; border-style: solid; border-color: #FC0; padding: 2px 5px; margin: 9px 10px;}
#sectionNavigation a, #cfncHome a {font: bold 1em Arial, Helvetica, sans-serif; text-decoration: none; color: #FFF;}
#sectionNavigation a:hover, #cfncHome a:hover {color: #FF6;}

#gearUpLogo {margin: 25px 0 0 28px; text-indent: -3000px;}
#gearUpLogo a {display: block; width: 110px; height: 37px; background: transparent url(/NCImages/gearup_logo_small.gif) center no-repeat;}
#spanishLink {margin: 40px 0 0 20px;}
#spanishLink a {text-decoration: none; color: #036;}

#filters {list-style: none; margin: 5px 0 0 15px; padding: 0;}
#filters li {border: 0; margin: 0; padding: 3px 6px; color: #FFF;}
#filters li a {font-weight: normal;}
#filters li a:hover {color: #FFF;}
#loginMessage {font: 10px Arial, Helvetica, sans-serif; color: #000066; text-align: center; padding-top: 5px;}

#pageContent {position: absolute; top: 90px; left: 166px; padding: 20px; margin: 0; width: 560px;}
.contentLinksItem a {font-weight: bold;}

#footer {clear: both; font: .85em "Times New Roman", Times, serif; text-align: center; margin: 25px 0 0 0;}
#disclaimer {border: 1px solid #000; padding: 2px; font: .9em Verdana, Arial, Helvetica,sans-serif; width: 80%; text-align: left; margin: auto; margin-bottom: 20px;}
#gearUpDisclaimer {clear: both; font: .9em Arial, Helvetica, sans-serif; padding: 30px 0; margin: auto;}
#footerLinks {margin-bottom: 20px;}
#poweredByXap {width: 114px; height: 48px; background: url(/NCImages/xap.gif) top left no-repeat; text-indent: -3000px; margin: auto;}
#poweredByXap a {display: block; width: 114px; height: 48px;}

.dataGrid {width: 100%; background: #000;}
.dataGrid tr {background: #FFF;}
.dataGrid td, .dataGrid th {padding: 2px;}
.dataGrid thead tr th {text-align: left; font-size: 80%;}
.dataGrid .dataGridHeader {background: #009; color: #FFF; font-weight: bold;}
.dataGrid .dataGridHeader a {color: #FFF; font-weight: bold;}
.dataGrid .dataGridOddRow {background: #FF9;}
.dataGrid .dataGridElement {font-size: 10px;}

.ascSortHeader, .descSortHeader, .SortHeader {display: block; color: #FFF;}
.ascSortHeader:hover, .descSortHeader:hover, .SortHeader:hover {text-decoration: none;}
.ascSortHeader {padding: 3px 0 3px 26px; background: transparent url(/SharedImages/icons/s/bd/sort_ascending.png) center left no-repeat;}
.descSortHeader {padding: 3px 0 3px 26px; background: transparent url(/SharedImages/icons/s/bd/sort_descending.png) center left no-repeat;}

.logonButton {display: block; text-indent: -3000px; background: transparent url(/NCImages/submit.gif) center no-repeat; border: 0; width: 60px; height: 20px; margin: auto; margin-bottom: 30px;}
#newUserButton {float: left; margin: 15px 10px 0 0; padding-left: 80px;}
#newUserButton a {display: block; width: 70px; height: 20px; background: transparent url(/NCImages/newuser.gif) center no-repeat;}
#newUserInfo {float: left; font-weight: bold; width: 250px;}
#logonHelp {clear: both; padding-top: 15px;}

.simpleForm {width: 100%;}
.questionLabel {text-align: right; width: 40%;}
.questionAnswer {width: 60%;}

.left {text-align: left;}
#popupContent {width: 95%; text-align: center; margin: auto; margin-top: 10px;}
#popupContent table {border: 1px solid #000;}
#popupContent table table {border: 0;}
#popupCloseButton {text-align: center;}
#popupCloseButton a {display: block; width: 46px; height: 20px; background: transparent url(/NCImages/close_but.gif) center no-repeat; text-indent: -3000px; margin: auto;}

#popupHeader {height: 56px; border-bottom: 2px solid #FC0; background: #FF9;}
#popupLogo {position: absolute; top: 0; left: 0; width: 97px; height: 56px; background: #FFF url(/NCImages/cfnclogo_500.gif) center no-repeat; border-right: 2px solid #FC0; border-bottom: 2px solid #FC0; text-indent: -3000px;}
#popupSlogan {position: absolute; top: 0; left: 99px; width: 376px; height: 56px; background: #FF9 url(/NCImages/slogan_500.gif) center no-repeat; border-bottom: 2px solid #FC0; text-indent: -3000px;}
#brandedPopupContent {clear: both; height: 342px; overflow: auto; padding: 0 15px;}

/* Pagination */
#pagination {width: 505px; text-align: center;}
.listPageSelector, #pagination table {margin: auto;}
.listPageSelector td, #pagination table td {height: 24px; font-weight: bold;}
.listPageSelector td span, #pagination table td span {position: relative; display: block; width: 20px; height: 20px; float: left; padding: 2px 0; text-align: center;}
.pageLinks {border-bottom: 1px solid #000;}
.firstLink, .lastLink, .previousLink, .nextLink {text-indent: -3000px;}
.firstLink a {display: block; width: 100%; height: 100%; background: url('/SharedImages/icons/t/ab/media_beginning.png') no-repeat left center;}
.lastLink a {display: block; width: 100%; height: 100%; background: url('/SharedImages/icons/t/ab/media_end.png') no-repeat right center;}
.previousLink a {display: block; width: 100%; height: 100%; background: url('/SharedImages/icons/t/ab/arrow_left_blue.png') no-repeat left center;}
.nextLink a {display: block; width: 100%; height: 100%; background: url('/SharedImages/icons/t/ab/arrow_right_blue.png') no-repeat right center;}

.listPageSelector .pageIndex {text-align: center; font-weight: normal;}

#matchAsstHelp, #compareViewHelp {text-align: left;}
#holland {text-align: left;}
#hollandTypes {list-style: none; margin: 0; padding: 0; text-align: center;}
#hollandTypes li {display: inline; margin-right: 10px;}
#hollandTypes li a {padding: 2px; background: #FF9; border: 1px solid #666; text-decoration: none; color: #30F;}
#hollandTypes li a:hover {background: #FC0; color: #000;}
#careerTitle {font-weight: bold;}
#careerDetail {margin: 10px 0;}
#careerDetail .questionLabel {font-weight: normal; vertical-align: top; text-align: left;}

.errorMessage, .errorText {color: #F00; font-weight: bold; margin: 15px 0;}

.generalButton { 
	border: 1px #CDCDCD solid;
	background-color: #FAFAFA;
	padding: 8px;
	margin: 4px;
	line-height: 18px;
}

.generalButton a, generalButton a:hover { 
	color: #000;
	text-decoration: none;
	display: block;
	line-height: 18px;
}
body {background: #30F url(/NCImages/NCbackground.gif) top left repeat-y;}

.careerMatchDefinitions {text-align: center; padding: 10px 0;}