@charset "UTF-8";
.zone4-logo {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iMTE0IgogICBoZWlnaHQ9IjI4IgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiCiAgIHNvZGlwb2RpOmRvY25hbWU9InNtYWxsb2dvLnN2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuNCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuNTA1MjU2MiIKICAgICBpbmtzY2FwZTpjeD0iNTUuODU1NjczIgogICAgIGlua3NjYXBlOmN5PSIxMy45MjgzNSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0MjgiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNjc3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIxOTk3IgogICAgIGlua3NjYXBlOndpbmRvdy15PSI0MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDI0LjM2MjIpIj4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIgogICAgICAgbWFzaz0ibm9uZSIKICAgICAgIGQ9Im0gMTAzLjc3OTY1LDEwMjQuNTYwNiAtMTIuOTE4MiwxOS44NzQ4IDAsMy44NjE5IDEyLjkyMTI2LDAgMCwzLjk3MyA0LjgzNDAzLDAuMDExIC0wLjAyOTEsLTMuOTc4NCAyLjc3NTk1LDAgMi4zMDAzOSwtMy44NjIgLTUuMDc2MzQsMCAwLjAwNywtMTkuODc0NyB6IG0gMCw3Ljg2NTggMC4wMDIsMTIuMDA5IC03Ljg3ODI4NSwwIHoiCiAgICAgICBpZD0icGF0aDMwMDEiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjY2NjY2NjY2NjIiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmb250LXNpemU6NDBweDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zdHJldGNoOm5vcm1hbDtsaW5lLWhlaWdodDoxMjUlO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtmb250LWZhbWlseTpHaWxsIFNhbnMgTVQgUHJvOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246R2lsbCBTYW5zIE1UIFBybyBCb2xkIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIGlkPSJwYXRoMjk5OCIKICAgICAgIGQ9Im0gMjAuNzQ2NTc3LDEwMjcuMzI3MiAtMTkuNTQ3NTAxOCwwIDAsMy45MzQgMTAuNzI2NTM3OCwwIC0xMS41MjU2NDk3NiwxNy4wMjczIDE5LjU2NTI4ODc2LC0zZS00IDAsLTMuODUyOCAtMTAuNzIxMDc1OSwwIDExLjUwMjM5MjksLTE3LjEwODIiCiAgICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2NjY2NjYyIgLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZm9udC1zaXplOjQwcHg7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpib2xkO2ZvbnQtc3RyZXRjaDpub3JtYWw7bGluZS1oZWlnaHQ6MTI1JTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7Zm9udC1mYW1pbHk6R2lsbCBTYW5zIE1UIFBybzstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOkdpbGwgU2FucyBNVCBQcm8gQm9sZCIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBpZD0icGF0aDMwMDIiCiAgICAgICBkPSJtIDY2LjI0MzIwMywxMDI3LjMyNzIgLTUuMTYzNDg1LDAgMCwxMi4zNTU0IC0xMS4yMTgyOTksLTEyLjM1NTQgLTQuNzYzOTM4LDAgMCwyMC45NjEzIDUuMTk0MjI3LDAgMCwtMTIuOTcwMiAxMS41ODcxMjMsMTIuOTcwMiA0LjM2NDM4MSwwIDAsLTIwLjk2MTMiIC8+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZvbnQtc2l6ZTo0MHB4O2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LXN0cmV0Y2g6bm9ybWFsO2xpbmUtaGVpZ2h0OjEyNSU7bGV0dGVyLXNwYWNpbmc6MHB4O3dvcmQtc3BhY2luZzowcHg7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO2ZvbnQtZmFtaWx5OkdpbGwgU2FucyBNVCBQcm87LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpHaWxsIFNhbnMgTVQgUHJvIEJvbGQiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgaWQ9InBhdGgzMDA0IgogICAgICAgZD0ibSA4Ni4zNjk4NjMsMTA0NC40NDY2IC0xMC4xNzMyOTksMCAwLC01LjA0MDYgOS40OTcxMzIsMCAwLC0zLjkzNCAtOS40OTcxMzIsMCAwLC00LjI0MTYgOS45NTgxNTYsMCAwLC0zLjkwMzIgLTE1LjI0NDU4OCwwIDAsMjAuOTYxMyAxNS40NTk3MzEsMCAwLC0zLjg0MTkiIC8+CiAgICA8cGF0aAogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICBkPSJtIDMxLjIwMjczMiwxMDI3LjMwMzQgYyAtNS43OTU4NjksMCAtMTAuNDkzMTQ0LDQuNjk3NCAtMTAuNDkzMTQ0LDEwLjQ5MzMgMCw1Ljc5NTggNC42OTcyNzUsMTAuNDkzMSAxMC40OTMxNDQsMTAuNDkzMSA1Ljc5NTg3LDAgMTAuNDkzMTQ2LC00LjY5NzMgMTAuNDkzMTQ2LC0xMC40OTMxIDAsLTUuNzk1OSAtNC42OTcyNzYsLTEwLjQ5MzMgLTEwLjQ5MzE0NiwtMTAuNDkzMyB6IG0gMCw0LjY4MjMgYyAzLjIwODUxMiwwIDUuODEwODUsMi42MDI0IDUuODEwODUsNS44MTEgMCwzLjIwODUgLTIuNjAyMzM4LDUuODEwOSAtNS44MTA4NSw1LjgxMDkgLTMuMjA4NTEsMCAtNS44MTA4NDksLTIuNjAyNCAtNS44MTA4NDksLTUuODEwOSAwLC0zLjIwODYgMi42MDIzMzksLTUuODExIDUuODEwODQ5LC01LjgxMSB6IgogICAgICAgaWQ9InBhdGgzODEwIiAvPgogIDwvZz4KPC9zdmc+Cg==);
  background-repeat: no-repeat; }
  .zone4-logo.color {
    background-image: url(data:image/svg+xml;base65,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iMTE0IgogICBoZWlnaHQ9IjI4IgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiCiAgIHNvZGlwb2RpOmRvY25hbWU9InNtYWxsb2dvLnN2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSI3LjUwNTI1NjIiCiAgICAgaW5rc2NhcGU6Y3g9IjMyLjc2MzAxMiIKICAgICBpbmtzY2FwZTpjeT0iMTMuOTI4MzUiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNDI4IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjY3NyIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjMwOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNDcyIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAyNC4zNjIyKSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6IzJlNDY5YTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIKICAgICAgIG1hc2s9Im5vbmUiCiAgICAgICBkPSJtIDEwMy43Nzk2NSwxMDI0LjU2MDYgLTEyLjkxODIsMTkuODc0OCAwLDMuODYxOSAxMi45MjEyNiwwIDAsMy45NzMgNC44MzQwMywwLjAxMSAtMC4wMjkxLC0zLjk3ODQgMi43NzU5NSwwIDIuMzAwMzksLTMuODYyIC01LjA3NjM0LDAgMC4wMDcsLTE5Ljg3NDcgeiBtIDAsNy44NjU4IDAuMDAyLDEyLjAwOSAtNy44NzgyODUsMCB6IgogICAgICAgaWQ9InBhdGgzMDAxIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY2NjY2NjY2NjY2NjYyIgLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZm9udC1zaXplOjQwcHg7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpib2xkO2ZvbnQtc3RyZXRjaDpub3JtYWw7bGluZS1oZWlnaHQ6MTI1JTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMzMzMzMzM7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7Zm9udC1mYW1pbHk6R2lsbCBTYW5zIE1UIFBybzstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOkdpbGwgU2FucyBNVCBQcm8gQm9sZCIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBpZD0icGF0aDI5OTgiCiAgICAgICBkPSJtIDIwLjc0NjU3NywxMDI3LjMyNzIgLTE5LjU0NzUwMTgsMCAwLDMuOTM0IDEwLjcyNjUzNzgsMCAtMTEuNTI1NjQ5NzYsMTcuMDI3MyAxOS41NjUyODg3NiwtM2UtNCAwLC0zLjg1MjggLTEwLjcyMTA3NTksMCAxMS41MDIzOTI5LC0xNy4xMDgyIgogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjY2MiIC8+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZvbnQtc2l6ZTo0MHB4O2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LXN0cmV0Y2g6bm9ybWFsO2xpbmUtaGVpZ2h0OjEyNSU7bGV0dGVyLXNwYWNpbmc6MHB4O3dvcmQtc3BhY2luZzowcHg7ZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO2ZvbnQtZmFtaWx5OkdpbGwgU2FucyBNVCBQcm87LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpHaWxsIFNhbnMgTVQgUHJvIEJvbGQiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgaWQ9InBhdGgzMDAyIgogICAgICAgZD0ibSA2Ni4yNDMyMDMsMTAyNy4zMjcyIC01LjE2MzQ4NSwwIDAsMTIuMzU1NCAtMTEuMjE4Mjk5LC0xMi4zNTU0IC00Ljc2MzkzOCwwIDAsMjAuOTYxMyA1LjE5NDIyNywwIDAsLTEyLjk3MDIgMTEuNTg3MTIzLDEyLjk3MDIgNC4zNjQzODEsMCAwLC0yMC45NjEzIiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmb250LXNpemU6NDBweDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zdHJldGNoOm5vcm1hbDtsaW5lLWhlaWdodDoxMjUlO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzMzMzMzMztmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtmb250LWZhbWlseTpHaWxsIFNhbnMgTVQgUHJvOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246R2lsbCBTYW5zIE1UIFBybyBCb2xkIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIGlkPSJwYXRoMzAwNCIKICAgICAgIGQ9Im0gODYuMzY5ODYzLDEwNDQuNDQ2NiAtMTAuMTczMjk5LDAgMCwtNS4wNDA2IDkuNDk3MTMyLDAgMCwtMy45MzQgLTkuNDk3MTMyLDAgMCwtNC4yNDE2IDkuOTU4MTU2LDAgMCwtMy45MDMyIC0xNS4yNDQ1ODgsMCAwLDIwLjk2MTMgMTUuNDU5NzMxLDAgMCwtMy44NDE5IiAvPgogICAgPHBhdGgKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgZD0ibSAzMS4yMDI3MzIsMTAyNy4zMDM0IGMgLTUuNzk1ODY5LDAgLTEwLjQ5MzE0NCw0LjY5NzQgLTEwLjQ5MzE0NCwxMC40OTMzIDAsNS43OTU4IDQuNjk3Mjc1LDEwLjQ5MzEgMTAuNDkzMTQ0LDEwLjQ5MzEgNS43OTU4NywwIDEwLjQ5MzE0NiwtNC42OTczIDEwLjQ5MzE0NiwtMTAuNDkzMSAwLC01Ljc5NTkgLTQuNjk3Mjc2LC0xMC40OTMzIC0xMC40OTMxNDYsLTEwLjQ5MzMgeiBtIDAsNC42ODIzIGMgMy4yMDg1MTIsMCA1LjgxMDg1LDIuNjAyNCA1LjgxMDg1LDUuODExIDAsMy4yMDg1IC0yLjYwMjMzOCw1LjgxMDkgLTUuODEwODUsNS44MTA5IC0zLjIwODUxLDAgLTUuODEwODQ5LC0yLjYwMjQgLTUuODEwODQ5LC01LjgxMDkgMCwtMy4yMDg2IDIuNjAyMzM5LC01LjgxMSA1LjgxMDg0OSwtNS44MTEgeiIKICAgICAgIGlkPSJwYXRoMzgxMCIgLz4KICA8L2c+Cjwvc3ZnPgo=); }

