/*

Stylesheet for Jobberwoky
Dei Gratia

ToC

	1. imports
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	8. search page tooltip - jquery
	9. sliding panel down - jquery
	10. fade away remove panel - jquery
	11. messages
	
Notes:

Colors Used In Site
	Main Nav (light blue) #00a6f1
	Footer Links (dark gray) #434343
	Paragaph Text (light gray) #474747
	Heading Text (darker gray) #272727
	Pink Hover #e90059
	Links (light blue) #1c9cd6
*/

/* ------------------------ 1. imports ------------------------ */

@import url("resets.css");

/*  --------------------- 2. structure --------------------- */

#wrapper {
	width: 900px;
	margin: 0 auto;
	}
	body {background:#ffffff}
#login {
	width: 900px;
	margin: 7px auto -22px;
	height: 15px;
	text-align: right;
	}
	
#headerHome {
	width: 900px;
	margin: 22px auto 0;
	height: 100px;
	background: url(../images/headerGradient.gif) no-repeat left bottom;
	}
	
#header {
	width: 900px;
	margin: 22px auto 0;
	height: 100px;
	}
	
#flashBanner {
	background: url(../images/flashArea.gif) no-repeat left top; 
	width: 900px;
	height: 279px;
	}
	
#pageHeader {
	background: #f0f0f0;
	padding: 0 17px 0;
	height: 66px;
	}
	
#pageFooter {
	background: #f0f0f0;
	line-height: 40px;
	padding: 0 17px 0;
	height: 40px;
	margin-bottom: 20px;
	clear: both;
	}
	
#subHeader {
	background: #008dce url(../images/subHeaderBlue.gif) repeat-x top left;
	line-height: 55px;
	margin-bottom: 20px;
	padding: 0 17px 0;
	height: 55px;
	}
	
#subHeaderGreen {
	background: #9ac508 url(../images/subHeaderGreen.gif) repeat-x top left;
	line-height: 55px;
	margin-bottom: 20px;
	padding: 0 17px 0;
	height: 55px;
	}
	
#subHeaderYellow {
	background: #e9b100 url(../images/subHeaderYellow.gif) repeat-x top left;
	line-height: 55px;
	margin-bottom: 20px;
	padding: 0 17px 0;
	height: 55px;
	}
	
#subHeaderOrange {
	background: #fc7000 url(../images/subHeaderOrange.gif) repeat-x top left;
	line-height: 55px;
	margin-bottom: 20px;
	padding: 0 17px 0;
	height: 55px;
	}
	
#columnOne, #columnTwo, #columnThree {
	float: left;
	width: 300px;
	background: #f0f0f0;
	height: 340px;
	}
	
#columnTwo {
	background: #ffffff;
	}
	
#viewMoreColOne, #viewMoreColTwo, #viewMoreColThree {
	float: left;
	width: 300px;
	}

#contentFullCol {
	width: 900px;
	}
	
#contentColOne, #contentColTwo {
	float: left;
	background: #ffffff;
	}
	
#contentColOne {
	width: 586px;
	}
	
#contentColTwo {
	width: 314px;
	}
	
#columnOneSearch, #columnTwoSearch, #columnThreeSearch {
	float: left;
	margin-bottom: 20px;
	}

#columnOneSearch {
	width: 304px;
	}
	
#columnTwoSearch {
	width: 300px;
	}
	
#columnThreeSearch {
	width: 296px;
	}
	
#footer {
	margin: 0 0 50px 0;
	padding: 20px 0 0 0;
	display: inline-block;
	width: 900px;
	border-top: #c0c0c0 1px solid;
	}
	
/* Listings on Homepage */
.listing {
	padding: 10px 14px;
	float: left;
	height: 65px;
	}
	
.listing span.thumbnailContainerWhite {
	float: left;
	width: 66px;
	height: 61px;
	padding: 1px 0 0 4px;
	cursor: pointer;
	}
	
.listing span.thumbnailContainerGrey {
	float: left;
	width: 66px;
	height: 61px;
	padding: 1px 0 0 4px;
	cursor: pointer;
	}
	
.listing h3 {
	float: left;
	font-size: 1.2em;
	margin: 10px 0 5px 10px;
	width: 190px;
	display: inline-block;
	color: #272727;
	cursor: pointer;
	}
	
.listing p {
	float: left;
	margin: 0 0 0 10px;
	display: inline-block;
	width: 190px;
	font-size: 1.0em;
	line-height: 13px;
	color: #474747;
	cursor: pointer;
	}
	
/* Search Results Listings */
.searchResult {
	padding: 10px 14px;
	float: left;
	height: 128px;
	margin: 0 0 8px 0;
	width: 268px;
	}
	
.searchResult span.imageContainer {
	float: left;
	width: 66px;
	height: 61px;
	padding: 4px 0 0 4px;
	cursor: pointer;
	margin: 27px 5px 40px 1px;
	}
	
.searchResult h3, .searchResult h4 {
	float: left;
	font-size: 1.2em;
	margin: 10px 0 5px 10px;
	width: 180px;
	display: inline-block;
	color: #272727;
	cursor: pointer;
	}
	
.searchResult h4 {
	font-size: 1.1em;
	color: #787878;
	font-weight: normal;
	margin: 0 0 15px 10px;
	}
	
.searchResult p {
	float: left;
	margin: 0 0 0 10px;
	display: inline-block;
	width: 180px;
	font-size: 1.1em;
	line-height: 13px;
	color: #474747;
	cursor: pointer;
	}
	
.searchResult p strong {
	text-decoration: underline;
	color: #434343;
	}
	
.searchResult em {
	float: left;
	margin: 15px 0 0 10px;
	display: inline-block;
	width: 180px;
	font-size: 1.1em;
	line-height: 13px;
	color: #e90059;
	cursor: pointer;
	text-decoration: underline;
	font-style: normal;
	}
	
.searchResultWhite {
	padding: 10px 14px;
	float: left;
	height: 128px;
	margin: 0 0 8px;
	width: 268px;
	}
	
.searchResultWhite span.imageContainer {
	float: left;
	width: 66px;
	height: 61px;
	padding: 4px 0 0 4px;
	cursor: pointer;
	margin: 27px 5px 40px -3px;
	}
	
.searchResultWhite h3, .searchResultWhite h4 {
	float: left;
	font-size: 1.2em;
	margin: 10px 0 5px 10px;
	width: 180px;
	display: inline-block;
	color: #272727;
	cursor: pointer;
	}
	
.searchResultWhite h4 {
	font-size: 1.1em;
	color: #787878;
	font-weight: normal;
	margin: 0 0 15px 10px;
	}
	
.searchResultWhite p {
	float: left;
	margin: 0 0 0 10px;
	display: inline-block;
	width: 180px;
	font-size: 1.1em;
	line-height: 13px;
	color: #474747;
	cursor: pointer;
	}
	
.searchResultWhite p strong {
	text-decoration: underline;
	color: #434343;
	}
	
.searchResultWhite em {
	float: left;
	margin: 15px 0 0 10px;
	display: inline-block;
	width: 180px;
	font-size: 1.1em;
	line-height: 13px;
	color: #e90059;
	cursor: pointer;
	text-decoration: underline;
	font-style: normal;
	}
	
/* Sub header layout */
a.whiteLink:link, a.whiteLink:visited {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	}

a.whiteLink:hover, a.whiteLink:focus, a.whiteLink:active {
	text-decoration: none;
	}
	
#subHeader ul {
	width: 650px;
	float: left;
	}
	
#subHeader p {
	float: left;
	width: 210px;
	text-align: right;
	color: #c0e7f8;
	line-height: 17px;
	margin-top: 11px; 
	font-size: 1.1em;
	}
	
#subHeader ul li {
	float: left;
	}
	
/* Content Panels / Containers */
#fullPanel {
	background: url(../images/panelFullBg.gif) repeat-y left top;
	width: 900px;
	text-align: left;
	margin: 0 0 35px 0;
	clear: both;
	}
	
#fullPanel .top {
	background: url(../images/panelFullTop.gif) no-repeat left top;
	width: 900px;
	height: 6px;
	}
	
