a{ text-decoration: none; }
a:hover{ text-decoration: none; }
body{ padding: 65px 0px 125px; }
td{ vertical-align: top; }
label{ display: block; margin: 10px 0px; }


/* PRIMARY DIV CLASSES FOR SITE COMPONENTS */
.buffer{}
.footer{ text-align: center; font-size: .8em; position: fixed; 
		 padding: 10px; width: 100%; bottom: 0px; left: 0px; background: #FFF; border-top: 1px solid #F2F2F2; box-shadow: #ddd 0px 8px 15px; }
.footer-text{}

.toolbar{ padding: 5px; border-bottom: 1px solid #7B6DA0; margin: 10px 0px; background: #EDE8F7; font-size: .8em; }
.loginForm{ margin: 100px auto; width:75%; background: black;
            background: #FFF; padding: 10px; 
            min-width: 320px;
            border-radius: 10px; border: 1px solid #DDD; 
            box-shadow: #999 0px 8px 15px; }


/* JER PANELS */	
.panel-small{ width: 175px; height: 125px; background: #FFF; 
			  display: inline-block; border-radius: 8px; box-shadow: #DDD 0px 8px 15px; 
			  border: 1px solid #DDD; padding: 10px; text-align: center; margin-right: 10px; margin-bottom: 10px;
			  vertical-align: top; cursor: pointer; overflow: hidden;
}
.panel-small .icon{ margin: 15px auto 0px; font-size: 26pt; color: #333;}
.panel-small img{ margin: 15px auto 0px; width: 50px; color: #333;}
.panel-small .panel-text{ color: #333; font-size: 11pt; }


/* OTHER UI */
.datepicker{ width: 120px; }


/* CALENDAR */
.calendar{ margin: auto; width: 95%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.calendar th, .calendar td{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px;}
.calendar td{ height: 125px; width: 10%; min-width: 125px; }
.calendar th{ background: #896099; color: #FFF; }
.calHeader{ font-size: 32pt; text-align: center; margin: 25px 0px; }
.striped{ background: url(../images/myStriped.png); opacity: .5; }

.eventBubble{ padding: 10px; border-radius: 10px; background: #836095; color: #FFF; cursor: pointer; }
.eventBubble > a, .eventBubble > a:hover{ color: #FFF; }

.blocky{ box-shadow: #ddd 0px 8px 15px; text-align: center; background: #a263b4; padding: 10px; color: #FFF; border-top: 10px solid #81528f; border-bottom: 1px solid #81528f;}
.theMonthDate{ font-size: 18pt;}
.theYear{ font-size: 36pt; }
.theEventName{}
.eventInfo{ padding: 15px; background: #fdfdfd; }


/* WIZARD */

.wizForms{ min-height: 400px; background: #FFF; border-left: 1px solid #ddd; padding: 10px;}
.wizNav{ list-style-type: none; margin: 0px; padding: 0px;  }
.wizNav li{ padding: 10px; margin: 0px; }
.wizNav .active:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	margin-right: 10px;
	padding: 8px 0px;
}

.wizNav .indented{ margin-left: 10px; font-size: .8em; }


/* FORUM */
.forum{ list-style-type: none; margin: 0px; padding: 0px; }
.forum li{ margin: 10px 0px; padding: 5px; border-bottom: 1px solid #f2f2f2; }
.forum li ul{ margin-left: 50px; border-left: 3px solid #ddd; list-style-type: none; padding: 0px;}
.forum li ul li{ padding: 10px; }
.post{ font-size: 1.25em; }
.postFooter{ font-size: .85em; background: #f2f2f2; padding: 10px; margin: 10px 0px; border-radius: 5px; }


.datatable th, .datatable td{ font-size: 8pt; }

.ck-editor__editable {
    min-height: 350px;
}


/* EYE CANDY AND ANIMATIONS */
.animated{
        -webkit-animation-fill-mode:both; 
        -moz-animation-fill-mode:both;
        -ms-animation-fill-mode:both;
        -o-animation-fill-mode:both;
        animation-fill-mode:both;
        -webkit-animation-duration:1s;
        -moz-animation-duration:1s;
        -ms-animation-duration:1s;
        -o-animation-duration:1s;
        animation-duration:1s;
        }

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(50px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(50px)}100%{opacity:1;-o-transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}


@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(-200px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes slideInRight{0%{opacity:0;-moz-transform:translateX(-200px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes slideInRight{0%{opacity:0;-o-transform:translateX(-200px)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes slideInRight{0%{opacity:0;transform:translateX(-200px)}100%{opacity:1;transform:translateX(0)}}
.slideInRight{-webkit-animation-name:slideInRight;-moz-animation-name:slideInRight;-o-animation-name:slideInRight;animation-name:slideInRight}

@-webkit-keyframes slideOutLeft{0%{opacity:1;-webkit-transform:translateX(0px)}100%{opacity:0;-webkit-transform:translateX(200px);}}
@-moz-keyframes slideOutLeft{0%{opacity:1;-moz-transform:translateX(0px)}100%{opacity:0;-moz-transform:translateX(200px);}}
@-o-keyframes slideOutLeft{0%{opacity:1;-o-transform:translateX(0px)}100%{opacity:0;-o-transform:translateX(200px);}}
@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(200px);}}
.slideOutLeft{-webkit-animation-name:slideOutLeft;-moz-animation-name:slideOutLeft;-o-animation-name:slideOutLeft;animation-name:slideOutLeft}


.delay05{animation-delay:.5s;-webkit-animation-delay:.5s}
.delay1{animation-delay:1s;-webkit-animation-delay:1s}
.delay15{animation-delay:1.5s;-webkit-animation-delay:1.5s}