@charset "UTF-8";

/*@viewport {*/
    /*width: 240px;*/
    /*width: device-width;*/
    /*zoom: .5;*/
/*}*/

/*

		COLOUR PALLET
        
        light blue - #82d1ec - rgba(130, 209, 236, 1)
        light green - #a9cf54 - rgba(169, 207, 84, 1)
        dark green - #588f27 - rgba(88, 143, 39, 1)
        purple - #e2b7d0 - rgba(226, 183, 208, 1)
        yellow - #fff6ad - rgba(255, 246, 173, 1)
        red - #feb3b3 - rgba(254, 179, 179, 1) 
*/


.darkGreen {
    color: rgba(88, 143, 39, 1)!important;
}

.lightGreen {
    color: rgba(169, 207, 84, 1)!important;
}
.yellow {
    color: rgba(255, 246, 173, 1)!important;
}

@font-face {
    font-family: 'quicksand';
    src: url(/fonts/quicksand/quicksand_light-webfont.eot);
    src: url(fonts/quicksand/quicksand_light-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/quicksand/quicksand_light-webfont.woff) format("woff"), url(fonts/quicksand/quicksand/quicksand_light-webfont.ttf) format("truetype"), url(fonts/quicksand/quicksand_light-webfont.svg.svg#quicksandlight) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'bebas';
    src: url(fonts/BebasNeue/BebasNeue.eot);
    src: url(fonts/BebasNeue/BebasNeue.eot?#iefix) format("embedded-opentype"), url(fonts/BebasNeue/BebasNeue.woff) format("woff"), url(fonts/BebasNeue/BebasNeue.ttf) format("truetype"), url(fonts/BebasNeue/BebasNeue.svg.svg#BebasNeue) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldLight';
    src: url(fonts/Oswald/Oswald-Light.ttf); format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldReg';
    src: url(fonts/Oswald/Oswald-Regular.ttf); format("truetype");
    font-weight: 400;
    font-style: normal;
}

input[type="text"], input[type="password"] {
    width: 400px;
    font-family: OswaldLight, Arial, Helvetica, sans-serif;
    font-size: .9em;
    height: 18px;
    margin-top: -3px;
    border-radius: 5px;
    padding: 4px 5px 0 5px;
    resize: none;
    border: 1px solid #888888;
}

textarea {
    width: 400px;
    font-family: OswaldLight, Arial, Helvetica, sans-serif;
    font-size: .9em;
    border-radius: 5px;
    resize: none;
    border: 1px solid #888888;
    padding: 5px;
    margin-bottom: 15px
}

p {
    color: white;
    font-family: OswaldLight, Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight: 100;
    line-height: 1.7em;
    margin: 0 0 15px 0;
    letter-spacing: .05em;
}

h2 {
    font-family: OswaldLight, Arial, Helvetica, sans-serif;
    font-size: 1.45em;
    text-shadow: 1px 1px 2px #000;
    color: #e7fde6;
    margin: 0 0 20px 0;
    line-height: 1.4em;
}

/*h1 {*/
    /*font-family: bebas;*/
    /*font-size: 2.9em;*/
    /*letter-spacing: .052em;*/
    /*text-shadow: 1px 1px 3px #000;*/
    /* *letter-spacing: .11em; */
    /*color: #e7fde6;*/
/*}*/

a {
    color: rgba(169, 207, 84, 1);
    font-family: OswaldLight, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-decoration: none;
    letter-spacing: .05em;

}

a:hover {
    color: rgba(250, 170, 65, 1);
}

body {
    margin: 0;
    padding: 0;
    background-color:#c1d3de;
    background-image: url(../images/bg/binding-dark50.png);
}





                                                                        /* !SURVEYS*/


.fixed {
    position: fixed;
    top: 0;
}

#initialSurvey p, #childBaseSCASSurvey p {
    /*text-align: center;*/
    font-size: 1.05em;
}

#initialSurvey h1 + p {
    color: white;
    margin-bottom: 20px;
}

#initialSurvey ul + p {
    margin-top: 10px;
    color: black;
}

