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

body {
	background-color: #FFFFFF;
/*    font-family:Arial, Helvetica, sans-serif; */
    font-family:'Batang', Times, serif; 
    font-size:12px; 
    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: 50%;
}

.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;
}

.paragraphs {
    font-size:1.3em;
    text-align:left;
    line-height: 1.5em;
    padding-left: 15%;
    padding-top:1%;
    padding-right:5%;
}

.register-paragraphs {
    font-size:1.2em;
    text-align:left;
    line-height: 1.5em;
    padding-left:1em;
}

.register-title-paragraphs {
    font-size:1.2em;
    font-weight:700;
    line-height: 1.5em;
    margin: 2em 1em 2em 4em;
    padding-left:1em;
}

.agreement-paragraph {
    font-size:1.2em;
    text-align:left;
    line-height: 1.5em;
    padding-left:10%;
}

.bottom-links {
    font-size:1em;
    text-align:left;
    padding: 0 0 0 4.5em;
}


.label-div {
    font-size:1.5em;
    text-align:center;
    padding-left:10%;
    padding-top:0%;
 
    
}

.label-div2 {
    font-size:1.2em;
    text-align:center;
    margin: 4px 7px 2px 4px;
    padding-top:0;
    
    
}
.home-page-label {
    font-size:1.5em;
    text-align:center;
    padding-left:35%;
    padding-top:0%;
    margin: 2em 0em 2em 0em;
}

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

.validated-fields {
    color:red;
    margin: 2em 1em 2em 5em;
    padding-left:1em;
}

.notvalidated-fields {
    color:black;
    margin: 2em 1em 2em 5em;
    padding-left:1em;
}

.users-register {
    position:relative;
}

.no-trainer-label {
    margin: 2em 1em 2em 5em;
    padding-left:1em;
}

#CounselorEmail {
    margin-left: 15px;
}

#submit-section {
    width:90%;
    margin: 1em 0 1em 0;
}

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

.button-section {
    width:48%;
}

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

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

#add-test-taker-section {
    width:90%;
}

.add-test-takers-button {
    width:30%;
    padding-top:.5%;
    padding-left:5%;
}

#testing-order-submit-section {
    width:100%;
    overflow: hidden; /* will contain if #first is longer than #second */
}

#set-test-button {
    width:90%;
    position:relative;;
    padding-left:5%;
}


#self-button-div {
    width:20%;
    padding-right:20%;
    float:left; /* add this */
}

#criss-cross-button-div {
    width:20%;
    padding-right:20%;
    float:left;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}

#testing-order-submit-button {
    width:20%;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}

/* Button Section  */

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

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

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

input[type=button].button-testing-order:hover {
    background: linear-gradient(#00ff90 5%,#33A395 100%);
}

input[type=button].button-enter {
font-size:12px;
background:linear-gradient(#00ff21 5%,#00ff90 100%);
border:1px solid #00ff21;
color:#4E4D4B; 
font-weight:700;
cursor:pointer;
width:100%;
border-radius:15px;
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:12px;
background:linear-gradient(#0094ff 5%,lightblue 100%);
border:1px solid #0094ff;
color:#4E4D4B; 
font-weight:700;
cursor:pointer;
width:100%;
border-radius:15px;
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:75%;
border-radius:5px;
padding:10px 0;
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 5%,#0094ff 100%);
border:1px solid lightblue;
color:#4E4D4B; 
font-weight:700;
cursor:pointer;
width:75%;
border-radius:5px;
padding:10px 0;
outline:none;
}

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

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

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

/* Dashboard Buttons */

.OrderTesting {
    border:none;
    width:64px;
    height:72px;
    margin-top:.8em;
    background: url("/korean/Images/OrderTest.jpg");
    cursor: pointer;
}

.ClientInstructions {
    border:none;
    width:69px;
    height:81px;
    background: url("/korean/Images/Instructions.jpg");
    cursor: pointer;
}

.SubmittedTests {
    border:none;
    width:100px; 
    height:100px;
    background: url("/korean/Images/CheckTests.jpg");
    cursor: pointer;
}

.PricingFAQ {
    border:none;
    width:71px;
    height:69px;
    background: url("/korean/Images/FAQ.jpg");
    cursor: pointer;
}

.ContactUs {
    border:none;
    width:49px;
    height:66px;
    background: url("/korean/Images/Contact.jpg");
    cursor: pointer;
}

/* About Page  */

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

.title-line-label {
    font-size:2em;
    text-align:left;
    padding-left:.5em;
}
title-line-label2 {
    font-size:2em;
    text-align:left;
    position:relative;
    padding-left:.5em;
    margin:1em 1em 3em 1em;

}
.header-line {
    font-size:1.5em;
    text-align:center;
    margin-top:1em;
}
.header-line2 {
    font-size:1em;
    text-align:left;
    margin:1em 1em 3em 10em;
}

.faq-question-line {
    font-size:1em;
    font-weight:700;
    text-align:left;
    margin:3em 1em 1em 10em;
}

.agreement-header-line {
    font-size:1em;
    font-weight:700;
    text-align:left;
    margin:1em 1em 3em 6em;
}

.header-line-label {
    font-size:1.5em;
    text-align:center;
    position:relative;
}
.header-line-label2 {
    font-size:1.5em;
    text-align:left;
    position:relative;
}
.header-link-line {
    margin:2em 0 0 2em;
}

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

.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; */
    background-color:#BADCC4;
    color:black;
    width:15%;
    padding: .2em .3em .2em .3em;
    position:relative;
    border:hidden;
    border-radius:.1em;
}

#PPIAccountNumber {
    padding-left:20px;
}

.validation-message-section {
    width: 83%;
    margin: 3em 0 3em 5em;
    padding: 1em 1em 1em 1em;
    border:groove green;
    border-radius: 1em 1em 1em 1em;
}

/*
label {
    display:block;
}
*/

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

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

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

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

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

#client-two-sex {
    padding-right:1em;
}

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

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

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

