@charset "utf-8";

* { 
    margin: 0;
    padding: 0;
}
a:focus {
    outline: none;
}
.hidden {
    display: none;
}
.disabled {
    color: #cccccc !important;
}
body {
    background: #ffffff;
}
body, th, td {
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 13px;
    color: #333333;
}
ul, ol {
    margin: 10px 0px 10px 40px;
}
#page_container {
    width: 800px;
    margin: auto;
}
#logo {
    height: 95px;
}
#logo #logo-help {
    float: right;
    width: 400px;
    margin-top: 25px 
}
#logo #logo-help ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#logo #logo-help li {
    float: right;
    margin: 0;
    padding: 0;
    background: url(images/help_btn_right.gif) no-repeat right top;
}
#logo #logo-help a {
    display: block;
    background: url(images/help_btn_left.gif) no-repeat left top;
    padding: 10px 10px 20px 33px;
    font-size: 10px;
    font-weight: bolder;
    color: #324452;
    text-decoration: none;
    font-family: verdana, arial, helvetica, sans-serif;
}
#logo #logo-image {
    float: left;
    width: 400px;
    padding: 10px 0px 0px 0px;
}
#header {
    height: 95px;
    background-color: #cccccc;
    background-repeat: repeat-x;
    background-image: url(images/header_bg.gif);
}
#header .padding {
    padding: 25px;
}
#header h1 {
    margin: 0;
    padding: 25px 0px 0px 25px;
    color: #9ba2a7;
    font-size: 14px;
    font-weight: normal;
}
#header h2 {
    margin: 0;
    padding: 5px 0px 0px 25px;
    color: #4e565d;
    font-size: 22px;
    font-weight: bold;
}
#header #hdr_left {
    width: 7px;
    float: left;
}
#header #hdr_right {
    width: 7px;
    float: right;
}
#header #hdr_timer {
    width: 200px;
    float: right;
}
#header #hdr_timer h1 {
    margin: 0;
    padding: 25px 25px 0px 0px;
    color: #9ba2a7;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
}
#header #hdr_timer #hdr_timer_time {
    margin: 0;
    padding: 4px 25px 0px 0px;
    color: #4e565d;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
}
#header #hdr_timer #hdr_demo {
    padding: 0px 0px 0px 0px;
    color: #990000;
    font-size: 8pt;
    font-weight: bolder;
    text-align: right;
}
#header #hdr_timer #hdr_demo_alone {
    padding: 10px 4px 0px 0px;
    color: #990000;
    font-size: 8pt;
    font-weight: bolder;
    text-align: right;
}
#status {
    height: 51px;
    background-color: #cccccc;
    background: url(images/status_bg.gif);
}
#status #stat_menu {
    width: 600px;
    float: right;
}
#status #stat_menu ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}
#status #stat_menu li {
    float: left;
    height: 51px;
    margin: 0;
    padding: 10px 15px 0px 15px;
    font: bold 11px arial, helvetica, sans-serif;
}
#status #stat_menu li.text_color_white {
    color: #ffffff;
}
#status #stat_menu li.text_color_gray {
    color: #a8a8a8;
}
#status #stat_menu li.stat_btn_black {
    background: url(images/status_btn_black.gif) no-repeat center top;
}
#status #stat_menu li.stat_btn_gray {
    background: url(images/status_btn_gray.gif) no-repeat center top;
}
#status #stat_menu li.stat_btn_green {
    background: url(images/status_btn_green.gif) no-repeat center top;
}
#status #stat_menu li.stat_btn_white {
    background: url(images/status_btn_white.gif) no-repeat center top;
}
#content_container {
    background-image: url(images/instruct_bg.gif);
    background-repeat: repeat-y;
}
.title {
    height: 69px;
    background-image: url(images/title_bg.gif);
}
.title h1 {
    margin: 0;
    padding: 22px 0px 0px 25px;
    color: #4e565d;
    font-size: 18px;
    font-weight: bold;
}
.title-shim {
    height: 10px;
}
.title_left {
    float: left;
}
.title_right {
    float: right;
    width: 300px;
    margin: 0px;
    padding: 26px 25px 0px 0px;
    color: #4e565d;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}
.instructions {
    background-image: url(images/instruct_bg.gif);
    padding: 15px 0px 7px 0px;
    color: #3c4145;
}
.instr_table {
    background-image: url(images/instruct_tbl_bg.gif);
}
.instr_table_top {
    height: 8px;
    background-image: url(images/instruct_tbl_top.gif);
}
.instr_table_title {
    font-size: 16px;
    padding: 15px 50px 15px 50px;
    font-weight: bold;
}
.instr_table_sep {
    height: 2px;
    background-image: url(images/instruct_tbl_sep.gif);
}
.instr_table_content {
    padding: 0px 50px 0px 50px;
    background-image: url(images/instruct_tbl_bg.gif);
}
.instr_table_content table {
    margin-top: 12px;
}
.instr_table_bottom {
    height: 27px;
    background-image: url(images/instruct_tbl_btm.gif);
}
.instr_text {
    margin: 0;
    padding: 15px 0px 0px 0px;
    line-height: 1.5;
}
.instr_text_explanation {
    margin: 0;
    padding: 15px 0px 0px 38px;
    line-height: 1.5;
}
.instr_note {
    margin: 0;
    padding: 0px 100px 0px 0px;
    line-height: 1.5;
    font-size: 10px;
    color: #a1a1a2;
    font-weight: bold;
}
.instr_agree {
    margin: 0 auto;
    text-align: center;
}
.instr_table_notify ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.instr_table_notify ul li {
    padding: 2px 0px 2px 22px;
}
.instr_table_notify ul li.success {
    background: url(images/check.png) no-repeat 0 2px;
    color: #009900;
}
.instr_table_notify ul li.info {
    background: url(images/info.png) no-repeat 0 2px;
    color: #000099;
}
.instr_table_notify ul li.warning {
    background: url(images/warning.png) no-repeat 0 2px;
    color: #666600;
}
.instr_table_notify ul li.error {
    background: url(images/error.png) no-repeat 0 2px;
    color: #990000;
}
.no_top_padding {
    padding-top: 0px !important;   
}
.fail {
    color: #d23319;
}
.pass {
    color: #76b131;
}
.timezone {
    color: #939ea7;
}
.instr_table_notify {
    font-size: 16px;
    padding: 15px 50px 0px 50px;
    font-weight: bold;
}
.exp_hdr_title {
    margin: 0;
    padding: 15px 0px 0px 0px;
    line-height: 1.5;
}
.exp_hdr {
    padding: 0px 30px 0px 10px;
}
.exp_title {
    padding: 0px 0px 0px 15px;
    font-size: 16px;
}
.exampletext {
    font-size: 8pt;
    color: #333333;
}
.separator {
    margin: 8px 0px 0px 0px;
    height: 2px;
    background-image: url(images/separator.gif);
}
.divider {
    height: 2px;
    background-image: url(images/separator.gif);
}
.question_container {
}
.question_number {
    font-size: 11px;
    padding-right: 10px;
    margin-top: 18px;
    font-weight: bold;
    text-align: right;
    width: 50px; 
    float: left;
}
.question_answer {
    width: 600px;
    float: left;
    margin-top: 16px;
}
.question_answer_long {
    width: 700px;
    float: left;
    margin-top: 16px;
}
.question_text {
    margin-bottom: 16px;
    width: 600px;
}
.question_review {
    margin-top: 10px;
    width: 125px;
    float: right;
}
.question_review_comment {
    margin: 8px 0px 8px 60px;
}
.question_comment {
    margin: 16px 0px 16px 60px;
}
.review_later_top {
    height: 3px;
    width: 105px;
    background-image: url(images/review_later_top.gif);
}
.review_later_content {
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    width: 105px;
    background: url(images/review_later_bg.gif) repeat-y;
}
.review_later_text {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    color: #939ea7;
    font: normal 10px arial, helvetica, verdana, sans-serif;
}
.review_later_bottom {
    height: 5px;
    width: 105px;
    background-image: url(images/review_later_btm.gif);
}
.matrix_row {
    padding: 4px;
    background-color: #e6e9ea;
}
.matrix_row_alt {
    padding: 4px;
    background-color: #e1e4e5;
}
.matrix_col {
    padding: 4px;
    background-color: #e6e9ea;
}
.matrix_col_alt {
    padding: 4px;
    background-color: #e1e4e5;
}
.matrix_cross {
    padding: 4px;
    background-color: #e1e4e5;
}
.matrix_cross_alt {
    padding: 4px;
    background-color: #dcdfe0;
}
#table_content {
}
#submit {
    padding: 15px 0px 7px 0px;
    background: url(images/submit_bg.gif) repeat-x left bottom;
}
.submit_button_right {
    float: right;
}
.submit_button_left, .submit_button_middle {
    float: left;
}
.submit_button_left ul, .submit_button_middle ul, .submit_button_right ul {
    margin: 0;
    padding: 0px 15px 0px 15px;
    list-style: none;
}
.submit_button_left li {
    float: left;    
    margin: 0;
    padding: 0;
}
.submit_button_middle li, .submit_button_right li {
    float: right;
    margin: 0;
    padding: 0;
}
.submit_button_left a, .submit_button_middle a, .submit_button_right a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
li.btn_next {
    background: url(images/btn_right_bluearrowright.gif) no-repeat right top;
}
a.btn_next {
    padding: 8px 30px 20px 18px;
    background: url(images/btn_left_bluenoimg.gif) no-repeat left top;
}
li.btn_prev {
    background: url(images/btn_right_blueclear.gif) no-repeat right top;
}
a.btn_prev {
    padding: 8px 18px 20px 32px;
    background: url(images/btn_left_bluearrowleft.gif) no-repeat left top;
}
li.btn_print {
    background: url(images/btn_right_grayclear.gif) no-repeat right top;
}
a.btn_print {
    padding: 8px 18px 20px 38px;
    background: url(images/btn_left_grayprint.gif) no-repeat left top;
}
li.btn_view {
    background: url(images/btn_right_grayclear.gif) no-repeat right top;
}
a.btn_view {
    padding: 8px 18px 20px 38px;
    background: url(images/btn_left_graycheckincircles.gif) no-repeat left top;
}
li.btn_review {
    background: url(images/btn_right_blueclear.gif) no-repeat right top;
}
a.btn_review {
    padding: 8px 18px 20px 38px;
    background: url(images/btn_left_bluemagnify.gif) no-repeat left top;
}
li.btn_email {
    background: url(images/btn_right_grayclear.gif) no-repeat right top;
}
a.btn_email {
    padding: 8px 18px 20px 38px;
    background: url(images/btn_left_grayemail.gif) no-repeat left top;
}
li.btn_logout {
    background: url(images/btn_right_blueclear.gif) no-repeat right top;
}
a.btn_logout {
    padding: 8px 18px 20px 38px;
    background: url(images/btn_left_bluedoor.gif) no-repeat left top;
}
#submit #sub_note {
    width: 534px;
    float: right;
}
#submit #sub_note #note_table_top {
    height: 5px;
    background-image: url(images/note_top.png);
}
#submit #sub_note #table {
    background-image: url(images/note_bg.png);
}
#submit #sub_note #table #top {
    height: 6px;
    background-image: url(images/note_bg.png);
}
#submit #sub_note #table #content {
    background-image: url(images/note_bg.png);
}
#submit #sub_note #table #content p {
    color: #d46d11;
    margin: 0px 18px 0px 10px;
    text-align: left;
}
#submit #sub_note #table #content #arrow {
    width: 9px;
    margin: 0;
    padding: 0;
    float: right;
}
#submit #sub_note #table #bottom {
    height: 9px;
    background-image: url(images/note_bg.png);
}
#submit #sub_note #note_table_bottom {
    height: 6px;
    background-image: url(images/note_btm.png);
}
#submit_bottom {
    height: 6px;
    background-image: url(images/submit_btm.gif);
}
.answertable { 
    font-weight: bold;
    vertical-align: top;
} 
.smallanswertext {
    font-size: 8pt;
    font-weight: bold;
}
#footer {
    padding: 36px 0px 0px 0px;
    background: white;
    background-image: url(images/footer_bg.gif);
    height: 100px;
    color: #a6aaae;
    font-size: 10px;
}
#footer #version_info {
    padding: 6px 0px 0px 0px;
    width: 200px;
    float: right;
    text-align: right;
}
#footer p {
    margin: 0;
    padding: 4px 0px 0px 0px;
}
#footer  #privacy a {
    padding: 0px 0px 10px 0px;
    color: #3c4145;
    text-decoration: underline;
}
#footer  #privacy a:hover {
    color: #151515;
    text-decoration: underline;
}
.form_required {
    padding: 0px 0px 0px 4px;
}
.form_label {
    color: #444e57;
    text-align: right;
    padding: 8px;
}
.form_text {
    color: #3c4145;
    padding: 8px;
}
.form_textbold {
    padding: 8px;
    font-weight: bold;
}
.form_saveinfo {
    color: #3c4145;
    padding: 8px;
}
.form_numbers {
    padding: 0 10px 0 0;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
select {
    padding: 2px;
    border: 1px solid #afafaf;
    background: #ffffff url(images/input_bg.gif) top left no-repeat;
    margin-top: 2px;
    font-size: 12px;
}
select:hover, select:focus {
    border: 1px solid #888888;
}
label {
    font-weight: bold;
}
input.text {
    width: 100px;
}
input.small, input.medium, input.large, input.extra_large, textarea {
    border: 1px solid #afafaf;
    padding: 4px;
    background: #ffffff url(images/input_bg.gif) top left no-repeat;
    margin-top: 2px;
    font-size: 12px;
}
input.small {
    width: 50px;
}
input.medium {
    width: 125px;
}
input.large {
    width: 200px;
}
input.extra_large {
    width: 300px;
}
input:hover, input:focus, input:active, textarea:hover, textarea:focus, textarea:active {
    border: 1px solid #888888;
}
input.submit {
    width: inherit;
    background: #cccccc;
    border: 0;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
}
input.submit:hover { 
    cursor: pointer;
}
textarea {
    width: 500px;
    height: 200px;
}
textarea.agreement {
    width: 600px;
    height: 300px;
}
textarea.essay {
    width: 500px;
    height: 100px;
}
textarea.comment {
    width: 500px;
    height: 40px;
}
.custom-inputs .label_cell { width: 22px; height: 22px; padding: 0px 0px 0px 0px !important; }
.custom-inputs .label_pointer { cursor: pointer; display: inline-block; margin-bottom: 8px; }
.custom-inputs .label_review { padding: 4px 0px 5px 28px !important; color: #9d9d9d; font: normal 10px arial, helvetica, verdana, sans-serif; }
.custom-inputs .label_check, .custom-inputs .label_radio { display: block; cursor: pointer; padding-bottom: 8px; padding-left: 28px; }
.custom-inputs .label_radio { background: url(images/radio-off.png) no-repeat; }
.custom-inputs .label_check { background: url(images/check-off.png) no-repeat; }
.custom-inputs label.r_on { background: url(images/radio-on.png) no-repeat; }
.custom-inputs label.c_on { background: url(images/check-on.png) no-repeat; }
.custom-inputs .label_check input, .custom-inputs .label_radio input { position: absolute; left: -9999px; }
.help-container {
    padding: 8px;
}
.help-container h1 {
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}
a.buttonLight, a.buttonLight:visited  {
    margin-right: 4px;
    height: 21px;
    text-decoration: none;
    background: url(images/adm-button-light-lt.png) top left no-repeat;
    display: block;
    float: right;
    cursor: pointer;
}
a.buttonLight span {
    padding: 0 8px 0 4px;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    background: url(images/adm-button-light-rt.png) top right no-repeat;
    display: block;
    position: relative;
    left: 4px;
}
a.buttonLight:hover { 
    background-position: center left; 
}
a.buttonLight:hover span { 
    background-position: center right;
}
a.buttonLight:active {
    background-position: bottom left; 
}
a.buttonLight:active span {
    background-position: bottom right;
}
a.buttonDark, a.buttonDark:visited  {
    margin-right: 4px;
    height: 21px;
    text-decoration: none;
    background: url(images/adm-button-dark-lt.png) top left no-repeat;
    display: block;
    float: right;
    cursor: pointer;
}
a.buttonDark span {
    padding: 0 8px 0 4px;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    background: url(images/adm-button-dark-rt.png) top right no-repeat;
    display: block;
    position: relative;
    left: 4px;
}
a.buttonDark:hover {
    background-position: center left;
}
a.buttonDark:hover span {
    background-position: center right;
}
a.buttonDark:active {
    background-position: bottom left;
}
a.buttonDark:active span {
    background-position: bottom right;
}
a.buttonRedCert, a.buttonRedCert:visited  {
    margin-right: 4px;
    margin-bottom: -16px;
    height: 39px;
    text-decoration: none;
    background: url(images/button-red-left-cert.png) top left no-repeat;
    display: block;
    float: left;
}
a.buttonRedCert span {
    padding: 9px 12px 0px 30px;
    height: 39px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    background: url(images/button-red-right.png) top right no-repeat;
    display: block;
    position: relative;
    left: 4px;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.linkTitle {
    font-weight: bold;
    color: #000000;
}
.smallLeftMargin {
    margin-left: 8px !important;
}

/* Begin Stackable Survey Question Type Styles */
.survey-question-stack {
    width: 800px;
    font-size: 13px;
    padding: 0;
    margin: 0;
}
.survey-question-stack ul {
    list-style: none;
    clear: both;
    padding: 0;
    margin: 0;
}
.survey-question-stack ul li {
    padding: 0;
    margin: 0;
}
.survey-question-stack ul li.question {
    line-height: 24px;
    overflow: auto;
    margin: 5px 0;
    padding: 5px 0;
}
.survey-question-stack .question.even { background: url(images/trans-bg.png); }
.survey-question-stack .score-title-5 {
     width: 110px;
     float: left;
     font-weight: bold;
     margin: 16px 6px 0px 6px;
}
.survey-question-stack .score-title-7 {
     width: 154px;
     float: left;
     font-weight: bold;
     margin: 16px 6px 0px 6px;
}
.survey-question-stack div[class*="score-title-container"] {
    margin: 0 40px 0 0;
    padding-bottom: 2px;
    text-align:center;
    float: right;
    clear: both;
}
.survey-question-stack .score-title-container-1-5 { width: 122px; }
.survey-question-stack .score-title-container-2-5 { width: 245px; }
.survey-question-stack .score-title-container-1-7 { width: 166px; }
.survey-question-stack .score-title-container-2-7 { width: 334px; }
.survey-question-stack .question-number {
    width: 50px;
    margin-right: 10px;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    float: left;
}
.survey-question-stack div[class*="question-text"] { float:left; padding-right: 20px; }
.survey-question-stack .single-response-question-text-5 { width: 558px; }
.survey-question-stack .single-response-question-text-7 { width: 514px; }
.survey-question-stack .double-response-question-text-5 { width: 435px; }
.survey-question-stack .double-response-question-text-7 { width: 347px; }
.survey-question-stack ul[class*="score-card"] { margin: 0 6px; }
.survey-question-stack ul ul.score-card-5 { 
    width: 110px;
    text-align: center;
    float: left;
    clear: none;
}
.survey-question-stack ul ul.score-card-7 { 
    width: 154px;
    text-align: center;
    float: left;
    clear: none;
}

/* With N/A option styles */
.survey-question-stack .score-title-5-NA {
     width: 150px;
     float: left;
     font-weight: bold;
     margin: 16px 6px 0 6px;
}
.survey-question-stack .score-title-5-NA .sn-col-title {
    width: 110px;
    float: left;
}
.survey-question-stack .score-title-5-NA .na-label,
.survey-question-stack .score-title-7-NA .na-label {
    width: 34px;
    float: left;
    margin-left: 5px;
    border-left: 1px dashed #ccc;
}
.survey-question-stack .score-title-7-NA {
     width: 194px;
     float: left;
     font-weight: bold;
     margin: 16px 6px 0 6px;
}
.survey-question-stack .score-title-7-NA .sn-col-title {
    width: 154px;
    float: left;
}

.survey-question-stack .score-title-container-1-5-NA { width: 162px; }
.survey-question-stack .score-title-container-2-5-NA { width: 325px; }
.survey-question-stack .score-title-container-1-7-NA { width: 206px; }
.survey-question-stack .score-title-container-2-7-NA { width: 413px; }

.survey-question-stack .single-response-question-text-5-NA { width: 518px; }
.survey-question-stack .single-response-question-text-7-NA { width: 474px; }
.survey-question-stack .double-response-question-text-5-NA { width: 355px; }
.survey-question-stack .double-response-question-text-7-NA { width: 267px; }

.survey-question-stack ul ul.score-card-5-NA { 
    width: 150px;
    text-align: center;
    float: left;
    clear: none;
}
.survey-question-stack ul ul.score-card-7-NA { 
    width: 194px;
    text-align: center;
    float: left;
    clear: none;
}
ul[class*="score-card"] .score.na-score {
    width: 30px;
    margin-left: 5px;
    border-left: 1px dashed #ccc;
}
ul[class*="score-card"] .score.na-score,
ul[class*="score-card"] .score.na-score.selected,
ul[class*="score-card"] .score.na-score:hover,
ul[class*="score-card"] .score.na-score.selected:hover,
ul[class*="score-card"] .score.na-score:active {
     background-position: 7px;
}
ul[class*="score-card"].double {
    border-left: 1px solid #cccccc;
    margin: 0 6px 0 0;     
    padding: 0 0 0 6px;      
}   
/* End with N/A option styles */

ul[class*="score-card"] .score {
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin: 3px 0 0 2px;
    padding: 0 1px 0 0;
    text-align: center;
    float: left;
    font-size: 12px;
    background: url(images/unselected-bg.png) no-repeat;
    color: #888;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul[class*="score-card"] .score::selection { background: transparent; }
ul[class*="score-card"] .score::-moz-selection { background: transparent; }
ul[class*="score-card"] .score.selected, ul[class*="score-card"] .score:hover {
    cursor: pointer;
    color: #ffffff;
    text-shadow: 1px 1px 1px #444444;
}   
ul[class*="score-card"] .score.selected, ul[class*="score-card"] .score.selected:hover {
    background: url(images/active-bg.png)  no-repeat; 
    text-shadow: 1px 1px 1px #000000;
    font-weight: bold;
}
ul[class*="score-card"] .score:hover { background: url(images/hover-bg.png)  no-repeat; }
.survey-question-stack .clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
ul[class*="score-card"].double {
    border-left: 1px solid #cccccc;
    margin: 0 6px 0 0;     
    padding: 0 0 0 6px;      
}   
/* End Stackable Survey Question Type Styles */

/* Styles for List of Related Assessments on the Summary Page */
.related-tag-container {
    margin-top: 16px;
}
.related-tag {
    display: inline-block;
    width: 500px;
    font-size: 13px;
    font-weight: bold;
}
.related-tag-status {
    display: inline-block;
    width: 150px;
    font-size: 15px;
    font-weight: bold;
}
.related-assess {
    display: inline-block;
    width: 480px;
    padding: 8px 0 0 20px;
}
.related-this-assess {
    font-size: 11px;
    color: #999999;
}
.related-assess-status {
    display: inline-block;
    width: 150px;
    padding: 8px 0 0 0;
}

/* Begin Share Button Styles */
li.btn_share {
    background: url(images/btn_right_grayclear.gif) no-repeat right top;
}
div.btn_share {
    padding: 8px 18px 20px 38px;
    background: url(images/btn_left_grayshare.gif) no-repeat left top;
}
.wrapper-dropdown {
    /* Size & position */
    position: relative;
    margin: 0 auto;
    padding: 12px 15px;

    /* Styles */
    cursor: pointer;
    font-weight: bold;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*Little arrow*/
/*.wrapper-dropdown:after { 
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #4cbeff transparent;
}*/

.wrapper-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.wrapper-dropdown .dropdown li {
    padding: 0 10px 0 0 ;
}

.wrapper-dropdown .dropdown li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #333;
    padding: 10px;
    transition: all 0.3s ease-out;
    margin: 5px 0;
    border-radius: 3px;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown .dropdown li:last-of-type a {
    border: none;
}

/*.wrapper-dropdown .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}*/

/* Hover state */

.wrapper-dropdown .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown.active {
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown.active .dropdown {
    border: 1px solid #ddd;
    border-top: 1px solid #ccc;
    max-height: 400px;
}

/* icons */
div.btn_share a.twitter-link
{
    padding-left: 35px;
    background: url("../../images/twitter_share_icon.png") no-repeat left;
}

div.btn_share a.facebook-link
{
    padding-left: 35px;
    background: url("../../images/facebook_share_icon.png") no-repeat left;
}

/* End Share Button Styles */


/* Accessibility styles/overrides */
.question_answer_long fieldset, 
.question_answer_long legend,
.question_answer fieldset, 
.question_answer legend {
    border: none;
}
.question_answer legend,
.question_answer_long legend {
    margin-bottom: 16px;
}

.question_answer legend .question_text,
.question_answer_long legend .question_text {
    margin-bottom: 0;
}

#errorMessage:focus { border: none;outline: none;}
/* End Accessibility styles/overrides */