#initialSurvey select {
    width: 200px;
    height: 22px;
    font-family: OswaldLight, Arial, Helvetica, sans-serif;
    font-size: .9em;
    letter-spacing: .05em;
}

.radio_ul {
    width: 900px;
}

.radio, .emptyRadio {
    width: 95px;
    text-align: center;
    margin: 0 0 8px 0;
}

.radio_three {
    width: 150px;
    text-align: center;
    margin: 0 0 8px 0;
}

.question {
    width: 545px;
    text-align: left;
    margin: 0 0 8px 0;
}

.question_long {
    width: 880px;
    text-align: left;
    margin: 0 0 8px 0;
}

.answer_long_long {
    width: 761px;
    text-align: left;
    margin: 0 0 8px 0;
}

.answer_three {
    width: 358px;
    text-align: left;
    margin: 0 0 8px 0;
}

.radio_four {
    width: 85px;
    text-align: center;
    margin: 0 0 8px 0;
}

.question_four {
    width: 336px;
    text-align: left;
    margin: 0 0 8px 0;
}

.light {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
}

.dark {
    background: rgba(227, 184, 209, 0.2);
    border-radius: 8px;
}

.question_title {
    background-color: rgba(169, 207, 85, 0.6);
    border-radius: 8px;

}

.radio, .question, .question_long, .answer_long_long, .answer_three, .radio_three, .question_four, .radio_four, .emptyRadio {
    display: inline-block;
    height: auto;
    padding: 9px;
    vertical-align: middle;
    line-height: 1.4em
}

ul.radio_ul li.question_title {
    line-height: 1.2em;
}

                    /* !MODAL DIALOGUE */

#dialog-message {
    /*visibility: hidden;*/
    background-color: #454545;
    color: white;
    padding: 12px 20px 20px 20px;
    line-height: 1.6em;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
    /*-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);*/
    /*box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);*/
    z-index: 1000 !important ;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
}

/* !window title*/
div.ui-dialog-titlebar.ui-widget-header {
    background-color: #454545;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    font-size: 1.2em;
    padding: 16px 20px 0 20px;
    text-align: center;
    color: #ffffff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-dialog {

}
/* !ok button*/
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.dlgfixed.ui-dialog-buttons.ui-draggable.ui-resizable div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    width: 100px;
    border: none;
    border-radius: 5px;
    border-collapse: collapse;
    padding: 5px;
    background-color: #454545;
    color: #ffffff;
    cursor: pointer;
}

/* !ok button container*/
.ui-dialog-buttonset {
    text-align: center;
    margin-top: 20px;
}

/* !CLOSE BUTTON*/
.ui-dialog-titlebar-close {
    background-color: #454545;
    border: medium none;
    border-radius: 5px;
    float: right;
    height: 20px;
    margin-top: -40px;
    width: auto;
    cursor: pointer;
    color: #ffffff;
    padding: 2px 10px 10px 10px;
    display: none;
}


/*.ui-dialog {*/
    /*-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);*/
    /*-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);*/
    /*box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);*/
    /*z-index: 1000 !important ;*/
/*}*/


/*.ui-dialog .ui-dialog-content {*/
    /*font-size: 1em;*/
    /*line-height: 1.5em;*/
    /*text-align:  center;*/
    /*font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;*/
/*}*/

/*.ui-widget-content {*/
    /*background: url("../images/bg/binding-dark50.png") repeat-x scroll 50% 50% #CBF2F2!important;*/
    /*border: 1px solid #aaaaaa;*/
    /*color: #222222;*/
/*}*/

/*.ui-dialog .ui-dialog-title {*/
    /*text-align: center;*/
    /*font-size: 1.2em;*/
    /*font-family: OswaldReg, "Helvetica Bold", "Arial Black", sans-serif;*/
    /*color: #ffffff;*/

/*}*/

/*.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {*/
    /*text-align: center;*/
    /*float: none!important;*/
    /*font-size: .9em;*/
/*}*/

/*.ui-dialog .ui-dialog-buttonpane button {*/
    /*width: 200px;*/
/*}*/

