




/* consider moving to LF.css */

div.popup input.button { min-width: 90px; }


div.popup .btHolder.buttons { margin-top: 10px; }


div.popup .h1_text,
div.popup .g1_text,
div.popup .panelTitle {
	color: #000000;
	font-weight: bold;
}
div.popup .h1_text, div.popup .g1_text,
div.popup .panelTitle, #centerA div.popup .panelTitle { color: #000 !important; line-height: 28px; }

div.popup .h1_text, div.popup .h2_text,
div.popup .g1_text, div.popup .g2_text,
div.popup .panelTitle {
	margin-bottom: 10px;
	text-align: left;
}
div.popup .h2_text.important { margin-top: 5px; margin-bottom: 5px; }
div.popup .h1_text, div.popup .g1_text,
div.popup .panelTitle {
	border-bottom: 1px solid #888;
}
div.popup .panelTitle {
	float: none;
	font-size: 120%;
}
div.popup strong.keyword,
#errors strong.keyword { color: #B34AA7; }

div.popup .btHolder.buttons.big .button {
	height: 28px;
	display: block;
	line-height: 29px;
    white-space: no-wrap;
    background-color: #d3dddf;
    color: #676767;
    font-size: 14px;
    font-family: Gill;
    padding: 0 30px;
        
       -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
div.popup .btHolder.buttons.big .button.long { padding: 0 10px; }
div.popup .btHolder.buttons.big .button.important {
	color: white;
	background-color: #B294C0;
}





#contents div.popup ul {
	margin-left: 15px;
	margin-right: 0;
	list-style-image: none;
}
#contents div.popup ul li {
	margin-top: 0;
	line-height: inherit;
}











div.popup div.tabsHolder {
	background-image: url('/img/lyt/horiz_grey.png');
	background-repeat: repeat-x;
	background-position: center bottom;
}












div#backgroundSilencer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	xxheight: 100%;
	display: none;
	background-color: black;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	
}
body.fxBgSilenced { xxoverflow: hidden; }
body.fxBgSilenced div#backgroundSilencer { display: block; }




div#modalityEnforcer {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	background-color: white;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	
	z-index: 99;
}
body.fxModalityEnforced { xxoverflow: hidden; }
body.fxModalityEnforced div#modalityEnforcer,
body.fxSessionLost div#modalityEnforcer { display: block; }
body.fxModalityLevel2 div#modalityEnforcer {
	z-index: 9999;
}
body.fxSessionLost div#modalityEnforcer {
	background-color: black;
	z-index: 9999;
	opacity: 0.7;
}

body.fxSessionLost #errors {
	font-size: 14pt;
	width: 450px;
	margin-left: -225px;
}
body.fxSessionLost #errors .container { padding: 30px; }
body.fxSessionLost #errors .container a {
	display: block;
	margin: 30px auto 0;
	padding: 5px 30px;
	color: white;
	background-color: #B294C0;
	font-family: Gill, sans-serif;
	letter-spacing: 1px;
	height: 25pt;
	line-height: 26pt;
	text-align: center;
	min-width: 150px;
	border-radius: 3px;
	font-size: 12pt;
	text-transform: uppercase;
}


div.freezingPanel {
	position: absolute;
	left: 0px;
	top: 32px;
	width: 100%;
	height: 100%;
	height: calc(100% - 32px); /* get rid of double up/down scroll body+html */
	background-color: white;
	
	opacity: 0.8;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	
	z-index: 110;
}










div#importPop {
	margin-top: 160px;
	margin-left: 130px;
	width: 630px;
	height: 510px;
}



div#addrBook {
	margin-top: 100px;
	margin-left: 110px;
	width: 480px;
}
body.wide div#addrBook { margin-left: 210px; }
body.addressBook div#addrBook { margin-left: 55px; width: 875px; }

div#message,
div#groupMessage,
div#invitation2EK,
div#defineHost,
div#reuseEvent {
	margin-top: 260px;
	margin-left: 275px;
	width: 450px;
}

div#reuseEvent {
	margin-top: 200px;
}

div#envelopeSelector,
div#transferStamps {
	margin-top: 200px;
	margin-left: 250px;
	width: 525px;
}
div#envelopeSelector div.scroller { height: 300px; overflow: auto; overflow-x: hidden; }

div.popup#updateWebAddress { margin-left: 195px; }

div.popup#openAccessUrlPopup { margin-left: 350px; width: 500px; margin-left: -250px; }
div.popup#openAccessUrlPopup .url,
div.popup#rsvpCodesSourceEvents .url {
	letter-spacing: 1px;
	font-size: 15px;
}
div.popup#openAccessUrlPopup .url {
	overflow: hidden;
	text-overflow: ellipsis;
}
div.popup#openAccessUrlPopup .url a,
div.popup#rsvpCodesSourceEvents .url a {
	text-decoration: underline;
}

div.popup#shareOpenEventPopup { margin-left: 380px; }
div.popup#shareOpenEventPopup input[name="shareOpenEventEmail"] {
	width: 100%;
	margin: 10px 0;
}

div.popup#openAccessCodePopup { margin-left: 380px; }
div.popup#openAccessCodePopup #openAccessCodeINP {
	width: 200px;
}

.popup .shareIcons {}
.popup .shareIcons a { margin: 0 13px 0; }
.popup .shareIcons img { width: 50px; }


div.popup#invitationLinkPopup { width: 500px; }
div.popup#invitationLinkPopup .url {
	width: 310px;
	padding: 6px;
}


