/*********************************
@large-font: 18px;
@medium-large-font: 16px;
@medium-font: 14px;
@medium-small-font: 13px;
@small-font: 11px;

// COLORS
@cream: #FFFBCF; 
@light-coffee: #DCD8CC;
@charcoal: #555;
@cobalt-blue: #00aeef;
***********************************/

/*
 *= require froala_editor.min.css
 *= require froala_style.min.css
 *= require font-awesome
 */

.main-body {
  padding: 15px;
  margin: 5px 15px 0 15px;
  background: #ffffff;
}
.panel .header {
  font-weight: bold;
  font-size: 120%;
  color: #06afef;
  padding:5px 5px 5px 0px;
  /* padding:5px 5px 5px -3px; */
  margin: 0 0 5px 0;
}
.small { font-size: 11px; }
.submission-table th {
  padding: 10px;
  background: #06afef;
  color: #000000;
  font-size: 14pt;
  font-weight: bold;
}
.submission-table th.tips {
  background: #555555;
  color: #ffffff;
}
.submission-table td {
  font-size: 11px;
  padding: 10px;
  border: solid 1px #dfdfdf;
}
.submission-table td.tips { background: #fff281; }


div.alt-rows { margin: 10px 0 15px 0; }
div.alt-rows div { padding: 3px 0 3px 3px; }
div.alt-rows .even{
  background: #f0ede1;
  background-image: linear-gradient(to bottom, #f1f1f1, #f0ede1);
}
div.alt-rows .odd{
  background: #f0ede1;
  background-image: linear-gradient(to bottom, #fffdf1, #f0ede1);
}


#beta {
  position: absolute;
  top: 25px;
  left: 300px;
}
.terms-of-service {
  position: relative;
  overflow: scroll;
  width: 750px;
  height: 100px;
  background-color: #f2fcff;
  font-size: 11px;
  padding: 1px;
  border: solid 1px #dddddd;
}
.test-mode {
  background: #eeeeee;
  color: #990000;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  top: -1px;
  left: 400px;
  z-index: 10;
  padding: 5px;
  border: solid 1px #999999;
  width: 550px;
}
.test-mode-content-wrapper {
  background: #ffffff;
  position: absolute;
  top: 18px;
  left: 410px;
  z-index: 5;
  width: 530px;
}
#test-mode-content {
  border: solid 1px #aaaaaa;
  width: 530px;
}
.display-box-format {
  font-size: 13px;
  width: 600px;
  overflow: auto;
  padding: 3px 10px;
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  border-bottom: solid 2px #888888;
  border-right: solid 2px #888888;
  white-space-collapse: preserve;
  white-space: pre-wrap;
}

/* 
  These media queries for #paper1 are primarily for LanguageTool, since the Ginger textarea 
  automatically expands to fill the available height. Both fill available width automatically.
*/
#paper1 {
  min-height: 450px;
}
@media (max-height: 600px){
  .atf-leaderboard-show-sub { display: none; }
}
@media (min-height: 800px){
  #paper1 { min-height: 600px; }
}
@media (min-height: 1000px){
  #paper1 { min-height: 800px; }
}

