HTML { background-color: #e3e3e3; font-family:Arial; font-size:13px; color:#717174; }

.abs {
	position:absolute;
	top:0;
	left:0;
	zoom:1;
}
.rel {
	@extend .abs;
	position:relative;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.margin-top-2 {
	margin-top: 2em;
}

.h
{
	visibility: hidden;
}


BODY {
	margin:0;
	padding: 0;
	font-size: 1em;
}

A { color:#717174; text-decoration: underline;}

A IMG { border: 0 none; } 



H1 { font-size: 1.84em; font-weight:bold; font-family:arial; color:#f47b20; padding:0; margin:0; line-height:2.75em; text-align:center;}
H2 {font-size: 2.53em; font-weight: normal; font-style: italic; color:#FFFFFF; padding:0; margin:0; line-height:1.25em; text-align:center; font-family:Georgia;}
H3 {font-size: 1.7em; font-weight: normal; color:#000000; padding:0; margin:0 0 0.5em 0; line-height:1.2em;}
H3.alt {
	font-size: 1.84em; 
	color:#f47b20; 
	margin-bottom: 0.4em;
}

H4 {font-size: 1em; font-weight: normal; color:#000000; padding:0; margin:0 0 0.75em 0; line-height:1.2em;}

P { padding:0; margin:0 0 1em 0; line-height: 1.3em; }


.white-bg {background-color:#FFFFFF;}
.tan-bg { background-color: #909090; }
.tan-bg H3, .tan-bg P { color: #FFF; }

.gray-bg { background-color: #eeeeee; }

.content { width:580px; margin:0 auto;}
.sleeve { width: 91%; margin:0 auto; padding: 1.8em 0;}

#short-form {
	width: 100%;
}



.left-column {
	width: 49%;
	float: left;
}

.right-column {
	float: right;
	width: 49%;
}

.column1 {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.column2 {
	float: left;
	width: 32%;
}
.column3 {
	float: right;
	width: 32%;
}

SELECT {
	font-family: Arial;
	font-size: 1em;
	line-height: 1.5em;
	color: #717174;
	border-collapse: collapse;
	border-radius: 0;
	margin: 0;
	height: 1.75em;
}

select[multiple] {
    font-family: Arial;
	font-size: 1em;
	line-height: 1.5em;
	color: #717174;
	border-collapse: collapse;
	border-radius: 0;
	margin: 0;
	height: auto;
}

UL {
	padding: 0 0 0 1.5em;
	margin: 0;
}

BUTTON, A.button {
	color: #FFF;
	background-color: #f5901f;
	border: 0 none;
	border-collapse: collapse;
	padding: 0 1.25em;
	height: 2.25em;
	cursor: pointer;
	font-size: 1em;
}
/*BUTTON:hover, A.button:hover {
	background-color: #ff7019;
}*/
A.button {
	text-decoration: none;
	display: inline-block;
	line-height: 2.25em;
}
BUTTON IMG, A.button IMG {
	vertical-align: text-top;
	display: inline-block;
	margin-left: 2em;
}
BUTTON.backward IMG, A.button.backward IMG {
	margin-left: 0;
	margin-right: 2em;
}
A.button.backward {
	margin-right: .6em;
	background-image: none;
	background-color: #cccccc;
}
A.button.skip {
	background-image: none !important;
	background-color: #cccccc;
}

A IMG { border: none 0; }

.shadow {
	background: url(/SigNet/includes/images/EMC/SignupForm/shadow-tile.png) scroll repeat-x 0 0 transparent;
	height: 7px;
	line-height: 7px;
	overflow: hidden;
}


#top-part 
{ 
	/*height:105px; */
	padding-top: .2em;
	padding-bottom: .2em;
	margin-bottom:1em;
}

#hero { height:230px; overflow: hidden; }
#hero H2 {
	 top:-185px; 
}
#hero H2 SMALL {
	display:block;
	font-family: arial;
	font-size: 0.6em;
	font-style: normal;
}


/* ------------ TAB BUTTONS ----------------------- */
#tab-buttons A { 
	color:#626262; 
	font-size:1.23em;
	float:left; 
	display:block; 
	width:193px; 
	height:4em; 
	text-align:center; 
	line-height:4em; 
	text-decoration:none; 
	background-color:#ebebeb; 
	margin-left: 5px; 
}
#tab-buttons A:first-child {margin-left:0; width: 184px; }

/*#tab-buttons A:hover,*/
#tab-buttons A.active { color:#FFF; background-color: #626262;}

#tab-buttons A#signup { color:#FFF; background-color: #f5901f; /* background:url(/SigNet/includes/images/EMC/SignupForm/orange_tile.gif) scroll repeat-y 100% 0 !important; */}


/* ------------------- TABS ----------------------- */
DIV#tabs {
	/* transition: height 2s;
	-moz-transition: height 2s;
	-webkit-transition: height 2s;
	-ms-transition: height 2s;
	-o-transition: height 2s; */
	
}
DIV#tabs > DIV {
	display: none;
	width: 100%;
}



/* -------------- SIGNUP FORM --------------------- */
.darkgray-bg{
	background-color: #4d575f;
}

#signup-form H3 {
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
	padding-right: 4em;
}


#signup-form H4 {
	color: #F68E1F;
	font-size: 1em;
	font-weight: normal;
	padding-right: 4em;
}

#signup-form a {
	color: #F68E1F;
	text-decoration: none;
}

#signup-form a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#signup-form HR {
    border: none;
    border-top: 1px solid #363e43;
    background-color: #7c8993; color: #7c8993;
    height: 1px;
    *height: 2px; /* IE6+7 need the total height */
}
#signup-form INPUT#email_authorized {
	float: left;
	width: 1.5em;
	font-size: 1.23em;
}
#signup-form LABEL {
	float: left;
	width: 100%;
	color: #ffffff;
}
#signup-form BUTTON {
	float: right;
	font-size: 1.23em;
}

