@charset "utf-8";
/* CSS Document */
	
.hidePanel { display:none;}
/* ------------- form specific styles are here  -------------- */

/* Text Box with Rounded Corners: test*/
	.textbox-rounded {
		border:0;
		background: transparent url(../images/input_bg_registered.gif) no-repeat top left;
		height: 22px;
		width: 230px;
		padding-top:2px;	
	}

form a:link {color:#000;}

form#entryForm,
form#referAFriendForm {
	border:0;padding:0;margin:0;
	padding: 0 16px 0 32px;
}

form#entryForm h3.top,
form#referAFriendForm h3.top {
 	display:none;
}

fieldset {
margin:0;
border:0; /*border:1px solid #a6a18e;*/
border-left: 0 solid #a6a18e;
border-right: 0 solid #a6a18e;
border-bottom: 0 solid #a6a18e;
padding: 10px 0;
/*border:none;
padding:0;*/
color:#454545;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
clear:both;
}

/*
Background for ipod options fieldset
*/
		

legend {
background: transparent;
text-align: left;	
color:#444444;
/*border-bottom: 1px dotted #444444;*/
font-size: 16px;
margin:0;
padding:0 0 0 0; 

	font-size:16px;
	font-weight:bold;
	color:#000;
}

	fieldset.ipod_bg {
		
		background-image:url(../images/ipod_etching_bg.gif);
		background-repeat:no-repeat;
		background-position: 375px 0px;

	}

/* iPod customizing fields */
	fieldset.ipod_choices {
	padding:0;
	margin-top:20px;
	border: none;
/*	border:1px dashed #a6a18e;*/
	}
	
	fieldset.ipod_choices legend,
	#referAFriendForm fieldset fieldset legend {
	text-align: left;
	padding:0;
	font-weight:bold;
	font-size:12px;
	}
	
	fieldset.ipod_choices label {
		}
	
	p.note {
	text-align: left;
	margin:0 12px 12px 0;
	padding:10px 10px 10px 0;
	font-weight:normal;
	font-size:12px;
	}

	
/* iPod radio button colors */
		fieldset.ipod_colors {
	/*	float: left;
		clear: both;*/
		padding: 12px 0 0 0;
		margin: 20px 0 0 0;
		border: none;
		}
		
		fieldset.ipod_colors legend {
		text-align: center;
		margin-top:0;
		padding:0;
		margin:0 0 8px 0;
		font-weight:normal;
		font-size:12px;
		text-align:left;
		}
		
		fieldset.ipod_colors label {
		text-align: center;
		display:block;
		width:50px;
		border:0;
		padding: 0;
		margin:0;
		float: left;
		clear: right;
		font-size:11px;
		background-repeat:no-repeat;
		background-position: 50% 13px;
		padding-bottom:16px;
		}
		
		fieldset.ipod_colors input {
		margin:0;
		border: 0; 
		background-color: transparent;
		color:#000000;
		}
		
		fieldset.ipod_colors label span { 
		/*display:none;*/
		}
		
		fieldset.ipod_colors ol
		{
		margin: 0;
		padding: 0;
		border:0;
		}
		
		fieldset.ipod_colors li
		{
		margin: 0;
		padding: 0;
		display: block;
		width:50px;
		float: left;
		list-style-type: none;
		text-align:left;
		clear:right;
		text-align:center;
		}
		
		fieldset.ipod_colors li.silver label {
		background-image:url(../images/icon_silver.gif);
		}
		
		fieldset.ipod_colors li.black label {
		background-image:url(../images/icon_black.gif);
		}
		
		fieldset.ipod_colors li.purple label {
		background-image:url(../images/icon_purple.gif);
		}
		
		fieldset.ipod_colors li.blue label {
		background-image:url(../images/icon_blue.gif);
		}
		
		fieldset.ipod_colors li.green label {
		background-image:url(../images/icon_green.gif);
		}
		
		fieldset.ipod_colors li.yellow label {
		background-image:url(../images/icon_yellow.gif);
		}
		
		fieldset.ipod_colors li.orange label {
		background-image:url(../images/icon_orange.gif);
		}
		
		fieldset.ipod_colors li.red label {
		background-image:url(../images/icon_red.gif);
		}
		
		fieldset.ipod_colors li.pink label {
		background-image:url(../images/icon_pink.gif);
		}