* {
  box-sizing: border-box; }

html {
  background-color: #f1f3f8;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  background-image: url("img/9ld.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  background-position: bottom; }

body {
  margin: 0;
  padding: 0;
  min-width: 320px; }

.page-content {
  background: white;
  padding: 0;
  padding-bottom: 4em;
  margin-top: 1em;
  min-height: calc(100vh - 7em);
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
  @media screen and (max-width: 480px) {
    .page-content {
      border: none;
      border-radius: none;
      border-top: 1px solid #ddd; } }
  .page-content .content-block {
    clear: both;
    margin-bottom: 2em;
    margin: 0 1em; }
    @media screen and (max-width: 480px) {
      .page-content .content-block {
        margin-left: 0.5rem;
        margin-right: 0.5rem; } }
    .page-content .content-block:after {
      clear: both;
      content: '';
      display: block; }
  .page-content .internal-footer {
    max-width: 640px;
    font-size: 0.8em;
    font-style: italic;
    margin: 2em auto;
    padding: 0 2em;
    text-align: center;
    color: #aaa; }
    .page-content .internal-footer :link {
      color: #2780e3; }

.constrained-width {
  min-width: 320px;
  max-width: 960px;
  margin: 0px auto;
  padding: 0 1em; }
  @media screen and (max-width: 480px) {
    .constrained-width {
      padding: 0; } }
  body.full-width .constrained-width {
    max-width: none;
    display: inline-block;
    min-width: 100vw; }

.page-header {
  position: relative;
  margin: 0;
  background: #2780e3;
  color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px -6px #1160b8; }
  .page-header ul .button {
    margin-right: 0em;
    margin-left: 0em;
    color: inherit; }
  .page-header .home-link {
    display: block;
    height: 4em;
    overflow: hidden;
    margin: 0;
    width: 152px;
    float: left;
    position: relative;
    z-index: 10; }
    .page-header .home-link h1 {
      background-image: url("images/whitelogo.svg");
      display: block;
      margin: 0;
      width: 152px;
      height: 100%;
      white-space: nowrap;
      text-indent: 160px;
      box-sizing: content-box;
      background-size: auto 50%;
      background-position: center left;
      background-repeat: no-repeat; }
  .page-header .button {
    color: white;
    margin: 0.5em 1em; }
  .page-header .expandable {
    padding-top: 0.4em;
    padding-bottom: 0.4em; 
    height:60px;
    }
    .page-header .expandable > ul .primary {
      float: right; }
    .page-header .expandable.expanded > ul {
      margin: 0 -0.5em;
      padding: 0 1.5em;
      background-color: #424242; }
  @media screen and (max-width: 480px) {
    .page-header {
      margin: 0 0.5em; } }

.breadcrumbs {
  clear: both;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.8em;
  color: #666;
  cursor: default; }
  .breadcrumbs:not(:empty) {
    margin-top: 0.5em;
    }
  .breadcrumbs > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .breadcrumbs > ul > li {
      display: inline-block; }
      .breadcrumbs > ul > li:not(:last-child):after {
        display: inline-block;
        width: 0.75em;
        height: 0.75em;
        margin: 0 0.5em;
        content: '';
        position: relative;
        top: 0.1em;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM5Ljk5OTk5OSAzOS45OTk5OTkiCiAgIGhlaWdodD0iNDAiCiAgIHdpZHRoPSI0MCI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDEyLjM2MjIpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoNDEzNiIKICAgICAgIGQ9Im0gMy4zNzEyNjkzLDEwNDkuMTgyMyAtMTBlLTgsLTE5LjE5NjcgMCwtMTkuMTk2NyAxNi42MjQ4MTk4LDkuNTk4NCAxNi42MjQ4MTksOS41OTgzIC0xNi42MjQ4Miw5LjU5ODMgeiIKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjU5OTkxMzE2LDAsMCwwLjk0ODQ4OTg0LDguMTIwMDA5NCw1NC44ODkzMzEpIiAvPgogIDwvZz4KPC9zdmc+Cg==");
        background-size: 100%;
        opacity: 0.45; }
      .breadcrumbs > ul > li a {
        text-decoration: none;
        color: inherit; }
        .breadcrumbs > ul > li a:hover {
          color: #1160b8;
          text-decoration: underline; }
  @media screen and (max-width: 480px) {
    .breadcrumbs {
      margin-left: 0.5rem;
      font-size: 0.6rem; } }

.button {
  font-size: 0.8rem;
  line-height: 1em;
  font-weight: 600;
  color: white;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: #424242;
  padding: 0.8em 1.4em;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
  white-space: nowrap; }
  .button:hover {
    background-color: #2d2d2d; }
  .button.slim {
    padding-left: 0.2em;
    padding-right: 0.2em; }
  .button.light, .button.no-border {
    background: none;
    box-shadow: none; }
  .button.light {
    color: inherit;
    transition: background-color 0.2s ease-in-out;
    border-color: rgba(0, 0, 0, 0.15); }
    .button.light:hover {
      background: rgba(0, 0, 0, 0.15); }
  .button.no-border {
    border-color: transparent; }
  .button.white {
    color: white; }
  .button.green {
    background-color: #A3DA6C;
    color: #fff;
    box-shadow: 0 2px 30px -6px #72b988 inset;
    border-color: #A3DA6C;
    text-decoration: none;
    float: right; }
    .button.green:hover {
      background-color: #3d7547; }
  .button.disabled {
    pointer-events: none;
    cursor: default;
    background-color: #ddd;
    box-shadow: 0 2px 30px -6px #FFF inset;
    color: #aaa;
    border-color: #ddd; }
    .button.disabled:hover {
      background-color: #ddd; }
  .button.red {
    background-color: #c11;
    color: #fff;
    box-shadow: 0 2px 30px -6px #e41313 inset;
    border-color: #c11;
    text-decoration: none; }
    .button.red:hover {
      background-color: #b40f0f; }
  .button.right {
    float: right;
    margin-left: 10px; }
  .button.left {
    float: left;
    margin-right: 10px; }
  .button.top {
    position: relative;
    z-index: 100; }
  @media print {
    .button {
      visibility: hidden; } }
  .button.menu {
    width: 2em;
    overflow: hidden;
    color: transparent; }
    .button.menu:before {
      width: 1em;
      height: 1em;
      content: '';
      display: inline-block;
      position: relative;
      top: 0.1em;
      left: -0.5em;
      background-size: 100%;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDExLjk5OTk5OSAxMS45OTk5OTkiCiAgIGhlaWdodD0iMTIiCiAgIHdpZHRoPSIxMiI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuOTU1NTIzLC0xMDI2LjMxMjMpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIGlkPSJyZWN0MzM1NiIKICAgICAgIGQ9Im0gMTIuODk0OTIyLDEwMjcuMTY2OSAxMC4yNjQ0OTEsMCBjIDAuMzE1OTY3LDAgMC41NzAzMzgsMC4yNTI3IDAuNTcwMzM4LDAuNTY2NyAwLDAuMzE0IC0wLjI1NDM3MSwwLjU2NjggLTAuNTcwMzM4LDAuNTY2OCBsIC0xMC4yNjQ0OTEsMCBjIC0wLjMxNTk2NywwIC0wLjU3MDMzOCwtMC4yNTI4IC0wLjU3MDMzOCwtMC41NjY4IDAsLTAuMzE0IDAuMjU0MzcxLC0wLjU2NjcgMC41NzAzMzgsLTAuNTY2NyB6IgogICAgICAgc3R5bGU9ImZpbGw6IzY2NjY2NjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC45OTk5OTk4ODtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJyZWN0MzM1Ni0zIgogICAgICAgZD0ibSAxMi44NjAwNDIsMTAzMS43MDk4IDEwLjI2NDQ5MSwwIGMgMC4zMTU5NjcsMCAwLjU3MDMzOCwwLjI1MjggMC41NzAzMzgsMC41NjY4IDAsMC4zMTQgLTAuMjU0MzcxLDAuNTY2NyAtMC41NzAzMzgsMC41NjY3IGwgLTEwLjI2NDQ5MSwwIGMgLTAuMzE1OTY3LDAgLTAuNTcwMzM3LC0wLjI1MjcgLTAuNTcwMzM3LC0wLjU2NjcgMCwtMC4zMTQgMC4yNTQzNywtMC41NjY4IDAuNTcwMzM3LC0wLjU2NjggeiIKICAgICAgIHN0eWxlPSJmaWxsOiM2NjY2NjY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjAuOTk5OTk5ODg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0icmVjdDMzNTYtNiIKICAgICAgIGQ9Im0gMTIuODc3NDgyLDEwMzYuMjYxNSAxMC4yNjQ0OSwwIGMgMC4zMTU5NjcsMCAwLjU3MDMzOCwwLjI1MjggMC41NzAzMzgsMC41NjY4IDAsMC4zMTQgLTAuMjU0MzcxLDAuNTY2NyAtMC41NzAzMzgsMC41NjY3IGwgLTEwLjI2NDQ5LDAgYyAtMC4zMTU5NjcsMCAtMC41NzAzMzgsLTAuMjUyNyAtMC41NzAzMzgsLTAuNTY2NyAwLC0wLjMxNCAwLjI1NDM3MSwtMC41NjY4IDAuNTcwMzM4LC0wLjU2NjggeiIKICAgICAgIHN0eWxlPSJmaWxsOiM2NjY2NjY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjAuOTk5OTk5ODg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICA8L2c+Cjwvc3ZnPgo="); }

.z4field.radio .option {
  margin-bottom: 4px;
  padding-top: 6px; }
  .z4field.radio .option p {
    margin: 0;
    padding: 0 0 10px 22px;
    font-size: 0.9em;
    color: #666; }
  .z4field.radio .option label {
    font-size: 1.2em; }

.z4field.select .input {
  position: relative;
  padding: 0;
  background: #fff; }
.z4field.select .value-display {
  padding: 4px;
  display: block;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .z4field.select .value-display.nofilter {
    cursor: default; }
  .z4field.select .value-display.filter {
    border: 0;
    outline: 0; }
.z4field.select .dropdown-trigger {
  position: absolute;
  right: 0;
  padding-right: 0.25em;
  top: 10%;
  color: inherit; }
.z4field.select .z4select-dropdown {
  display: none;
  position: absolute;
  z-index: 90;
  min-width: calc(100% + 2px);
  width: auto;
  left: -1px; }
  .z4field.select .z4select-dropdown.expanded {
    display: block; }

.z4select-dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #aaa;
  background: #fff;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden; }
  .z4select-dropdown > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .z4select-dropdown li {
    margin: 0;
    padding: 0; }
    .z4select-dropdown li > a {
      display: block;
      padding: 2px 6px;
      color: inherit;
      transition: background-color 0.1s ease-in-out; }
      .z4select-dropdown li > a .display,
      .z4select-dropdown li > a .extra {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .z4select-dropdown li > a .extra {
        font-size: 0.8em;
        opacity: 0.7; }
      .z4select-dropdown li > a:hover {
        background-color: #ddd; }

.z4field.checklist .option {
  margin-bottom: 8px;
  padding-top: 2px; }
  .z4field.checklist .option p {
    margin: 0;
    padding: 0 0 6px 22px;
    font-size: 0.9em;
    color: #666; }
.z4field.checklist .saved-msg {
  right: 0;
  bottom: 0; }

.z4field.datetime .date {
  width: 8em;
  float: left;
  margin-right: 0.3em; }
.z4field.datetime .time {
  width: 5.7em;
  margin-right: 0.3em;
  float: left; }
.z4field.datetime .label {
  padding-top: 7px;
  color: #aaa; }

.z4field.date .input {
  float: left; }

.z4field.city .input {
  padding: 0; }
  .z4field.city .input input {
    padding: 4px;
    background: #fff;
    z-index: 81;
    position: relative; }
.z4field.city .suggestions {
  background: #fff;
  border: 1px solid #666;
  position: absolute;
  z-index: 80;
  width: 14em;
  left: 0;
  box-shadow: 0 0 16px -6px #000; }
  .z4field.city .suggestions .z4select-dropdown {
    border: 0; }
.z4field.city .no-match {
  font-size: 0.8em;
  margin: 1em;
  padding: 0;
  text-align: center;
  color: #aaa;
  font-style: italic; }

.saving .z4field .input {
  position: relative; }
  .saving .z4field .input:after {
    display: inline-block;
    content: '';
    position: absolute;
    right: 1px;
    top: 1px;
    height: 30px;
    width: 30px;
    background: url("img/loading.gif");
    background-size: 100%; }

.saved .z4field .input {
  position: relative; }
  .saved .z4field .input:after {
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    height: 30px;
    width: 30px;
    content: '✔';
    color: #A3DA6C;
    background: #fff;
    background-size: 100%;
    text-align: center;
    line-height: 30px; }

.z4field {
  position: relative;
  list-style: none; }
  .z4field .saved-msg {
    display: inline-block;
    padding: 0.25em;
    border-radius: 2px;
    font-size: 0.8em;
    font-style: italic;
    font-weight: bold;
    margin: 5px;
    vertical-align: top;
    position: absolute;
    color: #A3DA6C; }
  .z4field.disabled .input {
    border-color: transparent; }
  .z4field .input {
    display: inline-block;
    font-size: 1.2em;
    border: 1px solid #aaa;
    padding: 4px;
    margin: 0;
    transition: border-color 0.2s ease-in-out;
    width: 14em; }
    @media (max-width: 500px) {
      .z4field .input {
        margin: 0;
        width: 100%; } }
    .z4field .input > .wrapped {
      width: 100%;
      font: inherit;
      border: 0;
      outline: none;
      margin: 0;
      padding: 0; }
      .z4field .input > .wrapped:disabled {
        background: none;
        color: inherit; }
    .z4field .input:focus, .z4field .input.focus {
      border-color: #2780e3;
      outline: none;
      box-shadow: 0 0 6px -2px #2780e3; }
  .z4field.textarea .input {
    height: 6em; }
    .z4field.textarea .input .textarea {
      font: inherit;
      font-size: 0.9em;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%; }
  .z4field.json textarea {
    font-size: 0.7em;
    width: 100%;
    height: 16em; }
  .z4field.yesno .option {
    font-size: 1.2em;
    display: inline-block;
    width: 4em;
    padding-top: 0.4em; }
  .z4field.image .btncontainer.loading-throbber {
    background-repeat: no-repeat;
    background-position: center right; }

.z4form {
  margin: 0;
  padding: 0; }
  .z4form .hidden,
  .z4form h2.hidden + ul {
    display: none; }
  .z4form .honeypot {
    display: none; }
  .z4form .field-label {
    float: left;
    width: 17em;
    font-size: 0.9em;
    font-weight: 600;
    text-align: right;
    padding-top: 0.75em;
    line-height: 1.85em; }
    @media (max-width: 500px) {
      .z4form .field-label {
        float: none;
        display: block;
        text-align: left;
        padding-left: 4px;
        line-height: normal; } }
  .z4form > ul {
    list-style: none;
    margin: 0 0 1em;
    padding: 0; }
    .z4form > ul > li {
      clear: right;
      position: relative; }
      .z4form > ul > li.control {
        padding-left: 16em;
        margin: 0.5em 0; }
        .z4form > ul > li.control a {
          color: #2780e3;
          font-weight: bold;
          font-size: 0.9em;
          font-style: italic; }
        .z4form > ul > li.control:first-child {
          padding-left: 0; }
  .z4form .z4field-container {
    margin-left: 16em;
    padding: 6px 6px 6px 0;
    position: relative; }
    .z4form .z4field-container .z4field {
      margin-left: 0;
      padding: 0;
      position: relative; }
  .z4form .z4field {
    margin-left: 16em;
    padding: 6px 6px 6px 0;
    position: relative; }
    .z4form .z4field:after {
      clear: both;
      content: '';
      display: block; }
    @media (max-width: 500px) {
      .z4form .z4field {
        margin: 0 0 4px;
        padding: 0 2px 2px; } }
    .z4form .z4field .show-datepicker {
      float: left; }
    .z4form .z4field .error {
      position: absolute;
      display: block;
      padding: 4px 12px;
      margin: 2px;
      height: 24px;
      bottom: -22px;
      left: 0;
      z-index: 99;
      font-size: 0.9em;
      font-weight: bold;
      background: #a00;
      color: #fff;
      box-shadow: 0 0 20px -6px #000; }
      .z4form .z4field .error:before {
        content: '';
        display: block;
        height: 12px;
        width: 12px;
        position: absolute;
        left: 6px;
        top: -6px;
        transform: rotate(45deg);
        background: inherit;
        z-index: -1; }
      .z4form .z4field .error * {
        display: block;
        background: #a00; }
    .z4form .z4field.image .input {
      padding: 0; }
    .z4form .z4field.image img {
      width: 100%; }
    .z4form .z4field.image .button {
      margin: 2px; }
  .z4form .button-row {
    margin: 2em 0; }
    .z4form .button-row:after {
      clear: both;
      content: '';
      display: block; }
    .z4form .button-row .button.save,
    .z4form .button-row .button.primary {
      width: 6em;
      text-align: center;
      float: right; }
    .z4form .button-row .saved-status {
      color: #aaa;
      font-size: 0.8em;
      font-style: italic;
      float: right;
      display: inline-block;
      padding: 6px 8px;
      margin: 10px auto; }
  .z4form .help-indicator {
    display: inline-block;
    position: relative; }
    .z4form .help-indicator > a {
      position: absolute;
      right: 0.25em;
      top: 0;
      display: block;
      overflow: hidden;
      cursor: pointer;
      text-align: center;
      width: 1em;
      height: 1em;
      line-height: 0.9em;
      border: 1px solid #aaa;
      border-radius: 50%;
      color: #666;
      font-size: 1.25em;
      transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out; }
      .z4form .help-indicator > a:hover {
        color: #2780e3;
        border-color: #666; }
  .z4form .inline-help {
    position: absolute;
    font-size: 0.9em;
    width: 17.25em;
    z-index: 999;
    box-shadow: 0 0 16px -6px #000;
    background-image: linear-gradient(to bottom, #ffe, #ffe 30px, rgba(255, 255, 238, 0.9));
    border: 1px solid rgba(0, 0, 0, 0.25); }
    .z4form .inline-help .field-label {
      position: relative;
      top: -1px;
      left: -1px;
      font-size: 1em;
      display: block; }
    .z4form .inline-help .close-btn {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin: 0.25em;
      width: 1.5em;
      height: 1.5em;
      line-height: 1.5em;
      text-align: center;
      border: 1px solid rgba(0, 0, 0, 0.25);
      border-radius: 2px;
      font-weight: bold;
      z-index: 10;
      color: #333; }
    .z4form .inline-help p {
      opacity: 0.9;
      padding: 0;
      margin: 1em; }
  .z4form.narrow {
    width: 320px;
    margin: 0 auto; }
    .z4form.narrow .field-label {
      float: none;
      display: inline-block;
      margin: 0;
      text-align: left;
      position: relative;
      width: auto;
      padding-top: 0.5em;
      padding-bottom: 0;
      padding-left: 0; }
      .z4form.narrow .field-label:after {
        content: ':'; }
      .z4form.narrow .field-label .help-indicator {
        position: absolute;
        right: -2em;
        bottom: -2px; }
    .z4form.narrow .inline-help .close-btn {
      right: 0;
      left: auto; }
    .z4form.narrow .inline-help p {
      margin: 0.4em; }
    .z4form.narrow .z4field {
      margin: 0;
      padding: 0; }
      .z4form.narrow .z4field.checklist {
        margin-top: 10px; }
    .z4form.narrow .control {
      padding-left: 0; }
    .z4form.narrow .input {
      width: 100%; }

.z4app > .z4form {
  margin-bottom: 100px; }

.modal-content .z4form {
  width: auto;
  padding-top: 1em;
  padding-left: 2em;
  padding-right: 2em; }
  .modal-content .z4form .field-label {
    display: block;
    padding-bottom: 0;
    line-height: normal;
    margin: 0.5em 0 0.1em 0.1em;
    padding: 0; }
    .modal-content .z4form .field-label:after {
      content: none; }
  .modal-content .z4form .z4field.radio {
    margin-bottom: 1em; }
    .modal-content .z4form .z4field.radio .option {
      margin: 0;
      padding: 0; }
      .modal-content .z4form .z4field.radio .option label {
        font-size: 1em; }

.z4field-container .error {
  position: absolute;
  display: block;
  padding: 4px 12px;
  margin: 2px;
  height: 24px;
  bottom: -28px;
  left: 0;
  z-index: 99;
  font-size: 0.9em;
  font-weight: bold;
  background: #a00;
  color: #fff;
  box-shadow: 0 0 20px -6px #000; }
  .z4field-container .error.nowrap {
    white-space: nowrap;
    overflow-x: ellipsis; }
  .z4field-container .error:before {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 6px;
    top: -6px;
    transform: rotate(45deg);
    background: inherit;
    z-index: -1; }
  .z4field-container .error * {
    display: block;
    background: #a00; }

.overflow-menu {
  position: relative; }
  .overflow-menu .trigger {
    font-weight: bold;
    color: inherit;
    display: inline-block;
    margin-bottom: 0.2em;
    border-radius: 2px; }
    .overflow-menu .trigger:hover {
      background-color: rgba(0, 0, 0, 0.25); }
  .overflow-menu .menu-content {
    position: absolute;
    left: 0;
    display: none;
    clear: both;
    overflow: hidden; }
  .overflow-menu.expanded {
    z-index: 999; }
    .overflow-menu.expanded .menu-content {
      display: block; }
  .overflow-menu.right {
    text-align: right; }
    .overflow-menu.right .menu-content {
      right: 0;
      left: auto; }

.selector {
  position: relative; }
  .selector .menu-content {
    z-index: 999;
    position: absolute;
    left: 0; }

.menu-content {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #fff;
  box-shadow: 0 0 16px -6px #000;
  text-align: left; }
  .menu-content > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .menu-content li {
    position: relative; }
    .menu-content li a {
      color: inherit;
      display: block;
      padding: 0.2em 1.8em 0.2em 0.8em;
      min-width: 10em;
      transition: background-color 0.2s ease-in-out;
      white-space: nowrap; }
      .menu-content li a:hover {
        background-color: rgba(0, 0, 0, 0.25); }
    .menu-content li.checked:after {
      content: '✓';
      position: absolute;
      right: 0.25em;
      top: 0.25em; }
  .menu-content .separator {
    margin: 0.35em 1em;
    border-bottom: 1px solid #f1f3f8; }

.z4-styled[type=checkbox], .z4-styled[type=radio] {
  opacity: 0;
  position: absolute; }
  .z4-styled[type=checkbox] + label, .z4-styled[type=radio] + label {
    position: relative;
    padding-left: 22px; }
    .z4-styled[type=checkbox] + label:before, .z4-styled[type=radio] + label:before {
      position: absolute;
      left: 0;
      top: 50%;
      content: '';
      display: block;
      background-size: 100% auto;
      background-position: top; }
  .z4-styled[type=checkbox]:checked + label:before, .z4-styled[type=radio]:checked + label:before {
    background-position: bottom; }
.z4-styled[type='checkbox'] + label:before {
  height: 18px;
  width: 18px;
  margin-top: -9px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAYAAAB7jnWuAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goFFzsBy1JVNwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAKhSURBVGje7Zi9S2phHICfo0lSiDjYkENkSxj0BwRCONQi1D8QQt80NB2zDxFEMhA9Ek1FU0uBENTiKkGLNggtQlRE1haRLRLmvdOV3mv33q51LOL9TYfn8J7z8H79fu+rnJ+f/+ATw8AnR8uvB6fT2dQfX1xcfI0ekAJSQApIASkgBaSAFJACUkAKSAEp0PL7WU0OgbwfkPcD31Lg7u7u8wT29vYYGRkhk8k0X+D4+BhN0yiXy6iqyubmZvMEbm5uCIVCVKvVGtvZ2eH29lZ/gcfHR+bn53l4eKgxRVGIRCJ0dnbqK1CpVAgEAlxdXQl8enoaj8ej/xCsr6+TzWYFNjw8zOTkpP6TcH9/n93dXYH19fURCoVQFEVfgZOTE2KxmMA6OjqIx+O0trbquw9cX1+zsLBApVKpMbPZjKZp2O32xnbCarXKwcEBz8/Pf/1AuVxmaWmJUqkk8MXFRXp7e9+eDV/G/f09fr+ffD5PoVAgEAj8UXJ5eZlCoSDwiYkJvF5vY7mgWCwyNTVFPp8HIJVKcXh4+Grj7e1tjo6OBOZ2u5mZmWk8GVksFmEsAaLRKLlcTmDpdJqtrS2BuVwu1tbWMBgMjQtYrVaSySTt7e11m0uxWATg9PSUSCQitLPb7SQSCcxm8/vTcXd3N+FwWFi7pVIJv9/P5eUlqqry9PQkzPhEIvHPGf9fq2BwcJDx8XGBnZ2dMTY2VpffVVXF5XJ9fEEyOzvL0NBQ3bJ7GT6fj9HRUX0qIkVRCAaD9PT0vPp+YGCAubk5fUuytrY2NE3DarUKvKuri9XVVYxGo/41ocPhIJlMYjKZALDZbGxsbGCxWJpXlPb397OysoLJZCIej9cVFu8+mLwlvF4vTqez4Rn/IdnwI38u7we+RA/8BEqK3TOfV1YNAAAAAElFTkSuQmCC"); }
.z4-styled[type='radio'] + label:before {
  height: 17px;
  width: 18px;
  margin-top: -8px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QwIAS8BBukCcwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHUSURBVEjH5ZSxyqNAFIWPDlgIsRNBsLAPpLCxErQK6QN/7VvkCfIWPoD20coile1C+ikEQe0cEBTG2Sohif+fpJBl2T3lMPNx7p17D7CQpOcDIQRp23ZfVdWhLMs1AFiWdTFN86jreiJJEn8LYoytz+fzr77vZcMwYNs2AIBSirquoarq5HneZrVaXX60xhhbx3Es0jQVwzCIZw3DINI0FXEcC8bY+ltHQghyOp1GWZbl7Xb7shdZlmGapmm32yn3ZcoA0Lbtvu97OQiCt00NggB938tt2+7vz2UAqKrqYBgGFEV5C1IUBYZhoKqqwwxUluX62thPZNs2rj/6AFpC8nVOKKUfP6KUwrKsywxkmuaxrmuM4/gWMo4j6rqGaZrHGUjX9URV1SnP87egPM+hquqk63oyA0mSxD3P2zDGkGXZt87GcUSWZWCMwfO8zfOqLLYiiy3t36f/MY845yiKAgDgui4IIS/zCADQNM1XkiQ3J5RS4fu+cBxHOI4jfN8XlNKbsyRJRNM0Xy/ziHOOMAzRdd3tUtd1CMMQnPPP86goigfIPexa6p/NI9d1oWna7KKmaXBd9/M8IoQgiqIHmKZpiKIIhJAf82jZ719sIP/NPPoNId/0+ddopOUAAAAASUVORK5CYII="); }

.layout-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .layout-list > li {
    margin: 0;
    padding: 0; }
  .layout-list .list-label {
    background: #f1f3f8;
    color: #666;
    font-weight: bold;
    font-size: 0.9rem;
    margin-top: 2em;
    padding: 0.25em; }
    .layout-list .list-label + ul {
      margin-top: 0; }

.list {
  list-style: none;
  padding: 0;
  margin: 30px 0 0; }
  .list > li {
    margin: 0 0 1em;
    border-bottom: 1px solid #fafafa;
    padding: 4px 10px 4px 0;
    position: relative; }
    .list > li > .name {
      text-decoration: none;
      margin: 0;
      display: block;
      font-weight: 300;
      font-size: 18pt;
      color: #333;
      line-height: 26px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .list > li .left,
    .list > li .right {
      font-size: 10pt;
      color: #666; }
    .list > li .right {
      position: absolute;
      right: 0;
      bottom: 4px; }
  .list.error:empty:after {
    content: 'Unable to retrieve data.  Try again later.';
    display: block;
    text-align: center;
    padding: 80px 40px;
    color: #333;
    font-size: 10pt;
    z-index: 9999;
    font-style: italic;
    font-weight: normal; }

div.help {
  font-size: 11pt;
  color: #333;
  line-height: 140%;
  padding-left: 90px;
  padding-right: 90px;
  position: relative;
  min-height: 80px; }
  div.help :before {
    content: "?";
    color: #2e469a;
    font-weight: bold;
    font-size: 60px;
    line-height: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    border: 4px solid #2e469a;
    border-radius: 50%;
    margin: 0;
    height: 60px;
    width: 60px;
    text-align: center; }

div.help h2 {
  color: #2e469a;
  font-weight: 300;
  padding-left: 0; }

.page-title {
  padding: 0; }
  .page-title h1 {
    margin: 0;
    padding: 0; }
  .page-title img {
    margin: 0;
    max-width: 100%; }
    .page-title img + span {
      display: none; }
  .page-title .page-name {
    margin: 0;
    padding: 0.5rem 1rem 0 1rem;
    display: inline-block;
    color: #333; }
  .page-title .subtitle {
    font-size: 0.9em;
    color: #666; }
    .page-title .subtitle > * {
      display: inline-block;
      margin-right: 1em; }
    .page-title .subtitle .active {
      font-weight: bold;
      color: #2780e3; }
    .page-title .subtitle a {
      color: inherit;
      text-decoration: none; }
      .page-title .subtitle a:hover {
        text-decoration: underline; }
    .page-title .subtitle:not(:empty) {
      border-bottom: 1px solid #f1f3f8;
      padding: 0 1rem 1rem 1rem; }
  @media screen and (max-width: 480px) {
    .page-title .subtitle:not(:empty),
    .page-title .page-name {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }

.search-results {
  clear: left; }
  .search-results ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .search-results ul li {
      position: relative;
      margin: 0;
      padding-top: 1em;
      padding-bottom: 1em;
      border-bottom: 1px solid #f1f3f8; }
      .search-results ul li.icon {
        padding-left: 5em; }
        .search-results ul li.icon:before {
          content: '';
          display: block;
          position: absolute;
          height: 44px;
          width: 44px;
          left: 1em;
          top: 1em;
          border-radius: 50%;
          border: 1px solid rgba(0, 0, 0, 0.1); }
    .search-results ul .name {
      font-weight: 400;
      font-size: 1.35em;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      text-decoration: none;
      color: #333; }
    .search-results ul .secondary {
      font-size: 0.8em;
      color: #666; }
    .search-results ul .right {
      float: right; }
      @media screen and (max-width: 480px) {
        .search-results ul .right {
          display: none; } }
  .search-results > ul {
    margin-top: 1.5em; }
    .search-results > ul > li {
      padding-left: 1em;
      padding-right: 1em; }

.expandable {
  height: 100%;
  position: relative; }
  .expandable .expander {
    display: none; }
  .expandable > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .expandable > ul > li {
      display: inline-block; }
  .expandable > .button {
    margin-left: auto;
    margin-right: 0; }
  @media screen and (max-width: 480px) {
    .expandable .expander {
      display: block; }
    .expandable > ul {
      display: none; }
    .expandable.expanded > ul {
      clear: both;
      display: block; }
      .expandable.expanded > ul > li {
        display: list-item; }
        .expandable.expanded > ul > li.primary {
          float: none !important; }
      .expandable.expanded > ul .button {
        margin: 0 0 0 -1em;
        border: none !important; } }

.page-search {
  max-width: 480px;
  padding: 3em 1em 1em 1em;
  margin: 0 auto; }
  .page-search .search-container {
    position: relative; }
    .page-search .search-container .searchfield {
      color: #666;
      border-radius: 2px;
      outline: none;
      border: 1px solid #ddd;
      transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
      padding: 0.5em;
      font-size: 1em;
      width: 100%; }
      .page-search .search-container .searchfield:focus {
        border: 1px solid #2780e3;
        outline: none;
        box-shadow: 0 0 6px -2px #2780e3; }
    .page-search .search-container .searchbutton {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 3em;
      padding: 0 1em;
      border: 1px solid #2780e3;
      background: rgba(39, 128, 227, 0.8);
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDE2LjYwMDQxOCAxNi44MjMwNzQiCiAgIGhlaWdodD0iMTYuODIzMDc0IgogICB3aWR0aD0iMTYuNjAwNDE4Ij4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk3NDYwOTQsLTEwMzMuODA5NSkiCiAgICAgaWQ9ImxheWVyMSI+CiAgICA8cGF0aAogICAgICAgaWQ9InBhdGg0MTM4IgogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwxMDMyLjM2MjIpIgogICAgICAgZD0ibSA4LjAwNTg1OTQsMS40NDcyNjU2IGMgLTMuMzE5MTM0OSwwIC02LjAzMTI1LDIuNzEyMTUgLTYuMDMxMjUsNi4wMzEyNSAwLDMuMzE5MjAwNCAyLjcxMjExNTEsNi4wMzEyNTA0IDYuMDMxMjUsNi4wMzEyNTA0IDEuMjQzMTI2MywwIDIuNDAxMDUxNiwtMC4zODA5NjIgMy4zNjMyODE2LC0xLjAzMTI1IGwgNS40ODQzNzUsNS40ODQzNzUgYSAxLjAwMDEsMS4wMDAxIDAgMSAwIDEuNDE0MDYyLC0xLjQxNDA2MyBsIC01LjQ1MzEyNSwtNS40NTMxMjUgYyAwLjc2MzE0NywtMS4wMTAzNDYgMS4yMjI2NTYsLTIuMjU5ODI4MiAxLjIyMjY1NiwtMy42MTcxODc0IDAsLTMuMzE5MSAtMi43MTIxMTUsLTYuMDMxMjUgLTYuMDMxMjQ5NiwtNi4wMzEyNSB6IG0gMCwyIGMgMi4yMzgyNTQ2LDAgNC4wMzEyNDk2LDEuNzkzMDUgNC4wMzEyNDk2LDQuMDMxMjUgMCwyLjIzODMgLTEuNzkyOTk1LDQuMDMxMjUwNCAtNC4wMzEyNDk2LDQuMDMxMjUwNCAtMi4yMzgyNTQ3LDAgLTQuMDMxMjUsLTEuNzkyOTUwNCAtNC4wMzEyNSwtNC4wMzEyNTA0IDAsLTIuMjM4MiAxLjc5Mjk5NTMsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNSB6IgogICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtjbGlwLXJ1bGU6bm9uemVybztkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtvcGFjaXR5OjE7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2NvbG9yLWludGVycG9sYXRpb246c1JHQjtjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6bGluZWFyUkdCO3NvbGlkLWNvbG9yOiMwMDAwMDA7c29saWQtb3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIgLz4KICA8L2c+Cjwvc3ZnPgo=");
      background-size: 1em;
      background-position: center;
      color: white;
      background-repeat: no-repeat;
      cursor: pointer;
      transition: background-color 0.2s ease-in-out;
      border-bottom-right-radius: 2px;
      border-top-right-radius: 2px;
      border-left-style: hidden; }
      .page-search .search-container .searchbutton:hover {
        background-color: #2780e3; }
    .page-search .search-container .searchfield:focus + .searchbutton {
      border-left-style: solid; }

h1 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 3rem;
  font-weight: 400;
  margin: 0.5em 0 0.25em 0; }

h2 {
  font-weight: 400;
  font-size: 200%;
  color: #666;
  margin: 0.5em 0 0.25em 0; }

.page-tabs {
  margin: 0.5em 0 0 0;
  overflow: hidden;
  position: relative;
  bottom: -5px;
  font-size: 0.8em;
  font-weight: 600;
  color: #666; }
  .page-tabs > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .page-tabs > ul > li {
      position: relative;
      z-index: 9;
      display: inline-block; }
      .page-tabs > ul > li.active {
        background: white;
        border: 1px solid #ccc;
        border-bottom: none;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-top: 3px solid #2780e3;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        color: #000; }
        .page-tabs > ul > li.active:after {
          content: '';
          position: absolute;
          width: calc(100% + 2px);
          height: 5px;
          bottom: -1px;
          left: -1px;
          background: white;
          z-index: 10; }
        .page-tabs > ul > li.active:first-child:after {
          left: 0; }
      .page-tabs > ul > li:not(.active) a:hover {
        text-decoration: underline; }
      .page-tabs > ul > li > a {
        display: inline-block;
        padding: 0.3rem 2rem 0.7rem 2rem;
        text-decoration: none;
        color: inherit; }
  .page-tabs + .page-content {
    margin-top: 0; }

.overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
  transition: background-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center; }
  .overlay.white {
    background-color: rgba(255, 255, 255, 0.6); }
  .overlay:before {
    max-width: 50%;
    align-self: flex-start; }
  .overlay:after {
    max-width: 50%;
    align-self: flex-end; }

.modal {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 0 16px -6px #000;
  max-width: 480px;
  padding: 1em;
  margin: 0px auto; }

.z4-results-container {
  display: inline-block;
  background: white;
    /*.column-labels{
        height:1.2em;
        .total-time{float:right;}
        .lap-labels{float:right;}
    }

    .name{width:12em; display:inline-block;}
    .place{width:2em; display:inline-block;}
    .lap{width:6em; display:inline-block;}
    .total-time{width:6em; font-weight:bold;}*/ }
  .z4-results-container .width-bumper {
    white-space: nowrap;
    height: 10px;
    overflow: hidden; }
    .z4-results-container .width-bumper > span {
      display: inline-block;
      height: 2px; }
  .z4-results-container .status-display {
    display: none; }
  .z4-results-container .racer-group.racers-hidden .status-display,
  .z4-results-container .racer-group.racers-filtered .status-display {
    display: block; }

.racer-group.collapsed {
  margin-bottom: 0; }
  .racer-group.collapsed .racer-list-container,
  .racer-group.collapsed .column-labels,
  .racer-group.collapsed .width-bumper {
    display: none; }
  .racer-group.collapsed h2 {
    color: #333;
    font-weight: 400;
    font-size: 1.35rem;
    margin: 0.5em 1rem; }
    .racer-group.collapsed h2:hover {
      text-decoration: underline; }

.z4-results-group > ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .z4-results-group > ul > li {
    padding: 0.25em 0;
    clear: both; }
    .z4-results-group > ul > li span {
      display: inline-block; }
    .z4-results-group > ul > li .name {
      display: inline-block;
      white-space: nowrap;
      color: inherit; }
      .z4-results-group > ul > li .name:link:hover {
        text-decoration: underline; }
    .z4-results-group > ul > li:nth-child(2n-1) {
      background: #f1f3f8; }
    .z4-results-group > ul > li > .place {
      float: left;
      width: 2em;
      color: #999;
      text-align: right;
      padding-right: 0.25em; }
    .z4-results-group > ul > li > .info {
      padding-left: 2em;
      overflow: hidden; }
      .z4-results-group > ul > li > .info span {
        white-space: nowrap;
        padding-right: 0.4em;
        font-size: 80%; }
    .z4-results-group > ul > li .lap-times {
      float: right; }
    .z4-results-group > ul > li .total-time {
      float: right; }
    .z4-results-group > ul > li > .lap {
      float: right;
      white-space: nowrap;
      background: inherit;
      text-align: left; }
      .z4-results-group > ul > li > .lap .rank {
        display: inline-block;
        padding-left: 0.15em;
        color: #666; }
      .z4-results-group > ul > li > .lap.finish {
        font-weight: bold; }
.z4-results-group .racer-list > li {
  height: 2.75em; }

.racer-group {
  position: relative;
  margin: 0 0 2.5em; }
  .racer-group .group-head {
    position: relative; }
    @media print {
      .racer-group .group-head {
        page-break-inside: avoid;
        break-inside: avoid;
        page-break-after: avoid;
        break-after: avoid;
        -webkit-region-break-after: avoid; } }
    .racer-group .group-head .overflow-menu.right {
      position: absolute;
      top: 0;
      right: 0; }
      .racer-group .group-head .overflow-menu.right .trigger {
        line-height: 30px;
        width: 30px;
        text-align: center; }
  .racer-group .title {
    margin-bottom: 4px; }
    .racer-group .title .draghandle {
      position: absolute;
      top: 0;
      left: 0; }
    .racer-group .title .draghandle + h2 {
      margin-left: 30px; }
      @media screen and (min-width: 500px) {
        .racer-group .title .draghandle + h2 {
          margin-right: 160px; } }
    .racer-group .title input {
      width: 100%;
      font: inherit;
      color: inherit;
      outline: none;
      border: 1px solid transparent;
      border-bottom-color: #ddd;
      margin: 0;
      padding: 5px 10px; }
      .racer-group .title input:focus {
        border: 1px solid #ddd; }
      .racer-group .title input:hover {
        border: 1px solid #ddd; }
  .racer-group .actioncontainer {
    position: absolute;
    right: 0;
    top: -10px; }
    .racer-group .actioncontainer .button {
      float: left;
      margin-left: 10px; }
  .racer-group .field-labels {
    display: inline-block;
    position: relative;
    white-space: nowrap; }
  .racer-group .racer-list a:hover {
    text-decoration: underline; }
  .racer-group .column-labels {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 2px; }
    .racer-group .column-labels .main-field {
      font-weight: 600; }
  .racer-group .width-bumper {
    height: 0; }
  .racer-group .column-labels,
  .racer-group .racer-list > li {
    min-height: 1.75em; }
  .racer-group .racer-list > li {
    padding-right: 6rem; }
  .racer-group .width-bumper,
  .racer-group .column-labels,
  .racer-group .racer-list > li {
    padding-left: 2em;
    position: relative; }
    .racer-group .width-bumper > .place,
    .racer-group .width-bumper > .bib,
    .racer-group .column-labels > .place,
    .racer-group .column-labels > .bib,
    .racer-group .racer-list > li > .place,
    .racer-group .racer-list > li > .bib {
      position: absolute;
      top: 0.25em;
      left: 0;
      text-align: right;
      width: 2em;
      display: inline-block; }
      @media print {
        .racer-group .width-bumper > .place,
        .racer-group .width-bumper > .bib,
        .racer-group .column-labels > .place,
        .racer-group .column-labels > .bib,
        .racer-group .racer-list > li > .place,
        .racer-group .racer-list > li > .bib {
          top: 0; } }
      .racer-group .width-bumper > .place.main-field,
      .racer-group .width-bumper > .bib.main-field,
      .racer-group .column-labels > .place.main-field,
      .racer-group .column-labels > .bib.main-field,
      .racer-group .racer-list > li > .place.main-field,
      .racer-group .racer-list > li > .bib.main-field {
        position: static;
        top: auto;
        left: auto;
        text-align: start;
        color: black; }
    .racer-group .width-bumper .main-field,
    .racer-group .column-labels .main-field,
    .racer-group .racer-list > li .main-field {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 0.2em; }
      .racer-group .width-bumper .main-field.only-wide,
      .racer-group .column-labels .main-field.only-wide,
      .racer-group .racer-list > li .main-field.only-wide {
        width: 6em; }
        .racer-group .width-bumper .main-field.only-wide.name, .racer-group .width-bumper .main-field.only-wide.getName,
        .racer-group .column-labels .main-field.only-wide.name,
        .racer-group .column-labels .main-field.only-wide.getName,
        .racer-group .racer-list > li .main-field.only-wide.name,
        .racer-group .racer-list > li .main-field.only-wide.getName {
          width: 14em; }
      .racer-group .width-bumper .main-field.only-narrow,
      .racer-group .column-labels .main-field.only-narrow,
      .racer-group .racer-list > li .main-field.only-narrow {
        white-space: normal; }
    .racer-group .width-bumper .lap,
    .racer-group .column-labels .lap,
    .racer-group .racer-list > li .lap {
      width: 6.5em;
      padding: 0 0 0 0.3em;
      display: inline-block;
      overflow: hidden; }
      .racer-group .width-bumper .lap.no-rank,
      .racer-group .column-labels .lap.no-rank,
      .racer-group .racer-list > li .lap.no-rank {
        width: 5em; }
      .racer-group .width-bumper .lap .rank,
      .racer-group .column-labels .lap .rank,
      .racer-group .racer-list > li .lap .rank {
        float: right;
        width: 1.5em;
        text-align: center;
        color: rgba(0, 0, 0, 0.5); }
      .racer-group .width-bumper .lap.empty,
      .racer-group .column-labels .lap.empty,
      .racer-group .racer-list > li .lap.empty {
        border-right: 0; }
    .racer-group .width-bumper .total-time,
    .racer-group .column-labels .total-time,
    .racer-group .racer-list > li .total-time {
      width: 6rem;
      overflow-y: visible;
      font-weight: 600;
      padding-left: 0.3em; }
      .racer-group .width-bumper .total-time.only-narrow,
      .racer-group .column-labels .total-time.only-narrow,
      .racer-group .racer-list > li .total-time.only-narrow {
        text-align: right;
        padding-right: 0.25em; }
    .racer-group .width-bumper .bib,
    .racer-group .column-labels .bib,
    .racer-group .racer-list > li .bib {
      width: 2em;
      display: inline-block; }
  .racer-group .column-labels {
    margin-top: 0.75em; }
  .racer-group .column-labels .total-time,
  .racer-group .lap-labels .total-time {
    float: right; }
  .racer-group .column-labels .lap-labels,
  .racer-group .lap-labels .lap-labels {
    float: right; }
  .racer-group .status-display {
    padding-left: 2.2em;
    padding-top: 0.25em;
    opacity: 0.5; }
    .racer-group .status-display a {
      font-size: 0.8em;
      font-style: italic;
      font-weight: 400;
      color: inherit;
      text-decoration: none; }
      .racer-group .status-display a:hover {
        text-decoration: underline; }

body:not(.narrow) .only-narrow {
  display: none !important; }

body.narrow .only-wide {
  display: none !important; }

.racer-list {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  background: #fff; }
  .racer-list > li {
    position: relative;
    padding: 0.25em 0; }
    @media print {
      .racer-list > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 1px;
        padding-bottom: 0; } }
    .racer-list > li:nth-child(2n) {
      background-color: #fafafa; }
    .racer-list > li a {
      color: inherit; }
    .racer-list > li > a,
    .racer-list > li span {
      display: inline-block; }
    .racer-list > li .name {
      color: inherit; }
      .racer-list > li .name:link:hover {
        text-decoration: underline; }
    .racer-list > li .total-time,
    .racer-list > li .lap-times {
      float: right;
      height: 1em;
      overflow-y: hidden; }
    .racer-list > li .lap-times {
      position: absolute;
      right: 6rem;
      top: 0;
      height: 1.5em; }
      .racer-list > li .lap-times > .lap {
        display: inline-block;
        padding-top: 0.25em; }
        @media print {
          .racer-list > li .lap-times > .lap {
            padding-top: 0; } }
    .racer-list > li .total-time {
      position: absolute;
      padding-top: 0.25em;
      height: 1.5em;
      right: 0;
      top: 0; }
      @media print {
        .racer-list > li .total-time {
          padding-top: 0; } }
    .racer-list > li > .bib,
    .racer-list > li .place {
      display: inline-block;
      text-align: right;
      padding-right: 0.2em;
      color: rgba(0, 0, 0, 0.5); }
    .racer-list > li > .info {
      display: block;
      position: relative;
      margin-top: -0.4em;
      padding-left: 0.2em;
      clear: both;
      opacity: 0.75; }
      .racer-list > li > .info > * {
        font-size: 0.8em; }
        .racer-list > li > .info > *:not(:empty) {
          margin-right: 1em; }
        .racer-list > li > .info > *.bib {
          width: auto; }
      .racer-list > li > .info .last-split-name {
        position: absolute;
        top: 0;
        right: -6rem;
        width: 6rem;
        display: block;
        margin-right: 0;
        padding-right: 0.3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right; }
    @media print {
      .racer-list > li {
        page-break-inside: avoid; } }

.search-results .icon.registration:before {
  background-color: #A3DA6C; }
.search-results .icon.results:before {
  background-color: #2780e3; }

.hidden {
  display: none; }

.login.modal {
  padding: 2em; }
  .login.modal .z4form.narrow {
    width: auto; }

/*body:before{
    position:absolute;
    top:0;
    left:0;
    height:4em;
    width:100%;
    background:$blue;
    border-bottom:1px solid $darker-blue;
    box-shadow:0 0 10px -6px $darker-blue;
    display:block;
    color:white;
    content:'';
}*/
.home-link h1 {
  background-image: url("img/whitelogo.svg"); }

.page-header {
  background: #2780e3;
  color: white;
  border-bottom: 1px solid #1160b8;
  box-shadow: 0 0 10px -6px #1160b8; }
  .page-header ul .button {
    margin-right: 0em;
    margin-left: 0em;
    color: inherit; }
    .page-header ul .button.light:not(.no-border) {
      border-color: #1160b8; }
      .page-header ul .button.light:not(.no-border):hover {
        background-color: #1160b8; }

@media screen and (max-width: 480px) {
  .header {
    color: #333; } }
@media screen and (max-width: 480px) {
  body.home.all .page-tabs {
    display: none; }
  body.home:not(.all) .page-tabs .all {
    display: none; } }
.z4-results-container {
  display: block; }

.filter-list .label {
  font-size: 0.7em;
  color: #aaa; }
.filter-list > ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .filter-list > ul > li {
    display: block;
    float: left;
    padding: 0 2px; }
.filter-list.type {
  float: left; }
  .filter-list.type a {
    font-weight: bold;
    font-size: 0.9em;
    display: block;
    padding: 0.5em 1em;
    margin-right: 0.5em;
    text-decoration: none;
    border: 1px solid #efefef;
    border-radius: 3px;
    transition: all 0.2s ease-in-out; }
  .filter-list.type .registration a {
    border-color: rgba(78, 136, 88, 0.25);
    color: #4e8858;
    background-color: rgba(78, 136, 88, 0.05); }
    .filter-list.type .registration a:hover {
      background-color: rgba(78, 136, 88, 0.15); }
  .filter-list.type .race a {
    border-color: rgba(46, 70, 154, 0.25);
    color: #2e469a;
    background-color: rgba(46, 70, 154, 0.05); }
    .filter-list.type .race a:hover {
      background-color: rgba(46, 70, 154, 0.15); }
.filter-list.sport {
  float: right; }
  .filter-list.sport li {
    float: right; }
  .filter-list.sport a {
    width: 28px;
    height: 28px;
    display: block;
    background: white;
    overflow: hidden;
    background-color: #aaa;
    white-space: nowrap;
    text-indent: 60px;
    overflow: hidden;
    transition: background-color 0.25s ease-in-out; }
    .filter-list.sport a:hover {
      background-color: #333; }
  @media screen and (max-width: 960px) {
    .filter-list.sport {
      display: none; } }

li.cycling:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 44px; }

li.crosscountryskiing:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -178px; }

li.running:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -264px; }

li.alpineskiing:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 88px; }

li.biathlon:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 0; }

li.canoekayak:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -310px; }

li.orienteering:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -352px; }

li.golf:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -396px; }

li.triathlon:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -44px; }

li.soccer:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -132px; }

li.sailing:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -220px; }

li.swimming:before {
  background-image: url("img/sports.sprite.png");
  background-position: 0 -92px; }

.sport.filter-list a {
  display: block; }
.sport.filter-list a.cycling {
  background-image: url("img/sports.spritemask.png");
  background-position: 0 0; }
.sport.filter-list a.running {
  background-image: url("img/sports.spritemask.png");
  background-position: -28px 0; }
.sport.filter-list a.triathlon {
  background-image: url("img/sports.spritemask.png");
  background-position: -56px 0; }
.sport.filter-list a.paddling {
  background-image: url("img/sports.spritemask.png");
  background-position: -84px 0; }
.sport.filter-list a.orienteering {
  background-image: url("img/sports.spritemask.png");
  background-position: -112px 0; }
.sport.filter-list a.alpine {
  background-image: url("img/sports.spritemask.png");
  background-position: -140px 0; }
.sport.filter-list a.skiing {
  background-image: url("img/sports.spritemask.png");
  background-position: -168px 0; }
.sport.filter-list a.biathlon {
  background-image: url("img/sports.spritemask.png");
  background-position: 28px 0; }

#promoreg {
  background-image: url("/hstatic/zone4.ca/img/promo/tile-reg.jpg"); }

#promochip {
  background-image: url("/hstatic/zone4.ca/img/promo/chip-2.jpg"); }

#promorapidcam {
  background-image: url("/hstatic/zone4.ca/img/promo/tile-rapidcam.jpg"); }

#promotiming {
  background-image: url("/hstatic/zone4.ca/img/promo/tile-software.jpg"); }

#promoilog {
  background-image: url("/hstatic/zone4.ca/img/promo/ilog-icon.jpg"); }

.column-labels {
  color: #666; }
  .column-labels > * {
    display: inline-block; }
  .column-labels .right {
    float: right;
    padding-left: 0.25em; }