#signup-form SPAN {
	margin-left: 2.5em;
	color: #FFF;
}


/* -------------- LOGIN FORM --------------------- */
.darkgray-bg{
	background-color: #4d575f;
}

#login-form H3 {
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
	padding-right: 4em;
}


#login-form H4 {
	color: #F68E1F;
	font-size: 1em;
	font-weight: normal;
	padding-right: 4em;
}

#login-form a {
	color: #F68E1F;
	text-decoration: none;
}

#login-form a:hover {
	text-decoration: underline;
	cursor: pointer;
}

INPUT.txt {
	width: 99%;
	border: 1px solid rgb(169, 169, 169);
	border-collapse: collapse;
	height: 2em;
	padding: 0 0 0 .25em;
	margin-bottom: 0.6em;
	font-size: 1.0em;
	font-family: arial;
}

.short-form-input
{
	width: 47%;
	border: 1px solid rgb(169, 169, 169);
	border-collapse: collapse;
	height: 2em;
	padding: 0 0 0 .25em;
	margin-bottom: 0.6em;
	margin-right: 0.6em;
	font-size: 1.0em;
	font-family: arial;
}

#login-form HR {
    border: none;
    border-top: 1px solid #363e43;
    background-color: #7c8993; color: #7c8993;
    height: 1px;
    *height: 2px; /* IE6+7 need the total height */
}
#login-form INPUT#email_authorized {
	float: left;
	width: 1.5em;
	font-size: 1.23em;
}
#login-form LABEL {
	float: left;
	width: 70%;
	color: #FFF;
}
#login-form BUTTON {
	float: right;
	font-size: 1.23em;
}

#login-form SPAN {
	margin-left: 2.5em;
	color: #FFF;
}



/* -------------- THE RULES --------------------- */
DIV#the-rules {
	
}





/* -------------- ABOUT US --------------------- */
DIV#about-us {
	
}






DIV#disclaimer {
	padding: 2em 0;
}





/* ----------------- POST SUBMIT CONTENT --------------------- */
#thank-you-page {
	overflow: hidden;
}

#lightboxes > DIV {
}
.lightbox {
	width: auto;
	margin: 0 auto;
	padding: 0;
}

.lightbox .column1 SPAN, 
.lightbox .column2 SPAN,
.lightbox .column3 SPAN {
	padding: 0 0.5em;
	font-size: 0.9em;
}


A#customize-button {
	font-size: 1.3em;
	height: 2.25em;
}

A.progress-prev, A.progress-next {
	height:39px;
	width:33px;
/*	background-image:url(/SigNet/includes/images/EMC/SignupForm/progress_button_sprite.gif);*/
	background-position:0 0;
	display: none;
}
A.progress-next {
	background-position: -33px 0;
	left: auto;
	right: 0;
}
A.progress-prev:hover {
	background-position: 0 -39px;
}
A.progress-next:hover {
	background-position: -33px -39px;
}

