/* 
    Document   : pages.css
    Created on : 2013-06-13, 09:53:45
    Author     : Damian
    Description:
        Purpose of the stylesheet follows.
*/
#header{
    background: #fff;
    padding: 15px 0;
}
#header .top{
    font: normal 27px/43px 'Open Sans', aral, sans-serif;
    color: #5cb21a;
    text-transform: uppercase;
}
#header .top a{
    color: #5cb21a;
    text-decoration: none;
}
#header .top a.back{
    color: #fff;
}
.back{
    font: bold 15px/43px 'Open Sans', aral, sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px 0 40px;
    background: url('../img/layouts/default/arrow.png') no-repeat  10px center #ff4e00;
    border-radius: 10px;
    float: right;
    text-decoration: none;
}

#leftCol{
    top: 80px;
}
#content{
    background: #75c02f;
    min-height: 550px;
}
body #content .content{
    padding-left: 0px;
}
#content .content > div{
    margin-left: 215px;
    background: #fff;
    padding: 15px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.title h1{
    color: #75c02f;
    border-color: #75c02f;
}
#content .breadcrumb{
    color: #75c02f;
    font: normal 12px/20px 'Ope Sans', arial, sans-serif;
}
#content .breadcrumb a{
    color: #75c02f;
}
#footer .content div.fl{
    margin-right: 45px;
    font: bold 14px/20px arial, sans-serif;
    color: #232323;
}
#footer .content .fl+.fr a img {
    margin-top: -20px;
}
#price_progressbar{
    height: 10px;
    background: #dddddd;
    border-radius: 5px;
    margin: 20px 0 40px;
}
#price_progressbar .ui-progressbar-value{
    background: #75c02f;
    border-radius: 5px;
    height: 10px;
}
#questionNumber{
    font: normal 17px/20px 'Open sans', arial, sans-serif;
    color: #006739;
}
.question{
    font:  bold 17px/22px  'Open sans', arial, sans-serif;
    color: #5b5b5b;
}
#questions input[type="checkbox"]{
    position: absolute;
    left: -500px;
    opacity:0;
    filter:alpha(opacity=0);
}
#questions input[type="checkbox"] + label{
    padding-left: 25px;
    background: url('../img/layouts/default/checkbox.png') no-repeat left bottom;
    margin-top: 10px;
    display: block;
}
#questions input[type="checkbox"].checked + label{
    background-position: left top;
}
.naviButton{
    padding-top: 20px;
}
#prevButton{
    float: left;
}
#prevButton #prev,
#nextButton #next,
#end #end_test{
    font: bold 14px/37px 'Open Sans', arial, sans-serif;
    padding: 0 20px;
    color: #fff;
    background: #c9c9c9;
    border-radius: 7px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}
#end,
#nextButton{
    float: right;
}
#nextButton #next{
    background: #75c02f;
}
#end #end_test{
    background: #ff4e00;
}
#testResults{
    background: url('../img/layouts/default/quiz_summary.jpg') no-repeat right 0px;
    margin-right: -30px;
}
#testResults h5{
    font: normal 18px/22px 'Open Sans', sans-serif;
    color: #3a3a3a;
    margin: 20px 0;
}
.greenButton{
    padding: 4px 20px;
    line-height: 43px;
    background: #75c02f;
    border-radius: 7px;
    color: #fff;
    font: bold 14px/20px arial, sans-serif;
}
.congratulations > div{
    font: normal 14px/22px arial, sans-serif;
    color: #5b5b5b;
    padding: 4px 0;
    font: bold 14px/25px 'Open Sans', arial, sans-serif; 
}
.orangeButton{
    background: #ff4e00;
    padding: 0 60px;
    font: bold 16px/37px arial, sans-serif;
    display: inline;
   padding: 10px 30px;
   color: #fff;
   border-radius: 20px;
   margin-left: 20px;
}