* {
    text-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

::selection { background: transparent; }
::-moz-selection { background: transparent; }




html {
	height:99%;
	width:93%;
	height:100%;
	width:100%;
	margin:0;
	//overflow:hidden;
	//overflow-x:hidden;
	padding:0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

//    background: #00444a; /* Old browsers */
//background:#e0e0c8;
//background:#54bbe8;
background:black;

/*font: normal normal normal 1% Impact;
font: normal normal normal 1% 'Open Sans ExtraBold';*/
//font: normal normal normal 1% 'Roboto Bk';
font: normal normal normal 1% 'Roboto Regular';
//font: normal normal normal 10% 'Silicon';


font-size:1em;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
    -webkit-text-size-adjust:none;
    

/*maybe render page faster */



}
body
{
    width: 100%;
    height: 100%;
    margin:0px;
    padding:0px;
    border:0;


    
//    background: url('BackgroundScreen480.jpg') no-repeat fixed top;
//    background-size: contain;



}

div
{

}

@font-face { font-family: Impact; src: url('impact.ttf'); } 
@font-face { font-family: 'Open Sans ExtraBold'; src: url('OpenSans-ExtraBold.ttf'); } 
@font-face  
{
    
    font-family: 'Roboto Bk'; 
    src: url('Roboto-Black.ttf'), url('roboto-black-webfont.eot') format('embedded-opentype'); 
    
} 
@font-face { font-family: Impact; src: url('impact.ttf'); } 
@font-face { font-family: 'Open Sans ExtraBold'; src: url('OpenSans-ExtraBold.ttf'); } 
@font-face  
{
    
    font-family: 'Roboto Regular'; 
    src: url('Roboto-Regular.ttf'), url('Roboto-Regular.eot') format('embedded-opentype'); 
    
}
@font-face  
{
    
    font-family: 'Audiowide'; 
    src: url('Audiowide-Regular.ttf'), url('Audiowide-Regular.eot') format('embedded-opentype');   


} 
@font-face  
{
    
    font-family: 'GROBOLD'; 
    src: url('GROBOLD.ttf'), url('GROBOLD.eot') format('embedded-opentype');   


} 



h3 { font-family: Constantia; }
    
.mainClass
{
    position:relative;
    margin:0px;


}

    
.myClass
{
//display:none;
    position:relative;
color:white;
z-index:4;
margin:auto;
height:100%;


    background: url('BackgroundScreen480.png') no-repeat scroll top;
    background-size: contain;
     -webkit-transform: translate3d(0, 0, 0);



}

#windowsContainerContainer
{
z-index:20;

}
#windowsContainer
{

position:absolute;
color:white;
z-index:14;
margin:auto;

background-image: url("borderedBoxBackgroundImage.png");
background-size: 100% 100%;
     -webkit-transform: translate3d(0, 0, 0);




}
.slot
{
width:100%;
height:100%;
position:absolute;

-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: scale(0, 0);
transform:scale(0,0);
-moz-transform:scale(0,0);

}

#testSlot{
background-color:cornflowerblue;

}

#testButton
{
    position:absolute;
    top:85%;
    left:65%;
    width:4em;
    height:4em;

    background-color:green;

    z-index:25;
    
    cursor:pointer;
    display:none;
    
}


#settingsButton
{
    top:2%;
    left: 9%;
    height:1.5em;
    font-size:1.3em;

 
}
.settingsButtonEn
{
    background-image: url('englishButtons/buttonSettingsEn.png');
}
.settingsButtonEs
{
    background-image: url('spanishButtons/buttonSettingsEs.png');
}

#shoppingHeaderImage
{
    top:30%;
    left: 40%;
    height:0.6em;

    font-size:1.3em;
    background-size:100% 100%;
 
}

.shoppingHeaderImageEn
{
    background-image: url('englishButtons/shoppingHeaderImageEn.png');
}
.shoppingHeaderImageEs
{
    background-image: url('spanishButtons/shoppingHeaderImageEs.png');
}
#incomesHeaderImage
{
    top:30%;
    left: 40%;
    height:0.6em;

    font-size:1.3em;
    background-size:100% 100%;
 
}