.progress-bar {
	overflow: hidden;
}
.progress-bar OL {
	height:39px;
	overflow:hidden;
	padding:0;
	margin:0;
	background-color: #f49d1e;
	width: 100%;

}
.progress-bar OL.left {
	left: -48%;
}
.progress-bar OL LI {
	display: inline;
	float: left;
	
	padding-right: 0;
	list-style-type:  none;
	position: relative;
	top: 0;
	left: 0;
}
#tab-profile {
	width: 25%;
}
#tab-prefs {
	width: 30%;
}
#tab-interests {
	width: 20%;
}
#tab-dests {
	width: 25%;
	background-image: none;
}
#tab-dests.active A {
	margin-right: 0;
}
.progress-bar OL LI A {
	display: block;
	height: 39px;
	padding-top: 13px;
	text-decoration: none;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
	color: #FFF;
}

.progress-bar OL LI.active {
	background-color: #f18a17;
}
.progress-bar OL LI.active A {

}
/*.progress-bar OL LI:hover {
	background-color: #f18a17;
}*/

.progress-bar OL LI A I {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: url(/SigNet/includes/images/EMC/SignupForm/numbers.png) scroll no-repeat 5px 8px;*/
}
#tab-prefs A I { background-position: 5px -40px; }
#tab-interests A I { background-position: 5px -91px; }
#tab-dests A I { background-position: 5px -139px; }




/* -------------------- FEEDBACK ---------------------- */
#feedback H3 {
	cursor: pointer;
	/*background: url(/SigNet/includes/images/EMC/SignupForm/orange/arrows.gif) scroll no-repeat 98% 7px transparent;*/
}
#feedback H3.open {
	cursor: pointer;
	background-position: 98% -23px;
}
#feedback-rows {
	display: none;
}
#feedback-rows DIV {
	line-height: 2.35em;
}
#feedback-rows DIV.odd {
	background-color: #dadada;
}
#feedback-rows DIV SPAN {
	padding-left: 1em;
}
#feedback-rows A.thumbs {
	float:right;
	display:block;
	width:22px;
	height:22px;
	background-image: url(/SigNet/includes/images/EMC/SignupForm/gray/thumbs.png);
	margin-right: 0.6em;
	margin-top: 0.3em
}
#feedback-rows DIV.up A.up {
	background-position: 0 -22px;
}
#feedback-rows DIV.none A.down {
	background-position: -22px 0;
}
#feedback-rows DIV A.down {
	background-position: -22px -22px;
}
#feedback-rows DIV.up A.down {
	background-position: -22px 0;
}


#progress-dots {
	padding:0.5em 0;
	text-align: center;
	font-size: 1em;
	color: #f5901f;
}
#progress-dots SPAN {
	height: 8px;
	line-height: 8px;
	/*background: url(/SigNet/includes/images/EMC/SignupForm/orange/dots.gif) scroll no-repeat 0 0 transparent;*/
	padding: 0 5px;
}
#progress-dots SPAN.current {
	background-position: 0 -15px;
}

.top-corners {
	border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	-o-border-radius: 12px 12px 0 0;
}

.bottom-corners {
	border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
	-o-border-radius: 0 0 12px 12px;
}

#preferences-shell {
	overflow: hidden;
}


#signup-submit-button IMG {
	vertical-align: text-bottom;
	margin-left: 1em;
}


#preferences-page .top-corners {
	overflow: hidden;
	margin-top: 1em;
}

/* SIGMKT-1208; all of these have been moved into id specific settings */
/*#preferences-page .top-corners IMG {
	display:block;
	margin: 0 2em 0 1em;
	float: left;
}*/

#preferences-page .top-corners H3 {
	margin-top: 1.2em;
}

.short-form-select
{
	width: 48%;
	border: 1px solid rgb(169, 169, 169);
	border-collapse: collapse;
	height: 2em;
	padding: 0 0 0 .25em;
	margin-bottom: 0.6em;
	margin-right: 0.6em;
	font-size: 1.0em;
	font-family: arial;
	color: #717174;
}

/* do full width banner if applicable, otherwise mobile view gets spot logo */
#agency_banner { display:block; }
#agency_spot_logo { display:none; }

/* force larger sized banner to width of form;*/
.agency_banner_full { width:580px; margin-left: auto; margin-right: auto;}


