/* CSS document */

body {
	font: 90% Arial,sans-serif;
	color: #000;
	background: #fff;
	min-width: 980px; /* Prevent content from becoming unreachable in Gecko */
}

a:link, a:active, a:visited {
	color: #0066CC;
}

a:hover {
	color: #F45924;
}

/*  == Fixed-footer properties ==-----------

For fixed footer, adjust the #footer margin-top property to ensure your footer content height 
is shorter than the bottom padding assigned to the #content div.
*/

#content {
	padding-bottom: 30px;
	float: left;
	width: 100%;
}

#footer {
	float: left;
	width: 100%;
	text-align: center;
	height: 34px;
	border: 0;
	position: relative;
	margin-top: -36px;
	* margin-top: -37px;
}

/* == Document Content Blocks ==-----------

These should remain fairly standard, but can be adjusted in the event that you do not want
pages that are fixed-width.
*/

.headerStuff, #headerBox {
	height: 120px;
}

#headerBox {
	margin: auto;
	text-align: center;
	background: #000000 url('/images/shared/elements/careersnet_flagman.gif') top center no-repeat;
}	
	
#sandBox {
	margin: 0 auto;
	text-align: center;
	background: transparent url('/images/shared/elements/sandBox_bg.gif') top left repeat-x;
	padding: 20px 0 40px 0;
	float: left;
	width: 100%;
}

#footerBox {
	margin: auto;
	text-align: center;
	height: 30px;
}

/* == Margin-width adjustments ==-----------

Make sure you adjust the width of your fixed-width environment. This will directly influence
the performance and positioning of your #sandBox columns, so remember to adjust their
respective widths accordingly.
*/

.inMargin {
	width: 980px;
	margin: auto;
	text-align: left;
	clear: both;
}

/* == Unique elements ==-----------

This section is reserved for those elements which will be unique to each site,
yet influenced by dynamic variables.
*/

div#branding {
	float: left;
	clear: none;
	top: 0;
	left: 0;
	display: inline;
}

h1.logotype {
	background: transparent;
}

#branding img {
	float: left;
	margin-top: 32px;
	margin-left: 80px;
	z-index: 500;
}

div#primeNav {
	overflow: hidden;
	height: 31px;
	line-height: 31px;
	text-align: right;
	position: absolute;
	top: 89px;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	z-index: 100;
}

#primeNav ul, #primeNav ul li {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
}

#primeNav ul li {
	display: inline;
	float: left;
	margin-left: 1px;
}

/* == sandbox Breakdown ==-----------

The sandBox is a magical place where columns stay right where they're supposed to
and snap either to the left or right on command. It's not rocket science, people,
but it could be.
*/

.contentTier {
	clear: left;
	float: none;
}

.threeWide {
	clear: both;
	width: 980px;
	padding: 5px 0;
}

.twoWide {
	width: 660px;
	padding: 5px 0px;
	* display: inline;
}

.oneWide {
	width: 320px;
	/*
	background: yellow;
	*/
	padding: 5px 0px;
	* display: inline;
}

.snapLeft {
	float: left;
}

.snapRight {
	float: right;
}

.nodeBox {
	margin: 5px 10px;
	float: left;
	clear: both;
	* display: inline;
}

.threeNode {
	width: 980px;
}

.twoNode {
	width: 640px;
}

.oneNode {
	width: 300px;
}

#headlines {
	clear: both;
	float: none;
	margin: 10px;
	background: #e7e7e7;
	padding: 10px;
	border: 1px solid #ccc;
}

#headlines h1, #headlines h2, #headlines h3, #headlines h4 {
	margin: 0;
}

#headlines h3, #headlines h4 {
	font-weight: lighter;
	color: #666;
}

/* == Search elements ==-----------

These search elements should represent the global treatment of search forms throughout this site.
You will need to adjust these settings to match your template.
*/

h2.areaHdr {
	margin: 0;
	padding: 0;
	font-size: 24px;
	margin-bottom: 12px;
}

