body{}

pre{
    font-family: monospace, serif;
    margin-bottom: 10px;
    overflow: auto;
    width: auto;
    padding: 5px;
    background-color: #eee;
    width: 650px!ie7;
    padding-bottom: 20px!ie7;
    max-height: 600px;
}

.container {
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    max-width: 640px;
    width: 640px;
}

.row {
    padding: 5px;
}

.versus {
    text-align: center;
}

.btGenerate{
  height:50px;
  width:100%;
}

.note {
    margin-top: 0px;
}

.panel-default {
    border-color: #515151 !important;
}

.panel-heading {
    height: 70px;
    border-color: #515151 !important;
    background-color: #7FB2F7 !important;
    background-image: none !important;
}

.panel-title {
    float: right;
    margin-top: 10px  !important;
    font-size: 28px !important;
    font-weight: bold;
    color: #515151 !important;
}