﻿body {
	margin:0;
	padding:0;
	height:100%;
	width:auto;
	background-color:#ffffff;
	font-family:Verdana, Arial;
	color:#474747;
	font-size:11px;
}
p {
	line-height:14px;
}

/* Wrapper + Container */
#wrapper {
	width:100%;
	margin:0;
	padding:0;
}
#swrapper {
	width:100%;
	margin:0;
	padding-top:20px;
}
#container {
	width:888px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}
/* Wrapper + Container (end) */


/* H Tags */
h1 {
	color:#35516a; /* Blue */
	font-weight:bold;
	font-size:11px;
	padding:0;
	margin:0;
}
/* See individual stylesheets for more */
/* H Tags (end) */


/* Header */
div.topLinks {
	float:left;
	padding-left:26px;
}
#headerLinks {
	padding-bottom:2px;
}
#headerBkgTop {
	width:888px;
	height:73px;
}
#headerBkgBottom {
	width:888px;
	height:55px;	
}
#logoTop a {
	background: url(/images/logoTwoTenTop.jpg) no-repeat;
	width:114px;
	height:73px;
	display:block;
	text-decoration:none;
	float:left;
}
#logoTop a span {
	visibility:hidden;	
}
#logoBottom a {
	background: url(/images/logoTwoTenBtm.jpg) no-repeat;
	width:119px;
	height:55px;
	display:block;
	text-decoration:none;
	float:left;
}
#logoBottom a span {
	visibility:hidden;	
}
#bkgTopBlue {
	background: url(/images/bkg210CareersPortalBlue.gif) no-repeat;
	width:774px;
	height:73px;
	float:left;
}
#topBlueBar {
	width:769px;
	height:28px;
	margin-top:6px;
	float:left;	
}
#pageClose {
	font-family:Verdana, Arial;
	color:#ffffff;
	font-size:12px;
}
#pageClose span {
	color:#ffffff;
	font-size:14px;	
}
#pageClose a {
	color:#ffffff;
	font-size:12px;	
}
#pageClose a:hover {
	color:#ffffff;
	font-size:12px;	
}
/* Header (end) */


/* Main Title */
.mainTitleContainerBlue {
	background: url(/images/bkgTopSectionBlue.gif) repeat-y;
	width:888px;
	height:44px;
	margin-top:16px;
}
.mainTitleContainerSubNav {
	background: url(/images/bkgTopSectionBlue.gif) repeat-y;
	width:888px;
	margin-top:16px;
	margin-bottom:8px;
}
.mainTitleContainerOrange {
	background: url(/images/bkgTopSectionOrange.gif) repeat-y;
	width:888px;
	height:44px;
	margin-top:16px;
}
.mainTitleContainerOrangeSubNav {
	background: url(/images/bkgTopSectionOrange.gif) repeat-y;
	width:888px;
	margin-top:16px;
	margin-bottom:8px;
}
.mainTitleArea {
	padding:12px 0px 0px 11px;
}
.mainTitleText {
	padding-right:16px;
	float:left;
}
.rightSectionTitleArea {
	padding:12px 0px 16px 11px;
}
.rightSectionSurveyTitleArea {
	padding:12px 0px 16px 6px;
}
/* Main Title (end) */


/* Intro */
#introLandingHeader {
	padding-top:14px;	
}
#introLandingText {
	padding-top:14px;
	padding-bottom:26px;
}
/* Intro (end) */