.searchBox {
	display: inline;  /* fixed IE6 margin bug */
	margin: 0 auto;
	padding: 0;
	background: transparent url('/images/shared/greyscale1_bg.gif') top left repeat;
}

.searchBox form {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	*margin-left: 20px;
	overflow: hidden;
}

.level2 #searchTwo {
	margin: 0;
}

.level2 #searchTwo label {
	font-size: 12px;
}

.level2 #searchTwo label em {
	font-size: 24px;
	font-weight: lighter;
	font-style: normal;
}

.level2 #searchTwo h4.subNote {
	font-size: 10px;
	clear: both;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	margin-left: 2px;
}

.level2 #reSearchTwo {
	margin: 0 auto;
}

.level2 #reSearchTwo label {
	font-size: 12px;
}

.level2 #reSearchTwo label em {
	font-size: 18px;
	font-weight: lighter;
	font-style: normal;
}

.level2 #reSearchTwo h4.subNote {
	font-size: 10px;
	clear: both;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	margin-left: 2px;
}
	
input.searchArea_lg {
	font-size: 21px;
	padding: 3px;
	width: 206px;
}

input.searchArea_mid {
	font-size: 16px;
	padding: 3px;
	width: 206px;
}
	
input.searchArea_std {
	font-size: 15px;
	padding: 3px;
	width: 206px;
}
	
div.formSlot {
	float: left;
	clear: right;
}
	
.slotLeft {
	margin-right: 12px;
}


.level1 #searchTwo {
	margin: 0;
}

.level1 #searchTwo label {
	font-size: 12px;
}

.level1 #searchTwo label em {
	font-size: 24px;
	font-weight: lighter;
	font-style: normal;
}

.level1 #searchTwo h4.subNote {
	font-size: 10px;
	clear: both;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	margin-left: 2px;
}


/* == Registration elements ==-----------

Adjust to fit
*/

.regBox_2 {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/shared/levelTwoReg_bg.gif') bottom left no-repeat;
	padding-bottom: 20px;
}

.regBox_1 {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/shared/levelOneReg_bg.gif') bottom left no-repeat;
	padding-bottom: 20px;
	* display: inline;
}

.regBox_2 label {
	font-size: 12px;
}

.regBox_1 label {
	font-size: 11px;
}

.regBox_2 #registerForm, .regBox_1 #registerForm {
	padding: 0 10px 0 10px;
}

.regBox_2 #registerForm .tier {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	width: 620px;
	* width: 613px;
	* display: inline;
}

.regBox_1 #registerForm .tier {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	width: 276px;
	* width: 270px;
	padding-left: 10px;
	* display: inline;
}

.regBox_2 #registerForm label {
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 4px;
}

.regBox_2 #registerForm label.leftLabel {
	margin-right: 8px;
	width: 140px;
	float: left;
}

.regBox_2 #registerForm label.stdLabel {
	text-align: right;
	margin-right: 8px;
	margin-left: 20px;
	float: left;
}

.regBox_1 #registerForm label.leftLabel {
	margin-right: 8px;
	width: 100px;
	float: left;
}

.regBox_1 #registerForm label.stdLabel {
	text-align: left;
	margin-right: 8px;
	margin-left: 20px;
	float: left;
}

.regBox_1 #registerForm input.txtCompact {
	float: left;
	width: 120px;
}

.formFlow {
	float: left;
	clear: right;
}

.postNote {
	background: #FFFF9B url('../images/elements/note_bg.gif') bottom right no-repeat;
	border: 1px solid #F7DC73;
}


/* SEARCH BUTTONS */

.formLg .buttons a, .formLg .buttons button {
    background-color:#EA6309;
    border:1px solid #BE5107;
	color: #fff;
}

/* STANDARD */

.formLg button:hover, .formLg .buttons a:hover {
    background: #eee;
    border:1px solid #ccc;
    color:#666;
}

.formLg .buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.formLg button.positive, .formLg .buttons a.positive {
    color:#529214;
}

