/*
######################################################################################
######                                                                        #######
######     STANDARD/MARKUP STYLES                                            #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** MARKUP STYLES ***********************************************************/
/******************************************************************************/

html, body {
	height: auto !important;
	min-height: 100%;
	height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	font: normal 85% Arial, Verdana, Helvetica, sans-serif;
	color: #E8E8E8;
	background-color: #F47320;
	text-align:center;
	}

img {
	border: 0;
	}
a {
	text-decoration: none;
	color: #A5A5A5;
	}
a:hover {
	text-decoration: underline;
	}
p {
	margin: 0 0 10px 0;
	}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
form {
	padding: 0;
	margin: 0;
	}
hr {
	display: none;
	}
table, td, th {
	font-size: 1em;
	}
small {
	font-size: 0.9em;
	}


/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/

h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font: normal 1.8em Arial, Helvetica, sans-serif;
	height: 18px;
	}
h1#register a {
	display: block;
	width: 74px;
	height: 18px;
	background-image: url(../images/ttl_register.gif);
	background-position: 0 -19px;
	text-indent: -6767px;
	overflow: hidden;
	}
h1#register a:hover,
h1#register a.active {
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
h1#registration-complete span {
	display: block;
	width: 192px;
	height: 18px;
	background-image: url(../images/ttl_registration-complete.gif);
	text-indent: -6767px;
	overflow: hidden;
	}
h1.active {
	}
	
h2 {
	margin: 0 0 13px 0;
	padding: 0;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	}
h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	}
h4 {
	margin: 0 0 4px 0;
	padding: 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	}
h5 {
	margin: 0;
	padding: 0;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	}
h6 {
	margin: 0;
	padding: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
	font-style: italic;
	}
	
.txt-image {
margin-left:-3px;
}


/********************************************************************************/
/***** MEDIA STYLES ************************************************************/
/******************************************************************************/

.notforscreen {
	display: none;
	}
.notforprint {
	}
.notforhandheld {
	}

.screenonly {
	}
.printonly {
	display: none;
	}
.handheldonly {
	display: none;
	}


/********************************************************************************/
/***** MISC STYLES *************************************************************/
/******************************************************************************/

/***** ERROR MESSAGE *****/

.error_message { 
	display: block;
	padding: 3px 4px 4px 4px;
	background-color: #FFDDDD;
	border: 1px solid #FF0000;
	margin: 0 0 10px 0;
	color: #943131;
	}
	.error_message em{ 
		font-style: normal;
		}
	.error_message p {
		margin-bottom: 6px;
		}
	.error_message ul {
		margin: 0 0 0 20px;
		padding: 0;
		}
		.error_message ul li {
			padding: 0;
			margin: 0;
			}


/***** CLEAR *****/

.clear {
	height: 0;
	overflow: hidden;
	clear: both;
	}
.clear_l { clear: left; }
.clear_r { clear: right; }
.clear_n { clear: none; }


/***** FLOAT *****/

.float_l { float: left; }
	img.float_l { margin-right: 10px; margin-bottom: 10px; }
.float_r { float: right; }
	img.float_r { margin-right: 10px; margin-bottom: 10px; clear: right; }
.float_n { float: none; }


/***** TEXT ALIGN *****/

.align_l { text-align: left; }
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_j { text-align: justify; }


/***** DISPLAY *****/

.display_n { display: none; }
.display_b { display: block; }
.display_i { display: inline; }


/********************************************************************************/
/***** LINK STYLES *************************************************************/
/******************************************************************************/



/********************************************************************************/
/***** LINE STYLES *************************************************************/
/******************************************************************************/

