*{ 
  font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  font-size: 98%; 
}
#wrapper{
  width:100%;
  margin: 0px auto;
}

#readability{
  font-size: 60%;
  font-style: italic;
  color: #eee;
}

#counter {
  color: #FFFFFF;
  font-size: 200%;  
  padding: 5px 1px 5px 5px;
  margin-top: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
  display: inline;
}

.box_container{
  border: 1px solid #606c38;
  margin: 8px 0;
  line-height: 1.5;
  background-color: #fff;
  -webkit-box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);
  box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

#generation{
  padding: 1px;
  border: 1px solid #009900;
  font-size:100%;
  line-height: 1.5;
  margin: 10px 0;
}
#textToAnalyzeContainer, #randomTextGenerate{
  /*width:70%;*/
}

#textToAnalyzeContainer, #first_column{  
  height:100%;
  /*min-height: 1280px;*/
  /*float:left;*/
  font-size:100%;
  line-height: 1.5;
  padding-right: 0px;
  padding-left: 0px;
}

#boxContent{
  margin:5px;
}
#extraOption{
  float:right;
}


#densityContainer{
  font-size:100%;
  line-height: 1.5;

}

#textbox{
  width:100%;
  height:340px;
  /*height:660px;*/
  border: 1px solid #999999;
  margin-top: 5px;
  font-size: 110%;
}

#banner{
  margin-top: 15px;
}
#ad{
  display:block;
}
#textad{
  display: none;
}
#logo{
  float:left;
  margin:0px;
}
#headerContainer{
  position:relative;
  /*margin-top:-7px;*/
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#social{
  margin-top: 10px;
}
.percentage{
  color:#777777;
}
.definition{
  margin-bottom: 0px;
  margin-top: 10px;
  font-weight: bold;
}
.firstList{
  margin-top:0px;
}

.clear{
  clear:both;
}

#mainContent{
  position: relative; 
  width: 100%;
  margin-top: 0px;
  padding-top: 0px;
}

#statistics{
  /*float:right;*/
  /*width:28%;*/
  height:100%;
  min-height: 1395px;
  padding-right: 0px;
  padding-left: 0px;
}





#description{
  font-size:100%;
  line-height: 1.5;
  text-align:justify;
}

#navs{
  margin:5px 5px; 
  /*float: right;*/
  font-size: 100%;
  display: inline;
  float:left;
}
#typeOption{
  margin: 10px 10px;
}




#myCanvas{
  margin:auto auto;
}
#tagList{
  display:none;
}
#scoretable{
  margin:5px auto;
}
table td{
  padding:5px;
}
table th{
  text-align:center;
}
#dale_chall_formula{
  margin:10px auto;
  display:block;
  padding:5px;
}

#title{
  font-family: sans-serif;
  font-size: 30px;
  color: #C43C35;
  font-weight: bold;
  line-height: 19px;
}

table.list3000{
  font-family: Arial; 
  font-size: 13px;
  margin-bottom:10px;
  width:100%;
}
.list3000 td{
  vertical-align:top;
  text-align:justify;
  padding:10px;
  width:15%;
}
#converter {
  /*float:left;*/
  margin:10px 0;  
}
.convert{
  margin-right:5px;
  font-size: 90%;
  display: block;
  margin-bottom: 5px;
}
.convert input{
  width: 65px;
}
#toAlternatingCaseButton{
  width: 85px;
}
#htmlStrip{
  /*float:right;*/
  margin:10px 0;
}

#undoButton{

  margin:0;
}
#showExtraStatistics{
  /*float:right;*/
  font-style: italic;
  font-weight:normal;
  font-size:12px;
  display:none;
  /*margin-top:15px;*/
  padding: 0px;
}
#randomTextGenerate, #randomTextGenerate > span{
  margin: 0 0;
  padding: 0 0;     
}
#randomTextGenerate > span{  
  float: left;
}
#randomTextGenerate *{
  margin-top: 0; 
}
#amountOption{
  margin-right: 0;
  padding-right: 0;
}
#description{
  position: relative;
}

