/* Whoozin Promo CSS - Copyright 2015 Thinkpuddle Inc. */

/* 
#promoheader, 
#promoheader-alt,
 */
#promoheader2{-moz-box-sizing:border-box;box-sizing:border-box;outline:none;position:absolute;width:29%;height:100%;max-height:100%;min-height:100px;top:0;right:-2px;color:#4c4c4e;text-decoration:none;border-left:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer;overflow:hidden;border-color:#088c86;}

/* ---- header box ------------------------------------------------------------------- */
#promoheader h2{position:absolute;top:50%;left:50%;width:15em;margin:-2.5em 0 0 -7.5em;font-size:1.4em;text-align:center;}
#promoheader .column{position:absolute;top:50%;left:50%;text-align:left;font-size:0.9em;}
#promoheader label, #promoheader span{display:inline-block;margin-right:1em;font-style:normal;width:2em;}
#promoheader .column.one span{width:6em;}
/* #promoheader .column.one{width:23em;margin:-1.85em 0 0 -10.5em !important;} */
#promoheader .column.one{width:23em;margin:-1.35em 0 0 -7.5em !important;}

#promoheader .button{position:absolute;top:50%;left:50%;margin:-13px 0 0 15px;width:4em;height:2.5em;padding:1em 0 0;font-size:1.1em;text-align:center;}
/* #promoheader .button{position:absolute;top:50%;left:50%;margin:-20px 0 0 65px;width:4em;height:2.5em;padding:1em 0 0;font-size:1.1em;text-align:center;} */
#promoheader:hover .button{background-position:0 100%;}

/* ---- Header box Alternate -------------------------------------------------------- */
#promoheader-alt h2{position:absolute;top:50%;left:50%;width:15em;margin:-2.6em 0 0 -7.5em;font-size:1.4em;text-align:center;}
#promoheader-alt .column{position:absolute;top:50%;left:50%;text-align:center;font-size:0.9em;width:21em;margin:-1.9em 0 0 -10.5em !important;font-style:normal;}
#promoheader-alt .column span{display:inline-block;margin-right:0.5em;}
#promoheader-alt .button{position:absolute;top:50%;left:50%;margin:1.5em 0 0 -5.5em;width:11em;padding:0;font-size:1.1em;text-align:center;}


/* ---- Header box Alternate -------------------------------------------------------- */
#promoheader2{background:url("../images/promoheader1.jpg") no-repeat;background-position:center center;background-position:-moz-center -moz-center;border-color:#088c86;}
#promoheader2 h2{position:absolute;top:50%;left:50%;width:16em;margin:-2.4em 0 0 -8em;font-size:1.25em;font-style:normal;text-align:center;}
#promoheader2 h3{position:absolute;top:50%;left:50%;text-align:center;width:21em;margin:-0.75em 0 0 -10.5em !important;font-style:normal;font-size:1.1em;color:#088c86;}
#promoheader2 h4{position:absolute;top:50%;left:50%;text-align:center;width:21em;margin:-0.75em 0 0 -10.5em !important;font-style:normal;}
#promoheader2 .button{position:absolute;top:50%;left:50%;margin:1.25em 0 0 -5.5em;width:11em;padding:0.1em 0;font-size:1.1em;text-align:center;font-weight:bold;background-color:#ff5c00;border-color:#da3300;}



/* ---- Header box - Homepage Tweaks ------------------------------------------------ */
.myeventspage #promoheader,
.myeventspage #promoheader2,
.myeventspage #promoheader-alt{-moz-box-sizing:border-box;box-sizing:border-box;outline:none;position:relative;display:block;width:100%;height:150px;top:2px;right:0;color:#4c4c4e;text-decoration:none;border:1px solid #088c86;border-radius:0.35em;cursor:pointer;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);margin-bottom:22px;}
.myeventspage .leftcolumn{position:relative;}

.myeventspage #promoheader2{height:150px;}

/* ---- index banner tweaks---------------------------------------------------------- */
.index #promobanner{width:100%;max-width:626px;margin:3em auto 2em;cursor:default;}
.index #promobanner h2.actmsg2{top:32px;}
.index #promobanner h2#acttext{top:60px;}
.index #promobanner h2#promotext{top:58px;}
.index #promobanner h2.actmsg1{top:30px;}




