/*Individual slide show css above here, don't change the css below*/
html, body{
    height:100%;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-family: Arial, sans-serif;
    font-size:1.5vw;
}
#head{
    background: #006666;
}
#head h1{
    text-align: center;
    color:white;
    font-size:1.5em;
}
.wrapper{
    width:85%;
    margin:0 auto;
    background: #eab92d; /* Old browsers */
    background: -moz-linear-gradient(top,  #eab92d 0%, #c79810 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eab92d), color-stop(100%,#c79810)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eab92d 0%,#c79810 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eab92d 0%,#c79810 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eab92d 0%,#c79810 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eab92d 0%,#c79810 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 ); /* IE6-9 */
}
#footer{
    background: #006666;
    text-align: center;
    color:white;
    font-size:1.2em;
}
.container{
    height:550px !important;
    padding: 4%; 
    font-family: Arial, sans-serif;
    font-size:12pt;
    overflow:auto;
}

.ordinaryfont{
    font-size: 1.25em;
}

.smallfont{
    font-size: 2em;
}

.mediumfont{
    font-size: 3em;
}

.largefont{
    font-size: 4em;
}

.hugefont{
    font-size: 5em;
}

.italics{
    font-style:italic;
}

.textcenter{
    text-align: center;
}

.red{
    color: red;
}

.black{
    color: black;
}

.imageRight{
    float:right;
    margin-top: -100px;
}

.imageRight1{
    float:right;
    margin-top: -300px;
}

.wide75{
    width:75%;
}

.nobullets{
    list-style: none;
}

.centerimage{
    display: block;
    margin-left:auto;
    margin-right:auto;
}

.code{
    background: #cccccc;
    border: 2px red solid;
    padding:3px;
}

.up{
    margin-top: -15px;
}

.upmore{
    margin-top: -50px;
}

.smalldown{
    margin-top:10px;
}

.down{
    margin-top:30px;
}
.downmore{
    margin-top: 150px;
}

.codetab{
    margin-left: 20px;
}

.smallright{
    margin-left: 40px;
}
/*These are the animation css classes */
.appear, .skew, .zoom, .blinddown, .rotate{
    -webkit-transition: linear 1.5s;
    transition: linear 1.5s;
}


.appear.ng-enter {
    opacity:0;
}
.appear.ng-enter.ng-enter-active {
    opacity:1;
}
.appear.ng-leave.ng-leave-active {
   display:none;
}


.blinddown.ng-enter{
    opacity:0;
    display:block!important;
    margin-top:-650px;
}

.blinddown.ng-enter-active{
    opacity:1;
    display:block!important;
    margin-top:0px;
}

.blinddown.ng-leave, blinddown.ng-leave-active{
    display: none;
}

.skew{
    -webkit-transition: linear 1.5s;
    transition: linear 1.5s;
}

.skew.ng-enter{
    opacity:0;
    display:block!important;
    margin-left:50px;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
}

.skew.ng-enter-active{
    opacity:1;
    display:block!important;
    margin-left:0px;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
}

.skew.ng-leave, skew.ng-leave-active{
    display: none;

}

.rotate{
    -webkit-transition: linear 1.5s;
    transition: linear 1.5s;
}

.rotate.ng-enter{
    opacity:0;
    display:block!important;
    -webkit-transform: rotateX(180deg);
    -webkit-transform-origin: 0% 50% 0;  
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 0% 50% 0;  
    -o-transform: rotate(180deg);
    -o-transform-origin: 0% 50% 0;  
}

.rotate.ng-enter-active{
    opacity:1;
    display:block!important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.rotate.ng-leave, .rotate.ng-leave-active{
    display: none;
}


.zoom.ng-enter{
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(0.05) rotate(0deg) skewX(0deg);
}

.zoom.ng-enter-active{
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1) rotate(0deg) skewX(0deg);
}

.zoom.ng-leave, .zoom.ng-leave-active{
     display: none;
}


@media print {
    #head, #footer{
        display: none !important;
    }

}