#fullPanel .bottom {
	background: url(../images/panelFullBottom.gif) no-repeat left bottom;
	width: 900px;
	height: 7px;
	clear: both;
	padding: 0 0 0 0;
	}
	
#fullPanelWhite {
	background: url(../images/panelFullBgWhite.gif) repeat-y left top;
	width: 900px;
	text-align: left;
	margin: 0 0 35px 0;
	clear: both;
	}
	
.removeMargin {
	margin-top: -28px !important;
	}
	
#fullPanelWhite .top {
	background: url(../images/panelFullTopWhite.gif) no-repeat left top;
	width: 900px;
	height: 6px;
	}
	
#fullPanelWhite .bottom {
	background: url(../images/panelFullBottomWhite.gif) no-repeat left bottom;
	width: 900px;
	height: 7px;
	clear: both;
	padding: 0 0 0 0;
	}
	
#widePanel {
	background: url(../images/panelWideBg.gif) repeat-y left top;
	width: 569px;
	text-align: left;
	margin: 0 0 35px 0;
	}
	
#widePanel .top {
	background: url(../images/panelWideTop.gif) no-repeat left top;
	width: 569px;
	height: 6px;
	}
	
#widePanel .bottom {
	background: url(../images/panelWideBottom.gif) no-repeat left bottom;
	width: 569px;
	height: 7px;
	clear: both;
	padding: 0 0 0 0;
	}
	
#thinPanel {
	background: url(../images/panelThinBg.gif) repeat-y left top;
	width: 314px;
	text-align: left;
	margin: 0 0 35px 0;
	}
	
#thinPanel .top {
	background: url(../images/panelThinTop.gif) no-repeat left top;
	width: 314px;
	height: 6px;
	}
	
#thinPanel .bottom {
	background: url(../images/panelThinBottom.gif) no-repeat left bottom;
	width: 314px;
	height: 7px;
	clear: both;
	padding: 15px 0 0 0;
	}
	
#widePanelEdit {
	background: url(../images/panelWideEditBg.gif) repeat-y left top;
	width: 569px;
	text-align: left;
	margin: 0 0 35px 0;
	}
	
#widePanelEdit .top {
	background: url(../images/panelWideEditTop.gif) no-repeat left top;
	width: 569px;
	height: 5px;
	}
	
#widePanelEdit .bottom {
	background: url(../images/panelWideEditBottom.gif) no-repeat left bottom;
	width: 569px;
	height: 6px;
	clear: both;
	padding: 0 0 0 0;
	}
	
#thinPanelEdit {
	background: url(../images/panelThinEditBg.gif) repeat-y left top;
	width: 314px;
	text-align: left;
	margin: 0 0 35px 0;
	}
	
#thinPanelEdit .top {
	background: url(../images/panelThinEditTop.gif) no-repeat left top;
	width: 314px;
	height: 5px;
	}
	
#thinPanelEdit .bottom {
	background: url(../images/panelThinEditBottom.gif) no-repeat left bottom;
	width: 314px;
	height: 6px;
	clear: both;
	padding: 15px 0 0 0;
	}
	
.nothingListed, .topPadding {
	padding-top: 15px !important;
	}
	
#deactivate {
	width: 100%;
	text-align: center;
	padding: 40px 0 15px 0;
	}
		
/* ---------------------- 3. links and navigation ---------------------- */

a:link#deactivateLink, a:visited#deactivateLink {
	color: #1c9cd6;
	font-size: 1.1em;
	}

a:hover#deactivateLink, a:focus#deactivateLink, a:active#deactivateLink {
	text-decoration: none;
	}

a:link.regularLink, a:visited.regularLink {
	color: #1c9cd6;
	}

a:hover.regularLink, a:focus.regularLink, a:active.regularLink {
	text-decoration: none;
	}
	
a:link.addLink, a:visited.addLink {
	color: #1c9cd6;
	font-size: 1.1em;
	margin-left: 10px;
	}

a:hover.addLink, a:focus.addLink, a:active.addLink {
	text-decoration: none;
	}

/* main navigation */
#mainNav {
	margin: 33px 0 0;
	/* width: 531px; */
	height: 34px;
	float: right;
	/* position: relative; */
	line-height: 34px;
	}
	
#mainNav li {
	display: inline;
	}
	
#mainNav li a {
	display: block;
	float: left;
	color: #00a6f1;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
	}
	
#mainNav li a:hover {
	cursor: pointer;
	}
	
/* main nav - search jobs */
#mainNav li a.mainNavSearch, #mainNav li a.mainNavSearch:visited { width: 100px; background: url(../images/mainNav2.gif) 0 0 no-repeat; }
#mainNav li a.mainNavSearch:hover { background: url(../images/mainNav2.gif) 0 -34px no-repeat; }
#mainNav li a.mainNavSearch:active, #mainNav li.selected a.mainNavSearch { background: url(../images/mainNav2.gif) 0 -68px no-repeat !important; }
/* main nav - my resume */
#mainNav li a.mainNavResume, #mainNav li a.mainNavResume:visited { width: 96px; background: url(../images/mainNav2.gif) -100px 0 no-repeat; }
#mainNav li a.mainNavResume:hover { background: url(../images/mainNav2.gif) -100px -34px no-repeat; }
#mainNav li a.mainNavResume:active, #mainNav li.selected a.mainNavResume { background: url(../images/mainNav2.gif) -100px -68px no-repeat !important; }
/* main nav - contact list */
#mainNav li a.mainNavContacts, #mainNav li a.mainNavContacts:visited { width: 100px; background: url(../images/mainNav2.gif) -196px 0 no-repeat; }
#mainNav li a.mainNavContacts:hover { background: url(../images/mainNav2.gif) -196px -34px no-repeat; }
#mainNav li a.mainNavContacts:active, #mainNav li.selected a.mainNavContacts { background: url(../images/mainNav2.gif) -196px -68px no-repeat !important; }
/* main nav - inbox */
#mainNav li a.mainNavInbox, #mainNav li a.mainNavInbox:visited { width: 62px; background: url(../images/mainNav2.gif) -296px 0 no-repeat; }
#mainNav li a.mainNavInbox:hover { background: url(../images/mainNav2.gif) -296px -34px no-repeat; }
#mainNav li a.mainNavInbox:active, #mainNav li.selected a.mainNavInbox { background: url(../images/mainNav2.gif) -296px -68px no-repeat !important; }
/* main nav - account */
#mainNav li a.mainNavAccount, #mainNav li a.mainNavAccount:visited { width: 72px; background: url(../images/mainNav2.gif) -358px 0  no-repeat; }
#mainNav li a.mainNavAccount:hover { background: url(../images/mainNav2.gif) -358px -34px no-repeat; }
#mainNav li a.mainNavAccount:active, #mainNav li.selected a.mainNavAccount { background: url(../images/mainNav2.gif) -358px -68px no-repeat !important; }
/* main nav - credits */
#mainNav li a.mainNavCredits, #mainNav li a.mainNavCredits:visited { width: 100px; background: url(../images/mainNav2.gif) -196px 0 no-repeat; }
#mainNav li a.mainNavCredits:hover { background: url(../images/mainNav2.gif) -196px -34px no-repeat; }
#mainNav li a.mainNavCredits:active, #mainNav li.selected a.mainNavCredits { background: url(../images/mainNav2.gif) -196px -68px no-repeat !important; }
/* main nav - search resumes */
#mainNav li a.mainNavSearchResumes, #mainNav li a.mainNavSearchResumes:visited { width: 124px; background: url(../images/mainNav3.gif) 0 0 no-repeat; }
#mainNav li a.mainNavSearchResumes:hover { background: url(../images/mainNav3.gif) 0 -34px no-repeat; }
#mainNav li a.mainNavSearchResumes:active, #mainNav li.selected a.mainNavSearchResumes { background: url(../images/mainNav3.gif) 0 -68px no-repeat !important; }

/* main navigation logged out */
#mainNavLoggedOut {
	margin: 33px 0 0;
	/* width: 234px; */
	height: 34px;
	float: right;
	/* position: relative; */
	line-height: 34px;
	}
	
#mainNavLoggedOut li {
	display: inline;
	}
	
#mainNavLoggedOut li a {
	display: block;
	float: left;
	color: #00a6f1;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
	}
	
