body {
    font-family: Verdana, Geneva, sans-serif;
    font-size:110%;
    background-color:#e7f5f9;
    overflow:hidden;
    padding:0px;
}


.loggedinheader {
    background-color:#ff3399;
    color:#ffffff;
    padding: 12px;
}

.deliverylogo
{
    height:32px;
}

.deliveryheadercontent
{
    float:right;
    line-height:32px;
}

.topheader {
    height: 54px;
}


.loggedinlogo {
    position: absolute;
    z-index: 1000;
    background-color: #ffffff;
    height: 80px;
    padding: 15px;
    right:15px;
}

.loggedinmenu {
    background-color: #ff3399;
    color:#ffffff;
    padding-top:6px;
    padding-bottom:6px;
}

.loggedinmenu .container
{
    padding-left:15px !important;
    padding-right:15px !important;
}

.loggedinmenu a {
    color:#ffffff;
}

.loggedinheader .container {
    padding-left: 0px;
    padding-right: 0px;
}

#maincontainer
{
    background-color:#ffffff;
    position:relative;
    overflow:auto;
}

#mainfooter
{
    
}


.logincontainer
{
    background-color:#e7f5f9 !important;
}

.logo{
    background-image:url(logo.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position-x:15px;
    min-height:40px;
    text-indent: -9000em;
}

.footercontent
{
    border-top:1px solid #cccccc;
    background-color:#f1f1f1;
    visibility:hidden;
    padding-left:1em;
    padding-right:1em;
}

.loginbox
{
    background-color:#ffffff;
    border-right:2px solid #999999;
    border-bottom:2px solid #999999;
    border-radius:8px;
    margin-top:5em;
    padding:1em;
}


.validation-summary-valid {
    display: none;
}

#answerquestionswarning
{
    display:none;
    background-color:#ffffcc;
    color:#ff0000;
    font-weight:bold;
    position:absolute;
    left:0px;
    right:0px;
    padding:1em;
    z-index:9999;
    border-bottom:1px solid #ff0000;
}

.deliverycontent
{
    padding:12px;
}

.centredcontent
{
   text-align:center;
   max-width:840px;
   margin-left:auto;
   margin-right:auto;
}

.startnotification{
    display:inline-block;
    border:1px dotted #cccccc;
    background-color:#e8f5f8;
    padding:12px;
}

#afterAudio
{
    display:none;
}

.audiocheckimage
{
    width:200px;
}

#recordCheckSpeak {
    display: none;
}

#recordCheckOk
{
    display:none;
}

#recordCheckError
{
    display:none;
}

ul.recordErrorHelp {
    display:inline-block;
    text-align:left;
}

.recordError
{
    display:none;
    text-align:left;
}

.recordErrorShown
{
    text-align:left;
}

.recordOK{
    display:inline-block;
    text-align:left;
}

.progress
{
    height:2.5rem;
    vertical-align:middle;
    background-color:#ffffff;
    border:1px solid #cccccc;
}

.progress-bar
{
    height:2.5rem;
    background-color:#f3921e;
}


.btn
{
    height:2.5em;
    line-height:2.2em;
    padding-top:0px;
    padding-bottom:0px;
}

.btn-hidden
{
    visibility:hidden;
}

.btn-primary
{
    background-color:#ff6600;
    border-color:#cc3300;
    color:#ffffff;
}

.btn-primary:hover
{
    background-color:#cc3300;
    border-color:#990000;
        color:#ffffff;
}

.btn-secondary
{
    background-color:#f3921e;
    border-color:#e18314;
    color:#ffffff;
}

.btn-secondary:focus
{
    background-color:#f3921e;
    border-color:#e18314;
    color:#ffffff;
}

.btn-secondary:hover
{
    background-color:#e18314;
    border-color:#d0760b;
        color:#ffffff;
}

.indicator
{
    height:2.5em;
    display:block;
    overflow:hidden;
    white-space:nowrap;
}

.indicator .btn-indicator
{
    font-size:0.6em;
    height:2.5rem;
    width:2.5rem;
    line-height:2.4rem;
    padding:0px;
}

.indicator .section {
    display:inline-block;
    padding-left:6px;
}

.indicator .section:first-child {
    padding-left: 0px;
}

.fullindicator
{
    height:auto;
    overflow:visible;
    white-space:normal;
}


.fullindicator .section
{
  display:block;
}

.fullindicator .sectiontitle
{
    display:block;
    background-color:#eeeeee;
    margin-bottom:0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
}

.fullindicator .btn-indicator
{
    min-width:3.5em;
    height:3.5em;
    line-height:3.5em;
    margin-bottom:1em;

}

.btn-answered{
    border-radius:32px !important;
}

.fullindicator .btn-answered {
    border-radius:64px !important;
}