/*.ui-dialog .ui-dialog-title {*/
    /*float: left;*/
    /*height: 30px;*/
    /*margin: 0.1em 0;*/
    /*overflow: hidden;*/
    /*padding-top: 5px;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*width: 90%;*/
/*}*/

/*.ui-widget-header {*/
    /*background: url(../images/bg/binding-dark50.png) repeat-x scroll 50% 50% #434343!important;*/
/*}*/
 /*MODAL BUTTON*/
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {*/
    /*background: none #434343!important;*/
    /*color: #ffffff!important;*/
    /*font-family: OswaldReg, "Helvetica Bold", "Arial Black", sans-serif!important;*/

/*}*/

                                                 /* !accordion */

#feedbackReport #accordion div {
    /*height: auto!important;*/
    margin-bottom: 20px;
    /*font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;*/
    letter-spacing: .05em;
}

#feedbackReport #accordion h3 {
    /*font-family: OswaldLig, "Helvetica Bold", "Arial Black", sans-serif;*/
    font-size: 1.6em;
}

#feedbackReport #accordion div ul {
    list-style: circle;
    margin-left: 40px;
    margin-bottom: 20px;
    line-height: 1.4em;
    font-size: .9em;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    letter-spacing: .05em;
}
/*space BEFORE UL*/
#feedbackReport #accordion  ul + p {
    /*margin-bottom: 5px;*/
}

#feedbackReport .questionContainer {
    color: #000000;
}

#feedbackReport h3 {
    cursor: pointer;
}
#feedbackReport h4 {
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    margin-bottom: 8px;
}

#feedbackReport #accordion div h3 {
    font-size: 1.1em;
    text-align: left;
    width: auto;
    margin-bottom: 5px;
}
#feedbackReport #accordion div li {
    line-height: 1.6em;
    margin-bottom: 12px;
}

#feedbackReport #accordion div ul p {
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    letter-spacing: .05em;
    line-height: 1.4em;
    font-size: .9em;
}





/* !BASE SURVEY*/

#childBaseSurveyQ02Form .question_title.radio {
    height: 40px;
}

#childBaseSurvey #container {
    margin: 0 0 0 320px;
}

#initialSurveyQ02 .question, #initialSurveyQ03 .question, #initialSurveyQ04 .question, #initialSurveyQ07 .question, #initialSurveyQ08 .question, #initialSurveyQ09 .question, #initialSurveyQ10 .question, #childBaseSurveyQ02Form .question, #childBaseSurveyQ03Form .question, #childBaseSurveyQ04Form .question, #childBaseSurveyQ05Form .question, #childBaseSurveyQ06Form .question, #childBaseSurveyQ07Form .question, #childBaseSurveyQ08Form .question, #childBaseSurveyQ09Form .question, #childBaseSurveyQ10Form .question {
    width: 403px;
    height: auto;
    padding: 10px;
    line-height: 1.4em;
}

#initialSurveyQ05 .question {
    width: 404px;
    height: auto;
    padding: 10px;
}

#initialSurveyQ06 .question_title {
    height: 100px;
}

#initialSurveyQ06 .question {
    line-height: 1.4em;
}


                                                                        /* !PARENT SCAS */
#childBaseSACSForm div#childBaseSACS.questionContainer ul.radio_ul.SCAS_45 li.question_title.greenradio.radio.bold,
#childBaseSACSForm div#childBaseSACS.questionContainer ul.radio_ul.SCAS_45 label li.radio.light,
#parentBaseSACSForm div#parentBaseSACS.questionContainer ul.radio_ul.SCAS_40 li.question_title.greenradio.radio.bold,
#parentBaseSACSForm div#parentBaseSACS.questionContainer ul.radio_ul.SCAS_40 label li.radio.light { /*FIX for last question hight issue, li not taking parent height*/
    height: auto!important;
    padding-bottom:13px;
}

#parentBaseSACSForm .greenquestion, #childBaseSACSForm .greenquestion {
    margin: 0 0 8px 0;
    text-align: left;
    height: auto;
    width: 484px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
}

#parentBaseSACSForm .question, #childBaseSACSForm .question {
    height: auto;
    line-height: 1.4em;
    padding: 10px;
    width: 484px;
}

