/* JOIN DEFAULT */

div#joinDefaultLeftCol {
	float:left; 
	width:592px; 
	margin-right:20px;	
}


div#defaultProgWrap {
	width:594px; 
	height:40px;
	padding:0px;
	margin:0px;
	background-color:#fff;
}

div.activeStepWrap {
	float:left; 
	width:197px; 
	margin-right:1px; 
}

div.inactiveStepWrap {
	float:left; 
	width:197px; 
	margin-right:1px;  
	background-color:#f3f3f3;
}

div.stepThreeInactive {
	float:left; 
	width:197px; 
	background-color:#f3f3f3;
}

div.activeOutline {
	border:1px solid #4f4f4f;
}

div.inactiveOutline {
	border:1px solid #e6e6e6;
}
div.inactiveOutline_step3{
	border:1px solid #e6e6e6;
}

div.progImg {
	float:left; 
	width:20px; 
	text-align:center; 
	padding-top:8px;
}

div.activeStepTxt, div.inactiveStepTxt {
	float:left; 
	/*width:170px; */
	padding:0px; 
	font-weight:bold;
}

div.inactiveStepTxt {
	color:#666;
}

div#stepThreeTxt {
	float:left; 
	/*width:169px; */
	padding:0px; 
	font-weight:bold; 
	color:#666;
}

div.progTxtPad {
	padding:5px 10px 5px 5px;
}

span.stepDetails {
	font-size:8pt;
}

div#joinformWrapper {
	width:592px;
}

div#joinformWrapper div.formField, div#joinformWrapper div.formFieldError {
	float:left;
	padding:2px;
	width:316px;
}


div#joinformWrapper div.formFieldError input, div.formFieldError select {
	border:1px solid #CC0000;
}

div#joinformWrapper div.formFieldErrorMsg {
	color:#CC0000;
	font-weight:bold;
	font-size:11px;
	width:426px;
	margin-top:5px;
}

div#joinformWrapper div.formField ul,div#joinformWrapper div.formFieldError ul{
	padding:5px 0 0 32px;
	margin:0;
}


div#joinformWrapper div.formText {
	float:left;
	font-size:10px;
	padding:5px;
	margin-left:10px;
}

div#joinformWrapper label.formLabel {
	float:left;
	margin:0 10px 0 0px;
	text-align:right;
	width:150px;
	font-weight:bold;
	line-height:24px;
}
div#joinformWrapper label.formLabel2{
	float:left;
	margin:0 10px 0 0px;
	text-align:right;
	width:75px;
	font-weight:bold;
	line-height:24px;
	
}

div#joinformWrapper label.formLabel_long {
	float:left;
	margin:0 10px 0 0px;
	text-align:right;
	width:150px;
	font-weight:bold;
}

div#joinformWrapper label.formSubLabel {
	font-size:9pt;
}

div#joinformWrapper div.formSubField {
	padding-bottom:5px;
}

div#agreementWrap {
	margin-left:141px; 
	width:388px; 
}

div#agreementWrap div.tick {
	float:left; 
	width:12px; 
	margin-right:10px;
}

div#agreementWrap div.agreementTxt {
	float:left; 
/*	width:404px;*/
	width:358px; 
	font-size:11px;
}

div#agreementWrap div.agreementSpacer {
	clear:both; 
	height:12px;
}

div.rowHighlight, div.rowPlain {
	padding:0 0 12px 0;
}

div.rowHighlight {
	background-color:#f3f3f3; 
}

.captchaCode {
	float:left; 
	background-color:#fcf1d1; 
	padding:5px 20px; 
	width:137px; 
	font-weight:bold; 
	font-size:30px; 
	text-align:center; 
	border: 1px solid #faa126;
}

.refreshCode {
	float:left; 
	width:160px; 
	padding-left:10px; 
	padding-top:20px; 
	font-size:11px;
}

div#joinDefaultRightCol {
	float:left; 
	width:346px;
}

div.joinConditions {
	margin-bottom:30px;
	background-color:#fdf5eb; 
	border: 1px solid #faa126;
	padding:10px;
}