.formLg .buttons a.positive:hover, .formLg button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.formLg .buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.formLg .buttons a.negative, .formLg button.negative{
    color:#d12f19;
}

.formLg .buttons a.negative:hover, .formLg button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.formLg .buttons a.negative:active {
    background-color:#3B92CB;
    border:1px solid #d12f19;
    color:#fff;
}

/* RE-SEARCH BUTTONS */

.reFormLg .buttons a, .reFormLg .buttons button {
    background-color:#EA6309;
    border:1px solid #BE5107;
}

/* STANDARD */

.reFormLg button:hover, .reFormLg .buttons a:hover {
    background: #eee;
    border:1px solid #ccc;
    color:#666;
}

.reFormLg .buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.reFormLg button.positive, .reFormLg .buttons a.positive {
    color:#529214;
}

.reFormLg .buttons a.positive:hover, .reFormLg button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.reFormLg .buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.reFormLg .buttons a.negative, .reFormLg button.negative{
    color:#d12f19;
}

.reFormLg .buttons a.negative:hover, .reFormLg button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.reFormLg .buttons a.negative:active {
    background-color:#3B92CB;
    border:1px solid #d12f19;
    color:#fff;
}


/* --== Global footer ==-- */

div#footerContent {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 0px;
}

div.topLink {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	margin: 0;
	height: 14px;
	overflow: hidden;
	text-align: right;
}

.topLink a {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

div.siteLinks {
	padding: 10px;
	border: 0;
	margin: 0;
	background: #333;
	height: 40px;
}

.siteLinks p {
	margin: 0;
}
	
.siteLinks p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #ccc;
}
	
.siteLinks a:link, .siteLinks a:active, .siteLinks a:visited {
	color: #ccc;
}
	
.siteLinks a:hover {
	color: #fff;
}

/* --== Start registration path ==-- */

#regStart #registerForm .labelStd {
	text-align: left;
	font-weight: bold;
	clear: both;
	float: left;
	margin: 0;
	line-height: 110%;
	font-size: 1.0em;
}

#regStart #registerForm .formTierReg {
	clear: both;
	* display: inline;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#regStart #registerForm .formSlotReg {
	padding: 6px;
	float: left;
}
	
#regStart #registerForm input, #regStart #registerForm select {
	font-size: 18px;
	padding: 2px;
	border: 1px solid #666;
	clear: both;
	float: left;
	display: inline;
	font-weight: light;
}

#regStart #registerForm input.indexRegText_std {
	padding: 2px;
	width: 200px;
	font-weight: normal;
}

#regStart #registerForm select.indexRegSelect_std {
	padding: 1px;
}

#regStart #registerForm input.indexRegCheck_std {
	border: none;
}
	
#formFinish {
	padding: 10px;
	position: relative;
	top: 10px;
	background: #FFFF99;
	margin: 10px 0;
}

.optIn {
	float: none;
}

.optIn label {
	padding: 5px;
}
	
span.legend {
	padding: 0;
	padding-left: 1px;
	color: #F45924;
	font-weight: bold;
}
	
div.actionTierReg {
	clear: both;
	display: block;
	padding-top: 10px;
	padding-bottom: 12px;
	text-align: center;
	margin: 0 auto;
}
	
.actionTierReg p {
	margin: 5px;
	padding: 0;
	text-align: center;
}
	
.actionTierReg a:link, .actionTierReg a:active, .actionTierReg a:visited, .actionTierReg a:hover {
	color: #0270A8;
	font-weight: bold;
}

/* --== Why Register? ==-- */

.whyRegister {
	padding: 10px;
}

.marginContent .whyRegister {
	margin-top: 20px;
}

.marginContent .whyRegister h2.careerNet {
	background: #fff;
	padding: 5px;
	margin: 0;
	text-align: center;
	border: 1px solid #999;
	margin-bottom: 15px;
}

.marginContent .whyRegister h2, .marginContent .whyRegister h3 {
	margin: 0;
}

.marginContent .whyRegister p {
	font-size: 120%;
}