.incomesHeaderImageEn
{
    background-image: url('englishButtons/incomesHeaderImageEn.png');
}
.incomesHeaderImageEs
{
    background-image: url('spanishButtons/incomesHeaderImageEs.png');
}
#myBusinessHeaderImage
{
    top:5%;
    left: 30%;
    height:1.1em;

    font-size:1.3em;
    background-size:100% 100%;


}

.myBusinessHeaderImageEn
{
    background-image: url('englishButtons/myBusinessesHeaderImageEn.png');
}
.myBusinessHeaderImageEs
{
    background-image: url('spanishButtons/myBusinessesHeaderImageEs.png'); 
}
#openBusinessHeaderImage
{
    top:5%;
    left: 30%;
    height:1.1em;

    font-size:1.3em;
    background-size:100% 100%;


}

.openBusinessHeaderImageEn
{
    background-image: url('englishButtons/openBusinessHeaderImageEn.png');
}
.openBusinessHeaderImageEs
{
    background-image: url('spanishButtons/openBusinessHeaderImageEs.png'); 
}
#expensesHeaderImage
{
    top:30%;
    left: 40%;
    height:0.6em;

    font-size:1.3em;
    background-size:100% 100%;
}

.expensesHeaderImageEn
{
    background-image: url('englishButtons/expensesHeaderImageEn.png');
}
.expensesHeaderImageEs
{
    background-image: url('spanishButtons/expensesHeaderImageEs.png'); 
}
#debtsHeaderImage
{
    top:5%;
    left: 30%;
    height:1.1em;

    font-size:1.3em;
    background-size:100% 100%;
}

.debtsHeaderImageEn
{
    background-image: url('englishButtons/debtsHeaderImageEn.png');
}
.debtsHeaderImageEs
{
    background-image: url('spanishButtons/debtsHeaderImageEs.png'); 
}
#currentTasksHeader
{
    top:30%;
    left: 30%;
    height:0.6em;

    font-size:1.3em;
    background-size:100% 100%;
}

.currentTasksHeaderEn
{
    background-image: url('englishButtons/currentTasksHeaderEn.png');
}
.currentTasksHeaderEs
{
    background-image: url('spanishButtons/currentTasksHeaderEs.png'); 
}
#opportunitiesHeaderImage
{
    top:5%;
    left: 30%;
    height:1.1em;

    font-size:1.3em;
    background-size:100% 100%;
}

.opportunitiesHeaderImageEn
{
    background-image: url('englishButtons/opportunitiesHeaderImageEn.png');
}
.opportunitiesHeaderImageEs
{
    background-image: url('spanishButtons/opportunitiesHeaderImageEs.png'); 
}
#bankHeaderImage
{
    top:5%;
    left: 35%;
    height:1.1em;

    font-size:1.3em;
    background-size:100% 100%;
}

.bankHeaderImageEn
{
    background-image: url('englishButtons/bankHeaderImageEn.png');
}
.bankHeaderImageEs
{
    background-image: url('spanishButtons/bankHeaderImageEs.png'); 
}
#businessSchoolHeaderImage
{
    top:5%;
    left: 35%;
    height:1.1em;

    font-size:1.3em;
    background-size:100% 100%;
}

.businessSchoolHeaderImageEn
{
    background-image: url('englishButtons/businessSchoolHeaderImageEn.png');
}
.businessSchoolHeaderImageEs
{
    background-image: url('spanishButtons/businessSchoolHeaderImageEs.png'); 
}


.checkCircle
{
    position:absolute;
    top:-0.3em;
    right:0;
    width:1.8em;
    height:1.8em;
    
    background: url('checkCircle.png') no-repeat  scroll bottom;
    
    background-size:cover;
    z-index:0;
    
    cursor:pointer;
    
}

.checkCircle.checked
{
    background-position: top;
}


.toDelete
{
    position: absolute;
    text-align:center;
    z-index:1;
    font-size:0.4em;
    color:Black;
    display:none;
    
}

.toDelete.monthEndCashFlow
{
    
    position:relative;
    top:0.4em;
    left:69%;
    font-size:0.6em;
    color:gainsboro;

    display:inline-block;
    width:10em;
    text-align:right;
    

}
.smallBlack
{
    position:relative;
    top:0.5em;
    font-size:0.4em;
    color:Black;

    display:inline-block;
    text-align:right;
}