.dots_horizontal {
	clear: both;
	background-image: url(file:///F|/Projects/Web assistance/Resources/Web template/images/dots_horizontal.gif);
	background-repeat: repeat-x;
	height: 1px;
	overflow: hidden;
	font-size: 0.2em;
	line-height: 0.2em;
	margin-bottom: 10px;
	}
.line_horizontal {
	clear: both;
	height: 1px;
	overflow: hidden;
	font-size: 0.2em;
	line-height: 0.2em;
	margin-bottom: 10px;
	background-color: #B6B6B6;
	}


/********************************************************************************/
/***** COLOR STYLES ************************************************************/
/******************************************************************************/

.blue {
	color: blue;
	}
.red {
	color: red;
	}
.green {
	color: green;
	}
.orange {
	color: #FFBE83;
	}



/*
######################################################################################
######                                                                        #######
######     WEB TEMPLATE STYLES                                               #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** WRAPPER STYLES **********************************************************/
/******************************************************************************/

#wrapper1 {
	display: table; 
	position: relative; 
	overflow: hidden;
	font-size: 0.9em;
	width: 780px;
	margin: 0 auto;
	text-align:left;
	}

#wrapper2 {
	/*#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;*/
	width: 760px;
	padding-bottom:20px;
	
	}
#wrapper3 {
	/*#position: relative;
	#top: -50%;*/
	width: 400px;
	padding-top:150px;
	float:left;
		}

#wrapper_flash {
	width: 215px;
	float:right;
	}

/********************************************************************************/
/***** TOP STYLES **************************************************************/
/******************************************************************************/

#tabs {
	margin: 0;
	padding: 0;
	clear: both;
	margin: 0 0 19px 0;
	width: 506px;
	}
	#tabs li {
		float: left;
		width: 506px;
		height: auto !important;
		min-height: 19px;
		height: 19px;
		margin: 0 0 19px 0;
		padding: 0;
		list-style-type: none;
		}
		
		/** Text **/
		#tabs li span {
			float: left;
			padding-left: 117px;
			width: 506px;
			width/**/:/**/ 389px;
			}
		
		/** Links **/
		#tabs li a {
			float: left;
			height: 19px;
			text-indent: -6767px;
			overflow: hidden;
			background-position: -45px 0;
			}
		
		#tabs li a.active {
			background-position: -45px -20px;
			text-decoration: none;
			}
		
		#tabs li.link_design a {
			background-image: url(../images/design-out.gif);
			width:246px;
			}
		#tabs li.link_design a:hover {
			background-image: url(../images/design-on.gif);
			}
		#tabs li.link_brooklyn a {
			background-image: url(../images/brooklyn-out.gif);
			margin-left:40px;
			width: 246px;
			}
		#tabs li.link_brooklyn a:hover {
		background-image: url(../images/brooklyn-on.gif);
		}
		#tabs li.link_green a {
			background-image: url(../images/green-out.gif);
			width: 246px;
			}
			
			#tabs li.link_green a:hover {
			background-image: url(../images/green-on.gif);
			width: 246px;
			}


/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/

#header {
	clear: both;
	}
	#header img {
		display: block;
		}


/********************************************************************************/
/***** FOOTER STYLES ***********************************************************/
/******************************************************************************/

#footer {
	clear:both;
	float: left;
	padding-left: 120px;
	width: 371px;
	padding-top: 15px;
	font-size: 0.8em;
	}
	#footer .left {
		position: relative;
		float: left;
		left: 15px;
		top: 7px;
		margin: 0;
		padding: 0;
		}
	#footer .right {
		position: relative;
		float: right;
		right: 15px;
		top: 7px;
		margin: 0;
		padding: 0;
		}
		#footer .right a {
			color: black;
			padding: 0 8px 0 6px;
			}
		#footer .right a:hover {
			text-decoration: underline;
			}
		#footer .right a.active {
			font-weight: bold;
			}



/*
######################################################################################
######                                                                        #######
######     GENERIC COMPONENT STYLES                                          #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/****** COLUMN STYLES **********************************************************/
/******************************************************************************/

/***** PAGE CONTENT COLUMNS *****/

.half {
	float: left;
	width: 49.9%;
	width/**/:/**/ 48% !important;
	width/**/:/**/ 47.9%;
	padding-right: 2%;
	}