/* Search Area */
#landingSearchContainer {
	background: url(/images/bkgTopSectionBlue.gif) repeat-y;
	width:888px;
	/*height:110px;*/
	height:76px;
}
#searchContainerBlue {
	background: url(/images/bkgTopSectionBlue.gif) repeat-y;
	width:888px;
	height:104px;
	/*height:90px;*/
	margin-top:16px;
}
#searchResultContainerBlue {
	background: url(/images/bkgTopSectionBlue.gif) repeat-y;
	width:888px;
	height:46px;
	margin-top:16px;
}
#searchContainerOrange {
	background: url(/images/bkgTopSectionOrange.gif) repeat-y;
	width:888px;
	height:104px;
	margin-top:16px;
}
#searchResultContainerOrange {
	background: url(/images/bkgTopSectionOrange.gif) repeat-y;
	width:888px;
	height:46px;
	margin-top:16px;
}
#landingSearchArea {
	padding:12px 0px 0px 11px;
}
#searchText {
	padding-right:8px;
	float:left;
}
.searchLine {
	background-color:#ffffff;
	border:none;
	border-top:#ffffff 1px solid;	
	height:1px;
}
#searchDropDownContainer {
	width:100%;
	margin:0;
}
#landingSearchInstructions {
	padding-left:218px;
	padding-top:5px;
}
#searchInstructions {
	padding-left:218px;
	padding-top:8px;
}
#searchPageInstructions {
	padding-left:0px;
	padding-top:8px;
}
#resumeSearchPageInstructions {
	padding-left:120px;
	padding-top:8px;
}
#searchDropDownArea {
	padding-left:218px;
}
#jobSearchDropDownArea {
	padding-left:0px;
}
#resumeSearchDropDownArea {
	padding-left:0px;
}
#employerSearchDropDownArea {
	padding-left:310px;
}
#landingSearchHeader {
	float:left;
	padding-left:40px;
}
#landingSearchKeywords {
	text-align:left;
	float:left;
	padding-left:57px;
}
#searchKeywords {
	text-align:left;
	float:left;
	width: 196px;
}
#searchName {
	text-align:left;
	float:left;
	padding-left:120px;
	padding-right:8px;
}
#searchResumeKeywords {
	text-align:left;
	float:left;
	padding-left:120px;
	padding-right:8px;
}
#searchResumeName {
	text-align:left;
	float:left;
}
#searchCategories {
	text-align:left;
	float:left;
	padding-left:8px;
}
#searchEmployers {
	text-align:left;
	float:left;
	padding-left:8px;
}
#searchLocations {
	text-align:left;
	float:left;
	padding-left:6px;
}
#searchCountry {
	text-align:left;
	float:left;
	padding-left:6px;
}
#searchButton {
	float:left;
	padding-left:6px;
}
#searchSaveJobs {
	width:80px;
	padding-right:12px;
	float:right;
	height: 24px;
}
.searchHeader {
	color:#696969;
	font-size:9px;
	padding-bottom:2px;
}
.surveyLine {
	padding-left:2px;
	padding-top:12px;
}
.surveyHeader {
	color:#ffffff;
	font-size:11px;
	line-height:16px;
	padding-bottom:14px;
	padding-left:2px;
}

/*_ Inputs _*/
.inputStyle {
	font-family:Arial;
	/*color:#999999;*/
	color: #474747;
	font-size:11px;
	border:1px solid #7f9db9;
}
.inputTextStyle {
	font-family:Arial;
	/*color:#999999;*/
	color: #474747;
	font-size:11px;
	border:1px solid #7f9db9;
	padding:1px 2px;
}
.inputEditStyle {
	font-family:Arial;
	color:#474747;
	font-size:11px;
	border:1px solid #7f9db9;
	padding:0px 0px 0px 2px;
}
/*_ Inputs (end) _*/
/* Search Area (end) */


/* Create Account Area */
#createAccountContainer {
	background:#c0d6ea;
	width:888px;
	margin-top:10px;
	padding-bottom:50px;
}
#createAccountContainer {
	width:100%;	
}

/*_ Job Seeker Section _*/
#accountJobSeeker {
	width:344px;
	padding:46px 0px 0px 50px;
	float:left;
}
#jobSeekerHeader {
	background:#c2ce00;
	width:344px;
	height:34px;
}
#jobSeekerHeaderArea {
	padding:10px 13px;
}
#jobSeekerTitle {
	padding-right:14px;
	float:left;
}
#jobSeekerContentArea {
	background:#ffffff;
	width:344px;
	padding-bottom:10px;
}
#jobSeekerButtons {
	padding-left:90px;
	padding-bottom:10px;
}
/*_ Job Seeker Section (end) _*/

/*_ Employer Section _*/
#accountEmployer {
	width:344px;
	padding:46px 0px 0px 100px;
	float:left;
}
#employerHeader {
	background:#de8100;
	width:344px;
	height:34px;
}
#employerHeaderArea {
	padding:10px 13px;
}
#employerTitle {
	padding-right:14px;
	float:left;
}
#employerContentArea {
	background:#ffffff;
	width:344px;
	padding-bottom:10px;
}
#employerButtons {
	padding-left:90px;
	padding-bottom:10px;
}
/*_ Employer Section (end) _*/