#parentBaseSACSForm .greenradio, #childBaseSACSForm .greenradio {
    width: 75px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    text-align: center;
}

#parentBaseSACSForm .radio.light, #childBaseSACSForm .radio.light {
    width: 75px;
    display: inline-block;
    vertical-align: top;
}

                                                                  /* !IPPA */
#IPASurveyForm p {
    font-size: 1.05em;
}

#IPASurveyForm .radio.light {
    width: 95px;
    display: inline-block;
    vertical-align: top;
}


#IPASurveyForm .question_title{
    height: 80px;
    /*line-height: 1.4em;*/
    padding: 10px;
}

#IPASurveyForm .greenquestion {
    margin: 0 0 8px;
    text-align: left;
    width: 285px;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
}

#IPASurveyForm .question {
    height: auto;
    line-height: 1.4em;
    padding: 10px;
    width: 286px;
}

                                                            /* !EAC STYLES */

.surveyInstructions {
    font-size: 1.1em;
}

#EACSurveyForm .radio.light {
    width: 80px;
    display: inline-block;
    vertical-align: top;
}

#EACSurveyForm .greenradio {
    width: 80px;
    display: inline-block;
    vertical-align: top;
}
#EACSurveyForm .question_title {
    height: 80px;
    line-height: 1.4em;
    padding: 10px;
}

#EACSurveyForm .greenquestion {
    margin: 0 0 8px;
    text-align: left;
    width: 360px;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
}

#EACSurveyForm .question {
    height: auto;
    line-height: 1.4em;
    padding: 10px;
    width: 361px;
}

                                                                    /* !LOGIN PAGE */

#loginPage label {
    width: 80px;
    text-align: right;
    margin-right: 10px;
    display: inline-block;
}
#loginFormContainer {
    text-align: center;
    padding: 20px 0;
}

#loginFormContainer h2 {
    font-size: 2em;
    display: inline-block;;
    width: 200px;
    cursor: pointer;
}

/*PASSWORD RECOVERY PAGE*/

#passwordRecoveryContainer p {
    display: inline-block;
    margin-bottom: 20px;
}

#body {
    /* GREY BACKGROUND FOR SURVEYS ETC */

    background: url(../images/bg/dark-wall.png), url(../images/bannerShadow.png) no-repeat center top;
    width: 950px;
    background-color: #3c3c3c;
    border-radius: 0 0 5px 5px;
    margin: 0 auto;
    padding: 25px;
}

.questionContainer {
    display: inline-block;
    background: #CCF2F2;
    width: 900px;
    border-radius: 8px;
    text-align: center;
    padding: 25px;
    box-shadow: #000000 0px 2px 3px;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    letter-spacing: .05em;
    font-size: .9em;
    font-weight: 100;
    margin-bottom: 25px;
}

                                                                                                /* !HEADER STYLES */
#pageHeader h1, #pageHeaderSmall h1 {
    font-family: bebas;
    font-size: 2.9em;
    letter-spacing: .052em;
    text-shadow: 1px 1px 3px #000;
    /* *letter-spacing: .11em; */
}

#pageHeader h2, #pageHeaderSmall h2 {
    font-family: quicksand;
    font-size: 1.45em;
    text-shadow: 1px 1px 2px #000;
    margin-top: -28px;
}

#pageHeader h2, #pageHeader h1, #pageHeaderSmall h2, #pageHeaderSmall h1 {
    color: #e7fde6;
    /* line-height:1.15px; */
    height: auto;
}

/* 	!HOME STYLES */

#home #title h2 {
    font-size: 1.45em \9 !important; /* IE8 and below */
}

#home .centre {
    margin: 30px 0 20px;
}

#home .startButton {
    font-family: bebas;
    font-size: 2.1em;
    margin: 0 0 10px;
    background-image: url(../images/docIcon.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 30px;
    color: #fff;
    text-decoration: none;
}

#home .startButton:hover {
    color: #a9cf54;
    cursor: pointer;
}

