/* Styles that will be unique to the new English pages*/

body {
	background-color: #FFFFFF;
   font-family:宋体, SimSun, 华文细黑, STXihei, sans-serif; Arial, Helvetica, sans-serif; 
/*     font-family:'Batang', Times, serif; */ 
    font-size:12px; 
    background-color:white;
    color:black;
}

body,td,th {
	color: #000000;
}

a:link {
	color: #000099;
}

a:visited {
	color: #000099;
}

a:hover {
	color: #990000;
}

a:active {
	color: #000099;
}

.content {
    display: none;
    margin-top:3%;
}

select { 
    width: 75%;
}

.overflow { 
    height: 200px; 
}

.ui-datepicker-calendar {
   display: none;
}

.ui-datepicker-calendar-full {
   display: block;
}

fieldset {
   border: 0;
}

#title-line-label {
    font-size:2.0em;
    text-align:center;
    padding-top:25%;
}

.paragraphs {
    font-size:1.0em;
    text-align:left;
    padding-left:25%;
    padding-top:1%;
    padding-right:15%;
}

.test-type-paragraphs {
    font-size:1.0em;
    text-align:center;
    padding-top:1%;
}

.agreement-paragraph {
    font-size:.9em;
    text-align:left;
    padding-left:15%;
    padding-top:1%;
    padding-right:15%;
}

.label-div {
    font-size:1.5em;
    text-align:center;
    padding-left:75%;
    padding-top:0%;
    padding-right:15%;
    width:25%;
}

.home-page-label {
        margin: 2em 0 2em 15em;
}

.drop-downs {
    height:5em;
    text-align:center;
}

.validated-fields {
    color:red;
}

.users-register {
    position:relative;
}

#no-trainer-label {
    width:50%;
    padding-left:10%;
}

#submit-section {
    width:90%;
}

.submit-button {
    width:10%;
    padding-top:.5%;
    padding-left:50%;
}

.button-section {
    width:48%;
}

.button-div {
    width:30%;
    padding-left:75%;
}

.test-type-section {
    width:100%;
}

.test-type-div {
    width:30%;
    padding:1em 0 0 35%;
}


.test-type-button-div {
    width:60%;
    position:relative;
    padding-left:50%;
}

.dashboard-button-div {
    width:45%;
    position:relative;
    padding-left:50%;
}

/* Button Section  */

