/* eabasic.css */

/*	the body and the div that wraps the whole page */
body {
	font-size: 10pt;
	margin: 0px;
	font-family: Arial, Sans-Serif;
	text-align: center;
}
div.container {
	margin: 8px auto;
	text-align: left;
	width: 735px;}

div.embedcontainer {
	margin: 0px;
	width: auto;
	text-align: left;
}

/*	the main wrapping table
 *	this and div.container should match in width
 */
#mainTable {
	width: 735px;
}
/*	basic element redefinition
 */
table, textarea, select {
	font-size: 10pt;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	margin: 0px;
}

/* EA1 and EA2 styles */
.ea1Only {
	display: inline;
}
.ea2Only {
	display: none;
}

/* leave default right margin on input */
input {
	margin-top: 0px;
	font-weight: normal;
	font-size: 10pt;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Sans-Serif;
}

input[readonly="readonly"]
{
    color:#898588;
    background-color:#E5E5E5;
}

table {
	border-collapse: collapse;
}
p {
	margin: 0px;
}
p.halfbefore {
	margin-top: 0.5em;
}
p.halfafter {
	margin-bottom: 0.5em;
}
a, a:link, a:visited {
	color: #0060a1;
}
a:hover,
a:focus {
	color: #d21034;
}

/*	the banner
 */
td.topad {
	padding-bottom: 6px;
}
td.banner {
	padding-bottom: 6px;
}
.tz {
	font-size: 8.25pt;
	font-family: Tahoma;
}
/*
select.tz {
	position: relative;
	top: 1px;
}
*/
h1.eaInBanner {
	display: none;
	font-weight: bold;
	font-size: 14pt;
	color: #555;
}

/*	the left nav column
 */
td.leftRail {
	width: 150px;
}
#eaLogo {
	margin-bottom: 6px;
}

div.leftNav {
	padding-top: 6px;
	padding-bottom: 8px;
	border-bottom: #A0A0A0 1px solid;
	border-top: #A0A0A0 1px solid;
	border-left: #A0A0A0 1px solid;
}

div.eaTitle {
	margin-left: -1px;
	font-weight: bold;
	font-size: 12pt;
	color: #555;
}

div.ll {
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	white-space: nowrap;
	font-size: 9pt;
}
div.llcur {
	font-weight: bold;
	background-color: #D9DABD;
}
div.llcur a, div.llcur a:link, div.llcur a:visited, div.llcur a:hover, div.llcur a:focus {
	color: Black;
	text-decoration: none;
}
div.llbridge {
	z-index: 1;
	position: absolute;
	border-left: none;
	display: none;
}

img.poweredby {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: white;
}

/*	the main area
 */
#cellMain {
	width: 419px;
}
#mainWidth, #eal_theEvents {
	width: 395px;
}
div.outermain {
	background-color: #D9DABD;
	padding: 6px;
	position: relative; /* makes IE happy */
}
div.innermain {
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 10px;
	padding-top: 6px;
	background-color: white;
	height: auto;
	position: relative; /* makes IE happy */
}
div.eventlistdivider {
	border-top: #D9DABD 1px solid;
	margin-top: 6pt;
	margin-bottom: 6pt;
	border-bottom: #D9DABD 1px solid;
}
div.multieventrsvpscroll {
	border-left: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	border-top: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	overflow: auto;
	height: 430px;
}
div.multieventrsvpnoresponsescroll {
	overflow: auto;
	height: 550px;
}
div.multieventrsvpnoscroll {
	border-left: #ffffff 0px none;
	border-right: #ffffff 0px none;
	border-top: #ffffff 0px none;
	border-bottom: #ffffff 0px none; /*	overflow: inherit; */ /*	height: inherit; */
}
div.multicalendarscroll {
	border-left: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	border-top: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	padding: 1em;
	overflow: auto;
	height: 110px;
}
td.desc {
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 3px;
}
td.desc a, td.desc a:link, td.desc a:visited {
	color: Black;
}
td.desc a:hover,
td.desc a:focus {
	color: #669900;
}
tr.eventrow0 {
	vertical-align: baseline;
}
tr.eventrow1 {
	background-color: #f5f5f5;
	vertical-align: baseline;
}
th.label:empty {
	display: table-cell;
}
th.label, th.ddlabel {
	font-size: 8pt;
	color: #757575;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: right;
	padding-left: 4px;
	padding-right: 8px;
	padding-right: 8px;
	padding-bottom: 2px;
	vertical-align: baseline;
}
th.ddlabel {
	padding-top: 8px;
	vertical-align: top;
}
td.content {
	width: 100%;
	padding-bottom: 2px;
	vertical-align: baseline;
}
.paymentTable td {
	text-align: right;
	padding-left: 10px
}
.paymentTable th {
	font-weight:normal;
	padding:0;
}
.paymentTable input {
	margin-right: 5px;
}
.paymentTable label {
	position: relative;
	top: -2px;
}
.strongmessage {
	width: 100%;
	padding-bottom: 2px;
	font-weight: bold;
	color: #CC2317;
	background-color: #ffe4e1;
}
p.elNotesMiddlePs, p.elNotesLastP {
	margin-top: 0.333em;
}
p.elNotesLastP {
	margin-bottom: 0.666em;
}

