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;
}
img {
	width: 100%;
	height: auto;
}
@media print{
	@page {
		size: portrait;
		margin: 0;
	}
}
.clsEnabled {
	cursor: pointer;
}
.clsDisabled {
	cursor: default;
}
.clsDivMainContainer {
	position: absolute;
	width: 550px;
	height: 330px;
	cursor: default;
	display: block;
	overflow: hidden;
}
.clsDivMainPanel {
	position: absolute;
	width: 550px;
	height: 330px;
	top: 0px;
	left: 0px;
	border: 0px solid #00ff00;
	cursor: default;
	display: block;
	background-color: #7A6161;
	overflow: hidden;
}
.clsDivAudioPlayer {
	position: absolute;
	left: 0px;
	top: 0px;
	border: 0px solid #00ff00;
	display: none;
}

/*----- Content Begin -----*/
.clsDivBgPanel{
	position: absolute;
	width: 610px;
	height: 330px;
	left: -60px;
	top: 0px;
	display: none;
}
.clsDivTankBg{
	position: absolute;
	width: 610px;
	height: 330px;
	left: 0px;
	top: 0px;
}
.clsDivATabPanel{
	position: absolute;
	width: 80px;
	height: 157px;
	left: 169px;
	top: 67px;
	overflow: hidden;
}
.clsDivATabTank{
	position: absolute;
	width: 91px;
	height: 148px;
	left: -4px;
	top: 154px;/* 6px;*/
	border: 0px solid red;
}
.clsDivBTabPanel{
	position: absolute;
	width: 73px;
	height: 157px;
	left: 251px;
	top: 67px;
	overflow: hidden;
}
.clsDivBTabTank{
	position: absolute;
	width: 91px;
	height: 148px;
	left: -6px;
	top: 148px;/* 0px;*/
	border: 0px solid red;
}
.clsDivCTabPanel{
	position: absolute;
	width: 82px;
	height: 157px;
	left: 326px;
	top: 67px;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	overflow: hidden;
}
.clsDivCTabTank{
	position: absolute;
	width: 91px;
	height: 148px;
	left: -9px;
	top: 148px;/* 0px;*/
	border: 0px solid red;
}
.clsDivDTabPanel{
	position: absolute;
	width: 91px;
	height: 157px;
	left: 406px;
	top: 67px;
	overflow: hidden;
}
.clsDivDTabTank{
	position: absolute;
	width: 91px;
	height: 148px;
	left: 0px;
	top: 148px;/* 0px;*/
	border: 0px solid red;
}
.clsDivTankLabelPanel{
	position: absolute;
	width: 321px;
	height: 26px;
	left: 171px;
	top: 202px;
	display: block;
}
.clsDivATankLabel{
	position: absolute;
	width: 64px;
	height: auto;
	left: 0px;
	top: 8px;
	text-align: center;
	font-family: MetaPlusBold, arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 10px;
	color: #000000;
	padding: 2px 0 2px 0;
	background-color: #ffffff;
	border: 1px solid #000000;
}
.clsDivBTankLabel{
	position: absolute;
	width: 64px;
	height: auto;
	left: 83px;
	top: 3px;
	text-align: center;
	font-family: MetaPlusBold, arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 10px;
	color: #000000;
	padding: 2px 0 2px 0;
	background-color: #ffffff;
	border: 1px solid #000000;
}
.clsDivCTankLabel{
	position: absolute;
	width: 64px;
	height: auto;
	left: 173px;
	top: 0px;
	text-align: center;
	font-family: MetaPlusBold, arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 10px;
	color: #000000;
	padding: 2px 0 2px 0;
	background-color: #ffffff;
	border: 1px solid #000000;
}
.clsDivDTankLabel{
	position: absolute;
	width: 64px;
	height: auto;
	left: 258px;
	top: 2px;
	text-align: center;
	font-family: MetaPlusBold, arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 10px;
	color: #000000;
	padding: 2px 0 2px 0;
	background-color: #ffffff;
	border: 1px solid #000000;
}
.ClsDivSludgeHandle{
	position: absolute;
	width: 57px;
	height: 153px;
	left: 309px;
	top: 177px;
}
/*-----------------------------*/
/*           Ok Panel          */
/*-----------------------------*/
.clsDivGOPanel {
	position: absolute;
	left: 0px;
	top: -312px;
	display: none;
}
.clsDivGOPanel_top {
	position: absolute;
	width: 550px;
	height: 330px;
	left: 0px;
	top: 0px;
}
.clsDivGOPanel_bottom {
	position: absolute;
	left: 0px;
	top: 330px;/*top: 188px;*/
	display: none;
}
.clsDivGOBtn{
	position: absolute;
	width: 42px;
    height: 21px;
	left: 254px;
	top: 146px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
}
#btnTapToBegin.clsDivGOBtn {
	width: 79px !important;
    height: 40px !important;
}
.clsDivGOPanelText {
	position: absolute;
	width: 377px;
	height: 46px;
	left: 82px;
	top: 95px;
	text-align: left;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 14px;
	color: #000000;
	border: 0px solid blue;
}
.clsintroBtnAudio{
	position: absolute;
	width: 26px;
	height: 22px;
	left: 460px;
	top: 92px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
}
.clsDivCopyRightTxt{
	position: absolute;
	width: 214px;
	height: 15px;
    left: 343px;
    top: 317px;
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 8px;
	color: #ffffff;
	display: none;
}