#mainNavLoggedOut li a:hover {
	cursor: pointer;
	}
	
/* main nav - search jobs */
#mainNavLoggedOut li a.mainNavSearch, #mainNavLoggedOut li a.mainNavSearch:visited { width: 100px; background: url(../images/mainNav2.gif) 0 0 no-repeat; }
#mainNavLoggedOut li a.mainNavSearch:hover { background: url(../images/mainNav2.gif) 0 -34px no-repeat; }
#mainNavLoggedOut li a.mainNavSearch:active, #mainNavLoggedOut li.selected a.mainNavSearch { background: url(../images/mainNav2.gif) 0 -68px no-repeat !important; }
/* main nav - login */
#mainNavLoggedOut li a.mainNavLogin, #mainNavLoggedOut li a.mainNavLogin:visited { width: 62px; background: url(../images/mainNav2.gif) -296px 0 no-repeat; }
#mainNavLoggedOut li a.mainNavLogin:hover { background: url(../images/mainNav2.gif) -296px -34px no-repeat; }
#mainNavLoggedOut li a.mainNavLogin:active, #mainNavLoggedOut li.selected a.mainNavLogin { background: url(../images/mainNav2.gif) -296px -68px no-repeat !important; }
/* main nav - register */
#mainNavLoggedOut li a.mainNavRegister, #mainNavLoggedOut li a.mainNavRegister:visited { width: 72px; background: url(../images/mainNav2.gif) -358px 0  no-repeat; font-weight: bold; }
#mainNavLoggedOut li a.mainNavRegister:hover { background: url(../images/mainNav2.gif) -358px -34px no-repeat; font-weight: bold; }
#mainNavLoggedOut li a.mainNavRegister:active, #mainNavLoggedOut li.selected a.mainNavRegister { background: url(../images/mainNav2.gif) -358px -68px no-repeat !important; font-weight: bold; }

/* Listings on Homepage Links */
a.listing:hover p, a.listing:focus p, a.listing:active p, a.listing:hover h3, a.listing:focus h3, a.listing:active h3 {
	text-decoration: none;
	color: #e90059;
	}
	
a.listing:link, a.listing:visited {
	background: transparent url(../images/viewLinkGrey.gif) no-repeat top left;
	text-decoration: none;
	}
	
a.listing:hover {
	color: #e90059;
	background: transparent url(../images/viewLinkGrey.gif) no-repeat bottom left;
	width: 272px;
	}
	
.whiteCol a.listing:link, .whiteCol a.listing:visited {
	background: transparent url(../images/viewLinkWhite.gif) no-repeat top left;
	text-decoration: none;
	}
	
.whiteCol a.listing:hover {
	color: #e90059;
	background: transparent url(../images/viewLinkWhite.gif) no-repeat bottom left;
	width: 272px;
	}
	
/* Search Results List */
a.searchResult:hover em, a.searchResult:focus em, a.searchResult:active em, a.searchResult:hover h3, a.searchResult:focus h3, a.searchResult:active h3 {
	text-decoration: none;
	color: #e90059;
	}
	
a.searchResult:link, a.searchResult:visited {
	background: transparent url(../images/searchBgGrey.gif) no-repeat top left;
	text-decoration: none;
	}
	
a.searchResult:hover {
	color: #e90059;
	background: transparent url(../images/searchBgGrey.gif) no-repeat bottom left;
	}
	
a.searchResultWhite:hover em, a.searchResultWhite:focus em, a.searchResultWhite:active em, a.searchResultWhite:hover h3, a.searchResultWhite:focus h3, a.searchResultWhite:active h3 {
	text-decoration: none;
	color: #e90059;
	}
	
a.searchResultWhite:link, a.searchResultWhite:visited {
	background: transparent url(../images/searchBgWhite.gif) no-repeat top left;
	text-decoration: none;
	}
	
a.searchResultWhite:hover {
	color: #e90059;
	background: transparent url(../images/searchBgWhite.gif) no-repeat bottom left;
	}
	
/* Paging */
.pagingTop {
	margin-top: 21px;
	}
	
.pagingBottom {
	margin-top: 8px;
	}
	
#paging {
	float: right;
	line-height: 15px;
	}
	
#paging li a {
	width: 20px;
	height: 21px;
	display: block;
	padding: 5px 0 0 0;
	text-align: center;
	}
	
#paging li {
	float: left;
	}
	
#paging li a:link, #paging li a:visited {
	font-size: 1.1em;
	color: #3a3a3a;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/pagesNumbers.gif) 0 0 no-repeat;
	}
	
#paging li a:hover, #paging li a:focus, #paging li a:active {
	text-decoration: none;
	background: url(../images/pagesNumbers.gif) 0 -26px no-repeat;
	color: #000000;
	}
	
#paging li.currentPage {
	font-size: 1.1em;
	color: #898e92;
	text-decoration: none;
	font-weight: bold;
	width: 20px;
	height: 21px;
	display: block;
	background: url(../images/pagesNumbers.gif) 0 0 no-repeat;
	padding: 5px 0 0 0;
	text-align: center;
	}
	
#paging li.previousOff {
	font-size: 1.1em;
	color: #898e92;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 0 0 0;
	width: 44px;
	height: 21px;
	background: url(../images/pagesPrevious.gif) 0 0 no-repeat;
	margin-right: 2px;
	text-align: center;
	}
	
#paging li.previous a:link, #paging li.previous a:visited {
	font-size: 1.1em;
	color: #35393c;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 0 0 0;
	width: 44px;
	height: 21px;
	background: url(../images/pagesPrevious.gif) 0 0 no-repeat;
	margin-right: 2px;
	text-align: center;
	}
	
#paging li.previous a:hover, #paging li.previous a:focus, #paging li.previous a:active {
	background: url(../images/pagesPrevious.gif) 0 -26px no-repeat;
	text-decoration: none;
	color: #000000;
	}
	
#paging li.nextOff {
	font-size: 1.1em;
	color: #898e92;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 0 0 0;
	background: url(../images/pagesPrevious.gif) 0 0 no-repeat;
	width: 44px;
	height: 21px;
	margin-left: 2px;
	text-align: center;
	}
	
#paging li.next a:link, #paging li.next a:visited {
	font-size: 1.1em;
	color: #35393c;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 0 0 0;
	background: url(../images/pagesPrevious.gif) 0 0 no-repeat;
	width: 44px;
	height: 21px;
	margin-left: 2px;
	text-align: center;
	}
	
#paging li.next a:hover, #paging li.next a:focus, #paging li.next a:active {
	background: url(../images/pagesPrevious.gif) 0 -26px no-repeat;
	text-decoration: none;
	color: #000000;
	}
	
/* Jump To */	
#jumpTo {
	float: right;
	line-height: 15px;
	}
	
#jumpTo li a {
	height: 21px;
	display: block;
	padding: 5px 10px 0 7px;
	text-align: center;
	margin-left: 2px;
	}
	
#jumpTo li {
	float: left;
	margin-left: 1px;
	}
	
#jumpTo li a:link, #jumpTo li a:visited {
	font-size: 1.1em;
	color: #3a3a3a;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/jumpToRight.gif) no-repeat 100% 0;
	}
	
#jumpTo li a:hover, #jumpTo li a:focus, #jumpTo li a:active {
	text-decoration: none;
	background: url(../images/jumpToRight.gif) no-repeat 100% -26px;
	color: #000000;
	}
	
#jumpTo li.text {
	font-size: 1.1em;
	color: #272727;
	line-height: 26px;
	margin-right: 7px;
	}
	
#jumpTo li span {
	font-size: 1.1em;
	color: #898e92;
	text-decoration: none;
	font-weight: bold;
	height: 21px;
	display: block;
	background: url(../images/jumpToRight.gif) no-repeat 100% 0;
	padding: 5px 10px 0 7px;
	text-align: center;
	margin-left: 2px;
	}
	
#jumpTo li em {
	font-style: normal;
	background: url(../images/jumpToLeft.gif) no-repeat 0 0;
	display: block;
	}
	
/*SubHeader links */
#subHeaderGreen p, #subHeaderOrange p, #subHeaderYellow p {
	font-size: 1.1em;
	text-align: center;
	color: #ffffff;
	font-weight: bold;	
	}