/*_ Classes _*/
.blueArrowsOnWhite ul {
	margin:0;
	padding:14px 14px 10px 26px;
}
.blueArrowsOnWhiteBullets li {
	list-style-image: url(/images/blueArrowOnWhite.gif);
	margin:0;
	padding-bottom:8px;
}
.blueArrowsOnBlue ul {
	margin:0;
	padding:14px 14px 10px 26px;
}
.blueArrowsOnBlueBullets li {
	list-style-image: url(/images/blueArrowOnBlue.gif);
	margin:0;
	padding-bottom:8px;
}
.contentArea {
	background:#ffffff;
	margin:0;
	padding:0;
}
.createAccountButton {
	float:left;	
}
.logInButton {
	padding-left: 15px;
	float:left;	
}
/*_ Classes (end) _*/

#bkgShoes {
/*	background: url(/images/bkgShoes.gif) no-repeat;*/
    background-color:#c0d6ea;
	width:888px;
	height:60px;
}
#sataMsg {
	width:788px;
	padding-left:49px;
	margin-top:-10px;
}

/* Create Account Area (end) */


/* Dashboard */
.floatLeft {
	float:left;	
}
/* Dashboard */


/* Main Footer Area */
#copyrightInfo {
	text-align:left;
	color:#696969;
	font-size:10px;
	line-height:14px;
	float:left;
}
#mainFooterLinks {
	text-align:right;
	color:#696969;
	font-size:10px;
	line-height:14px;
	float:left;
}
/* Main Footer Area (end) */


/* Footer Area */
#footerContainer {
}
#footerSpace {
	height:20px;
}
#shoeAccessoryIcon {
	background: url(/images/logoShoeAccessory.gif) no-repeat;
	width:165px;
	height:45px;
	float:left;
}
#footerLinks {
	text-align:left;
	color:#696969;
	font-size:10px;
	line-height:14px;
	float:right;
}
/* Footer Area (end) */


/* Background colors */
.bkgBlueBar {
	background:#6098ca;
}
.bkgLightBlueBar {
	background:#c0d6ea;
}
.blueBox {
	background:#bfd6ea;	
}
.bkgOrangeBar {
	background:#de8100;
}
.bkgLightOrangeBar {
	background:#f6debd;
}
.orangeBox {
	background:#f6debd;	
}
/* Background colors (end) */


/* Text */
.requiredText {
	color:#474747;	
}
.requiredText span {
	color:#de8100;	
}
/* Text (end) */


/* HR Lines */
.mainHeaderLine {
	background-color:#ffffff;
	border:none;
	border-top:#ffffff 1px solid;	
	height:1px;
}
.lightBlueLine {
	background-color:#bfd6ea;
	border:none;
	border-top:#bfd6ea 1px solid;	
	height:1px;
}
.orangeLine {
	background-color:#f6debd;
	border:none;
	border-top:#f6debd 1px solid;	
	height:1px;
}
/* HR Lines (end) */


/* TD Lines */
.dashedLine {
	border-bottom:1px dashed #c8c7c7;
}
.blueLine {
	border-bottom:1px solid #bfd6ea;
}
.noLine {
}
/* TD Lines (end) */


/* Buttons */
.whiteButton {
	background:#ffffff;
	border:1px solid #005bab;
	color:#005bab;
	font-size:11px;
	text-align:center;
	padding:0px 1px;
	cursor:pointer;
}
.rightButton {
	background:#ffffff;
	border:1px solid #005bab;
	color:#005bab;
	font-size:11px;
	text-align:left;
	padding:0px 1px;
	cursor:pointer;
}
.whiteButton:hover {
	background:#005bab;
	/*border:1px solid #ffffff;*/
	color:#ffffff;
	font-size:11px;
	text-align:center;
	padding:0px 1px;
	cursor:pointer;
}

a.whiteButtonLink {
	background:#ffffff;
	/*border:1px solid #005bab;*/
	color:#005bab;
	font-size:10px;
	text-align:center;
	padding:2px 8px;
	line-height:16px;
	height:15px;
	text-decoration:none;
	cursor:pointer;
}
a.whiteButtonLink:hover {
	background:#005bab;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
.whiteButtonDiv {
	border:1px solid #005bab;
	height:16px;
}
/* Buttons (end) */


/* Icons */
#jobSeekerIconGreen {
	background: url(/images/iconJobSeekerGreen.gif) no-repeat;
	width:34px;
	height:16px;
	float:left;
}