#lblInformation
{
    position:absolute;
    left:35%;
    top:20%;
    color:Fuchsia;
    background-color:Yellow;
}

#toDeleteHereIsYour
{
    left:35%;
    top:6%;
    color:Red;
}
#toDeleteReduce
{
    left:35%;
    top:14%;
    color:Red;
    
}
#toDeleteAtMonth
{
    left:35%;
    top:18.5%;
    color:Red;
    
}
#toDeleteButtonTo
{
    left:66%;
    top:13.5%;
    color:Red;
    width:6em;
    
}
#toDeleteInBank
{
    left:75%;
    top:18.5%;
    color:Red;
    
}
#toDeleteManage
{
    left:2%;
    top:22.5%;
/*    color:Black; */
    
}

#toDeleteOpen
{
    left:2%;
    top:51%;
/*    color:Black; */
    width:15em;
    
}
#toDeleteLearn
{
    left:1.5%;
    top:77.5%;
/*    color:White; */
    width:15em;
    
}
#toDeleteJanuary
{
    left:32.5%;
    top:67.5%;
/*    color:Black; */

    
}
#toDeletePushAndLook
{
    left:54%;
    top:78.5%;
/*    color:White; */
    width:15em;
    
}

#toDeletePushAndEarn
{
  left:80.5%;
    top:92.5%;
    top:71%;
  left:50.5%;

/*    color:White; */
    width:15em;    
    text-align:left;
}
#toDeleteBorrow
{
  left:82.5%;
    top:71.5%;
/*    color:Black; */
    
    
}
#toDeletedisplay
{
  left:82.5%;
    top:51.5%;
/*    color:Black; */
    
}



.iScrollliButton
{
    
//    background-color: goldenrod;
    background-image: url('generalAssetButton.png');
    background-size: 100% 100%;

//    border:0.2em outset #001c7d;
    text-align:center;
    z-index:11;
    font-family:'Roboto Regular';

    padding:0.2em 1em;
    cursor:pointer;

color:white;


}


.iScrollliButton:active
{

    background-image: url('generalAssetButtonClicked.png');
}

.beRichButtonTest
{
    position: absolute;
    color: gold;
    text-align:center;
    font-family:'Roboto Regular';
    cursor:pointer;


    background-image: url('beRichButtonBackground.png');
    background-size: 100% 100%;

    border:0;

    padding:0.2em 0.1em;

    
}

.beRichButtonTest:active
{
    background-image: url('beRichButtonBackgroundClicked.png');

}


.beRichButton
{
    position: absolute;
    color: gold;
    text-align:center;
    z-index:11;
    font-family:'Roboto Regular';

    cursor:pointer;


background-image: url('beRichButtonBackground.png');
background-size: 100% 100%;

background-color:transparent;
border:0;

    padding:0.2em 0.1em;

    
}

.beRichButton.highlighted
{
    background-image: url('beRichButtonBackgroundClicked.png');
    
}

.beRichButton:active
{
    background-image: url('beRichButtonBackgroundClicked.png');
}


.beRichButton2
{
    position: absolute;
    background-color: white;
    color: black;
    border:0.2em outset #001c7d;
    text-align:center;
    z-index:11;
    font-family:'Roboto Regular';

    
    cursor:pointer;


    
}

.beRichButton2.highlighted
{
    border:0.23em inset #001c7d;
    
}

.beRichButton2:active
{
    border:0.23em inset #001c7d;
}

.beRichImageButton
{
    position:absolute;
    z-index:12;
    cursor:pointer;
    background-repeat:no-repeat;

}
.beRichHeaderImage
{
    position:absolute;
    background-repeat:no-repeat;

    //height:2em;
    //border:1px solid tomato;


}
.beRichImageButton:active
{
   //background-position: 100%;
}

.beRichImageButton.highlighted
{
   // background-position: 100%;
}


.beRichLabel
{
    position:absolute;
    font-size: 0.9em;

}

#totalIncomesLabel
{
    top: 4%;
    left: 30%;
    width: 7em;
//    color:black;    
}

#totalExpensesLabel
{
    top: 10%;
    left: 30%;
    width: 7em;
//    color:black;
}