#subHeaderLinks {
	float: right;
	line-height: normal;
	margin-top: 22px;
	}
	
#subHeader li.spaceRight {
	margin-right: 10px;
	}
	
#subHeaderLinks li {
	display: inline;
	margin-left: 35px;
	}
	
#subHeaderLinks li a:link, #subHeaderLinks li a:visited {
	font-size: 1.1em;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	}
	
#subHeaderLinks li a:hover, #subHeaderLinks li a:focus, #subHeaderLinks li a:active {
	text-decoration: none;
	}
	
#subHeaderLinks a.sendGreen {
	background: url(../images/linksSendMessageGreen.gif) no-repeat 0 1px;
	padding-left: 23px;
	}
	
#subHeaderLinks a.addGreen {
	background: url(../images/linksAddGreen.gif) no-repeat 0 1px;
	padding-left: 23px;
	}
	
#subHeaderLinks a.sendYellow {
	background: url(../images/linksSendMessageYellow.gif) no-repeat 0 1px;
	padding-left: 23px;
	}
	
#subHeaderLinks a.addYellow {
	background: url(../images/linksAddYellow.gif) no-repeat 0 1px;
	padding-left: 23px;
	}
	
#subHeaderLinks a.sendOrange {
	background: url(../images/linksSendMessageOrange.gif) no-repeat 0 1px;
	padding-left: 23px;
	}
	
#subHeaderLinks a.favoritesOrange {
	background: url(../images/linksFavoriteOrange.gif) no-repeat 0 1px;
	padding-left: 23px;
	}

/* Footer */
#footer ul {
	float: right;
	}
	
#footer li {
	display: inline;
	font-size: 1.1em;
	margin: 0 0 0 10px;
	}

#footer a:link, #footer a:visited {
	color: #434343;
	text-decoration: underline;
	}

#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration: none;
	}
	
#login a:link, #login a:visited {
	font-size: 1.1em;
	color: #e90059;
	text-decoration: underline;
	margin-left: 25px;
	float: right;
	background: url(../images/logout.gif) no-repeat 1px 0;
	padding-left: 17px;
	height: 12px;
	}

#login a:hover, #login a:focus, #login a:active {
	text-decoration: none;
	}
	
a.registerLinkCompany {
	width: 279px;
	height: 220px;
	background: url(../images/regButtonCompany.gif) no-repeat left center;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	}
	
a.accountSeeker {
	width: 272px;
	height: 256px;
	background: url(../images/accountButton-seeker.gif) no-repeat left center;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	}
	
a.accountCompany {
	width: 272px;
	height: 256px;
	background: url(../images/accountButton-company.gif) no-repeat left center;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	}
	
a.registerLinkResume {
	width: 279px;
	height: 220px;
	background: url(../images/regButtonResume.gif) no-repeat left center;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	}
	
a.registerLinkRegister {
	width: 274px;
	height: 224px;
	background: url(../images/buttonRegisterNow.gif) no-repeat left top;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	}
	
a.regOff {
	background-position: left top;
	}
	
a.regOn, a.registerLinkCompany:hover, a.registerLinkResume:hover, a.registerLinkRegister:hover, a.accountSeeker:hover, a.accountCompany:hover {
	background-position: left bottom;
	}
	
	
		
/* ---------------------- 4. fonts ---------------------- */

#columnOne h2, #columnTwo h2, #columnThree h2 {
	font-size: 1.5em;
	padding: 10px;
	display: none;
	}
	
#login p {
	font-size: 1.1em;
	color: #505d63;
	float: right;
	}
	
#login p strong {
	color: #2b3033;
	}
	
#pageHeader h1 {
	float: left;
	margin: 25px 0 0;
	font-size: 1.9em;
	font-weight: normal;
	color: #434a4e;
	}
	
#pageFooter h4 {
	font-size: 1.1em;
	color: #474747;
	float: left;
	font-weight: normal;
	}
	
#pageFooter h4 strong {
	color: #272727;
	}
	
#fullPanelWhite h2 {
	color: #222425;
	font-size: 1.5em;
	padding: 0 0 0 20px;
	margin: 20px 0 10px 0;
	}
	
#fullPanelWhite p {
	color: #222425;
	font-size: 1.2em;
	padding: 0 20px 15px;
	margin: 0 0 10px 0;
	line-height: 23px;
	}
	
#subHeader h2.white {
	font-size: 1.3em;
	font-weight: normal;
	padding-top: 1px;
	margin-right: 10px;
	color: #ffffff;
	}
	
#subHeader h2 {
	font-size: 1.3em;
	font-weight: normal;
	padding-top: 1px;
	margin-right: 10px;
	}
	
#subHeader h2.in {
	margin-left: 10px;
	}
	
form#searchInbox {
	float: left;
	margin: 3px 0 15px 0;
	text-align: right;
	width: 283px;
	height: 19px;
	}
	
#subNav {
	font-size: 1.9em;
	font-weight: normal;
	padding-left: 17px;
	color: #434a4e;
	margin: 5px 0 13px 0;
	width: 600px;
	padding-bottom: 2px;
	float: left;
	}
	
#subNav li {
	display: inline;
	margin-right: 25px;
	}
	
#subNav li a {
	color: #b4b7b8;
	text-decoration: none;
	}
	
#subNav li a:hover, #subNav li a:focus, #subNav li a:active {
	color: #434a4e;
	}
	
.ui-tabs-nav .ui-tabs-selected a {
	color: #434a4e !important;
	}
	
.ui-tabs-hide { display: none; }

#doNotDisplay {
	display: none;
	}
	
#contentColOne h2, #contentColTwo h2, h2.noColumnheader {
	font-size: 1.9em;
	font-weight: normal;
	padding: 0 0 0 17px;
	color: #434a4e;
	margin: 5px 0 15px 0;
	float: left;
	width: 400px;
	}
	
#contentColOne h2, #contentColTwo h2, h2.noColumnheader {
	font-size: 1.9em;
	font-weight: normal;
	padding: 0 0 0 17px;
	color: #434a4e;
	margin: 5px 0 15px 0;
	}
	
#contentColOne h2.edit {
	font-size: 1.9em;
	font-weight: normal;
	padding: 0 0 0 17px;
	color: #434a4e;
	margin: 5px 0 15px 0;
	float: left;
	width: 300px;
	}
	
#contentColTwo h2.edit {
	font-size: 1.9em;
	font-weight: normal;
	padding: 0 0 0 17px;
	color: #434a4e;
	margin: 5px 0 15px 0;
	float: left;
	width: 145px;
	}
	
.pushDown {
	margin: 7px 9px 0 0;
	}
	
#contentColTwo a.blueEdit {
	margin: 6px 8px 14px 0;
	}
	
#contentColOne a.blueEdit {
	margin: 6px 25px 14px 0;
	}
	
a.blueEdit:link, a.blueEdit:visited {
	font-size: 1.2em;
	font-weight: normal;
	padding: 3px 25px 0 0;
	color: #1c9cd6;
	float: right;
	height: 16px;
	text-decoration: underline;
	background: url(../images/editBlue.gif) no-repeat 100% 0;
	}

a.blueEdit:hover {
	text-decoration: none;
	background: url(../images/editBlue.gif) no-repeat 100% 50%;
	}
	
a.blueEdit:focus, a.blueEdit:active {
	text-decoration: none;
	background: url(../images/editBlue.gif) no-repeat 100% 100%;
	}
	
.noSearchResults {
	color: #222425;
	font-size: 1.8em;
	padding: 60px 0;
	text-align: center;
	}
	
/*Panel Text Formatting */
#widePanel h3 {
	color: #222425;
	font-size: 1.5em;
	padding: 0 0 0 20px;
	margin: 10px 0 10px 0;
	float: left;
	width: 350px;
	line-height: 15px;
	}
	
#widePanel em {
	float: left;
	width: 179px;
	text-align: right;
	padding-right: 20px;
	font-style: normal;
	font-size: 1.3em;
	color: #585959;
	margin: 10px 0 8px 0;
	line-height: 15px;
	}
	
#widePanel strong {
	float: left;
	padding: 0 0 10px 20px;
	color: #222425;
	font-size: 1.2em;
	font-weight: normal;
	width: 350px;
	line-height: 15px;
	}
	