/* ---- footer banner ---------------------------------------------------------------- */

#promobanner{-moz-box-sizing:border-box;box-sizing:border-box;outline:none;position:relative;display:block;margin:0 4px 30px 0px;height:110px;background:white;color:#4c4c4e;text-decoration:none;border:3px solid #ccc;border-radius:0.5em;cursor:pointer;}
#promobanner h2{position:absolute;}
#promobanner h2.actmsg1{top:25px;left:10px;width:140px;text-align:center;}
#promobanner h2#promotext{top:60px;left:10px;width:140px;text-align:center;font-size:1.8em;}
#promobanner h2.actmsg2{top:12px;left:286px;font-size:1.3em;width:340px;text-align:center;}
#promobanner h2#acttext{position:absolute !important;top:40px;left:320px;text-align:center;overflow:visible;width:260px;}
#promobanner .button{display:inline-block;position:absolute;bottom:12px;right:110px;font-size:1.3em;padding:2px 12px;background-color:#2abcb9;border-color:#088c86;}
#promobanner:hover .button{background-position:0 100%;}
/* page footer promo banner - icon sprites */
#promobanner #acticon{position:absolute;top:-6px;left:165px;width:120px;height:120px;background:url("../images/icons/sprite-acticons.png") no-repeat 0px 0px;}
#promobanner #acticon div{width:120px;height:120px;background:url("../images/icons/sprite-acticons.png") no-repeat -600px 0px;}

/* page footer promo banner - color shifts */

#promobanner.color1 .color{color:#088c86;}
#promobanner.color1 #acticon{background-position:0px 0px;}
#promobanner.color2 .color{color:#8aa13f;}
#promobanner.color2 #acticon{background-position:-120px 0px;}
#promobanner.color3 .color{color:#bb4156;}
#promobanner.color3 #acticon{background-position:-360px 0px;}
#promobanner.color4 .color{color:#a29934;}
#promobanner.color4 #acticon{background-position:-240px 0px;}

/*single-color version, default to blue*/
#promobanner .color{color:#088c86;}
#promobanner{background: /* #f5f3ed */white;
/* 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmNWYzZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzZjZmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, #f5f3ed 33%, #c4fffd 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(33%,#f5f3ed), color-stop(100%,#76cfcc));
background: -webkit-linear-gradient(left, #f5f3ed 33%,#76cfcc 100%);
background: -o-linear-gradient(left, #f5f3ed 33%,#76cfcc 100%);
background: -ms-linear-gradient(left, #f5f3ed 33%,#76cfcc 100%);
background: linear-gradient(to right, #f5f3ed 33%,#76cfcc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3ed', endColorstr='#76cfcc',GradientType=1 );
 */
}

/*
Blue #76cfcc
#promobanner.color1{
background: #f5f3ed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmNWYzZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzZjZmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, #f5f3ed 33%, #76cfcc 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(33%,#f5f3ed), color-stop(100%,#76cfcc));
background: -webkit-linear-gradient(left, #f5f3ed 33%,#76cfcc 100%);
background: -o-linear-gradient(left, #f5f3ed 33%,#76cfcc 100%);
background: -ms-linear-gradient(left, #f5f3ed 33%,#76cfcc 100%);
background: linear-gradient(to right, #f5f3ed 33%,#76cfcc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3ed', endColorstr='#76cfcc',GradientType=1 );
}*/