#infoBox,#definitionBox{
  padding-left: 0px;
  padding-right: 0px;
}
.instruction{
  margin: 10px 5px 10px 10px;
  text-align: justify;
}
#contact{
  text-align: left;
  float: right;
}



/*.header:hover, input[type=button]:hover{
  color:white;
  background-color: #3591F0;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  font-weight: 700;  
  line-height: 1.5;
}
*/
input[type=button]:hover{
  cursor: pointer;  
}
input[type=button]{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);
  box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);
}
.header, input[type=button] {
  font-weight: 700;
  font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #606c38;
  border-color: ##606c38;

  /*background-image: -moz-linear-gradient(top, #8FC0F2, #3591F0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8FC0F2), to(#3591F0));
  background-image: -webkit-linear-gradient(top, #8FC0F2, #3591F0);
  background-image: -o-linear-gradient(top, #8FC0F2, #3591F0);
  background-image: linear-gradient(to bottom, #8FC0F2, #3591F0);
  background-repeat: repeat-x;
  border-color: #3591F0 #3591F0 #3591F0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8FC0F2', endColorstr='#ff3591F0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
  height: 32px;

}

.header{
  margin:0;
  padding:5px 12px;
  font-size: 15px;
  font-weight:bold;
}


#sidebar_ads {
  display: block;
  /*float: right;*/
  text-align: right;
  /*padding-top: 26px;*/
  padding-left: 2px;
  font-size: 105%;
}

#sidebar_ads .newapp_notice{
  color: #E1306C;
}

#topQuatity,#excluding{
  margin-right:26px;
  padding:2px 5px;
  line-height: 1.5;
  height: 30px;
  display: inline;
  font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
}
#topQuatity{
  margin-left: 10px;
}
#topQuatity input{
  color:#000000;
  text-align: center;
}




.notice{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #E1306C;
  border-color: #E1306C;
  /*background-image: -moz-linear-gradient(top, #FA9B4B, #FF7000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FA9B4B), to(#FF7000));
  background-image: -webkit-linear-gradient(top, #FA9B4B, #FF7000);
  background-image: -o-linear-gradient(top, #FA9B4B, #FF7000);
  background-image: linear-gradient(to bottom, #FA9B4B, #FF7000);
  background-repeat: repeat-x;
  border-color: #FF7000 #FF7000 #FF7000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFA9B4B', endColorstr='#ffFF7000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
  -webkit-box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);
  box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);

}


/*.notice:hover{
  color:white;
  background-color: #FF7000;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}*/
/*#description a{
  color:#3591F0;
}*/
/*#contact a,#contact a:visited{
  color:#3591F0;
  text-decoration: none;
  font-weight: bold;
}*/
.stat_percentage{
  color:#E1306C;
  font-style: italic;
  font-size: 90%;
  font-weight: 600;
}
#dale_chall_mapping{
  font-weight: bold;
  padding: 10px 0px;
}
#stats .stat .notice label{
  display: inline;
}
#infoBox>h1,#infoBox>h2,#definitionBox>h2{
  font-size: 100%;
  line-height: 1.5;
}
#mainContent, #densityContainer, #description, #description .row, #contact,#densityList{
  margin-left: 0px;
  margin-right: 0px;
}
#the_formula{
  font-size: 130%;
  text-align: center;
  padding:15px 2px;
}

#topDensity{
  margin: 10px;
  padding-top: 20px;
}
#bottom_banner_ad{
  width:728px;
  margin:10px auto;
}
.stat_header label{
  display: inline;
}
#stats label{
  width:230px;
  display: inline;
  font-weight: normal;
}
#stats .stat_con label{
  font-weight: bold;
}
label{
  width:230px;
}
label .density{
  width:200px;
}