div#joinConditionsList {
	margin:5px 0px 0px 35px; 
	color:#000;
}

div#joinImg {
	text-align:center; 
	margin:15px 0px;
}

/* EMAIL USE */

div.useIcon, div.genuineIcon {
	width:15px; 
	margin:2px 5px 0 0; 
	float:left;
}

div.useTxt {
	width:269px; 
	padding-top:3px;
	float:left;
}

div.genuineTxt {
	width:562px; 
	float:left;
}

div#joinformWrapper div.formField div.useTxt ul {
	padding:5px 0 5px 15px;
	margin:0;
	font-size:11px;
}

div#joinformWrapper div.formFieldError div.useTxt li {
	font-size:11px;
}

div#joinformWrapper div.formFieldError div.useTxt ul {
	padding:5px 0 5px 15px;
	margin:0;
	font-size:11px;
}

div#joinformWrapper div.formField div.useTxt li {
	font-size:11px;
}



span.useGreen, span.useRed, span.useYellow,
span.genuineGreen, span.genuineRed, span.genuineYellow {
	font-weight:bold;
}	

span.useGreen {
	color:#229E00;
	/*font-size:12pt;*/
}

span.genuineGreen {
	color:#229E00;
}

span.useRed, span.genuineRed {
	color:#cc0000;
}

span.useYellow, span.genuineYellow {
	color:#f1b324;
}

/* PROGRESS BAR ON VERIFICATION PAGE */

div#verifyProgWrap {
	width:943px;
	height:40px;
	padding:0px;
	margin:0px;
	background-color:#fff;
}

div#progBarEmpty {
	float:left; 
	width:337px; 
	display:block; 
	background-color:#f3f3f3; 
	margin-left:1px;
}

/* TESTIMONIALS */

div#testimonial1, div#testimonial2, div#testimonial3, 
div#testimonial4, div#testimonial5, div#testimonial6 {
	position: absolute; 
	visibility:hidden;
}

div#lrgTestimonialWrap {
	float:left; 
	width:630px; 
	height:277px; 
	margin-right:10px;
}

div.lrgTestimonialImg {
	float:left; 
	width:315px;
	margin-right:1px;
}

div.lrgTestimonialTxtBox {
	float:left; 
	background:url('../Img/join/testimonials/purpleBg.gif') #331165 repeat-x;
	color:#fff; 
	width:314px; 
	height:277px;
}

div.lrgTestimonialTxt {
	padding:24px;
	font-size:11pt; 
	line-height:1.6em;
}

div.medTestimonialWrap, div.medTestimonialLast {
	width:100px; 
	float:left; 
	font-size:8pt;
}

div.medTestimonialWrap {
	margin-right:10px;
}

div.smlTestimonialLeftWrap {
	float:left; 
	width:144px; 
	margin-right:20px;
}

div.smlTestimonialWrap {
	float:left; 
	width:143px; 
	margin-right:20px;
}

div.smlTestimonialRightWrap {
	float:left; 
	width:144px;
}

div.smlTestimonialHead {
	background:url('../img/join/testimonials/headerBg.gif') #e6e6e6 repeat-x; 
	height:43px;
}

div.smlTestimonialImg {
	float:left;
}

div.smlTestimonialAuthor {
	float:left; 
	width:91px; 
	margin-left:5px; 
	font-size:8pt;
}

div.smlTestimonialTxt {
	padding:5px 3px; 
	font-size:8pt;
}

/*new*/
.joinForm{
	border:1px solid #e4e4e4;
}
input.fields{
	padding:2px;
	position:relative;
	margin:0;
}
select.selectFields{
	width:246px;
}
div.hint {
	font-size:11px;
	color:#000000;
	width:310px;
	position:absolute;
	margin: -11px 0 0 20px;
	display:none;
	position:absolute;
	z-index:100;
	line-height:14px;
}

div.hintContent{
	background:#ffffff url(../img/common/tooltips_bg.gif) repeat-y 0 0;
	padding:0 10px;
	width:290px;
}
div.hintContent .dashedBlue{
	border-top:1px dashed #b1c2f9;
	width:285px;
	padding:0 0 7px 0;
}