div.popup#rsvpCodesSourceEvents { width: 600px; margin-left: 270px; }
div.popup#rsvpCodesSourceEvents div.listItem div.text { width: 480px; }


div#removeContactsConfirmation {
	margin-left: 260px;
}
div#confirmation, div#dynaConfirmation, 
div#removeConfirmation,
div#addToProgramConfirmation,
div#basic, div#dissmissableMessage,
div#group, div#enableInviteConfirm {
	margin-top: 160px;
	margin-left: 175px;
	width: 420px;
}

div#dynaConfirmation.upgradePlan.buyService {
	width: 500px;
}
div#dynaConfirmation.upgradePlan.buyService input.button.important {
	margin-left: 10px;
}

div.popup#basic,
div.popup#confirmation,
div.popup#schedule,
div.popup#editEventTitle,
div.popup#photoNotif {
	width: 538px;
	box-shadow: none;
}

div#pwdRemind {
	width: 340px;
	margin-top: 235px;
	left: 50%;
	margin-left: -170px;
} 
div#pwdRemind .sButtonC input { width: 80px; }


div#makeRequest { width: 530px; margin-left: 200px; }
div#warnInvSentPopup { width: 400px; margin-left: 300px; }

div#paperContactFormPopup { width: 530px; margin-left: 200px; }


div.popup.confirmation div.panelTitle,
div#confirmation div.panelTitle, div#removeConfirmation div.panelTitle,
div#confirmation div.h1_text, div#removeConfirmation div.h1_text,
div#confirmation div.g1_text, div#removeConfirmation div.g1_text,
div.popup.confirmation strong, div#enableInviteConfirm strong,
div.popup.confirmation .h1_text, div#enableInviteConfirm .h1_text,
div.popup.confirmation .g1_text, div#enableInviteConfirm .g1_text,
div#confirmation strong, div#schedule strong, div#dynaConfirmation strong,
div#dynaConfirmation .h1_text, div#removeConfirmation .h1_text,
div#dynaConfirmation .g1_text, div#removeConfirmation .g1_text,
div#removeConfirmation strong {
	font-weight: bold;
}
div.popup.confirmation strong.purple, div#dissmissableMessage strong.purple,
div#confirmation strong.purple, div#schedule strong.purple, div#dynaConfirmation strong.purple, div#removeConfirmation strong.purple, 
div#enableInviteConfirm strong.purple {
	color: #B44BA8;
}

div.popup .purpleText {
	color: #B44BA8;
	font-weight: bold;
}

div.popup .sideHeader {
	float: right;
	margin: -35px 0 0;
	color: #636363;
	text-align: right;
}
div.popup .gray_text { color: #A0A0A0; }


div.popup input.button {
    min-width: 150px;
	height: 28px;
	margin: 0;
	background-color: #DCE4E6;
	color: #676767;
	font-family: Gill;
	font-size: 14px;
	text-shadow: none;
	border-radius: 4px;
}
div.popup input.button.important {
    background-color: #B294C0;
    color: #ffffff;
}
div.popup input.button:hover {
	background-color: #676767;
	color: #FFFFFF;
}
div.popup input.button.disabled {
	background-color: #EEF2F3;
	color: #FFFFFF;
	cursor: auto;
}
div.popup input.button.waiting {
	cursor: wait;
}

div#enableInviteConfirm,
div#defineHost,
div#confirmation,
div#schedule,
div#editEventTitle {
	margin-left: 270px;
}
div#removeConfirmation,
div#addToProgramConfirmation { margin-left: 350px; }
div#dynaConfirmation { margin-left: 300px; }


div#rsvpDateUpdate { margin-left: 300px; width: 490px; }
div#rsvpDateUpdate .mainText {
	font-size: 14px;
}
div#rsvpDateUpdate .firstLabelCol { width: 133px; }


div.popup#editEventTitle .layouter input.text {
	display: block;
	margin: 20px 0 25px;
	width: 509px;
}
div.popup#editEventTitle .buttonsC {
	text-align: center;
}


div.popup .senderAndSubject { margin: 10px 0px 0px; }
div.popup .senderAndSubject td {
	padding: 7px 0px 2px 0px;
}
div.popup .senderAndSubject .label {
	font-weight: bold;
	color: #636363;
	white-space: nowrap;
}
div.popup .senderAndSubject td.input {
	width: 100%;
	padding-left: 10px;
}

div.popup.hasEmojiPicker .senderAndSubject .label {
	vertical-align: middle;
}
div.popup.hasEmojiPicker .senderAndSubject .emojionearea {
	/* width: 443px; */
}
div.popup .senderAndSubject .sender input.text,
div.popup .senderAndSubject .subject input.text {
	width: 420px !important;
	/* height: 21px; */
	/* padding-left: 5px; */
}
div.popup .senderAndSubject input.text.disabled {
	/* box-shadow: inset 1px 1px 4px rgba(0,0,0,0.3); */
}
div.popup .senderAndSubject select.senderEmail {
	box-shadow: none;
	background-image: none;
	padding: 0 30px 0 10px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url("/img/rv/notch_down_margin_horiz_dark.png");
	background-position: right center;
	background-repeat: no-repeat;
}
div.popup .senderAndSubject .previewTextSwitch {
	padding: 7px 0 10px 0px;
}
div.popup .senderAndSubject .previewTextSwitch span {
	text-decoration: underline;
	cursor: pointer;
	color: #808080;
}
div.popup .senderAndSubject.previewText-false .previewText,
div.popup .senderAndSubject.previewText-true .previewTextSwitch { display: none; }