#cashflowLabel
{
     top: 16%;
    left: 25%;
    width: 12em;
    padding-left:0.5em;
    font-family: GROBOLD;
//    color:black;
    
}
#cashflowLabel>span
{
position:absolute;

}
#cashflowLabel>.amount
{
    
    width:8.5em;
}
#cashLabel
{
    position:absolute;
    top: 6%;
    left: 55%;
    width: 9em;
    padding-left:0.5em;
    font-family: GROBOLD;
//    color:black;
}
#cashLabel>.amount
{
    position:relative;
    top:-1.4em;
    left:-4.9em;
    width:6.1em;
}

#sellAssetButton
{
    top: 0%;
    left: 75%;
    width: 5em;
    
/*    color:orangered; */
    
}

#setAmountButton
{
    top: 0%;
    left: 35%;
    width: 5em;
    
/*    color:orangered; */
    
}

#stopSellingButton
{
    top: 0%;
    left: 65%;
    width: 5em;
    
/*    color:orangered; */
    
}


#buyAssetButtonText
{

    top: 0%;
    left: 73%;
    width: 5em;
    
/*    color:lime; */
    
}

#goToBuySharesButton
{

    top: 0%;
    left: 73%;
    width: 5em;
}
#goToSellSharesButton
{

    top: 0%;
    left: 73%;
    width: 5em;
}


#buyPersonalAssetButtonText
{

    top: 0%;
    left: 59%;
    width: 8em;
    
/*    color:lime; */
    
}

#personalAssetsButton
{
        top: 5%;
    left: -6.8em;
    font-size:1.6em;
    height: 4em;
    
 
}
.personalAssetsButtonEn
{
    //background-image: url('englishButtons/buttonPersonalAssetsEn.png');
}
.personalAssetsButtonEs
{
    //background-image: url('spanishButtons/buttonPersonalAssetsEs.png');
}


#buyOpportunityButtonText
{

    top: 0%;
    left: 70%;
    width: 6em;
    
/*    color:lime; */
    
}
#upOneLevelButtonText
{

    top: 0%;
    left: 70%;
    width: 6em;
    
/*    color:lime; */
    
}
#borrowButtonText
{

    top: 0%;
    left: 77%;
    width: 6em;
}
#openDepositButtonText
{

    top: 0%;
    left: 74%;
    width: 7em;

}

#playButtonText
{
    width: 6em;
/*    color:lime; */
}
#tutorialButtonText
{
    width: 6em;
/*    color:orange; */
}
#CreatePlayerButtonText
{
    width: 6em;
/*    color:lime; */
}
#CreateRandomPlayerButtonText
{
    width: 6em;
/*    color:tomato; */
}
#KnowledgesButtonText
{

/*    color:#022f34; */
}
#ExpensesButtonText
{
    width: 6em;
/*    color:#df2727; */
}
#LiabilitiesButtonText
{
    width: 6em;
/*    color: darkred; */
}
#AssetsButtonText
{
    width: 6em;
/*    color: chartreuse; */
}

#startPlayingButtonText
{
    width: 6em;
/*    color: chartreuse; */
    left: 55%;
}
#resetPlayerButtonText
{
    width: 6em;
/*    color: crimson; */
    left: 15%;
}
#createPlayer1of2ButtonText
{
    width: 6em;
/*    color: chartreuse; */
    left: 15%;
    
}
#settingsDoneButtonText
{
    width: 6em;
/*    color: chartreuse; */
    left: 15%;
    
}
#settingsRebootButtonText
{
    width: 6em;
/*    color: crimson; */
    left: 0%;
    
}

#salaryButton
{
    top: 68.5%;
    left: 78%;
    height: 2.7em;

}
.salaryButtonEn
{
    background-image: url('englishButtons/buttonNextTurnEn.png');
}
.salaryButtonEs
{
    background-image: url('spanishButtons/buttonNextTurnEs.png');
}

#currentTasksButton
{
    top: 22%;
    left: 84%;
    height:3em;
 font-size:1.3em;

}
.currentTasksButtonEn
{
    background-image: url('englishButtons/buttonCurrentTasksEn.png');
}
.currentTasksButtonEs
{
    background-image: url('spanishButtons/buttonCurrentTasksEs.png');

}
.noCurrentTasksButtonEn
{
    background-image: url('englishButtons/buttonNoCurrentTasksEn.png');
}
.noCurrentTasksButtonEs
{
    background-image: url('spanishButtons/buttonNoCurrentTasksEs.png');
}