/*
Green #c3d383;
#promobanner.color2{
background: #f5f3ed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmNWYzZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzNkMzgzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, #f5f3ed 33%, #c3d383 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(33%,#f5f3ed), color-stop(100%,#c3d383));
background: -webkit-linear-gradient(left, #f5f3ed 33%,#c3d383 100%);
background: -o-linear-gradient(left, #f5f3ed 33%,#c3d383 100%);
background: -ms-linear-gradient(left, #f5f3ed 33%,#c3d383 100%);
background: linear-gradient(to right, #f5f3ed 33%,#c3d383 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3ed', endColorstr='#c3d383',GradientType=1 );
}*/
/*
Red #d06972 
#promobanner.color3{
background: #f5f3ed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmNWYzZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDA2OTcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, #f5f3ed 33%, #d06972 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(33%,#f5f3ed), color-stop(100%,#d06972));
background: -webkit-linear-gradient(left, #f5f3ed 33%,#d06972 100%);
background: -o-linear-gradient(left, #f5f3ed 33%,#d06972 100%);
background: -ms-linear-gradient(left, #f5f3ed 33%,#d06972 100%);
background: linear-gradient(to right, #f5f3ed 33%,#d06972 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3ed', endColorstr='#d06972',GradientType=1 );
}*/
/*
Yellow #ddce63;
#promobanner.color4{
background: #f5f3ed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmNWYzZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGRjZTYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, #f5f3ed 33%, #ddce63 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(33%,#f5f3ed), color-stop(100%,#ddce63));
background: -webkit-linear-gradient(left, #f5f3ed 33%,#ddce63 100%);
background: -o-linear-gradient(left, #f5f3ed 33%,#ddce63 100%);
background: -ms-linear-gradient(left, #f5f3ed 33%,#ddce63 100%);
background: linear-gradient(to right, #f5f3ed 33%,#ddce63 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3ed', endColorstr='#ddce63',GradientType=1 );
}*/

/* Icon Spritesheet */
#promobanner #acticon .icon0{background-position:0px -120px;}/*boardgames*/
#promobanner #acticon .icon1{background-position:-120px -120px;}/*church*/
#promobanner #acticon .icon2{background-position:-480px -120px;}/*videogames*/
#promobanner #acticon .icon3{background-position:-600px -120px;}/*basketball*/
#promobanner #acticon .icon4{background-position:0px -240px;}/*birthday*/
#promobanner #acticon .icon5{background-position:-120px -240px;}/*guitar*/
#promobanner #acticon .icon6{background-position:-240px -240px;}/*film*/
#promobanner #acticon .icon7{background-position:0px -480px;}/*meeting*/
#promobanner #acticon .icon8{background-position:-360px -240px;}/*running*/
#promobanner #acticon .icon9{background-position:-480px -240px;}/*cards*/
#promobanner #acticon .icon10{background-position:-600px -240px;}/*choir*/
#promobanner #acticon .icon11{background-position:0px -360px;}/*hockey*/
#promobanner #acticon .icon12{background-position:-240px -360px;}/*bookclub*/
#promobanner #acticon .icon13{background-position:-360px -360px;}/*family*/
#promobanner #acticon .icon14{background-position:-480px -360px;}/*baby shower*/
#promobanner #acticon .icon15{background-position:-600px -360px;}/*seminar*/
#promobanner #acticon .icon16{background-position:0px -480px;}/*committee meeting*/
#promobanner #acticon .icon17{background-position:-120px -480px;}/*open house*/
#promobanner #acticon .icon18{background-position:-240px -480px;}/*dance*/
#promobanner #acticon .icon19{background-position:-360px -480px;}/*cycling*/
#promobanner #acticon .icon20{background-position:-480px -480px;}/*baseball*/
#promobanner #acticon .icon21{background-position:-600px -480px;}/*soccer*/
#promobanner #acticon .icon22{background-position:0px -600px;}/*weddings*/
#promobanner #acticon .icon23{background-position:-120px -600px;}/*grand openings*/
#promobanner #acticon .icon24{background-position:-240px -600px;}/*scouts*/
#promobanner #acticon .icon25{background-position:0px -480px;}/*board meeting*/
#promobanner #acticon .icon26{background-position:-360px -600px;}/*reunions*/
#promobanner #acticon .icon27{background-position:-480px -600px;}/*study groups*/
#promobanner #acticon .icon28{background-position:-600px -600px;}/*staffing*/
#promobanner #acticon .icon29{background-position:00px -720px;}/*discussion groups*/
#promobanner #acticon .icon30{background-position:-120px -720px;}/*camping*/
#promobanner #acticon .icon31{background-position:-240px -720px;}/*performances*/
#promobanner #acticon .icon32{background-position:-360px -720px;}/*fundraising*/
#promobanner #acticon .icon33{background-position:-480px -720px;}/*BBQs*/

/* unusued sprites */
/*#promobanner #acticon .icon3{background-position:-240px -120px;} golf*/
/*#promobanner #acticon .icon4{background-position:-360px -120px;} bowling*/
/*#promobanner #acticon .icon14{background-position:-120px -360px;} photography*/

/* page footer promo banner - animation */