td.dropdown {
	padding-top: 4px;
	padding-bottom: 2px;
}
td.smalldropdownlabel {
	font-size: 10pt;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
}
td.smalldropdown {
	font-size: 10pt;
	padding-top: 1px;
	padding-bottom: 1px;
}

.sectionhead, .firstsectionhead {
	font-weight: bold;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
}
.sectionhead {
	padding-top: 12px;
}
.firstsectionhead {
	padding-top: 0px;
}
.actionintro, .actionlabel, .actiontext, .actioncheckbox, .actionbutton, .actionprivacy, .actiondone, .actionmore, actionfineprint, actionindent {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.hybridwarning {
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 12px;
}
.actionlabelnote {
	color: #666;
	font-size: 8pt;
	font-weight: normal;
}
.actionintro, .actiontext {
	padding-top: 0px;
}
.actionlabel {
	font-weight: bold;
	white-space: nowrap;
	margin-top: 4pt;
}
.subactionlabel {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	white-space: nowrap;
	margin-top: 0px;
	margin-bottom: 0px;
}
.actionfineprint {
	color: #666;
	font-size: 8pt;
	font-weight: normal;
	margin-left: 4px;
}
.actionindent {
	margin-left: 0.25in;
	margin-top: 1px;
}
/* the following adjusts ie */
* html .actioncheckbox input, * html span.checkbox input {
	margin-left: -4px;
}

/* the following adjusts ie */
* html span.cbddalign {
	position: relative;
	top: -2px;
}
/* the following adjusts firefox */
html > body span.cbddalign {
	position: relative;
	top: -2px;
}
html > body span.cbddalign input {
	margin-left: 4px;
}
html > body span.cbddalign label {
	position: relative;
	top: 2px;
	margin-left: 3px;
}

.actionerror {
	background-color: #ffff80;
}
.actionbutton {
	margin-top: 6pt;
}
.actionprivacy {
	margin-top: 6pt;
	border-top: #D9DABD 1px solid;
	font-size: 8pt;
	text-align: right;
}
.actiondone {
	margin-bottom: 0.75em;
	padding-bottom: 0px;
	padding-top: 0px;
}
ul.actionmore {
	margin: 1em 0px;
}
div.actionmore {
	padding-left: 1em;
}
ul.actionmore li {
	margin-left: 1em;
	list-style-type: none;
}

span.valerrmsg {
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	visibility: hidden;
	padding-bottom: 2px;
	color: #CC2317;
	padding-top: 2px;
	background-color: #ffffc8;
}
input.ea_textbox {
	width: 350px;
}
/*REMOVED, NOT USED
ea_dropdown {
	width: 350px;
}*/
textarea.fourline {
	width: 350px;
	height: 48px;
}
textarea.sixline {
	width: 350px;
	height: 72px;
}
textarea.eightline {
	width: 350px;
	height: 96px;
}
input.texteditemail {
	width: 350px;
}
textarea.texteditemail {
	width: 350px;
	height: 48px;
}
textarea.texteditnote {
	width: 350px;
	height: 80px;
}
textarea.multilist {
}
select.smscarrier {
	width: 356px;
}


/*	prototype stuff
 */
.stuff {
	padding-bottom: 6px;
	margin-left: 34px;
}
.stuff2 {
	padding-bottom: 6px;
	margin-left: 22px;
}
.rbSecond {
	margin-left: 22px;
	text-indent: -22px;
	line-height: 22px;
}
.cal {
	margin-left: 12px;
	line-height: 24px;
}
p.cal img {
	vertical-align: baseline;
}

.paren {
	font-size: 8pt;
	color: #666;
	line-height: 10pt;
}

div.footer {
	font-size: 8pt;
	line-height: 10pt;
	text-align: left;
}
p.footerlinks {
	margin-top: 0.5em;
}
p.footercopyright {
	color: #666666;
}
p.actionlink {
	margin-left: 18px;
	margin-bottom: 2px;
}

/*	the add to my calendar form
 */
table.atmc td.atmclabel {
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 0.5em;
	color: #666666;
}

span.atmclabel {
	color: #666666;
}

table.atmc .atmctextbox144 {
	width: 144px;
	margin-bottom: 2px;
	padding-right: 0.5em;
}

table.atmc .atmctextbox220 {
	width: 220px;
	margin-bottom: 2px;
	padding-right: 0.5em;
}

table.atmc .atmcdropdown156 {
	width: 156px;
	margin-bottom: 3px;
	padding-right: 0.5em;
	vertical-align: middle;
}

table.atmc .atmcdropdown220 {
	width: 220px;
	margin-bottom: 3px;
	padding-right: 0.5em;
	vertical-align: middle;
}

table.atmc .atmcdropdown {
	margin-bottom: 3px;
	padding-right: 0.5em;
	vertical-align: middle;
}

/*	the new event form */

table.newevent {
	border-collapse: collapse;
	width: 100%;
}

table.newevent td.nefield {
	vertical-align: middle;
	white-space:nowrap;
}

table.newevent td.ddcellcustom {
	vertical-align: middle;
	white-space:normal;
}

/* Used to allow line break by hiding zero width breaking space &zwsp; */
.break {
	padding:0px;
	margin:0px;
	visibility:hidden;
	font-size:0px;
}

table.newevent td.nelabel {
	text-align: right;
	padding-right: 0.5em;
	padding-left: 0.5em;
	color: #666666;
	vertical-align: top;
	padding-top: 5px;
	white-space: nowrap;
}
.registrationquestion {
	font-size: 9pt;
	font-weight: bold;
	width: 480px;
	padding-top: 6px;
	padding-bottom: 0px;
}
.registrationanswer {
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 2px;
	position: relative;
}
.registrationinstruction 
{
	margin-top: 26px;
	padding-left: 4px;
	font-size: 9pt;
	font-style: italic;
}
.registrationsection 
{
	background-color: #D9DABD;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 6px;
	padding-left: 4px;
	font-size: 9pt;
	font-weight: bold;
}

table.newevent .textbox {
	width: 275px;
}
table.newevent .textbox.multi {
	white-space: normal;
}
table.newevent span.ddseparator {
	margin-left: 0.25em;
	margin-right: 0.25em;
	position: relative;
	top: -2px;
}
table.newevent td.sectionhead,
table.newevent td.firstsectionhead {
	font-weight: bold;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
}
table.newevent td.sectionhead {
	padding-top: 12px;
}
table.newevent td.firstsectionhead {
	padding-top: 0px;
}
table.newevent td.buttonrow {
	padding-top: 4px;
	padding-bottom: 6px;
}
table.newevent td.buttonrow div.poweredby {
	padding-top: 10px;
	font-size: 8pt;
	float: right;
	color: #666666;
}

/* Fix firefox radio buttons */
html > body table.newevent td span.radio label {
	position: relative;
	top: 2px;
	padding-right: 8px;
}
html > body table.newevent td span.radio input {
	position: relative;
	top: 4px;
}
/* Fix IE radio buttons */
table.newevent td span.radio label {
	position: relative;
	top: 0px;
	padding-right: 8px;
}
table.newevent td span.radio input {
	position: relative;
	top: 2px;
}

table.newevent td span.radio2 label {
	padding-right: 8px;
}

table.newevent td span.radio3 label {
	padding-right: 4px;
}


/* the following is usually within table.newevent but not in two column layout */
td.privacy {
	font-size: 8pt;
	color: #666666;
	text-align: right;
}
table.newevent span.usertimezonestring {
	font-size: 8pt;
	margin-left: 0.75em;
	color: #666666;
}
/* following for IE only */
* html table.newevent span.usertimezonestring {
	position: relative;
	top: -2px;
}
table.newevent tr.actionerror {
	font-weight: normal;
}
table.newevent td.reqdnote {
	font-size: 8pt;
	color: #666666;
}

.eaErrorMessage {
	font-weight: bold;
	font-size: 8pt;
	color: #CC2317;
	margin-top: 6px;
	padding: 4px;
	background-color: #ffff80;
}
span.msgtooshort,
span.msgtoolong,
span.msgbadformat,
span.msgtoomany,
span.msgmustchoose,
div.msgambiguouslocation,
span.msgrequired,
span.msgrangelimit,
span.msgrangestartlimit,
span.msgeventoverlapsdailyrepeat,
span.msgtimeconflict,
span.msgmustentertime,
span.msginvalidtime,
span.msgnomap,
span.msgdupname {
	display: none;
}
.tooshort span.msgtooshort,
.toolong span.msgtoolong,
.badformat span.msgbadformat,
.toomany span.msgtoomany,
.mustchoose span.msgmustchoose,
.ambiguouslocation div.msgambiguouslocation,
.missing span.msgrequired,
.rangelimit span.msgrangelimit,
.rangestartlimit span.msgrangestartlimit,
.eventoverlapsdailyrepeat span.msgeventoverlapsdailyrepeat,
.timeconflict span.msgtimeconflict,
.mustentertime span.msgmustentertime,
.invalidtime span.msginvalidtime,
.nomap span.msgnomap,
.dupname span.msgdupname {
	display: block;
	font-weight: bold;
	font-size: 8pt;
	color: #CC2317;
	padding-left: 2px;
	padding-bottom: 2px;
	white-space: normal;
}
div.msgambiguouslocation ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-left: 1em;
	list-style-position: inside;
	list-style-type: square;
}
div.msgambiguouslocation a {
	font-weight: normal;
}