.stat_con{
  width:95px;
}
.stat_con,.stat_con_selected{
  color: #FFFFFF;  
  font-style: bold;
  float:right;
  padding:2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: left;
  font-size: 14px;
}
#stats .stat_con_selected{
  /*width: 70px;*/
}
.stat{
  margin-bottom:16px;
  font-size: 13px;
}
.stat_header{
  font-size: 13px;
  text-decoration: underline;
}
#stat_count{
  width:175px;
  float:left;
  /*text-align: center;*/
}
#stat_entire, #stat_selected, #stat_count{
  font-weight: bold;
  color: #4CA2F5;
}
#stat_entire{
  width: 75px;
  float:left;
  text-align: center;
  /*padding-left: 10px;*/
}
#stat_selected{
  /*width: 90px;*/
  float:right;
  /*text-align: center;*/
}
#stats{
  /*margin:10px 2px 10px 4px;
  padding:2px;
*/
  padding: 0px;
  margin: 0px;
}


.stat_label{
  margin-right:5px;
  margin-top: 4px;
  width: 175px;
  float: left;
}
.stat_con_selected{
  float:right;
}
.embed_direction span{
  display: block;
  text-align: center;
}
.embed_direction{
  margin: 20px auto;
  font-size: 110%;
}
#embed_example{
  /*width: 600px;*/
  margin: 20px auto;  
}

.wct_embed_code_box{
  background-color:#4CA2F5;
  color:white;
  border:2px #FF7000;
  border-style:solid;
  border-width:5px;
  padding:5px;
  margin: 10px auto;
  font-size: 12px;
}

#wct_embed_code_big{  
  font-size:15px;
  /*width: 760px;*/
}
#direction_example{
  margin-top: 35px;
  margin-bottom: 5px;
}
#about_us_1,#about_us_2,#about_us_3,#about_us_4{
  font-size: 110%;
}
#about_us_2,#about_us_3,#about_us_4{
  margin-top: 10px;
}
#addthis_share_box{
  margin: 10px auto;
}
#atstbs{
  margin: 5px auto;
}

#form_file_upload,#file_upload{
  display: inline;
}
.instruction_paragraph{
  margin-top: 8px;
  margin-bottom: 8px;
}
}
.fb-page{
  width: 100%;
}
#add_this{
  float: right;
}

.navbar-default {
  /*background-color: #158cba;
  border-color: #158cba;*/
  background-image: none;
  margin-bottom: 5px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  /*border-color: #158cba;
  background-color: #158cba;*/
  /*background: #5da4bf;
  color: #ffffff;*/
  font-size: 115%;
  
}
/*.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand {
  color: white;
}
*/

.navbar-default .navbar-nav>li>a {
    color: #606c38;
    font-size: 100%;
}

#navbar-brand-logo h1:hover, .navbar-default .navbar-nav>li>a:hover{
  color: #E1306C;
}


#navbar-brand-logo{
  background-image: url("../image/icon_48.png"); 
  padding-left: 50px; 
  padding-right: 10px; 
  background-repeat: no-repeat; 
  background-position:0px;
}
#navbar-brand-logo h1{
  color: #E1306C;
  font-size: 120%;
  display: inline-block;
  margin-top: -2px;
}

#other_products{
  float:left;
  margin-bottom: 8px;
  margin-left: 10px;
  padding-left: 2px;
}
#before_textarea_ads_label{
  text-align: center;
  font-size: 125%;
  margin: 4px 2px;
  font-weight: bold;
  min-height: 90px;
}
#before_textarea_ads{
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#link_unit_ads{
  font-size: 120%;
}
#non_english_language_option{
    font-style: italic;
    text-align: right;
    float: right;
}

#quote_of_the_day{
  margin-top: 15px;
  padding: 5px;
  font-size: 110%;
  border: 3px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #3acfd5 0%, #3591F0 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #3acfd5 0%, #3591F0 100%);
  border-image: linear-gradient(to bottom, #3acfd5 0%, #3591F0 100%);
  border-image-slice: 1;
}
#today_quote_website a{
  color: #FF7000;
  font-weight: bold;
  font-size: 110%;
}
#quote_of_the_day_content{
  font-style: italic;
}
#quote_of_the_day_content a{
  text-decoration: none;
}
#quote_of_the_day_content a:hover{
  color: #FF7000;
}

#customized_ads{
  margin:5px auto 0px auto;
  text-align: center;
}
#customized_img_ad{
  max-width: 100%; 
  height: auto;
}

