.headingCard{
font-size:12px;
font-weight:bold;
color:black;
}

.textCard{
font-size:12px;
color:White;
line-height:90%;
display:inline;
}
.card{
background-color:#999999;
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
margin-left:30px;
margin-right:30px;
margin-top:125px;
visibility:visible;
padding-top:20px;
padding-left:10px;
padding-right:10px;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
float: left;
}

#cardboards
{
height:420px;
width:700px;
float:right;
border-top: 1px solid white;
position:absolute;
margin-left:100px;
margin-top:0px;
}

#cardboard1
{
margin-right:0px;
margin-left:auto;
height:auto;
width:700px;
float:right;
}

#cardboard2
{
margin-right:0px;
height:auto;
width:700px;
float:right;
}

#cardboard3
{
margin-right:30px;
height:auto;
width:460px;
float:right;
}

.backgroundcard
{
background-color:#89bbbd; 
width:150px;
height:170px;
margin-right:30px;
margin-top:125px;
margin-left:30px;
visibility:hidden;
padding-top:0px;
padding-left:10px;
padding-right:10px;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
float:left;
display:inline;
}
.backgroundcardjs
{
background-color:#89bbbd; 
width:150px;
height:170px;
margin-right:30px;
margin-top:125px;
margin-left:30px;
visibility:visible;
padding-top:0px;
padding-left:10px;
padding-right:10px;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
float:left;
z-index:20;
}


.backgroundcards
{
margin-left:100px;
margin-top:0px;
height:420px;
width:700px;
background-color:blue;
float:right;
border-top: 1px solid #eeeeee; 
position:absolute;
visibility:hidden;
z-index:20;
}

.backgroundcards1
{
margin-right:0px;
height:auto;
width:700px;
background-color: gray;
float:right;
}

.backgroundcards2
{
margin-right:0px;
height:auto;
width:700px;
background-color: gray;
float:right;
}

.backgroundcards3
{
margin-right:30px;
height:auto;
width:460px;
float:right;
}

.frontcard
{
background-color:#eeeeee;
width:150px;
height:150px;
margin-right:30px;
margin-top:125px;
margin-left:30px;
visibility:visible;
padding-top:20px;
padding-left:10px;
padding-right:10px;
cursor:pointer;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
font-size: 15px;
color: #333333;
font-weight:bold;
float:left;
}

.frontcards
{
margin-left:100px;
margin-top:0px;
height:420px;
width:700px;
background-color:Red;
float:right;
border-top: 1px solid #333333;
position:absolute;
visibility:hidden;
}

.frontcards1
{
margin-right:0px;
height:auto;
width:700px;
float:right;
}

.frontcards2
{
margin-right:0px;
height:auto;
width:700px;
float:right;
}

.frontcards3
{
margin-right:30px;
height:auto;
width:460px;
float:right; 
}

.cardimage
{
height:110px;
width:150px;
}