html, body {width: 100%;height: 100%;padding: 0;margin:0;}
ul{padding-left:20px;margin-left:0px;list-style: square;}
a {-webkit-touch-callout: none !important; }
.blockCenter{top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.mouseHide {cursor: none;}
.borderRadius {border-radius: 5px;}
.center {text-align: center;}
.bold {font-weight: 400;}
.red {color:#ff0000;}
.prevent-select { -webkit-user-select: none; -ms-user-select: none; user-select: none;}

#intro {position:absolute;width:100%;height:100%;background-color:#eceadf;font-family: 'Open Sans', sans-serif;display: none;}
#intro h1 {font-weight: 300;color:#141414;border-bottom:1px solid #ffffff;}
#intro  .scrolling {color:#5f5f5a;height:300px;}
#intro .img1, #intro .img3{border:1px solid #cccccc;}
#intro .img2 {width: 80px;}
#intro h2 {font-weight: 400;}
#intro h3 {font-size:16px; margin: 0px 0px 5px;font-weight: bold;}
#intro p, #intro div {font-size:14px;}
#intro a {font-size:14px;color:#5f5f5a;text-decoration:underline;}
.introIm {margin: 0 10px;}	
#intro .introButton {float:left;}
#intro .introButton .intromenu {position:absolute;color:#968d87;font-size:16px;line-height:26px;}
#intro .introButton .practiceBt {position:absolute;background-image:url(../images/intro/PracticeBt1.jpg);width:110px;height:34px;cursor:pointer;right:10px;}
#intro .introButton .practiceBt:Hover {background-image:url(../images/intro/PracticeBt2.jpg);}

#test {position: absolute;width: 100%;height: 100%;font-family: Arial, Helvetica;display: none;}
#test .box {width:96%;position: absolute;}
#test #imgBox .leftSlider{position: relative; height:100%;border-radius:5px;background:#f5f5f5;}
#test #imgBox .leftSlider .lSliderBox{position: absolute; background:black;border-radius:3px;}
#test #imgBox .img{position:absolute;}
#test #imgBox .img img{width:100%;height:100%;}
#test #imgBox .rhandindicator{position:absolute;width:90px;border-radius:20px;background:red;color:white;text-align:center;display:none;padding:20px;right:20px;font-size:18px;line-height:20px;top: 50%;transform: translate(0, -50%);}
#test .mobrhfield{position:absolute;width:80%;height:100%;right:0px;top: 50%;transform: translate(0, -50%);display:none;}

#test #options{width:96%;display:none;}
#test #options .optionstitle{position:absolute;text-align:center;width:100%;}
#test #options .optionsBtns{position:absolute;}
#test #options .opColm{width:18%;margin-right:2%;float:left;}
#test #options .opColm:after{clear:both;}
#test #options .cubeGreen .opt{background:#019176;}
#test #options .cubeOrange .opt{background:#e26700;}
#test #options .cubeRed .opt{background:#cd0011;}
#test #options .cubeBlue .opt{background:#0b5c9b;}
#test #options .cubePink .opt{background:#d352d1;}
#test #options .opColm .opt{text-align:center;color:white;border-radius:3px;cursor:pointer;}
#test #options .chkMarkWrap{position:absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
#test #options .chkMarkWrap img{width:100%;height:100%;}

#test #options .practiceShowcase{position:absolute; display:none;text-align:center;top: 0;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
#test #options .practiceShowcase img{height:100%;width:auto;}

#test .nextBt {position:absolute;background-image:url(../images/nextBt1.jpg);width:110px;height:34px;cursor:pointer;display: none;}
#test .nextBt:Hover {background-image:url(../images/nextBt2.jpg);}
#test .finishBt {position:absolute;background-image:url(../images/FinishBtArr1.jpg);width:110px;height:34px;cursor:pointer;display: none;}
#test .finishBt:Hover {background-image:url(../images/FinishBtArr2.jpg);}

.mobileLandscapeInfo {font-family: Arial, Helvetica;font-size: 18px;text-align: center;position: absolute;width: 100%;background-color:#ffffff;height: 100%;z-index: 20;display: none;}
.mobileLandscapeInfo  img {width: 80%;}