input[type=button].button-enter {
font-size:10px;
background:linear-gradient(#00ff21 5%,#00ff90 100%);
border:1px solid #00ff21;
color:#4E4D4B; 
font-weight:700;
cursor:pointer;
width:100%;
border-radius:5px;
padding:10px 0;
outline:none;
}

input[type=button].button-enter:hover {
background:linear-gradient(#00ff90 5%,#b6ff00 100%)
}

input[type=button].button-register {
font-size:10px;
background:linear-gradient(#0094ff 5%,lightblue 100%);
border:1px solid #0094ff;
color:#4E4D4B; 
font-weight:700;
cursor:pointer;
width:100%;
border-radius:5px;
padding:10px 0;
outline:none;
}

input[type=button].button-register:hover {
background:linear-gradient(#00ffff 5%,#0094ff 100%)
}

input[type=button].button-about-myself {
font-size:10px;
background:linear-gradient(#ff6a00 5%,red 100%);
border:1px solid #ff6a00;
color:#4E4D4B; 
font-weight:700;
cursor:pointer;
width:100%;
border-radius:5px;
padding:10px 0;
margin-left:9em;
outline:none;


}

input[type=button].button-about-myself:hover {
background:linear-gradient(red 5%,#ff6a00 100%)
}

input[type=button].button-about-another {
font-size:10px;
background:linear-gradient(lightblue 20%,#0094ff 100%);
border:1px solid lightblue;
color:#4E4D4B; 
font-weight:700;
cursor:pointer;
width:100%;
border-radius:5px;
padding:10px 0;
margin-left:5em;
outline:none;

}

input[type=button].button-about-another:hover {
background:linear-gradient(#0094ff 20%,lightblue 100%)
}

.InformationSelectNext {
    border:none;
    width:48px;
    height:48px;
    background: url("/Images/nxt.gif");
}


.type-not-sure {
font-size:10px;
font-weight:700;
cursor:pointer;
width:100%;
padding:10px 0;
margin-left:8em;
}

/* About Page  */

.title-line {
    font-size:1.5em;
    width:100%;
    text-align:center;
    margin-top:1em 1em 1em 1em;
}

.title-line-label {
    font-size:1.5em;
    text-align:left;
    position:relative;
    padding-left:.5em;
}


.header-line {
    font-size:1.25em;
    text-align:center;
    margin-top:1em;
}
.header-line2 {
    font-size:1em;
    text-align:left;
    margin-top:1em;
}
.header-line-label {
    font-size:1.5em;
    text-align:center;
    position:relative;
  /*    padding-left:9.2em;              */ 
}

.header-link-line {
    margin-top:1em;
}

.header-link-line-label {
    font-size:2em;
    text-align:left;
    position:relative;
    padding-left:1.2em;
}

.detail-link-line {
    margin-top:1em;
}

.detail-link-line-label {
    font-size:2em;
    text-align:left;
    position:relative;
    padding-left:1.2em;
}

/******************************************************************************/
/* Header captions for the Order Form */

.order-entry-sections {
    width:90%;
    padding-left:5%;
    padding-top:1%;
    padding-bottom:1%;
}

.order-entry-sub-sections {
    width:90%;
    padding-left:5%;
}

.order-form-labels {
    font-size:1.0em;
    text-align:left;
    background-color:lightblue;
    color:black;
    width:15%;
    padding: 1em 1em 1em 1em;
    position:relative;
    border:hidden;
    border-radius:.1em;
}

#PPIAccountNumber {
    padding-left:20px;
}

/*
label {
    display:block;
}
*/

#client-one {
    padding-right:1em;
}

#client-two {
    padding-left:18em;
}

#client-one-last-name {
    padding-right:0;
}

#client-two-last-name {
    padding-left:2em;
}
#client-one-first-name {
    padding-right:0;
}

#client-two-first-name {
    padding-left:2em;
}
#client-one-sex {
    padding-right:1em;
}

#client-two-sex {
    padding-left:13em;
}

#register-enter-section {
    width:90%;
    padding-left:5%;
    padding-top:1%;
    padding-bottom:1%;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#new-users {
    width:45%;
    float:left; /* add this */
    margin: 10em 0 0 5em;
}

#registered-users {
    width:45%;
    overflow: hidden; /* if you don't want #second to wrap below #first */
    margin: 10em 0 0 5em;
}

#test-selection-section {
    width:90%;
    padding-left:5%;
    padding-top:1%;
    padding-bottom:1%;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#about-myself {
    width: 45%;
    float: left; /* add this */
}    

#about-another {
    width:50%;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}

#registration-selection-section {
    width:90%;
    padding-left:5%;
    padding-top:1%;
    padding-bottom:1%;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#submit-form {
    width:45%;
    float:left; /* add this */
}

#cancel-form {
    width:45%;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}


#receipt-section {
    width:90%;
    padding-left:5%;
    padding-top:1%;
    padding-bottom:1%;
}

#ReceiptNumber {
    border:hidden;
    padding-left:10%;
}


/* Section for Dashboard page styles */
#dashboard-selection-section-one {
    width:100%;
    padding-left:5em;
    padding-top:1%;
    padding-bottom:1%;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#dashboard-top-left {
    width:30%;
    float:left; /* add this */
}

#dashboard-top-right {
    width:60%;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}

#dashboard-selection-section-two {
    width:25%;
    padding-left:18%;
    padding-top:1%;
    padding-bottom:1%;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#dashboard-selection-section-three {
    width:100%;
    padding-left:2em;
    padding-top:1%;
    padding-bottom:1%;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#dashboard-bottom-left {
    width:40%;
    float:left; /* add this */
}

#dashboard-bottom-right {
    width:35%;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}

#dashboard-page-links {
    margin: 5em 0 0 5em;
}