#debtsButton
{
    top: 39.5%;
    left: 84%;

    height:3em;
 font-size:1.3em;

}

.debtsButtonEn
{
    background-image: url('englishButtons/buttonDebtsEn.png');
}
.debtsButtonEs
{
    background-image: url('spanishButtons/buttonDebtsEs.png');
}


#bankButton
{
    top: 56%;
    left: 1%;

    height:1.9em;
 font-size:1.3em;

}
.bankButtonEn
{
    background-image: url('englishButtons/buttonBankEn.png');
}
.bankButtonEs
{
    background-image: url('spanishButtons/buttonBankEs.png');
}


#businessButton
{
    top: 23%;
    left: 1%;
    height: 1.6em;
    font-size:1.6em;

}
.businessButtonEn
{
    background-image: url('englishButtons/buttonMyBusinessesEn.png');
}
.businessButtonEs
{
    background-image: url('spanishButtons/buttonMyBusinessesEs.png');
}


#openBusinessButton
{
     top: 34%;
    left: 1%;
    height:2.5em;
    font-size:1.0em;
    
}
.openBusinessButtonEn
{
    background-image: url('englishButtons/buttonOpenBusinessEn.png');
}
.openBusinessButtonEs
{
    background-image: url('spanishButtons/ButtonOpenBusinessEs.png');
}


#businessSchoolButton
{
    top: 45%;
    left: 1%;
    height: 2.5em;
    font-size:1.0em;

}
.businessSchoolButtonEn
{
    background-image: url('englishButtons/buttonBusinessSchoolEn.png');
}
.businessSchoolButtonEs
{
    background-image: url('spanishButtons/buttonBusinessSchoolEs.png');
}


#opportunitiesButton
{
    top: 67%;
    left: 1%;

    height: 2.3em;

    font-size:1.1em;
 
}
.opportunitiesButtonEn
{
    background-image: url('englishButtons/buttonOpportunitiesEn.png');
}
.opportunitiesButtonEs
{
    background-image: url('spanishButtons/buttonOpportunitiesEs.png');
}
.opportunitiesOffersButtonEn
{
    background-image: url('englishButtons/buttonOpportunitiesOffersEn.png');
}
.opportunitiesOffersButtonEs
{
    background-image: url('spanishButtons/buttonOpportunitiesOffersEs.png');
}


.firstLetterOpportunities:first-letter
{
 color:lime;
}

.opportunitiesIcon
{
    position: absolute;
    top: 72%;
    left: 33%;
    width: 5em;
    height: 5em;
    background: url('Opportunities.png') no-repeat scroll top;
    background-size: cover;
    z-index: 10;
    display:none;
}


#incomesButton
{

    top: 3.2%;
    left: 18%;

    font-size:0.8em;

    height: 1.5em;

    font-size:1.08em;
 
}
.incomesButtonEn
{
    background-image: url('englishButtons/buttonIncomesEn.png');
}
.incomesButtonEs
{
    background-image: url('spanishButtons/buttonIncomesEs.png');
}

#expensesButton
{
         top: 9.5%;
    left: 18%;
    font-size:1.1em;

    height: 1.51em;

 
}
.expensesButtonEn
{
    background-image: url('englishButtons/buttonExpensesEn.png');
}
.expensesButtonEs
{
    background-image: url('spanishButtons/buttonExpensesEs.png');
}


#shoppingButton
{
        top: 15%;
    left: 68%;
    font-size:1.1em;
    height: 1.2em;
 
}
.shoppingButtonEn
{
    background-image: url('englishButtons/buttonShoppingEn.png');
}
.shoppingButtonEs
{
    background-image: url('spanishButtons/buttonShoppingEs.png');
}

.pileOfCoins
{
    position: absolute;
    top: 55%;
    left: 54.2%;


    width: 3.2em;
    height: 3.2em;
    background: url('Cheque.png') no-repeat scroll top;
    background-size: cover;
    z-index: 10;
    display:none;
 
}
.pileOfCoins.highlighted
{
    background-position: bottom;
}