@media handheld, only screen and (max-width: 579px) {
	HTML {
		background-color: #FFF;
	}
	#top-part {
		margin-bottom: 0;
	}
	.content {
		width: 100%;
	}
	H1 {
		line-height: 1em;
		padding-bottom: 0.5em;
	}
	#hero h2 {
		top: -200px;
	}
	#hero h2 small {
		display: none;
	}
	.column1, .column2, .column3, .left-column, .right-column {
		float: none;
		width: 100%;
	}
	.column1, .left-column {
		
	}
	LI {
		font-size: 1.3em;
	}
	#feedback H3 {
		margin-top: 0.75em;
		background-position: 95% 4px;
	}
	#feedback-rows DIV {
		font-size: 1.1em;
	}
	SMALL {
		display: block;
		font-size: 1em;
	}
	#tab-buttons A {
		line-height: 1em;
		height: 2em;
		padding-top: 1em;
		width: 32.65%;
		margin-left: 1%;
	}
	#tab-buttons A:first-child {
		width: 32.65%;
	}
	
	DIV#disclaimer {
		padding: 2.5em 2.5%;
		width: auto;
		font-size: 0.85em;
		background-color: #909090;
		color: #ddd;
	}
	DIV#disclaimer A {
		color: #ddd;
	}
	LABEL {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	P {
		
	}
	.progress-bar {
		
	}
	.progress-bar OL LI A {
		padding-left: 10px;
		font-size: 0.7em;
	}
	.progress-bar LI A SPAN, .progress-bar LI A I {
		display: none;
	}
	.top-corners, .bottom-corners {
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
	}
	#signup-form h3 {
		margin-bottom: 0.75em;
		padding-right: 0;
	}
	
	#signup-form label {
		float: none;
		width: auto;
		font-size: 1.1em;
		padding-left: 0;
	}
	#signup-form input#email_authorized {
		height: 2em;
	}
	
	#signup-form span {
		margin-bottom: 0.6em;
		display: block;
	}

	#about-us .right-column {
		margin-top: 1.5em;
	}
	#preferences-page H3 {
		font-size: 1.35em;
	}
	.tan-bg .sleeve P {
		font-size: 1.1em;
	}
	
	
	input[type="checkbox"] {
		font-size: 1.5em;
	}
	
	BUTTON, A.button {
		padding: 0 5px;
	}
	
	BUTTON IMG, A.button IMG {
		margin-left: 1em;
	}
	BUTTON.backward IMG, A.button.backward IMG {
		margin-right: 1em;
	}
	.short-form-select
	{
		width: 101%;
	}
	.short-form-input
	{
		width: 100%;
	}	
	#agency_banner { display:none; }
	#agency_spot_logo { display:block; margin-left: auto; margin-right: auto;  }
	
}

@media handheld, only screen and (max-width: 450px) {
	#tab-buttons A.mid {
		padding-top: .5em;
		height: 2.5em;
	}	
}

input[type="text"], input[type="password"], input[type="email"], select,  input[type="checkbox"]  {
	outline-color: orange;
	outline-width: 2px;
}

.dropdown
{
	width: 101%;
	border: 1px solid rgb(169, 169, 169);
	border-collapse: collapse;
	height: 2em;
	padding: 0 0 0 .25em;
	margin-bottom: 0.6em;
	font-size: 1.0em;
	font-family: arial;
	color: #717174;
}


/* ------ COLOR OPTIONS HERE --------- */
BODY.lt-blue #progress-dots SPAN {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/lt-blue/dots.gif) ;
}
BODY.dk-blue #progress-dots SPAN {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/dk-blue/dots.gif) ;
}
BODY.green #progress-dots SPAN {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/green/dots.gif) ;
}
BODY.gray #progress-dots SPAN {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/gray/dots.gif) ;
}
BODY.red #progress-dots SPAN {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/red/dots.gif) ;
}
BODY.black #progress-dots SPAN {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/black/dots.gif) ;
}


BODY.lt-blue BUTTON, BODY.lt-blue A.button {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/lt-blue/button_tile.gif) ;
}
BODY.lt-blue BUTTON:hover, BODY.lt-blue A.button:hover {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/lt-blue/button_rollover_tile.gif);
}
BODY.dk-blue BUTTON, BODY.dk-blue A.button {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/dk-blue/button_tile.gif) ;
}
BODY.dk-blue BUTTON:hover, BODY.dk-blue A.button:hover {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/dk-blue/button_rollover_tile.gif);
}
BODY.green BUTTON, BODY.green A.button {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/green/button_tile.gif) ;
}
BODY.green BUTTON:hover, BODY.green A.button:hover {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/green/button_rollover_tile.gif);
}
BODY.gray BUTTON, BODY.gray A.button {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/gray/button_tile.gif) ;
}
BODY.gray BUTTON:hover, BODY.gray A.button:hover {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/gray/button_rollover_tile.gif);
}
BODY.red BUTTON, BODY.red A.button {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/red/button_tile.gif) ;
}
BODY.red BUTTON:hover, BODY.red A.button:hover {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/red/button_rollover_tile.gif);
}
BODY.black BUTTON, BODY.black A.button {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/black/button_tile.gif) ;
}
BODY.black BUTTON:hover, BODY.black A.button:hover {
	background-image: url(/SigNet/includes/images/EMC/SignupForm/black/button_rollover_tile.gif);
}