/*-----------------------------*/
/*    Question Panel Left      */
/*-----------------------------*/
.clsDivQuesPanel {
	position: absolute;
	width: 550px;
	height: 330px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	border: 0px solid blue;
	display: none;
}
.clsDivQuesTopPanel{
	position: absolute;
	width: 147px;
	height: 306px;
	left: 5px;
	top: -306px;
	border: 0px solid red;
}
.clsDivQuesPanel_top {
	position: absolute;
	width: 147px;
	height: 306px;
	left: 0px;
	top: 0px;
	border: 0px solid red;
}
.clsDivQuesTitleText {
	position: absolute;
	width: 120px;
	height: auto;
	left: 14px;
	top: 15px;
	text-align: left;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 14px;
	color: #ffffff;
	border: 0px solid red;
}
.clsDivQuesPanel_bottom {
	position: absolute;
	width: 147px;
	height: 31px;
	left: 5px;
	bottom: -31px;
	border: 0px solid red;
}
.clsDivDrinkGlass{
	position: absolute;
	width: 41px;
	height: 46px;
	left: 100px;
	top: 20px;
	display: none;
}

/*-----------------------------*/
/*    Question Panel Left      */
/*-----------------------------*/
.clsDivQuestionText {
	position: absolute;
	width: 80px;
	height: auto;
	left: 20px;
	top: 33px;
	font-size: 12px;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
/*	font-family: MetaPlusBold, arial, verdana, helvetica, sans-serif, tahoma;*/
	text-align: left;
	border: 0px solid red;
	display: none;
}
.clsQuestionBtnAudio{
	position: absolute;
	width: 26px;
	height: 22px;
	left: 115px;
	top: 65px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
	display: none;
}
.clsDivInformationBox {
	position: absolute;
	width: 128px;
	height: 20px;
	left: 15px;
	top: 83px;
	/*background-color: #423052;*/
	display: none;
}
.clsDivInfoTitleText {
	position: absolute;
	width: 120px;
	height: auto;
	left: 19px;
	top: 84px;
	text-align: left;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 14px;
	color: #ffffff;
	border: 0px solid red;
	display:none;
}
.clsDivInfoText {
	position: absolute;
	width: 123px;
	height: 187px;
	left: 18px;
	top: 105px;
	font-size: 12px;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	color: #000000;
	text-align: left;
	border: 0px solid red;
	display: block;
}
.clsInfoBtnAudio{
	position: absolute;
	width: 26px;
	height: 22px;
	left: 115px;
	top: 263px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
	display: none;
}
/*-----------------------------*/
/*    Tank Click    */
/*-----------------------------*/
.clsDivATankBtn{
	position: absolute;
	width: 70px;
	height: 144px;
	left: 159px;
	top: 74px;
	border: 0px solid red;
	-moz-transform: rotate(4deg) skew(0deg, -1deg);
	-webkit-transform: rotate(4deg) skew(0deg, -1deg);
	-o-transform: rotate(4deg) skew(0deg, -1deg);
	-ms-transform: rotate(4deg) skew(0deg, -1deg);
	transform: rotate(4deg) skew(0deg, -1deg);
	display: none;
}
.clsDivBTankBtn{
	position: absolute;
    width: 69px;
    height: 144px;
    left: 239px;
    top: 69px;
	border: 0px solid red;
	/*
	-moz-transform: rotate(3deg) skew(1deg, 0deg);
	-webkit-transform: rotate(3deg) skew(1deg, 0deg);
	-o-transform: rotate(3deg) skew(1deg, 0deg);
	-ms-transform: rotate(3deg) skew(1deg, 0deg);
	transform: rotate(3deg) skew(1deg, 0deg);
	*/
	display: none;
}
.clsDivCTankBtn{
	position: absolute;
	width: 70px;
    height: 144px;
    left: 316px;
    top: 66px;
	border: 0px solid red;
	-moz-transform: rotate(-1deg) skew(3deg, -4deg);
	-webkit-transform: rotate(-1deg) skew(3deg, -4deg);
	-o-transform: rotate(-1deg) skew(3deg, -4deg);
	-ms-transform: rotate(-1deg) skew(3deg, -4deg);
	transform: rotate(-1deg) skew(3deg, -4deg);
	display: none;
}
.clsDivDTankBtn{
	position: absolute;
    width: 66px;
    height: 140px;
    left: 402px;
    top: 68px;
	border: 0px solid red;
	-moz-transform: rotate(-8deg) skew(0deg, 5deg);
	-webkit-transform: rotate(-8deg) skew(0deg, 5deg);
	-o-transform: rotate(-8deg) skew(0deg, 5deg);
	-ms-transform: rotate(-8deg) skew(0deg, 5deg);
	transform: rotate(-8deg) skew(0deg, 5deg);
	display: none;
}
/*-----------------------------*/
/*    Rollover images Right    */
/*-----------------------------*/
.clsDivMealBtn_1 {
	position: absolute;
	width: 40px;
	height: 32px;
	left: 425px;
	top: 83px;
	border: 0px solid red;
	display: none;
}
.clsDivMealBtn_2{
	position: absolute;
	width: 40px;
	height: 32px;
	left: 435px;
	top: 119px;
	border: 0px solid red;
	display: none;
}
.clsDivMealBtn_3{
	position: absolute;
	width: 40px;
	height: 32px;
	left: 445px;
	top: 154px;
	border: 0px solid red;
	display: none;
}
.clsDivMealBtn_4{
	position: absolute;
	width: 40px;
	height: 32px;
	left: 454px;
	top: 190px;
	border: 0px solid red;
	display: none;
}
/*-----------------------------*/
/*         Red Buttons         */
/*-----------------------------*/
.clsDivRedBtnImgPosition {
	position: absolute;
    width: 114px;
    height: 170px;
    left: 448px;
    top: 62px;
	border: 0px solid red;
	display: none;
}
.clsDivFillBtn{
	position: absolute;
	width: 50px;
	height: 28px;
	left: 472px;
	top: 90px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
	display: none;
}
.clsDivAutoFillBtn{
	position: absolute;
	width: 50px;
	height: 44px;
	left: 486px;
	top: 122px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
	display: none;
}
.clsDivServeBtn{
	position: absolute;
	width: 45px;
	height: 30px;
	left: 497px;
	top: 168px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
	display: none;
}

