Your IP : 216.73.217.79
| Current Path : /var/www/cesa.co.za/php/temp/ |
|
|
| Current File : /var/www/cesa.co.za/php/temp/calendar13\u0026NumMonths=.html |
<html>
<head>
<style>
/* From: style.css */
body {
font: 12px Verdana, sans-serif;
color: #494949;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
}
td, th {
border-width: 1px;
}
.page-break {
page-break-before: auto;
}
}
.twoColFixLtHdr #container {
width: 95%; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLtHdr #header, .header-bar {
background: #000000;
padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColFixLtHdr #header h1, .header-bar h1 {
padding: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/*.twoColFixLtHdr #sidebar1, */
.sidebar1 {
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 4px;
padding-top: 12px;
}
.twoColFixLtHdr #mainContent, .mainContent {
margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 16px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #footer, .footer {
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
}
.twoColFixLtHdr #footer p, .footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
a {
color: #009DDA;
}
#sidebar1 a {
text-decoration:none;
font-weight:bold;
color: black;
display:block;
padding-bottom: 8px;
border-bottom:1px solid black;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 4px;
margin-top: 8px;
}
h1 {
font-size:24px;
}
h2 {
font-size:22px;
}
h3 {
font-size:20px;
}
h4 {
font-size:18px;
}
h5 {
font-size:16px;
}
h6 {
font-size:14px;
}
.table-radio-checkbox tr td, .table-radio-checkbox tr th {
border: none;
}
.tablebtmborder td {
border-bottom: 1px solid black;
}
.assignment-actions li {
padding-bottom: 8px;
}
.boldblue {
color: #009DDA;
font-weight: bold;
}
.container-main {
max-width: 1400px;
margin: auto;
}
.errmsg {
font-weight:bold;
color:#CC0000;
}
.form-group {
margin-bottom: 4px;
}
.guidelinetablebluebg {
background-color:#9cc2e5;
}
.guidelinetablebluetext {
color: #3366ff;
font-style:italic;
}
.guidelinetableredtext {
color: #ff0000;
}
.pager-page-num {
margin-left: 2px;
margin-right: 2px;
text-decoration: none;
}
.pager-page-current{
color: #000000;
}
#popup {
position:absolute;
top:110px;
left:100px;
width:700px;
height:525px;
visibility:hidden;
}
#popupmessage {
position:absolute;
top:60px;
left:75px;
width:680px;
height:400px;
font-size:13px;
padding:10px;
overflow:scroll;
background-color:white;
border:1px solid silver;
}
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================
Made by Justin Aguilar
www.justinaguilar.com/animations/
Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown{
animation-name: slideDown;
-webkit-animation-name: slideDown;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
/*
==============================================
slideUp
==============================================
*/
.slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
/*
==============================================
slideLeft
==============================================
*/
.slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
}
50%{
transform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}
100% {
-webkit-transform: translateX(0%);
}
}
/*
==============================================
slideRight
==============================================
*/
.slideRight{
animation-name: slideRight;
-webkit-animation-name: slideRight;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;
}
@keyframes slideRight {
0% {
transform: translateX(-150%);
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(-150%);
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}
100% {
-webkit-transform: translateX(0%);
}
}
/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp{
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease -out;
visibility: visible !important;
}
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0.5);
}
30%{
transform: translateY(-8%) scaleX(0.5);
}
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);
}
70% {
transform: translateY(0%) scaleX(1.05);
}
80%{
transform: translateY(0%) scaleX(0.95);
}
90% {
transform: translateY(0%) scaleX(1.02);
}
100%{
transform: translateY(0%) scaleX(1);
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}
80%{
-webkit-transform: translateY(0%) scaleX(0.95);
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
}
100%{
-webkit-transform: translateY(0%) scaleX(1);
}
}
.style1 {
color: #FF3333;
font-weight: bold;
}
.style2 {
color: #FFFFFF;
font-weight: bold;
}
.style3 {
font-size: 14px;
font-weight: bold;
}
/*
==============================================
expandUp
==============================================
*/
.expandUp{
animation-name: expandUp;
-webkit-animation-name: expandUp;
animation-duration: 0.7s;
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
transform: translateY(-7%) scaleY(1.12);
}
75%{
transform: translateY(3%);
}
100% {
transform: translateY(0%) scale(1) scaleY(1);
}
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
}
75%{
-webkit-transform: translateY(3%);
}
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}
}
/*
==============================================
fadeIn
==============================================
*/
.fadeIn{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;
}
@keyframes fadeIn {
0% {
transform: scale(0);
opacity: 0.0;
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(0.9);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
-webkit-transform: scale(0);
opacity: 0.0;
}
60% {
-webkit-transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
/*
==============================================
expandOpen
==============================================
*/
.expandOpen{
animation-name: expandOpen;
-webkit-animation-name: expandOpen;
animation-duration: 1.2s;
-webkit-animation-duration: 1.2s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
@keyframes expandOpen {
0% {
transform: scale(1.8);
}
50% {
transform: scale(0.95);
}
80% {
transform: scale(1.05);
}
90% {
transform: scale(0.98);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes expandOpen {
0% {
-webkit-transform: scale(1.8);
}
50% {
-webkit-transform: scale(0.95);
}
80% {
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(0.98);
}
100% {
-webkit-transform: scale(1);
}
}
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance{
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
/*
==============================================
hatch
==============================================
*/
.hatch{
animation-name: hatch;
-webkit-animation-name: hatch;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
visibility: visible !important;
}
@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0.6);
}
20% {
transform: rotate(-2deg) scaleY(1.05);
}
35% {
transform: rotate(2deg) scaleY(1);
}
50% {
transform: rotate(-2deg);
}
65% {
transform: rotate(1deg);
}
80% {
transform: rotate(-1deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
}
50% {
-webkit-transform: rotate(-2deg);
}
65% {
-webkit-transform: rotate(1deg);
}
80% {
-webkit-transform: rotate(-1deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
/*
==============================================
bounce
==============================================
*/
.bounce{
animation-name: bounce;
-webkit-animation-name: bounce;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
@keyframes bounce {
0% {
transform: translateY(0%) scaleY(0.6);
}
60%{
transform: translateY(-100%) scaleY(1.1);
}
70%{
transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
80%{
transform: translateY(0%) scaleY(1.05) scaleX(1);
}
90%{
transform: translateY(0%) scaleY(0.95) scaleX(1);
}
100%{
transform: translateY(0%) scaleY(1) scaleX(1);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0%) scaleY(0.6);
}
60%{
-webkit-transform: translateY(-100%) scaleY(1.1);
}
70%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
80%{
-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
}
90%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
}
100%{
-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
}
}
/*
==============================================
pulse
==============================================
*/
.pulse{
animation-name: pulse;
-webkit-animation-name: pulse;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 0.7;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.9);
opacity: 0.7;
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
}
/*
==============================================
floating
==============================================
*/
.floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(8%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(8%);
}
100% {
-webkit-transform: translateY(0%);
}
}
/*
==============================================
tossing
==============================================
*/
.tossing{
animation-name: tossing;
-webkit-animation-name: tossing;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
0% {
transform: rotate(-4deg);
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg);
}
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg);
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg);
}
}
/*
==============================================
pullUp
==============================================
*/
.pullUp{
animation-name: pullUp;
-webkit-animation-name: pullUp;
animation-duration: 1.1s;
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
@keyframes pullUp {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}
}
@-webkit-keyframes pullUp {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}
}
/*
==============================================
pullDown
==============================================
*/
.pullDown{
animation-name: pullDown;
-webkit-animation-name: pullDown;
animation-duration: 1.1s;
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
}
@keyframes pullDown {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}
}
@-webkit-keyframes pullDown {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}
}
/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft{
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%;
}
@keyframes stretchLeft {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}
}
@-webkit-keyframes stretchLeft {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}
}
/*
==============================================
stretchRight
==============================================
*/
.stretchRight{
animation-name: stretchRight;
-webkit-animation-name: stretchRight;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}
}
/* From: shared.css */
select[multiple] {
height: 150px;
overflow-y: auto;
}
.well {
border: solid 1px;
border-radius: 2px;
margin: 2px;
padding: 4px;
}
.alert {
border-radius: 4px;
font-weight: bold;
margin: 4px;
padding: 8px;
}
.alert-info {
background-color: #01b9ff;
}
.ChangeAnswerDialog ul li {
list-style-type: disc;
}
.form-control {
}
.form-group > .row {
border-bottom: solid 1px #CCCCCC;
margin-bottom: 4px;
padding-bottom: 4px;
}
.message-unread {
background-color: #ccff66 !important;
}
.message-unread, .message-unread td {
border-bottom: solid 1px #ffffff !important;
}
.message-unread td {
padding-bottom: 8px;
}
.message-unread .ewTableSelectRow {
color: #000000 !important;
}
.message-read {
background-color: #ffffff !important;
}
.select2-field {
width: 95% !important;
}
/* From: xenon.css */
select, select *, option, select > option {
-webkit-appearance: menulist-button;
height: 34px;
padding: 4px;
}
/* From: xenon.css */
/* From: xenon.css */
.ewMenuColumn .phpmaker a {
background-color:#F0F0F0;
color:black;
border:1px solid black;
padding:2px;
margin:2px;
display:block;
text-align:center;
text-decoration:none;
}
.ewContentColumn .phpmaker a {
background-color:#F0F0F0;
color:black;
border:1px solid black;
padding:2px;
margin:2px;
text-align:center;
text-decoration:none;
}
.ewReportTable td {
border-bottom:1px solid black;
padding:5px;
}
.ewGroupHeader {
font-weight:bold;
}
#gmp_MemberAddressLabels .ewTableHeader {
width:0px;
display:none;
}
#gmp_MemberAddressLabels .ewTableRow td div {
width:7cm;
height:3.7cm;
display:block;
overflow:hidden;
}
#gmp_MemberAddressLabels .ewGridContent {
border-width:0px;
border-color:white;
}
#gmp_DirectoryListing .ewTableHeader {
width:0px;
display:none;
}
#gmp_DirectoryListing .ewTableAltRow {
background-color:white;
}
#fDirectoryListinglist .ewGrid {
border-width:0px;
border-color:white;
}
#fDirectoryListinglist .ewGridContent {
border-width:0px;
border-color:white;
}
.ewGrid .ewGridContent {
border-width:0px;
border-color:white;
}
.ewReportTable {
width:100%;
}
.ewGroupHeader {
font-weight:bold;
min-width:200px;
}
.ewGroupSummary {
page-break-after: always;
}
.ewGrid {
border-width:0px;
border-color:white;
}
.ewGridContent {
border-width:0px;
border-color:white;
}
}
/* PDF-specific overrides */
body {
font-family: Verdana, Arial, sans-serif !important;
font-size: 16px !important;
color: #494949 !important;
margin: 0 !important;
padding: 0 !important;
}
table {
border-collapse: collapse !important;
width: 100% !important;
}
td, th {
border: 1px solid #CCCCCC !important;
padding: 4px !important;
vertical-align: top !important;
font-size: 16px !important;
}
.eventname {
font-family: Verdana, Arial, sans-serif !important;
font-size: 18pt !important;
font-weight: bold !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #000000 !important;
background-color: transparent !important;
}
a .eventname, .eventname a, a.eventname {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #000000 !important;
text-decoration: none !important;
background-color: transparent !important;
}
a {
text-decoration: none !important;
color: inherit !important;
font-size: 16px !important;
}
.calendar-content, .calendar-table, .event-row {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
@page {
margin-top: 1cm !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 1cm !important;
}
thead {
display: table-header-group !important;
font-size: 16px !important;
}
tfoot {
display: table-row-group !important;
}
tr {
page-break-inside: avoid !important;
}
p, div, span {
font-size: 16px !important;
}
.boldblue {
color: #009DDA !important;
font-weight: bold !important;
}
.printhide {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.btn, .button, .register-btn, .more-info-btn {
display: none !important;
visibility: hidden !important;
}
.printhide .bluelink {
color: #ffffff !important;
text-decoration: underline !important;
}
/* Ensure event names are always visible in PDFs */
.eventname {
font-family: Verdana, Arial, sans-serif !important;
font-size: 18pt !important;
font-weight: bold !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #000000 !important;
background-color: transparent !important;
text-decoration: none !important;
}
/* Override any link styles that might hide event names */
a .eventname,
.eventname a,
a.eventname {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #000000 !important;
text-decoration: none !important;
background-color: transparent !important;
}
/* Hide elements with .printhide class in PDFs */
.printhide {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
/* Make More Info and Register Now buttons have white text */
.printhide .bluelink {
color: #ffffff !important;
text-decoration: underline !important;
}
/* Also hide common button classes that should not appear in PDFs */
.btn,
.button,
.register-btn,
.more-info-btn,
input[type="button"],
input[type="submit"] {
display: none !important;
visibility: hidden !important;
}
/* Override any print-specific hiding for event names */
@media print {
.eventname, .eventname * {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.printhide {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
}
</style>
</head>
<body>
<style>
/* PDF-friendly CSS - simplified for wkhtmltopdf compatibility */
.table-container {
width: 100%;
overflow: visible;
position: relative;
max-height: 80vh;
overflow-y: auto;
}
#tbl {
width: 100%;
border-collapse: collapse;
table-layout: auto;
}
#tbl thead th {
background-color: #325eab !important;
color: white;
padding: 8px;
border: 1px solid #CCCCCC;
}
#tbl tbody td {
padding: 4px;
margin: 2px;
border: 1px solid #CCCCCC;
vertical-align: top;
}
.smallfonts {
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
}
.eventname {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
}
.bluelink {
color: #ffffff;
text-decoration: underline;
}
/* Remove problematic CSS for PDF generation */
@media print {
.table-container {
height: auto !important;
overflow: visible !important;
}
#tbl {
page-break-inside: auto;
}
tr {
page-break-inside: avoid;
}
}
</style>
<div class="table-container">
<table width=100% cellspacing=0 cellpadding=2 class="smallfonts" id="tbl">
<thead>
<tr>
<th colspan=8 align=center class='locked' bgcolor="#325eab"><B style="color:white">Training Schedule, Sep 2025 - Feb 2026</b></th>
</tr>
<tr>
<th class='locked' bgcolor="#325eab" align=center><b style="color:white">Course</b></th>
<th align=center class='locked' bgcolor='#325eab'><b style='color:white'>Sep</b></th><th align=center class='locked' bgcolor='#325eab'><b style='color:white'>Oct</b></th><th align=center class='locked' bgcolor='#325eab'><b style='color:white'>Nov</b></th><th align=center class='locked' bgcolor='#325eab'><b style='color:white'>Dec</b></th><th align=center class='locked' bgcolor='#325eab'><b style='color:white'>Jan</b></th><th align=center class='locked' bgcolor='#325eab'><b style='color:white'>Feb</b></th> </tr>
</thead>
<tbody id="tbl-container">
<tr>
<td>No upcoming courses to display.</td>
</tr>
</tbody>
</table></div>
</body>
</html>