#widePanel span {
	float: left;
	text-align: right;
	color: #b8b9ba;
	font-size: 1.2em;
	width: 179px;
	padding: 0 20px 15px 0;
	line-height: 10px;
	}
	
#widePanel span.savings {
	float: none !important;
	text-align: left !important;
	color: #b8b9ba;
	font-size: 1.0em !important;
	width: auto !important;
	padding: 0 0 0 5px !important;
	line-height: inherit !important;
	}
	
#widePanel p.first {
	color: #222425;
	font-size: 1.2em;
	padding: 10px 20px 15px;
	clear: both;
	line-height: 20px;
	background: url(../images/dottedLine.gif) no-repeat center top;
	}
	
#widePanel p.firstNoLine {
	color: #222425;
	font-size: 1.2em;
	padding: 10px 20px 15px;
	clear: both;
	line-height: 20px;
	}
	
#widePanel p {
	color: #222425;
	font-size: 1.2em;
	padding: 0 20px 15px;
	line-height: 20px;
	background: none;
	}
	
#widePanel p.cost {
	color: #222425;
	font-size: 1.2em;
	padding: 10px 0 0 0 !important;
	line-height: inherit !important;
	background: none;
	}
	
#arrowList {
	margin: 0 40px 20px;
	color: #222425;
	font-size: 1.2em;
	}
	
#arrowList li {
	padding: 5px 0;
	list-style-image: url(../images/bulletRightArrow.gif);
	}
	
hr {
	background-color: #e5e5e5;
	color: #e5e5e5;
	height: 1px;
	border: 0;
	width: 566px;
	text-align: left;
	margin: 0 0 5px 1px;
	clear: both;
	}
	
hr.full {
	background-color: #cccccc;
	color: #cccccc;
	height: 1px;
	border: 0;
	width: 897px;
	text-align: left;
	margin: 20px 0 5px 1px;
	clear: both;
	}
	
hr.editSep {
	background-color: #cccccc;
	color: #cccccc;
	}
	
#thinPanel h3.creditsLabel {
	color: #222425;
	font-size: 1.3em;
	padding: 0 10px 0 0 !important;
	margin: 30px 0 0 0 !important;
	float: left;
	width: 60%;
	text-align: right;
	}
	
#thinPanel h3.creditsLabelSecond {
	color: #222425;
	font-size: 1.3em;
	padding: 0 10px 0 0 !important;
	margin: -5px 0 0 0 !important;
	float: left;
	width: 60%;
	text-align: right;
	}
	
#thinPanel p.creditsText {
	color: #3A3A3A;
	font-size: 1.2em;
	float: left;
	text-align: left;
	margin: 31px 0 0 0;
	padding-left: 0 !important;
	}
	
#thinPanel p.creditsTextSecond {
	color: #3A3A3A;
	font-size: 1.2em;
	float: left;
	text-align: left;
	margin: -4px 0 8px 0;
	padding-left: 0 !important;
	}

#thinPanel h3, #thinPanelEdit h3 {
	color: #222425;
	font-size: 1.5em;
	padding: 0 20px;
	margin: 10px 0;
	}
	
#thinPanel p, #thinPanelEdit p {
	color: #909192;
	font-size: 1.1em;
	padding: 0 20px 15px;
	}
	
p.element {
	width: 180px;
	}
	
#thinPanel p.label, #thinPanel p.element, #thinPanelEdit p.label, #thinPanelEdit p.element {
	float: left;
	padding-bottom: 8px;
	}
	
#thinPanel p.label, #thinPanelEdit p.label {
	width: 65px;
	text-align: right;
	}
	
#thinPanel p.element, #thinPanelEdit p.element {
	padding-left: 0;
	}
	
#thinPanel a:link, #thinPanel a:visited, #thinPanelEdit a:link, #thinPanelEdit a:visited, #widePanel a:link, #widePanel a:visited {
	color: #1c9cd6;
	text-decoration: underline;
	}

#thinPanel a:hover, #thinPanel a:focus, #thinPanel a:active, #thinPanelEdit a:hover, #thinPanelEdit a:focus, #thinPanelEdit a:active, #widePanel a:hover, #widePanel a:focus, #widePanel a:active {
	text-decoration: none;
	}
	
#widePanel h3 a:link, #widePanel h3 a:visited {
	/* color: #222425;
	text-decoration: none; */
	color: #1c9cd6;
	text-decoration: underline;
	}

#widePanel h3 a:hover, #widePanel h3 a:focus, #widePanel h3 a:active {
	/* text-decoration: underline;
	color: #1c9cd6; */
	text-decoration: none;
	}
	
p.moreInfoLink {
	clear: both;
	text-align: center;
	padding: 20px 0 0 !important;
	}

#jobInfo {
	margin: 15px 20px;
	}
	
#jobInfo li strong {
	color: #222425;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
	line-height: normal !important;
	font-size: 1.1em !important;
	}
	
#jobInfo li {
	float: left;
	width: 49%;
	list-style: none;
	margin: 0;
	padding: 7px 0;
	color: #222425;
	line-height: 1.6em;
	font-size: 1.2em !important;
	}
	
#buttonHolder {
	text-align: center;
	margin: 10px 0;
	}
	
#buttonHolderCredits {
	text-align: center;
	margin: 10px 0;
	float: left;
	position: relative;
	left: 50%;
	}
	
#buyBucket {
	float: left;
	margin: 20px 10px 20px 0;
	position: relative;
	left: -50%;
	}
	
#buttonHolderLine {
	text-align: center;
	margin: 0 0 10px 0;
	/* border-top: #cccccc 1px solid; */
	padding: 0 0 0 0;
	margin-top: 20px;
	}
	
#registerButtonHolder {
	text-align: center;
	margin: 30px 0 30px 180px;
	float: left;
	}
	
#registerButtonHolderCenter {
	text-align: center;
	margin: 5px 0 30px 320px;
	}
	
#paging .pagingWrapper {
	float: left;
	position: relative;
	left: 50%;
	}
	
#paging ul {
	position: relative;
	left: -50%;
	}
	
#footer p {
	color: #939393;
	font-size: 1.1em;
	float: left;
	}
	
ul.questions li {
	color: #222425;
	font-size: 1.5em;
	padding: 0 0 0 20px;
	margin: 15px 0;
	line-height: 15px;
	font-weight: bold;
	}
	
h3.questionHeaders {
	color: #222425;
	font-size: 1.5em;
	padding: 0 0 0 20px;
	margin: 15px 0;
	line-height: 15px;
	}
	
h3.questionHeadersFloat {
	color: #222425;
	font-size: 1.5em;
	padding: 0 0 0 20px;
	margin: 15px 0 0 0;
	line-height: 18px;
	float: left;
	width: 70%;
	}
	
.delete {
	cursor: pointer;
	font-size: 1.2em;
	color: #e90059;
	text-decoration: underline;
	background: url(../images/deleteIcon.gif) no-repeat left 2px;
	margin: 15px 40px 0 130px;
	padding-left: 15px;
	/* float: right; */
	position: absolute;
	top: auto;
	right: auto;
	}
	
.deleteFloat {
	cursor: pointer;
	font-size: 1.2em;
	color: #e90059;
	text-decoration: underline;
	background: url(../images/deleteIcon.gif) no-repeat left 2px;
	margin: 0 40px 0 130px;
	padding-left: 15px;
	float: right; 
	}
	
.deleteFloat2 {
	cursor: pointer;
	font-size: 1.2em;
	color: #e90059;
	text-decoration: underline;
	background: url(../images/deleteIcon.gif) no-repeat left 2px;
	margin: 15px 40px 0 130px;
	float: right; 
	padding-left: 15px;
	}
	
.delete:hover, .deleteFloat:hover, .deleteFloat2:hover {
	text-decoration: none;
	}

/* ---------------------- 5. images ---------------------- */
	