/*========== Blue ===========*/
#searchIconBlue {
	background: url(/images/iconSearchJobsBlue.gif) no-repeat;
	width:18px;
	height:16px;
	float:left;
}
#lockIconBlue {
	background: url(/images/iconLockBlue.gif) no-repeat;
	width:11px;
	height:16px;
	float:left;
}
#dashboardIconBlue {
	background: url(/images/iconDashboardBlue.gif) no-repeat;
	width:20px;
	height:19px;
	float:left;
}
#dashboardIconBlueHeader {
	background: url(/images/iconShoeboxBlue_h.gif) no-repeat;
	width:29px;
	height:15px;
	float:left;
}
#resumeIconBlue {
	background: url(/images/iconResumeBlue.gif) no-repeat;
	width:14px;
	height:16px;
	float:left;
}
#profilesIconBlue {
	background: url(/images/iconProfilesBlue.gif) no-repeat;
	width:16px;
	height:17px;
	float:left;
}
#shoeboxIconBlue {
	background: url(/images/iconShoeboxBlue.gif) no-repeat;
	width:26px;
	height:13px;
	float:left;
}
#settingsIconBlue {
	background: url(/images/iconSettingsBlue.gif) no-repeat;
	width:19px;
	height:19px;
	float:left;
}
#employerProfilesIconBlue {
	background: url(/images/iconEmployerProfilesBlue.gif) no-repeat;
	width:14px;
	height:16px;
	float:left;
}
#jobListingsIconBlue {
	background: url(/images/iconJobListingsBlue.gif) no-repeat;
	width:10px;
	height:14px;
	float:left;
}

/*========== Orange ===========*/
#searchIconOrange {
	background: url(/images/iconSearchResumeOrange.gif) no-repeat;
	width:18px;
	height:16px;
	float:left;
}
#employerIconOrange {
	background: url(/images/iconEmployerOrange.gif) no-repeat;
	width:33px;
	height:12px;
	float:left;
	margin-top:4px;
}
#lockIconOrange {
	background: url(/images/iconLockOrange.gif) no-repeat;
	width:11px;
	height:16px;
	float:left;
}
#dashboardIconOrange {
	background: url(/images/iconDashboardOrange.gif) no-repeat;
	width:20px;
	height:19px;
	float:left;
}
#dashboardIconOrangeHeader {
	background: url(/images/iconShoeboxOrange_h.gif) no-repeat;
	width:29px;
	height:15px;
	float:left;
}
#resumeIconOrange {
	background: url(/images/iconResumeOrange.gif) no-repeat;
	width:14px;
	height:16px;
	float:left;
}
#profilesIconOrange {
	background: url(/images/iconProfilesOrange.gif) no-repeat;
	width:16px;
	height:17px;
	float:left;
}
#snapshotIconOrange {
	background: url(/images/iconSnapshopOrange.gif) no-repeat;
	width:17px;
	height:18px;
	float:left;
}
#shoeboxIconOrange {
	background: url(/images/iconShoeboxOrange.gif) no-repeat;
	width:26px;
	height:13px;
	float:left;
}
#settingsIconOrange {
	background: url(/images/iconSettingsOrange.gif) no-repeat;
	width:19px;
	height:19px;
	float:left;
}
#employerProfilesIconOrange {
	background: url(/images/iconEmployerProfilesOrange.gif) no-repeat;
	width:14px;
	height:16px;
	float:left;
}
#jobListingsIconOrange {
	background: url(/images/iconJobListingsOrange.gif) no-repeat;
	width:10px;
	height:14px;
	float:left;
}
#paperclipIconOrange {
	background: url(/images/iconPaperclipOrange.gif) no-repeat;
	width:21px;
	height:19px;
	float:left;
}
/* Icons (end) */


/* Links */
a {
	color:#005bab;
	font-size:11px;
	text-decoration:underline;	
}
a:hover {
	color:#799900;
	text-decoration:none;	
}
.headerLoginText a {
	color:#ffffff;
	font-size:9px;
	text-decoration:underline;
}
.headerLoginText a:hover {
	color:#ffffff;
	text-decoration:none;
}
.links9px {
	font-size:9px;
}
.links9px a {
	font-size:9px;
	text-decoration:underline;
}
.links9px a:hover {
	text-decoration:none;
}
.links10px {
	font-size:10px;
}
.links10px a {
	font-size:10px;
	text-decoration:underline;
}
.links10px a:hover {
	text-decoration:none;
}
.cancelLink {
	font-size:9px;
	text-align:center;
	padding-top:2px;
}
.cancelLink a {
	font-size:9px;
	text-decoration:underline;
}
.cancelLink a:hover {
	text-decoration:none;
}
/* Links (end) */

.txtLightGrey {
	color:#C8C7C7;	
}
.txtBody {
	color:#474747;	
}
.left {
	text-align:left;
}
