(function() { var content = "\u003Cdiv\u003E\u003Cstyle\u003E\r\n div.jr-container {\r\n box-sizing: border-box;\r\n }\r\n\r\n div.jr-container:before,div.jr-container:after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .responsive-table {\r\n font-family: inherit;\r\n color: black;\r\n }\r\n\r\n /* container styles */\r\n .jr-container {\r\n margin: 5% 3%;\r\n }\r\n\r\n .responsive-table {\r\n font-size: .9em; \r\n border-spacing: 0;\r\n border-collapse: collapse;\r\n } \r\n\r\n .responsive-table {\r\n width: 100%;\r\n margin-bottom: 1.5em;\r\n }\r\n\r\n .responsive-table thead {\r\n /*// Accessibly hide \u003Cthead\u003E on narrow viewports*/\r\n position: absolute;\r\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\r\n clip: rect(1px, 1px, 1px, 1px);\r\n padding: 0;\r\n border: 0;\r\n height: 1px;\r\n width: 1px;\r\n overflow: hidden;\r\n } \r\n\r\n .responsive-table thead th {\r\n text-align: center;\r\n }\r\n\r\n .responsive-table thead :first-child {\r\n text-align: left;\r\n }\r\n \r\n /*// Set these items to display: block for narrow viewports*/\r\n .responsive-table tbody,\r\n .responsive-table tr,\r\n .responsive-table th,\r\n .responsive-table td {\r\n display: block;\r\n padding: 0;\r\n text-align: left;\r\n white-space: normal;\r\n } \r\n\r\n .responsive-table thead tr th,\r\n .responsive-table tbody tr td,\r\n .responsive-table tbody tr th {\r\n padding: .3em .5em;\r\n vertical-align: middle;\r\n } \r\n\r\n .responsive-table tbody tr {\r\n margin-bottom: 1em;\r\n border: 2px solid rgba(94,93,82,1);\r\n }\r\n\r\n .responsive-table tbody tr:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n .responsive-table tbody th[scope=\u0022row\u0022],.responsive-table thead th[scope=\u0022col\u0022].jr-header {\r\n text-align: left;\r\n }\r\n\r\n .responsive-table tbody td {\r\n text-align: right;\r\n } \r\n\r\n .responsive-table tbody td[data-type=currency] {\r\n text-align: right;\r\n }\r\n\r\n .responsive-table tbody td[data-title]:before {\r\n content: attr(data-title);\r\n float: left;\r\n font-size: .8em;\r\n color: rgba(94, 93, 82, .75);\r\n }\r\n\r\n .responsive-table tbody td[data-title=\u0022FullDayTime\u0022],\r\n .responsive-table tbody td[data-title=\u0022FullDayPrice\u0022],\r\n .responsive-table tbody td[data-title=\u0022PartialDay1Time\u0022],\r\n .responsive-table tbody td[data-title=\u0022PartialDay1Price\u0022],\r\n .responsive-table tbody td[data-title=\u0022PartialDay2Time\u0022],\r\n .responsive-table tbody td[data-title=\u0022PartialDay2Price\u0022] {\r\n white-space: nowrap;\r\n }\r\n\r\n /* override register link styles */\r\n .responsive-table tbody td.jr-reg-col {\r\n \r\n }\r\n .responsive-table tbody td.jr-reg-col:before {\r\n content: \u0027\u0027;\r\n }\r\n \r\n .responsive-table tbody td[data-title]:before {\r\n font-size: .9em;\r\n }\r\n \r\n /* add header style for mobile as well */\r\n @media (max-width: 474px) {\r\n .responsive-table tbody th {\r\n \r\n }\r\n }\r\n \r\n\r\n /* large table styles */\r\n @media (min-width: 475px) {\r\n .jr-container {\r\n margin: 2em auto; \r\n }\r\n\r\n .responsive-table tbody tr:nth-of-type(even) {\r\n background-color: rgba(94, 93, 82, 0.1);\r\n }\r\n\r\n .responsive-table tbody tr td[data-title=\u0022CampName\u0022], .responsive-table thead tr th[data-title=\u0022CampName\u0022],\r\n .responsive-table tbody tr td[data-title=\u0022SessionName\u0022], .responsive-table thead tr th[data-title=\u0022SessionName\u0022] {\r\n text-align: left;\r\n }\r\n\r\n .responsive-table {\r\n font-size: 9pt;\r\n }\r\n\r\n .responsive-table thead {\r\n /*// Unhide \u003Cthead\u003E on wide viewports*/\r\n position: relative;\r\n clip: auto;\r\n height: auto;\r\n width: auto;\r\n overflow: auto;\r\n }\r\n\r\n .responsive-table tbody :first-child {\r\n text-align: left;\r\n }\r\n\r\n .responsive-table tr {\r\n /*// Undo display: block*/\r\n display: table-row;\r\n }\r\n\r\n .responsive-table th,\r\n .responsive-table td {\r\n /*// Undo display: block*/\r\n display: table-cell;\r\n }\r\n\r\n .responsive-table tbody {\r\n /*// Undo display: block*/\r\n display: table-row-group;\r\n }\r\n\r\n .responsive-table tbody tr {\r\n border: none;\r\n }\r\n\r\n .responsive-table tbody tr {\r\n /*// Undo display: block*/\r\n display: table-row;\r\n border-width: 1px;\r\n }\r\n \r\n .responsive-table tbody th[scope=\u0022row\u0022] {\r\n background-color: transparent;\r\n color: rgba(94,93,82,1);\r\n font-weight: normal;\r\n \r\n }\r\n \r\n .responsive-table tbody td {\r\n text-align: center;\r\n }\r\n \r\n .responsive-table tbody td[data-title=\u0022CampName\u0022],\r\n .responsive-table thead th[data-title=\u0022CampName\u0022],\r\n .responsive-table tbody td[data-title=\u0022SessionName\u0022],\r\n .responsive-table thead th[data-title=\u0022SessionName\u0022] {\r\n text-align: left; \r\n }\r\n\r\n .responsive-table tbody td[data-title]:before {\r\n /*// Don\u0027t show data-title labels*/\r\n content: none;\r\n } \r\n \r\n }\r\n /* large table styles passed in from user! */ \r\n .responsive-table tbody td[data-title=\u0022CampName\u0022],\r\n .responsive-table tbody th[data-title=\u0022CampName\u0022],\r\n .responsive-table tbody td[data-title=\u0022SessionName\u0022],\r\n .responsive-table tbody th[data-title=\u0022SessionName\u0022] {\r\n \r\n\r\n }\r\n\r\n .responsive-table {\r\n \r\n }\r\n\r\n .responsive-table thead tr th {\r\n \r\n }\r\n\u003C/style\u003E\r\n \u003Cdiv class=\u0022jr-container\u0022\u003E\r\n \u003Cp\u003ENo camp sessions available for the selected criteria.\u003C/p\u003E\r\n \u003C/div\u003E\r\n\u003C/div\u003E"; document.write(content); })();