/*-----------------------------*/
/*      Option buttons         */
/*-----------------------------*/
.clsDivOptionPanel {
	position: absolute;
	width: 415px;
	height: 68px;/*65px*/
	left: 134px;
    bottom: 0px;
	border: 0px solid blue;
	display: none;
}
.clsNoBtn{
	position: absolute;
	width: 84px;
	height: 54px;
	left: 35px;
	top: 14px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
}
.clsMaybeBtn{
	position: absolute;
	width: 84px;
	height: 54px;
	left: 149px;
	top: 14px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
}
.clsYesBtn{
	position: absolute;
	width: 84px;
	height: 54px;
	left: 261px;
	top: 14px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
}

.clsDivOptDisabled{
	position: absolute;
	width: 550px;
	height: 330px;
	left: 0px;
    bottom: 0px;
	border: 0px solid blue;
	display: none;
}

/*--- Drink Choice ---*/
.clsDivDrinkChoicePanel{
	position: absolute;
	width: 389px;
	height: 82px;
	left: 158px;
	top: 248px;
	display: none;
}
.clsDivDrinkChoiceBg{
	position: absolute;
	width: 389px;
	height: 82px;
	left: 0px;
	top: 0px;
}
.clsDivDrinkChoiceGlass{
	position: absolute;
	width: 41px;
	height: 46px;
	top: 10px;
}
.clsDivDrinkTxt{
	position: absolute;
	height: 28px;
	top: 51px;
	font-size: 10px;
	color: #000000;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #000000;
}

/*--- Help  ----*/
.clsDivBtnHelpPanel {
	position: absolute;
    width: 61px;
    height: 28px;
    left: 3px;
    bottom: 0px;
	display: none;
}
.clsHelpBtn{
	position: absolute;
    width: 61px;
    height: 28px;
    left: 0px;
    top: 0px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
}
/*--- Help panel  ----*/