.BuyAssetButton
{
 
    
    
    position:absolute;
    top: 0.0em;
    right:0;
    width:3em;
    height:3em;
    background:  url('Plus.png') no-repeat  scroll top;
    background-size: cover;
    z-index:100;
    
}



.BuyAssetButton.highlighted
{
    
    background-position: bottom;
}




.scissorsButton
{
    position:absolute;
    top: 0.0em;
    right:0;
    width:3em;
    height:3em;
    background:  url('Scissors.png') no-repeat  scroll top;
    background-size: cover;
    z-index:100;
    
}


.scissorsButton.highlighted
{
    
    background-position: bottom;
}
.scissorsInputButton
{
    font-size:1em;
    position:absolute;
    top: 0.0em;
    right:0;
    width:3em;
    height:3em;
    background:  url('Scissors.png') no-repeat  scroll top;
    background-size: cover;
    z-index:100;
    border:0;
}


.scissorsInputButton.highlighted
{
    
    background-position: bottom;
}


.goal
{
    display:none;
   font-size:xx-small; 
}

.personext
{
    position: absolute;
    top: 0;
    left: 85%;
    width: 32.5%;
    height: 28.5%;
    background: url('avatarRedTie.png') no-repeat scroll top left;
    background-size: 48%;
    overflow: visible;
    font-size:0.5em;
/*    color:Black; */
}

.person
{

    position: absolute;
    left:-2em;
    width: 47%;
    height: 42%;
    overflow: visible;
    font-family:'Roboto Regular';

    font-size:1.6em;
//    color:black;    
}


.salary
{
    
}
.cash
{
    
}

.closeButtonText
{
position:absolute;
right:10%;
font-size:3em;
background-color:olive;
z-index:200;
}
.borderedBoxText
{
width:100%;
height:100%;
//background-color:yellow;
    position: absolute;
z-index:12;
    
}

.borderedBox
{
    position: absolute;
z-index:12;
color:black;
    
}

.borderedBox.enlarged
{
     top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;

     top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
   

}

.startScreenBox .borderedBox.enlarged
{
     top: 5%;
    left: 5%;
    width: 89%;
    height: 90%;
   

}


.borderedBox ul
{
    list-style-type: none;
}


.startScreenBox
{
    position: absolute;
    top:0;
    left:0;
    width: 101%;
    height: 100%;

    background-image: url('StartScreenBackground480.jpg');
    background-size: 100% 100%;
    
    background-color: #00444a; 
    

   -webkit-transform: translate3d(0, 0, 0);
z-index:100;



    
}

.startScreenBox .startMenu
{
	list-style:none;
    
    top: 30%;
    left: 40%;
    width: 28%;
    
}
.startScreenBox .borderedBox .startMenu
{
	list-style:none;
    
    top: 25%;
    left: 35%;
    width: 28%;
    
}
.playOrTutorial
{
    background-color:transparent;
}
.tutorial
{
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
/*    background-color: orange; */
}

.createPlayerRandomPlayer
{
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
/*    background-color: blanchedalmond; */
}

.createPlayer
{
/*    background-color: khaki; */
    
}

.createPlayer ul li.dataInput 
{
    margin:1em 0.0em 1em 0;
}

.settings
{
/*    background-color: lightsteelblue; */
}
.settings ul li.dataInput 
{
    margin:0.8em 0.0em 0.8em 0;
}


.incomes
{
    top: 30%;
    left: 5%;
    width: 45%;
    height: 35%;
/*    background-color: #3b9a48; */
    
}



.expenses
{
    
    top: 30%;
    left: 50%;
    width: 45%;
    height:35%;
/*    background-color: #df2727; */
    
}


.assets
{
    
    top:65%;
    left:5%;
    width:45%;
    height: 35%;    
    
/*    background-color: chartreuse; */
    
    
}



.assetsOnMarket
{
    
    top:65%;
    left:5%;
    width:45%;
    height: 35%;        
/*    background-color: springgreen; */






}


.opportunities
{
     top:65%;
    left:5%;
    width:45%;
    height: 35%;        
 
/*    background-color:#7d00c4;    */
}