.dashboard-links {
    margin-right:5em;
}

/* Instruction page view only radio buttons*/

.instruction-title {
    width:100%;
    text-align:center;
    font-size:medium;
    color:blue;
    margin: 2em 0 2em 0;
}

.instruction-line1 {
    font-size:1em;
    width:100%;
    text-align:center;
    margin: 2em 0 2em 0;
    color:red;
}

.instruction-line2 {
    width:100%;
    text-align:center;
    color:blue;
    margin: 2em 0 2em 0;
}

.instruction-line3 {
    width:100%;
    text-align:left;
    padding-left:1em;
    color:black;
    margin: 2em 0 2em 0;
}
.instruction-details {
    font-size:1em;
    width:100%;
    text-align:left;
    margin: 1em 0 1em 0;
    color:black
    
   
}

.instruction-radio1 {
    height:2%;
    padding-left:4%;
    margin: 2em 0em 2em 0em;
}

.instruction-radio2 {
    height:2%;
    padding-left:3%;
     margin: 2em 2em 2em 2em;
}

.instruction-radio3 {
     height:2%;
     padding-left:3%;
    margin: 2em 2em 2em 2em;
}

.answer-key {
    font-size:larger;
    font:bold;
    margin: 1em 1em 1em 1em;
}

.answer-key-radio1 {
    margin: 2em 0em 2em 0em;
    padding-left:0;
}

.answer-key-radio2 {
    margin: 2em 0em 2em 0em;
    padding-left:0;
}

.answer-key-radio3 {
    margin: 2em 0em 2em 0em;
    padding-left:0;
}

.radio-label {
    border:1px solid blue;
   margin: 2em 0em 2em 0em;
    padding: 1em 1em 1em 1em;
}

.radio-label-text {
    margin: 2em 0em 2em 2em;
    padding: 1em 1em 1em 1em;
}

.next-selection {
    width:100%;
    text-align:center;
    font-size:medium;
    color:blue;
    padding-bottom:2em;
}

.questions-selection {
    padding-top:2em;
    width:95%;
    text-align:left;
}

/*  Links at the bottom of the pages */

#home-page-links {
    margin: 5em 0 0 5em;
}

.home-links {
    margin-right:10em;
}

/***********************************/
/* Contact Us page specific styles */
/***********************************/

.menu-section {
    width: 100%;
    margin: 2em 0 0 5em;
}

.main-sections {
    width: 100%;
    margin: 3em 0 0 5em;
}

.sections {
    margin: .5em .3em .5em .3em;
}

.issue-sections {
    margin: .1em .1em .1em .1em;
}

.final-sections {
    margin: 1em .1em .1em .1em;
}

.section-title {
    margin:.1em .1em .1em .1em;
    padding: .2em .2em .2em .2em; 
    border:none;
    border-color:darkblue; 
    font-size:1.0em;
    text-align:center;
    background-color:lightblue;
}
.issue-last-name {
     padding: .2em .2em .5em .2em; 
     margin: .5em 0em .5em 1em;
}
.issue-first-name {
    padding: .2em .2em .5em .2em; 
     margin:.5em .0em .5em .2em;
}
.issue-state-name {
     padding: .2em .2em .5em .2em; 
     margin: .5em 0em .5em 2em;

}
.issue-country-name {
     padding: .2em .2em .5em .2em; 
     margin: .5em 0em .5em .5em;
}
.issue-email-name {
     padding: .2em .2em .5em .2em; 
     margin: .5em 0em .5em .5em;
}
.issue-ethnicity-name {
     padding: .2em .2em .5em .2em; 
     margin: .5em 0em .5em 5em;
}
.issue-sex-name {
     padding: .2em .2em .5em .2em; 
     margin: .5em 0em .5em 5em;
}
.issue-age-name {
    padding: .2em .2em .5em .2em; 
     margin: .5em 0em .5em .5em;
}
.issue-marital-name {
      padding: .2em .2em .5em .2em; 
     margin: .5em 0em .5em 5em;
}
/* Section for Dashboard page styles */
/* Contact Us page specific styles */
/***********************************/