label {
	text-align: right;
	width: 155px;
	border-right: 1px dotted #a6a18e;
	padding: 4px 5px 4px 2px;
	margin:0 0 8px 0;
	float: left;
	clear: left;
	display: block;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*
	text-align: right;
	width: 155px;
	border-right: 1px dotted #a6a18e;
	padding: 4px 5px 4px 2px;
	margin:0 0 8px 0;
	float: left;
	clear: left;
	display: block;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	*/
}
/*
		label.checkbox {
		text-align: left;
		width: 300px;
		border-left: 1px dotted #a6a18e;
		border-right:0;
		padding: 2px 5px 2px 2px;
		margin:0 0 0px 0;
		display: block;
		color: #ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
		fieldset input.checkbox {
		float: left;
		clear: left;
		margin-left: 10px;
		margin-bottom: 8px;
		border: 1px solid #a6a18e;
		background-color:#6e6548;
		color:#ffffff;
		}

*/

/*
	label.checkbox, label.textarea{
	border:none;
}
*/


label.lgfield{
border:none;
text-align:center;
clear:both;
float:none;
width:100%;
}
fieldset input, fieldset select, fieldset textarea {
margin-left: 10px;
margin-bottom: 8px;
border: 1px solid #454545;
background-color:#ffffff;
color:#000000;
padding: 3px 2px;
}
select.longfield{
margin:0 0 0 115px;
}
/*input[type="radio"],input[type="checkbox"] {
margin: 2px 0 0 4px;
}*/
textarea {
width:250px;
float:left;
}

/* Checkbox and label alignmen v1 */
	p.label_checkbox_pair {
	clear: both;
	float: none;
	position: relative;
	margin-top: 20px;

	}
	
	p.label_checkbox_pair input {
	
	margin:0;
	border:0;
	padding:0;
/*	background-color:#ffffff;*/
	color:#000;
	
	left: 140px;
	position: absolute;
	top: 4px;
	}
	
	p.label_checkbox_pair label {
	
/*	text-align: right;
	width: 155px;*/
	border-right: 0;
	padding: 5px 0 5px 10px;
	margin:0;
	float: none;
	clear: none;
/*	display: block;*/
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	display: block;
	margin-left: 163px;
	width: 350px;
	border-left: 1px dotted #a6a18e;
	text-align: left;
	}

/*Get Help Form Styles*/

	p.formDisclaimer{
	text-align:center;
	margin:32px 24px 12px 0;
	font-style:italic;
	}

	.formspacer{
		height:1em;
		clear:both;
	}
	.hideField{
		display:none;
	}
	.pushOpen{
		height:18em;
	}

/* ----- error message for field validation ----- */

#entryForm label.error, #referAFriendForm label.error{
	text-align: left;
	width:auto;
	padding:3px 3px 3px 3px;
	margin:10px 0 0 10px;
	float: none;
	clear: none;
	display: inline;
	color:#ffffff;
	font-size:10px; 
	border:0 0 0 0;
/*	border-top:1px dotted #ffffff;*/
	background-color:#b81319;
	vertical-align:middle;
}
	
div.requiredNotice{
	float:none;
	clear:both;
	margin:18px 0 18px 0;
	padding:0 0 0 160px;
	color:#b81319;
	font-size:12px;
	text-align:left;
}

h3.stepHeader{
		text-align:left;
		font-size:16px;
		font-weight:bold;
		margin:0 0 24px 0;
		color:#000;
		padding-top:8px;
	}

/* list styles  */
	ul#entryForm, ul#entryForm li{
		margin:0;
		padding:0;
	}
	ul#entryForm li{
		list-style:none;
	}


/* Form Buttons  */

	div.buttonWrapper {
		margin:14px 0 14px 0;
		padding: 0 0 0 0px;
		clear:both;
		text-align:center;
		position:relative;
	}
	
	div.buttonWrapper ul {
		list-style:none;
		margin:0;
		padding:0 0 0 0px;
		clear:both;
	}
	div.buttonWrapper li {
		margin:0; padding:0;
		list-style:none;
/*		display:block;*/
		background:transparent;
/*		width:186px;*/
		float:left;
	}

	#s2fbuttonWrapper li#left{
		width:320px;
	}	
	
	#s2fbuttonWrapper li#right{
		width:280px;
	}
	
	
	input.submitbutton, 
	input.nextbutton, 
	input.prevbutton, 
	input.sendbutton,
	input.visitbutton {
	/*	width:100px;
		height:40px;
		background-color:#663399;
		padding:4px;
		border:1px solid #339933;
		cursor:pointer;
		text-align:center;
		color:#FFFFFF;
		margin:7px;*/
		cursor:pointer;
		width:186px;
		height:100px;
		background-color: transparent;
		background-repeat:no-repeat;
		background-position: 50% 0;
		border: none;
		padding:0; margin:0; border:0;
		padding-top:77px;
		overflow:hidden;
		text-indent:-1200px;
		/* fixes backgroung in IE */
		font-size: 0px;
		display:block;
		line-height: 0px;
	}