.clsDivHelpPopupPanel {
	position: absolute;
    width: 550px;
    height: 330px;
    left: 0px;
    top: 0px;
	display: none;
}
.clsDivHelpTopPanel{
	position: absolute;
	width: 550px;
	height: 298px;
	top: -298px;
	left: 0px;
}
.clsDivHelpTop{
	position: absolute;
	width: 550px;
	height: 298px;
	top: 0px;
	left: 0px;
}
.clsDivHelpBottom {
	position: absolute;
	width: 550px;
	height: 39px;
	left: 0px;
	top: 330px; 
}
.clsDivHelpTitleText {
	position: absolute;
    left: 20px;
    top: 16px;
	font-size: 20px;
	color: #999966;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	text-align: left;
}
.clsDivHelpFillPanel{
	position: absolute;
	width: 550px;
	height: 330px;
	top: 0px;
	left: 0px;
	display: block;
}
.clsDivHelpAutoFillPanel{
	position: absolute;
	width: 550px;
	height: 330px;
	top: 0px;
	left: 0px;
	display: none;
}
.clsDivHelpLeftPanel{
	position: absolute;
	width: 215px;
	height: auto;
	top: 53px;
	left: 81px;
}
.clsDivHelpRightPanel{
	position: absolute;
	width: 220px;
	height: auto;
	top: 53px;
	left: 312px;
}
.tdTitleTxt{
	font-size: 14px;
	color: #000000;
	font-family: MetaPlusBold, arial, verdana, helvetica, sans-serif, tahoma;
	text-align: left;
}
.tdContentTxt{
	font-size: 11px;
	color: #000000;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	text-align: left;
}
.clsHelpCloseBtn{
	position: absolute;
	width: 56px;
	height: 21px;
    left: 462px;
    top: 256px;
	text-decoration: none;
    border: none;
    outline: none;
	cursor: pointer;
}
.clsDivDisabledPanel{
	position: absolute;
	width: 550px;
	height: 330px;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, 0.4);
	display: none;
}
/*-----------------------------*/
/*        Print Prompt         */
/*-----------------------------*/
.clsDivPrintPromptMainPanel{
	position: absolute;
	width: 550px;
	height: 330px;
	left: 0px;
	top: 0px;
	display: none;
}
.clsDivPPTopPanel{
	position: absolute;
	width: 550px;
	height: 330px;
	left: 0px;
	top: -330px;
}
.clsPPTopImg{
	position: absolute;
	width: 550px;
	height: 330px;
	left: 0px;
	top: 0px;
}
.clsDivPrintTxt{
	position: absolute;
	width: 200px;
	height: auto;
	left: 250px;
	top: 94px;
	font-size: 14px;
	color: #ffffff;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	text-align: left;
}
.clsDivEYNTxt{
	position: absolute;
	width: 200px;
	height: auto;
	left: 251px;
	top: 114px;
	font-size: 11px;
	color: #000000;
	font-family: MetaPlusBook, arial, verdana, helvetica, sans-serif, tahoma;
	text-align: left;
}
#inputEYNTxt{
	position: absolute;
	width: 36%;
	height: auto;
	top: 131px;
	left: 255px;
	border: 0px solid red;
	font-size: 11px;
	color: #000000;
	font-family: MetaPlusBook, TimesNewRoman, arial, verdana, helvetica, sans-serif, tahoma;
	text-align: left;
}
.clsDivPPCancelBtn{
	position: absolute;
	width: 58px;
	height: 22px;
	left: 252px;
	top: 157px;
}
#inputPPCloseBtn{
	position: absolute;
	width: 58px;
	height: 22px;
	left: 252px;
	top: 157px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	outline: none;
}
.clsDivPPOkBtn{
	position: absolute;
	width: 41px;
	height: 21px;
	left: 416px;
	top: 157px;
}
#inputPPOkBtn{
	position: absolute;
	width: 41px;
	height: 21px;
	left: 416px;
	top: 157px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	outline: none;
}
.clsDivPPBottomPanel{
	position: absolute;
	width: 550px;
	height: 140px;
	left: 0px;
	top: 330px;
}

/*----- Content End -----*/

/*----- Footer Begin -----*/
.clsDivFooter {
	position: absolute;
    height: 50px;
}
.clsLogo {
	position: absolute;
    width: 108px;
    height: 49px;
    top: 0px;
	left: 0px;	
    background: url('../images/tlf_logo.png') no-repeat;
	cursor: pointer;
}
.clsCopyRight {
    font-family: arial;
    font-size: 12px;
	text-align: center;
}

.clsFooterLink {
	position: absolute;
    width: 88px;
    height: 31px;
    top: 0px;
	right: 0px;	
    background: url('../images/link.png') no-repeat;
	cursor: pointer;
}
/*----- Footer End -----*/

/*----- Loading Begin -----*/
.clsDivLoaderPanel {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #7A6161;
	border: 0px solid #ff0000;
	display: block;
}
.clsDivLoader {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -85px;
/*	background-color: #ffffff;*/
	border: 0px solid #ff0000;
	display: block;
}
.clsDivLoadingText {
	position: absolute;
	width: 100px;
	padding-left: 5px;
    top: 53%;
    left: 50%;
	margin-left: -50px;
	font-family: arial, verdana, helvetica, sans-serif, tahoma;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #debbbb;
	text-align: center;
	display: inline-block;
}
/*----- Loading End -----*/