.liabilities
{
    
    top:65%;
    left:50%;
    width:45%;
    height: 35%;    
/*    background-color : darkred; */
  

}

.bank
{
/*    background-color:#5f5f5f; */
}
.bank li
{
    height:1.7em;
}
.bank .size3em
{
    height:3em;
}

.dataInputFieldButton
{
    position:absolute;
    right:0;
 font-size: 0.8em;
// color:Black;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.businessSchool
{
/*    background-color:#022f34; */
}

.shopping
{
/*    background-color:#005d62; */
}

.label
{
    display:inline-block;
    width:7em;
}
.labelSmall
{
    display:inline-block;
    width:11em;

}
.label100p
{
    display:inline-block;
    width:100%;

}
.label80p
{
    display:inline-block;
    width:80%;

}

.amount
{
    display:inline-block;
    width:7em;
    text-align:right;
    
    font-family: 'Roboto Regular';
    //font-weight:bold;
}

.enlarged .label
{
    width:11em;
 
}
.enlarged .amount
{
    width:6em;
    
}



.monthlyCashFlow
{
    width:5em;
}



.enlarged
{
    
    font-size:1.5em;
}

.popUp2
{
    z-index:20;
}

.popUp3
{
          display: table;
    text-align:center;
margin:0;
padding:0;
    
    
/*    background-color : indianred; */
    z-index:30;
}
.popUp3int
{
        display:table-cell;
    vertical-align:middle;


}
.popUp4
{
    
    
/*    background-color : indianred; */
    z-index:30;
    text-align:center;
    
}


.popUpBoxFullScreen
{
    position:absolute;
    width:100%;
    min-height:100%;
    top:0;
    left:0;
    z-index:160;
    text-align:center;
    background-color:#00444a;

    
    color:white;
    //border: 1px solid orange;
    overflow:hidden;

}

.popUpBoxFullScreen ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	
	
}


#goalAchieved
{
    display:table-cell;
    vertical-align:middle;
 
}

#goalAchievedExt
{
  display: table;
    text-align:center;
/* background-color: Purple; */
}

.popUpHeader
{
    width:100%;
}

.popUpFooter
{
    position:relative;
    width:100%;
    height:2em;
        text-align:center;
        overflow:visible;

}



.scrollView {
    position: relative;
    overflow: hidden;
    top:5%;
    width:99%;
    height:90%;
    z-index:5;
    
}

.scrollView ul 
{
    
    height: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;


    transition: top 0.5s;
 -moz-transition: top 0.5s;
 -webkit-transition: top 0.5s;
 -o-transition: top 0.5s;

    
}


.scrollView li 
{
    margin: 0.5em 0;
    
    
}

li>.amount:last-child
{
    float:right;
}

.scrollView li.dataInput
{
    position:relative;
    
}

.wrapper li.dataInput
{
    position:relative;
    
}

.size3em
{
    height:3em;
}


.enlarged .scrollView li:active
{
/*    background-color:teal; */
        border-radius: 1em; 
-moz-border-radius: 1em; 
-webkit-border-radius: 1em; 
    
}

.enlarged .scrollView li.dataInput:active
{
/*    background-color:transparent; */
        border-radius: 0; 
-moz-border-radius: 0; 
-webkit-border-radius: 0; 
    
}

.scrollViewTitle
{
 text-align:center;  
 
}


.scrollView-prev
{
    font-size:2em;
}
.scrollView-next
{
    font-size:2em;
}

.borderedBoxHeader
{
z-index:2;
}
.borderedBoxHeaderBanner
{
font-size:0.6em;
position:relative;
left:1em;
top:0.7em;
width:80%;
height:2.5em;


//background-image: url('borderedBoxHeaderImage.png') ;
background-size: cover;
//border:1px solid orange;

}

.borderedBoxFooter
{
}

.CloseButton
{
    position: absolute;
    top: 1%;
    right: 1.6%;
    width: 3.6em;
    height: 3.1em;
    visibility: hidden;
    background: url('Close.png') no-repeat scroll top;
    background-size: contain;
    z-index: 15;

    
}

.enlarged .CloseButton
{
    visibility: visible;
}