/* default*/
input.nextbutton{
background-image: url(../images/gray_buttons_next.gif);
}
input.prevbutton {
background-image: url(../images/gray_buttons_back.gif);
}
input.submitbutton {
background-image: url(../images/gray_buttons_submit.gif);
} 

input.sendbutton {
float:right;
background-image: url(../images/gray_buttons_send.gif);
} 
input.visitbutton {
float:right;
background-image: url(../images/gray_buttons_visit.gif);
} 


/* hover */
input.nextbutton:hover {
background-position: 50% -100px;
}
input.prevbutton:hover {
background-position: 50% -100px;
}
input.submitbutton:hover {
background-position: 50% -100px;
} 

input.sendbutton:hover {
background-position: 50% -100px;
}
input.visitbutton:hover {
background-position: 50% -100px;
}

/* disabled */
div.disabled input.nextbutton:hover {
background-position: 50% -200px;
}
div.disabled input.prevbutton:hover {
background-position: 50% -200px;
}
div.disabled input.submitbutton:hover {
background-position: 50% -200px;
} 

div.disabled input.sendbutton {
background-position: 50% -200px;
}
div.disabled input.visitbutton {
background-position: 50% -200px;
}


/* Referral Form */
	form#referralForm {
		border:0;padding:0;margin:0;
		padding: 12px;
	}
	
	form#referral li,
	input.sendbutton,
	input.visitbutton {
		width: 141px;
	}
	
form#referralForm label {
float: left;
clear: left;
border:none;
text-align:left;
padding:0;
margin:0;
display:inline;
}

form#referralForm input {
float: left;
clear: left;
padding: 0;
margin:5px 0 8px 0;
}

form#referralForm legend {
display:none;
padding: 0 0 15px 0;
margin: 0;
text-align:left;
border:0;
}

form#referralForm fieldset fieldset {
margin:0;
padding-top: 20px;
padding-left:0;
border:none;
}

form#referralForm fieldset fieldset legend {
display:inline;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


div#giveawayCompletedMsg { /* displays if someone has already entered.  Duplicate email on record. */
	color:#ad0f15;
	background-color:#ffe34c;
	padding:10px;
	margin: 0 15px 4px 0;
	width:auto;
	border:#ad0f15 solid 2px;
	/*display:none;*/
	}
	
	
	.MSGSuccess {
	color:#007236;
	background-color:#ffffff;
	padding:10px;
	margin: 20px 15px 20px 0;
	width:auto;
	border:#007236 solid 2px;
	font-size:14px;
	/*display:none;*/
	}

	#SendToFriendSuccess, #TAC, #SendToFriendFail {
		display:none;
	}


	#TAC{
		position: absolute;	
		width:550px;	
		left:200px;
		top:500px;
		background-color:#f0f5FF;
		border: 1px solid #000;
		z-index: 50;
	}

	#TAC_layer1_handle{
		background-color:#5588bb;
		padding:6px;
		text-align:center;
		font-weight:bold;
		color: #FFFFFF;
		vertical-align:middle;
	}
	
	#TAC_Content{
		width:auto;
		height:500px;
		padding:12px;
		overflow:scroll;
	}
	
	#TAC_Content h3,
	#TAC_Content p {
		padding:10px 0 10px 0;
	}
	
	#TAC_Content ol {
	/* in header for testing */
	}
		
	#TAC_close{
		float:right;
		text-decoration:none;
		color:#FFFFFF;
		margin-right:5px;
	}
	
	#TAC_close_bottom{
		padding:6px;
		text-align:center;
		font-weight:bold;
		
		vertical-align:middle;
	}
	
	#TAC_close2{
		color: #000000;
	}

	#IndustryOtherBox,
	#WorkPositionManagementBox,
	#WorkPositionNonManagementBox,
	#WorkPositionOtherBox {
	float:left; 
	clear: both;
/*	border: 1px solid red;*/
	width: 100%;
	position:relative;
	}