.menu-section {
    width: 100%;
    margin: 2em 0 0 5em;
}

.main-sections {
    width: 100%;
    margin: 3em 0 0 5em;
}

.sections {
    margin: .5em .3em .5em .3em;
}

.issue-sections {
    margin: .1em .1em .1em .1em;
}

.final-sections {
    margin: 1em .1em .1em .1em;
}

.section-title {
    margin:.1em .1em .1em .1em;
    padding: .2em .2em .2em .2em; 
    border:none;
    border-color:darkblue; 
    font-size:1.0em;
    text-align:center;
    background-color:lightblue;
}

/* Section for Dashboard page styles */
#contact-us-cc-section {
    width:90%;
    margin: .5em .3em .5em .3em;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#contact-us-cc-left {
    width:30%;
    float:left; /* add this */
}

#contact-us-cc-right {
    width:60%;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}

.contact-us-paragraphs {
    font-size:1.0em;
    text-align:left;
    padding: .1em 0 .1em .1em;
}

.receipt-info-paragraph {
    font-size:1.1em;
    color:black;
    text-align:left;
    padding: .1em 0 .1em .1em;
}

.account-info {
    font-size:1.0em;
    text-align:left;
    margin:.1em 0 0 2em;
    padding: .1em 0 .1em .1em;
}

.test-info {
    font-size:1.0em;
    text-align:left;
    margin:.1em 0 0 5em;
    padding: .1em 0 .1em .1em;
}

.show-receipt-info {
    font-size:1.0em;
    text-align:center;
    margin:.1em 0 0 5em;
    padding: .1em 0 .1em .1em;
    border:none;
    background-color:transparent;
}

.radio-yes-no {
    padding: .1em .1em .1em 3em;
}

.radio-test-type {
    padding: .1em .1em .1em 3em;
}

.radio-sex {
    padding: .1em .1em .1em 3em;
}#contact-us-cc-section {
    width:90%;
    margin: .5em .3em .5em .3em;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#contact-us-cc-left {
    width:30%;
    float:left; /* add this */
}

#contact-us-cc-right {
    width:60%;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}

.contact-us-paragraphs {
    font-size:1.0em;
    text-align:left;
    padding: .1em 0 .1em .1em;
}

.receipt-info-paragraph {
    font-size:1.1em;
    color:red;
    text-align:left;
    padding: .1em 0 .1em .1em;
}

.account-info {
    font-size:1.0em;
    text-align:left;
    margin:.1em 0 0 2em;
    padding: .1em 0 .1em .1em;
}

.test-info {
    font-size:1.0em;
    text-align:left;
    margin:.1em 0 0 5em;
    padding: .1em 0 .1em .1em;
}

.show-receipt-info {
    font-size:1.0em;
    text-align:center;
    margin:.1em 0 0 5em;
    padding: .1em 0 .1em .1em;
    border:none;
    background-color:transparent;
}

.radio-yes-no {
    padding: .1em .1em .1em 3em;
}

.radio-test-type {
    padding: .1em .1em .1em 3em;
}

.radio-sex {
    padding: .1em .1em .1em 3em;
}

/* Legacy Styles */


.color1 {
    color: #585656;
    text-decoration: none;
    font-size: 11px;
}

.style6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #214263;
    font-size: 16px;
    font weight: lighter;
}

.style9 {
    font-family: Arial, Helvetica, sans-serif;
    color: #3277B2;
    font-size: 16px;
    font weight: lighter;
}

.style18 {
    width: 133px;
    height: 39px;
}

.style20 {
    width: 122px;
}

.style22 {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    height: 29px;
}

.style26 {
    color: #3277B2;
    font-weight: bold;
}

font-family: Verdana, Arial, sans-serif; font-size: 1em; .style27 {
    width: 200px;
}

.style28 {
    width: 9px;
}

.auto-style1 {
    width:95%;
    text-align:center;
    font-size:medium;
    color:blue;
    height: 54px;
}
.auto-style2 {
    width:95%;
    text-align:Left;
    font-size:medium;
    color:blue;
    height: 54px;
}