/*header*/

header .logo-sec h2 { display: none;}
header .action-sec form { display: none;}

body { background: #f1f1f1;}

#translator .main_sec { padding: 0 1em;}
#translator .main_sec h1 { font-size:1.4em; font-weight: bold; color: #444; font-family: "Trebuchet MS", Helvetica, sans-serif; margin-bottom: .5em;}
#translator .main_sec h6 { font-size: .9em; border-bottom: 1px solid #aaa; padding-bottom: 1em;}

#translator .main_sec .translator_content { margin: 0 auto;  width: 99%; }

/* Language navigation*/
#translator .main_sec .language_nav_sec { margin-bottom: .5em;}
#translator .main_sec .language_nav_sec .original_lan_con { float: left; width: 48%;}
#translator .main_sec .language_nav_sec ul.original_lan_list { float: left;}
#translator .main_sec .language_nav_sec ul { border: 1px solid #ccc; margin-right: 1em; border-radius: 5px;  }
#translator .main_sec .language_nav_sec li { float: left; background: #ddd; font-size:.7em; font-weight: bold; font-family: "Trebuchet MS", Helvetica, sans-serif; }
#translator .main_sec .language_nav_sec li a {padding: .6em 1em; display: inline-block; color: #777;}
#translator .main_sec .language_nav_sec li:first-child { border-right: 1px solid #ccc;}

#translator .main_sec .language_nav_sec li a.selected { background: #083B09;}
#translator .main_sec .language_nav_sec li a.selected  { color: #fff; }

#translator .main_sec .language_nav_sec a.language_switch { float: left; margin-right: 4em; border-radius: 5px;  border: 1px solid #ccc; padding: .2em .5em; background: #ddd;}
#translator .main_sec .language_nav_sec .language_switch img { width: 15px;}

#translator .main_sec a.translate_button { border-radius: 5px;  border: 1px solid #ccc; padding: .6em 1em; background: #034D8A; }
#translator .main_sec a.translate_button { color: #fff; max-width: 100px; width: 100%; text-align: center; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: .8em; display: block;}
#translator .main_sec a.translate_button.nav {float: right; font-size: 1em; }
#translator .main_sec a.translate_button.mobile {  margin: 1em auto; display: none; font-size: 1.2em;}

/* Edit Translation area*/
#translator .main_sec .translator_content .edit_area { float: left; width: 49%; border: 1px solid #ccc; background: #fff; }
#translator .main_sec .translator_content .edit_area textarea { width: 95%;  height: 200px; font-size: 1.4em; font-family: "Trebuchet MS", Helvetica, sans-serif; }
#translator .main_sec .translator_content .edit_area textarea { padding: .5em;  border: none; margin-top: 1em; } 

#translator .main_sec .translator_content .translated_text_con { background: #f4f4f4; position: relative;}

#translator .main_sec .translated_text_con img#trans_loader_icon {width: 70px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none;}

#translator .main_sec .translated_text_con a#save_translation_btn { width: 18px; display: block; position: absolute; right: 0; top: 0;   margin: .5em .5em auto auto;}
#translator .main_sec .translated_text_con a#save_translation_btn img { width: 100%; filter: opacity(60%);}

#translator .main_sec .translator_content .translated_text_con textarea { background: #f9f9f9;  }


#translator .main_sec .translator_content .translated_text_con .edit_translation_sec {display: none; background: #ddd;}
#translator .main_sec .translator_content .translated_text_con .edit_translation_sec ul { display: block; padding-top:.5em;  }
#translator .main_sec .translator_content .translated_text_con .edit_translation_sec li { float: right; margin-right: 1.5em;}
#translator .main_sec .translator_content .translated_text_con .edit_translation_sec li a { color: #444; font-size: 1em; font-weight: bold; font-family: "Trebuchet MS", Helvetica, sans-serif;}
#translator .main_sec .translator_content .translated_text_con .edit_translation_sec p { font-size: .9em; color: #444; display: block; padding: 1em;}

#translator .translated_text_con .thank_you_sec  { font-size: .95em; color: #444; display: none; text-align: center; }



#translator .main_sec .translator_content .translated_text_con ul.action_sec { float: right; padding: .5em; display: block;}
#translator .main_sec .translator_content .translated_text_con ul.action_sec li { float: left; margin-left: 1.5em;}
#translator .main_sec .translator_content .translated_text_con ul.action_sec img { width: 18px; filter: opacity(70%); }

#translator .main_sec .translator_content .translated_text_con br.br_mobile { display: none;}	

#translator .main_sec .translator_content .original_text_con span.word_count { float: right; padding: .8em .5em; font-size: .7em; color: #aaa;}


/* Term Definition*/
#translator .main_sec .term_definition_sec { background: #fafafa; border: 1px solid #ddd; padding: 1em; padding-top: 0; display: none;}

#translator .main_sec .term_definition_sec dl { border-top:1px solid #ccc; padding-top:2em; margin-top:1em;}
#translator .main_sec .term_definition_sec dt dfn {   font-size:1em;  color:#999; display:block;  }
#translator .main_sec .term_definition_sec dt dfn span { color:#333; font-weight:bold; font-size:1.1em;}

#translator .main_sec .term_definition_sec dd.text { margin-left:2.5em; font-size:.99em;} 

#translator .main_sec .term_definition_sec dd em {font-family: 'cartogothic_stdbold', Helvetica, Arial; color: #5A8C22; font-size:.9em; display:block; margin-bottom:1em;}
#translator .main_sec .term_definition_sec dd p { font-size:.9em; line-height:1.5em; color:#444;}
#translator .main_sec .term_definition_sec dd p.def { max-width:550px;} 


/* User Links*/
#translator .main_sec .user_account_link { max-width: 300px; width: 100%; margin: 0 auto;  }
#translator .main_sec .user_account_link li { float: left; border: 1px solid #ccc; border-radius: 100px;  background: #ddd;}
#translator .main_sec .user_account_link li:first-child {margin-right: 2em;}
#translator .main_sec .user_account_link li a { font-size: .8em; color: #666; display: block; padding: .4em .6em;}
#translator .main_sec .user_account_link li img {width: 20px;  vertical-align: middle; filter: opacity(60%); }

/* Ad sec*/
#translator .main_sec .ad_sec {border: 1px solid #333; margin: 1em 0 1em 0;}


/*Secondary sec*/
#translator .secondary_sec { background: #e1e1e1; padding: 1em;}
#translator .secondary_sec .popular_translation { text-align: center;}
#translator .secondary_sec .popular_translation h4 { font-size:1.4em; display:block; font-weight: bold; color: #444; font-family: "Trebuchet MS", Helvetica, sans-serif; }
#translator .secondary_sec .popular_translation p { font-size: .9em; margin-top: .5em;}

#translator .secondary_sec .popular_translation table { max-width: 600px; width: 100%; margin: 2em auto 0 auto; background: #ededed; border: 1px solid #ccc; font-size: .9em; }
#translator .secondary_sec .popular_translation table thead { background: #ccc; font-weight: bold; padding: .5em; color: #444;}
#translator .secondary_sec .popular_translation table th {padding: .5em;}
#translator .secondary_sec .popular_translation table td {  border-bottom: 1px solid #aaa; padding: .5em; color: #444;}


/*-------------------------------------------------------- 
  			Medium Screen 
---------------------------------------------------------*/
@media screen and (max-width: 755px) {
	
	#translator .main_sec .language_nav_sec a.language_switch {  margin-right: 1em; }
}

@media screen and (max-width: 600px) {

#translator .main_sec { padding: 0;}
#translator .main_sec h1,
#translator .main_sec h6 { padding: 0 .5em;}
	
#translator .main_sec a.translate_button.nav { display: none;}
#translator .main_sec a.translate_button.mobile { display: block;}
	
/* Edit Translation area*/
#translator .main_sec .translator_content .edit_area { float: none; width: 99%; font-size: .9em; }	
	
#translator .main_sec .translator_content .translated_text_con { background: #115111; display: none;}
#translator .main_sec .translator_content .translated_text_con textarea { background: #115111; color: #fff;  }
	
#translator .main_sec .translated_text_con a#save_translation_btn img { width: 100%; filter: opacity(100%);}

	#translator .main_sec .translator_content .translated_text_con br.br_mobile { display: block;}	
#translator .main_sec .translator_content .translated_text_con ul.action_sec img { width: 18px; filter: opacity(100%); }
	
#translator .main_sec .translated_text_con a#save_translation_btn img,  	
#translator .main_sec .translator_content .translated_text_con ul.action_sec img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

#translator .main_sec .translator_content .translated_text_con .edit_translation_sec { background: #266224;}
#translator .main_sec .translator_content .translated_text_con .edit_translation_sec li a { color: #fff; }
#translator .main_sec .translator_content .translated_text_con .edit_translation_sec p {  color: #ddd; }	
	
#translator .translated_text_con .thank_you_sec  { ; color: #fff;  }	
	
}

@media screen and (max-width: 590px) {
	
	
/* Language navigation*/
#translator .main_sec .language_nav_sec { background: #fff; margin: 0; border: 1px solid #ccc;}	
	
#translator .main_sec .language_nav_sec .original_lan_con { width: 30%; }
#translator .main_sec .language_nav_sec .translated_lan_con { display: block; width: 40%; }
	
#translator .main_sec .language_nav_sec ul { border: none; margin: 0;   }	
#translator .main_sec .language_nav_sec li { font-size:.9em; background: none;}	
#translator .main_sec .language_nav_sec li:first-child {border: none;}	
#translator .main_sec .language_nav_sec li a:not(.selected) { display: none;}
	
#translator .main_sec .language_nav_sec li a.selected { background: none;}
#translator .main_sec .language_nav_sec li a.selected { color: #084905; }
#translator .main_sec .language_nav_sec li a:hover { text-decoration: none;}	
	
#translator .main_sec .language_nav_sec a.language_switch { margin: .3em 1em 0 1em; background: #f5f5f5; border: 1px solid #eee;}	
}