a.logo, a.logo:visited, a.logo:hover {
	width: 264px;
	height: 71px;
	background: #ffffff url(../images/logo.gif) left top no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	}
	
a.viewMoreResumes span, a.viewMoreEmployers span, a.viewMoreJobs span {
	display: none;
	}
	
a.viewMoreResumes, a.viewMoreResumes:visited {
	width: 300px;
	height: 97px;
	background: url(../images/viewMoreResumes.gif) left top no-repeat;
	display: block;
	float: left;
	}
	
a.viewMoreResumes:hover, a.viewMoreResumes:focus, a.viewMoreResumes:active {
	background: url(../images/viewMoreResumes.gif) left bottom no-repeat;
	}
	
a.viewMoreEmployers, a.viewMoreEmployers:visited {
	width: 300px;
	height: 97px;
	background: url(../images/viewMoreEmployers.gif) left top no-repeat;
	display: block;
	float: left;
	}
	
a.viewMoreEmployers:hover, a.viewMoreEmployers:focus, a.viewMoreEmployers:active {
	background: url(../images/viewMoreEmployers.gif) left bottom no-repeat;
	}
	
a.viewMoreJobs, a.viewMoreJobs:visited {
	width: 300px;
	height: 97px;
	background: url(../images/viewMoreJobs.gif) left top no-repeat;
	display: block;
	float: left;
	}
	
a.viewMoreJobs:hover, a.viewMoreJobs:focus, a.viewMoreJobs:active {
	background: url(../images/viewMoreJobs.gif) left bottom no-repeat;
	}
	
.myPic {
	margin: 20px 0 20px 72px;
	border: 5px solid #f3f3f3;
	}
	
.loginIcon {
	margin: 0 0 -7px 150px;
	}
	
/* ---------------------- 6. tables ---------------------- */
table.noLines, table.noLines td, .noLines tbody tr:hover td, .noLines tbody tr.over td  {
	border: none;
	background: none;
	}

table {
	margin: 8px 0 8px 1px;
	border-top: 1px solid #e5e5e5;
	}
	
.row table {
	margin: 2px 0 6px 0 !important;
	float: left;
	}
	
table.withSort {
	margin: -3px 0 8px 1px;
	border: none;
	}
	
td {	
	color: #222425;
	font-size: 1.2em;
	padding: 6px 20px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
	line-height: 18px;
	}

td em {
	color: #7f7f7f;
	font-style: normal;
	}
	
thead td {
	color: #767879;
	font-size: 1.1em;
	}
	
.tableName {
	font-weight: bold;
	font-size: 1.4em;
	}
	
.tableDate {
	color: #A2A2A2 !important;
	/* width: 18%; */
	}
	
.tableEmployment {
	color: #A2A2A2 !important;
	}
	
.tableEmployment strong {
	font-weight: normal;
	color: #222425 !important;
	}
	
.tablePic {
	width: 50px;
	}
	
.tableSubject {
	/* width: 30%; */	
	}
	
.tableIconsApplicants {
	font-size: 1.0em !important;
	width: 40%;
	text-align: right;
	padding: 0 !important;
	}
	
.tableIcons {
	font-size: 1.0em !important;
	width: 25%;
	text-align: right;
	padding: 0 !important;
	}
	
.tableIconsOne {
	font-size: 1.0em !important;
	width: 12%;
	text-align: right;
	padding: 0 !important;
	}
	
table a:link, table a:visited {
	color: #1c9cd6;
	text-decoration: underline;
	}

table a:hover, table a:focus, table a:active {
	text-decoration: none;
	}
	
/* Stripes in Table work via JS file */
tbody tr:hover td, tbody tr.over td {
	background: #F4F4F4;
	} 
	
a.sort:link, a.sort:visited {
	color: #767879;
	text-decoration: none;
	}

a.sort:hover, a.sort:focus, a.sort:active {
	color: #393c3d;
	}
	
.sortDown {
	background: url(../images/sortDown.gif) no-repeat left 4px;
	padding-left: 12px;
	}
	
.sortUp {
	background: url(../images/sortUp.gif) no-repeat left 3px;
	padding-left: 12px;
	}
	
.sortDown, .sortUp {
	margin-left: -15px;
	}
	
.emptyMsg {
	height: 50px !important;
	text-align: center !important;
	}

/* ---------------------- 7. forms ---------------------- */

#saveInfoBtn, #addBtn, #add {
	display: inline;
	}

#flashBanner form, #flashBanner p {
	display: none;
	}
	
#searchSite span.searchText {
	background: url(../images/inputSearch.gif) left top no-repeat;
	width: 170px;
	height: 30px;
	display: block;
	cursor: text;
	margin: 13px 0 0;
	}
	
#searchSite span.searchText input {
	width: 152px;
	background: transparent;
	border: 0;
	font-size: 1.4em;
	color: #272727;
	margin: 6px 10px 0 8px;
	}
	
#searchInbox span.searchInboxInput {
	background: url(../images/inputSearchInbox.gif) left top no-repeat;
	width: 186px;
	height: 22px;
	display: block;
	cursor: text;
	padding: 0 3px 0 0;
	float: right;
	}
	
#searchInbox span.searchInboxInput input {
	width: 150px;
	background: transparent;
	border: 0;
	font-size: 1.1em;
	color: #9e9e9e;
	margin: 3px 10px 0 0;
	}
	
a.remove:link, a.remove:visited {
	font-size: 1.2em;
	color: #e90059;
	text-decoration: underline;
	background: url(../images/deleteIcon.gif) no-repeat left 3px;
	margin: 0 0 0 130px;
	padding-left: 15px;
	}

a.remove:hover, a.remove:focus, a.remove:active {
	text-decoration: none;
	}
	
#twoColFormOne, #twoColFormTwo {
	float: left;
	width: 375px;
	}
	
#twoColFormOne {
	margin-left: 70px;
	}
	
#editForm {
	margin: 20px 0;
	}
	
.rowTwoColEmpty {
	height: 28px;
	}
	
.row, .rowFull, .rowTwoCol, .rowApp {
	margin: 5px 0;
	clear: both;
	}
	
#appQuestions {
	margin-top: 30px;
	}
	
.rowApp label {
	font-size: 1.2em;
	font-weight: normal;
	float: left;
	margin: 6px 10px 0 22px;
	text-align: left;
	width: 120px;
	}
	
.row label {
	font-size: 1.2em;
	font-weight: normal;
	width: 120px;
	float: left;
	margin: 6px 10px 0 10px;
	text-align: right;
	}
	
.row td.text {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 10px 0 20px;
	}
	
.row td {
	padding: 0 5px 0 0;
	}
	
.row .textField {
	width: 200px;
	font-size: 1.1em;
	color: #676869;
	font-family: arial;
	padding: 3px 2px;
	}
	
.row select {
	font-size: 11px;
	color: #676869;
	font-family: arial;
	}
	
.textFieldLong {
	width: 702px;
	font-size: 1.1em;
	color: #676869;
	font-family: arial;
	padding: 3px 2px;
	}
	
.textFieldQuestion {
	width: 700px;
	font-size: 1.1em !important;
	color: #676869;
	font-family: arial;
	padding: 3px 2px !important;
	margin: 0 0 0 30px;
	}
	
.selectLong {
	width: 706px;
	}
	
#pageHeader input.editTitles {
	float: left;
	margin: 21px 0 0;
	font-size: 1.9em;
	font-weight: normal;
	color: #434a4e;
	width: 400px;
	}
	
.row .textareaField {
	width: 370px;
	height: 80px;
	font-size: 1.1em;
	color: #676869;
	font-family: arial;
	padding: 3px 2px;
	}
	
.textareaFieldLong {
	width: 850px;
	height: 30px;
	font-size: 1.1em;
	color: #676869;
	font-family: arial;
	padding: 3px 2px;
	margin-left: 20px;
	}
	
.rowFull label, .rowTwoCol label {
	font-size: 1.2em;
	font-weight: normal;
	width: 120px;
	float: left;
	margin: 6px 10px 0 10px;
	text-align: right;
	}
	
.rowFull label.read {
	font-size: 1.1em;
	font-weight: normal;
	width: 120px;
	float: left;
	margin: 6px 10px 0 10px;
	text-align: right;
	color: #676869;
	line-height: 20px;
	}
	
.rowFull p {
	font-size: 1.2em;
	font-weight: normal;
	width: 690px;
	float: left;
	text-align: left;
	margin: 6px 10px 0 10px;
	padding: 6px 40px 0 5px !important;
	line-height: 20px;
	}
	