div.popup#photoNotif .fxStampsChargeCount1,
div.popup#photoNotif .fxShowOnInsufficientStamps,
div.popup#photoNotif.fxInsufficientStamps .fxHideOnInsufficientStamps,
div.popup#photoNotif .recurringPayment { display: none; }
div.popup#photoNotif.fxInsufficientStamps .fxShowOnInsufficientStamps { display: block; }
div.popup#photoNotif .stampAccountInfo > div {
	line-height: 22px;
}
div.popup#photoNotif .stampAccountInfo img.stamp {
	vertical-align: top;
}


.popup .stampOptions { margin: 7px 0; text-align: left; padding: 0 0 0 15px; }
.popup .fxShowOnInsufficientStamps strong { font-weight: bold; }
.popup .fxShowOnInsufficientStamps strong.purple { color: #B44BA8; }
.popup .stampOptions a {
	width: 120px;
	height: 28px;
	padding: 0;
	display: inline-block;
	line-height: 28px;
	border: none;
	border-radius: 4px;
}
.popup .stampOptions a:hover,
.popup .stampOptions a.selected { background-color: #DCE4E6; }
.popup .stampOptions a:first-child,
.stampOptions.package1 .option1,
.stampOptions.package2 .option2,
.stampOptions.package3 .option3,
.stampOptions.package4 .option4,
.stampOptions.package5 .option5,
.stampOptions.package6 .option6 { border-left: 0; }
.popup .stampOptions a span.count { color: #000000; text-align: right; }
.popup .stampOptions a img.ico { margin: 4px 0 3px 2px; }
.popup .stampOptions a span.price { float: left; margin-left: 5px; }


div#basic { margin-left: 260px; }

div#webEditorInitialEntryNote.popup { display: block; }
div#dissmissableMessage.popup, div#webEditorInitialEntryNote.popup {
	width: 500px;
	margin-left: 245px;
	font-size: 12px;
	z-index: 10001;
}
div#dissmissableMessage.popup .dissmissRow { text-align: center; margin-top: 15px; line-height: 18px; }
div#dissmissableMessage.popup .title,
div#webEditorInitialEntryNote.popup .title { font-weight: bold; margin-bottom: 10px; font-size: 14px; border-bottom: 1px solid #888; line-height: 28px; }
div#dissmissableMessage.popup .title h1,
div#webEditorInitialEntryNote.popup .title h1 { margin:0px; padding: 0px; }
div#dissmissableMessage.popup ul,
div#webEditorInitialEntryNote.popup ul { margin: 8px 0 10px 15px; font-weight: normal; }
div#dissmissableMessage.popup ul li,
div#webEditorInitialEntryNote.popup ul li { margin: 0 0 6px 0; padding: 0; font-size: 12px; }
div#dissmissableMessage.popup ul ul,
div#webEditorInitialEntryNote.popup ul ul { margin-top: 0; margin-bottom: 0; }

#webEditorInitialEntryNote .btHolder.buttons.big .button.important { padding: 0 10px; }



div#fbLikeThanks {
	margin-top: 280px;
	margin-left: 325px;
	width: 350px;
}

/** additional styles for elements displayed inside popup windows */


div#fbLikeThanks.popup .h1_text,
div#fbLikeThanks.popup .g1_text {
	border-bottom: 0;
	color: #B44BA8 !important;
	background-image: url("/img/ek_logo_v3.png");
    background-position: 1px 3px;
    background-repeat: no-repeat;
    padding-top: 35px;
    margin-bottom: 0;
}
div#fbLikeThanks.popup .h1_text,
div#fbLikeThanks.popup .g1_text,
div#fbLikeThanks.popup .contents {
	font-family: EKGeorgia, Georgia;
	font-size: 14pt;
	font-weight: normal;
	padding-left: 3px;
}
div#fbLikeThanks.popup .contents { font-size: 12pt; }

div#fbLikeThanks.popup form.fbLoginForm {
	display: none;
	margin: 15px 2px;
}
div#fbLikeThanks.popup form.fbLoginForm img.FB {
	margin-top: 2px;
    vertical-align: top;
    margin-right: 3px;
}
div#fbLikeThanks.popup form.fbLoginForm a { line-height: 24px; }
div#fbLikeThanks.popup form.fbLoginForm a:hover span { text-decoration: underline; }

div#fbLikeThanks.popup form.fbLoginForm.fbBusy a { visibility: hidden; }
div#fbLikeThanks.popup form.fbLoginForm.fbBusy {
	background-image: url('/img/fb_loading.gif');
	background-repeat: no-repeat;
	background-position: center 3px;
}

div#fbLikeThanks.showFbLogin form.fbLoginForm { display: block; }



div#basic input.text { width: 307px; }
div#basic textarea { width: 300px; }






/** RL export popup (moved here from rl.css)
*/
div#export {
	margin-top: 260px;
	margin-left: 275px;
	width: 490px;
}
div.popup#export hr { margin: 10px 0px 5px; }
div#export .options { padding-top: 0px; }
div#export .type .row { padding: 5px; }
div#export .options .row { padding: 5px 5px 0; }
div#export .email { padding: 20px 5px; }
div#export .email .text { width: 250px; }
div#export .note { font-style: italic; padding-bottom: 1rem; }
div#export input[type="radio"] + label + .warningIfChecked { display: none; }
div#export input[type="radio"]:checked + label + .warningIfChecked {
	display: block;
	color: #FF0000;
	font-weight: bold;
	padding: 5px 0 0 22px;
}







/** contacts import popup and its iframe */
#importPop iframe {
	width: 600px;
	height: 470px;
}