.ui-back {  /* vertical container for .ui-flex-row and .ui-footer */
  margin: 0 0;
  display: flex;
  flex-direction: column;
  /* height: 100%; */
  width: 100%;
  /* flex-flow: row wrap; */
}
.ui-back .ui-flex-row { /* horizontal/row container for .left-col and .right-col */
  display: flex;
  flex-direction: row;
  flex-grow: 5;
}
.ui-flex-row .left-col {
  background: #f9f9ef;
  flex-grow: 5;
  flex-shrink: 1;
  /* flex-basis: 1200px; */
}
.ui-flex-row .right-col {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 400px;
}
.ui-back .ui-footer {
  flex-grow: 0;
  background: #99998f;
  padding: 5px;
  flex-basis: 60px;
}
.go-premium-footer {
  font-size:15px; padding: 10px;
}
.go-premium-footer a {
  color: #555;
  text-decoration: underline;
}
.paper-body-container {
  background: #f9f9ef;
  overflow: auto;
 /* border-radius: 20px; */
/*
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  border-bottom: solid 2px #888888;
  border-right: solid 2px #888888;
  padding: 0;
  margin: 0;
*/
}
.paper-body {
  background: #f9f9ef;
  /* 
  height: 450px;
  width: 600px;
  overflow: auto; */
  font-size: 18px;
  line-height: 25px;
  padding: 3px 10px;
  white-space-collapse: preserve;
  white-space: pre-wrap;
}
.paper-body .highlight {
  background: #f0e39f;
  color: #333333;
}
#works-cited, .works-cited {
  background: #ffffff;
  height: 60px;
  font-size: 13px;
  width: 600px;
  overflow: auto;
  padding: 3px 10px;
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  border-bottom: solid 2px #888888;
  border-right: solid 2px #888888;
  white-space-collapse: preserve;
  white-space: pre-wrap;
}
.category-list, .results-300x250 {
  text-align: left;
  padding: 10px;
  margin: 20px;
  width: 300px;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
}
.category-list .category {
  color: #555555;
  text-decoration: none;
  padding: 5px 10px;
  line-height: 25px;
  font-size: 16px;
}
.category-list .category .category-counts{
  display: inline;
  font-size: 10px;
  font-weight: normal;
  margin: 0 5px 0 0;
}
.category-list .category a {
  color: #555555;
  text-decoration: none;
  padding: 5px 2px 5px 10px;
  line-height: 25px;
}
.category-list .sub a {
  color: #555555;
  text-decoration: none;
  padding: 5px 10px;
  line-height: 25px;
}
.category-list .category {
  border-bottom: solid 1px #aaaaaa;
  background: #ede9dd;
}
.category-list .first-category{
  border-top: solid 1px #999999; 
}
.category-list .category img { vertical-align: middle; }
.category-list .sub {
  margin-left: 15px;
  font-size: 13px;
}
.category-list .category:hover {
  /* color: #ff4200; */
  /* border-top: solid 1px #999999; */
  border-bottom: solid 1px #999999;
  background: #dcd8cc;
  font-weight: bold;
}
.category-list .sub:hover {
  color: #ff4200;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
  background: #dcd8cc;
  font-weight: bold;
}
.header-message {
  margin: 0px 5px 0px 10px;
  width: 380px;
  line-height: 25px;
}
.header-message td { padding: 3px; }
.title-label, .works-cited-label {
  letter-spacing: 3px;
  display: inline;
  padding: 3px 15px 3px 35px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  background: #555555;
  color: #fffbcf;
  border-left: solid 4px #00aeef;
}
.notes-bubble {
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  box-shadow: 0 0 50px #000000;
  visibility: hidden;
  position: absolute;
  top: 50px;
  right: 0px;  /* NOTE: setting this to a negative number causes horizontal scroll bars to appear */
  padding: 5px 3px 5px 10px;
  width: 410px;
  height: 80%;
  min-height: 410px;
  max-height: 560px;
  background: #fefaee url(https://d23zq3229oqsac.cloudfront.net/images/notes-bubble-gradient.png);
}
.notes-bubble a {
  color: #555;
  text-decoration: none;
  border-bottom: dotted 1px #999;
}
.notes-bubble .close {
  background-image: url(https://d23zq3229oqsac.cloudfront.net/images/icons/close_x.png);
  position: absolute;
  right: 410px;
  top: -20px;
  cursor: pointer;
  height: 35px;
  width: 35px;
  z-index: 30;
}
.notes-bubble .close img { vertical-align: middle; }
.notes-bubble .prev-next {
  float: right;
  margin: 10px 10px 0 0;
  color: #555555;
  font-size: 14px;
  font-weight: bold;
}
.notes-bubble .prev-next a { color: #555555; }
.notes-bubble .prev-next a:hover {
  color: #555555;
  text-decoration: underline;
}
.notes-bubble .close a {
  text-decoration: none;
  color: #555555;
  font-size: 13px;
  font-weight: bold;
}
.notes-bubble .text { width: 410px; min-height: 360px; height: 88%; max-height: 480px;}
.notes-bubble .text .category .top-prev-next {
  float: right;
  font-size: 15px;
  display: inline;
  font-weight: normal;
  margin-left: 15px;
}
.notes-bubble .text .category {
  width: 99%;
  text-align: left;
  color: #009dde;
  font-weight: bold;
  font-size: 18px;
  margin: 8px 0 10px 0;
  padding: 0;
}
.notes-bubble .text .title {
  color: #777777;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 5px;
  margin: 10px 0 5px 0;
  border-bottom: solid 1px #aaaaaa;
}
.notes-bubble .text .message {
  font-size: 15px;
  line-height: 20px;
  height: 88%; 
  min-height: 270px; 
  overflow: auto;
}

/* UNUSED? */
.paper-body-col {  
  float: left;
  line-height: 18px;
}
/* UNUSED? */
.paper-fields-col {
  float: left;
  padding-left: 25px;
  line-height: 25px;
}

/* results page */
.submit-page-logo {
  border-radius: 5px;
  opacity: 0.75;
  float: right;
  background: #ffffff;
  margin: 0;
  padding: 3px 5px 5px 3px;
  border-right: 2px solid #665;
  border-bottom: 2px solid #665;
}
.submit-page-logo img {
  height: 40px;
}

.donate-results img { border: 0; width: 264px; height: 68px; }

.vocab-sentences {
  margin: 20px 0 10px 0;
  padding: 5px 0;
  border-top: solid 1px #aaaaaa;
}
.vocab-sentences h2 {
  font-weight: bold;
  color: #555555;
  font-size: 12px;
}
.vocab-sentences .sentence {
  padding: 10px 5px;
  border-bottom: solid 1px #dddddd;
}
.vocab-sentences .sentence .highlight {
  padding: 2px;
  background: #d1e8ef;
}
.validate-error { border: solid 2px #ff3333; }
.required { color: #ff5555; }
div.faq-list {
  line-height: 20px;
  border-bottom: solid 1px #999999;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.faq-list li a {
  color: #555555;
  text-decoration: underline;
}
.faq-entry {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.faq-entry .question { font-weight: bold; }
.faq-entry a {
  color: #555555;
  text-decoration: underline;
}


/****************************************************************** NEW LAYOUT *****************************************************/

/* ===================================  banner  ===========================================================  */

.widget{ width:285px; padding:0px 15px 15px; float:left; background:url(https://d23zq3229oqsac.cloudfront.net/images/widget-bg.gif) no-repeat left top;}
.widget .img-thumb{ float:left; width:122px; height:111px; background:url(https://d23zq3229oqsac.cloudfront.net/images/thumb-shadow.gif) no-repeat left bottom; margin:0 12px 10px 0}
.widget h1{color:#4a4a4b;}
.widget h1.icon1B{  padding:0 0 10px 20px;}
.widget h1.icon1B a{ color: #4a4a4b;}
.widget h1.icon1{ background:url(https://d23zq3229oqsac.cloudfront.net/images/icon1.gif) no-repeat 0 0; padding:0 0 10px 55px;}
.widget h1.icon2{ background:url(https://d23zq3229oqsac.cloudfront.net/images/icon2.gif) no-repeat 0 0; padding:0 0 10px 55px;}
.widget h1.icon3{ background:url(https://d23zq3229oqsac.cloudfront.net/images/icon3.gif) no-repeat 0 0; padding:0 0 10px 55px;}
.widget .enlarge{position:absolute!important; width:24px; margin:-5px 0 0 102px; display:block;z-index:2;}

/* ===================================  banner  ===========================================================  */

.page-widget{ width:950px; padding:10px 20px 15px; margin:0 auto 30px auto; background:url(https://d23zq3229oqsac.cloudfront.net/images/page-widget-bg.gif) no-repeat left top; background-size: 985px auto; border-radius: 20px;}
.page-widget-signup{ padding:10px 20px 15px; margin:0 auto; background:url(https://d23zq3229oqsac.cloudfront.net/images/page-widget-bg.gif) no-repeat left top;}
.page-widget h1.page-heading{color:#4a4a4b; font-size:28px; border-bottom:1px solid #82c4e4; padding:10px 0px 3px; margin-bottom:10px; }
.page-widget h1.page-heading span{color:#00a7e2;}

.grader-form{ padding-top:10px}
.grader-form label{font-weight:bold; margin-right:30px}
.grader-form .inbox{ border:1px solid #ccc; padding:3px; width:830px}
.grader-form .textareabox{ border:1px solid #ccc; padding:3px; width:900px}
.grader-form p span{ font-size:11px; color:#777}

.btn-getreport{ border:0; cursor:pointer; margin-top:20px; display:block; background:url(https://d23zq3229oqsac.cloudfront.net/images/btn-getreport.gif) no-repeat 0 0; width:184px; height:41px; font-size:0px; text-indent:-9999px}


.list{padding:0; margin:0}
.list li{ list-style:none;padding:0 0 0 10px; margin:0 0 5px; background:url(https://d23zq3229oqsac.cloudfront.net/images/list-bullet.gif) no-repeat 0 8px}


#no-one-ever { float:right;border:solid 1px #555; }


/* ==============================================  Footer   ===========================================================  */

#footer-container{width:100%;height:auto;padding:0px; margin:0;background:#555 url(https://d23zq3229oqsac.cloudfront.net/images/footer-bg.gif) repeat-x left top;}
#footer{ width:960px; padding:20px 0px; margin:0 auto; font-size:12px;color:#acacac; text-align:center; display:flex; justify-content: center; flex-wrap: wrap; line-height: 20px;}
#footer .footer-box { padding: 10px; text-align:left; margin:10px auto; min-width: 200px; flex-grow: 1}
#footer ul {margin-top:-25px; }
#footer ul li{display:inline; }
#footer ul li a{padding:0px 6px; }
#footer .copyright{padding:10px 0px 0px 0px;}
#footer table { width: 800px; margin: 20px auto; }
#footer table td { text-align:left; padding: 10px; line-height:20px; }
#footer a { color:#999; }
#footer a:hover { color:#ddd; text-decoration:underline; }
.firefox-img { float:right;background:url(https://d23zq3229oqsac.cloudfront.net/images/firefox-dark.gif) no-repeat 0 0; }
div#footer div.teachers { background:#feff8c; padding:5px 2px; border-radius: 5px; margin:0; text-align:center; box-shadow:0 0 12px #333;}
div#footer div.teachers a { color:#000; text-decoration:none; }
div#footer div.teachers a:hover { color: #555; text-decoration:underline; }

/* ==============================================  Javascript Disabled ============================================ */
#javascript-disabled-container{ position:absolute; width:100%; z-index: 50; top:0; left:0; }
#javascript-disabled{ margin:0 auto; background: url(https://d23zq3229oqsac.cloudfront.net/images/post_it_note.gif) no-repeat; width:600px; height:550px; }
#javascript-disabled div { padding: 175px 75px 0 70px;  width:350px;height:550px; font-size:16px;line-height:25px; margin: 0 0 0 25px}

/* ============================================= Preloading ==================================== */
.preload {display:none}


#floating-message {  position:absolute;  z-index: 5000;  left: 25%;  top: 20%;  width: 50%; }
#floating-message .close {  color: #999;  opacity: 1}
#floating-message .close a {  text-decoration:underline; color: #999; }
#floating-message .close a:hover {  text-decoration:none; color: #555; }

.user-nav { position:absolute;top:-2px;right:-2px;width:300px; border: solid 1px #555; padding: 3px; background:#FFEC8B; text-align:center; }

.overlay {
  padding: 20px;z-index:10000;background-color:#fff;width:675px;min-height:200px;border:1px solid #666;
  box-shadow: 0 0 50px #000; 
  position:relative;
}
.overlay .close {
  background-image:url(/images/icons/close_x.png);
  position:absolute;
  right:-15px;
  top:-15px;
  cursor:pointer;
  height:35px;
  width:35px;
}

.home-bottom-row { text-align:center;  }
.home-bottom-row div {  float:left; }

.pricing-fb-like { float:right; width:500px; padding:5px; margin:5px 10px; background:#FAFFC4; }
.pricing-fb-like div { margin:5px 10px; }
.pricing-fb-like .fb-like { float:left; width:100px; }
.pricing-fb-like .fb-message { width: 350px; float:right; font-size:14px; font-weight:bold; font-family:Georgia; font-style:italic; padding-top:15px; text-align:center;}
.fb-iframe { border:0; overflow:hidden; width: 300px;}
.survey-form-iframe { border:0; overflow:hidden; width: 100%; height: 400px;}

/* results page */
.print-message { font-size: 16px; width:300px; margin:10px auto; }
.print-message img { vertical-align:middle; padding:5px 5px;}
.print-message a { text-decoration:none; color:#958A6F; background:#F7F5EF; padding:5px; }
.print-message a:hover { color:#453A1F; }

.proof-price-box { 
  margin: 15px 5px; 
  width: 200px; 
  padding: 0; 
  text-align: center; 
}
.proof-price-box .heading {
  font-size: 15px; font-weight: bold; color: #f1f1f1; padding: 5px; background: #f15555; background-image: linear-gradient(to bottom, #0081c6, #0071b6 50%); 
  border-radius: 0 10px 0 0; 
}
.proof-price-box .price {
  font-size: 14px; color: #555; padding: 5px; background: #f1f1f1; 
  border-radius: 0 0 0 10px; 
}



article.page { padding:5px 25px; background:#fff; border-radius:25px; margin:15px; line-height: 25px; }
article.page h1 { color: #555; }
.atf-leaderboard-show-sub { padding:0 5px 5px 5px; }

/*Social Media*/
.social_media{
  float: right;
  margin: 0 5px 0 25px;
  width:  320px;
  text-align: left;
  padding-bottom: 5px;
  border: 1px solid #333333;
}
.social_media .title {
  padding: 5px 10px;
  background-color: #333;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
}

.social_media hr{
  background-color: #333333; height: 1px; border: 0;
}
.social_media iframe{
  margin: 0 10px !important;
}

/* Grammar exercises: Confused words quizzes*/
.single_sentence{
  display: block;
  padding: 15px 0;
  border-bottom: solid 1px #aaa;
  position: relative;
  line-height: 30px;
}
.single_sentence .result{
  float: right;
  position: absolute;
  left: -30px;
  top: -5px;
}

.result.correct-answer{
  background: url(/images/icons/correct.png) no-repeat;
  width: 24px;
  height: 24px;
}

.result.wrong-answer{
  background: url(/images/icons/wrong.png) no-repeat;
  width: 24px;
  height: 24px;
}

.translator_wrapper .form_area #sentence{
  height:150px;
  width: 700px;
}

/*lightbox*/

#lightbox-content {
  -moz-border-radius: 6px;
  background: #eef2f7;
  -webkit-border-radius: 6px;
  border: 1px solid #536376;
  -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
  -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
  padding: 14px 22px;
  width: 500px;
  height: 300px;
  position: relative;
  display: none;
}
h3#see_id{
  font-size: 24px;
  text-align: center;
  margin-top: 15px;
}

.submit-status {
  padding-top: 30px;
  padding-left: 30px;
}

/* Ginger */
.ginger_btn_sprite{ background:url("/images/ginger_btn_sprite.png") top left no-repeat; }
.ginger_btn_up{ width:238px; height:28px; background-position:0 0; }
.ginger_btn_sprite:hover{ width:238px; height:28px; background-position:0 -28px; }
/* .ginger_attr{ width:245px; float: left;} */
.ginger_attr{ margin: 0 0 0 200px; width:245px; float: left; }
.ginger_attr_1{ margin:5px 0; width:245px; font-family: Arial,Helvetica,'san-serif'; font-size:12px; color:#555; text-align:left; }
/* .ginger_attr_1{ margin:5px 0; width:245px; font-family: Arial,Helvetica,'san-serif'; font-size:12px; color:rgb(134,134,134); text-align:left; } */

.error-captcha{
  color: red;
}


/*Css for top bar*/
:root .acidjs-hellobar,
.acidjs-hellobar label,
.acidjs-hellobar label span
{
    display: block;
}
 
.acidjs-hellobar,
.acidjs-hellobar *
{
    margin: 0;
    padding: 0;
}
 
.acidjs-hellobar > div,
.acidjs-hellobar label span
{
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #666;
    transition: margin 300ms ease-in-out;
    box-shadow: 0 0 2px 2px rgba(58, 58, 58, .50);
}
 
.acidjs-hellobar,
.acidjs-hellobar input
{
    display: none;
}
 
.acidjs-hellobar
{
    position: fixed;
    z-index: 250;
    top: 0;
    left: 0;
    width: 100%;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    color: #000;
    cursor: default;
     
    /* these properties are required only by the demo page at http://experiments.wemakesites.net/css3-hello-bar.html */
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}
 
/* these rules are required only by the demo page at http://experiments.wemakesites.net/css3-hello-bar.html */
.acidjs-hellobar > div,
.acidjs-hellobar label
{
    -webkit-pointer-events: all;
    -moz-pointer-events: all;
    pointer-events: all;
}
 
.acidjs-hellobar > div
{
    margin-top: -37px;
    padding: 0 64px;
    border-bottom: solid 3px #fff;
    font-size: 12px;
}
 
.acidjs-hellobar > div > div
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
 
.acidjs-hellobar label
{
    float: right;
    margin: 0 16px 0 0;
}
 
.acidjs-hellobar label span
{
    width: 30px;
    height: 30px;
    font-size: 27px;
    text-shadow: 0px 1px rgba(0, 0, 0, .75);
    border: solid 3px #fff;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    cursor: pointer;
}
 
.acidjs-hellobar input ~ label span:first-child
{
    border-color: transparent;
    box-shadow: none;
    background: none;
}
 
.acidjs-hellobar input:not(:checked) ~ label span:first-child
{
    opacity: 0;
}
 
.acidjs-hellobar input:checked ~ label span:first-child
{
    opacity: 1;
    transition: opacity 300ms 300ms ease-in-out;
}
 
.acidjs-hellobar input:not(:checked) ~ label span:last-child
{
    margin-top: -33px;
}
 
.acidjs-hellobar input:checked ~ label span:last-child
{
    /*margin-top: -70px;*/
}
 
.acidjs-hellobar input:checked ~  div
{
    margin-top: 0;
}
 
/* Colors */
.acidjs-hellobar.acidjs-hellobar-e34c26 > div,
.acidjs-hellobar.acidjs-hellobar-e34c26 label span
{
    background: #EB593C;
}
 
.acidjs-hellobar.acidjs-hellobar-78ba00 > div,
.acidjs-hellobar.acidjs-hellobar-78ba00 label span
{
    background: #78ba00;
}
 
.acidjs-hellobar.acidjs-hellobar-1b58b8 > div,
.acidjs-hellobar.acidjs-hellobar-1b58b8 label span
{
    background: #1b58b8;
}
 
.acidjs-hellobar.acidjs-hellobar-ff2e12 > div,
.acidjs-hellobar.acidjs-hellobar-ff2e12 label span
{
    background: #ff2e12;
}
 
.acidjs-hellobar.acidjs-hellobar-aa40ff > div,
.acidjs-hellobar.acidjs-hellobar-aa40ff label span
{
    background: #aa40ff;
}
.acidjs-hellobar a{
  /*text-decoration: none;*/
  background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    margin: 0 0 0 10px;
    text-decoration: none;
    white-space: nowrap;
    line-height: 30px;
}
.acidjs-hellobar a:hover{
  /*text-decoration: none;*/
  color:#3D4C4C;
}
.percentile_image{
  margin-bottom: -30px;
}
.hidden{
  display: none;
}
/*******************************************************************************/
.sentence-length-chart {
  width: 325px;
  padding: 5px;
  margin: 10px auto;
  text-align: left;
  font-size: 80%;
  background: #fff;
  border: solid 1px #555;
}

table{
  border-collapse: collapse;
}
.suggestion_table {
  width: 100%;
  margin: 7px 5px 0 0 ;
}
 .suggestion_table th, .suggestion_table td{
    border: 1px solid #333;
}

.sign_up_wrapper a{
  /*color: #fff;*/
  font-weight: bold;
}
.sign_up_wrapper{
  font-size: 15px;
}
.sign_up_wrapper label{
  /*font-size: 15px;*/
  /*margin: 8px 0px;*/
}
.member_new div{
margin: 12px 0px;
}

/************************* message boxes ********************************/
.message-box {
  margin: 5px 10px 5px 5px;
  padding: 5px 5px;
  font-size: 15px;
  line-height: 19px;
  background: #ffffff;
  opacity: 0.8;
}
.warning a { 
  color: #e80909; 
  text-decoration:none; 
  border-bottom: dotted 1px #ff2929;
}
.warning {
  border-top: solid 1px #e80909;
  /* border-left: solid 2px #e80909; */
  border-bottom: solid 1px #e80909;
  color: #e80909;
}
.warning img.icon {
  height: 13px;
}
.positive {
  border-top: solid 1px #008005;
  border-bottom: solid 1px #00a005;
  color: #008005;
}
.positive a { 
  color: #008005; 
  text-decoration:none; 
  border-bottom: dotted 1px #30B035;
}
.alert {
  border-top: solid 1px #d0860b;
  border-bottom: solid 1px #d0860b;
  color: #904600;
}
.alert a { 
  color: #904600; 
  text-decoration:none; 
  border-bottom: dotted 1px #d0860b;
}
.info-message {
  border-top: solid 1px #fc7c34;
  border-bottom: solid 1px #fc7c34;
  color: #dc5c14;
}
.info-message a { 
  color: #dc5c14;
  text-decoration:none; 
  border-bottom: dotted 1px #fc7c34;
}
.message-box .icon {
  /*
  position: absolute;
  top: -15px;
  left: -3px;
  z-index: 500;
  */
  margin: -3px 2px 0 -3px;
  float: left;
  width: 15px;
  height: 15px;
}
.bad-phrase-list {
  padding: 10px;
  margin: 5px;
  background: #F3F1E7;
}

.paper-box {
  width:90%;
  height:220px;
}

.paper-box::-webkit-input-placeholder { font-size: 18px; font-weight: bold; }
.paper-box:-moz-placeholder { font-size: 18px; font-weight: bold; }
.paper-box::-moz-placeholder { font-size: 18px; font-weight: bold; }
.paper-box:-ms-input-placehodlder { font-size: 18px; font-weight: bold; }
.paper-box:focus::-webkit-input-placeholder { color: transparent }
.paper-box:focus:-moz-placeholder { color: transparent }
.paper-box:focus::-moz-placeholder { color: transparent }
.paper-box:focus:-ms-input-placehodlder { color: transparent }

a.upload-button {
  background-image: url('/images/btn-upload.png');
  background-size: 40px 28px;
  background-repeat: no-repeat;
  padding-left: 48px;
  display: block;
  height: 30px;
  width: 100px;
  font-size: 18px;
  padding-top: 3px;
  margin-top: 6px;
  font-weight: bold;
  color: rgb(92, 171, 243);
}

.premium-invite-modal {
  -moz-border-radius: 6px;
  background: #eef2f7;
  -webkit-border-radius: 6px;
  border: 1px solid #536376;
  -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
  -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
  width: 435px;
  height: 300px;
  position: relative;
  display: none;
}

.premium-invite-modal .invite-header {
  background-color: #3C76D0;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  color: white;
}

.modal-header .close {
  background-image: url('/images/modal-close.png');
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  margin-top: 5px;
}

.premium-invite-modal .error {
  padding: 10px;
  color: red;
  border-bottom: 1px dashed gray;
}

.premium-invite-modal ul.invite-body {
  list-style-type: none;
}

.premium-invite-modal ul.invite-body li {
  background-image: url('/images/silk_icons/accept.png');
  background-repeat: no-repeat;
  padding-left: 24px;
  margin-left: 65px;
  margin-bottom: 10px;
  font-size: 15px;
}

.learn-more-btn {
  padding: 8px 17px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
  -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
  color: #fff;
  background-color: #349045;
  border-color: #349045;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.learn-more-btn:hover, .learn-more-btn:active {
  color: #fff;
}

.file-upload-modal {
  -moz-border-radius: 6px;
  background: #eef2f7;
  -webkit-border-radius: 6px;
  border: 1px solid #536376;
  -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
  -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
  padding: 12px;
  width: 435px;
  height: 280px;
  position: relative;
}

.file-upload-modal .modal-body {
  padding-top: 40px;
}

.file-upload-modal .errors {
  background-image: url('/images/warning.png');
  background-repeat: no-repeat;
  height: 200px;
  padding-left: 129px;
  background-position-x: 30px;
  background-size: 60px;
}
span.error{
  color: red;
    text-align: center;

}

.esub-table {
  width: 100%;
  text-align: center;
}

.esub-table td, .esub-table th {
  border: 1px solid black;
  padding: 2px;
}

.csv-download-button {
  background-image: url("/images/csv_icon.png");
  background-repeat: no-repeat;
  background-size: 40px 40px;
  color: rgb(92, 171, 243);
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  padding-left: 48px;
  padding-top: 6px;
  width: 100px;
}

.field_with_errors {
  display: inline-block;
}

.field {
  margin-bottom: 20px;
  font-size: 20px;
}

.field ul {
  margin-top: 5px;
  margin-bottom: 5px;
}

.field label {
  width: 90px;
  display: inline-block;
}

.field label.terms-label {
  width: inherit;
}

.field input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.field input {
  font-size: 20px;
}

#contest_entry_submit {
  padding: 10px;
}

.error {
  color: red;
}

.entry-info {
  padding: 15px;
}

.contest-entries hr {
  border-color: #e7e7e7;
  margin: 10px 0;
}

h3.entry-name {
  color: rgb(0, 148, 255);
  font-weight: bold;
  margin-bottom: 3px;
}

.contest-voting-button {
  color: grey;
}

#vote_submit {
  padding: 13px;
}

#vote_submit {
  display: inline-block;
  vertical-align: middle;
}

.voting-invalid-desc {
  display: inline-block;
  width: 700px;
  vertical-align: middle;
}

.submit-entry-button {
  font-size: 20px;
  padding: 8px;
}
.sign_up_from, .sign_in_from{
  width: 500px;
  margin: 0 auto;
  background: #f3f3f3;
  padding:  25px 35px;
  border: thin solid #d4d4d4;
}

.sign_in_from .form-control{
  display: inline-block;
  width: 81%;
}

.sign_in_from  label{
  width: 18%;
}

.label_remember{
  width: 74% !important; 
}
.form-control{
  box-shadow: none; 
  height: 40px; 
  border-radius: 2px; 
  }

.form-group{
  margin-bottom: 25px !important
}
.sign_in_from .form-group{
  margin-bottom: 0px !important
}

.remember{
  width: 410px;
  text-align: left;
  margin-left: 66px !important;

}

.sign_in_from #member_submit{
  margin-left: 84px;
}

.sign_up_wrapper label{
  font-weight: normal;
  color: #666;
}

.sign_in_from a, .sign_up_from a{
  /*color: #fff;*/
  font-weight: normal;
}

.btn-red {
  background: #EA2626;
  border-color: #C50B14;
  color: #fff;
  border-radius: 2px
}
.btn-red:hover{
  background: #CC1414;
  border-color: #C50B14;
  color: #fff;
}

.steps{
  margin: 30px 45px;
}

.steps img{
	width: 40px;
}
.step{
  width: 175px;
  position: relative;
  margin: 0 25px ;
  padding: 15px 0;
}

.step p{
  font-size: 18px;
  padding-top: 5px;
}

.overlay-step{
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(195, 248, 197, 0.2);
  width: 100%;
  height: 100%;
  border: 2px solid #14D770;
  border-radius: 7px;
}

.step-arrow{
  margin-top: 35px;
}

.sign_in_from h2{
  font-size: 30px;
}

.sign_up_wrapper h1.page-heading{
  margin: 20px auto;
  border-bottom: none;
}

.wrap-plans{
  width: 435px;
  margin: 0 auto;
}
.charge{
  background: #f6f6f6;
  border: 1px solid #d4d4d4;
  padding: 20px 30px;
  margin: 10px 0;
}
.monthly-plan {
  width: 50%;
  position: relative;
}
.charge-btn{
  width: 30%;
}
.charge-btn  .btn{
  margin-top: 15px;
}
.top-text h2{
  font-size: 35px;
}
.money-back{
  background: #14D770;
  color: #fff;
  font-size: 13px;
  width: 250px;
  margin: 0 auto;
  padding: 2px 0;
  margin-bottom: 5px;
}

.special-promo{
  color:#14D770;
  font-size: 18px;
  margin: 5px 0;
}

.best-value{
  background: #14D770;
  color: #fff;
  position: absolute;
  left: -30px;
  padding: 0 10px;
}

.expiration-date   span{
  display:  inline-block;
}

.payment-purpose h3{
  display: inline-block;
}
.text-gurantee{
  color: #14D770;
}
.payment-btn{
  margin-bottom: 15px;
}
.price-cancel{
  text-decoration: line-through;
}
.payment-purpose .special-promo{
  margin-top: 20px;
}

@-webkit-keyframes slide {
  100% { left: 20px; }
}

@keyframes slide {
  100% { left: 20px; }
}

.popup-container {
  background: #333333 none repeat scroll 0 0;
  padding: 30px;
  border-radius: 4px;
  position: fixed;
  left: -500px;
  bottom: 20px;
  z-index: 1000;
  -webkit-animation: slide 1s forwards;
  -webkit-animation-delay: 1.5s;
  animation: slide 1s forwards;
  animation-delay: 1.5s;
  color: rgb(195, 195, 195);
}

.popup-container .close-popup {
  background-image: url('/images/icons/close_x.png');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px;
}

.newsletter-image, .newsletter-form {
  display: inline-block;
  vertical-align: middle;
}

.newsletter-image img {
  width: 120px;
  margin-right: 20px;
}

.newsletter-form h4 {
  margin-bottom: 10px;
  color: rgb(218, 218, 218);
  font-size: 16px;
}

.newsletter-form input[type="text"], .newsletter-form input[type="email"] {
  background-color: #ffffff !important;
  border: 1px solid #333333 !important;
  box-sizing: border-box !important;
  color: #333333 !important;
  font-size: 14px !important;
  height: 32px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  width: 100% !important;
  border-radius: 4px;
  margin-bottom: 5px;
}

.newsletter-form input[type="submit"] {
  background: #25a6d1 none repeat scroll 0 0 !important;
  color: #ffffff !important;
  border: none;
  border-radius: 4px;
  width: 100%;
  padding: 7px;
  font-size: 16px;
  margin-bottom: 11px;
}

.newsletter-form small {
  color: rgb(132, 132, 132);
}

.go-premium-div {
  text-align: center;
}

.learn-premium-btn {
  background-image: url('/images/learn-more-btn.png');
  display: inline-block;
  width: 135px;
  height: 40px;
  background-size: 135px 40px;
}

.popup-container h3 {
  font-weight: bold;
}

.popup-container span.focus {
  color: #4966FF;
}

.pricing_table .tick, 
.pricing_table .cross {
  background-position: 7px 7px;
}
.pricing_table .th-basic { width: 160px; }
.pricing_table .th-premium { width: 160px;}

.flex > p{
	line-height: 13px;
	font-size: 12px;
	padding-bottom: 0;
}
#price-table .flex:first-child{
	color:#93C9ED;
	margin-left: 120px;
	margin-top: 20px;
}
#price-table-wrapper .top-content{
	color: #444;
	font-size: 14px;
	margin-bottom: 20px;
}
.price_fb-like{
	width: 20%;
	margin-top: 10px;
}
.like-text{
	width: 60%;
	margin-left: 100px;
}

.top_link_content{
	background: #F9F5AD;
	padding: 20px;
	margin-top: 40px;
}

.vocab-search form {
  display: inline-block;
  margin-left: 5px;
}
.vocab-search form input[type=text] {
  width: 120px;
}
.card-banner-small img{
  height: 80px;
}
.card-banner-small{
  text-align: center;
  margin-bottom: 25px;
}

/*** Use Premium Button ****/
.use-premium-btn a {
  text-align: center;
  max-width: 150px;
  background: #ffdd00;
  background-image: -webkit-linear-gradient(top, #ffdd00, #ff9d00);
  background-image: -moz-linear-gradient(top, #ffdd00, #ff9d00);
  background-image: -ms-linear-gradient(top, #ffdd00, #ff9d00);
  background-image: -o-linear-gradient(top, #ffdd00, #ff9d00);
  background-image: linear-gradient(to bottom, #ffdd00, #ff9d00);
  -webkit-border-radius: 22;
  -moz-border-radius: 22;
  border-radius: 22px;
  /* text-shadow: 1px 1px 1px #999; */
  font-family: Arial;
  font-weight: bold;
  color: #555555;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.use-premium-btn a:hover {
  background: #f7f7f7;
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e3e3e3);
  background-image: -moz-linear-gradient(top, #f7f7f7, #e3e3e3);
  background-image: -ms-linear-gradient(top, #f7f7f7, #e3e3e3);
  background-image: -o-linear-gradient(top, #f7f7f7, #e3e3e3);
  background-image: linear-gradient(to bottom, #f7f7f7, #e3e3e3);
  text-decoration: none;
}

.gray-btn a:hover {
  background-image: linear-gradient(to bottom, #f7f7f7, #e3e3e3);
  text-decoration: none;
}
.gray-btn { min-height: 30px; margin: 15px; 0px; }
.gray-btn a {
  text-align: center;
  background: #ddd;
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: -moz-linear-gradient(top, #eee, #ddd);
  background-image: -ms-linear-gradient(top, #eee, #ddd);
  background-image: -o-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(to bottom, #eee, #ddd);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  /* text-shadow: 1px 1px 1px #999; */
  font-family: Arial;
  font-weight: bold;
  color: #555;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}


img.learn-more-scrib { margin: 15px; width: 150px; height: 70px; border: 0;}
a img.learn-more-scrib { text-decoration: none; }

/**** end buttons ***************/


.remaining {
  text-align: right;
  margin-right: 96px;
}

.remaining span {
  font-size: 16px;
}

.remaining span.overflow {
  color: red;
}

.social-buttons img { padding: 3px; }
.social-buttons { margin: 20px auto; width: 200px;  padding: 10px; background: #333; border-radius: 10px; }



.flex{  width: 120px; display: inline-block; }


/**** esubs page **********/
.sshot-right { padding: 10px; float: right; margin: 10px; }
.sshot-right img { border: solid 1px #555; margin: 0; padding: 0; }
h1.doc-h1 { font-size: 20px; background: #95E3FF; padding: 5px; margin: 20px 0 10px 0; font-weight: bold;}
h2.doc-h2 { font-size: 18px; font-weight: bold; margin: 10px 0 10px 0;}

.topics-covered { margin: 15px 10px; padding: 10px 8px; border-top: solid 1px #aaa; }

.grammar { font-variant: inherit; }
.plagiarism { font-style: normal; font-variant: inherit; }


/* media queries must appear at bottom so they are processed last */
/* ============================== Very Wide Desktop ====================================== */
@media(min-width:1200px){
  .esub-table { background: #fff;  position: relative; left: -150px; width: 1160px; }
}
@media(min-width:1400px){
  .esub-table { left: -250px; width: 1350px; }
}
@media(min-width:1600px){
  .esub-table { left: -350px; width: 1600px; }
}

/* ============================== Tablet ====================================== */
@media(max-width:768px){
  .page-widget{ width: 90%; padding:10px 20px 15px; margin:0 auto 30px auto; background:url(https://d23zq3229oqsac.cloudfront.net/images/page-widget-bg.gif) no-repeat left top; background-size: 95% auto; border-radius: 10px;}
  .page-widget h1.page-heading{color:#4a4a4b; font-size:22px; border-bottom:1px solid #82c4e4; padding:5px 0px 3px; margin-bottom:10px; }
  .page-widget h1.page-heading span{color:#00a7e2;}
  .content{ width: 100%; padding:5px; margin: 0 auto; }
  .content .widget{ display: block; float: none; padding:5px; margin: 0 auto 30px auto; background:none;}
  .bottom-bar{ width: 300px; margin: 0 auto; }
  #footer{ width:100%; padding:20px 0px; margin:0 auto; font-size:18px;color:#acacac; text-align:center; }
}

/* ============================== Mobile ====================================== */
@media(max-width:600px){
  .page-widget img { max-width: 90%; margin: auto auto;}
  .sshot-right img { max-width: 90%; margin: auto auto;}
  .terms-of-service { width: 90%; }
  .footer-box { width: 50%; margin: auto auto; font-size: 14px;}
  .content{ width: 100%; padding:5px; margin: 0 auto; }
  .pricing_table { width: 99%; padding-left: 5px; }
  .pricing_table .th-basic { width: 90px; }
  .pricing_table .th-premium { width: 90px;}
  #price-table .flex:first-child{ margin-left: 80px; }
  .flex{ width: 100px; display: inline-block; }
}