/* ******************************************************************************************* */
/* ************************************** Default ******************************************** */
/* ******************************************************************************************* */
html       {
            background: -webkit-linear-gradient(#9abcef, #1b54a9); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#9abcef, #1b54a9); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#9abcef, #1b54a9); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#9abcef, #1b54a9); /* Standard syntax */
            background-attachment: fixed;
            
            font-family: Arial, Helvetica, sans-serif;
            
            background: url("../media/background1.jpg") repeat scroll 0% 0% transparent;
            }
            
.linkDisabled {
   cursor:not-allowed;
}
            
.boddyWrapperDiv        {
                        width: 100%;
                        min-height: 48em;
                        margin: 0 auto;
                        margin-top: 2em;
                        border: solid 1px #220b00;
                        background-color: #ffffff;
                        }
                        
.boddyWrapperLoginDiv   {
                        width: 100%;
                        min-height: 40em;
                        margin: 0 auto;
                        }
                        
.boddyWrapperMenuDiv    {
                        width: 70%;
                        min-height: 48em;
                        margin: 0 auto;
                        margin-top: 2em;
                        border: solid 1px #220b00;
                        background-color: #ffffff;
                        background-image: url("../media/background2.jpg");
                        
                        background-size: 100%;
                        }

.indexDateDiv           {
                        color: #ffffff;
                        }
                        
h1          {
            text-align: center;
            color: #202020;
            /*text-shadow: 1.5px 1.5px #ebebeb;*/
            }
            
h2          {
            /*margin: 0;
            text-align: center;*/
            margin-left: 3em;
            color: #202020;
            }
            
p           {
            margin: 1em;
            }
            
/*input       {
            margin: 0 auto;
            width: 15em;
            }*/
            
.centerDiv  {
            text-align: center;
            width: 100%;
            }
            
            
.defaultBtn {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.3em;
            
            text-shadow: 1.5px 1.5px 2px #040404;
            color: #ffffff;
            margin: 0 auto;
            margin-bottom: 0.1em;
            margin-top: 0.1em;
            display: inline;

            width: 11em;
            padding: 10px;
            border: 1px solid #000000;
            /*border-radius: 5px;*/
            -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
            -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);

            /*background: #ca5f34;*/
            background: -webkit-linear-gradient(#2F84C4, #2D6D99); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#2F84C4, #2D6D99); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#2F84C4, #2D6D99); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#2F84C4, #2D6D99); /* Standard syntax */   /* Matt */
            
            text-decoration: none;
            outline: 0 none;
            }
            
.defaultBtn:hover       {
                        box-shadow: 0px 0px 1px 1px #939393;
                        cursor: pointer;
                        }
                                    
.defaultBtn:active      {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }
                        
/* Short Default Button */
.defaultShortBtn        {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1.2em;
                        
                        text-shadow: 1.5px 1.5px 2px #040404;
                        color: #ffffff;
                        margin: 0 auto;
                        display: inline;
            
                        width: 7em;
                        padding: 8px;
                        border: 1px solid #000000;
                        /*border-radius: 5px;*/
                        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
            
                        /*background: #ca5f34;*/
                        background: -webkit-linear-gradient(#2F84C4, #2D6D99); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#2F84C4, #2D6D99); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#2F84C4, #2D6D99); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#2F84C4, #2D6D99); /* Standard syntax */   /* Matt */
                        
                        text-decoration: none;
                        outline: 0 none;
                        }
            
.defaultShortBtn:hover  {
                        box-shadow: 0px 0px 1px 1px #939393;
                        cursor: pointer;
                        outline: 0 none;
                        }
                                    
.defaultShortBtn:active {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        outline: 0 none;
                        }
            

            
            
.defaultLink            {
                        text-decoration: none;
                        color: #ffffff;
                        outline: 0 none;
                        }
                        
.defaultTbl {
            margin: 0 auto;
            width: 75%;
            }
            
#defaultInput           {
                        width: 60%;
                        }
                        
.defaultInput  {
   width: 60%;
}
                        
                        
.viewEditBtn            {
                        text-decoration: none;
                        outline: 0 none;
                        
                        font-family: Arial, Helvetica, sans-serif;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        text-align: center;
                        color: #ffffff;
                        margin: 0 auto;
                        margin-bottom: 0.2em;
                        margin-top: 0.2em;
                        display: block;
                        width: 5em;
                        padding: 0.3em 0em 0.3em 0em;
                        
                        border: 1px solid #000000;
                        
                        /*background: #ca5f34;*/
                        background: -webkit-linear-gradient(#2F84C4, #2D6D99); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#2F84C4, #2D6D99); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#2F84C4, #2D6D99); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#2F84C4, #2D6D99); /* Standard syntax */   /* Matt */
                        }
                        
.viewEditBtn:hover      {
                        box-shadow: 0px 0px 1px 1px #939393;
                        }

.viewEditBtn:active     {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }
                        
.inputError {
   border-color: red;
   box-shadow: 0 1px 1px red;
}
            
/* ******************************************************************************************* */
/* ************************************** Loading Button ************************************* */
/* ******************************************************************************************* */
.loadingBtn             {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1.3em;
                        
                        text-shadow: 1.5px 1.5px 2px #040404;
                        color: #ffffff;
                        margin: 0 auto;
                        display: inline;
            
                        width: 11em;
                        padding: 10px;
                        border: 1px solid #000000;
                        /*border-radius: 5px;*/
                        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
            
                        /*background: #ca5f34;*/
                        background: -webkit-linear-gradient(#ff5233, #ff2600); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ff5233, #ff2600); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ff5233, #ff2600); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#ff5233, #ff2600); /* Standard syntax */   /* Matt */
                        
                        text-decoration: none;
                        outline: 0 none;
                        }
                        
/* ******************************************************************************************* */
/* ************************************** Start Button *************************************** */
/* ******************************************************************************************* */
.startBtn               {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1.3em;
                        
                        text-shadow: 1.5px 1.5px 2px #040404;
                        color: #ffffff;
                        margin: 0 auto;
                        display: inline;
            
                        width: 11em;
                        padding: 10px;
                        border: 1px solid #000000;
                        /*border-radius: 5px;*/
                        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
            
                        /*background: #ca5f34;*/
                        background: -webkit-linear-gradient(#b2c842, #8a9f1e); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#b2c842, #8a9f1e); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#b2c842, #8a9f1e); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#b2c842, #8a9f1e); /* Standard syntax */   /* Matt */
                        
                        text-decoration: none;
                        outline: 0 none;
                        }
                        
.startBtn:hover       {
                        box-shadow: 0px 0px 1px 1px #939393;
                        cursor: pointer;
                        }
                                    
.startBtn:active      {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }

/* ******************************************************************************************* */
/* ************************************** Menu's ********************************************* */
/* ******************************************************************************************* */

.mainMenuDiv            {
                        margin: 10% auto 10% auto;
                        width: 100%;
                        height: 80%;
                       /* margin-top: 0em;*/
                        text-align: center;
                        /*border: solid;*/
                        }
.menuBtn    {
            margin: 0 auto;
            margin-bottom: 0.5em;
            margin-top: 0.5em;
            max-width: 20em;
            display: block;
            outline: 0 none;
            }
            
.menuBtn:hover          {
                        box-shadow: 0px 0px 1px 1px #939393;
                        }
                        
.menuBtn:active         {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }
                        
.menuImg    {
            width: 100%;
            }
            
/*.menuImg:hover          {
                        box-shadow: 0px 0px 5px #000000 inset;
                        border: solid red;
                        }*/



/* Home Link */
.homeLinkDiv            {
                       
                        }

.homeLink   {
            position: absolute;
            margin: 0.3em 0em 0em 0.3em;
            display: block;
            text-decoration: none;
            outline: 0 none;
            z-index: 10;
            color: #ffffff;
            max-width: 8em;
            }
            
            
.homeLink:hover         {
                        box-shadow: 0px 0px 0.8px 0.8px #939393;
                        }
            
.homeLink:active        {
                        box-shadow: 0px 0px 0.8px 0.8px #4d4d4d;
                        }
                        
                        
.homeLinkImg            {
                        width: 100%;
                        }
                        
                        
/* Next Link */
.nextLinkDiv            {
                        }

.nextLink   {
           /* position: absolute;*/
            float: right;
          /*  margin: 0em 0.3em 0.3em 0em;*/
            text-decoration: none;
            outline: 0 none;
            z-index: 10;
            color: #ffffff;
            max-width: 8em;
            }
            
            
.nextLink:hover         {
                        box-shadow: 0px 0px 0.8px 0.8px #939393;
                        }
            
.nextLink:active        {
                        box-shadow: 0px 0px 0.8px 0.8px #4d4d4d;
                        }
                        
                        
                        
                        
                        
                        
                        
/* Close Link */                   
.closeLink   {
            position: absolute;
            /*right: 1em;*/
            margin: 0.3em 0em 0em 0.3em;
            display: block;
            text-decoration: none;
            outline: 0 none;
            z-index: 10;
            color: #ffffff;
            max-width: 8em;
            }
            
            
.closeLink:hover        {
                        box-shadow: 0px 0px 0.8px 0.8px #939393;
                        cursor: pointer;
                        }
            
.closeLink:active       {
                        box-shadow: 0px 0px 0.8px 0.8px #4d4d4d;
                        }
                        
                        
                        
                        



/* ******************************************************************************************* */
/* ************************************** User Display Div *********************************** */
/* ******************************************************************************************* */
.userDisplayDiv         {
                        position: absolute;
                        z-index: 99;
                        right: 1em;
                        width: 13em;
                        color: #ffffff;
                        text-align: center;
                        }
                        
.logOutImgLink          {
                        max-width: 8em;
                        margin: 0 auto;
                        margin-bottom: 0.2em;
                        
                        display: block;
                        text-decoration: none;
                        outline: 0 none;
                        }
                        
.logOutImgLink:hover    {
                        box-shadow: 0px 0px 1px 1px #2d2d2d;
                        }
                        
.logOutImgLink:active   {
                        box-shadow: 0px 0px 1px 1px #000000;
                        }
            
.logOutImg  {
            width: 100%;
            }
  
/* ******************************************************************************************* */
/* ************************************** Main Tutorials Page ******************************** */
/* ******************************************************************************************* */

.accordionContainerDiv  {
                        margin: 10% auto 10% auto;
                        height: 80%;
                        
                        max-width: 70%;
/*                        margin: 0 auto;
                        margin-top: 0.5em;*/
                        }
            
.mainTutorialsMenuH3    {
                        color: #ffffff;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1.4em;
                        line-height: 2.2em;
                        /*font-weight: bold;*/
                        border-radius: 0;
                        border: none;
                        
                        display: inline;
                        width: 90%;
                        
                        text-shadow: 1px 1px 0px #040404;
                        }
                        

                                    
.tutorialsSubHeadingDiv {
                        border-radius: 0;
                        border: solid 1px #000000;
                        
                        background: -webkit-linear-gradient(#2f84c4, #2d6d99); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#2f84c4, #2d6d99); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#2f84c4, #2d6d99); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#2f84c4, #2d6d99); /* Standard syntax */
                        }
                        
.tutorialsSubHeadingDiv:hover       {
                                    box-shadow: 0px 0px 1px 1px #939393;
                                    }
                                    
.tutorialsSubHeadingDiv:active      {
                                    box-shadow: 0px 0px 1px 1px #4d4d4d;
                                    }
 
/* Test Heading */                                   
.tutorialsSubHeadingTestDiv         {
                                    border-radius: 0;
                                    border: solid 1px #000000;
                                    
                                    background: -webkit-linear-gradient(#ec9d38, #db7e1f); /* For Safari 5.1 to 6.0 */
                                    background: -o-linear-gradient(#ec9d38, #db7e1f); /* For Opera 11.1 to 12.0 */
                                    background: -moz-linear-gradient(#ec9d38, #db7e1f); /* For Firefox 3.6 to 15 */
                                    background: linear-gradient(#ec9d38, #db7e1f); /* Standard syntax */
                                    
                                    max-width: 100%;
                                    margin: 0 auto;
                                    margin-top: 0.5em;
                                    padding: 5px 8px 5px 12px;
                                    line-height: 1.3;
            
                                    
                                    }
                        
.tutorialsSubHeadingTestDiv:hover   {
                                    box-shadow: 0px 0px 1px 1px #939393;
                                    }
                                    
.tutorialsSubHeadingTestDiv:active  {
                                    box-shadow: 0px 0px 1px 1px #4d4d4d;
                                    }
                                    
.tutorialsSubHeadingTestLink        {
                                    color: #ffffff;
                                    text-decoration: none;
                                    outline: 0 none;
                                    font-family: Arial, Helvetica, sans-serif;
                                    font-size: 1.6em;
                                    line-height: 2.2em;
                                    font-weight: bold;
                                    text-shadow: 1px 1px 0px #040404;
                                    
                                    display: inline;
                                    padding-right: 21em;
                                    }
                                    
            
.tutorialStatusSpan     {
                        display: inline;
                        color: #e5e5e5;
                        float: right;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1.1em;
                        font-weight: bold;
                        margin: 0;
                        padding: 0.3em 0em 0em 0em;
                        height: 100%;
                        line-height: normal;
                        cursor: default;
                        }
                        
.tutorialsHeadingInnerDiv           {
                                    padding: 0em 0em 0.5em 0em;
                                    border: 0;
                                    border-radius: 0;
                                    }
                                    
.tutorialHeadingLink    {
                        text-decoration: none;
                        outline: 0 none;
                        max-width: 96.5%;
                        color: #2f84c4;
                        font-size: 1.5em;
                        font-weight: bold;
                        display: block;
                        padding: 0.2em 0em 0.2em 1em;
                        margin: 0;
                        margin-top: 0.1em;
                       /* background: linear-gradient(#b1ca30, #8ba021);*/ /* Standard syntax */
                        background-color: #f0f0f0;
                        border: solid 0.063em #000000;
                        border-radius: 0;
                        
                        /*text-shadow: 1px 1px #040404;*/
                        }
                        
.tutorialHeadingLink:hover          {
                                    box-shadow: 0px 0px 1px 1px #939393;
                                    }
                                    
.tutorialHeadingLink:active         {
                                    box-shadow: 0px 0px 1px 1px #4d4d4d;
                                    }
                                    
/* ******************************************************************************************* */                                   
/* Slide Styling */

.slideDivFirst          {
                        border: solid 1px #2F84C4;
                        padding-top: 0.3em;
                        padding-bottom: 0.3em;
                        
                        min-height: 20em;
                        }

.slideDiv   {
            border: solid 1px #2F84C4;
            padding-top: 0.3em;
            padding-bottom: 0.3em;
            
            min-height: 20em;
            display: none;
            }

.slideH1    {
            margin-bottom: 0.3em;
            }
            
.slideH2    {
            color: #2F84C4;
            margin: 0 auto;
            margin-bottom: 0.5em;
            width: 80%;
            text-align: center;
            }

.slideNavTbl            {
                        width: 100%;
                        }

.slideNavTdLeft         {
                        }          
.slideNavTdRight        {
                        }
            
            
.slideCointainerDivLeft {
                        width: 40%;
                        float: left;
                        }
                        
.slideCointainerDivRight{
                        width: 40%;
                        float: right;
                        }
                        
.nextSlideImg            {
                        width: 100%;
                        }
                        
.nextSlideImg:hover      {
                        box-shadow: 0px 0px 0.8px 0.8px #939393;
                        cursor: pointer;
                        }
                        
.prevSlideImg            {
                        width: 100%;
                        visibility: hidden;
                        }
                        
.prevSlideImg:hover      {
                        box-shadow: 0px 0px 0.8px 0.8px #939393;
                        cursor: pointer;
                        }


                    
.completeSectionImg     {
                        width: 100%;
                        /*visibility: hidden;*/
                        display: none;
                        }
                        
.completeSectionImg:hover           {
                                    box-shadow: 0px 0px 0.8px 0.8px #939393;
                                    cursor: pointer;
                                    }     
                        
                        
                        
/* ******************************************************************************************* */





/* Tutorials fixed Back Link */
/*.tutorialBackLink       {
                        position: fixed;
                        margin: 0.3em 0em 0em 0.3em;
                        display: block;
                        text-decoration: none;
                        outline: 0 none;
                        z-index: 10;
                        color: #ffffff;
                        max-width: 8em;
                        }
            
            
.tutorialBackLink:hover {
                        box-shadow: 0px 0px 0.8px 0.8px #939393;
                        }
            
.tutorialBackLink:active            {
                                    box-shadow: 0px 0px 0.8px 0.8px #4d4d4d;
                                    }*/
                                    
/* ******************************************************************************************* */
/* **************************** Back to top scrolling button********************************** */
/* ******************************************************************************************* */
/*.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
 
  opacity: .5;
}*/

.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 40px;
  left: 100px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../media/backToTopBtn/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
                                    
/* ******************************************************************************************* */
/* **************************** Pre-practice Page ******************************************** */
/* ******************************************************************************************* */                                   
.prePracticeLongBtn     {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1.1em;
                        
                        text-shadow: 1.5px 1.5px 2px #040404;
                        color: #ffffff;
                        margin: 0 auto;
                        display: inline;
            
                        width: 16em;
                        padding: 10px;
                        border: 1px solid #000000;
                        /*border-radius: 5px;*/
                        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
            
                        /*background: #ca5f34;*/
                        background: -webkit-linear-gradient(#2F84C4, #2D6D99); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#2F84C4, #2D6D99); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#2F84C4, #2D6D99); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#2F84C4, #2D6D99); /* Standard syntax */   /* Matt */
                        
                        text-decoration: none;
                        outline: 0 none;
                        }
                        
.prePracticeLongBtn2    {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1.1em;
                        
                        text-shadow: 1.5px 1.5px 2px #040404;
                        color: #ffffff;
                        margin: 0 auto;
                        display: inline;
            
                        width: 20em;
                        padding: 10px;
                        border: 1px solid #000000;
                        /*border-radius: 5px;*/
                        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
            
                        /*background: #ca5f34;*/
                        background: -webkit-linear-gradient(#2F84C4, #2D6D99); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#2F84C4, #2D6D99); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#2F84C4, #2D6D99); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#2F84C4, #2D6D99); /* Standard syntax */   /* Matt */
                        
                        text-decoration: none;
                        outline: 0 none;
                        }
            
.prePracticeLongBtn:hover           {
                                    
                                    }
                                    
.prePracticeLongBtn:active          {
                                    
                                    }           
                        
                        
                        
/* ******************************************************************************************* */
/* **************************** Practice/Exam Session Page *********************************** */
/* ******************************************************************************************* */
.practiceTbl            {
                        width: 100%;
                        }
                        
.practiceTDLeft         {
                        width: 70%;
                        text-align: center;
                        vertical-align: text-bottom;
                        }

.practiceTDRight        {
                        width: 30%;
                        vertical-align: top;
                        }
                        
                        
.practiceThumbTbl       {
                        width: 100%;
                        border-collapse: collapse;
                        margin-bottom: 0.5em;
                        background-color: #EFEFEF;
                        }
                        
                        

                        
.practiceThumbTbl td    {
                        width: 5%;
                        }
                        
.practiceThumbPlainTd   {
                       
                        }
                        
.practiceThumbactiveTd  {
                        background-color: #cce1f2;
                        }
                        
/* Image and Thumbnails */
.practiceMainImgContainerDiv        {
                                   /* margin: 0 auto; */
                                    width: 65%;
                                    min-width: 10em;
                                    
                                  /*  height: 40em; *//* new */

                                    display: inline-block;
                                    }
                                    
                                    
.practiceMainImg        {
                        margin: 0 auto;
                        width: 100%;
                        
                       /*max-height: 40em;*/ /* New */
                        
                        border: solid 1px;
                      }
.thumbContainerDiv      {
                        max-width: 2em;
                        min-width: 1em;
                        margin: 0 auto;
                        padding: 0;
                        }
.thumbImg   {
            width: 100%;      
            }
                        
                        
.sessionRightTbl        {
                        width: 80%;
                        margin: 0 auto;
                        margin-top: 0.5em;
                        margin-bottom: 0.5em;
                        background-color: #efefef;
                        /*min-width: 25em;*/
                        box-shadow: inset 0px 0px 3px #b4b4b4;
                        }
                        
.sessionRightTbl td     {
                        text-align: center;
                        }
                        
.sessionRightTbl th     {
                        font-size: 1.2em;
                        padding: 0.2em;
                        border: solid 1px #4b4b4b;
                        background: -webkit-linear-gradient(#ffffff, #eaf5ff); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ffffff, #eaf5ff); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ffffff, #eaf5ff); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#62a6d9, #3e8fc6); /* Standard syntax */   /* Matt */
                        
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        }
                        
                        
                        
                        
.brightnessTble         {
                        margin: 0 auto;
                        margin-bottom: 0.5em;
                        }
                        
/*.sessionRightFilterTbl  {
                        width: 80%;
                        margin: 0 auto;
                        }
                        
.sessionRightFilterTbl td           {
                                    text-align: center;
                                    }*/
                        
.sessionBtn {
            min-width: 12em;
            margin: auto;
            margin: 0.5em;
            border: solid 1px #4b4b4b;
            border-radius: 5px;
            height: 3em;
            font-size: 0.9em;
            font-weight: bold;
            
            outline: 0 none;
            padding: 0;
            color: #ffffff;
            text-shadow: 1.5px 1.5px 2px #040404;

            background: -webkit-linear-gradient(#2F84C4, #2D6D99); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#2F84C4, #2D6D99); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#2F84C4, #2D6D99); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#4b9ad3, #2D6D99); /* Standard syntax */   /* Matt */
            }
            
.sessionBtn:hover       {
                        cursor: pointer; 
                        box-shadow: 0px 0px 1px 1px #939393;
                        }
                        
.sessionBtn:active      {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }



/*New*/              
.sesionBtnImg           {
                        width: 60%;
                        margin: auto;
                        margin-top: 0.5em;
                        margin-bottom: 0.5em;
                        border: solid 1px #4b4b4b;
                        border-radius: 5px;
                        }
                        
.sesionBtnImg:hover     {
                        cursor: pointer; 
                        box-shadow: 0px 0px 1px 1px #939393;
                        }
                        
.sesionBtnImg:active    {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }

/* Single Button */                    
.sesionBtnImgSingle     {
                        width: 30%;
                        margin: auto;
                        margin-top: 0.5em;
                        margin-bottom: 0.5em;
                        border: solid 1px #4b4b4b;
                        border-radius: 5px;
                        }
                        
/*.sesionBtnImgSingle:hover           {
                                    cursor: pointer; 
                                    box-shadow: 0px 0px 1px 1px #939393;
                                    }
                        
.sesionBtnImgSingle:active          {
                                    box-shadow: 0px 0px 1px 1px #4d4d4d;
                                    }*/
                                    
 
 
/* Brightnis Plus and Minus buttons */
.brightnessBtn          {
                        width: 1em;
                        opacity: 0.8;
                        }
                                    
                        
/* Threat Buttons */
.sessionThreatBtnImg    {
                        width: 50%;
                        margin: auto;
                        margin-top: 0.5em;
                        margin-bottom: 0.5em;
                        border: solid 1px #4b4b4b;
                        border-radius: 5px;
                        }
.sessionThreatBtnImg:hover          {
                                    cursor: pointer; 
                                    box-shadow: 0px 0px 1px 1px #939393;
                                    }
                        
.sessionThreatBtnImg:active         {
                                    box-shadow: 0px 0px 1px 1px #4d4d4d;
                                    }
                        
                        

/* Practice notes */    
.prePacticeP            {
                        margin: 0 auto;
                        width: 80%;
                        text-align: center;
                        }
                        
.practiceNotesUl        {
                        margin-left: 3em;
                        width: 80%;
                        }
                        
.practiceNotesUl li     {
                       /* margin-bottom: 0.5em;*/
                        }

/* Default Practice Table */

.PracticeTbl            {
                        width: 65%;
                        margin: 0 auto;
                        margin-top: 4em;
                        border: solid 1px #2F84C4;
                        border-collapse: collapse;
                        box-shadow:  0px 0px 3px #b4b4b4;
                        }
                        


                        
.PracticeTbl th         {
                        font-size: 1.4em;
                        padding: 0.5em;
                        border: solid 1px #2F84C4;
                        background: -webkit-linear-gradient(#ffffff, #eaf5ff); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ffffff, #eaf5ff); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ffffff, #eaf5ff); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#62a6d9, #3e8fc6); /* Standard syntax */   /* Matt */
                        
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        }
                        
.PracticeTbl tr         {
                       
                        }
                        
.PracticeTbl td         {
                        padding: 0.2em;
                        background-color: #eaf5ff;
                        border: solid 1px #2F84C4;
                        }
                        
                        
                        
/* Practice Results Page */
.PracticeResultsTbl     {
                        width: 65%;
                        margin: 0 auto;
                        margin-top: 4em;
                        margin-bottom: 2em;
                        border: solid 1px #2F84C4;
                        border-collapse: collapse;
                        box-shadow:  0px 0px 3px #b4b4b4;
                        text-align: center;
                        }
                        
.PracticeResultsTbl th  {
                        font-size: 1.3em;
                        padding: 0.5em;
                        border: solid 1px #2F84C4;
                        background: -webkit-linear-gradient(#ffffff, #eaf5ff); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ffffff, #eaf5ff); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ffffff, #eaf5ff); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#62a6d9, #3e8fc6); /* Standard syntax */   /* Matt */
                        
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        }
                        
.PracticeResultsTbl tr  {
                       
                        }
                        
.PracticeResultsTbl td  {
                        padding: 0.2em;
                        background-color: #eaf5ff;
                        border: solid 1px #2F84C4;
                        }
                        

/* Print Button */
/* Practice Results Button */
.viewResultBlueBtn        {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1em;
                        
                        text-shadow: 1px 1px 1px #040404;
                        color: #ffffff;
                        margin: 0 auto;
                        display: inline;
            
                        width: 100%;
                       /* padding: 8px;*/
                        border: 1px solid #000000;
                        /*border-radius: 5px;*/
                        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
            
                        /*background: #ca5f34;*/
                        background: -webkit-linear-gradient(#2F84C4, #2D6D99); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#2F84C4, #2D6D99); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#2F84C4, #2D6D99); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#2F84C4, #2D6D99); /* Standard syntax */   /* Matt */
                        
                        text-decoration: none;
                        outline: 0 none;
                        }
            
.viewResultBlueBtn:hover  {
                        box-shadow: 0px 0px 1px 1px #939393;
                        cursor: pointer;
                        }
                                    
.viewResultBlueBtn:active {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }
                        
.viewResultBlueBtnDisable           {
                                    font-family: Arial, Helvetica, sans-serif;
                                    font-size: 1em;
                                    
                                    text-shadow: 1px 1px 1px #040404;
                                    color: #ffffff;
                                    margin: 0 auto;
                                    display: inline;
                        
                                    width: 100%;

                                    border: 1px solid #000000;

                                    -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                                    -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                        
                                    background: -webkit-linear-gradient(#808080, #808080); /* For Safari 5.1 to 6.0 */
                                    background: -o-linear-gradient(#808080, #808080); /* For Opera 11.1 to 12.0 */
                                    background: -moz-linear-gradient(#808080, #808080); /* For Firefox 3.6 to 15 */
                                    background: linear-gradient(#808080, #808080); /* Standard syntax */   /* Matt */
                                    
                                    text-decoration: none;
                                    outline: 0 none;
                                    }
            
.viewResultBlueBtnDisable:hover     {
                                    /*box-shadow: 0px 0px 1px 1px #939393;
                                    cursor: pointer;*/
                                    }
                                    
.viewResultBlueBtnDisable:active    {
                                    box-shadow: 0px 0px 1px 1px #4d4d4d;
                                    }
                        
                        
                        
                        
                        
                        
                        
                        
                        
/* Page Heading */                    
.HeadingTd              {
                        font-size: 1.1em;
                        padding: 0.5em;
                        border: solid 1px #2F84C4;
                        text-align: center;
                        font-weight: bold;
                        }
                        
/* Practice Results Button */
.viewImgBtn        {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 1em;
                        
                        text-shadow: 1px 1px 1px #040404;
                        color: #ffffff;
                        margin: 0 auto;
                        display: inline;
            
                        width: 100%;
                       /* padding: 8px;*/
                        border: 1px solid #000000;
                        /*border-radius: 5px;*/
                        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
                        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
            
                        /*background: #ca5f34;*/
                        background: -webkit-linear-gradient(#2F84C4, #2D6D99); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#2F84C4, #2D6D99); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#2F84C4, #2D6D99); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#B2C842, #8A9F1E); /* Standard syntax */   /* Matt */
                        
                        text-decoration: none;
                        outline: 0 none;
                        }
            
.viewImgBtn:hover  {
                        box-shadow: 0px 0px 1px 1px #939393;
                        cursor: pointer;
                        }
                                    
.viewImgBtn:active {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }
                        
/* Popup */                     
.viewCorrectImgDiv      {
                        display: none;
                        overflow: hidden;
                        z-index: 99;
                        width: 100%;
                        height: 150%;
                        position: fixed;
                        background-color: rgba(10, 10, 10, 0.2);
                        left: 0px;
                        top: 0px;
                        bottom: 0px;
                        right: 0px;
                        }
            
.viewImgWrapper         {
                        margin: 5% auto 0em;
                        width: 60%;
                        min-height: 37.5em;
                        background-color: #e8e8e8;
                        border: 1px solid #3B3B3B;
                        padding: 5px;
                        border-radius: 3px;
                        font-family: Verdana,Arial,sans-serif;
                        }
                        
.correctImg {
            width: 80%;
            }
                        
.viewImgTbl {
            margin: 0 auto;
            margin-top: 4em;
            margin-bottom: 1em;
            width: 90%;
            border: solid 1px #4b4b4b;
            border-collapse: collapse;
            background-color: #ffffff;
            }
            
.viewImgLeftTD         {
                        width: 35%;
                        vertical-align: top;
                        border: solid 1px #4b4b4b;
                        background-color: #ffffff;
                        }
                        
.viewImgRightTD         {
                        width: 65%;
                        vertical-align: top;
                        border: solid 1px #4b4b4b;
                        }
                        

                        
/* Inner Table */
.viewAnswerTbl          {
                        width: 100%;
                        border-collapse: collapse;
                        font-size: 0.9em;
                        }
                        
.viewAnswerTbl td       {
                        padding: 0.5em 0.2em 0.5em 0.3em;
                        text-align: left;
                         border: solid 1px #4b4b4b;
                        }
                        
.viewAnswerTbl th       {
                        font-size: 0.9em;
                        padding: 0.5em 0.2em 0.5em 0.3em;
                        text-align: left;
                         border: solid 1px #4b4b4b;
                        }
                        
                        
.practiceReviewImg      {
                        width: 70%;
                       /* border: solid 1px #000000;*/
                        }
                        
/********************** */
/* BTN Green */
/********************** */
.sessionBtnGreen        {
                        min-width: 12em;
                        margin: auto;
                        margin: 0.5em;
                        border: solid 1px #4b4b4b;
                        border-radius: 5px;
                        height: 3em;
                        font-size: 1em;
                        font-weight: bold;
                        
                        outline: 0 none;
                        padding: 0;
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        
                        background: -webkit-linear-gradient(#a2d634, #7daa22); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#a2d634, #7daa22); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#a2d634, #7daa22); /* For Firefox 3.6 to 15 */
                         background: linear-gradient(#a2d634, #7daa22); /* Standard syntax */   /* Matt */
                        }
            
.sessionBtnGreen:hover  {
                        cursor: pointer;
                        box-shadow: 0px 0px 1px 1px #939393;
                        }
                        
.sessionBtnGreen:active {
                        cursor: pointer;
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }
                        
/********************** */
/* BTN Orange */
/********************** */
.sessionBtnOrange       {
                        min-width: 12em;
                        margin: auto;
                        margin: 0.5em;
                        border: solid 1px #4b4b4b;
                        border-radius: 5px;
                        height: 3em;
                        font-size: 1em;
                        font-weight: bold;
                        
                        outline: 0 none;
                        padding: 0;
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        
                        background: -webkit-linear-gradient(#ff9648, #ff740d); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ff9648, #ff740d); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ff9648, #ff740d); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#ff9648, #ff740d); /* Standard syntax */
                        }
            
.sessionBtnOrange:hover  {
                        cursor: pointer;
                        box-shadow: 0px 0px 1px 1px #939393;
                        }

.sessionBtnOrange:active{
                        cursor: pointer;
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }
                        
/********************** */
/* BTN Red */
/********************** */
.sessionBtnRed       {
                        min-width: 12em;
                        margin: auto;
                        margin: 0.5em;
                        border: solid 1px #4b4b4b;
                        border-radius: 5px;
                        height: 3em;
                        font-size: 1em;
                        font-weight: bold;
                        
                        outline: 0 none;
                        padding: 0;
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        
                        background: -webkit-linear-gradient(#ff5233, #ff2600); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ff5233, #ff2600); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ff5233, #ff2600); /* For Firefox 3.6 to 15 */
                       background: linear-gradient(#ff5233, #ff2600); /* Standard syntax */   /* Matt */
                        }
            
.sessionBtnRed:hover  {
                        cursor: pointer;
                        box-shadow: 0px 0px 1px 1px #939393;
                        }
                        
                        
            
.sessionBtnBlue:active  {
                        cursor: pointer;
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }


/*Slider*/

#slider        {
            /*float: left;*/
            clear: left;
            width: 250px;
            margin-bottom: 10px;
            margin-top: 10px;
            margin-left: auto;
            margin-right: auto;
            }
            
.ui-slider  {
            background: #9e9e9e;
            }
            
.ui-slider:hover        {
                        cursor: pointer;
                        box-shadow: 0px 0px 1px 1px #b7b7b7;
                        }
                        
                        
                        
                        
                        
                        
.sesionBtnImg:active    {
                        box-shadow: 0px 0px 1px 1px #4d4d4d;
                        }
                        }

#slider .ui-slider-range            {
                                    background: #ef2929; /* Not working */
                                    }
#slider .ui-slider-handle           {
                                    /*background: blue;*/
                                    background: linear-gradient(#62A6D9, #3E8FC6) repeat scroll 0% 0% transparent;
                                    border-color: #4B4B4B;
                                    }
                                    
#slider .ui-slider-handle:hover     {
                                    cursor: pointer;
                                    }
                                    
#lighten    {
            margin-bottom: 0px;
            padding-bottom: 0px;
            }

#darken     {
            margin-bottom: 0px;
            padding-bottom: 0px;
            }

/* ******************************************************************************************* */
/* ********************************** Tutorials Page ***************************************** */
/* ******************************************************************************************* */
#accordion .ui-icon { display: none; }          /*Removes the icon on the accordion */


.tutorialsTbl           {
                        width: 100%;
                        }
                        
.tutorialsTDLeft        {
                        width: 40%;
                        text-align: center;
                        vertical-align: text-bottom;
                        }

.tutorialsTDRight       {
                        width: 60%;
                        vertical-align: top;
                        }


.tutorialsBodyContainerDiv          {
                                    width: 80%;
                                    margin: 0 auto;
                                    margin-bottom: 2em;
                                    }
                                    
.tutorialsh1            {
                        margin-bottom: 1.5em;
                        }
                        
.tutorialsh2            {
                        margin: 0em 0em 0.8em 19px;
                        text-align: left;
                        }
                        
.tutorialsCenterh2      {
                        margin: 0em 0em 0.8em 0em;
                        text-align: center;
                        }
                        
.tutorialsh3            {
                        margin: 0em 0em 0em 19px;
                        text-align: left;
                        }

                                    
.tutorialsLongPara      {
                        font-size: 1.2em;
                        margin-bottom: 2em;
                        margin-top: 0em;
                        }
                        
.tutorialsCenteredPara  {
                        font-size: 1.3em;
                        margin-bottom: 2em;
                        margin-top: 0em;
                        text-align: center;
                        }
                        

.tutorialsImg           {
                        width: 100%;
                        }

                        
.tutorialsImgContainerCenterDiv     {
                                    /*width: 25em;*/
                                    width: 50%;
                                    margin: 0 auto;
                                    margin-bottom: 3em;
                                    }
                                    
.tutorialsImgContainerCenterLargeDiv            {
                                                width: 95%;
                                                margin: 0 auto;
                                                margin-bottom: 3em;
                                                }
                                                
.tutorialsImgContainerCenterMediumDiv           {
                                                width: 70%;
                                                margin: 0 auto;
                                                margin-bottom: 3em;
                                                }
                                                
                                                
.tutorialsImgContainerCenterSmallDiv            {
                                                width: 30%;
                                                margin: 0 auto;
                                                margin-bottom: 3em;
                                                }
                                    

/* Ordered List */                             
.tutorialsOl li         {
                        margin-bottom: 1em;
                        font-size: 1.2em;
                        }
                        
.tutorialsOl ul li      { 
                        font-size: 1em;
                        padding: 0em;
                        margin: 0.4em 0em 0em 0em;
                        }                                    
 
.boldSpan               {
                        font-weight: bold;
                        }
                        
.blueSpan               {
                        font-weight: bold;
                        color:#0070c0;
                        } 
.orangeSpan             {
                        font-weight: bold;
                        color:#f79646;
                        }
.greenSpan              {
                        font-weight: bold;
                        color:#00b050;
                        }
                        
.redSpan                {
                        font-weight: bold;
                        color:#ff2f2f;
                        }
                        
.underlineSpan          {
                        text-decoration: underline;
                        }
                        
 /* Un-ordered List */                                   
.tutorialsUl li         {
                        margin-bottom: 1em;
                        font-size: 1.2em;
                        }
                        
.tutorialsUl ul li      { 
                        font-size: 1em;
                        padding: 0em;
                        margin: 0.4em 0em 0em 0em;
                        }

.tutorialsNestedBoldUl li           {
                                    margin-bottom: 1em;
                                    font-size: 1.2em;
                                    }
                        
.tutorialsNestedBoldUl ul li        {
                                    font-weight: bold;  
                                    font-size: 1em;
                                    padding: 0em;
                                    margin: 0.4em 0em 0em 0em;
                                    }
                                    
.tutorialsLinkContainerDiv          {
                                    margin: 0 auto;
                                    margin-bottom: 1em;
                                    margin-left: 19px;
                                    width: 100%;
                                    text-align: left;
                                    }
.tutorialsLink          {
                        text-decoration: none;
                        outline: 0 none;
                        color: #2F84C4;
                        font-size: 1.2em;
                        }
                        
.tutorialsLink:hover    {
                        color:  #215c89;
                        }
                        
/************ */
/* Test page */
/************ */
.tutorialTestTbl            {
                        margin: 0 auto;
                        width: 80%;
                        
                        margin-top: 4em;
                        margin-bottom: 2em;
                        border: solid 1px #2F84C4;
                        border-collapse: collapse;
                        box-shadow:  0px 0px 3px #b4b4b4;
                        }
                        
.tutorialTestTbl th     {
                        font-size: 1.4em;
                        padding: 0.5em;
                        border: solid 1px #2F84C4;
                        background: -webkit-linear-gradient(#ffffff, #eaf5ff); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ffffff, #eaf5ff); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ffffff, #eaf5ff); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#62a6d9, #3e8fc6); /* Standard syntax */   /* Matt */
                        
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        }
            
                        
.tutorialTestTbl td     {
                        padding: 0.2em;
                        /*background-color: #eaf5ff;*/
                        border: solid 1px #2F84C4;
                        }
                        
                        
.tutorialTestBlankTd    {
                        background-color: #eaf5ff;
                        }
.tutorialTestHeadingTd  {
                        background-color: #aed9ff;            
                        }
.tutorialTestLeftTd     {
                        width: 75%;
                        background-color: #eaf5ff;
                        }
.tutorialTestRightTd    {
                        width: 25%;
                        text-align: center;
                        background-color: #eaf5ff;
                        }
                        
                        
.tutorialTestNotesContainerDiv      {
                                    margin-top: 4em;
                                    margin-bottom: 4em;
                                    }

.preTutorialTestTbl     {
                        width: 80%;
                        margin: 0 auto;
                        margin-top: 1em;
                        border: solid 1px #2F84C4;
                        border-collapse: collapse;
                        box-shadow:  0px 0px 3px #b4b4b4;
                        }
                        
.preTutorialTestTbl th    {
                        font-size: 1.4em;
                        padding: 0.5em;
                        border: solid 1px #2F84C4;
                        background: -webkit-linear-gradient(#ffffff, #eaf5ff); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ffffff, #eaf5ff); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ffffff, #eaf5ff); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#62a6d9, #3e8fc6); /* Standard syntax */   /* Matt */
                        
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        }
                        
.preTutorialTestTbl td  {
                        padding: 0.2em;
                        background-color: #eaf5ff;
                        border: solid 1px #2F84C4;
                        }
                        
.preTutorialTestTD1      {
                        padding: 0.2em;
                        background-color: #eaf5ff;
                        border: solid 1px #2F84C4;
                        }
                        
.preTutorialTestTD2     {
                        padding: 0.2em;
                        background-color: #eaf5ff;
                        border: solid 1px #2F84C4;
                        }
                        
.preTutorialTestTD3     {
                        padding: 0.2em;
                        background-color: #eaf5ff;
                        border: solid 1px #2F84C4;
                        }
                        
                        

                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
.TutorialReviewRed      {
                        background-color: #ff7575;
                        width: 33.3%;
                        text-align: center;
                        font-weight: bold;
                        }
                        
.TutorialReviewBlue     {
                        background-color: #72a9fc;
                        width: 33.3%;
                        text-align: center;
                        font-weight: bold;
                        }
                        
.TutorialReviewGreen    {
                        background-color: #75ff75;
                        width: 33.3%;
                        text-align: center;
                        font-weight: bold;
                        }

/* ******************************************************************************************* */
/* ********************************** View Certificate Page ********************************** */
/* ******************************************************************************************* */

/* Search Results page */
.resultsTbl            {
                        width: 65%;
                        margin: 0 auto;
                        margin-top: 4em;
                        margin-bottom: 2em;
                        border: solid 1px #859b1e;
                        border-collapse: collapse;
                        box-shadow:  0px 0px 3px #b4b4b4;
                        }
                        


                        
.resultsTbl th         {
                        font-size: 1.4em;
                        padding: 0.5em;
                        border: solid 1px #859b1e;
                        background: -webkit-linear-gradient(#B2C842, #8A9F1E); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#B2C842, #8A9F1E); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#B2C842, #8A9F1E); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#B2C842, #8A9F1E); /* Standard syntax */   /* Matt */
                        
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        }
                        
.resultsTbl tr         {
                       
                        }
                        
.resultsTbl td         {
                        padding: 0.2em;
                        background-color: #deecbd;
                        border: solid 1px #859b1e;
                        }
                        
                        
                        
/* Search Results Table Hidden */
.resultsHiddenTbl            {
            display: none;
                        width: 65%;
                        margin: 0 auto;
                        margin-top: 4em;
                        margin-bottom: 2em;
                        border: solid 1px #859b1e;
                        border-collapse: collapse;
                        box-shadow:  0px 0px 3px #b4b4b4;
                        }
                        


                        
.resultsHiddenTbl th         {
                        font-size: 1.4em;
                        padding: 0.5em;
                        border: solid 1px #859b1e;
                        background: -webkit-linear-gradient(#B2C842, #8A9F1E); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#B2C842, #8A9F1E); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#B2C842, #8A9F1E); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#B2C842, #8A9F1E); /* Standard syntax */   /* Matt */
                        
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        }
                        
.resultsHiddenTbl tr         {
                       
                        }
                        
.resultsHiddenTbl td         {
                        padding: 0.2em;
                        background-color: #deecbd;
                        border: solid 1px #859b1e;
                        }





/* ******************************************************************************************* */
/* ********************************** View Certificate Page ********************************** */
/* ******************************************************************************************* */
.certificateContainerDiv            {
                                    margin: 0 auto;
                                    margin-top: 5em;
                                    margin-bottom: 5em;
                                    width: 70%;
                                    min-height: 50em;

                                    border: solid;
                                    }

.certificateObj         {
                        width: 100%;
                        height: 50em;
                        }



/* ******************************************************************************************* */
/* ********************************** Pre-Loader ********************************************* */
/* ******************************************************************************************* */

.preLoaderBtn           {
                        visibility: hidden;
                        }



/* ******************************************************************************************* */
/* ************************************* Reports ********************************************* */
/* ******************************************************************************************* */
.reportCourseInput      {
                        width: 80%;
                        }
                        
                        
/* Default Practice Table */

.reportSessionTbl            {
                        width: 90%;
                        margin: 0 auto;
                        margin-top: 4em;
                        border: solid 1px #2F84C4;
                        border-collapse: collapse;
                        box-shadow:  0px 0px 3px #b4b4b4;
                        }
                        


                        
.reportSessionTbl th         {
                        font-size: 1.4em;
                        padding: 0.5em;
                        border: solid 1px #2F84C4;
                        background: -webkit-linear-gradient(#ffffff, #eaf5ff); /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#ffffff, #eaf5ff); /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#ffffff, #eaf5ff); /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#62a6d9, #3e8fc6); /* Standard syntax */   /* Matt */
                        
                        color: #ffffff;
                        text-shadow: 1.5px 1.5px 2px #040404;
                        }
                        
.reportSessionTbl tr         {
                       
                        }
                        
.reportSessionTbl td         {
                        padding: 0.2em;
                        background-color: #eaf5ff;
                        border: solid 1px #2F84C4;
                        }
                        
                        
/* ******************************************************************************************* */
/* ************************************* Expire Date ***************************************** */
/* ******************************************************************************************* */
.expireP    {
            font-size: 0.8em;
            color: #ffb997;
            padding: 0;
            margin: 0;
            }





/* ******************************************************************************************* */
/* ********************************** Footer ************************************************* */
/* ******************************************************************************************* */
.h3Footer   {
            color: #ffffff;
            font-weight: normal;
            }