/**List of DataObjects showed in popup */
div#objectsListPopup {
	margin-top: 200px;
	margin-left: 275px;
	width: 350px;
}

div#objectsListPopup div.contents {
	margin: 20px;
}
div#objectsListPopup div.contents .scroller {
	height: 210px;
    overflow: hidden;
	overflow-y: auto;
}







div#addrBook iframe#fileUploadIF {
	width: 340px;
	height: 120px;
}

div#addrBook.newCommitteeHost .selectAllContactsCtx { display: none; }



/** photo upload with preview popup */

div#uploadPPPopup,
div#uploadFPopup,
div#uploadMusicPopup,
div#uploadVideoPopup {
	overflow: hidden;
}
div#uploadPPPopup,
div#uploadMusicPopup,
div#uploadVideoPopup {
	left: 50%;
	width: 820px;
	margin-left: -410px;
}
div#uploadPPPopup.dragAdjust {
	width: 516px;
	margin-left: -258px;
}
div#uploadFPopup { margin-top: 200px; margin-left: 0; left: 155px; width: 830px; } /** 500px is because ie resets percentage left pos when drag is inited */

div#uploadPPPopup h2, div#uploadFPopup h2, div#uploadMusicPopup h2 { line-height: normal; font-size: 14pt; margin: 0; }

div.popup .dropZone { display: none; }
div.popup .customFileInput .dropZone {
	display: block;
	width: 620px; height: 35px;
	line-height: 34px;
	border: 1px dashed #969696;
	margin: 0 0 10px;
	text-align: center;
}
div.popup .dropZone img.dropIcon { width: 30px; height: auto; vertical-align: middle; }
div.popup .dropZone .browseBtn { color: #3572b0; }
div.popup .customFileInput .standardFileInput {
	width: 0.1px; height: 0.1px;
	opacity: 0; z-index: -1;
	position: absolute;
	overflow: hidden;
}

div#uploadPPPopup    iframe,
div#uploadFPopup     iframe,
div#uploadMusicPopup iframe,
div#uploadVideoPopup iframe {
	display: block;
	width: 100%;
	height: 63px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div#uploadPPPopup iframe { height: 50px; }
div#uploadFPopup iframe { height: 50px; }
div#uploadPPPopup input.file, div#uploadFPopup input.file, div#uploadMusicPopup input.file, div#uploadVideoPopup input.file { height: auto; }
div#uploadPPPopup div.spacer, div#uploadFPopup div.spacer, div#uploadMusicPopup div.spacer, div#uploadVideoPopup div.spacer { padding: 0; }
div#uploadPPPopup    div.insideSpacer,
div#uploadMusicPopup div.insideSpacer,
div#uploadVideoPopup div.insideSpacer {
	padding: 0 10px 10px;
	width: 630px;
}
div#uploadFPopup     div.insideSpacer {
	padding: 0 10px 10px;
	width: 320px;
}
div#uploadPPPopup .uplImgFmtNote {
	margin-top: 7px;
}
div#uploadPPPopup a.link { text-decoration: underline; }

div#uploadPPPopup div.maxW, div#uploadFPopup div.maxW { width: 495px; }
div#uploadPPPopup    div.tabber,
div#uploadFPopup     div.tabber,
div#uploadMusicPopup div.tabber,
div#uploadVideoPopup div.tabber {
	background-color: #f4f4f4;
	width: 166px;
	float: left;
	height: 320px;
	border-right: 1px solid #969696;
	border-top: 1px solid #969696;
}
div#uploadPPPopup    div.tabber,
div#uploadMusicPopup div.tabber,
div#uploadVideoPopup div.tabber {
	height: 449px;
}
div#uploadPPPopup div.tabber div,
div#uploadFPopup div.tabber div,
div#uploadMusicPopup div.tabber div,
div#uploadVideoPopup div.tabber div {
	padding: 10px; color: #888;
}
div#uploadMusicPopup div.tabber div.imp_note {
	color: #424242;
}
div#uploadPPPopup    div.tabber div.tab,
div#uploadFPopup     div.tabber div.tab,
div#uploadMusicPopup div.tabber div.tab,
div#uploadVideoPopup div.tabber div.tab {
	margin-left: 10px;
	padding: 10px;
	color: #969696;
	cursor: pointer;
}
div#uploadPPPopup div.tabber div.extraCostOneStamp {
	padding: 0;
}
div#uploadPPPopup   div.tabber div.tab a, div#uploadFPopup div.tabber div.tab a { text-decoration: none; }
div#uploadPPPopup   div.tabber div.tab a:hover,
div#uploadFPopup    div.tabber div.tab a:hover,
div#uploadMusicPopup div.tabber div.tab a:hover,
div#uploadVideoPopup div.tabber div.tab a:hover { text-decoration: underline; }

div#uploadPPPopup div.tabber div.tab.FB { padding: 8px 8px 9px; }
div#uploadPPPopup div.tabber div.tab.FB.tabActive { padding: 9px 6px 8px 7px; }
div#uploadPPPopup div.tabber div.tab.FB a {
	background-color: #5B74A8;
    background-image: url('/img/fb_sprite.png');
    background-position: 0 -294px;
    background-repeat: no-repeat;
    border-color: #29447E #29447E #1A356E;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    padding: 2px 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
}
div#uploadPPPopup div.tabber div.tab.FB a span {
	color: #FFFFFF;
	cursor: pointer;
    display: inline-block;
    font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 1px 0 2px;
    white-space: nowrap;
}