#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:10em;
    padding-top:1%;
    padding-bottom:1%;
    overflow: hidden; /* will contain if #first is longer than #second */
}

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

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

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

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

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

#dashboard-bottom-right {
    width:40%;
    padding-left:1em;
    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 2em 2em 2em;
}

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


}

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

.instruction-details {
    font-size:1em;
     width:100%;
    text-align:left;
   margin: 1em 0em 1em 0em;
   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;
}

/* Register Page */

.show-answer {
    color:blue;
    cursor:pointer;
}

/*  Links at the bottom of the pages */

#home-page-links {
      font-size:1.2em;
}

.home-links {
     font-size:1.1em;
     margin: 2em 0 0 5.4em;
     text-align:center;
}

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

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

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

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

.receipt-sections {
    width: 83%;
    margin: 3em 0 0 5em;
    padding: 1em 1em 1em 1em;
    border:groove green;
    border-radius: 1em 1em 1em 1em;
}

.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;
}

.ClientAge {
    padding-left:0;
    padding-right:1em;
}

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

#issue-nine-cross-section {
    width:100%;
    margin: .5em .3em .5em .3em;
/*    overflow: hidden; /* will contain if #first is longer than #second */
}

/* 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-one {
    width:80%;
    float:left; /* add this */
}

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

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

.receipt-info-paragraph {
    font-size:1.1em;
    color:black;
    text-align:left;
    line-height: 1.5em;
    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-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 */
}

/* Custom Alert Boxes - This will allow for the box size to be larger than the standard Javascript alert. */

#modalContainer {
    background-color:rgba(0, 0, 0, 0.3);
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
    position:relative;
    width:510px;
    min-height:100px;
    margin-top:50px;
    border:1px solid #666;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:20px 30px;
}

#modalContainer > #alertBox {
    position:fixed;
}

#alertBox h1 {
    margin:0;
    font-family:'Batang', Times, serif; 
    font:bold 0.9em verdana,arial;
    background-color:#3073BB;
    color:#FFF;
    border-bottom:1px solid #000;
    padding:2px 0 2px 5px;
}

#alertBox p {
    font-family:'Batang', Times, serif; 
    font:0.7em verdana,arial;
    height:50px;
    padding-left:5px;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:15px;
    text-align:left;
}

#alertBox #closeBtn {
    display:block;
    position:relative;
    margin:5px auto;
    padding:7px;
    border:0 none;
    width:70px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#357EBD;
    border-radius: 3px;
    text-decoration:none;
}



/* 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;
}

.style28 {
    width: 9px;
}

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

/* Added 01/26/2016*/

.button-instructions {
    background: white;
    color: #fff;
    font-family: Sans-serif;
    font-size: 20px;
    height: 60px;
    width: 150px;
    line-height: 60px;
    margin: 25px 25px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
}

.button-instructions:hover {
  box-shadow: inset 0 0 0 5px #3071A9;
}



/* Slick Grid */

.cell-title {
   font-weight: bold;
}

.cell-effort-driven {
   text-align: center;
}

.client-grid-section {
    width:740px;  /* No Scrollbar size */
/*    width:757px; Width with Scrollbar  */ 
    padding-left:5%;
    margin-top:1em; 
}

.client-grid {
    width:100%;
   /* height:200px; With Scrollbar */
    margin-bottom:1em;
}