p.msgThread {
	font-size: 1.2em;
	font-weight: normal;
	width: 680px;
	text-align: left;
	color: #818181 !important;
	margin: 5px 10px 20px 146px !important;
	padding: 5px 40px 5px 10px !important;
	line-height: 20px;
	border-left: 3px solid #00a6f1;
	}
	
p.msgDate {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	color: #818181 !important;
	margin: 25px 10px 0 135px !important;
	padding: 5px 0 0 13px !important;
	line-height: 20px;
	}
	
.rowFull p.icon {
	font-size: 1.2em;
	font-weight: normal;
	width: 500px;
	float: left;
	text-align: left;
	margin: 6px 10px 0 10px;
	padding-right: 40px;
	line-height: 20px;
	}
	
.inboxIcons {
	width: 190px;
	float: left;
	text-align: right;
	line-height: 20px;
	margin: 1px 0 5px 0;
	}
	
/* Icons */	
a.inboxIconReply:link, a.inboxIconReply:visited {
	font-size: 1.2em;
	color: #1c9cd6;
	text-decoration: underline;
	background: url(../images/iconReply.gif) no-repeat left top;
	margin: 0 20px 0 0;
	padding-left: 20px;
	}

a.inboxIconReply:hover, a.inboxIconReply:focus, a.inboxIconReply:active {
	text-decoration: none;
	}
	
a.inboxIconDelete:link, a.inboxIconDelete:visited {
	font-size: 1.2em;
	color: #1c9cd6;
	text-decoration: underline;
	background: url(../images/iconDelete.gif) no-repeat left 3px;
	margin: 0 20px 0 0;
	padding-left: 15px;
	}

a.inboxIconDelete:hover, a.inboxIconDelete:focus, a.inboxIconDelete:active {
	text-decoration: none;
	}
	
a.iconRemove:link, a.iconRemove:visited {
	font-size: 1.2em;
	color: #1c9cd6;
	text-decoration: underline;
	background: url(../images/iconRemove.gif) no-repeat left 2px;
	margin: 0 20px 0 0;
	padding-left: 20px;
	}

a.iconRemove:hover, a.iconRemove:focus, a.iconRemove:active {
	text-decoration: none;
	}
	
a.iconEmail:link, a.iconEmail:visited {
	font-size: 1.2em;
	color: #1c9cd6;
	text-decoration: underline;
	background: url(../images/iconEmail.gif) no-repeat left 3px;
	margin: 0 20px 0 0;
	padding-left: 20px;
	}

a.iconEmail:hover, a.iconEmail:focus, a.iconEmail:active {
	text-decoration: none;
	}
	
a.applicantIconUser:link, a.applicantIconUser:visited {
	font-size: 1.2em;
	color: #1c9cd6;
	text-decoration: underline;
	background: url(../images/iconUser.gif) no-repeat left 2px;
	margin: 0 20px 0 0;
	padding-left: 18px;
	}

a.applicantIconUser:hover, a.applicantIconUser:focus, a.applicantIconUser:active {
	text-decoration: none;
	}
	
a.applicantIconSend:link, a.applicantIconSend:visited {
	font-size: 1.2em;
	color: #1c9cd6;
	text-decoration: underline;
	background: url(../images/iconEmail.gif) no-repeat left 3px;
	margin: 0 20px 0 0;
	padding-left: 23px;
	}

a.applicantIconSend:hover, a.applicantIconSend:focus, a.applicantIconSend:active {
	text-decoration: none;
	}
	
a.applicantIconRemove:link, a.applicantIconRemove:visited {
	font-size: 1.2em;
	color: #e90059;
	text-decoration: underline;
	background: url(../images/deleteIcon.gif) no-repeat left 3px;
	margin: 0 20px 0 0;
	padding-left: 16px;
	}

a.applicantIconRemove:hover, a.applicantIconRemove:focus, a.applicantIconRemove:active {
	text-decoration: none;
	}
	
.rowFull .textField {
	width: 300px;
	font-size: 1.1em;
	color: #676869;
	font-family: arial;
	padding: 3px 2px;
	}
	
.rowTwoCol .textField {
	width: 200px;
	font-size: 1.1em;
	color: #676869;
	font-family: arial;
	padding: 3px 2px;
	}
	
.rowTwoCol p.forgotPass {
	margin: 30px 0 50px 142px;
	}
	
.rowTwoCol select {
	width: 208px;
	}
	
.rowFull .textareaField {
	width: 600px;
	height: 100px;
	font-size: 1.1em;
	color: #676869;
	font-family: arial;
	padding: 3px 2px;
	}
	
p.save {
	font-size: 1.1em;
	color: #A8A8A8;
	font-family: arial;
	font-style: italic;
	padding: 0 0 15px 0;
	}
	
p.savePush {
	font-size: 1.1em;
	color: #A8A8A8;
	font-family: arial;
	font-style: italic;
	padding: 0 0 3px 0;
	margin-left: 142px;
	}

/* LinkButtons */
a.linkButtons {
	display: block;	
	text-decoration: none !important;
	background: url(../images/editFormButtonRight.gif) no-repeat 0 0;
	cursor: pointer;
	line-height: 24px;
	float: left;
	margin-left: -20px;
	}
	
a.linkButtons:hover span {
	background: url(../images/editFormButtonRight.gif) no-repeat 100% 50%;
	}
	
a.linkButtons:active span {
	background: url(../images/editFormButtonRight.gif) no-repeat 100% 100%;
	}

a.linkButtons {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	}	
	
a.linkButtons span {
	display: block;
	font-family: arial, helvetica, sans-serif;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 11px;
	padding: 0 18px 0 0;
	color: #ffffff !important;
	text-decoration: none !important;
	white-space: nowrap;
	background: url(../images/editFormButtonRight.gif) no-repeat right top;
	}

a.left {
	background: url(../images/editFormButtonLeft.gif) no-repeat 0 0; 
	padding-left: 16px; 
	}
	
a.left:hover {
	background: url(../images/editFormButtonLeft.gif) no-repeat 0 50%;
	}
	
a.left:active {
	background: url(../images/editFormButtonLeft.gif) no-repeat 0 100%;
	}
		
/* EditButtons */
button.editButtons {
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: center;
	background: none;
	height: 26px;
	}
	
button.topMargin {
	margin-top: 20px;
	}
	
button.bottomMargin {
	margin-bottom: 60px;
	}
	
button.editButtons span {
	display: block;	
	text-decoration: none;
	color: #fff;
	padding: 0 0 0 16px;
	background: url(../images/editFormButtonLeft.gif) no-repeat left top;
	cursor: pointer;
	}

button.editButtons em {
	display: block;
	font-family: arial, helvetica, sans-serif;
	height: 19px;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 18px 0 0;
	white-space: nowrap;
	background: url(../images/editFormButtonRight.gif) no-repeat right top;
	color: #fff;
	}
	
button.editButtons:hover span {
	background: url(../images/editFormButtonLeft.gif) no-repeat left center;
	}
	
button.editButtons:hover em {
	background: url(../images/editFormButtonRight.gif) no-repeat right center;
	}
	
button.editButtons:active span {
	background: url(../images/editFormButtonLeft.gif) no-repeat left bottom;
	}
	
button.editButtons:active em {
	background: url(../images/editFormButtonRight.gif) no-repeat right bottom;
	}
	
#buttonHolderCredits button.creditsButton {
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: center;
	background: none;
	height: 32px;
	}
	
#buttonHolderCredits button.creditsButton span {
	float: none !important;
	width: auto !important;
	line-height: inherit !important;
	display: block;	
	text-decoration: none;
	color: #fff !important;
	padding: 0 0 0 16px !important;
	margin-right: 1px;
	background: url(../images/creditsButtonLeft.gif) no-repeat left top;
	cursor: pointer;
	}

#buttonHolderCredits button.creditsButton em {
	display: block;
	float: none !important;
	width: auto !important;
	line-height: inherit !important;
	margin: auto !important;
	font-family: arial, helvetica, sans-serif;
	height: 22px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 8px 18px 0 0 !important;
	white-space: nowrap;
	background: url(../images/creditsButtonRight.gif) no-repeat right top;
	color: #fff;
	}
	
