html {
    height:100%;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

body {
    background:#88AD46;
    background:linear-gradient(to bottom, #88AD46, #B5E7A5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88AD46', endColorstr='#B5E7A5', GradientType=0);
    height: 100%;
    /*margin:auto;*/
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-width: 800px;
}

.mainTable {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*background-color:#88AD46;/*#25A1E5;*/
    min-width:100%;
    color:#001475;
    padding-left: 30px;
    padding-right:30px
}

.sprite {
    background-repeat: no-repeat;
    display: block;
    width: 136px;
    height: 136px;
    background-position: 0 0;
    cursor: pointer;
}

.sprite:hover {
    width: 136px;
    height: 136px;
    background-position: -136px 0;
}

.controlPlay {
    width: 100%;
    text-align: center;
    color:black;
    /*padding-top:8px;*/
    /*padding-left:10px;*/
}

.controlPlayScreen {
    width: 100%;
    text-align: right;
    position: relative;
    /*margin-top: -20px;*/
}

.navDiv {
    position: absolute;
    top: 45%;
}

.controlTD {
    vertical-align:top;
    text-align: center;
    width:50%;
    /*background:#88AD46;
    background:linear-gradient(to top, #88AD46, #D8EAEE);*/
    background: transparent;
    padding-right:5px;
}


.headerBgDivIE {
    background-image: url(../img/grassH.png) !important;
    background-position: left bottom !important;
    background-repeat: repeat-x !important;
}

.headerBgDivAll {
    background-image: url(../img/grassH.png), url(../img/sun.png);
    background-position: left bottom, right top;
    background-repeat: repeat-x, no-repeat;
}

.sliderPrev {
    border: solid 1px white;
    background-image: url(../img/prev.png);
    background-position: 40% center;
    background-repeat: no-repeat;
    height: 50px;
    float: left;
    width: 25px;
    cursor: pointer;
}

.sliderNext {
    border: solid 1px white;
    background-image: url(../img/next.png);
    background-position: 45% center;
    background-repeat: no-repeat;
    height: 50px;
    cursor: pointer;
    width: 25px;
    right: 1%;
}

.headerDiv {
    background-color:#D8EAEE;
    height:115px; 
    width:100%; 
    text-align:center;
    color: #F58F06;/*#FB9C40;*/
    font-size:30pt;
    font-weight:bold;
    border-bottom: 5px solid #FB9C40;
    margin-top:-21px;
}

/*.underHeader {
    height:50px; 
    width:763px; 
    background-image: url(../img/sun.png);
    background-position: left, right;
    background-repeat:no-repeat;
    background-color:#25A1E5;
    padding-top:5px;
    padding-bottom: 5px;
}

.underHeaderRight {
    height:50px; 
    background-image: url(../img/moon.png);
    background-position: right;
    background-repeat:no-repeat;
    background-color:#001475;
    padding-top:5px;
    padding-bottom: 5px;
}*/

.screenImg {
    width:100%;
    clear: both;
}

.chkScreenProc {
 text-align: right;
 /*padding-bottom: 5px*/   
}

.chkScreenGal {
 text-align: left; 
 /*padding-bottom: 5px*/   
}

.TextInfo {
    text-align: center;
    font-size: 17pt;
    vertical-align:middle;
    color: black;
    font-weight:bold;
    padding-top:10px;
}

.TextInfo_bottom {
    padding-top:6px;
}

.sprite_correct {
    margin-top: 20px
}

.sprite_correct_noFirst {
    margin-top: 20px
}

.chNav {
    cursor:pointer;
    vertical-align: bottom;
}