@media only screen and (max-device-width: 738px) { 
  #textbox{
    font-size: 16px;
  }
  #navbar-brand-logo h1 {
    font-size: 110%;
    display: inline;
  }
  #counter{
    font-size: 180%;
    padding: 0px;
  }
  #sidebar_ads{
    display: none;
  }
  #upload_a_file_option{
    display: none;
  }
  .dsk_only{
    display: none !important;
  }
  .navbar-toggle {
    margin-top: 4px;
    margin-right: 4px;
  }
  .navbar-collapse{
    background: white;
  }
}

#upload_a_file_option{
  display: inline;
}

.container{
  width: 100%;
}

table{
  border: 1px solid #cccccc;  
}
table th, table td{
  padding: 10px;  
  border: 1px solid #cccccc;
  font-size: 110%;
}
table td.td_value{
  text-align: center;
}

#extra_wordcount_statistics_header, #readability_statistics_header,#reading_time_statistics_header,#length_statistics_header,
#keyword_density_statistics_header{
  margin-top: 12px;
}
td.alignleft{
  text-align: left;
  background-color: #eeeeee;
}
#exclude-grammar-word-switcher-container{
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
  float:right;
}
#number_of_top_keywords{
  float: left;
  text-align: left;
  margin-top: 15px;
  margin-left: 20px;
  font-size: 110%;
}
#number_of_top_keywords_value{
  text-align: center;
}
#clearTextButton{
  padding-top: 4px;
  padding-bottom: 4px;
}
#after_textarea_ads{
  margin-top: 2px;
  margin-bottom: 2px;
}
#keyword_density_tabs{
  max-height: 480px;
  overflow-y: scroll;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #E1306C;
    background: #E1306C;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background: #E1306C;
}

#textToAnalyzeContainer_header{
  padding-right: 4px;
}
#close_file {
    color: #E1306C;
    opacity: 1.0;
    font-size: 105%;
    cursor: pointer;
}

.close {
    /* background: url(uploadifive-cancel.png) 0 0 no-repeat; */
    display: inline;
    float: right;
    height: 10px;
    /* text-indent: -9999px; */
    width: 10px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

#infoBox .header a {
    text-decoration: none;
    color: white;
}
#fb-fanpagebox{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



#brief_summary{  
  padding-top: 5px;
}

#joke_of_the_day_panel{
    display: none;
}
#joke_of_the_day_div{
    padding: 5px 7px 3px 7px;
    line-height: 1.25;
    font-size: 103%;
}
#joke_of_the_day_div a{
    color: rgb(255, 101, 80);
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
}
.panel-primary>.panel-heading-joke {
    color: #ffffff;
    background-color: #158cba;
    border-color: #158cba;
    font-size: 14px;
    padding: 2px 12px;
}
.panel.panel-primary{
  margin-bottom: 2px;
  max-height: 120px;
  overflow-y: scroll;
}


#character_count_stats_table,
#length_stats_table,#reading_time_stats_table,#readability_stats_table,
#keyword_density-tab-1-table,#keyword_density-tab-2-table,
#keyword_density-tab-3-table,#character_frequency-tab-0-table{
  border-spacing: 0px;
  width: 100%;
}
th, td { padding: 5px; }

#bottom_adsense{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#first_column{
  border-bottom: none;
}
#most_bottom_adsense{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.navbar{
  min-height: 40px;
  height: 40px;
}

.navbar-brand {
  height: 40px;
  padding: 10px 15px;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

#addthis_nav {
    margin-top: 4px;
}

a{
  color: #E1306C;
}

.sticky-ads-container {
  position: fixed;
  margin: 0px auto;  
  padding: 0px;
  text-align: center;
  bottom: 0px;
  z-index: 2001;  
  background-color: white;
  width: 100%;
}

.sticky-ads{
  width: 970px; 
  height: 90px;
  text-align: center;
  margin:0px auto;
  padding: 0px;
}

@media only screen and (min-device-width: 800px) { 
  .mobile_only{
    display: none;
  }
  body{
    margin-bottom: 100px;
  }
}