body { font-family: Arial, Sans-Serif; color: #535355; font-size: 14px; background-color: #FFFFFF; margin: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-y: scroll; }

form, input, select, textarea { font-family: Arial, Sans-Serif; font-size: 13px }

input[type=button], input[type=submit], button { cursor: pointer }

a:link, a:visited, a:active { color: #3B698F; text-decoration: none }

a:hover { text-decoration: none }

@media print  { .noprint  { display: none; } }
@media screen { .noscreen { display: none; } }

.narrowfont { font-family: Arial Narrow, Sans-Serif; }
.microfont { font-size: 6px }
.smallfont { font-size: 12px }
.largefont { font-size: 16px }
.headlinefont { font-size: 20px }
.bannerfont { font-size: 35px }
.hardlefttext { text-align: left }
.hardrighttext { text-align: right }
.lefttext { float: left }
.righttext { float: right }
.centertext { text-align: center }
.whitetext, .whitetext a:link, .whitetext a:visited, .whitetext a:active { color: #FFFFFF }
.graytext, .graytext a:link, .graytext a:visited, .graytext a:active { color: #535355 }
.redtext, .redtext a:link, .redtext a:visited, .redtext a:active { color: #ad1d26 }
.redtextimportant, .redtextimportant a:link, .redtextimportant a:visited, .redtextimportant a:active { color: #ad1d26 !important }
.lightblue, .lightblue a:link, .lightblue a:visited, .lightblue a:active { color: #3B698F }
.linkedimage { border: 0px }
.strongtext { font-weight: bold }
.nomargin { margin:0px }
.cursorhand { cursor:pointer }
.closeicon { width:20px; height:20px }
.largeicon { width: 25px; height: 25px; margin-left: 7px; margin-bottom:5px; vertical-align:middle }
.smallicon { width: 18px; height: 18px; margin-right: 5px }
.moreicon { vertical-align:middle; padding-bottom:3px }
.centertable { margin-left: auto; margin-right: auto }
.socialicon { border: 0px; border: none; padding: 0px 0px 0px 15px}
.navlinks {text-decoration: none; color:#535355 !important}
.navlinkselected {text-decoration: none; color: #ad1d26 !important}
.navlinkspan { padding-right: 20px }
.listdot { vertical-align: middle }
#securityimage { vertical-align:middle }
#cartimage { vertical-align:top }

.show_mobile_only { display: block }
.show_mobile_only_inline { display: inline }
.show_fullscreen_only { display: none }
.show_fullscreen_only_inline { display: none }

.fakelink {	color: #3B698F; text-decoration: none; cursor:pointer }
.fakelink:hover { text-decoration: none }

.wait-for-icons { opacity: 0; }
.fontawesome-i2svg-active .wait-for-icons { opacity: 100; }

.questionplusminus { width:20px; height:20px; vertical-align:sub }

.subpagetitle { font-size: 25px; }
.subpagedesciption { padding-top: 30px; padding-bottom: 30px }

.button-gray {
	padding: 4px 8px 4px 8px;
	display: inline-block;
	color: #ffffff !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #535355;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.button-gray:hover { background-color: #000000; }
.button-gray:active { background-color: #000000; }

.button-red {
	padding: 4px 8px 4px 8px;
	display: inline-block;
	color: #ffffff !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #ad1d26;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.toggle-active {margin: 0px 5px; padding: 8px 10px 8px 10px; height: 241px; width: 220px; display: inline-block; color: #FFFFFF; text-align: center; vertical-align: middle; background-color: #3B698F; border-radius: 30px; cursor: pointer}
.toggle-inactive{margin: 0px 5px; padding: 8px 10px 8px 10px; height: 241px; width: 220px; display: inline-block; color: #535355; text-align: center; vertical-align: middle; background-color: #D3D3D3; border-radius: 30px; cursor: pointer}

.button-red:hover { background-color: #000000; }
.button-red:active { background-color: #000000; }

#minisuperbar {width: 570px; background-image: url('/live/oe_/https://www.eventintelligence.com/images/topbackbar570.png'); background-repeat: no-repeat; border: none; padding: 0px 0px 0px 0px; margin: 0px; z-index: 1104; height: 30px}

#topbarbackground{top: 0px; left: 0px; position: fixed; width: 100%; height: 100px; background-color: #FFFFFF; opacity:.9; z-index:1090}
#topbar{top: 0px; left: 0px; position: fixed; z-index: 1100; width: 100%; height: 100px; background-color: transparent; z-index:1100; padding: 0px; margin: 0px}
#topbarcontent {margin: 0px auto 4px auto; background-color:transparent; width: 970px}
#topbarline {top: 101px; left: 0px; position: fixed; z-index: 1100; width: 100%; height: 2px; background-color: #535355; opacity: .6; z-index:1100}
#spacer{height:103px; background-color: #FFFFFF; width: 100%; z-index: 500}

#navtable {width: 570px; height: 40px; border: none }
.navtd {text-align: left;}

#accentbar {height: 300px; background-color: #3B698F; width: 100%}
#accentbarcontent {width: 970px; margin-left: auto; margin-right: auto;}
.accentbarcontenttable {width: 970px; height: 300px; }
.accentbarcontenttabletd1 {width: 450px;}
.accentbarcontenttabletd2 {width: 520px; vertical-align: top;}

.bannerheadline { margin-top:22px; background-color:#2C4E6B; padding-left:55px; padding-right:20px; padding-top:3px; padding-bottom:3px; border-top-right-radius:8px; border-bottom-right-radius:8px }
.bannercopy { margin-top: 14px; margin-bottom: 14px; padding-left:55px; padding-right:20px; }
.bannerbutton { padding-left:55px }

#quotebar {height: 75px; background-color: #3B698F; width: 100%; border-bottom: 1px solid #FFFFFF }

#subpageheaderbar {height: 300px; background-color: #3B698F; width: 100%; z-index: 1000}
#subpageheaderbarcontent {width: 970px; height: 100%; margin-left: auto; margin-right: auto; z-index: 1050}

#mainbody {margin: 0px auto 0px auto; width: 970px;}
#maincontent {margin: 0px 5px 40px 5px; width:970px; min-height: calc(100vh - 550px)}

#featuredcontent {margin: 10px 5px 5px 5px; width: 230px; float:left}
#featuredcontentdiv {margin: 0px 0px 10px 0px}
.featuredcontenttable {width: 220px; padding: 0px; margin: 0px}
.featuredcontenttitle {font-size: 17px; font-weight: bold; color: #FFFFFF; background-color: #3B698F; text-align: center}

.hometableshell { width:960px }
.hometableshelltd { width:320px }

.hometable { width:275px; height: 205px }
.hometabletrtop { height:15px }
.hometabletrmid { height: 175px }
.hometabletrbot { height:15px }

.hometablepoints { padding-left:50px }

.integrationstable { width: 970px; vertical-align: top }
.integrationstabletd1 { width: 435px; vertical-align: text-top }
.integrationstabletd2 { width: 100px }
.integrationstabletd3 { width: 435px; vertical-align: text-top }

.reviewstable { width: 970px; vertical-align: top }
.reviewstabletd1 { width: 476px; vertical-align: text-top }
.reviewstabletd2 { width:18px }
.reviewstabletd3 { width: 476px; vertical-align: text-top }

.reviewtable { width:470px }

#login_user {font-size: 10pt; border: 1px solid #3B698F; height: 15px; width: 120px; background-color: #FFFFFF; background-image: url(/live/oe_/https://www.eventintelligence.com/images/icon_userbox.png); background-repeat: no-repeat; padding-left: 17px}
#login_password {font-size: 10pt; border: 1px solid #3B698F; height: 15px; width: 120px; background-color: #FFFFFF; background-image: url(/live/oe_/https://www.eventintelligence.com/images/icon_pwbox.png); background-repeat: no-repeat; padding-left: 14px}

#footer {background-color: #535355; width: 100%; height: 30px;}

.rectangletable { width:970px }
.rectangletabletrtop { background-image:url('/live/oe_/https://www.eventintelligence.com/images/rectangle/rectop970.png'); height:15px }
.rectangletabletrmid { background-image:url('/live/oe_/https://www.eventintelligence.com/images/rectangle/recmid970.png'); background-repeat:repeat-y }
.rectangletabletrbot { background-image:url('/live/oe_/https://www.eventintelligence.com/images/rectangle/recbot970.png'); height:15px }

.overviewoutertable { width: 970px }
.overviewoutertabletrtop { height: 15px }
.overviewoutertabletrmid { height: 200px }
.overviewoutertabletrbot { height: 15px }

.overviewtable { width: 940px; padding-top: 5px; padding-bottom: 5px }
.overviewtabletd1 { width: 310px; vertical-align: middle }
.overviewtabletd2 { width: 630px; vertical-align: middle }

.overviewscreen { padding-left: 14px }

.listhelp {cursor: pointer}
#helpbox { z-index:1200; font-weight: normal; background: #535355; border: 1px solid #000000; color: #FFFFFF; position: absolute; min-width: 50px; max-width: 350px; padding: 10px }

#forgotpasswordbox { z-index:1200; font-weight: normal; background: #ad1d26; border: 1px solid #000000; color: #FFFFFF; position: absolute; min-width: 50px; max-width: 350px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px}

.contactform { font-size:16px; padding: 5px 5px 5px 5px; margin-bottom:15px; margin-top:5px; border: 1px solid #535355; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.signupform { font-size:16px; padding: 5px 5px 5px 5px; margin-bottom:15px; margin-top:5px; border: 1px solid #535355; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.marketingform { font-size:16px; padding: 5px 5px 5px 5px; margin-bottom:15px; margin-top:5px; border: 1px solid #535355; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.box-gray { padding: 10px; display: inline-block; border: 1px solid; vertical-align: middle; background-color: #F5F5F5; border-radius: 10px; }
.box-gray a:link, .box-gray a:visited, .box-gray a:active { color: #535355; text-decoration: none }

.subpageresponsemessage { padding-bottom: 30px }

.signuptable { width:970px; }
.signuptabletd1 {width:630px; vertical-align:top }
.signuptabletd2 { width:340px; vertical-align:top }

.sslseal { padding-top:5px; padding-bottom:25px }

.marketingtable { width:970px; }
.marketingtabletd1 {width:600px; vertical-align:top }
.marketingtabletd2 { width:370px; vertical-align:top }

.contacttable { width:970px; }
.contacttabletd1 {width:600px; vertical-align:top }
.contacttabletd2 { width:370px; vertical-align:top }

.questiondiv { padding-bottom:5px }
.answerdiv { padding-bottom:5px; margin-left:25px }

.faqcatdiv { padding-bottom:8px; float:left; width: 300px }
.faqquestiondiv { padding-bottom:8px }
.faqanswerdiv { padding-top: 8px; padding-bottom:8px }
.faqcontactdiv { padding-top: 16px }

.pricetable { width:700px; padding-bottom:5px; padding-top:5px }
.pricetableaccenttr { background-color:#EEEEEE }

.mgmtscreenshots {cursor: pointer; border: none;}
#close_overlay {cursor: pointer; border: none;}
#overlaybackground {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1199; background-color: #535355; opacity: .6; display:none;}
#overlaydiv {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1200; background-color: transparent; display:none;}
#overlaybox {margin: 50px auto 0px auto; height: 670px; width: 900px; background-color: #FFFFFF; border: 1px solid #000000; border-radius:8px; padding: 5px; display:none;}
#overlayscreenshot {margin: auto auto auto auto; width: 800px; height: 600px; border: none}

.graysharebar {width: 250px; background-color: #808080; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#memeoverlaydiv {width: 100%; height: 100%; position: fixed; top: 80px; left: 0px; z-index: 1200; background-color: transparent; display:none; cursor: pointer}
#memeoverlay {margin: 0px auto 0px auto; height: 640px; width: 400px; background-color: transparent; display:none; background-size: 100%; border: 5px solid #FFFFFF;}
#shareoverlaydiv{width: 100%; height: 70px; position: fixed; top: 0px; left: 0px; z-index: 1300; background-color: transparent; display: none;}
.shareoverlay {margin: 10px auto 0px auto; height: 60px; width: 410px; background-color: transparent; display: none; background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.closememeoverlay {border: none; cursor: pointer}
.memescreenshots {cursor: pointer; border: none;}

.planbox { text-align: center; width: 100%; display: block; overflow: hidden }
.plan { margin: 0; width: 24.7%; position: relative; float: left; overflow: hidden; background-color: #ffffff; border: 1px solid #e5e5e5; height: 390px }
.plan1 { border-radius: 10px 0px 0px 10px }
.plan2 { }
.plan3 { }
.plan4 { border-radius: 0px 10px 10px 0px }
.plantitle { width: 100%; height: 50px; font-size: 18px; display: block; color: #FFFFFF; }
.plantitletext { display: block; padding-top: 15px }
/* Tetradic Color from colorhexa.com/3b698f */
.plantitle1 { background-color: #3b8f61; }
.plantitle2 { background-color: #3b698f; }
.plantitle3 { background-color: #8f3b69; }
.plantitle4 { background-color: #8f613b; }
.planswitch { float: right; padding-bottom: 10px; padding-right: 20px }
.planyearly { display: none }
.planmonthly { display: block }
.plancost { display: block; margin-top: 30px; font-size: 35px; font-weight: 800 }
.plancostterm { display: block; margin-top: 10px; font-size: 19px; color: #AAAAAA }
.plansavings { display: block; font-size: 12px; margin-top: 4px; margin-bottom: -17px; font-weight: 800; font-stretch: condensed }
.plandesc { display: block; margin-top: 42px; font-size: 15px; color: #888888; margin-left: 20px; margin-right: 20px }
.plandescsub { display: block; margin-top: 25px; font-size: 14px; color: #666666; font-weight: bold; margin-left: 22px; margin-right: 22px }
.plansignup { display: block; margin-top: 35px }

.compare { border: 1px solid #e5e5e5; border-radius: 10px; }
.comparetable { text-align: center; font-size: 14px; overflow: hidden; border-radius: 10px; background: white; overflow: hidden; }
.comparetable { width: 100%; margin: 0; }
.comparetable tr:nth-child(1) { color: #FFFFFF; font-weight: bold }
.comparetable td:nth-child(2) { width: 15%; }
.comparetable td:nth-child(3) { width: 15%; }
.comparetable td:nth-child(4) { width: 15%; }
.comparetable td:nth-child(5) { width: 15%; }
.comparetable td:nth-child(n) { padding: 10px; text-align: center; }
.comparetable td:nth-child(1) { text-align: left; width: 40%; }
.comparetable, .comparetable td { border-collapse: collapse; border: 1px solid #e5e5e5 }
.comparetablecheck { height: 15px; width: auto; margin: -5px 0px -5px 0px }

.features { border: 1px solid #e5e5e5; border-radius: 10px; }
.featurestable { text-align: center; font-size: 14px; overflow: hidden; border-radius: 10px; background: white; overflow: hidden; }
.featurestable { width: 100%; margin: 0; }
.featurestablesection { background: #e5e5e5; font-weight: bold }
.featurestable td:nth-child(1) { padding: 6px 6px 6px 10px; text-align: left; width: 92%; }
.featurestable td:nth-child(2) { padding: 6px; text-align: center; }
.featurestable, .featurestable td { border-collapse: collapse; border: 1px solid #e5e5e5 }

#trialplan { padding: 10px; border: 1px solid #535355; border-radius: 10px; margin-bottom: 25px; width:340px }

.signupplanbox { text-align: center; width: 260px; }
.signupplan { margin: 0; width: 100%; background-color: #ffffff; border: 1px solid #e5e5e5; height: 375px; border-radius: 10px }
.signupplantitle { width: 100%; height: 50px; font-size: 20px; display: block; color: #FFFFFF; border-radius: 10px 10px 0px 0px }
.signupplandescsub { display: block; margin-top: 30px; font-size: 11px; color: #666666; margin-left: 10px; margin-right: 10px; text-align: left }

/* CSS for event services pages */

.featurecard { display: flex; align-items: center; justify-content: space-between; background: #ffffff; padding: 24px 32px; margin-bottom: 28px; border-radius: 10px; box-shadow: 0px 2px 6px #DADADA; }
.featurecard.gray { background: #f7f7f7; }
.featuretext { width: 58%; text-align: left; }
.featureiconwrap { width: 42%; display: flex; align-items: center; justify-content: center; padding-left: 20px; padding-right: 20px; }
.featureheadline { margin-bottom: 12px; }
.featureicon { transition: 0.2s ease; }
.featureicon:hover { transform: scale(1.05); opacity: 0.9; }

.services_div { margin: 16px 22px 16px 22px; width: 130px; height: 130px; border: 1px solid #535355; background-color: #FFFFFF; color: #3B698F; border-radius: 10px; cursor: pointer; }
.services_div:hover { background-color: #3B698F; color: #FFFFFF; border-color: #3B698F; }
.services_icon { display: block; font-size: 5em; width: 100%; margin-top: 16px; text-align: center; cursor: pointer; }
.services_label { color: #535355; display: block; width: 100%; text-align: center; margin-top: 10px; font-weight: bold; font-size: .98em; cursor: pointer; }
.services_div:hover .services_label { color: #FFFFFF; }