body {
    background: black;
}
div.instruction {
    color:white;
    margin:auto;
    width:100px;
}
div.instructionPanel {
    position:relative;
    margin: 0 auto;    
    width:265px;    
}
div.pickCard {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:0px;
    width:265px;
    height:60px;
    background: black url(../images/PickCard.png);
}
div.n9 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/9.png);
}
div.n8 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/8.png);
}
div.n7 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/7.png);
}
div.n6 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/6.png);
}
div.n5 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/5.png);
}
div.n4 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/4.png);
}
div.n3 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/3.png);
}
div.n2 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/2.png);
}
div.n1 {
    position:absolute;
    visibility:hidden;
    top:400px;
    left:100px;
    width:40px;
    height:60px;
    background: #9fcfba url(../images/1.png);
}
div.question {
    z-index:999;
    visibility:visible;
    position:relative;
    margin:0 auto;
    width:580px;
    height:600px;
    background-color:black;
}
div.q {
    color:white;
    position:absolute;
    margin:auto;
    width:275px;
    height:400px;
    top:100px;
    left:200px;
}
div.hideQuestion {
	position:absolute;
    color:white;
    margin:auto;
    width:200px;
    height:200px;
    top:250px;
    left:200px;
}
div.popUp {
    z-index:999;
    visibility:hidden;
    position:absolute;
    top:20px;
    left:250px;
    width:600px;
    height:600px;
    background-color:black;
}
div.payInfo {
    color:white;
    position:absolute;
    margin:auto;
    width:275px;
    height:400px;
    top:100px;
    left:200px;
}
div.pay {
	position:absolute;
    color:white;
    margin:auto;
    width:200px;
    height:200px;
    top:250px;
    left:200px;
}
div.mainDeck {
    z-index:500;
    position:relative;
    margin: 0 auto;
    width: 560px;   
}

div.deck {
	
}	

div.send {
    background: black url(../images/Send.png);
    width:120px;
    height:60px;
    color: white;
    position:absolute;
    top: 150px;
    left: 230px;
    visibility: hidden;
}
div.shuffle {
    background: black url(../images/Shuffle.png);
    width:120px;
    height:60px;
    position:absolute;
    top: 150px;
    left: 225px;
    color: white;
}
div.card {
    background: #9fcfba url(../images/blue-fairy-angel-mystic-r.jpg);
    height:79px;
    width: 60px;
    cursor: move;
    border: 2px solid grey;
    text-align: center;
    position:absolute;
    /*float: left;
margin: 0 0 10px -10px;*/
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='..images/blue-fairy-angel-mystic-r.jpg');*/
}

  div#droppable_container {
    height: 140px;
    width: 400px; }
  div#draggable_demo {
    width: 60px;
    height: 60px;
    cursor: move;
    background: #9fcfba;
    border: 1px solid #666;
    text-align: center;
    position: relative;
    top: 30px;
    line-height: 50px; }
  div#pentagon {
    width: 150px;
    height: 150px;
    background: black url(../images/Altar.gif) no-repeat;
    border: 5px solid black;
    text-align: center;
    position: absolute;
    left:205px;
    top: 225px;
    line-height: 100px; /* Mozilla ignores crazy MS image filters, so it will skip the following */
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='..images/Altar.gif');*/

  }
/* IE ignores styles with [attributes], so it will skip the following. */
  div#pentagon.hover {
    border: 5px dashed #aaa;
    background: #efefef url(../images/Altar.gif) no-repeat;
  }