/* Eric Meyer Reset
----------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
ol, ul { list-style: none; }

/* Typography
----------------------------------------------------------------------------- */
body {
    font: 75%/1.5em Arial, Helvetica, sans-serif;
    color: #333;
    background: #212121 url(../img/bg.png) repeat-x;
}

a           { color: #536CE9; text-decoration: underline;}
a:visited   { color: #8553E9; }
a:hover     { color: #0000CC; }

strong {
    font-weight: bold;
}

/* spacing */
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
    margin-bottom: 20px;  
}

/* Structure
----------------------------------------------------------------------------- */
.container { 
    width: 710px;
    margin: 0 auto;
}

/* Header
----------------------------------------------------------------------------- */
#header { 
    height: 40px;
    position: relative;
}
#header #logo {
    margin-top: 8px;
    float: left;
}
#header p {
    float: right;
    color: #666;
    font-size: 16px;
    margin: 10px 20px 0 0;
}
#header p span {
    font-size: 12px;
}

/* Footer
----------------------------------------------------------------------------- */
#footer {
    color: #5E5E5E;
    text-align: center;
    padding-top: 10px;
}

/* Content Area
----------------------------------------------------------------------------- */
#content {
    position: relative;
    width: 710px;
    height: 520px;
    background: #FFF url(../img/content_bg.jpg) no-repeat;
}
#content h2 {
}

#module {
    position: relative;
    width: 710px;
    height: 520px;
    background: #FFF url(../img/content_bg.jpg) no-repeat;
}
#module h1 {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
}
#module #module_controls {
    width: 710px;
    position: absolute;
    top: 491px;
    left: 0;
}
#module #prev_btn {
    position: absolute;
    left: 10px;
}
#module #next_btn {
    position: absolute;
    right: 10px;
}
#module #module_progress {
    color: #FFF;
    width: 480px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 115px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

#signup_partner {
    width: 305px;
    height: 76px;
    margin: 40px auto;
}

#signup_btns {
    width: 106px;
    margin: 150px auto 0 auto;
}

#congrats{
    margin: 40px 20px;
    font-size: 18px;
}

#survey_wrap h1 {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
}
#survey {
    background: #FFF url(../img/survey_top.jpg) no-repeat;
/*    padding-top: 30px;*/
}
#survey p {
    margin: 20px 10px;
}
#survey_btns {
    width: 710px;
    height: 34px;
    background: #FFF url(../img/survey_bottom.jpg) no-repeat;
/*    position: relative;*/
}
#survey_btns #survey_submit {
    float: right;
    margin: 5px 10px 0 0;
}

#cert {
/*    padding-top: 50px;*/
    background: #FFF url(../img/survey_top.jpg) no-repeat;
}


/* Form Definitions
----------------------------------------------------------------------------- */
#generic_form {
    width: 400px;
    margin: 0 auto;
    margin-top: 30px;
}
.uniForm .ctrlHolder label {
    color: #777;
    margin-bottom: 0;
    font-size: 14px;
}
.uniForm .ctrlHolder .textInput {
    color: #555;
    background-color: #FFF;
    border: 1px solid #999;
    padding: 3px;
    font-size: 14px;
}
.uniForm .ctrlHolder .textInput:focus {
    background-color: #FBFBFB;
    border: 1px solid #999;
}
.uniForm .ctrlHolder .photoHint {
    color: #AAA;
    font-style: italic;
    font-size: 12px;
}
.uniForm .buttonHolder .buttons {
    padding-right: 5%;
    margin-right: -7px;
}

#survey_form {
    width: 600px;
    margin: 0 auto;
/*    margin-top: 30px;*/
}
#survey_form th {
    font-weight: bold;
    text-align: left;
    padding-top: 20px;
}
#survey_form label,
#survey_form p.label {
    color: #333;
    font-weight: bold;
    font-size: 12px;
}
#survey_form .ctrlHolder {
    padding: 0;
    margin-bottom: 2em;
}
#survey_form textarea.txtarea {
    width: 500px;
    height: 75px;
}
#survey_form .ctrlHolder .textInput {
    color: #333;
    background-color: #FFF;
    border: 1px solid #999;
    padding: 3px;
    font-size: 12px;
}


/* Flash notices
------------------------------------------------------------------------------*/
.error {
    background: #FFEBE8;
    border: 1px solid #CC0000;
}
.success {
    
}
.notice {
    background: #FFFBCC;
    border: 1px solid #E6DB55;
}
.error, .success, .notice {
    font-size: 12px;
    margin: 15px 0 10px 0;
    padding: .5em;
    width: 80%;
}

   
/* Misc
----------------------------------------------------------------------------- */
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}