div#uploadPPPopup    div.tabber div.tabActive,
div#uploadFPopup     div.tabber div.tabActive,
div#uploadMusicPopup div.tabber div.tabActive,
div#uploadVideoPopup div.tabber div.tabActive {
	font-weight: bold;
	background-color: #fff;
	margin-right: -1px;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-bottom: 1px solid #969696;
	color: black;
}

div#uploadMusicPopup div.tabber div.tab .tab_note {
	display: none;
	font-weight: normal;
	padding: 0;
	margin-top: 10px;
	color: #424242;
}
div#uploadMusicPopup div.tabber div.tabActive .tab_note { display: block; }

div#uploadFPopup .buttons .button { margin: 0px 11px 2px; } 

div#uploadPPPopup    form .oH,
div#uploadMusicPopup form .oH,
div#uploadVideoPopup form .oH {
	position: absolute;
	width: 316px;
	bottom: 15px;
	right: 17px;
}
div#uploadPPPopup.dragAdjust .oH {
	width: 486px;
	margin: 0 0 4px 4px;
}
div#uploadPPPopup.dragAdjust .oH .button#photoUploadB { margin: 0 0 0 13px; }
/* DE long-text variant: */
.elang_de div#uploadPPPopup.dragAdjust .oH { width: 496px; margin: 0 0 2px; }
.elang_de div#uploadPPPopup.dragAdjust .oH .button#photoUploadB { margin: 0 0 0 10px; }
.elang_de div#uploadPPPopup.dragAdjust .oH .button { min-width:0; padding: 0 1px; }


div#uploadPPPopup div.adjustCrop {
	overflow: hidden;
	margin: 15px 10px;
}
div#uploadPPPopup div.adjustCrop img,
div#uploadPPPopup div.adjustCrop div { position: absolute; }
div#uploadPPPopup div.adjustCrop img { margin-left: 0; }
div#uploadPPPopup div.adjustCrop div.cropFilter {
	background-color: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}
div#uploadPPPopup div.adjustCrop div.cropper img { margin-left: 0px; }
div#uploadPPPopup div.adjustCrop div.cropper {
	border: 2px solid #333;
	margin-top: -2px;
	margin-left: -2px;
	overflow: hidden;
	cursor: move;
}
div#uploadPPPopup div.adjustCrop div.cropper div.ui-resizable-se {
	background-image: url('/img/lyt/edit/resize_corner.png');
	background-position: center center;
}
.iPad div#uploadPPPopup div.adjustCrop div.cropper div.ui-resizable-se {
	display: none !important;
}



#uploadPPPopup .formatSelectorC {
	padding: 8px;
}




#uploadPPPopup    div#ML,
#uploadMusicPopup div#ML { margin-right: 10px; }
#uploadPPPopup    div#ML div.scroller,
#uploadMusicPopup div#ML div.scroller {
	height: 432px;
	overflow: hidden;
	overflow-y: auto;
	/* border-top: 1px solid #969696;
	border-bottom: 1px solid #969696; */
	font-size: 8pt;
}
#uploadPPPopup div#ML.stockML div.scroller,
#uploadMusicPopup div#ML.stockML div.scroller {
	height: 407px;
}
#uploadPPPopup    div#ML div.imageItem,
#uploadMusicPopup div#ML div.mediaItem {
	height: 44px;
	border-bottom: 1px solid #c3c3c3;
	overflow: hidden;
	cursor: pointer;
	white-space: nowrap;
	line-heigh: 19px;
}
#uploadPPPopup    div#ML div.imageItem:hover,
#uploadMusicPopup div#ML div.mediaItem:hover {
	background-color: #e4e4e4;
}
#uploadPPPopup    div#ML div.activeImg,
#uploadMusicPopup div#ML div.activeItem {
	background-color: #969696;
	color: white; 
}
#uploadPPPopup div#ML div.imageItem div.preview {
	width: 60px;
	height: 42px;
	overflow: hidden;
	margin: 1px 5px 1px 0px;
	line-height: 40px;
}
#uploadPPPopup div#ML div.imageItem div.preview img {
	max-width: 60px;
	max-height: 42px;
	/* border: 1px solid #c3c3c3; */
	vertical-align: middle;
}
#uploadPPPopup    div#ML div.imageItem div.text,
#uploadMusicPopup div#ML div.mediaItem div.text,
#uploadPPPopup    div#ML div.imageItem div.selectBtn,
#uploadMusicPopup div#ML div.mediaItem div.selectBtn { padding-top: 15px; }
#uploadPPPopup    div#ML div.imageItem div.fileSize,
#uploadMusicPopup div#ML div.mediaItem div.fileSize { width: 50px; overflow: hidden; }
#uploadPPPopup    div#ML div.imageItem div.fileName { width: 250px; overflow: hidden; }
#uploadMusicPopup div#ML div.mediaItem div.fileName {
	width: 330px; overflow: hidden; text-overflow: ellipsis;
	padding-left: 5px;
}
#uploadPPPopup    div#ML div.imageItem div.fileDate,
#uploadMusicPopup div#ML div.mediaItem div.fileDate { width: 75px; overflow: hidden; }

#uploadMusicPopup a.colorLink { color: #B44BA8; }


div#uploadPPPopup    div.insideSpacer,
div#uploadMusicPopup div.insideSpacer,
div#uploadVideoPopup div.insideSpacer { height: 440px; overflow: auto; overflow-x: hidden; }
div#uploadPPPopup.dragAdjust div.insideSpacer { height: auto; overflow: visible; overflow-x: visible; }
div#uploadPPPopup .insideSpacer a.navi {
	display: block;
	margin: 5px;
}