.third {
	float: left;
	width: 33%;
	width/**/:/**/ 31%;
	padding-right: 2%;
	}
.two_thirds {
	float: left;
	width: 66%;
	width/**/:/**/ 64%;
	padding-right: 2%;
	}
.quarter {
	float: left;
	width: 24.9%;
	width/**/:/**/ 23% !important;
	width/**/:/**/ 22.9%;
	padding-right: 2%;
	}
.three_quarters {
	float: left;
	width: 74.9%;
	width/**/:/**/ 73% !important;
	width/**/:/**/ 72.9%;
	padding-right: 2%;
	}


/***** TEMPLATE STRUCTURE COLUMNS *****/

.content_half {
	float: left;
	width: 50% !important;
	width: 49.9%;
	}
.content_third {
	float: left;
	width: 33% !important;
	width: 33.3%;
	}
.content_two_thirds {
	float: left;
	width: 66% !important;
	width: 66.6%;
	}
.content_quarter {
	float: left;
	width: 25% !important;
	width: 24.9%;
	}
.content_three_quarters {
	float: left;
	width: 75% !important;
	width: 74.9%;
	}


/********************************************************************************/
/****** SIFR STYLES ************************************************************/
/******************************************************************************/

/***** STANDARD STYLES (do not modify) *****/

.sIFR-flash {	visibility: visible !important; margin: 0; }
.sIFR-replaced {visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}


/***** HIDE ADBLOCK OBJECT TAG: *****/

/** the text should show up just fine, not poorly with a tab laid over it. **/
.sIFR-flash + div[adblocktab=true] { display: none !important; }


/***** DECOY STYLES *****/

.sIFR-hasFlash h1 {
	visibility: hidden;
	}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
	}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
	}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
	}
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
	}
	

/***** PRINT STYLES *****/

@media print {
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
	}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	}
}


/********************************************************************************/
/****** FORM STYLES ************************************************************/
/******************************************************************************/

/***** FORM ELEMENTS *****/

.frm_text,
.frm_text_sml,
.frm_dropdown,
.frm_multi,
textarea {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #D16024;
	border: 1px solid #EEAC7A;
	}
.frm_check,
.frm_radio {
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
	}
.frm_button {
	}
.frm_submit {
	}

label {
	}
	label em,
	span em {
		color: red;
		}

	
/***** FIELDSET FLOAT *****/

.fld_float {
	margin-bottom: 10px;
	}
	.fld_float label,
	.fld_float span {
		position: relative;
		top: 2px;
		float: left;
		width: 113px;
		font-weight: normal;
		color: #6A6A6A;
		height: auto !important;
		min-height: 20px;
		height: 20px;
		background-repeat: no-repeat;
		text-indent: -6767px;
		overflow: hidden;
		}
	.fld_float .frm_text,
	.fld_float .frm_dropdown,
	.fld_float .frm_multi,
	.fld_float .frm_file,
	.fld_float textarea,
	.fld_float .frm_float1 {
		float: left;
		width: 168px;
		margin-bottom: 10px;
		border: 0;
		background-color: #A6A6A6;
		color: white;
		padding: 2px 0;
		border: 0;
		}
	.fld_float .frm_float1 {
		background-color: transparent;
		}
	.fld_float .frm_dropdown {
		background-color: #E0E0E0;
		color: #727272;		
		}

	.fld_float .frm_check,
	.fld_float .frm_radio {
		position: relative;
		top: 2px;
		float: left;
		margin-bottom: 17px;
		width: 13px;
		height: 13px;
		}
	.fld_float .lbl_neutral {
		position: relative;
		float: left;
		width: auto;
		font-weight: normal;
		margin-bottom: auto;
		#margin-bottom: 19px;
		height: auto;
		z-index: 1;
		}
		.fld_float .lbl_neutral .spacer {
			margin-right: 10px;
			}
		.fld_float .lbl_neutral .frm_text,
		.fld_float .lbl_neutral .frm_dropdown,
		.fld_float .lbl_neutral .frm_multi,
		.fld_float .lbl_neutral .frm_file,
		.fld_float .lbl_neutral textarea {
			width: 80px;
			}
	