BODY.lt-blue .progress-bar OL {
	background-color: #2FB0EF;	
}
BODY.lt-blue .progress-bar OL LI.active, BODY.lt-blue .progress-bar OL LI:hover {
	background-color: #0173C5;
}
BODY.dk-blue .progress-bar OL {
	background-color: #3964DA;	
}
BODY.dk-blue .progress-bar OL LI.active, BODY.dk-blue .progress-bar OL LI:hover {
	background-color: #1035BA;
}
BODY.green .progress-bar OL {
	background-color: #6D9D4C;	
}
BODY.green .progress-bar OL LI.active, BODY.green .progress-bar OL LI:hover {
	background-color: #3C6F1E;
}
BODY.gray .progress-bar OL {
	background-color: #6B6B69;	
}
BODY.gray .progress-bar OL LI.active, BODY.gray .progress-bar OL LI:hover {
	background-color: #494949;
}
BODY.red .progress-bar OL {
	background-color: #C12F31;	
}
BODY.red .progress-bar OL LI.active, BODY.red .progress-bar OL LI:hover {
	background-color: #9D090B;
}
BODY.black .progress-bar OL {
	background-color: #393939;	
}
BODY.black .progress-bar OL LI.active, BODY.black .progress-bar OL LI:hover {
	background-color: #101010;
}


BODY.lt-blue H3.alt { color: #2FB0EF; }
BODY.dk-blue H3.alt { color: #3964DA; }
BODY.green H3.alt { color: #6D9D4C; }
BODY.gray H3.alt { color: #6B6B69; }
BODY.red H3.alt { color: #C12F31; }
BODY.black H3.alt { color: #393939; }


BODY.lt-blue #feedback H3 { background-image: url(/SigNet/includes/images/EMC/SignupForm/lt-blue/arrows.gif); }
BODY.dk-blue #feedback H3 { background-image: url(/SigNet/includes/images/EMC/SignupForm/dk-blue/arrows.gif); }
BODY.green #feedback H3 { background-image: url(/SigNet/includes/images/EMC/SignupForm/green/arrows.gif); }
BODY.gray #feedback H3 { background-image: url(/SigNet/includes/images/EMC/SignupForm/gray/arrows.gif); }
BODY.red #feedback H3 { background-image: url(/SigNet/includes/images/EMC/SignupForm/red/arrows.gif); }
BODY.black #feedback H3 { background-image: url(/SigNet/includes/images/EMC/SignupForm/black/arrows.gif); }


BODY.lt-blue #feedback-rows A.thumbs { background-image: url(/SigNet/includes/images/EMC/SignupForm/lt-blue/thumbs.png); }
BODY.dk-blue #feedback-rows A.thumbs { background-image: url(/SigNet/includes/images/EMC/SignupForm/dk-blue/thumbs.png); }
BODY.green #feedback-rows A.thumbs { background-image: url(/SigNet/includes/images/EMC/SignupForm/green/thumbs.png); }
BODY.gray #feedback-rows A.thumbs { background-image: url(/SigNet/includes/images/EMC/SignupForm/gray/thumbs.png); }
BODY.red #feedback-rows A.thumbs { background-image: url(/SigNet/includes/images/EMC/SignupForm/red/thumbs.png); }
BODY.black #feedback-rows A.thumbs { background-image: url(/SigNet/includes/images/EMC/SignupForm/black/thumbs.png); }

/*  */
#login-options
{
	display: none;
}

#forgot-password-options
{
	display: none;
}

.uppercase
{
	text-transform: uppercase;
}

.red-text
{
	color: #FF0000;
}

hr
{
	border: 0;
	height: 0;
	border-top: 0px solid #CECECE;
	border-bottom: 1px solid #CECECE;	
}

.indent-label
{
	margin-left: 32px;
}

.validation-text-orange 
{
	color: #F68E1F;
}

.validation-text-red
{
	color: #FF0000;
}

.asterisk
{
	display: none;
}

.center-horizontally
{
	text-align: center; 
}