body{background:#FFF;}

#main {border:none;background:none;}
#transbox{background-image:none;} 

#transbox .translate_box{width: 700px;float:left;} 
.empty {display:none;}
#transbox .translate_box textarea#translator_input{width: 85%;border:1px solid;font-weight:bold;color:#000;}
/*#transbox .translate_box.high textarea#translator_input{height: 237px;}*/
#transbox .translate_box.low textarea#translator_input{height: 93px;}
/*#transbox .translate_box.super_low textarea#translator_input{height:50px;}*/
/*#transbox .translate_box.super_low {height: 55px;}*/
#transbox .translation_result_wrapper{width: 86% !important;border: 1px solid;height: 175px;margin-top: 15px;overflow-y: scroll;overflow-x: hidden;}
#popular {margin: 30px 0 0 0}
#resltext {overflow:auto;}
#transbox .translate{margin:0px;display: inline-block;vertical-align:top;width: 100%;}
.first_line{float: initial;display:inline;margin: 10px 0 12px 2px;font-size: 20px;font-weight:normal}
#header a {
	font-size: 4.3em;
	font-weight: bold;
	text-transform: uppercase;
}

#pagination {margin-top: 30px;}
#header img { margin: 0 25px;}
#transbox .buttons select{width:118px; height:20px;border:1px solid;}
#transbox .buttons select{float: none;display:inline;}
#transbox .fromto_button{float: none;display:inline;}
translate_box.translation_result_wrapper {
    margin-bottom: 40px !important;
}
.translate_button{display: inline;background-image: url(/images/button.jpg);background-repeat: round;padding: 7px 45px;color: #23AB63;font-size: 14px;font-weight: bold;background-size:contain;border:none;}
label{font-size: 12px;font-weight: bold;}

#transbox .fromto_button{background:none;padding: 0 20px;}
#transbox .fromto_button img{vertical-align: middle;}
.addthis_toolbox  {margin: 0 auto 2em;text-align: center;}

.section {width: 230px;float: left;margin: 0 0 0 10px;}
.sec_img {float: left;text-align: right;}
.bottom_area {margin: 20px 0 0 0;}
.sec_txt {width: 120px;float: left;margin: 0 0 0 5px;color: #5C5C5C;font-size: 12px;}
.sec_head {font-size: 14px;font-weight: bold;text-decoration: underline;}
#resultBanner{width:635px;background-position:center bottom; background-repeat:no-repeat;}

#online,#online .online_left_bg, #online .online_right_bg{background-image:none;}
#online .online_left {padding-left:0px;}
#featured {margin: 30px 0;}
.Box .BoxContent{padding:0px;}
.Box {margin: 30px 0;}
.BoxContent {margin: 0 0 30px !important;}
#plainDescription{background:transparent;}
.section{cursor:hand; cursor:pointer;}

.top_right {
width: 293px;
height: 256px;
/*float: right;*/
position: relative;
padding: 12px 0 0 8px;
}

.top_right h3 {color: #014E94;font-weight: bold;font-style: italic;font-size: 15px;width: 275px;}
.top_right p {color: #20992C;font-size: 12px;font-weight: bold;margin: 8px 0 11px;}
.top_right ul {margin-left: 32px;}
.top_right li {list-style-image: url(../images/newdesign/bullet.gif);list-style-position: outside;font-size: 11px;color: #105485;margin-bottom: 3px;}
.top_right_button {position: absolute;left: 35px;bottom: 35px;font-size: 12px;font-weight: bold;color: white;font-style: italic;}

#table_top {display:none;}
.word_elips{display:none;}
#transbox .from_to.after{margin:13px auto 0;}


@media (max-width:500px){
	#main {padding:0;}
	#header {
		text-align: center;
		max-width: 96%;
		margin: 0 auto;
	}

	.subheader {
		padding:0.4em;text-align:center;
		margin-bottom: 2rem;
}

#pagination {
	margin-top: 2rem;
}

	.lbl_to,.lbl_from {display:none;}
	.from_to .fromto_button {padding:0 !important;}
	
	#header a {
		font-size: 2em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#header img {
		width: 2.5em;
		margin: 0 0.3em;
	}

	
	#transbox .buttons select {
		max-height: 5em;
		border: 1px solid;
		font-size: 1.5em;
		height: 2.6em;
		max-width: 28%;
	}	
	
	.translate_button {
		display: inline-block;
		background-image: url(/images/button.jpg);
		background-repeat: round;
		color: green;
		font-size: 1.6em;
		font-weight: bold;
		background-size: cover;
		line-height: 2.8em;
		width: 34%;
		text-align: center;
		padding: 0em 0 0.3em;
	}	
	
	#transbox {margin-bottom:0;}
	#transbox .translate_box textarea#translator_input {font-size:1.6em;color:darkgreen;margin: 0 0 0 2%;}
	#transbox .translate_box {
		width: 100%;
		float: left;
	/*	margin-bottom: 40px !important;*/
	}
	
	.translate_box.translation_result_wrapper {width:initial !important;margin: 0 0 0 2%
	margin-bottom: 40px;
;}
	.addthis_toolbox {width: 90%;}
	
	#transbox .buttons {margin: 0 2%;}
	.first_line {font-size:1em;}
	
	#featured ul.langlist ul li {width: 50%;}
	.langlist li {margin: 0;}
	
	#left-banner {width:100%;margin-top: 2rem;}
	
	#popular {margin: 2em 2%;}
	
	#featured,.BoxContent {
		margin: 35px 2% !important;
	}
	
	#plainDescription {
		margin: 2rem 2% 0 2%;
		width:95%;
	}
	
	h3 {font-weight:bold;}
	.grey_text, .grey_text {font-size: 0.95em !important; }
	.grey_text, .grey_text a {font-size: 0.95em !important; }
	
	.translate_box.high, {margin: 0 0 0 2%}
	#transbox .translate_box.super_low {height: inherit;}*/
	.hide_this {display:none;}
	.BoxContent h3 {height: inherit; }
	
	#translator_form {margin-top:1rem;}

	#eight li {width: 28% !important;
    padding: 0.3rem;
}

}