/*
 * Contributed by Rahul Jhaveri on 26/04/17.
 * JhavTech Studios Pty Ltd (2017)
 * http://www.jhavtech.com.au
 */

html, body {
	margin: 0 0 0 0;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Comic_Sans_MS, arial, verdana, helvetica, sans-serif, tahoma;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	 -khtml-user-select: none; /* Konqueror */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  not supported by any browser */
}
img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.clsDivMainContainer {
	position: absolute;
	width: 760px;
	height: 625px;
	border: 0px solid #00ff00;
	cursor: default;
	background-color: #d4d4d4;
	display: block;
	overflow: hidden;
}
.clsDivAudioPlayer {
	position: absolute;
	left: 0px;
	top: 0px;
	border: 0px solid #00ff00;
	display: none;
}
.clsInheritFromMainContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border: 0px solid #00ff00;
	cursor: default;
	display: block;
}
.clsDisableClockPanel {
	position: absolute;
    width: 100%;
    height: 102px;
     left: 0px;
    top: 412px;
	/*background-color: rgba(0, 184, 91, 0.5)*/
	background:transparent;
}
.clsDisablePanelscreen {
	position: absolute;
    width: 100%;
    height: 100%;
     left: 0px;
    top: 0px;
	/*background-color: rgba(0, 184, 91, 0.5)*/
	background:transparent;
}
.clsDisableDigitalPanel {
	position: absolute;
    width: 100%;
    height: 55px;
     left: 0px;
    top: 343px;
	/*background-color: rgba(0, 184, 91, 0.5)*/
	background:transparent;
}
.clsDisableTextTimePanel {
	position: absolute;
    width: 100%;
    height: 110px;
     left: 0px;
    top: 248px;
	/*background-color: rgba(0, 184, 91, 0.5)*/
	background:transparent;
}
.clsDisableSelectClock {
    position: absolute;
    width: 100%;
    height: 377px;
    left: 0px;
    top: 165px;
   /* background-color: rgba(0, 184, 91, 0.5)*/
 background:transparent;
}
.clsDisablePicBox {
    position: absolute;
    width: 100%;
    height: 120px;
    left: 0px;
    top: 295px;
    /*background-color: rgba(0, 184, 91, 0.5)*/
 background:transparent;
}
/*---------------------------------------------*/
/*                 Section 1                   */
/*---------------------------------------------*/
.clsIntroTitle {
	position: absolute;
    width: 500px;
    height: 50px;
    left: 124px;
    top: 37px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 83px;
    font-style: bold;
    font-weight: bold;
    color: #000000;
    border: 0px solid green;
    letter-spacing: 2px;
}
.clsNextBtn{
	position: absolute;
    width: 93px;
    height: 49px;
    left: 645px;
    top: 510px;
}
.clsCheckBtn{
	position: absolute;
    width: 93px;
    height: 49px;
    left: 645px;
    top: 513px;
}
.clsPlayBtn{
    position: absolute;
    width: 71px;
    height: 56px;
    left: 679px;
    top: 507px;
}
.clsStartAgainBtn{
	position: absolute;
    width: 111px;
    height: 50px;
    left: 645px;
    top: 510px;
}
.clsTryAgainBtn{
    position: absolute;
    width: 105px;
    height: 51px;
    left: 576px;
    top: 100px;
}
.clsShowMeBtn{
    position: absolute;
    width: 110px;
    height: 52px;
    left: 502px;
    top: 75px;
}
.clsOKBtn{
    position: absolute;
    width: 70px;
    height: 59px;
    left: 543px;
    top: 94px;
}
.clsAckClose{
    position: absolute;
    width: 26px;
    height: 25px;
    left: 450px;
    top: 5px;
}
.clsIntroPopup1{
	position: absolute;
    width: 760px;
    height: 178px;
	left:0px;
	top:0px;
}
.clsDottedLine{
	position: absolute;
    width: 760px;
    height: 6px;
    left: 0px;
    top: 158px
}
.clsArrowCursor{
    position: absolute;
    width: 28px;
    height: 36px;
    left: 450px;
    top: 451px;
}
.clsHandCursor{
    position: absolute;
    width: 28px;
    height: 36px;
    left: 502px;
    top: 300px;
}
.clsAudioIcon1{
	position: absolute;
    width: 52px;
    height: 47px;
    left: 556px;
    top: 0px;
	cursor:pointer;
}
.clsAudioIcon2{
	position: absolute;
    width: 52px;
    height: 47px;
    left: 664px;
    top: 16px;
    cursor: pointer;
}
.clsAudioIcon3{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 581px;
    top: 8px;
    cursor: pointer;
}
.clsAudioIcon4{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 581px;
    top: 8px;
    cursor: pointer;
}
.clsAudioIcon5{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 502px;
    top: 12px;
    cursor: pointer;
}
.clsAudioIcon6{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 545px;
    top: 12px;
    cursor: pointer;
}
.clsAudioIcon7{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon8{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon9{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon10{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon11{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon12{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon13{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon14{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon15{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon16{
    position: absolute;
    width: 52px;
    height: 47px;
    left: 100px;
    top: 58px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}
.clsAudioIcon17{
	position: absolute;
    width: 52px;
    height: 47px;
    left: 556px;
    top: 0px;
	cursor:pointer;
}
.clsAcknowledgements{
    position: absolute;
    width: 110px;
    height: 15px;
    left: 14px;
    top: 542px;
    text-align: left;
    font-family: arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
	color: #000000;
   text-decoration: none;
   border-bottom: 1px solid #000000;
   padding-bottom: 2px;

 
}
.clsPopupText1{
    position: absolute;
    width: 321px;
    height: 121px;
    left: 234px;
    top: 23px;
    text-align: left;
    font-family: sassoonsansstdmedium;
    font-size: 23px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid 
}
.clsIntroPopup2{
	position: absolute;
    width: 760px;
    height: 178px;
	left:0px;
	top:0px;
}
.clsWrongPopup1{
	position: absolute;
    width: 760px;
    height: 178px;
	left:0px;
	top:0px;
}
.clsShowMePopup{
  position: absolute;
    width: 760px;
    height: 178px;
	left:0px;
	top:0px;
}
.clsCorrectPopup{
  position: absolute;
    width: 760px;
    height: 178px;
	left:0px;
	top:0px;
}
.clsAcknowledgePopup{
position: absolute;
    width: 502px;
    height: 301px;
    left: 135px;
    top: 125px;
}
.clsPopupText2{
    position: absolute;
    width: 482px;
    height: 86px;
    left: 190px;
    top: 32px;
    text-align: left;
    font-family: sassoonsansstdmedium;
    font-size: 23px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsWrongPopupText1{
    position: absolute;
    width: 366px;
    height: 86px;
    left: 223px;
    top: 30px;
    text-align: left;
    font-family: sassoonsansstdmedium;
    font-size: 23px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsShowMeText{
    position: absolute;
    width: 233px;
    height: 47px;
    left: 209px;
    top: 36px;
    text-align: left;
    font-family: sassoonsansstdmedium;
    font-size: 23px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsCorrectPopText{
    position: absolute;
    width: 315px;
    height: 112px;
    left: 232px;
    top: 36px;
    text-align: left;
    font-family: sassoonsansstdmedium;
    font-size: 23px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;

}
.clsAckPopText{
    position: absolute;
    width: 450px;
    height: 112px;
    left: 30px;
    top: 50px;
    text-align: left;
    font-family: arial;
    font-size: 17px;
    font-weight: normal;
    color: #000000;
    border: 0px solid;

}
.clsDemoClockDrag_1{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 53px;
    top: 270px;
	
}
.clsDemoClockDrag_2{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 195px;
    top: 270px;
	
}
.clsDemoClockDrag_3{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 335px;
    top: 270px;
	
}
.clsDemoClockDrag_4{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 475px;
    top: 270px;
	
}
.clsDemoClockDrag_5{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 625px;
    top: 270px;
	
}
.clsDemoClockDrop_1{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 53px;
    top: 406px;
	
}
.clsDemoClockDrop_2{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 195px;
	top: 406px;
	
}
.clsDemoClockDrop_3{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 335px;
    top: 406px;
	
}
.clsDemoClockDrop_4{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 475px;
    top: 406px;
	
}
.clsDemoClockDrop_5{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 625px;
    top: 406px;
	
}
.clsTimeTxtPlay1{
    position: absolute;
    width: 107px;
    height: 39px;
    left: 17px;
    top: 20px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 22px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none;
}
.clsTimeTxt1{
    position: absolute;
    width: 107px;
    height: 39px;
    left: 17px;
    top: 20px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 21px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none;
}
.clsPicBoxDropTxt1{
    position: absolute;
    width: 101px;
    height: 32px;
    left: 10px;
    top: 26px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 59px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none;
}
.clsPicBoxDropTxt2{
    position: absolute;
    width: 101px;
    height: 32px;
    left: 10px;
    top: 26px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 59px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none;
}
.clsPicBoxDropTxt3{
    position: absolute;
    width: 101px;
    height: 32px;
    left: 10px;
    top: 26px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 59px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none;
}
.clsPicBoxDropTxt4{
    position: absolute;
    width: 101px;
    height: 32px;
    left: 10px;
    top: 26px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 59px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none;
}
.clsPicBoxDropTxt5{
    position: absolute;
    width: 101px;
    height: 32px;
    left: 10px;
    top: 26px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 59px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none;
}
.clsTimeDropTxt1{
    position: absolute;
    width: 101px;
    height: 39px;
    left: 17px;
    top: 25px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 41px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none
}
.clsTimeDropTxt2{
    position: absolute;
    width: 101px;
    height: 39px;
    left: 17px;
    top: 25px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 41px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none
}
.clsTimeDropTxt3{
    position: absolute;
    width: 101px;
    height: 39px;
    left: 17px;
    top: 25px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 41px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none
}
.clsTimeDropTxt4{
    position: absolute;
    width: 101px;
    height: 39px;
    left: 17px;
    top: 25px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 41px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none
}
.clsTimeDropTxt5{
    position: absolute;
    width: 101px;
    height: 39px;
    left: 17px;
    top: 25px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 41px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
    text-decoration: none
}
.clsDigitalDropTxt1{
    position: absolute;
    width: 65px;
    height: 39px;
    left: 17px;
    top: 7px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 35px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsDigitalDropTxt2{
    position: absolute;
    width: 65px;
    height: 39px;
    left: 17px;
    top: 7px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 35px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsDigitalDropTxt3{
    position: absolute;
    width: 65px;
    height: 39px;
    left: 17px;
    top: 7px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 35px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsDigitalDropTxt4{
    position: absolute;
    width: 65px;
    height: 39px;
    left: 17px;
    top: 7px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 35px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsDigitalDropTxt5{
    position: absolute;
    width: 65px;
    height: 39px;
    left: 17px;
    top: 7px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 35px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsDemoClockTxt1{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 18px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #ffffff;
    border: 0px solid;
}
.clsDemoClockTxt2{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 18px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #ffffff;
    border: 0px solid;
}
.clsDemoClockTxt3{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 19px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #ffffff;
    border: 0px solid;
}
.clsDemoClockTxt4{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 17px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #ffffff;
    border: 0px solid;
}
.clsDemoClockTxt5{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 19px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #ffffff;
    border: 0px solid;
}
.clsPicBoxPlayAnim_1{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 31px;
    top: 140px;
}
.clsPicBoxPlayAnim_2{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 177px;
    top: 140px;
}
.clsPicBoxPlayAnim_3{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 317px;
    top: 140px;
}
.clsPicBoxPlayAnim_4{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 456px;
    top: 140px;
}
.clsPicBoxPlayAnim_5{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 596px;
    top: 140px;
}
.clsPicBoxPlay_1{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 31px;
    top: 191px;
}
.clsPicBoxPlay_2{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 177px;
    top: 191px;
}
.clsPicBoxPlay_3{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 317px;
    top: 191px;
}
.clsPicBoxPlay_4{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 456px;
    top: 191px;
}
.clsPicBoxPlay_5{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 596px;
    top: 191px;
}

.clsPicBoxDrag_1{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 31px;
    top: 167px;
}
.clsPicBoxDrag_2{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 177px;
    top: 167px;
}
.clsPicBoxDrag_3{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 317px;
    top: 167px;
}
.clsPicBoxDrag_4{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 456px;
    top: 167px;
}
.clsPicBoxDrag_5{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 596px;
    top: 167px;
}
.clsPicBoxDrop_1{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 34px;
    top: 293px;
}
.clsPicBoxDrop_2{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 178px;
    top: 293px;
}
.clsPicBoxDrop_3{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 319px;
    top: 293px;
}
.clsPicBoxDrop_4{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 460px;
    top: 293px;
}
.clsPicBoxDrop_5{
    position: absolute;
    width: 124px;
    height: 125px;
    left: 601px;
    top: 293px;
}
.clsTextTimePlay_1{
    position: absolute;
    width: 137px;
    height: 97;
    left: 41px;
    top: 416px;
}
.clsTextTimePlay_2{
    position: absolute;
    width: 137px;
    height: 97;
    left: 183px;
    top: 416px;
}
.clsTextTimePlay_3{
    position: absolute;
    width: 137px;
    height: 97;
    left: 325px;
    top: 416px;
}
.clsTextTimePlay_4{
    position: absolute;
    width: 137px;
    height: 97;
    left: 469px;
    top: 416px;
}
.clsTextTimePlay_5{
    position: absolute;
    width: 137px;
    height: 97;
    left: 611px;
    top: 416px;
}
.clsTextTimeDrag_1{
    position: absolute;
    width: 137px;
    height: 97;
    left: 30px;
    top: 153px;
}
.clsTextTimeDrag_2{
    position: absolute;
    width: 137px;
    height: 97;
    left: 174px;
    top: 153px;
}
.clsTextTimeDrag_3{
    position: absolute;
    width: 137px;
    height: 97;
    left: 315px;
    top: 153px;
}
.clsTextTimeDrag_4{
position: absolute;
    width: 137px;
    height: 97;
    left: 456px;
    top: 153px;
}
.clsTextTimeDrag_5{
    position: absolute;
    width: 137px;
    height: 97;
    left: 600px;
    top: 153px;
}
.clsTextTimeDrop_1{
     position: absolute;
    width: 137px;
    height: 97;
    left: 45px;
    top: 248px;
}
.clsTextTimeDrop_2{
    position: absolute;
    width: 137px;
    height: 97;
    left: 183px;
    top: 248px;
}
.clsTextTimeDrop_3{
    position: absolute;
    width: 137px;
    height: 97;
    left: 324px;
    top: 248px;
}
.clsTextTimeDrop_4{
    position: absolute;
    width: 137px;
    height: 97;
    left: 467px;
    top: 248px;
}
.clsTextTimeDrop_5{
    position: absolute;
    width: 137px;
    height: 97;
    left: 610px;
    top: 248px;
}
.clsDigitalClockDrag_1{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 60px;
    top: 261px;
	
}
.clsDigitalClockDrag_2{
position: absolute;
    width: 103px;
    height: 55px;
    left: 200px;
    top: 261px;
	
}
.clsDigitalClockDrag_3{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 345px;
    top: 261px;
}
.clsDigitalClockDrag_4{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 488px;
    top: 261px;
	
}
.clsDigitalClockDrag_5{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 629px;
    top: 261px;
	
}
.clsPlayDigitalClock_1{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 60px;
    top: 343px;
}
.clsPlayDigitalClock_2{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 203px;
    top: 343px;
}
.clsPlayDigitalClock_3{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 343px;
    top: 343px;
}
.clsPlayDigitalClock_4{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 486px;
    top: 343px;
}
.clsPlayDigitalClock_5{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 632px;
    top: 343px;
}
.clsBottomDigitalClock_1{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 60px;
    top: 435px;
}
.clsBottomDigitalClock_2{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 195px;
    top: 435px;
}
.clsBottomDigitalClock_3{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 343px;
    top: 435px;
}
.clsBottomDigitalClock_4{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 486px;
    top: 435px;
}
.clsBottomDigitalClock_5{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 632px;
    top: 435px;
}
.clsSelectDigitalClock_1{
    position: absolute;
    width: 113px;
    height: 61px;
    left: 232px;
    top: 299px;
}
.clsSelectDigitalClock_2{
    position: absolute;
    width: 113px;
    height: 61px;
    left: 438px;
    top: 395px;
}
.clsSelectDigitalClock_3{
    position: absolute;
    width: 113px;
    height: 61px;
    left: 201px;
    top: 182px;
}
.clsSelectDigitalClock_4{
    position: absolute;
    width: 113px;
    height: 61px;
    left: 623px;
    top: 235px;
}
.clsSelectDigitalClock_5{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 63px;
    top: 425px;
}
.clsDigitalClockDrop_1{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 58px;
    top: 343px;
}
.clsDigitalClockDrop_2{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 201px;
    top: 343px;
}
.clsDigitalClockDrop_3{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 345px;
    top: 343px;
}
.clsDigitalClockDrop_4{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 486px;
    top: 343px;
}
.clsDigitalClockDrop_5{
    position: absolute;
    width: 103px;
    height: 55px;
    left: 627px;
    top: 343px;
}
.clsClockDrag_1{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 43px;
    top: 289px;
	border-radius:100px;
    
}
.clsClockDrag_2{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 181px;
    top: 289px;
	
}
.clsClockDrag_3{
      position: absolute;
    width: 100px;
    height: 102px;
    left: 327px;
    top: 289px;
	
}
.clsClockDrag_4{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 470px;
    top: 289px;
	
}
.clsClockDrag_5{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 617px;
    top: 289px;
	
}
.clsSelectClock_1{
    position: absolute;
    width: 114px;
    height: 118px;
    left: 92px;
    top: 241px;
}
.clsSelectClock_2{
	position: absolute;
    width: 114px;
    height: 118px;
    left: 242px;
    top: 413px;
}
.clsSelectClock_3{
position: absolute;
    width: 114px;
    height: 118px;
    left: 386px;
    top: 208px;
}
.clsSelectClock_4{
   position: absolute;
    width: 114px;
    height: 118px;
    left: 518px;
    top: 272px;
}
.clsSelectClock_5{
   position: absolute;
    width: 114px;
    height: 118px;
    left: 587px;
    top: 403px;
}
.clsMiddleAnalogClock_1{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 48px;
    top: 320px;
}
.clsMiddleAnalogClock_2{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 185px;
    top: 320px;
}
.clsMiddleAnalogClock_3{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 329px;
    top: 320px;
	
}
.clsMiddleAnalogClock_4{
	position: absolute;
    width: 100px;
    height: 102px;
    left: 471px;
    top: 320px;
	
}
.clsMiddleAnalogClock_5{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 619px;
    top: 320px;
	
}
.clsBottomAnalogClock_1{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 48px;
    top: 416px;
}
.clsBottomAnalogClock_2{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 185px;
    top: 416px;
}
	

.clsBottomAnalogClock_3{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 329px;
    top: 416px;
	
}
.clsBottomAnalogClock_4{
	position: absolute;
    width: 100px;
    height: 102px;
    left: 471px;
    top: 416px;
	
}
.clsBottomAnalogClock_5{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 619px;
    top: 416px;
	
}
.clsClockDrop_1{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 48px;
    top: 412px;
}
.clsClockDrop_2{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 185px;
    top: 412px;
}
	

.clsClockDrop_3{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 329px;
    top: 412px;
	
}
.clsClockDrop_4{
	position: absolute;
    width: 100px;
    height: 102px;
    left: 471px;
    top: 412px;
	
}
.clsClockDrop_5{
    position: absolute;
    width: 100px;
    height: 102px;
    left: 619px;
    top: 412px;
	
}
.clsClockTxt1{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 16px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsClockTxt2{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 18px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsClockTxt3{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 19px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsClockTxt4{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 17px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
.clsClockTxt5{
    position: absolute;
    width: 65px;
    height: 53px;
    left: 19px;
    top: 21px;
    text-align: center;
    font-family: sassoonsansstdmedium;
    font-size: 50px;
    font-style: bold;
    font-weight: normal;
    color: #000000;
    border: 0px solid;
}
/*---------------------------------------------*/
/*                 Section 2                   */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*                 Section 3                   */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*                 Section 4                   */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*                 Section 5                   */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*                 Section 6                   */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*                 Section 7                   */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*                  Footer                     */
/*---------------------------------------------*/
.clsDivFooter {
	position: absolute;
	width: 100%;
    height: 55px;
	left: 0px;
	bottom: 0px;
	border: 0px solid #000000;
}
.clsLogo {
	position: absolute;
    width: 108px;
    height: 49px;
    top: 5px;
	left: 0px;	
	cursor: pointer;
}
.clsCopyRight {
    font-family: arial;
    font-size: 12px;
	text-align: center;
}
.clsFooterLink {
	position: absolute;
    width: 88px;
    height: 31px;
    top: 5px;
	right: 0px;	
	cursor: pointer;
}
/*---------------------------------------------*/
/*                   Loading                   */
/*---------------------------------------------*/
.clsDivLoaderPanel {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #ffffff;
	display: block;
}
.clsDivLoader {
	position: absolute;
	width: 300px;
	height: 130px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -65px;
	border: 1px solid green;
	background: #000000;
	display: block;
}
.clsDivLoaderText {
	font-family: arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #9fd2fa;
}
.clsDivLoaderBarMain {
	position: relative;
	width: 260px;
	height: 26px;
	text-align: left;
	border-right: 2px solid #4581b0;
	background: #4581b0;
}
.clsDivLoaderBar {
	position: absolute;
	width: 0%;
	height: 24px;
	left: 1px;
	top: 1px;
	background: #0c426b;
}
/*----- Loading End -----*/