#joinformWrapper div.hint p{
	padding:0 0 7px 0;
	margin:0;
}

div.hint b.arrow{
	font-weight:normal;
	background:url(../img/common/tooltips_arrow.gif) no-repeat 0 0;
	width:14px;
	height:23px;
	position:absolute;
	top:11px;
	left:-12px;
}

div.hint_short {
	font-size:11px;
	background:#ffffff url(../img/join/tooltips_bg_short.gif) repeat-x 0 0;
	color:#444;
	border:1px solid #cccccc;
	padding:10px;
	width:290px;
	position:absolute;
	margin: -5px 0 0 20px;
	display:none;
	position:absolute;
	z-index:10;
	line-height:14px;
	vertical-align:middle;
}

#joinformWrapper div.hint_short p{
	padding:0 0 7px 0;
	margin:0;
}

div.hint_short b.arrow{
	font-weight:normal;
	background:url(../img/join/tooltips_arrow_short.gif) no-repeat 0 0;
	width:15px;
	height:17px;
	position:absolute;
	top:7px;
	left:-15px;
}



span.optional{
	font-size:10px;
	font-style:italic;
}
.fieldWidth297{
	width:297px;
}
.fieldWidth238{
	width:238px;
}
.fieldWidth172{
	width:172px;
}

fieldset{
	border:0 none;
	margin:0;
	padding:3px 0 3px 10px;
}

* html fieldset{
	padding:2px 0 2px 10px;
}

*:first-child+html fieldset{
	padding:2px 0 2px 10px;
} 

.padding10{
	padding:8px 0;
}
.activeJoinBtnLrg{
	background:#febc1d url(../img/join/joinBtnBg.gif) repeat-x 0 0;
	border-top:1px solid #fdd04e;
	border-left:1px solid #fdd04e;
	border-right:1px solid #edb40a;
	border-bottom:1px solid #edb40a;	
	width:201px;
	cursor:pointer;
	font-weight:bold;
	margin:10px 0 0 170px;
	font-size:20px;
}
.clear{clear:both;}
#joinformWrapper .joinErrorMsg{
	background-color:#ce1212;
	color:#ffffff;
	font-weight:bold;
	padding:5px 10px 8px 10px;
}
#joinformWrapper .joinErrorMsg p{
	padding:0;
	margin:0;
}

.errorMegForField{
	color:#ce1212;
	font-size:11px;
	font-weight:bold;
	margin-left:172px;
	padding-right:20px;
}
.errorMegForFieldNoMargin{
	color:#ce1212;
	font-size:11px;
	font-weight:bold;
	padding:0 20px 10px 0;
}

.sample{
	padding:5px 10px 5px 10px;
}
.sample img{
	float:left;
	padding-right:10px;
}
.sample span{
	float:left;
	width:200px;
	line-height:20px;
}
.sample span.greenText{
	font-size:14px;
	font-weight:bold;
	color:#42a531;
}
.sample span.redText{
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
}

.whyJoin{
	width:100%;
	border:1px solid #e4e4e4;
	margin-bottom:30px;
}
.whyJoinContainer{
	position:relative;
	width:98%;
	/*background:#f3f3f3;*/
	background:#f3f3f3;
	margin:4px;
}

.whyJoinContainer h5{
	padding:10px;
}

.whyJoinContainer ol{
	padding:0 0 10px 35px;
	margin:0;
	font-weight:bold;
}

.whyJoinContainer li{
	padding:0 0 5px 0;
}

.whyJoinContainer li span{
	font-weight:normal;
}

.whyJoinContainer img{
	position:absolute;
	bottom:10px;
	right:0;
}
.marginJoinBtn{
	margin:10px 0 5px 168px;
}
* html .marginJoinBtn{
	margin:10px 0 5px 59px;
}
*:first-child+html .marginJoinBtn{
	margin:10px 0 5px 85px;
}

input.join{
	width:201px;
}