div.popup.dragOver div.insideSpacer {
	opacity: 0.3;
}
div.popup.dragOver div.insideSpacer iframe#photoUploadIF {
	display: none;
}
div.popup div.dropIndicator {
	display: none;
	position: absolute;
	width: 615px; height: 430px;
	right: 15px; bottom: 12px;
	border: 5px dashed #b44ba8;
	border-radius: 10px;
}
div.popup.dragOver div.dropIndicator { display: block; }


#uploadPPPopup a.fbPhoto,
#uploadMusicPopup a.mlMusic,
#uploadVideoPopup a.mlVideo {
	display: block;
	float: left;
	position: relative;
	margin: 5px;
	padding: 5px;
	text-decoration: none;
}
#uploadMusicPopup a.mlMusic,
#uploadVideoPopup a.mlVideo {
	border: 1px solid #969696;
	margin: 4px;
}
#uploadPPPopup a.fbPhoto:hover,
#uploadMusicPopup a.mlMusic:hover,
#uploadVideoPopup a.mlVideo:hover { background-color: #efefef; border: 1px solid #B44BA8; margin: 4px; }
#uploadPPPopup a.fbPhoto .cC,
#uploadMusicPopup a.mlMusic .cC,
#uploadVideoPopup a.mlVideo .cC { 
	display: block; 
	width: 130px;
	height: 98px;
	margin-bottom: 10px; 
	overflow: hidden;
}
#uploadMusicPopup a.mlMusic .cC,
#uploadVideoPopup a.mlVideo .cC {
	background-color: #eeeeee;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
}
#uploadMusicPopup a.mlMusic .cC {
	background-image: url('/img/music-file.png');
}
#uploadVideoPopup a.mlVideo .cC {
	background-image: url('/img/video-file.png');
}
#uploadMusicPopup a.mlMusic .cC img,
#uploadVideoPopup a.mlVideo .cC img {
	height: 98px;
}
#uploadPPPopup a.fbPhoto .cC img { 
	display: block; 
	width: 130px;
	background-image: url('/img/ajax.gif'); 
	background-repeat: no-repeat; 
	background-position: center 41px;
}
#uploadPPPopup #ML a.fbPhoto .cC img { 
	background-image: none; 
}
#uploadPPPopup a.fbPhoto span,
#uploadMusicPopup a.mlMusic span,
#uploadVideoPopup a.mlVideo span {
	display: block;
	height: 16px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 130px;
}
#uploadPPPopup a.fbPhoto:hover span,
#uploadMusicPopup a.mlMusic:hover span,
#uploadVideoPopup a.mlVideo:hover span { text-decoration: underline; }

#uploadPPPopup a.fbPhoto .removeIcon {
	position: absolute;
	display: none;
	width: 20px;
	height: 20px;
	right: -4px;
	top: -4px;
	cursor: pointer;
	background-image: url('/img/icon/gray_x.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	z-index: 99;
}
#uploadPPPopup a.fbPhoto .removeIcon:hover { background-image: url('/img/icon/gray_x_inv.png'); }
#uploadPPPopup a.fbPhoto:hover .removeIcon { display: block; }

#removeMediaConfirmation.popup { z-index: 10001; }



#uploadPPPopup .grayTabsH,
#uploadMusicPopup .grayTabsH {
	height: auto;
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: thin;
	scrollbar-color: #c1c1c1 #fff;
}
#uploadPPPopup .grayTabsH::-webkit-scrollbar,
#uploadMusicPopup .grayTabsH::-webkit-scrollbar {
	height: 8px;
	background-color: #fff;
}
#uploadPPPopup .grayTabsH::-webkit-scrollbar-thumb,
#uploadMusicPopup .grayTabsH::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
	border-radius: 4px;
}
#uploadPPPopup .grayTabsH .gTab,
#uploadMusicPopup .grayTabsH .gTab {
	float: none;
	display: inline-block;
}

#uploadMusicPopup .musicPreview {
	height: 60px;
	margin: 7px 7px 0;
	background-color: #eeeeee;
	font-size: 14px;
	overflow: hidden;
	position: relative;
}
#uploadMusicPopup .musicPreview .cC {
	float: left;
	width: 60px; height: 60px;
	background-image: url('/img/music-file.png');
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 20px;
}
#uploadMusicPopup .musicPreview .cC img {
	width: 60px;
}
#uploadMusicPopup .musicPreview .title,
#uploadMusicPopup .musicPreview .artist {
	max-width: 390px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#uploadMusicPopup .musicPreview .title {
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}
#uploadMusicPopup .musicPreview .artist {
	margin-top: 5px;
}
#uploadMusicPopup .musicPreview .controls {
	position: absolute;
	width: 40px; height: 40px;
	top: 10px; right: 10px;
	background-image: url('/img/icon/play_circle_outline-24px.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0.2;
	cursor: pointer;
}
#uploadMusicPopup .musicPreview.playing .controls {
	background-image: url('/img/icon/pause_circle_outline-24px.svg');
}
#uploadMusicPopup .musicPreview.playing.loading .controls {
	background-image: url('/img/ajax_loader_big.gif');
}
#uploadMusicPopup .musicPreview.error .controls {
	background-image: url('/img/icon/error_circle_outline-24px.svg');
}
#uploadMusicPopup .musicPreview audio {
	/* display: none; */
}



/** [Envelope editor] Stamp image upload & preview popup */