#home #body {
    background-image: url('../images/bannerShadow.png');
    width: 950px;
    background-color: #3c3c3c;
    padding: 40px 25px 10px 25px;
    background-repeat: no-repeat;
    background-position: center 10px;
    border-radius: 5px;
    margin: -10px 0 20px 0;
}

#home #body h1 {
    font-family: bebas;
    color: #a9cf54;
    font-size: 1.9em;
    line-height: normal;
    letter-spacing: 0.05em;
    text-align: left;
}

#home #body h2 {
    font-family: bebas;
    margin: -20px 0 10px;
    font-size: 1.4em;
    color: #e3b9d1;
    line-height: normal;
    letter-spacing: 0.05em;
}

                                                                                            /* !NAV STYLES */
nav a, nav input[type="submit"] {
    font-family: bebas;
    text-decoration: none;
    color: #000;
    font-size: 1.1em;
    border: 0;
    background-color: white;
    letter-spacing: .03em;
    padding: 0;
}

nav a:hover, input[type="submit"]:hover {
    color: black;
    cursor: pointer;
}

#container {
    width: 1000px;
    margin: 0 auto;
    box-shadow: #666 0px 2px 3px;
    border-radius: 5px;
}

#medal {
    position: absolute;
    margin-left: 855px;
    height: 106px;
    width: 155px;
    z-index: 100000 !important;
}

input[type="submit"] {
    padding: 0 10px;
    margin: 0;
}

nav {
    width: 975px;
    background-color: white;
    height: 40px;
    text-align: right;
    color: black;
    padding: 15px 25px 0 0;
}

#pageHeaderSmall {
    width: 1000px;
    height: 200px;
}

#pageHeaderSmall #nivoWrapper {
    height: 200px;
}

#nivoWrapper {
    height: 300px;
}

#logo {
    position: absolute;
    z-index: 10;
    margin: 25px 0 0 25px;
}

#title {
    position: absolute;
    z-index: 10;
    margin: 50px 0 0 160px;
}

#slider {
    overflow: hidden;
}

/* !GENERAL Styles */

.bold {
    font-family: OswaldReg, Arial, Helvetica, sans-serif;
}

em {
    font-style: italic;
}

.ul {
    text-decoration: underline;
}

.leftJust {
    text-align: left !important;
    margin-top: 0.321em;
    display: inline-block;
}

.rightJust {
    text-align: right !important;
    vertical-align: baseline;
    display: inline-block;
}

.autoHeight {
    height: auto !important;
}

                                                                                        /* !HEADING Styles */

h1 {
    font-size: 2em;
    color: rgba(255, 246, 173, 1);
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.3em;
}

h3 {
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    letter-spacing: .05em;
    font-size: 1.1em;
    font-weight: 100;
    text-align: center;
    width: 800px;
    margin: 0 auto 20px auto;
    line-height: 1.4em
}

                                                                /* !authenticatePage */

#authenticatePage p {
    line-height: 1.2em;
}

                                                /* !membersIndex*/
#membersIndex h2 {
    /*margin: 10px 0 20px 0;*/
}


                                                                /* !SURVEY BREAD CRUMB */

#breadcrumbWrapper {
    position: absolute;
    width: 250px;
    margin: 0 20px 0 -300px;
}

#breadcrumb {
    background: url(../images/bg/dark-wall.png);
    display: inline-block;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    letter-spacing: .05em;
    font-size: 0.95em;
    vertical-align: top;
    width: 250px;
    background-color: #3c3c3c;
    padding: 10px;
    border-radius: 5px;
}

#breadcrumb.fixed {
    position: fixed;
    top: 0;
}

#breadcrumb li {
    padding: 8px;
    margin-bottom: 25px;
    line-height: 1.3em;
    color: #FDF4AB;
    background: url("../images/surveyBullets.png") 0px -62px no-repeat;
    height: 13px;
    padding-left: 35px;
}

#breadcrumb li.completed {
    color: #8D8D8D;
    background: url("../images/surveyBullets.png") 0px -30px no-repeat;
    height: 13px;
    padding-left: 35px;
}

#breadcrumb li.current {
    color: #CFE5EA;
    background: url("../images/surveyBullets.png") 0px 3px no-repeat;
    height: 13px;
    padding-left: 35px;
}

