* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html body { font-family: 'Montserrat', sans-serif; margin:0; }
img {
    border:none;
}
a {text-decoration:none; color:#00a1df;}
header {background-position:center top;background-repeat: no-repeat; /*background-size:100%;*/}
div.header {padding:0 20px; min-height:224px; line-height:50px;}

div.logo {float:left;}
.tabletLogo, .mobileLogo {display:none;}
div.search, div.utilityNav, div.social {float:right;}
div.search {line-height:60px; padding-right:20px;}
div.search input {padding:7px 7px 7px 35px; background-image: url("/images/search.png"); background-position:center left; background-repeat:no-repeat;}
div.utilityNav { font-family: 'Montserrat', sans-serif; font-weight:700;}
div.utilityNav a {color:#000; padding:5px 10px; text-decoration:none; display:inline-block;}
nav.top-nav {clear:both; margin-top:0; height:53px; border-top:3px solid #000;}
	nav ul {list-style:none;}
	nav ul li {float:left;}
	nav a {margin:5px 0 5px 40px; font-size:18px; padding:3px; color:#000; transition: color 0.2s ease-in-out; text-decoration:none; font-family: 'Montserrat', sans-serif; font-weight:700;}
	nav a:hover {color:#00a3e0;}
	nav ul li:first-child  a{padding-left:0;}
.main-nav {max-width:1180px; margin:0 auto;}

.resultItem {padding:0 10px;}
.resultItem > a {display:block; padding:8px; color:#00A1DF;}
.resultItem > a:hover {text-decoration:underline;}
.resultItem p {margin-bottom:0; color:#000;}
#searchArea {margin:0 10px;}
#searchArea .results div.resultItem:nth-child(odd) {background-color:#eee;}
#searchArea .results div.resultItem:hover {background-color:#fff;}
	
.welcome > .contain {display:table; width:100%;}
.welcomeContent {display: table-cell; height: 104px; vertical-align: middle;}

div.social a {height:30px; width:25px; margin:15px; display:inline-block;}
div.footerSocial a {height:30px; width:25px; margin:15px; display:inline-block;}	
	.twitter {background-image: url("/images/twitter.png"); background-repeat:no-repeat;}
        .social a.twitter:hover {background-image: url("/images/FooterTwitter.png"); background-repeat:no-repeat; transition: background-image 0.5s ease-in-out;}
	.youtube {background-image: url("/images/YouTube.png"); background-repeat:no-repeat;}
	    .social a.youtube:hover {background-image: url("/images/FooterYouTube.png"); background-repeat:no-repeat; transition: background-image 0.5s ease-in-out;}
	.facebook {background-image: url("/images/Facebook.png"); background-repeat:no-repeat;}
	    .social a.facebook:hover {background-image: url("/images/FooterFacebook.png"); background-repeat:no-repeat; transition: background-image 0.5s ease-in-out;}
	.linkedin {background-image: url("/images/LinkedIn.png"); background-repeat:no-repeat;}
	    .social a.linkedin:hover {background-image: url("/images/FooterLinkedIn.png"); background-repeat:no-repeat; transition: background-image 0.5s ease-in-out;}
	
	.footerTwitter {background-image: url("/images/FooterTwitter.png"); background-repeat:no-repeat;}
        .footerSocial .footerTwitter:hover {background-image: url("/images/twitter.png"); background-repeat:no-repeat; transition: background-image 0.5s ease-in-out;}
	.footerYoutube {background-image: url("/images/FooterYouTube.png"); background-repeat:no-repeat;}
        .footerSocial .footerYoutube:hover {background-image: url("/images/YouTube.png"); background-repeat:no-repeat; transition: background-image 0.5s ease-in-out;}
	.footerFacebook {background-image: url("/images/FooterFacebook.png"); background-repeat:no-repeat;}
        .footerSocial .footerFacebook:hover {background-image: url("/images/Facebook.png"); background-repeat:no-repeat; transition: background-image 0.5s ease-in-out;}
	.footerLinkedin {background-image: url("/images/FooterLinkedIn.png"); background-repeat:no-repeat;}
        .footerSocial .footerLinkedin:hover {background-image: url("/images/LinkedIn.png"); background-repeat:no-repeat; transition: background-image 0.5s ease-in-out;}
	
div.couponSocial {
    width: 50%;
    margin: 0 auto;
    text-align: right;
    padding-right: 50px;
}

.st_sharethis_custom {
    background-image: url("/images/shareArrow.png");
    background-repeat: no-repeat;
    height:25px; 
    width:30px;
    margin:0 15px; 
    display:inline-block;
    color: black;
    vertical-align: middle;
    position: absolute;
    cursor:pointer;
}

#authenticationPanel {
    margin-top:5px;
}
#authenticationPanel a {
    color: #fff;
    font-weight: 700;
    padding: 0 20px;
}

div.couponSocial a {height:25px; width:25px; margin:0 15px; display:inline-block;color: black;}	
	.twitter {background-image: url("/images/twitter.png"); background-repeat:no-repeat;}
	.facebook {background-image: url("/images/Facebook.png"); background-repeat:no-repeat;}

div.couponSocial a span {background-repeat:no-repeat;font-size:20px;float: left;margin-right: 10px;}

div.welcome + div.contain > div.contain {display:none;}
div.welcome + div.contain > div#container {padding-top:0;}
div.welcome + div.contain {padding-top:10px;}

div.welcome.submaster + div.contain{
    padding-top:20px;
}

.masonry , .contain{
  max-width: 1200px;
  margin:0 auto;
  padding:20px 0;
  clear:both;
  position:relative;
}


.masonry .item {
  width:  380px;
  height: 280px;
  float: left;
  background: #D26;
  margin:10px;
}
.item.w2 { width:  780px; }

.item.w3 { width:  1170px; }

.item.h2 { height: 580px; }

.mainContent p img {margin:0 35px;}

/**styles for content inside tiles**/
.item h2.tileTitle
{
    color:#fff;
    text-align:center;
    padding:0 20px 0 20px;
    font-family: 'Montserrat', sans-serif; font-weight:700;
}

div.sponsors {width:90%; margin: 10px auto; padding-top:13px; padding-bottom:20px; clear:both;}
div.sponsors h3 {margin-bottom:10px; font-family: 'Montserrat', sans-serif; font-weight:700;}
div.sponsorCompany {min-height:85px; background:white; width:100%; margin:0 auto;}

div.sponsors .sponsorCompany
{
    width:31%;
    float:left;
    text-align:center;
    display:table;
    margin:1%;
}
div.sponsors .sponsorImage
{
    float:left;
    height:85px;
    width:100%;
    padding:5px;
}
div.sponsors .sponsorName {
    display:table-cell;
    width:100%;
    height:85px;
    vertical-align:middle;
}
.sponsorName p {margin:0;}
div.sponsors .sponsorImage img{
    max-height:75px;
}

.item .tileContent
{
    color:#ffffff;
    padding:10px 20px 0 20px;
    font-family: 'Montserrat', sans-serif;
    font-size:12px;
}
    div#container .twitter .tileTitle {display:none;}
    div.twitter div.eventHeader {height:auto;}
    .twitter .tileContent {border-top:1px solid; border-bottom:1px solid; padding:0; margin:80px 30px 0 30px;}
    .twitter .tileContent p {
      padding: 15px 0;
      margin-bottom: 0;
    }
/**specific tile styles**/
.item.events h2.tileTitle{
    color:#000;
}
.sideListing.first {margin-top:0;}
.item.w2 h2
{
    text-align:left;
}

.item.default h2.tileTitle{
    color:black;
}

.item.card h2.tileTitle{
    margin-bottom:0;
    height:50%;
}
.item.card .tileContent
{
    height:50%;
    width:100%;
    background-color: white;
    vertical-align: bottom;
    position:absolute;
    bottom:0;
    border-width:0 1px 1px 1px;
    border-style:solid;
    color:#333;
    display:none;
}
.item.card .tileButton{
    display:none;
}
.item.card:hover .tileContent {
    background-color:white;
    display:block;
}
.item.card:hover .tileButton{
    display:block;
}
.item.white .tileContent
{
    height:50%;
    width:100%;
    background-color: #fff;
    vertical-align: bottom;
    position:absolute;
    bottom:0;
    color:#000;
    border-width:0 1px 1px 1px;
    border-style:solid;
}
.item.white:hover{
    display: block;
}
.item.default .tileContent{
    color:#000;
}

.item.text .eventHeader{
    display:none;
}
.item.text .tileContent
{
    height:100%;
    width:100%;
    background-color: #fff;
    vertical-align: middle;
    position:absolute;
    bottom:0;
    color:#000;
    border-width:1px 1px 1px 1px;
    border-style:solid;
}

.item .tileContent h1, .item .tileContent h2, .item .tileContent h3, .item .tileContent h4, .item .tileContent h5, .item .tileContent h6{
    margin:0;
 }

li.item.h1.w2.listItemCard, li.item.h1.w2.policyCard {height:280px;}

.item.default { border: 1px solid #000; background-color:#fff; position:relative; z-index:1;}
/*div.item.card:hover p {color:#fff;}*//*this will make the tile content disappear*/
.item.ad { border: 1px solid #000; background-color:#fff; position:relative; z-index:1;}
.item.white {background-color:#fff; position:relative; z-index:1;}
.item.text {background-color:#fff; position:relative; z-index:1;}
.item.events {background-color:#F7A800;}
div.eventHeader {width:100%; display:table; height:135px;}
div.committeeMemberHeader {width:100%; display:table; height:135px;background:#3FBFAD; color:white;}
div.personHeader {width:100%; display:table; height:135px;background:#000; color:white;}
div.policyBack {display:table-cell; height:104px; vertical-align:middle;}
div.memberHeader, div.listItemHeader {width:100%; display:table; height:75px; text-align:center;}
div.policyInfo div.memberHeader, div.listItemInfo div.listItemHeader {text-align:left;}
div.policyInfo div.memberHeader h2, div.listItemInfo div.listItemHeader h2 {margin-bottom:3px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#555;}
div.memberLogo, div.listItemImageContainer {  height: 190px; display: table; width: 100%; vertical-align: middle;}
div.memberLogo .featImage, div.listItemImageContainer .featImage, div.memberLogo .featMember, div.directoryLogo .featImage { display:table-cell; width:100%; vertical-align: middle; padding:0;}
div.blogLeft div.leftColumn {overflow:hidden;}
div.directoryLogo { height:150px; width:100%; vertical-align:middle; text-align:center; padding:0!important;}
div.eventHeader h3, div.eventHeader .tileTitle {display:table-cell; width:100%; vertical-align:middle;}
.item.card { background-color:#fff; position:relative; z-index:1;}
.item.card:hover .dark-overlay, .accountItem:hover .dark-overlay {width:100%; z-index:2; height:100%; position:absolute; background-color:#000; opacity:0.35;}
.overlayBtn {display:none;}
.accountItem:hover .overlayBtn {display:block; position:absolute; z-index:2; top:40%; width:100%;}
.item.twitter {background-color:#ffffff;  /*background-image: url("/images/TwitterWidget.png");*/ background-position: 50% 8%;  background-repeat: no-repeat;}
.item.news {background-color:#002E6D;}
.item.cal {background-color:#200443;}
.item.policy {background-color:#fff; border:1px solid #3FBFAD; height:auto;}
.item.coupon, .item.policyCard, .item.listItemCard {border:1px solid #eee; background:#fff;}
#filter {float:right; height:auto;}
#coupons {float:left; margin:0; width:720px;}
    div.couponImage {padding:5px 0 5px 5px; display:table-cell; vertical-align:middle; height:220px; text-align:center;}
    div.policyImage, div.listItemImage {display:table-cell; vertical-align:middle; height:278px; text-align:center;}
    div.couponImage img, div.policyImage img, div.listItemImage img { max-width:100%;}
    p.couponDesc, .policyDesc, .listItemDesc {margin:20px 0;}
    .couponTitle {border-bottom:3px solid #F7A800;}
    .couponAddress {float:right;}
    .couponDisclaimer{ padding:20px; font-size:10px; }
        .couponDisclaimer span.disclaimerTitle {
            font-family: 'Montserrat', sans-serif;
            font-weight:700;
        }
    div.rightColumn .memberHeader, div.rightColumn .listItemHeader {font-family: 'Montserrat', sans-serif; font-weight:700; margin:15px 0 15px 0;}
.item.related {border:1px solid #18BFA9; background-color:#fff;}
	div.related div.subHeader {background-color:#18BFA9; min-height:25%;}

	div.welcome {width:100%; text-align:center; position:relative; border-top:3px solid #000; border-bottom:3px solid #000; min-height:150px;}
	div.welcome2 {border-top:3px solid #F7A800; text-align:center; border-bottom:3px solid #F7A800; min-height:150px; width:100%;}
	div.welcome3 {border-top:3px solid #3FBFAD; text-align:center; border-bottom:3px solid #3FBFAD; min-height:150px; width:100%;}
	
    div.welcome .welcomeContent, div.welcome2 .welcomeContent, div.welcome3 .welcomeContent {text-align:center; line-height: 25px; width:1200px; margin:0 auto; clear:both; padding:0;}
	div.welcome h2, div.welcome2 h2, div.welcome3 h2 {margin:10px 0 5px 0; font-family: 'Montserrat', sans-serif; font-weight:700;}
	div.welcome p, div.welcome2 p, div.welcome3 p {max-width:910px; margin:0 auto 55px auto;}
    #rootNav1 h2 {margin-top:70px; font-family: 'Montserrat', sans-serif; font-weight:700;}

	div.testimonial 
    {
        width:100%; 
        min-height:200px; 
        clear:both;
	}
    .testimonialImage{
        float:left;
        padding-right: 20px;
        text-align:center;
        width:35%;
    }
    div.testimonial .testimonialText{
        float:left;
        vertical-align: top;
        padding-top:20px;
        width:65%;

    }
	
div.row.content-row {clear:both;}	
	div.col.twelve {clear:both; width:1180px; margin:10px 10px 20px; min-height:200px;}
	div.col.four {width:380px; height:280px; float:left; border:1px solid #999; margin:10px 10px 20px;}
		div.featured div.col.four {border-top:15px solid #999; text-align:center;}
        div.featured h2 {font-family: 'Montserrat', sans-serif; font-weight:700;}
	div.topLevel div.col.three {width:280px; height:200px; float:left; margin:0px 10px;}
	div.col.three {width:280px; height:200px; float:left; margin:10px 10px;}
		div.topLevel #rootHover1 div.col.three {border-top:15px solid #B5FCF0; background-color:#3FBFAD;}
		div.topLevel #rootHover2 div.col.three {border-top:15px solid #6181A3; background-color:#002E6D;}
		div.topLevel #rootHover3 div.col.three {border-top:15px solid #FBCA6F; background-color:#F7A800;}
		div.topLevel #rootHover4 div.col.three {border-top:15px solid #9E9E9E; background-color:#262729;}
        div.topLevel a div.col{
            color:white;
            text-align: center;
        }
	div.members div.col.three {border:1px solid #000;}	
	div.members div.col.twelve {border:1px solid #000;}	
	div.members div.name {background-color:#3FBFAD; min-height:50%;}
	div.members div.contactHeader {background-color:#262729; min-height:100px;}
    div.businessDirectoryContainer div.col.three {border:1px solid #ddd; min-height:300px; position:relative;}
    div.businessDirectoryContainer div.col.three h4 {font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:10px;}
    span.businessPhone {background-image: url("/images/phone.png"); background-repeat:no-repeat; padding-left:20px; font-size:12px;}
    span.businessWeb {background-image: url("/images/external_link.png"); background-repeat:no-repeat; padding-left:20px; font-size:11px;word-break:break-all;width:100%;display:block;}
    div.policyMember {display:table;text-align:center;}
    div.policyMember div.eventHeader { background:#3FBFAD;}
    div.committeeMember {display:table;text-align:center; border: 1px solid black;}
    div.committeeMember a { color:black;}
    div.committeeMember .memberContent {display:table-cell; vertical-align:middle; border:none; padding: 0 5px;}

    div.person {display:table;text-align:center;border:1px solid black;}
    div.person a { color:black;}
    div.person .personContent {display:table-cell; vertical-align:middle; border:none; padding: 0 0px;}
    div.person .personContent img{margin:0 auto; width:100%;height:100%;}

    .memberContent {display:table-cell; vertical-align:middle; border: 1px solid black;}
    .memberTitle { font-family: 'Montserrat', sans-serif; font-weight:700; font-size:1.6em; margin-bottom:10px;}
    .memberName {font-family: 'Montserrat', sans-serif; font-size:1.6em;}
    .memberDescription {min-height:135px; display:table; width:100%;}
    .contactsContainer .related h2 {margin-left:10px;}

.tableHeader {background:#000; color:#fff; text-align:left; padding-left:20px;}

div.related div.col.three {border-top:15px solid #999; border:1px solid #999; padding:0 15px; height:250px;}
div.contactsContainer div.related div.col.three {
    height:160px;
}
.accountDetailsContainer {margin:0 10px;}
	
div.subscribe {min-height:200px; background-color:#F7A800; margin:0 0 20px; clear:both; padding-top:50px; padding-bottom:50px;margin-top:15px;}

div.footer{text-align:center;}

div.footer1 {min-height:140px; background-color:#002E6D; color:#fff; line-height:140px;}
	div.footer1 h3 {margin:0; font-family: 'Montserrat', sans-serif; font-weight:bold;}
div.footer2 {background-color:#7591AE; color:#fff; padding-bottom:25px; font-size:16px;}
	div.footer2 a {color:#fff; text-decoration:none;}
ul.footerLinks {list-style:none; padding:0; margin:0; font-size:12px;}
	ul.footerLinks li {display:inline;}
	ul.footerLinks li a{display:inline-block; padding:20px;}

    .blogSub a {color:#555;}

/*generic form styles*/
/*.eccForm input {padding:5px; border-radius:5px; border:1px solid #ccc;}
.eccForm input[type="submit"], .eccForm .button, .eccForm input[type=button] {cursor:pointer; width:100px; background:#004890; color:#fff; font-size: 15px; border:1px solid #004890; border-radius:5px; padding:5px;}
.eccForm input[type="submit"]:hover, .eccForm .button:hover, .eccForm input[type=button]:hover {background:#008b48; color:#fff; border:1px solid #008b48;}*/
.eccForm a.button { text-decoration: none; }
.eccForm label.error { color:red; padding-left:5px; }
.eccForm input.error, .eccForm textarea.error, .eccForm select.error { border-color: red; background-color: #ffe6e6; }
.eccForm span.error {display:block;}
.eccForm .success { color:green; }
.eccForm .failure { color:red; }
.eccForm .row
{
    padding: 5px 0;
    clear:both;
}
.eccForm .col1
{
    width:10px;
    float:left;
}
.eccForm .col2
{
    float:left;
    padding:3px;
    width:150px;
}
.eccForm .col3
{
    float:left;
}
.eccForm label {font-weight: 200; font-size: 15px; line-height:32px;}
/*.eccForm input[type=text], .eccForm input[type=password] {border:1px solid #ccc; border-radius: 5px; margin-bottom:3px; padding:5px; width:200px; height:20px; overflow-y:hidden;}
.eccForm textarea {border:1px solid #ccc; border-radius: 5px; margin-bottom:3px; padding:5px; overflow-y:hidden;}*/
.eccForm select { margin-bottom: 3px; }
.eccForm input:focus, .eccForm textarea:focus {border:1px solid #008b48;}
.eccForm input[type=submit].buttonDisabled{
    background-color: lightgray;
    border:1px solid grey;
    cursor: default;
}
.eccForm .requiredField
{
    color:red;
}
.eccForm {margin-left:10px;}
#rootHover1 #rootNav2, #rootHover2 #rootNav2, #rootHover3 #rootNav2, #rootHover4 #rootNav2 {border-top:0}
#rootHover1 #rootNav2 p, #rootHover2 #rootNav2 p, #rootHover3 #rootNav2 p, #rootHover4 #rootNav2 p {padding:10px; display:table-cell; vertical-align:middle;}


/**blog styles**/
.blogLeft{
    float:left;
    width:75%;
}
.blogRight{
    float:right;
    /*padding-top:50px;*/
    max-width:25%;
    width:25%;
}

/**list container**/
.listContainer ul.listItems 
{
    list-style:none;
    padding-left:0;
    clear:both;
    margin:0;
}
a.darkButton {width:120px; padding:10px 0; text-align:center; display:inline-block;}
#filter ul {list-style:none; margin:0; padding:0;}
.listContainer .commentsLink img
{
    margin:0;
}
.listContainer .pager{
    clear:both;
}
.listContainer .pager span
{
    padding:5px;
}
.listContainer .pager .pages a {

    padding: 5px;
    color:#555;
}
.listContainer .pager .pages a.current {
    font-weight: bold;
    text-decoration: none;
}
.listContainer .pager a{
    text-decoration:none;
}
.listContainer .pager.bottom{
    padding:10px 0 0 0;
}
.listContainer .pager.top{
    padding:10px 0 10px 0;
}

.leftSub .blogSub a {
        padding: 0;
        margin: 0;
}

.leftSub .blogSub a:hover {
    background: none;
    border: none;
    text-decoration: underline;
}

.blogSub a.selected {
    font-weight: bold;
}
.blogContainer{
    padding-bottom:30px;
}

.blogLeft, .blogRight{
    padding-bottom:30px;
}

/*policy listing*/


/**policy details**/
.policyContent, .policyCommittees{
    padding-bottom:10px;
    height:auto;
}

.policyCommittees{
    float:right;
}
.policyCommitteeBox .policyInsideBox{
}
.policyCommitteeBox{
}
.policyCommitteeRow{
    padding:5px;
}
.committeeContent.item.white, .policyContent.item.white {height:auto;}
.policyDetails, .committeeDetails {border-left:2px solid #3FBFAD; padding-left:10px;}
.policyHeader h4 {margin:0;}
.policyHeader {margin-bottom:20px; font-family: 'Montserrat', sans-serif; font-weight:700;}

/**committee details**/
.committeePolicies, .committeeContent{
    padding-bottom:10px;
}
.committeePolicies{
    float:right;
}
.committeePolicyBox .committeeInsideBox{
}
.committeePolicyBox{
}
.committeePolicyRow{
    padding:5px;
}
div.upcomingEvent, div.sideListing, div.policyCommitteeRow, div.committeePolicyRow, div.attendeeListing {margin:10% auto; transition: width 0.2s; min-height:56px; -webkit-trasition: width 0.2s;}
div.upcomingEvent:hover, div.sideListing:hover, div.policyCommitteeRow:hover, div.committeePolicyRow:hover, div.attendeeListing:hover {width:85%;}


div.sideListing .title{
    font-size: 12px; 
    font-family: 'Montserrat', sans-serif;
}
div.sideListing .date{
    font-size:10px;
}

    div.policyCommitteeRow a, div.committeePolicyRow a {color:#555;}
/**event register**/

.eventTime {margin-bottom:20px;}
.eventDetails {display:table; height:145px; width:100%;}
.eventContent, #eventPricing {display:table-cell; vertical-align: middle;}
div.regSteps {clear:both; padding-top:40px;}
div.regSteps button.stepBtn {color:#000; margin: 0 5px 5px 0; border:0; outline:none;}
div.regSteps button.stepBtn.selected {background-color:#F7A800; color:#fff;}
div.eventName.item h3, div.pricing.item h3, div.attendees.item h3 { margin:0; background-color:#fafafa; text-align:center;}
div.eventName.item, div.pricing.item, div.attendees.item {font-size:18px; text-align:center; border:1px solid #eee;}
.StepPanel h5.table {text-align:left; padding:10px 0; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:700;}
.StepPanel.step2 h5, .StepPanel.step3 h5, .StepPanel.step4 h5, .StepPanel.eventsRegistrationStep1 h5, .StepPanel.addCoupon h5 {text-align:left; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:700;}
.table {display:table; width:80%; margin:0 auto;}
.row.table-row {display: table-row;}
div.step1 div.table-row div.cell, div.eventsRegistrationStep2 div.table-row div.cell {display:table-cell; width:30%; border:1px solid #eee; text-align:center; margin:0;height: 100%;float: none;vertical-align: middle;}
div.step1.wideTable div.table .col.cell {min-width:0;padding: 10px;}
div.step1.wideTable div.table .col.cell.button{padding:0; min-width:120px}
div.step1.wideTable div.table .col.cell button{padding:4px;}

.step1 .col.cell.tableHeader, .step1 .tableEvents div.col.cell {text-align:left; padding-left:20px;}
div.eventsRegistrationStep2 div.table-row div.cell {min-height:45px; line-height:34px;}
.eccForm div#ticketTable .row {padding:0;}
div#ticketTable {margin-bottom:20px;}
div.col.cell input {width:80%; text-align:center;}
div.col.cell input:disabled {background-color:#dddddd;}
div.col.cell-noborder { border:none!important;}
.eccForm div.membersonlyconfirmation {text-align:left; background-color:#FBCA6F; padding:40px; margin:0 auto 20px;float:left;max-width:803px;}
div.membersonlyconfirmation input {width:300px;}
input#chkAgree {margin-right:10px;}
div.row .company {width:340px;}
.company input {width:100%;}
div.step1 div.col, div.membersonlyconfirmation div.col{
  min-width: 155px;
  text-align: left;
  padding: 5px 0;

}

div.eventsRegistrationStep2 div.col.cell{
  width: 50px;
  min-width: 100px;
  text-align: left;
  padding: 5px 0;
}

div.eventsRegistrationStep2 div.col{
  min-width: 155px;
  text-align: left;
  padding: 5px 0;
}

div.eventsRegistrationStep2 div.col input{
  min-width:50px !important;
}
div.membersonlyconfirmation div.col {margin:0;}
div.step2 div.col, div.step3 div.col {
    min-width:160px;
    text-align:left;
    margin-right:20px;
    padding:5px 0;
}

div.eventsRegistrationStep1 div.col {
    min-width:155px;
    text-align:left;
    margin-right:20px;
    padding:5px 0;
    line-height:32px;
}

div.step4 div.col {
    min-width:150px;
    text-align:left;
    padding:5px 0;
}

div.addCoupon div.col {
    min-width:168px;
    text-align:left;
    margin-left:20px;
    padding:5px 0;
}
div.col input {min-width:185px;}
div.col input[type="checkbox"] {min-width:0;}
div.step4 input[type=radio] {margin-right:10px;}
div.step1 button, div.step2 button, div.eventsRegistrationStep1 button, div.step3 button, div.eventsRegistrationStep2 button {float:left;}
button.nextBtn, button.submitBtn {margin-left:20px; border:0;}
button.nextBtn, button.prevBtn, button#continue, button#continueStep1Button {background-color:#F7A800; color:#fff; border:0;}
button.submitBtn, input[type=submit].submitBtn {background-color:#3FBFAD; color:#fff;}
button.prevBtn {margin-left:0px; border:0;}
div.directoryCategories button {float:left!important; padding:10px; border:0; outline:none; width:100%; text-align:left; margin:3px 0;}
div.directoryCategories button:hover {background:#F7323F; color:#fff;}
div.step3 input[type=submit] {float:right;}
div.address input {width:565px;}
div.location select {width:185px;}
div.ccInfoL, div.ccInfoR {width:50%; float:left;}
div.ccInfoL input {width:250px;}
div.security input {width:100px;}
div.socialMedia .col.five .col {width:30px; min-width:30px; line-height:32px; max-height:25px;}
div.primListContainer h6 {display:block; padding-top:20px; clear:both;}
div.primListContainer span {display:block; padding:5px 0;}
div#primList div, div#primListTerm div {float:left; line-height:32px;}

div.policyItem div.leftColumn, div.genericItem div.leftColumn {height:278px;}

/**business directory**/
.businessDirectoryContainer 
{

}
.businessDirectoryFilters .directoryCategories div,
.StepPanel .directoryCategories  div
{
    float:left;
    padding:0;
}
.businessDirectoryFilters .prompt 
{
    font-weight:bold;
    padding-right:5px;
    line-height:32px;
}
.businessDirectoryFilters .topFilter 
{
    clear:both;
}
.businessDirectoryFilters .topFilter div
{
    float:left;
}
button.businessType 
{
    padding:5px;
    clear:both;
}
.primListContainer div {
    float:left;
}
#primList button, #primListTerm button
{
    padding:0 5px;
}
#primList div.selectedItem, #primListTerm div.selectedItem  
{
    background-color:#5F6162;
    padding:5px 10px;
    margin: 0 0 5px 0.5em;
}
#primList div.selectedItem button.removeButton, #primListTerm div.selectedItem button.removeButton 
{
    border:none;
    margin-left:0;
    background:none;
    color:#F7323F;
}
#primList div.selectedItem div.selectedItemInner, #primListTerm div.selectedItem div.selectedItemInner  
{
    padding:0;
    color:#fff;
}
.businessDirectorySearch {
    padding:7px;
    margin-top:0px;
}

.businessDirectoryResults .accountItem
{
    border:1px solid black;
}
.businessDirectoryContainer .noresults
{
    padding-top:20px;
}
.businessDirectoryFilters .directoryCategories,
.StepPanel .directoryCategories
{
    padding:0;
    width:100%;
    float:none;
}
.businessDirectoryFilters .directoryCategories .directoryCategoryColumn,
.StepPanel .directoryCategories .directoryCategoryColumn
{
    width:49%;
    margin: 0 0 0 1%;
}
.businessDirectoryFilters .directoryCategories .directoryCategoryColumnContainer,
.StepPanel .directoryCategories .directoryCategoryColumnContainer
{
   width:50%; 
}
.businessDirectoryFilters .bottomFilter,
.StepPanel .bottomFilter
{
    width:100%;
}
#primList
{
    min-width: 250px;
    padding:0;
    margin-bottom:15px;
    margin-top:-5px;
}
#primListTerm
{
    padding:0;
    margin-bottom:15px;
    margin-top:-5px;
}
.accountItem
{
    cursor:pointer;
}
.accountItemInner
{
    padding:10px;
    font-size:12px;
}
.accountItemInner h4
{
    padding-top:0;
    margin-top:0;
}
.accountItemInner div
{
    padding-bottom:5px;
}
.accountItem img.companyLogo{
    max-height:110px;
}
.accountDetailsContainer img.companyLogo{
    float:right;
}

.featured .companyLogo{
    transition: all .4s ease-in-out;
    max-height:140px;
    max-width:250px
}
.featured .companyLogo:hover{
    transform: scale(1.1);
}

.StepPanel.step2 h6 {
    margin:0;
}
.StepPanel.step2 .businessDirectoryFilters h6{
    padding-bottom:20px;
}

.infoText {
    background-color:#E6E6B8 ;
    display: none;
    position: absolute;
    z-index: 9999;
    border-style: ridge;
    width:300px;
    padding:10px;
}
.breadcrumbs{
    text-align: left;
    float:left;
    margin-top:-25px;
    margin-left:0;
    padding-bottom:10px;
}

.breadcrumbs li{
    display:block;
}
nav.breadcrumbs a{
  margin: 5px;
  padding: 3px;
  color: #000;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
}
nav.breadcrumbs ul{
    padding-left:0;
}
nav.breadcrumbs .current{
    margin:0 0 10px 7px;
}
.mainContent{
    clear:both;
}
.mainContent.secondary #container{
    top:-20px;
}
    .calendarLegend {clear:both; padding:10px 25px; position:absolute; top:100px; color:#fff;}
    .Legend {padding-right:20px;}
    .dotLegend {padding:0 15px 0 10px; height:20px; background:url('../images/WhiteDot.png') no-repeat left 7px; display:inline-block;}
    .linkLegend {padding-left:35px; background:url('../images/linkLegend.png') no-repeat left 0; display:inline-block;}

.tile-overlay
{
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    /*background-color: #fff;*/
    opacity: 0.35;
}

@media screen and (max-width: 1250px) {

.masonry, .contain {
  max-width: 999px;
  margin:0 auto;
}
.masonry .item {
  width:  313px;
  height: 320px;
  float: left;
  background-size: 100% 100%;
  margin:10px;

}
.item.w2 { width:  646px; }
.item.w3 { width:  969px; }
#filter {float:right;}
#coupons {float:left; margin:0; width:650px;}
	div.welcome, div.welcome2, div.welcome3 {text-align:center; line-height: 25px; clear:both; padding:0 10px;}
.item.h2 { height: 660px; }
div.col.three {width:229.75px; height:200px; float:left; margin:10px 10px 20px;}
div.col.four {width:313px; height:280px; float:left; border:1px solid #999; margin:10px 10px 20px;}
div.col.twelve {width:979px; margin:10px 10px 20px;}
nav.top-nav a {margin-left:20px;}

	div.eventsCalendar-slider { height:80px; width:355px; float:left; position:relative;}

	div.eventsCalendar-monthWrap {
		border-radius:0;
		top:10px;
		left:0px;
        width:355px!important;
        border-right:1px solid #fff;
	}
    div.eventsCalendar-list-wrap {
	min-height:100px;
	position:relative;
    width:260px!important;
    float:right;
}


.testimonialImage img {width:100%;}

}

@media screen and (max-width: 1024px) {

.masonry, .contain {
  max-width: 999px;
  margin:0 auto;
}
.masonry .item {
  width:  308px;
  height: 320px;
  float: left;
  margin:10px;
}
.item.w2 { width:  636px; }
.item.w3 { width:  954px; }

nav.top-nav a {margin-left:20px; font-size:16px;}
.item.h2 { height: 660px; }
div.col.three {width:226px; height:200px; float:left; margin:10px 10px 20px;}
div.col.four {width:308px; height:280px; float:left; border:1px solid #999; margin:10px 10px 10px;}
div.col.twelve {width:964px; margin:10px 10px 20px;}

.businessDirectoryFilters .directoryCategories,
.StepPanel .directoryCategories{
    width:65%;
    margin: 0 auto;
}
.businessDirectoryFilters .directoryCategories .directoryCategoryColumn,
.StepPanel .directoryCategories .directoryCategoryColumn{
    width:99%;
}

}

@media screen and (max-width: 1000px) {

.masonry, .contain {
  max-width: 675px;
  margin:0 auto;
}
div.topLevel a div.col.three {width:46%; height:200px; float:left; margin:0px 10px 20px;}
div.col.twelve {width:95%; margin:10px 10px 20px;}
div.step2 div.col {min-width:175px;}
div.eventsRegistrationStep1 div.col {min-width:175px;}
.blogRight{
    float:none;
    width:auto;
}
#filter {  width: 100%;
  height: auto;
  padding:20px 0;
  background: #eee;
  margin:0;
}
#filter .sideListing {
  width: 180px;
  float: left;
  margin: 0 22px 20px;
}
#filter .sideListing:hover {
  background-color: #F7323F;
}
#filter .sideListing:hover a {
  color: #fff;
}
#coupons {width:100%;}
div.testimonial .testimonialText {padding-top:0;}
div.testimonial .testimonialImage img {width:100%;}
.masonry, .contain {padding:20px 0 0;}
.welcome > .contain {padding:20px 0;}
.desktopLogo {max-width:100px;}
.eventsRegistrationStep1 .col {float:none;}


.businessDirectoryFilters .directoryCategories,
.StepPanel .directoryCategories
{
    width:100%;
    margin: 0 auto;
}

}

@media screen and (max-width: 960px) {
    
nav.top-nav a {margin-left:15px; font-size:14px;}
}
@media screen and (max-width: 770px) {
    .footer2Logo {
        display:none;
    }

    #authenticationPanel {
        right:70px;
    }
span.ui-menu-label {display:none;}
a.ui-menu-button span.ui-icon-menu, a.ui-menu-button {float:right; position:absolute; right:10px; top:7px;}
a.ui-menu-button {width:60px; background-color:transparent; height:45px;}
a.ui-menu-button span.ui-icon {display:none;}
a.ui-menu-button span.ui-icon-menu {width:2.5em;}
a.ui-menu-button span.ui-icon-menu span {background:#000; height:7px;}
a.ui-menu-button .ui-icon-menu span.line2 {margin-top:12px;}
a.ui-menu-button .ui-icon-menu span.line3 {margin-top:24px;}
nav.top-nav {width:100%; position:absolute; left:0; top:60px; z-index:99; border:0;}
nav.top-nav div {float:none!important;}
nav ul {padding:0; margin:0;}
nav ul li {float:none;}
nav.top-nav a {  background: #999; color: #fff; display: block; margin: 0; border-bottom: 2px solid; padding: 15px 20px;}
nav.top-nav a:hover {border-bottom:2px #00a3e0 solid; color:#ddd;}
nav ul li:first-child a {padding-left:20px;}
div.address input {width:auto;}
div.search {margin-right:50px; margin-left: 127px;}
div.social {position:absolute; right:10px; top:50px;}
div.header {min-height:315px;}
header {/*background-size:175%;*/}
div.row .company{width:185px;}
.masonry li.coupon {
    height:auto;
}
li.item.h1.w2.listItemCard, li.item.h1.w2.policyCard {height:auto;}
#filter {text-align:center; height:auto;}
#filter .boldHeader {text-align:center; margin:10px 0; clear:both;}
#filter .sideListing {margin-left:14px;}
#coupons div.leftColumn, div.leftColumn {width:100%;}

#coupons div.rightColumn, div.rightColumn {width:100%; height:auto; margin:0; min-height:230px;}
nav.breadcrumbs{
    display:none;
}
div.membersonlyconfirmation input {width:auto;}
		div.topLevel div.col.three.box-one {margin-bottom:20px;}
		div.topLevel div.col.three.box-two {border-top:15px solid #6181A3; background-color:#002E6D;}
		div.topLevel div.col.three.box-three {border-top:15px solid #FBCA6F; background-color:#F7A800;}
		div.topLevel div.col.three.box-four {border-top:15px solid #9E9E9E; background-color:#262729;}
}
    .eventDescription {
        height: auto !important;
        position: relative !important;
    }
@media screen and (max-width: 680px) {
    .header.contain {max-width:100%;}
    .masonry, .contain {
      max-width: 330px;
      margin:0 auto;
    }
        div#attendees {
            position:relative!important;
            clear:both;
            top:20px!important;
        }

    .row.content-row.contain.topLevel {max-width:none;}
    header {/*background-size:200%;*/}
    div.header {padding:0 20px; min-height:220px; line-height:15px;}
    div.table {width:100%;}
    div.topLevel a div.col.three {width:96%; height:200px; float:left; margin:0px 2% 20px;}
    div.col.twelve {width:93.5%; margin:10px 10px 20px;}
    .item.w2 { width:  308px; }
    .item.w3 { width:  308px; }
    div.utilityNav {position:absolute; left:10px; top:150px;}
    .item.cal {display:none;}
    div.welcome p, div.welcome2 p, div.welcome3 p {max-width:910px; margin:0 15px 55px 15px;}
    div.welcome2 {display:none;}
    div.footer1 h3 {font-size:1.2em;}
    ul.footerLinks li a {padding:25px 5px;}
    div.ccInfoL, div.ccInfoR {width:100%; float:none;}

    .boldHeader {padding:0;}
    div.testimonial div.testimonialImage {width:100%; float:none;}
    div.testimonialImage img {width:100%;}
    div.testimonial div.testimonialText {width:100%; float:none; padding:0 10px;}
    div.business select, div.reason select {width:185px;}
    div#primList, div#primListTerm {border:0;}
    div.step1 div.table-row div.cell, .eventsRegistrationStep2 div.table-row div.cell {line-height:20px;}
    div.eventsRegistrationStep2 div.table-row div.cell {line-height:normal;}
    form.eccForm {margin:0 10px;}

    #filter {height:auto;}
    #filter .sideListing {margin:10px auto; float:none;}

        div.eventreg div.eventName.item {
            height:200px!important;
        }
        div.eventreg div.eventHeader {
            height:100px!important;
        }
        div.eventreg div.eventDetails {
            height:100px!important;
        }
        div.eventreg div.pricing.item {
            height:200px!important;
        }
        div.eventreg div.attendees.item {
            height:225px!important;
        }

    .item.coupon, .item.policyCard, .item.listItemCard {border:0; background:#fff;}

    .businessDirectoryFilters .directoryCategories .directoryCategoryColumnContainer,
    .StepPanel .directoryCategories .directoryCategoryColumnContainer
    {
        width:100%;
    }
}
@media screen and (max-width: 550px) {
   #authenticationPanel {
    top:150px;
    right:70px;
}
}
@media screen and (max-width: 400px) {
 
    div.social {left:10px; top:150px;}
    header {/*background-size:260%;*/}
    button#continue {display:block;}

}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c20;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c20;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c20;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

#SuccessScreen
{
    position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;
    color:white;
    width: 100%;
    height: 100%;
    background:none;
    color:#3FBFAD;
    z-index:9999;
}

#SuccessScreen h1
{
    font-size: 4em;
    text-align:center;
    margin-top: 20%;
    font-weight:bold;
}

#LoadingScreen, .blackBackground
{
    position:fixed;
    padding:0;
    margin:0;
    text-align:center;
    top:0;
    left:0;
    color:white;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
    z-index:9999;
}


/**login styles here**/
.item.text.loginBox .tileContent{
    padding:20px;
    background:#f1f1f1;
    border:0;
}
.loginErrorMessage{
    color:red;
    font-weight:bold;
    font-size: 8pt;

}
.loginBox .loginContainer div
{
    padding:2px;
}
.loginBox label.error 
{
    display: inline-table;
}

.loginBox input[type="checkbox"] 
{
    float: left;
}

.loginBox input.error, .loginBox textarea.error 
{
    border-color: red;
    background-color: #ffe6e6;
}

.loginBox label 
{
    float: left;
    padding-left:5px;
}

.loginBox label.error 
{
    float: none;
    color: red;
    margin-left: 5px;
    vertical-align: top;
    white-space: nowrap;
    font-weight: normal;
    vertical-align: middle;
}
.loginBox div.prompt
{
    width:100px;
    float:left;
    line-height:32px;
}
.loginBox div.input
{

}
.loginBox div.row
{
    clear:both;
}
.loginBox  .tileTitle{
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
}
.loginBox .tileTitle h2{
    font-size: 1.6em;
    font-weight: 200;
    margin-bottom:10px;
}

input#DisplayInAttendeeList {
  width: 30px;
  min-width: 30px;
}

.ui-tooltip {
    max-width: 500px;
}

span.ui-icon.ui-icon-info.tooltipIcon {
    margin-top: 13px;
}
.error 
{
    color:red;
}
.advocate{
    color: #3FBFAD;
}
.educate{
    color:#002E6D;
}
.connect{
    color:#f7a800;
}
.members{
    color:#262729;
}

a.randomAd {
    width: 380px;
    height: 280px;
    float: left;
    border: 1px solid #999;
    margin: 10px 10px 20px;
}
a.randomAd div.card{
    width: 100%;
    height: 100%;
}


.footer2Logo {
    float: left;
    width: 0;
    padding-left: 30px;
    padding-top: 30px;
}

.footer2Logo img {
    width: 220px;
}