div#uploadPPPopup.stampImageUploadPreview {
	width: 830px;
	left: auto;
	margin-left: 70px;
}
div#uploadPPPopup.stampImageUploadPreview div.maxW { width: 800px; }
div#uploadPPPopup.stampImageUploadPreview div.adjustCrop div.cropper {
	border: 1px dashed #000;
}





/** contacts importing layouting */

div.popup .importMatrixC .messagesBox { text-align: center; color: #9F7DB0; font-weight: bold; margin: 15px; }

div.popup .importMatrixC h2 { margin-left: 10px; }
div.popup .importMatrixC div.note { margin: 10px; }
div.popup .importMatrixC div.buttons .sButtonC input { width: 100px; }

div.fxAutoContinue .fxHideIfAutoContinue { display: none; }
.fxShowIfAutoContinue { display: none; }
div.fxAutoContinue .fxShowIfAutoContinue { display: block; }

div.popup .importMatrixC .tagsPanel {
	width: 370px;
	float: right; 
	background-color: #cdcdcd; 
	border: 1px solid #adadad;
	margin-top: 5px;
}
div.popup .importMatrixC .tagsPanel div { margin-top: 7px; margin-left: 5px; }

div.popup .importMatrix div.note { margin-left: 10px; }
div.popup .importSummary { margin: 0 20px 15px 20px; }
div.popup .importSummary div.note { font-size: 13px; }
div.popup .importSummary .header { font-size: 16px; font-weight: bold; }
div.popup .importMatrix {
	max-height: 370px;
	padding: 10px 0px;
	overflow-y: hidden;
	border-bottom: 1px solid #555;
}
div.popup .matrixHeader { border-bottom: 3px double #555; }
div.popup .matrixHeader td:first-child div { width: 57px; text-align: right; }
div.popup .importMatrix .fxImportRow {
	border-bottom: 1px solid #888; 
	margin: 2px 0px;
}
div.popup .importMatrix table.fixedLCol { width: 55px; }
div.popup .importMatrix .fxImportRow input.text { margin: 2px 0 2px 2px; }
div.popup .importMatrix .fxImportRow .fieldCell textarea {
	width: 100%;
	height: 18px;
	box-sizing: border-box;
	vertical-align: middle;
}
div.popup .importMatrix .fxNotImported {}
div.popup .importMatrix .validationError { color: #e30000; font-weight: bold; }
div.popup .importMatrix .validationError .positionCell { background-color: #e30000; color: white; }
div.popup .importMatrix .invalidCell { background-color: #e30000; }
div.popup .importMatrix .fieldCell.invalidCell {
	border-right: 3px solid #fff;
	width: 147px;
}
div.popup .importMatrix .fieldCell.invalidCell .fieldCell { width: 147px; }
div.popup .importMatrix .invalidCell select.normalSel {
	background-color: #ffffff;
	width: 143px;
	margin: 2px 2px 0px 2px;
}
div.popup .importMatrix .positionCell { width: 35px; text-align: right; }
div.popup .importMatrix .positionCell img.question { margin: 0px; }
div.popup .importMatrix .invalidCell img.question { margin: 1px; }
div.popup .importMatrix .selectCell { width: 20px; text-align: center; }
div.popup .importMatrix .fieldCell { width: 150px; }
div.popup .importMatrix .exchangeCell { width: 15px; }
div.popup .importMatrix .fxNotImported input.text,
div.popup .importMatrix .fxNotImported .fieldValue { text-decoration: line-through !important; }
div.popup .importMatrix .commentCell { padding-left: 10px; }

div.popup .importMatrix .fxExisting .fieldCell input { background-color: #ffffc8; }

div.popup .importMatrix .fieldValue { overflow: hidden; }
div.popup .importMatrix .fieldValue,
div.popup .importMatrix .columnHeader { margin: 6px 6px 6px 6px; white-space: nowrap; }
div.popup .importMatrix .important_header.invalidCell {
	border-right: 1px solid #ffffff;
}
div.popup .importMatrix .important_header.invalidCell .columnHeader {
	color: white;
}

div.popup .importMatrixC #importPaginatorWrapper { margin-left: 4px; margin-right: 4px; }
div.popup .importMatrixC .panelTitle { padding-left: 10px; }

div.popup .oH.globalTags {
	border-bottom: 1px dotted #444;
}
div.popup .oH.globalTags p {
	padding: 5px 30px;
}


div.popup .importMatrixC #importingDataWrapper .buttons .autoContinueC { margin: 4px 15px; }

div.popup.fxSubmitting .importMatrixC #importingDataWrapper .buttons .important,
div.popup.fxSubmitting .importMatrixC #importingDataWrapper .buttons .autoContinueC { display: none; }
div.popup.fxSubmitting .importMatrixC #importingDataWrapper .importMatrix div,
div.popup.fxSubmitting .importMatrixC #importingDataWrapper .note { visibility: hidden; }
div.popup.fxSubmitting .importMatrixC #importingDataWrapper .importMatrix,
div.popup.fxSubmitting .importMatrixC #importingDataWrapper .buttons {
	background-image: url( '/img/ajax.gif' );
	background-position: center center;
	background-repeat: no-repeat;
}
div.popup.fxSubmitting .importMatrixC #importingDataWrapper .buttons {
	background-position: right center;
	width: 95%;
}


div.popup #importPaginator { width: 100%; border: 0px; margin-top: 10px; margin-bottom: 10px; }
div.popup #importPaginator .label { text-align: center; font-weight: bold; margin-bottom: 8px; }
div.popup #importPaginator .diagram { width: 820px; height: 15px; border: 1px solid black; border-collapse: collapse; }
div.popup #importPaginator .diagram .done { background-color: green; }
div.popup #importPaginator .diagram .current { background-color: red; }
div.popup #importPaginator .diagram .todo { background-color: yellow; }



div.popup#contactsAddingProgressPopup {
	width: 400px;
	cursor: wait;
}
div.popup#contactsAddingProgressPopup .progressBar {
	position: relative;
	height: 15px;
	border: 1px solid #888;
	margin: 5px 0;
}
div.popup#contactsAddingProgressPopup .progressBar .completed {
	position: relative;
	height: 100%;
	background-color: green;
	text-align: right;
	color: white;
	font-weight: bold;
}





/* eventbrite connect events popup */

#ebSelectEvent.popup { width: 400px; margin-left: 300px; }
#ebSelectEvent.popup .h1_text,
#ebSelectEvent.popup .g1_text {
	background-image: url('/img/integration/eventbrite/logo_small.png');
	background-repeat: no-repeat;
	background-position: right top;
}

