html, body {
	margin: 0 0 0 0;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 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;
}

.clsDivMainContainer {
	position: absolute;
	width: 760px;
	height: 570px;
	border: 0px solid #00ff00;
	cursor: default;
	background-color: #d4d4d4;
	display: block;
	overflow: hidden;
}
.clsInheritFromMainContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border: 0px solid #00ff00;
	cursor: default;
	display: block;
}

.clsDivAudioPlayer {
	position: absolute;
	left: 0px;
	top: 0px;
	border: 0px solid #00ff00;
	display: none;
}

.clsBtnAudio {
	position: absolute;
	width: 47px;
	height: 47px;
	border: 0px solid #0000ff;
	text-decoration: none;
	display: none;
	cursor: pointer;
}

/*----- Section 1 Begin----------*/
.clsDivSec1TopPanel {
	position: absolute;
	width: 735px;
	height: 498px;
	left: 10px;
	top: 10px;
	border: 0px solid #0000ff;
	display: block;
}		
.clsDivSec1AnalogueClockMainPanel {
	position: absolute;
	width: 100%;
	height: 170px;
	left: 0px;
	top: 150px;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1AnalogueClock {
	position: relative;
	width: 145px;
	height: 170px;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1AnalogueClockHourHandMain {
	position: absolute;
	width: 9px;
	height: 9px;
	left:46%;
	top: 40%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	display: block;
}			
.clsDivSec1AnalogueClockHourHand {
	position: absolute;
	width: 115%;
	height: 1%;
	left: -10%;
	bottom: 500%;				
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1AnalogueClockMinuteHandMain {
	position: absolute;
	width: 9px;
	height: 9px;
	left:46%;
	top: 40%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	display: block;
}			
.clsDivSec1AnalogueClockMinuteHand {
	position: absolute;
	width: 175%;
	height: 1%;
	left: -25%;
	bottom: 740%;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1DropPanel {
	position: absolute;
	width: 133px;
	height: 60px;
	left: 10px;
	top: 330px;
	border: 0px solid #0000ff;
	display: block;
}			
.clsDivSec1DigitalClock {
	position: absolute;
	width: 133px;
	height: 60px;
	left: 10px;
	top: 410px;				
	border: 0px solid #0000ff;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
.clsDivSec1DigitalClockHourText {
	position: absolute;
	width: 40%;
	height: 74%;
	left: 7%;
	top: 15%;
	font-size: 40px;
	font-weight: normal;
	font-family: AG_Book_Rounded_Medium;
	color: #1b1718;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1DigitalClockColonText {
	position: absolute;
	width: 10%;
	height: 74%;
	left: 45%;
	top: 15%;
	font-family: AG_Book_Rounded_Medium;
	font-size: 26px;
	font-weight: bold;
	color: #1b1718;
	border: 0px solid #0000ff;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	display: block;
}			
.clsDivSec1DigitalClockMinuteText {
	position: absolute;
	width: 40%;
	height: 74%;
	right: 7%;
	top: 15%;
	font-size: 40px;
	font-weight: normal;
	font-family: AG_Book_Rounded_Medium;
	color: #1b1718;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1InstPopup {
	position: absolute;
	width: 382px;
	height: 118px;
	right: 13px;
	top: 25px;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1InstText {
	position: absolute;
	width: 350px;
	height: 65px;
	left: 13px;
	top: 13px;
	font-size: 22px;
	font-weight: normal;
	font-family: SassoonSans_Regular;
	color: #000000;
	border: 0px solid #0000ff;
	display: block;			
}
.clsDivSec1BtnCheck {
	position: absolute;
	width: 131px;
	height: 38px;
	left: 235px;
	top: 75px;
	border: 0px solid #0000ff;
	text-decoration: none;
	display: block;
	cursor: default;
}
.clsDivSec1BottomPanel {
	position: absolute;
	width: 735px;
	height: 50px;
	left: 10px;
	top: 515px;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1BottomSubTitle {
	position: absolute;
	left: 0px;
	top: 10px;
	font-size: 30px;
	font-weight: bold;
	font-family: Sassoonsans_Medium;
	color: #000000;				
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec1BtnStart {
	position: absolute;
	width: 131px;
	height: 38px;
	left: 595px;
	top: 5px;
	border: 0px solid #0000ff;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
.clsDivSec1FeedPopup {
	position: absolute;
	width: 450px;
	height: 123px;
	left: 190px;
	top: 200px;
	border: 0px solid #0000ff;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
.clsDivSec1FeedText {
	position: absolute;
	width: 350px;
	height: 35px;
	left: 23px;
	top: 40px;
	font-size: 22px;
	font-weight: normal;
	font-family: Sassoonsans_Medium;
	color: #000000;
	border: 0px solid #0000ff;
	display: block;			
}
.clsDivSec1BtnPA {
	position: absolute;
	width: 131px;
	height: 38px;
	right: 30px;
	bottom: 5px;
	border: 0px solid #0000ff;
	text-decoration: none;
	display: block;
	cursor: pointer;
}			
.clsDivActBtnText {
	font-size: 20px;
	font-weight: bold;
	font-family: arial;
	color: #ffffff;
	text-decoration: none;
	margin-top: 2px;
}
/*----- Section 1 End----------*/

/*----- Section 2 Begin----------*/
.claDivTabGrayBox_1 {
	position: absolute;
	width: 262px;
	height: 307px;
	top: 110px;
	left: 115px;
	border: 0px solid blue;
}
.claDivTabGrayBox_2 {
	position: absolute;
	width: 262px;
	height: 307px;
	top: 110px;
	left: 397px;
	border: 0px solid blue;
}
.clsDivSec2AnalogueClock {
	position: absolute;
	width: 210px;
	height: auto;
	left: 136px;
	top: 149px;
	border: 0px solid #0000ff;
	display: block;
}
.clsSec2AnalogueText_1 {
	position: absolute;
    width: 232px;
    height: 37px;
    left: 123px;
    top: 364px;
    font-family: Sassoonsans_Medium;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    text-align: center;
	border: 0px solid red;
}
.clsDivSec2DCText_Left {
	position: absolute;
    width: 232px;
    height: 30px;
    left: 406px;
    top: 364px;
	font-family: Sassoonsans_Medium;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0px solid red;
}
.clsSec2BluePopup1 {
	position: absolute;
	width: 584px;
	height: 23px;
	top: 60px;
    left: 10px;
	padding: 13px;
	font-size: 22px;
	font-family: SassoonSans_Regular;
	background-color: #dbf0fd;
	border-radius: 0px 20px 20px 0px;
	-moz-border-radius: 0px 20px 20px 0px;
	-webkit-border-radius: 0px 20px 20px 0px;
}
.clsSec2BluePopup1HS {
	position: absolute;
	width: 584px;
	height: 46px;
	top: 60px;
    left: 10px;
	border: 0px solid #0000ff;
	text-decoration: none;
}
.clsSec2DigitalClock {
	position: absolute;
    width: 232px;
    height: 277px;
    left: 405px;
    top: 118px;
	border: 0px solid red;
}
.clsSec2BtnCircle {
	position: absolute;
	width: 49px;
	height: 50px;
	left: 582px;
	top: 125px;
	cursor: pointer;
	border: 0px solid red;
}
.clsSec2BtnCircle_1 {
	position: absolute;
	width: 49px;
	height: 50px;
    left: 300px;
    top: 125px;
	cursor: pointer;
	border: 0px solid red;
}
.divSec2BtnAmPm {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.divSec2BtnAmPm_1 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.clsDivPTAmLine_Right_Red_A {
	position: absolute;
    width: 40px;
    height: 40px;
    top: 125px;
    left: 300px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 4px solid #ff0000;
	opacity: 0;
	display: none;
}
.clsDivSec2DigitalClock {
	position: absolute;
	width: 186px;
	height: 115px;
	left: 25px;
	top: 92px;
	border: 0px solid red;
	display: block;
}
.clsDivPTAmLine_Right_Red_D {
	position: absolute;
    width: 40px;
    height: 40px;
    top: 125px;
    left: 582px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 4px solid #ff0000;
	opacity: 0;
	display: none;
}
.clsSec2RightOperatorPanel {
	position: absolute;
    width: 733px;
    height: 88px;
    left: 14px;
    top: 415px;
    border: 0px solid #0000ff;
    display: block;
}
.clsSec2TimeBox {
	position: relative;
	width: 146px;
    height: 88px;
    left: 0px;
    top: 0px;
    border: 0px solid #00ffff;
    display: block;
}
.clsSec2MinutHourTimeText {
	position: absolute;
	width: 146px;
	height: 27px;
	top: 10px;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	border: 0px solid red;
}
.clsSec2MinusIcon {
	position: absolute;
	width: 51px;
	height: auto;
	left: 22px;
	top: 31px;
	border: 0px solid red;
	cursor: pointer;
}
.clsSec2PlusIcon {
	position: absolute;
	width: 53px;
	height: auto;
	left: 74px;
	top: 31px;
	border: 0px solid red;
	cursor: pointer;
}
.clsBtnLock{
	position: absolute;
	width: 108px;
	height: 40px;
    top: 511px;
    left: 23px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;
}
.clsBtnUnlock{
	position: absolute;
	width: 108px;
	height: 40px;
    top: 511px;
	left: 128px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;
}
.clsBtnReset{
	position: absolute;
	width: 128px;
	height: 35px;
    top: 511px;
	left: 607px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;
}
.clsSec2BtnText {
	font-family: SassoonSans_Regular;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-left: 50px;
}
.clsSec2BtnResetText{
	font-family: SassoonSans_Regular;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-left: 20px;
}
.clsTooltip_LockAndUnlock {
	position: absolute;
	width: 304px;
	height: 33px;
    top: 515px;
	left: 236px;
	border: 0px solid blue;
	display: none;
}
.clsTooltip_Reset {
	position: absolute;
	width: 304px;
	height: 33px;
    top: 515px;
	left: 298px;
	border: 0px solid blue;
	display: none;
}
/*----- Section 2 End----------*/

/*----- Section 3 Begin----------*/
.clsDivInstructionsPanel{
	position: absolute;
	width: 380px;
	height: 320px;
	top: 158px;
	left: 34px;
	border: 0px solid red;
}
.clsDivInstructionsTextField{
	position: absolute;
	width: 345px;
	height: 165px;
	top: 14px;
	left: 13px;
	font-family: SassoonSans_Regular;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.clsBtnPrevArrow{
	position: absolute;
	width: 37px;
	height: 36px;
	top: 190px;
	left: 16px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;
}
.clsBtnNextArrow{
	position: absolute;
	width: 37px;
	height: 36px;
	top: 190px;
	left: 318px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;
}
.clsBtnShowMe{
	position: absolute;
	width: 128px;
	height: 35px;
	top: 190px;
	left: 121px;
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;
}
.clsShowMeText{
	position: absolute;
	width: 111px;
	height: 27px;
	top: 4px;
	left: 8px;
	font-family: AG_Book_Rounded_Medium;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	border: 1px solid red;
}
.clsDivSec3AnalogueClock {
	position: relative;
	width: 205px;
	height: 247px;
	left: 480px;
	top: 181px;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec3AnalogueClockHourHandMain {
	position: absolute;
	width: 5%;
	height: 4%;
	left:47%;
	top: 40%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	display: block;
}			
.clsDivSec3AnalogueClockHourHand {
	position: absolute;
	width: 140%;
	height: 25%;
	left: -35%;
	bottom: 600%;				
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec3AnalogueClockMinuteHandMain {
	position: absolute;
	width: 5%;
	height: 4%;
	left:47%;
	top: 40%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	display: block;
}			
.clsDivSec3AnalogueClockMinuteHand {
	position: absolute;
	width: 225%;
	height: 50%;
	left: -65%;
	bottom: 910%;
	border: 0px solid #0000ff;
	display: block;
}
.clsAnalogueYellow {
	position: absolute;
	width: 205px;
	height: auto;
	left: 0px;
	top: 2px;				
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec3DigitalClock {
	position: relative;
	width: 175px;
	height: 78px;
	left: 490px;
	top: 250px;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec3DigitalClockHourText {
	position: absolute;
	width: 40%;
	height: 74%;
	left: 2%;
	top: 15%;
	font-size: 50px;
	font-weight: normal;
	font-family: AG_Book_Rounded_Medium;
	color: #1b1718;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec3DigitalClockColonText {
	position: absolute;
	width: 10%;
	height: 74%;
	left: 42%;
	top: 13%;
	font-family: AG_Book_Rounded_Medium;
	font-size: 34px;
	font-weight: bold;
	color: #1b1718;
	border: 0px solid #0000ff;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	display: block;
}			
.clsDivSec3DigitalClockMinuteText {
	position: absolute;
	width: 40%;
	height: 74%;
	right: 7%;
	top: 15%;
	font-size: 50px;
	font-weight: normal;
	font-family: AG_Book_Rounded_Medium;
	color: #1b1718;
	border: 0px solid #0000ff;
	display: block;
}
/*----- Section 3 End----------*/

/*----- Section 4 Begin----------*/
.clsRightOperatorPanel {
	position: absolute;
	width: 120px;
    height: 447px;
    left: 626px;
    top: 57px;
    border: 0px solid #0000ff;
    display: block;
}
.clsTimeBox {
	position: relative;
	width: 120px;
    height: 88px;
    left: 0px;
    top: 0px;
    border: 0px solid #00ffff;
    display: block;
}
.clsMinutHourTimeText {
	position: absolute;
	width: 120px;
	height: 27px;
	top: 10px;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	border: 0px solid red;
}
.clsMinusIcon {
	position: absolute;
	width: 49px;
	height: 50px;
	left: 10px;
	top: 31px;
	border: 0px solid red;
	cursor: pointer;
}
.clsPlusIcon {
	position: absolute;
	width: 49px;
	height: 50px;
	left: 57px;
	top: 31px;
	border: 0px solid red;
	cursor: pointer;
}
.clsMasterClock {
	position: absolute;
	width: 280px;
	height: 296px;
	left: 56px;
	top: 163px;
	border: 0px solid red;
}
.clsDivSec4AnalogueClock {
	position: absolute;
	width: 194px;
	height: auto;
	left: 22px;
	top: 52px;
	border: 0px solid #0000ff;
	display: none;
}
.clsDivSec4AnalogueClockHourHandMain {
	position: absolute;
	width: 5%;
	height: 4%;
	left:47%;
	top: 40%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	display: block;
}			
.clsDivSec4AnalogueClockHourHand {
	position: absolute;
	width: 155%;
	height: 25%;
	left: -35%;
	bottom: 650%;				
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec4AnalogueClockMinuteHandMain {
	position: absolute;
	width: 5%;
	height: 4%;
	left:47%;
	top: 40%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	display: block;
}	
.clsDivSec4DigitalClock_Left {
	position: absolute;
	width: 222px;
	height: 115px;
	left: 46px;
	top: 85px;
	border: 0px solid red;
	display: none;
}
.clsDivSec4AnalogueClockMinuteHand {
	position: absolute;
	width: 225%;
	height: 50%;
	left: -65%;
	bottom: 910%;
	border: 0px solid #0000ff;
	display: block;
}
.clsSec4AnalogueText_1 {
	position: absolute;
    width: 255px;
    height: 37px;
    left: 8px;
    top: 11px;
    font-family: Sassoonsans_Medium;
    font-size: 25px;
    font-weight: bold;
    color: #000000;
    text-align: center;
	border: 0px solid red;
}
.clsSec4AnalogueText_Left {
	position: absolute;
	width: 43px;
	height: 27px;
	left: 192px;
    top: 83px;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0px solid red;
}
.clsSec4AnalogueText_2 {
	position: absolute;
	width: 43px;
	height: 27px;
	left: 161px;
    top: 29px;
	font-family: Arial;
	font-size: 23px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0px solid red;
}
.clsDivSec4ACText_Left {
	position: absolute;
    width: 258px;
    height: 30px;
    left: 7px;
    top: 254px;
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0px solid red;
	display: none;
}
.clsDivSec4DCText_Left {
	position: absolute;
    width: 258px;
    height: 30px;
    left: 7px;
    top: 235px;
	font-family: Sassoonsans_Medium;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0px solid red;
	display: none;
}
.clsDigitalClock {
	position: absolute;
	width: 247px;
	height: 221px;
	left: 373px;
	top: 169px;
	border: 0px solid red;
}
.clsBtnCircle {
	position: absolute;
	width: 49px;
	height: 50px;
	left: 193px;
	top: 4px;
	cursor: pointer;
	border: 0px solid red;
}
.divSec4BtnAmPm {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.clsDivSec4DigitalClock {
	position: absolute;
	width: 186px;
	height: 115px;
	left: 29px;
	top: 63px;
	cursor: pointer;
	border: 0px solid red;
	display: block;
}
.clsDivSec4ACText {
	position: absolute;
    width: 235px;
    height: 30px;
    left: 7px;
    top: 185px;
	font-family: Sassoonsans_Medium;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0px solid red;
}
.clsDivSec4DCText {
	position: absolute;
    width: 235px;
    height: 30px;
    left: 7px;
    top: 185px;
	font-family: Sassoonsans_Medium;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border: 0px solid red;
}
.clsDivSec4DigitalClockHourText {
	position: absolute;
	width: 40%;
	height: 74%;
	left: 2%;
	top: 0%;
	font-family: AG_Book_Rounded_Medium;
	font-size: 49px;
	font-weight: normal;
	color: #1b1718;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec4DigitalClockColonText {
	position: absolute;
	width: 10%;
	height: 74%;
	left: 45%;
	top: -3px;
	font-family: AG_Book_Rounded_Medium;
	font-size: 34px;
	font-weight: bold;
	color: #1b1718;
	border: 0px solid #0000ff;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	display: block;
}			
.clsDivSec4DigitalClockMinuteText {
	position: absolute;
	width: 40%;
	height: 74%;
	right: 2%;
	top: 0%;
	font-family: AG_Book_Rounded_Medium;
	font-size: 49px;
	font-weight: normal;
	color: #1b1718;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec4AnalogueClock_right {
	position: absolute;
    width: 170px;
    height: auto;
    left: 35px;
    top: 14px;
	border: 0px solid #0000ff;
	display: none;
}
.clsBtnCheck {
	position: absolute;
	width: 128px;
	height: 35px;
	top: 514px;
    left: 611px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	border: none;
	outline: none;
	cursor: pointer;
}
/*---------------------*/
/*    Sec4 popups      */
/*---------------------*/
.clsSec4BluePopup_1 {
	position: absolute;
	width: 350px;
	height: 52px;
	top: 64px;
    left: 10px;
	padding: 10px;
	font-size: 22px;
	font-family: SassoonSans_Regular;
	background-color: #daf0fd;
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
}
.clsSec4BluePopup2_Panel {
	position: absolute;
	width: 346px;
	height: 105px;
	top: 60px;
    left: 11px;
	border: 0px solid red;
	display: none;
}
.clsSec4BluePopupText_2 {
	position: absolute;
	width: 340px;
	height: 96px;
	top: 0px;
    left: 0px;
	padding: 10px;
	font-size: 20px;
	font-family: SassoonSans_Regular;
	background-color: #e790a3;
	border-radius: 0px 18px 18px 0px;
	-moz-border-radius: 0px 18px 18px 0px;
	-webkit-border-radius: 0px 18px 18px 0px;
}
.clsBtnTryAgain {
	position: absolute;
	width: 128px;
	height: 35px;
	top: 68px;
    left: 210px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	border: none;
	outline: none;
	cursor: pointer;
}	
.clsSec4BluePopup3_Panel {
	position: absolute;
	width: 460px;
	height: 96px;
	top: 60px;
    left: 11px;
	font-size: 22px;
	font-family: SassoonSans_Regular;
	background-color: #e790a3;
	border-radius: 0px 18px 18px 0px;
	-moz-border-radius: 0px 18px 18px 0px;
	-webkit-border-radius: 0px 18px 18px 0px;
	border: 0px solid orange;
	display: block;
	
}
.clsSec4BluePopupText_3 {
	position: absolute;
	top: 14px;
    left: 10px;
	font-size: 20px;
	font-family: SassoonSans_Regular;
	background-color: #e790a3;
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
}
.clsBtnNewTime {
	position: absolute;
	width: 145px;
	height: 40px;
	top: 47px;
    left: 13px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	border: none;
	outline: none;
	cursor: pointer;
}
.clsBtnNewMasterClock {
	position: absolute;
	width: 236px;
	height: 42px;
	top: 47px;
    left: 163px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	border: none;
	outline: none;
	cursor: pointer;
}
/*-----------------------------*/
/*    Sec4 Highlight Line      */
/*-----------------------------*/
.clsDivAmLine_Right {
	position: absolute;
    width: 42px;
    height: 42px;
    top: 4px;
    left: 192px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 4px solid #e68687;
	display: none;
}
.clsDivAmLine_Right_Red {
	position: absolute;
    width: 40px;
    height: 40px;
    top: 4px;
    left: 193px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 4px solid #ff0000;
	opacity: 0;
	display: none;
}
.clsDivDigitalClockLine_Right {
	position: absolute;
    width: 183px;
    height: 83px;
    top: 55px;
    left: 21px;
	border-radius: 28px 28px 28px 28px;
	-moz-border-radius: 28px 28px 28px 28px;
	-webkit-border-radius: 28px 28px 28px 28px;
	border: 8px solid #e68687;
	display: none;
}
.clsDivAnalogueLine_Right {
	position: absolute;
    width: 152px;
    height: 152px;
    top: 14px;
    left: 36px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 8px solid #e68687;
	display: none;
}
/*----- Section 4 End----------*/

/*----- Section 5 Begin----------*/
.clsDivSec5AnalogueClock {
	position: relative;
	width: 145px;
	height: 170px;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec5AnalogueClockHourHandMain {
	position: absolute;
	width: 5%;
	height: 4%;
	left:47%;
	top: 42%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	display: block;
}			
.clsDivSec5AnalogueClockHourHand {
	position: absolute;
	width: 155%;
	height: 25%;
	left: -31%;
	bottom: 640%;				
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec5AnalogueClockMinuteHandMain {
	position: absolute;
	width: 5%;
	height: 4%;
	left:47%;
	top: 42%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	display: block;
}			
.clsDivSec5AnalogueClockMinuteHand {
	position: absolute;
	width: 240%;
	height: 10%;
	left: -63%;
	bottom: 980%;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec5DigitalClock {
	position: absolute;
	width: 133px;
	height: 60px;
	left: 10px;
	top: 410px;				
	border: 0px solid #00ff00;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
.clsDivSec5DigitalClockHourText {
	position: absolute;
	width: 30%;
	height: 74%;
	left: 6%;
	top: 15%;
	font-size: 200%;
	font-weight: normal;
	font-family: AG_Book_Rounded_Medium;
	color: #1b1718;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec5DigitalClockColonText {
	position: absolute;
	width: 5%;
	height: 74%;
	left: 37%;
	top: 14%;
	font-family: AG_Book_Rounded_Medium;
	font-size: 150%;
	font-weight: bold;
	color: #1b1718;
	border: 0px solid #0000ff;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	display: block;
}			
.clsDivSec5DigitalClockMinuteText {
	position: absolute;
	width: 55%;
	height: 74%;
	right: 15%;
	top: 15%;
	font-size: 200%;
	font-weight: normal;
	font-family: AG_Book_Rounded_Medium;
	color: #1b1718;
	border: 0px solid #0000ff;
	display: block;
}
.clsDivSec5MatchItemMainPanel {
	position: absolute;
	width: 740px;
	height: 465px;
	left: 10px;
	top: 100px;
	background-color: transparent;
	display: block;
}
.clsDivSec5MatchItem {
	position: absolute;
	width: 178px;
	height: 147px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
.clsDivSec5MatchItemDisabled{
	position: absolute;
	width: 178px;
	height: 145px;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 7px;
	background-color: #fbea83;
	display: block;
	opacity: 0.3;
}
.clsDivSec5MatchItemAnalogueClockPanel {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border: 0px solid #00ff00;
	display: block;
	overflow: hidden;
}
.clsDivSec5MatchItemAMPM {
	position: absolute;
	right: 10px;
	top: 65px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	display: inline-block;
}
.clsDivSec5MatchItemDigitalClockPanel {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border: 0px solid #00ff00;
	display: block;
	overflow: hidden;
}
.clsDivSec5InstPopup {
	position: absolute;
	width: 508px;
	height: 47px;
	left: 11px;
	top: 54px;
	border: 0px solid #00ff00;
	display: block;
	overflow: hidden;
}
.clsDivSec5InstPopupText {
	position: absolute;
	width: 280px;
	height: 47px;
	left: 7px;
	top: 1px;
	font-size: 18px;
	font-weight: normal;
	font-family: SassoonSans_Regular;
	color: #000000;
	border: 0px solid #00ff00;
	display: block;
}
.clsDivSec5FeedPopup {
	position: absolute;
	width: 614px;
	height: 64px;
	left: 11px;
	top: 45px;
	border: 0px solid #00ff00;
	display: block;
	overflow: hidden;
}
.clsDivSec5FeedPopupText {
	position: absolute;
	width: 400px;
	height: 20px;
	top: 23px;
	font-size: 20px;
	font-weight: normal;
	font-family: SassoonSans_Regular;
	color: #000000;
	text-align: center;
	border: 0px solid #00ff00;
	display: none;
}					
.clsDivSec5Tries {
	position: absolute;
	width: 186px;
	height: 48px;
	right: 8px;
	top: 52px;
	border: 0px solid #00ff00;
	display: block;
}
.clsDivSec5TriesText {
	position: absolute;
	width: 150px;
	height: 30px;
	left: 25px;
	top: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	border: 0px solid #00ff00;
	display: block;
}
.clsSpnSec5TriesText {
	position: relative;
	top: 3px;
	font-size: 30px;
	color: #fdff7c;
}
.clsDivSec5BtnPA {
	position: absolute;
	width: 131px;
	height: 38px;
	left: 430px;
	top: 60px;
	border: 0px solid #0000ff;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
/*----- Section 5 End----------*/

/*----- main Tab Button begin --------*/
.clsDivTabPanel {
	position: absolute;
	width: 760px;
	height: 570px;
	top: 0px;
	left: 0px;
	border: 0px solid #00ff00;
	display: block;
}
.clsDivTabBg {
	position: absolute;
	width: 760px;
	height: 570px;
	top: 0px;
	left: 0px;
	border: 0px solid #00ff00;
	display: block;
}
.clsDivBtnTabHitSpot {
	position: absolute;
	width: 174px;
	height: 40px;
	background-color: rgba(255, 0, 0, 0);
	text-decoration: none;
	border: none;
	outline: none;
	cursor: pointer;
}
.clsDivSelectTab_Txt{
	position: absolute;
	width: 210px;
	height: 35px;
	top: 20px;
	left: 10px;
	font-family: Sassoonsans_Medium;
	font-size: 26px;
	font-weight: bold;
	color: #1b1718;
	text-align: center;
}
.clsDivTab_Txt{
	position: absolute;
	width: 172px;
	height: 27px;
	top: 4px;
	left: 0px;
	font-family: Sassoonsans_Medium;
	font-size: 22px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	border: 0px solid red;
}
.clsDivTab_1_Panel{
	position: absolute;
	width: 172px;
	height: 40px;
	top: 17px;
	left: 29px;
	background-color: #e895a4;
	border: 1px solid #ffffff;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-bottom-width: 0px;
}
.clsDivTab_2_Panel{
	position: absolute;
	width: 172px;
	height: 40px;
	top: 17px;
	left: 229px;
	background-color: #e895a4;
	border: 1px solid #ffffff;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-bottom-width: 0px;
}
.clsDivTab_3_Panel{
	position: absolute;
	width: 172px;
	height: 40px;
	top: 17px;
	left: 404px;
	background-color: #e895a4;
	border: 1px solid #ffffff;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-bottom-width: 0px;
}
.clsDivTab_4_Panel{
	position: absolute;
	width: 172px;
	height: 40px;
	top: 17px;
	left: 578px;
	background-color: #e895a4;
	border: 1px solid #ffffff;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-bottom-width: 0px;
}
/*----- main Tab Button end --------*/


/*----- Footer Begin -----*/
.clsDivFooter {
	position: absolute;
	width: 100%;
    height: 0px;
	left: 0px;
	bottom: 0px;
	border: 0px solid #000000;
	display: none;
}
.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;
}
/*----- Footer End -----*/

/*----- Loading Begin -----*/
.clsDivLoaderPanel {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #000000;
	display: block;
}
.clsDivLoader {
	position: absolute;
	width: 147px;
	height: 45px;
	left: 50%;
	top: 50%;
	margin-left: -70px;
	margin-top: -50px;
	display: block;
}
.clsDivLoadingText {
	position: absolute;
	width: 100px;
	padding-left: 5px;
    top: 55%;
    left: 50%;
	margin-left: -50px;
	font-family: arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	display: inline-block;
}
/*----- Loading End -----*/