.startScreenCloseButton
{
    position: absolute;
    top: 1%;
    right: 1%;
    width: 1.5em;
    height: 1.5em;
    background: url('Close.png') no-repeat scroll top;
    background-size: contain;
    z-index: 15;
    
}

.backButton
{
    position:fixed;
    //position:absolute;
    bottom: 0%;
    left: 10%;
    width: 7em;
    
    //background: url('Close.png') no-repeat scroll top;
    //background-size: contain;
    //background-color:Red;
    font-size:2em;
    z-index: 200;

    background-color: white;
    color: black;
    border:0.2em outset #001c7d;
    text-align:center;
    z-index:11;
    font-family:'Roboto Regular';

    cursor:pointer;
    
}

.backButton:active
{
    border:0.23em inset #001c7d;
}


.backButtonToggle
{
    color:Red;
}


.dataInputField
{
 font-size: 1.1em;
}

.myTest
{
 height:100%;
 overflow-y:auto;   
 
}


.wrapper {
	position:absolute; z-index:1;
	height:85%;
	width:97.0%;
	top:12%;
	margin:1% 0% 0% 2%;
	overflow:auto;
	

}

.scroller {
	position:absolute; z-index:1;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:98%;
	padding: 0;
	margin:0;


}

.scroller ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
	
	
}

.scroller li {
margin:0.2em 0;	

}

#loanPrincipal
{
    margin:0.5em 0;
}
#loanInstallments
{
    margin:0.5em 0;
}

#loanPrincipalInput
{
    font-size:1em;
}
#loanInstallmentsInput
{
    font-size:1em;
}

.noDisplay
{
display:none;
}

.scrollArrow
{
position:fixed;
    z-index:100;

    cursor:pointer;

}

.arrowUp
{
    top:0%;
    left:45%;
    width:10%;
    height:20%;
    
    background: url('ArrowUp.png') no-repeat scroll;
    background-size:100% ;
    
}
.arrowRight
{
    top:45%;
    left:90%;
    width:10%;
    height:20%;
    
    background: url('ArrowRight.png') no-repeat scroll;
    background-size:100% ;
    
}
.arrowDown
{
    top:80%;
    left:45%;
    width:10%;
    height:20%;
    
    background: url('ArrowDown.png') no-repeat scroll;
    background-size:100% ;
    
}
.arrowLeft
{
    top:45%;
    left:0%;
    width:10%;
    height:20%;
    
    background: url('ArrowLeft.png') no-repeat scroll;
    background-size:100% ;
    
}
.bogusInputForNumber
{

width:0;
//top: 10em;
z-index:-1;
opacity:0;
background-color: transparent;
}

@keyframes wink {
    from { background-position: 0px; }
    to { background-position: -500px; }
}


@-webkit-keyframes wink {
0%   {background-position: 0px;}
10%   {background-position: -250px;}
20%   {background-position: -100px;}
30%   {background-position: -150px;}
40%   {background-position: -200px;}
50%   {background-position: -250px;}
60%   {background-position: -300px;}
70%   {background-position: -350px;}
80%   {background-position: -400px;}
90%   {background-position: -450px;}
100%   {background-position: -500px;}
}



//@-moz-keyframes wink {
//    from { background-position: 0px; }
//    to { background-position: -500px; }
//}
@-o-keyframes wink {
    from { background-position: 0px; }
    to { background-position: -500px; }
}

.imageAssetDescription {
     position:absolute;
     left:0;
     top:-1em;
    width: 50px;
    height: 72px;
    width:4.7em;

    //height:3.42em;
    height:4em;
    //height:130px;

    background-image: url("../images/sheetsToBlackboard.png");
    //background-size:cover;


    background-position:0px;


//    -webkit-animation: wink 10s linear;    
    //-webkit-animation-timing-function: steps(10, end);

//    -webkit-animation: wink .8s steps(10, end) infinite;
//    -moz-animation: wink .8s steps(10, end) infinite;
//    -o-animation: wink .8s steps(10, end) infinite;
}


#personalAssetsBackground {
     position:absolute;
     left:5%;
     top:5%;
     width: 90%;
    height: 90%;

    background-image: url("personalAssets/personalAssetsBackground.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:0px;
    z-index:0;
}


#shareDescriptionCanvas
{

width:16em;
height:9em;

background-color:white;
margin:auto;

}