#ebSelectEvent.popup .createNew {
	text-decoration: underline;
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
}
.eventBriteConnected #ebSelectEvent.popup .connect,
.eventBriteConnected #ebSelectEvent.popup .refreshButton,
.eventBriteConnected #ebSelectEvent.popup .createNew { display: none; }

#ebSelectEvent.popup div.scroller {
	max-height: 250px;
	overflow: hidden;
	overflow-y: auto;
}
#ebSelectEvent.popup div.scroller label:hover { text-decoration: underline; }
#ebSelectEvent.popup div.scroller ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0px; }
#ebSelectEvent.popup div.scroller li { line-height: 25px; font-size: 11pt; }
#ebSelectEvent.popup div.scroller li.selected { font-weight: bold; }
#ebSelectEvent.popup div.scroller li label {
	display: inline-block;
}
#ebSelectEvent.popup div.scroller li.selected label:hover,
.eventBriteConnected  #ebSelectEvent.popup div.scroller li label:hover { text-decoration: none; }
#ebSelectEvent.popup div.scroller li input {
    margin-right: 7px;
    margin-top: 5px;
    vertical-align: top;
}


#ebSelectEvent.popup .btHolder.topPadded {
	border-top: 1px solid #888888;
}




#comingFromDomainSwitch {
	z-index: 9999;
	opacity: 1;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	
	-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 6px;
	box-shadow: rgba(0, 0, 0, 0.4) 0 4px 6px;

	position: fixed;
	top: 10px;
	left: 90px;
	width: 250px;
	
	border: 1px solid #999999;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;

	padding: 10px 15px;
	background-color: #9ddb72;
	color: #333333;
}
#comingFromDomainSwitch.off { opacity: 0; }

#comingFromDomainSwitch a { float: right; text-decoration: underline; }








.popup#confirmRecurringPayment {
	width: 550px;
	margin-left: 250px;
}
.popup#confirmRecurringPayment a.link {
	text-decoration: underline;
}



#errors.successfulBuyoutPopup {
	width: 400px;
	margin-left: -200px;
}
#errors.successfulBuyoutPopup .container {
	padding-left: 135px;
	background-image: url('/img/icon/envelope.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 134px;
	color: #646464;
	letter-spacing: 1px;
}
#errors.successfulBuyoutPopup .container div:first-child { padding-top: 40px; }





#systemMessage { /* keep in synch with /css/events/mobile/recipientsPage.css */
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 45px;
	width: 400px;
	margin-left: -230px;
	border: 1px solid #ffffff;
    padding: 15px 30px;
    
    font-size: 11pt;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    
    color: #ffffff;
    background-color: #676767;
    
       -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
            border-radius: 6px;
}
#systemMessage a {
	color: #c7c7c7;
	text-decoration: none;
	display: inline-block;
}
#systemMessage a:hover {
    color: #ffffff;
    text-decoration: underline;
}




#transferStamps .inputs {
	padding: 25px 0 10px;
}
#transferStamps .inputs input.email { width: 300px; }
#transferStamps .inputs input.count { width: 145px; margin-left: 48px; }
#transferStamps .response {
	text-align: center;
	color: #e30000;
	padding-bottom: 20px;
}

#transferStamps.submitted {
	width: 425px;
	margin-left: 300px;
}
#transferStamps.submitted .btHolder {
	text-align: center;
	padding-bottom: 15px;
}
#transferStamps.submitted .spacer .withStamp {
	background-image: url('/img/rv/ek_stamp.png');
	background-repeat: no-repeat;
	background-position: 10px 6px;
	padding-left: 125px;
	padding-bottom: 45px;
}
#transferStamps.submitted .spacer .withStamp p { line-height: 1.4; }





#newFeaturesPulldown {
	position: absolute;
	width: 132px;
	top: 31px;
	left: -157px;
	padding: 0px 8px 5px;
	background-color: #f8fafa;
	border-radius: 0 0 5px 5px;
	font-family: Gill, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
}
.payments.stamps #newFeaturesPulldown { display: none; }

#newFeaturesPulldown div, #newFeaturesPulldown p {
	text-align: center;
	line-height: 2;
	color: #686868;
}
#newFeaturesPulldown .closed {
	padding: 0 0 10px;
	margin: 0;
	background-image: url('/img/rv/notch_down_margin_horiz_dark.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#newFeaturesPulldown .opened {
	padding: 10px 0 10px;
}
#newFeaturesPulldown:hover .closed,
#newFeaturesPulldown .opened { display: none; }
#newFeaturesPulldown .closed,
#newFeaturesPulldown:hover .opened { display: block; }