/** Fieldset float 1 **/

	.fld_float .frm_float1 .frm_check,
	.fld_float .frm_float1 .frm_radio {
		float: left;
		margin-bottom: 0;
		}
	.fld_float .frm_float1 label {
		position: relative;
		top: 0;
		float: left;
		font-weight: normal;
		width: 150px;
		left: 5px;
		margin-bottom: 0;
		}

/** Fieldset float 2 **/

	.fld_float .frm_float2 {
		float: left;
		width: 50px;
		}
		.fld_float .frm_float2 label {
			float: none;
			width: auto;
			display: block;
			text-align: center;
			font-weight: normal;
			font-size: 0.9em;
			padding-bottom: 7px;
			}
		.fld_float .frm_float2 .frm_check,
		.fld_float .frm_float2 .frm_radio {
			float: none;
			display: block;
			margin: auto;
			}
	
/** Fieldset float 3 **/

	.fld_float .frm_float3 {
		float: left;
		width: 168px;
		margin-bottom: 19px;
		padding: 0;
		border: 0;
		}
		.fld_float .frm_float3 label,
		.fld_float .frm_float3 .frm_check,
		.fld_float .frm_float3 .frm_radio {
			position: relative;
			top: 0;
			float: left;
			margin: 0;
			padding: 0;
			}
		.fld_float .frm_float3 .frm_check,
		.fld_float .frm_float3 .frm_radio {
			position: relative;
			}
	
/** Fieldset float 4 **/

	.fld_float .frm_float4 {
		float: left;
		width: 168px;
		margin-bottom: 0;
		padding: 0;
		border: 0;
		}
		.fld_float .frm_float4 .frm_check,
		.fld_float .frm_float4 .frm_radio {
			float: right;
			margin-left: 10px;
			}
		.fld_float .frm_float4 label {
			float: right;
			position: relative;
			top: 2px;
			width: 140px;
			font-weight: normal;
			color: #6A6A6A;
			height: auto;
			background-position: right top;
			}
		.fld_float .frm_float4 label.small {
			width: 40px;
			margin-left: 10px;
			}


/***** FIELDSET BLOCK *****/

.fld_block {
	margin-bottom: 10px;
	}
	.fld_block br {
		display: none;
		}

	.fld_block label,
	.fld_block span {
		font-weight: bold;
		display: block;
		clear: both;
		}
	.fld_block .lbl_neutral {
		float: left;
		width: auto;
		font-weight: normal;
		margin-bottom: 5px;
		clear: none;
		}
		.fld_block .lbl_neutral .frm_text,
		.fld_block .lbl_neutral .frm_dropdown,
		.fld_block .lbl_neutral .frm_multi,
		.fld_block .lbl_neutral .frm_file,
		.fld_block .lbl_neutral textarea {
			width: auto;
			}
		
	.fld_block .frm_text.frm_error,
	.fld_block .frm_dropdown.frm_error,
	.fld_block .frm_multi.frm_error,
	.fld_block .frm_file.frm_error,
	.fld_block textarea.frm_error {
/*		background-color: #ffdddd;
		border: 1px solid #FF0000;
		color: #943131;*/
/*		color:#FFF;
		background-color:#C73434;*/
		background-color:#F6F6D0
		}
		
	.fld_block .frm_text,
	.fld_block .frm_dropdown,
	.fld_block .frm_multi,
	.fld_block .frm_file,
	.fld_block textarea {
		display: block;
		}
	.fld_block textarea {
		}


/***** FIELDSET CHECK RADIO *****/

