@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
*{margin:0;padding:0;font-size:normal;}
	
::selection { background:#26BF8D;color: white;}
::-moz-selection {background:#26BF8D;color: white;}
.linkremove{ position:absolute; width:390px; height:30px; background:#ffffff; bottom:1%; left:1%;}	
#loc{ position:fixed; left:33%; bottom:0%; z-index:100000; zoom:1;}
	
@font-face
{


} 

a{color:#042E6C;}
a:hover{ text-decoration:none !important;}
html{}
h3, h2{ font-family:Lato, Helvetica, sans-serif}
/*reset end*/

body{ background:#dedede /*url(../images/brushed-alum.png)*/; font-family:Lato, Helvetica, sans-serif; letter-spacing:.3px; font-size:15px}


/*
	############## Structure ####################
*/



/*
	################### Personalize #############
*/


#tips{position:absolute;display:none;font-size:16px !important;padding:10px;color:#fff;background:rgba(4,4,4, .8); border-radius:3px; z-index:1000; border-bottom:3px solid #000;}


.banner .logo{ float:left}
.banner .logo img{ width:70px;background:#fff; padding:5px 10px; margin:10px 5px 8px 15px; border:1px solid #3C2664; border-radius:4px;}
.banner .title h2{ line-height:28px;float:left; font-size:24px !important; text-transform:uppercase; font-weight:bold; margin-left:10px; color:#3C2664}
.banner .title h2 span{ color:#777; font-size:18px; }


.navbar-default {
    background-color: rgba(95, 95, 141,.9);
    border-color: #e7e7e7;
}


.navbar {
    position: relative;
    min-height: 30px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #fff; text-transform:uppercase; border-right:1px solid rgba(250, 250, 250, .3);
}
.navbar-default .navbar-nav>li>a:hover {
    color: #eee;
}
@media (min-width: 768px){
.navbar-nav>li>a {
    padding-top: 9px;
    padding-bottom: 9px;
}}


.panel{ margin:15px 0px 2px 0px;}

.panel-primary{
border-color: #CCCCB3;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #7C7C53;
    border-color: #7C7C53;
	text-transform:uppercase;
	font-weight:bold;
	padding: 8px 15px;
}

.panel-default>.panel-heading {
    color: #333;
	text-transform:uppercase;
	font-weight:bold;
	padding: 9px 15px;
}



.inner{ background:#fff; float:left; width:100%; padding:5px 10px}
.inner h1{ font-size:22px; text-transform:uppercase; border-bottom:1px solid #efefef}
.border-right{ border-right:1px dotted #000;}
.border-left{ border-left:1px dotted #000;}

.pl{ padding-left:9px;}

.col-md-8{ padding-right:0}



.rmenu li{font-family:lato, Helvetica !important;  color:#fff !important; list-style-type:none !important; font-weight:bold; line-height:16px; padding:12px 0 10px 36px !important; text-transform:uppercase; background:#076298 url(../images/titlepen.png) no-repeat 4% 60%; margin:3px 0; border-radius:2px;}
.rmenu li span{ color:#eee; text-align:right; font-size:10px; padding:0  0 0 6px; font-style:italic; text-transform:lowercase}
.rmenu li a{ text-decoration:none; color:#fff; font-size:13px;}

.bt ul{ padding-left:10px;}
.bt ul li{ line-height:22px}
.bt ul li a{ font-size:15px;}
.bt h4{ background-color:#efefef; padding:3px 8px; border-radius:4px;}
.wmore{ float:right; position:relative; margin-right:20px;}


 #cnt, .btntag{ float:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;  margin:8px 8px; border-radius:2px; cursor:pointer;border: 1px solid #c9cdcf; background:#fff; }
#cnt{background:#fff url(../images/clickntype.png) no-repeat 5% 50%;padding:3px 4px 3px 25px; }
#cnt:hover, .btntag:hover{ opacity:.7;}
.btntag{margin:8px 5px;}
#save{background:#fff url(../images/save.png) no-repeat 5% 50%;padding:3px 4px 3px 20px;}
#clear{background:#fff url(../images/clear.png) no-repeat 5% 50%;padding:3px 4px 3px 22px;}
#select{background:#fff url(../images/select.png) no-repeat 6% 50%;padding:3px 4px 3px 15px;}

.tag-div{ padding:4px; background:#eee; margin:15px 0; border:1px solid #ddd; display:block;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.tag-div h3{ text-align:left; background:#334B9F; color:#fff; padding:4px 10px; font-weight:normal; font-size:16px; border-top: 1px solid #093778;}
.tags{ list-style-type:none;text-align:left; padding:4px; display:table-cell; width:280px;}
.tags li{ text-align:left; margin:3x 0; line-height:25px; }
.tags li a{margin:0 5px; line-height:25px;}


/* Mouse Click n Type */
 #layout button{ font-size:15px; min-width:22px; height:24px; padding:0; margin:0; line-height:10px; background:#eee; border:1px solid #ccc; margin:2px 1px; cursor:pointer;}
 #layout button:hover{ box-shadow:0px 0px 2px #ccc; background:#165F9A; color:#fff;border:1px solid #165F9A;}
 #layout{position:relative;padding:8px 10px; background:#fff; text-align:left; z-index:10000 !important}
 .ui-dialog{box-shadow:0px 0px 8px #ddd;border:1px #bbb solid;z-index:10000 !important}
 .ui-dialog-titlebar{cursor:move;background:#fff; text-align:left; height:25px; line-height:30px}
 .ui-dialog-title{ font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px 6px; font-size:12px; text-align:left !important; }
 .ui-dialog-titlebar-close{ position:absolute; top:0; right:0; margin-right:10px; background:#fff; border:0;background:#ddd url(../images/close.png) no-repeat; background-position:center center; font-size:.1px; width:15px; height:15px; margin-top:6px; margin-right:15px; cursor:pointer}
 .ui-dialog-titlebar-close:hover{ border:1px solid #ccc;}
 .ui-dialog-content{}
 .ui-dialog-buttonpane{}
 .ui-dialog-buttonset{}
 

.most_search ul{ list-style-type:decimal !important; list-style-position:inside; margin:0 0 10px 10px; padding:0; display:block; float:left } 
.most_search ul li{ float:left; width:50%; color:#888 !important; font-size:13px;}
.most_search ul li a{font-size:15px; line-height:25px;}
.hits{ font-size:11px; color:#555;}

.clr1{ background:#efefef; border:1px solid #ccc; border-radius:4px; padding:3px 10px}
.error{ color:#FF0000; font-size:13px}


.cat_page{}

.cat_page .cat_menu{ margin:5px 0 25px 10px; float:left}
.cat_page .cat_menu ul li{ float:left; width:25%; list-style-type:none; list-style-position:inside; font-weight:bold; line-height:24px;}
.cat_page .cat_list{ float:left; width:100%; margin:10px 5px;}
.cat_page .cat_list ul li{ float:left; width:49%;color:#333; list-style-type:none;  list-style-position:inside; padding:6px 20px 6px 10px; line-height:24px; border-bottom:1px solid #efefef;}
.cat_page .cat_list ul li a{ color:#544288; font-size:15px; font-weight:bold}




.contact{ font-family:Lato,Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; margin-bottom:20px;}
.contact h2, .posts h2{ 
color:#777; padding:2px 0; border-bottom:2px solid #bbb; margin: 0px 4px 10px 4px; font-size:20px;}
.contact form{width:560px;margin:12px 0;}
.contact form label{ width:120px; background:; float:left; clear:left; display:block; margin:6px;}
.contact form input, textarea{ margin:10px; border-radius:4px; border:1px solid #aaa; color:#B80753; padding:6px 12px; width:300px; font-size:18px}
.contact form input[type="text"]{padding:6px 12px; width:180px; height:22px; font-size:20px;}
.contact form input[type='submit']{ font-weight:bold; cursor:pointer; padding:3px 6px 5px 6px; width:80px; height:30px; font-size:15px}
.contact form input[type='submit']:hover{ background:#BB0959; color:#fff; border-color:#eee;}
.contact form fieldset{ border:1px solid #ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; margin:2px 8px 6px 8px; background:#f7f7f7; padding:8px 10px}
.contact form fieldset legend{ border:1px solid #019d72; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; margin:2px 8px 6px 8px; padding:2px 8px; background:#03BE94; font-weight:bold; font-size:13px; color:#ffffff}
.contact img{ border-radius:4px; border:5px solid red}





.g_menu{ width:100%; display:block;  margin:10px 0; padding:0; float:left;}
.g_menu li{ width:32%; float:left; list-style-type:none !important; list-style-position:inside; margin:0px 0px; padding:0 !important; border-bottom:1px dotted #984507; }
.g_menu li a{ width:93%;color:#222 !important; font-size:15px; text-decoration:none; font-family:Lato,Helvetica, Verdana !important; text-transform:none; font-weight:normal; background:#FAF3EF; padding:1px 5px; display:block; border-left:4px solid #984507;}
.g_menu li a:hover{ color:#fff !important; background:#984507;-moz-transition:background-color .3s ease, color .3s;}
.translator h1{ text-transform:capitalize; display:block; float:left; width:100%}
.translator{ margin-bottom:50px;}
#translator{ position:relative; margin:15px 8px 15px 25px;  width:90%; min-height:200px; border:5px solid #bbb; padding:2px; border-radius:5px;resize:both;overflow:hidden;}
#translator .btn{ margin-left:15px !important;}


.bt ul li{ list-style-type:none}

.header-s-icon li{ list-style-type:none; line-height:30px}
.header-s-icon li i{ font-size:22px;}








#quot{height:175px;margin:40px 10px 0 0px; padding-left:0px;}
.quot{ margin:10px 0 0 0; text-align:left  }
.quot .quot-text{background: url("../images/quot.png") no-repeat 0px 10px; padding:15px 0 0 35px; font-size:20px; color:#555; font-style:italic; font-family:Lato, Verdana, Arial, Helvetica, sans-serif !important;}
.quot a{ text-decoration:none; color:#406626; font-family:Lato, Verdana, Arial, Helvetica, sans-serif;}
.qwriter{margin-left:80px; padding:4px 0; font-size:12px; color:#0F5E2B; display:block}
 #next{ position:absolute; top:0%; right:0px;background:#ccc; font-size:30px; padding:112px 2px; color:#fff;  text-decoration:none; vertical-align:middle}
 #next:hover{background:#ddd;}
.brwslink{ position:absolute; font-size:16px; top:0px; right:20px; color:#fff;}
.brwslink a{ color:#fff;}
.mq{ font-size:14px; float:right; margin-right:18px }
.prhs{text-align:left; margin:0px 0 0 0px;}




.a-z{ padding:1px 6px 5px 5px ; margin:5px 10px 6px 10px; float:left}
.a-z a{ margin:1px 1px; padding:2px 7px 4px 7px; color:#fff; background:#3C6C5A; border-radius:2px;}
.browse-slist li{ float:left; list-style-type:none; padding:2px 6px 0px 6px; margin:0 5px; border:1px solid #aaa; background:#fff;}
.az li{ display:inline; margin:10px 0; line-height:32px}
.az a{ background:#54547b; padding:3px 12px 5px 12px; color:#fff; margin:0 1px; border-radius:2px;}

.social{ display:block; float:left; width:100%; margin:5px 0;}
.social ul li{ float:left; list-style-type:none; padding:0 5px;}




#middle_area{}
.search{width:98%; margin:0 auto; color:#444;  font-family:Lato, Verdana, Arial, Helvetica, sans-serif; overflow:visible;}
.search .before_form{border:0px dotted #076298; border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px; padding:0px;  }
.search .search_form{ padding:20px 4px;border-radius:4px;-moz-border-radius:8px;-webkit-border-radius:8px; color:#222;
   background: #cdcdcd;
   background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cdcdcd));
   background: -webkit-linear-gradient(top, #dddddd, #cdcdcd);
   background: -moz-linear-gradient(top, #dddddd, #cdcdcd);
   background: -ms-linear-gradient(top, #dddddd, #cdcdcd);
   background: -o-linear-gradient(top, #dddddd, #cdcdcd);
   box-shadow:0px 1px 1px #aaa;

}
.search .search_form label{ margin-left:20px;text-transform:uppercase}
.search .search_form input[type="text"]{width:350px; border:1px solid #bbb; margin:0 4px; padding:8px 6px; border-radius:6px; font-weight:bold; color:#bc4b14; margin:0px 0px 0 6px; font-size:16px; letter-spacing:1px}
.search .search_form input[type="text"]:hover{background:#F7F7F7;box-shadow:inset 0px 0px 6px yellow }
.search .search_form input[type="text"]:focus{background:#F7F7F7;box-shadow:inset 0px 0px 6px yellow }
.search .search_form input[type='submit']{ border:0; padding:19px 38px; font-weight:bold; border-radius:4px;background:#ccc; color:#e3208a;background:#eee url(../images/searchico.png) no-repeat 50% 50%;box-shadow:0px 0px 1px #999; font-size:0px; display:block; float:right; margin-left:8px;}





  input[type='checkbox']{
	background: rgba(191,185,169,.2);
	height: 14px;
	cursor: pointer;
	width:14px;
	border:1px solid red;

}








#autosuggest{ position:absolute;top:84px; left:92px;width:120px; background:#eee; display:none; border-radius:4px; border:1px solid #ccc;border-top:0px; overflow:auto;}
#autosuggest ul{ list-style-type:none; text-align:left; padding:2px 6px;}
#autosuggest ul li{  padding:0px 0;}
#autosuggest ul li:hover{}
#autosuggest ul li a{ font-size:13px; text-decoration:none; padding:0 0px 0 0px;}
#autosuggest ul li a:hover{ background:#ddd;}
.ui-helper-hidden-accessible { display:none; }
.ui-autocomplete {
	position: absolute;
	width:130px !important;
	top: 0;
	left: 0;
	cursor: default;
	z-index:1000;
	border:1px solid #aaa;
	background:#f7f7f7;
	border-radius:4px;
	
}
.ui-autocomplete li{ list-style-type:none;font-size:13px;background:#eee; padding:2px 5px}
.ui-autocomplete li:hover{ background:#ccc}
.ui-state-focus {
    color:#C83F04; font-weight:bold !important;
}


.word_info{font-family:Lato, Helvetica, sans-serif; line-height:22px; margin-bottom:10px; position:relative }

.word_info .social{ position:absolute; right:0; top:-10px; width:120px; list-style-type:none; border-left:1px solid #ccc;}
.word_info .social li{ padding:3px 0 3px  10px}
.word_info p{ margin:5px 0;}

.w_info{width:82%; font-size:16px; padding-left:10px; margin-bottom:10px;}
.w_info img{ border:0px solid red; padding:0px 0 0px 0; line-height:30px; background:url(../images/audiob16.png) no-repeat top left;}
.w_info img:hover{ border:0px solid red; background: url(../images/audio16.png) no-repeat top left;}
.w_info .audioimg{ width:16px; height:14px; border:0px solid red; padding:0px 8px 0px 8px; background:url(../images/audiob16.png) no-repeat top left;}
.w_info .audioimg:hover{background:url(../images/audio16.png) no-repeat top left;}
.w_info a{ text-decoration:none; margin:0; padding:0;}  
.word_info .format{ font-size:11px; border:1px solid #aaa; padding:0 2px; background:#efefef;}
.word_info .format1{ font-size:19px; line-height:25px; }
.word_info .pos{ font-size:16px; font-weight:bold; padding-right:5px;line-height:32px; color:#666;}
.word_info .mgs{ margin:20px 0 15px 10px; font-size:13px}
.stl3{ font-size:20px}
.stl1{font-family:Lato, Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:30px;}
.stl2{font-family:Lato, Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; margin:8px 0 2px 5px; display:block}
.preword{ background:#eee; border:1px solid #ccc; font-size:12px; padding:1px 8px; float:left; margin:27px 0px 5px 0px; font-weight:bold; border-radius:3px}
.nextword{ background:#eee; border:1px solid #ccc; font-size:12px; padding:1px 8px; float:right; margin:27px 30px 5px 0px;  font-weight:bold;border-radius:3px}


.suggested{ margin:0 0 10px 0px; width:100%}
.suggested .b_s{ width:80%;border:1px solid #bbb; padding:1px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; border:0; text-align:left;}
/*
.suggested h3{ width:168px; background:#ddd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; font-size:16px; color:#DE650C; padding:1px 2px 1px 2px; font-family:Georgia, "Times New Roman", Times, serif;}
*/
.suggested h3{ background:#eee;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; font-size:16px; color:#8A1D96; padding:1px 2px 2px 13px;}

.suggested .stl{ padding:0 0px;}
.s_word { font-size:14px; margin:8px 0 10px 15px; font-family:Lato, Helvetica, sans-serif; line-height:28px ; overflow:visible;}
.s_word  a{margin:0 6px; display:inline-block;}
.s_word  a:hover{ text-decoration:none;}
.e2e{ color:#222px; line-height:26px; font-size:15px; margin-left:15px;}
.e2e .e2e_def{line-height:24px; padding-left:10px; display:block}
.e2e .e2e_header{ margin:12px 0 3px 0}



.pagination{ float:right; padding:5px 14px 9px 10px; margin:10px 30px}
.pagination a{ background:#405680; margin:3px 3px;padding:7px 10px; font-size:11px; color:#fff; text-decoration:none; font-weight:bold; font-family:"Courier New", Courier, monospace; border-radius:4px;}
.pagination .current{ background:#BA4206; padding:3px 3px; font-size:11px; color:#fff; text-decoration:none; margin-left:4px; font-weight:bold}

.typehints{ width:96%; height:300px; margin:0 !important; padding:0 !important;  }
.typehints li{ list-style-type:none !important; float:left;  border:1px solid #666; padding:3px 4px; margin:5px 5px; font-size:23px; text-align:center; line-height:22px}
.typehints li.b{ background:#EAFCFF}
.typehints li.s{ background:#D5ECDC}
.typehints li.c{ background:#FFEEEA}
.typehints li.e{ background:#F1E8F7} 
.typehints li.h{ background:#FFE2A8}    




	

#login{}
#login label{ width:80px; display:inline-block;}
#login .err_mgs{border:#FB0D0D 1px solid; color:#FF0000}

#register{}
#register label{ width:130px; display:inline-block;}

.errormgs{color: red; font-size:12px; display:block}
#resigter .succ_message{color:#379A29; font-size:12px; border:1px solid #3CA44B}


#footer{ text-align:left;background:#fff;border-top:1px solid #ccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; font-family:Lato, Helvetica, sans-serif; padding:2px 10px}
#footer p{
	margin:2px; font-size:12px; padding:0px 0px;
	}
#footer a{ text-decoration:none; color:#0A5887}
.exetime{ text-align:center; font-size:10px !important; color:#555}
.header-s-icon{ height:77px;}










@media (min-width: 641px) and (max-width: 1023px) {
.header-s-icon li{ float:left; overflow:hidden; padding: 0 4px;}
.pl, .pr, .border-left, .border-right{ padding-left:15px !important; padding-right:15px !important;border:none !important}
.header-s-icon{ height:30px;}
.nav > li > a{ padding:10px 12px}
}

@media (max-width: 640px) {
.search .search_form table td:nth-child(1){width:1px; margin:0; padding:0 }
.search .search_form table td .btn{ display:none}
.search .search_form table td{ font-size:0px}
.search .search_form input[type="text"]{width:100%;}
.search .search_form input[type='submit']{  padding:19px 18px;}
.banner .title h1{ font-size:17px !important; }

.banner .logo{ float:left}
.banner .logo img{ width:60px; padding:3px 8px; }
.banner .title h1 span{ color:#777; font-size:15px; }
.banner p{ display:none;}
.header-s-icon{ overflow:hidden; height:25px;}
.header-s-icon li{ float:left;width:30px; height:30px; overflow:hidden}
.pl, .pr, .border-left, .border-right{ padding-left:15px !important; padding-right:15px !important;border:none !important}
.social{ width:100% !important; float:left; top:-15px !important; border:none}
.w_info{ padding-top:20px !important;}
.social li{ float:left; width:30%; }
.preword{clear:both !important; display:block !important; margin-top:0px !important }
.nextword{ clear:both !important; display:block !important;margin-top:0px !important}
.suggested{ clear:both;}
}