.ui-widget-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#FFFFFF;
	filter:alpha(opacity=75);
	opacity:.75;
	text-align:center;
	z-index: 500;
}

#modalContentPieces {
	display: none;
}

/* GENERAL STYLES */

/* CONTAINERS */

/* OVERRIDE ANNOYING TOP CUT OFF ISSUE */

.ui-dialog {
    padding-top: 50px;
}

.aj_modal {
  outline-style: none;
  background: none repeat scroll 0 0 transparent;
}

.aj_modal  .aj_modalWindowHead {
    background:url(/ngaosbn/OAimages/email_offers/img-signup-top.png) no-repeat top left;
	height: 11px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
}

.aj_modal  .aj_modalWindowBody {
    background:url(/ngaosbn/OAimages/email_offers/img-signup-mid.png) repeat-y top left;	
    width:100%;
    height: auto;
    overflow: hidden;		
}

.aj_modal  .aj_modalWindowFoot {
    background:url(/ngaosbn/OAimages/email_offers/img-signup-bot.png) no-repeat top left;
	height: 11px;		
	font-size: 1px;
	line-height: 1px;
	width: 100%;

}

/* TO ENABLE SCROLLING */
.aj_modal .aj_scrolling {
    OVERFLOW: auto;
    height: 300px;
    width: 563px;
}

.aj_popcontent, #aj_thanksmsg {
	padding: 20px 20px 20px 30px;
}

/* FIX LAME ALIGNMENT ISSUE */
#receiveEmailOffers h2, #aj_signupFrm, .aj_thanksmsg {
    margin-left: 10px;
}

.ui-dialog-titlebar  {
	display: none;
}

/* FONT, COLOR, ETC */

.aj_modal  h1, aj_modal   p {
    text-align: left;
    color: #666;
}

.aj_modal   h1 {
    margin-top: 0;
    margin-bottom: 8px;
}

.aj_modal   p {
    padding:0 20px 15px 2px;
    font-size: 13px;
}

 .aj_emailerrormsg {
	font-size: 12px;	
    color: #FF0000;
	display: block;
	clear: both;
}

/* BUTTONS/CTAs */
.aj_modal_cancel {
    background: url(/ngaosbn/OAimages/email_offers/btn-signup-close.gif) no-repeat;
    height: 25px;
	width: 26px;
	float: right;
    text-indent: -9999px;
    margin-top:0px;
    display: block;
	outline-style: none;
	border: 0;
}


.aj_modal_continue {
    background: url(/ngaosbn/OAimages/email_offers/btn-signup-continue.gif) no-repeat;
    margin: 10px auto;
    width: 87px;
    height: 26px;
    text-indent: -9999px;
    display: block;
}

.aj_modal_continue:hover {
    background-position: 0px -26px;
}

/* INDIVIDUAL WINDOW STYLES */

/* MAX CARD ERROR */

div#modal_tooManyCardsError {
    font-family: Arial, Helvetica, Sans-Serif;
	z-index: 999;
	color: #5e5e5e;
}

div#modal_tooManyCardsError .aj_emailerrormsg {
	font-size: 12px;	
}

#aj_modalRemoveForm p {
    margin-left: 10px;
}

#aj_modalWindowRemoveCards {
    text-align: center;
    width: 75%;
	margin: 0 auto;
}

#modal_tooManyCardsError h2 {
    margin-top: 20px;
}

#aj_modalWindowRemoveCards #clonedTray {
    margin: 0px auto 0px auto;
    z-index: 1;
    zoom: 1;
}

#clonedTray .aj_card_wrapper {
    float: left !important;
    width: 20% !important;
    zoom: 1;
    z-index: 100;
	font-size: 11px;
	margin: 0 10px;
}

#clonedTray .aj_card_wrapper .aj_card {
    width: auto !important;
}

.dj_ie6 #clonedTray .aj_card_wrapper {
	margin: 0 5px;
}

.dj_ie6 #clonedTray .aj_modal_cancel {
	border: 0px !important;
}

#clonedTray div div {
    margin: 0 auto;
}

#clonedTray .aj_remImg {
    margin: 8px auto 0 auto;
    cursor: auto;
    float: none;
    display: block;
    background-position: top center;
	width: 49px;
	height: 32px;
}

#clonedTray .aj_remTxtBox {
    margin-top: 10px;
    text-align: center;
    padding: 0 2px 2px 0;
    float: none;
    height: 55px;
	font-size: 11px;
}

#clonedTray .aj_modalblock {
    height: 5px;
    width: 100%; 
}

#aj_modalButtons {
    float: right;
    cursor: pointer;
    padding-top: 10px;
}

#modal_tooManyCardsError #aj_modalButtons {
	float: none;
	width: 87px;
	margin: 20px auto 0 auto;
}

#modal_tooManyCardsError .aj_modal_cancel {
    margin-right: 10px;
    position:relative;
    right:10px;
    top:-25px;
}

.dj_ie6 #modal_tooManyCardsError .aj_modal_cancel,
.dj_ie7 #modal_tooManyCardsError .aj_modal_cancel {
    top: 0;
    right: 0;
}

/* RECEIVE EMAIL OFFERS */

div#receiveEmailOffers {
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
    height: 500px;
}

#receiveEmailOffers h2 {
	color: #5e5e5e;
	font-size: 18px;
	margin-top:15px; 
	margin-bottom:15px;
}

#receiveEmailOffers .aj_tagline {
	margin:20px 0 20px 10px;
	padding: 0;
	color: #5e5e5e;
}

div#receiveEmailOffers .formInput {
	float: left;
	font-weight: bold;
	padding: 10px 0 0 0;
}

div#receiveEmailOffers .formInput input {
	width: 174px;
}

/* IE6 and 7 have some weird sort of native margin, override it. 
    Does not occur in IE8, therefore individual browsers have been targeted. */
.dj_ie6 div#receiveEmailOffers .formInput input,
.dj_ie7 div#receiveEmailOffers .formInput input {
    margin-left: -10px;
}

div#receiveEmailOffers label {
	display: block;
	width: 195px;
}

div#receiveEmailOffers .aj_required {
	float: none;
	clear: both;
	padding-top: 10px;
}

#receiveEmailOffers a.aj_frmsubmit:hover {
	background-position:0 -26px;
	text-indent:-9999px;
}

div#receiveEmailOffers a.aj_frmsubmit {
	display:block;
	width:87px;
	height:26px;
	background:url(/ngaosbn/OAimages/email_offers/btn-signup-continue.gif) no-repeat top left;
	margin:10px 0 0 0;
	overflow: hidden;
	text-indent:-9999px;
	float: right;
}