span.msgtimeconflict a {
	white-space: nowrap;
}

/*	div (or table) used under forms for reporting errors
 */
.errorsummary {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	color: #CC2317;
	background-color: #ffe4e1;
	margin-bottom: 0.25in;
}
.errorsummary span {
	margin-bottom: 0px;
}
.errorsummary ul {
	padding-top: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0.2in;
}
.errorsummary li {
	font-weight: normal;
	list-style-position: inside;
	margin-left: 1.2em;
	text-indent: -1.2em;
	line-height: 1.2em;
	list-style-type: square;
}
h2.errorreport {
	font-size: 14pt;
	margin-bottom: 8pt;
}
td.cellRightAd {
	width: 166px;
}
div.rightAdWrap {
	padding-left: 6px;
	text-align: center;
}
img.prefooterspace {
	height: 6px;
}
td.cellPoweredBy {
	text-align: center;
	vertical-align: middle;
}
td.cellFooter {
	text-align: left;
	vertical-align: middle;
}

/* rsvp style section */
.rsvpradiobutton label {
	margin-right: 6px;
}
.rsvpnote {
	vertical-align: top;
}
textarea.rsvpnote {
	width: 382px;
	height: 64px;
	margin-bottom: 2px;
}
table.invitetable {
	width: 100%;
	max-height: 187px;
	font-size: 8pt;
	background-color: white;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	border-collapse: collapse;
	border: #aaa 1px solid;
}
td.inviteheading,
td.inviteheadingcenter,
td.inviteheadingfill,
td.invitesummary,
td.textleft,
td.textcenter,
td.textleftmultiline {
	height: 14px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	border: #aaa 1px solid;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}
td.inviteheading,
td.inviteheadingcenter,
td.inviteheadingfill {
	background-color: #eee;
	border-left: #aaa 1px none;
	border-right: #aaa 1px none;
	font-weight: bold;
}
td.inviteheadingfill {
	padding-right: 160px;
}
td.inviteheadingcenter,
td.textcenter {
	text-align: center;
}
td.invitesummary {
	background-color: #eee;
	width: 100%;
	white-space: normal;
	padding-left: 63px;
	text-indent: -58px;
}
td.textleftmultiline {
	height: auto;
	width: auto;
	white-space: normal;
}
div.invitescroll {
	border-left: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	border-top: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	overflow-x: hidden;
	overflow-y: auto;
	height: 188px;
	max-width: 640px;
}
div.invitenoscroll {
	overflow-y: visible;
	max-width: 640px;
}
@media only screen and (max-width: 480px) {
	div.invitescroll {
		overflow-y: visible;
		height: auto;
	}
}

div.repeatPattern span.checkbox label {
	margin-right: 0.4em;
}
div.patternLine2 {
	padding-top: 4px;
}
div.repeatEnd {
	margin-top: 4px;
}
td.dayCell {
	width:50px;
}
table.hideTime td.dayTimeCell {
	color:gray;
}
table.hideTime td.dayTimeCell input {
	color:gray;
	background-color:#eee;
}
td.dayTimeCell input {
	width:220px;
}
/* the following adjusts ie */
* html span.ddalign {
	position: relative;
	top: -2px;
}
/* the following adjusts firefox */
html > body span.ddalign {
	position: relative;
	top: 0px;
}
.mapPointCredit p {
	font-size: 8.25pt;
	color: #666666;
	text-align: right;
}
.mapPointCredit a, .mapPointCredit a:link, .mapPointCredit a:visited {
	font-size: 8.25pt;
	color: #6666FF;
	text-decoration: none;
}
.mapPointCredit a:hover,
.mapPointCredit a:focus {
	font-size: 8.25pt;
	color: #6666FF;
	text-decoration: underline;
}
div.subscribeCalendarName {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 14pt;
	font-weight: bold;
	padding-bottom: 10pt;
}
span.confirmwebcal {
	display: none;
}
div.popupDiv {
	border:solid 1px;
	background-color:White;
	height:120px;
	width:120px;
	overflow:auto;
}
div.popupDiv table, div.popupDiv table td {
	background-color:White;
	border-width:0px;
}

*.required {
	position: relative;
	top: 3px;
	vertical-align: top;
}

.autoCompletePopup {
	text-align: left; cursor: default; 
	list-style-type: none; 
	list-style-position: initial; 
	list-style-image: initial; 
	padding: 0px; 
	border: solid 1px gray; 
	background-color: white; 
	color: black; 
	margin:0px;
	max-height: 160px;
	overflow:auto;
	z-index:9999;
}
.ItemHighlighted {
	background-color:#fffacd;
}
a.hidelink {
	position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;
}

/* 
tr#rowTopAd td.topad table //width: 735px;
tr#rowTopAd td.topad table tr td:nth-child(2) iframe //width: 728
*/

/* Mobile Styles */
.header, .mobileNav{ display: none; } /* hide when not mobile */
button {
	cursor: pointer;
}

.btnApply {
	padding: 2px 6px;
	font-size: 12px;
	border-radius: 3px;
}

/* #region Styles for MultiTagSelect */

.multiTagSelectWrapper {
	white-space: nowrap;
}

.multiTagSelectWrapper .select2-container {
	width: 95%;
	min-width: 270px;
	max-width: 400px;
}

.multiTagSelector {
	visibility: hidden;
	height: 30px;
	width: 270px;
	overflow: hidden;
	-moz-resize: none;
	resize: none;
	/*padding-right: 15px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	scrollbar-shadow-color: white;
	scrollbar-highlight-color: white;
	scrollbar-face-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: white;
}

.multiTagAllBtn {
	border: none;
	background-color: transparent;
	width: 28px;
	/*height: 32px;*/
	vertical-align: top;
	margin-top: 5px;
	cursor: pointer;
}

.multiTagSelector.disabled {
}

/* MultiTagSelect Select2 overrides */

.select2-container--default .select2-selection--single {
	border-radius: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #AAA;
    outline: 0 none;
}

.select2 .select2-container .select2-container--default {
	width: 270px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #AAA;
    outline: 0 none;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #AAA;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	margin: 0;
	padding: 5px 1px 0 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #666;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #E4E4E4;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #AAA;
    color: white;
}

.select2-results__option .multiTagUnselected {
	display: inline-block;
}
.select2-results__option[aria-selected="true"] .multiTagUnselected {
	display: none;
}
.select2-results__option .multiTagSelected {
	display: none;
}
.select2-results__option[aria-selected="true"] .multiTagSelected {
	display: inline-block;
}

.select2-results__option .multiTagSelectImg {
	/*width: 12px;*/
	height: 12px;
	padding-right: 8px;
	vertical-align: -1px;
	opacity: 0.7;
}

/* #endregion Styles for MultiTagSelect */