#buttonHolderCredits button.creditsButton:hover span {
	background: url(../images/creditsButtonLeft.gif) no-repeat left center;
	}
	
#buttonHolderCredits button.creditsButton:hover em {
	background: url(../images/creditsButtonRight.gif) no-repeat right center;
	}
	
#buttonHolderCredits button.creditsButton:active span {
	background: url(../images/creditsButtonLeft.gif) no-repeat left bottom;
	}
	
#buttonHolderCredits button.creditsButton:active em {
	background: url(../images/creditsButtonRight.gif) no-repeat right bottom;
	}
		
button.findJob {
	background: url(../images/findAJob.gif) no-repeat 0 0;
	width: 89px;
	height: 30px;
	border: none;
	cursor: pointer;
	cursor: hand;
	margin: 14px 0 0 7px;
	float: left;
	}
	
button.findJob:hover {
	background: url(../images/findAJob.gif) no-repeat 0 50%;
	}
	
button.findJob:active {
	background: url(../images/findAJob.gif) no-repeat 0 100%;
	}
	
button.findEmployee {
	background: url(../images/findAnEmployee.gif) no-repeat 0 0;
	width: 129px;
	height: 30px;
	border: none;
	cursor: pointer;
	cursor: hand;
	margin: 14px 0 0 7px;
	float: left;
	}
	
button.findEmployee:hover {
	background: url(../images/findAnEmployee.gif) no-repeat 0 50%;
	}
	
button.findEmployee:active {
	background: url(../images/findAnEmployee.gif) no-repeat 0 100%;
	}
	

/* another example seems to use abosolute positioning only? */	
.tooltip {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    background: url(../images/tooltip.gif) no-repeat top left;
    text-align: center;
    line-height: 50px;
    width: 292px;
    height: 45px;
	}
	
.tooltip p {
	font-size: 1.2em;
	color: #787979;
	}
	
.tooltip p span {
	color: #ffffff;
	font-weight: bold;
	}
	
/* ---------------------- 9. slide panel down - jquery ---------------------- */
	
#slidePanel1 {
	display: none;
	}
	
.slide {
	margin: 0;
	padding: 0;
	}
	
#readMore li {
	background: url(../images/readMoreLeft.gif) no-repeat 0 0;
	width: 5px;
	height: 25px;
	margin: 0 0 0 20px;
	display: block;
	}
	
#readMore li em {
	background: url(../images/readMoreRight.gif) no-repeat 100% 0;
	height: 19px;
	text-align: left;
	width: auto;
	padding: 6px 16px 0 5px;
	margin: 0 0 0 5px;
	font-style: normal;
	font-size: 1.1em;
	color: #585959;
	}
	
a.btn-slide:link, a.btn-slide:visited {
	background: url(../images/readMoreArrow.gif) no-repeat left top;
	color: #272727 !important;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none !important;
	padding-left: 15px;
	display: block;
	}
	
a.btn-slide:hover {
	color: #1c9cd6 !important;
	}
	
.buttonFlip {
	background-position: left bottom !important;
	}


/* ---------------------- 10. fade away remove panel - jquery ---------------------- */
.paneEmpty {
	margin: 0;
	}

.pane {
	/* position: relative; */
	border-bottom: #cccccc 1px solid;
	padding: 0 0 15px 0;
	}
	
.pane .delete {
	position: absolute;
	cursor: pointer;
	font-size: 1.2em;
	color: #e90059;
	text-decoration: underline;
	background: url(../images/deleteIcon.gif) no-repeat left 2px;
	margin: 0 0 0 130px;
	padding-left: 15px;
	}
	
.pane .delete:hover {
	text-decoration: none;
	}
	
.paneQu {
	/* position: relative; */
	margin: 20px 0 0 0;
	}
	
.paneQu .deleteFloat {
	float: right;
	cursor: pointer;
	font-size: 1.2em;
	color: #e90059;
	text-decoration: underline;
	background: url(../images/deleteIcon.gif) no-repeat left 2px;
	margin: -16px 40px 0 0;
	}
	
.paneQu .deleteFloat:hover {
	text-decoration: none;
	}
	
/* ---------------------- 11. messages ---------------------- */

#errorMsg {
	background: #ab4141 url(../images/messageBg-error.gif) left bottom repeat-x;
	margin: 15px 0;
	padding: 8px;
	font-size: 1.0em;
 	line-height: 1.3em;
 	border: 1px solid #861c1c;
 	color: #ffffff;
	}
	
#errorMsgText {
	line-height: 1.4em;
	font-size: 1.1em;
	color: #d74515;
	}
	
#errorMsgTextCompose {
	line-height: 1.4em;
	font-size: 1.1em;
	color: #d74515;
	width: 200px;
	margin-left: 140px;
	padding-bottom: 5px;
	}
	
.deletedMsg {
	color: #d74515 !important;
	padding-left: 145px !important;
	}
	
.deletedMsg a:link, .deletedMsg a:visited {
	color: #AE3812 !important;
	}

.deletedMsg a:hover, .deletedMsg a:focus, .deletedMsg a:active {
	text-decoration: none;
	}
	
#errorMsgRes {
	line-height: 1.4em;
	font-size: 1.1em;
	color: #d74515;
	margin: 10px 0 0 142px;
	}
	
.errorMsgQue {
	line-height: 1.4em;
	font-size: 1.1em;
	color: #d74515;
	margin: 10px 0 0 152px;
	}
	
.errorMsgQueLeft {
	line-height: 1.4em;
	font-size: 1.1em;
	color: #d74515;
	margin: 10px 0 0 32px;
	}
	
#successMsgText, .successMsgText {
	line-height: 1.4em;
	font-size: 1.1em;
	color: #8caf17;
	}
	
p.appSuccess {
	font-size: 1.1em;
	color: #8caf17 !important;
	padding-top: 10px !important;
	margin-bottom: -10px !important;
	}
	
.appSuccess a:link, .appSuccess a:visited {
	color: #708C13 !important;
	}

.appSuccess a:hover, .appSuccess a:focus, .appSuccess a:active {
	text-decoration: none;
	}
	
p.appFailed {
	font-size: 1.1em;
	color: #d74515 !important;
	padding-top: 10px !important;
	margin-bottom: -10px !important;
	}
	
#successMsg {
	background: #69d86c url(../images/messageBg-success.gif) left bottom repeat-x;
	margin: 15px 0;
	padding: 20px;
	font-size: 1.1em;
 	line-height: 1.3em;
 	border: 1px solid #32bc2e;
 	color: #ffffff;
	}
	
.jobExpiresMsg {
	line-height: 1.4em;
	font-size: 1.3em;
	padding: 3px 0 15px 140px;
	color: #8caf17;
	}
	
#errorMsgTop {
	background: url(../images/errorMsg-top.gif) no-repeat left top;
	width: 352px;
	height: 17px;
	margin-top: 15px;
	}
	
#errorMsgBottom {
	background: url(../images/errorMsg-bottom.gif) no-repeat left top;
	width: 352px;
	height: 45px;
	}
	
#errorMsgBg {
	background: url(../images/errorMsg-bg.gif) repeat-y left top;
	width: 352px;
	}
	
#errorMsgBg ul {
	padding: 0 20px;
	font-size: 1.1em;
 	line-height: 1.2em;
 	color: #ffffff;
 	}

.error {
	color: #d4400f !important;
	font-style: italic;
	}
	
#msgError {
	background: url(../images/msgError.gif) left top no-repeat;
	height: 27px;
	width: 211px;
	margin: 15px 0 10px 0;
	}
	
#msgError p {
	padding-left: 30px;
	padding-top: 1px;
	font-size: 1.2em;
	color: #ffffff;
	line-height: 27px;
	}
	
#msgSuccess {
	background: url(../images/msgSuccess.gif) left top no-repeat;
	height: 27px;
	width: 211px;
	margin: 15px 0 10px 0;
	}
	
#msgSuccess p {
	padding-left: 30px;
	padding-top: 1px;
	font-size: 1.2em;
	color: #ffffff;
	line-height: 27px;
	}

.formMsg {
	margin-left: 138px !important;
	}
	
#errorContainer {
	margin: 0 212px;
	}
	
#errorContainer2Col {
	margin: 0 30px 15px 140px;
	}