/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 60px; /* footer height */
    font-family: 'Open Sans', sans-serif;
}
.clear {
    clear:both;
}
.center {
    text-align: center;
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* footer height */
    background-color: #f5f5f5;
}
@media (max-width: 500px) {
    #footer {
        font-size: 70%;
    }
}
.welcome {
    padding: 10px 15px;
    line-height: 20px;
}
.row-mafia small {
    font-size: 50%;
}
.col-md-2 {
	width: 16.66% !important;
}
.welcome a {
    position: static !important;
    padding: 0 !important;
    line-height: normal !important;
    display: inline !important;
}
@media (min-width: 768px) {
    .welcome {
        padding: 15px 0;
    }
}
.container .text-muted {
    margin: 20px 0;
    text-align:center;
}
.table-rowlink tr {
    cursor: pointer;
}
.table-rowlink th {
    cursor: default;
}

h1, h2, h3, h4, h5, h6, legend, .navbar-brand {
    font-family: 'Revalia', cursive;
    margin-top: -0.25em;
}

h3 > a:hover, h4 > a:hover, legend > a:hover {
    text-decoration: none;
}

.navbar-nav > li > a, .navbar-nav > li > a::-moz-focus-inner,
a.navbar-brand, a.navbar-brand::-moz-focus-inner,
#users > li > a, #users > li > a::-moz-focus-inner    {
    outline: none;
    border: 0;
}


.row-margin > div {
    padding-top: 20px;
}

@media (min-width: 992px) {
    .row-mafia {
        margin-top: -15%;
        padding-bottom: 15%;
    }
}
form.navbar-form.navbar-right, div.navbar-right {
    margin-right: -30px !important;
}
.navbar-form.navbar-right .form-control {
    width: 130px;
}

#gamecount {
    font-family: 'Revalia', cursive;
    margin-top: -0.25em;
    padding-bottom: 0.25em;
    font-size: 10em;
    text-align: center;
}

/* Noticeboard 
-------------------------------------------------- */
#notice-header {
    background: white;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-radius: 4px 4px 0 0; 
    padding: 10px;
}
#notice-title, .notice-button {
    margin-right: 10px;
}

#notice-wrap {
    height: 375px;
    border: 1px solid #CCC;
    border-top: none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-radius: 0 0 4px 4px;
    overflow-y: scroll;
    padding: 10px;
}
#notice-wrap div {
    display: none;
}

#notice-wrap div.sel {
    display: block;
}

/* Game Dashboard 
-------------------------------------------------- */
#stateimg {
    position: absolute;
    margin-top: -20px;
    right: 0px;
    z-index: -1;
}
/* Voting */

form#vote .radio label {
    display: block;
    width: 100%;
    padding: 10px 20px;
}

form#vote .radio {
    width: 100%;
    background-color: #EEE;
    border-radius: 4px;
}
form#vote .radio.sel {
    background: url("../img/c.svg") no-repeat right 8px center;
    background-size: auto 14px;
    background-color: #CCC;
}
form#vote .radio:hover {
    background-color: #CCC;
}
form#vote input:checked + span {
    font-weight: bold;
}

form#vote .msgsubmit {
    display: table;
    width: 100%;
}

form#vote #vote-reason {
    display: table-cell;
    width: auto;
}
form#vote #vote-submit {
    vertical-align: top;
    display: table-cell;
    width: 100px;
    padding-left: 20px;
}
#votelog {
    width: 100%;
}

/* Admin Game Dashboard 
-------------------------------------------------- */

#playerstate {
    padding: 0;
    margin: 0;
    
    max-height: 500px;
    overflow-y: scroll;
}
#playerstate li {
    background-color: #AAFFAA;
    list-style-type: none;
    margin: 0 0 10px;
}
#playerstate li:after {
    display: block;
    content: "";
    clear: both;
}
#playerstate li.dead {
    background-color: #FFAAAA;
}
#playerstate span {
    display: block;
    padding: 12px;
    float: left;
    width: 300px;
}
#playerstate li button {
    margin: 5px 10px 0 0;
    float: right;
}
#phaseend {
    height: 200px;
    margin-bottom: 10px;    
}


/* Admin Game Creation 
-------------------------------------------------- */

#create-game .radio {
    margin: 12px 0px;
}

#create-game .radio:first-of-type {
    padding-top: 1px;
}

#create-game .radio label {
    display: block;
    width: 100%;
    padding: 6px 0;
}

#create-game .submit, #create-game .reset {
    width: 100%;
    margin-bottom: 10px;
}

#create-game select {
    width: 100%;
}
#create-game option {
    padding: 5px 5px;
}

/* Registration 
-------------------------------------------------- */
#form-register {
    max-width: 400px;
    margin-bottom: 10px;
    display:block;
}
#form-register input, #form-register .control-group,
.form-details    input, .form-details    .control-group {
    margin: 10px 0;
}
.small-print {
    font-size: 8pt;
    font-weight: normal;
    float: right;
    display: block;
    height: 8pt;
}
.small-print input[type='checkbox'] {
    margin-top: 3px !important;
    margin-left: -20px !important;
}