.purplechecker {
background-color: #443377; 
border: 32px solid #4B1E66;
border-image: url(../img/boxes/purplechecker_outer.png) 32 round; 
border-image-outset: 1rem;
}

.computerwindow {
border: 40px solid #BCBCBC;
border-image: url(../img/boxes/computerwindow_outer.png) 40 round; 
border-image-outset: 1rem;
}

.balloon {  
    background: #DCDCAC;
    border-radius: 4px;  
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;  
    padding: 1em;
    position: relative;  
    width: 16em;  
    text-align: left;  
    color: #3A3A3A;
    margin-left: 1em;
    margin-top: 0.5em;
    height: 2em;  
}  
  
.balloon .arrow {
    border-color: transparent #DCDCAC transparent transparent; 
    border-style: solid; 
    border-width: 0.5em; 
    display: block; 
    height: 0; 
    left: -1em; 
    position: absolute;
    top: 1.5em; 
    width: 0; 
}

.yellowcard {
font-family: "Piacevoli", Fallback, serif;
font-size: 1.5em;
color: #080808;
background: #FFE9A1;
border: 4px solid #AF9951;
width: 6em;
padding-left: 15px;
margin-left: 15px;
}