/*
* Styles for static pages
*/

#survey {
padding: 0 0.6em 3.2em 0.6em;
color: #30336b;
}

#survey h1 {
text-align: center;
font-weight: normal;
font-size: 1.3em;
line-height: 1.4em;
}

#survey a {
color: #0057a0;
}

#survey a:visited {
color: #0057a0;
}

#surveyGraph {
max-width: 460px;
margin: 3em auto 3em auto;
}

.surveyBox {
margin-top: 1.52em;
}

.surveyPercent {
width: calc(100% - 3em);
border: 1px solid #d1d8e0;
display: inline-block;
}

.surveyPercentInner {
background: #16a085;
height: 1.32em;
}

.surveyPercentInnerDisabled {
background: #d1d8e0;
height: 1.32em;
}

.surveyPercentNumber {
vertical-align: 0.34em;
margin-left: 0.32em;
font-weight: bold;
}

.surveyAnswer {
font-size: 0.92em;
}

.surveyAnswerDisabled {
font-size: 0.92em;
color: #95a5a6;
}

#surveyTotalVotes {
text-align: center;
font-weight: bold;
}

.surveyLinks {
margin: 2.2em auto 1.2em auto;
text-align: center;
}

.surveyLinks a {
display: inline-block;
margin: 0 0.92em;
padding: 0.32em 0.16em;
text-decoration: none;
}

.surveyLinks a:hover {
text-decoration: underline;
}

.surveyArchiveList p {
margin: 1em 0;
padding: 0;
line-height: 1.6em;
text-indent: 1.6em;
}

.surveyArchiveList a {
text-decoration: none;
}

.surveyArchiveList a:hover {
text-decoration: underline;
}

.voteSurvey {
max-width: 460px;
margin: 3em auto 3em auto;
}

.voteSurveyMsg {
margin: 2.2em auto -2.2em auto;
text-align: center;
color: #b33939;
font-weight: bold;
}

.disabledSurveyAnswer {
color: #95a5a6;
}

#survey button {
margin-top: 1.4em;
cursor: pointer;
border-radius: 5px 5px;
color: #ffffff;
padding: 0.6em 1.2em;
background: #218c74;
font: inherit;
border: 1px solid #218c74;
}

#survey button:focus {
outline: 0;
border-color: #16a085;
}

#survey button:hover {
background: #16a085;
}

#survey button:disabled {
cursor: unset;
background: #95a5a6;
border: 1px solid #95a5a6;
}