/** Left flowing INPUT **/
.fld_checkradio {
	margin-bottom: 5px;
	}
	.fld_checkradio .frm_check,
	.fld_checkradio .frm_radio {
		float: left;
		width: 13px;
		margin-right: 10px;
		margin-bottom: 3px;
		}
	.fld_checkradio label {
		float: left;
		width: 268px;
		margin-bottom: 3px;
		text-indent: 0;
		height: auto !important;
		min-height: 14px;
		height: 14px;
		}

/** Right flowing INPUT **/
.fld_checkradio2 {
	margin-bottom: 5px;
	}
	.fld_checkradio2 .frm_check,
	.fld_checkradio2 .frm_radio {
		float: left;
		width: 13px;
		margin-right: 10px;
		margin-bottom: 3px;
		}
	.fld_checkradio2 label {
		float: left;
		width: 268px;
		margin-bottom: 3px;
		text-indent: 0;
		height: auto !important;
		min-height: 14px;
		height: 14px;
		}


/***** FIELDSET SUBMIT *****/

/** Submit button **/
.fld_submit {
	}
	.fld_submit .visa-verify {
		position: absolute;
		left: -113px;
		top: 0;
		}
	.fld_submit .frm_message {
		position: relative;
		top: 4px;
		float: right;
		}
		.fld_submit .frm_message em {
			color: red;
			font-weight: bold;
			}


/** Link button **/
	.frm_link {
		margin-top: 15px;
		float: left;
		color: #767676;
		text-decoration: none;
		background-repeat: no-repeat;
		padding-left: 10px;
		background-image: url(file:///F|/Projects/Web assistance/Resources/Web template/images/arrow_grey_sml_right.gif);
		background-position: left 6px;
		background-color: transparent;
		border: 0;
		}
	.frm_link:hover {
		text-decoration: underline;
		}


/********************************************************************************/
/****** BUTTON STYLES **********************************************************/
/******************************************************************************/

/** Form buttons **/

.frm_submit,
.frm_submit2,
.frm_submit-active,
.frm_submit2-active {
	display: block;
	border: 0;
	padding: 2px;
	text-align: center;
	font-weight: normal;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	background-color: #D46419;
	color: white;
	text-transform: uppercase;
	width: 55px;
	margin-left: 8px;
	}
.frm_submit-active,
.frm_submit2-active {
	background-color: #AB5115;
	}

.frm_submit2 {
	background-color: #3C3C3C;
	}
.frm_submit2-active {
	background-color: #575757;
	}


/** Button links **/

.btn1_link,
.btn2_link {
	display: block;
	height: 24px;
	background-position: 10px 0;
	background-repeat: no-repeat;
	text-indent: -6767px;
	overflow: hidden;
	}
.btn1_link:hover,
.btn2_link:hover {	background-position: 10px -24px; }
	
.btn1_link {		background-color: #D6D3CB; }
.btn1_link:hover {	background-color: #E8E5DC; }

.btn2_link {		background-color: #AEA897; }
.btn2_link:hover {	background-color: #CFC7B4; }


/** Button IDs **/




/*
######################################################################################
######                                                                        #######
######     UNIQUE PAGE STYLES                                                #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/****** REGISTRATION FORM STYLES ***********************************************/
/******************************************************************************/

.main_form {
	clear:both;
	float: left;
	padding-left: 117px;
	width: 389px;
	}
	.main_form .frm_submit,
	.main_form .frm_submit-active {
		float: right;
		}
	.main_form label {
		text-transform: uppercase;
		font-weight: normal;
		font-size: 0.8em;
		}
	.main_form .column1 {
		float: left;
		width: 187px;
		margin-right: 15px;
		}
	.main_form .column2 {
		float: left;
		width: 187px;
		}
	
	.main_form .frm_text,
	.main_form .frm_dropdown {
		width: 183px;
		font-size: 0.9em;
		}
	.main_form .frm_dropdown {
		width: 185px !important;
		width: 187px;
		}

.txt-image {
margin-left:-3px;
}