/* !REGISTRATION STYLES */
form#registrationForm div#parentInfo.questionContainer label.invalid {
    display: inline;
}

body#registrationPage div#container div#body form#registrationForm div#parentInfo.questionContainer ul.radio_ul li.question_long.Q22.dob.light.radioError label.invalid {
    margin: 0;
    width: auto;
}

#registrationForm ol {
    list-style: decimal!important;
    margin-left: 50px;
}

label.invalid {
    width: auto;
}

#registrationPage li>label.invalid {
    /*width: 0px;*/
}
#rego_parent_preftel_area, #rego_parent_alttel_area, #rego_parent_daytel_area {
    width: 20px;
    display: inline-block;
}

div#body form#registrationForm div#parentInfo.questionContainer ul.radio_ul li.question_long.Q06.light.radioError label.invalid, div#body form#registrationForm div#parentInfo.questionContainer ul.radio_ul li.question_long.Q08.light.radioError label.invalid {
    width: auto;
    margin: 0 5px;
}

input#rego_parent_preftel, #rego_parent_alttel, #rego_parent_daytel {
    width: 300px;
    display: inline-block;
}

#registrationPage #registrationForm h2 {
    margin: 2px 0 3px 0;
    text-shadow: none;
    color: black;
    font-size: 1.2em;
}

#registrationPage .question_title p {
    color: black;
    text-align: left;
    margin-bottom: 5px;
}

#registrationPage .smallLabel {
    width: 30px !important;
    margin-right: 15px !important;
}

#registrationPage input[type="radio"] {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}

/*#registrationForm input[type="text"], #registrationForm  input[type="password"], #loginPage input[type="text"], #loginPage input[type="password"] {*/
input[type="text"], input[type="password"] {
    padding: 10px;
}
/*#registrationPage #body input[type="text"], #registrationPage #body input[type="password"], #passwordRecoveryContainer input[type="text"] {*/
/*width: 400px;*/
/*font-family: droid;*/
/*font-size: .9em;*/
/*height: 18px;*/
/*margin-top: -3px;    */
/*border-radius: 5px;*/
/*padding: 4px 5px 0 5px;*/
/*resize: none;*/
/*border: 1px solid #888888;*/
/*}*/

/*#registrationPage textarea {*/
/*width: 400px;*/
/*font-family: droid;*/
/*font-size: .9em;*/
/*border-radius: 5px;*/
/*resize: none;*/
/*border: 1px solid #888888;*/
/*padding: 5px;*/
/*margin-bottom: 15px*/
/*}*/

/*#registrationPage select, #childBaseSurvey select {*/
select {
    width: 400px;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    font-size: .9em;
}

.topAlign {
    vertical-align: top;
}
#registrationPage .radio_ul label {
    display: inline-block;
    width: 290px;
    margin-right: 50px;
}

#registrationPage .childage {
    width: 200px;
}

.Q09other, .Q12other, .Q27other {
    margin-top: -8px;
}

/*
#registrationPage .Q17_child_one_age, #registrationPage .Q17_child_two_age, #registrationPage .Q17_child_three_age, #registrationPage .Q17_child_four_age, #registrationPage .Q17_child_five_age, #registrationPage .Q17_child_six_age, #registrationPage .Q17_child_seven_age, #registrationPage .Q17_child_eight_age, #registrationPage .Q17_child_nine_age, #registrationPage .Q17_child_ten_age  {
	padding-left: 50px;
	width: 805px;
}
*/

#registrationPage p {
    color: white;
    text-align: center;
}

#registrationPage ul.confirmation li {
    border-radius: 5px;
    margin-bottom: 10px;
    width: auto;
    padding: 0 10px 0 10px;

}

#registrationPage #ifp, #registrationPage #ifc {
    color: #a9cf54;
    display: block;
    text-align: center;
    margin: 20px 0 20px 0;
}

#registrationPage #ifp:hover, #registrationPage #ifc:hover {
    color: #82d1ec;
}

#registrationPage ul.confirmation {
		list-style: circle;
		list-style-position: inside;
    color: white;
    font-size: .9em;
    font-weight: 100;
    line-height: 1.4em;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    letter-spacing: .05em;
    text-align: center;
    margin: 20px 0 20px 0;
}

.dob select {
    width: 70px !important;
}

#registrationPage #disclaimer ul {
    text-align: left;
    margin: 20px 25px 0 35px;
    list-style: disc;
}

#registrationPage li {
    margin: 0 0 10px 0;
}

#registrationPage #disclaimer p {
    color: black;
    text-align: left;
    margin-left: 25px;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    letter-spacing: .05em;
    font-size: 1em;
}

#registrationPage #disclaimer {
    font-size: 1em;
    line-height: 1.2em;
    font-family: OswaldLight, "Helvetica Bold", "Arial Black", sans-serif;
    letter-spacing: .05em;
}

#disclaimer a {
    display: inline-block;
    text-align: left;
    margin: 0;
    color: #9a41fa;
    font-size: .9em;
    text-decoration: underline;
}

/* !VALIDATION ERRORS */
.invalid {
    color: rgba(241, 90, 35, 1);
}

.radioError {
    background-color: rgba(241, 90, 35, .5);
}

.centre {
    text-align: center;
}

.surveyButtonContainer {
    text-align: justify;
    /*height: 10px;*/
}

.surveyButtonContainer:after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size:0;
    line-height:0;
}

.button {
    width: auto;
    height: 28px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: #ccf2f2;
    display: inline-block;
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: none;
    padding: 0 10px 0 10px;
}

.button:hover {
    background-color: #a9cf54;
    cursor: pointer;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.6);

}

.reset {
    background-color: #feb3b3;
}
.reset:hover {
    background-color: #ff3847;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.6);
}



/*DASHBOARD*/


#dashboard h2 {
    margin: 0 0 10px 0;
}


#dashboard .leftCol
{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

#dashboard .rightCol
{
    display: inline-block;
    width: 49%;
    vertical-align: top;
}



/*MODULES*/

 #factSheet #factSheetCopy ul  {
    color: white;
    font-family: OswaldLight, Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight: 100;
    line-height: 1.7em;
    margin: 0 0 15px 0;
    letter-spacing: .05em;
     list-style: circle;
     margin-left: 40px;
}

#modulePackage {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
#dashboard .moduleButton {
    width: 475px;
    height: 50px;
    margin-bottom: 10px;
}

#dashboard #modulePackage h1, #dashboard #factsheets h1 {
    font-size: 1.1em;
    padding-top: 12px;
}

.currentModule, .currentfactsheet {
    background-color: #e6c32d;
    cursor: pointer;
}

.completedModule, .completedfactsheet {
    background-color: #82e6e4;
    cursor: pointer;

}
.incompleteModule, .incompleteModule a, .incompletefactsheet, .incompletefactsheet a {
    background-color: darkslategrey;
    cursor: default;
}

.currentModule h1, .completedModule h1, .completedfactsheet h1, .completedfactsheet h1 {
    color: #000000;
}

.currentModule:hover, .completedModule:hover, .currentfactsheet:hover, .completedfactsheet:hover {
    background-color: orange;

}



/*GOALS*/

#goals {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    /*direction: rtl;*/
    margin-bottom: 50px;
    text-align: right;
}



/*surveys*/

#surveys {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
    text-align: right;
}

#surveys .parentSurveyButton, #surveys .childSurveyButton {
    width: 400px;
    height: 40px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 10px 0 0 0;
    font-size: 1.1em;
    text-align: center;
}

#surveys .parentSurveyButton {
    background-color: darkred;

}
#surveys .childSurveyButton {
    background-color: orange;
}





/*

		COLOUR PALLET
        
        light blue - #82d1ec - rgba(130, 209, 236, 1)
        light green - #a9cf54 - rgba(169, 207, 84, 1)
        dark green - #588f27 - rgba(88, 143, 39, 1)
        purple - #e2b7d0 - rgba(226, 183, 208, 1)
        yellow - #fff6ad - rgba(255, 246, 173, 1)
        red - #feb3b3 - rgba(254, 179, 179, 1) 
*/