/*common----------------*/
* {
margin: 0;
padding: 0;
border: 0;
}

body {
background-color:#f5f5f8;
padding: 0% 0 0;
color: #222; 
  font-family: arial, verdana, sans-serif, Lucida Sans;
  font-size: 11px;
text-align:left;
}

/*bigdivs------------------------------------------*/

#header {
width:100%;
background-color:#4492cb;
height:84px;
color:#eef8fb;
}


#hwrap {
width:100%;
max-width: 1000px;
margin: 0 auto; 
padding:0;
text-align:left;
-moz-user-select: none;-webkit-user-select: none;
}
hwrap a{color:#edf7fa; text-decoration:none;  font-family:"Trebuchet MS"; font-weight:bold;}

#toplogo {
float:left; padding-top:20px;
}
#topleft{padding:14px 0 0 10px;width:500px;float:left;-moz-user-select: none;-webkit-user-select: none;}
#topleft a{color:#edf7fa; text-decoration:none;  font-family:"Trebuchet MS"; font-weight:bold;}
#topleft h4{font-size:13px; font-weight:normal;}
#topright {text-align:right;  padding-top:10px; }
#topright a{color:#edf7fa; padding-right:10px;text-decoration:none; font-size:12px;}


#maindiv {padding-top:15px;}

#footer {
background-color:#3178aa;
color:#eee;
padding:10px 0 10px 20px;
margin-top:10px;
}
#footwrap{
width:100%;
max-width: 1000px;
margin: 0 auto; 
padding:0;
text-align:left;
height:30px;
}





#content{
max-width:800px;
float:left;
}



.fpblock{font-size:12px; margin:0 0 10px 20px; border-bottom:1px solid #35798e; padding-bottom:15px;}  .fpblock a {font-weight:bold; text-decoration:underline; color:#3178aa;}
.fpblock h1,.fpblock h2  {padding-bottom:10px; color:#3178aa; font-size:18px; font-weight:normal; text-decoration:none; cursor:pointer;}  .fpblock img{float:left; margin:5px 20px 5px 0; }
.simpletext p{padding-left:20px; padding-bottom:10px; font-size:13px; text-align:justify;}
.simpletext ul {list-style-type: none; padding-left:20px;}
.simpletext ol {padding-left:320px;}

/*BRITLEX FRONTPAGE*/
.toclear {clear:both;}   
.brfpblock {font-size:14px; margin:0 0 10px 30px; padding-top:20px; padding-bottom:10px; text-align:justify;}
.brfpblock h1{padding-bottom:20px; color:#35798e; font-size:20px; font-weight:normal; text-decoration:none;}
.brfpblock h2 {font-weight:bold; padding-bottom:10px; font-size:16px; text-decoration:none;}    
.brfpblock img{float:left; margin:5px 20px 5px 0; width:25%;}
.brfpblock a {color:#35798e; }

.simpletext ul li, .simpletext ol li {padding-top:10px; font-size:14px; } 
.simpletext a,.simpletext ul a, .simpletext ol a {color:#3a739d;}
.simpletext ul a:visited, .simpletext ol a:visited  {color:#4fa3bd;}
.simpletext h1, .stext h1, .tabtext h1 {padding:10px 10px 10px 20px; color:#3178aa; font-size:18px; font-weight:normal;}
.simpletext h2 {padding:10px 10px 10px 20px; color:#35798e; font-size:14px; }
.simpletext table {width:100%;  border-collapse: collapse;}  .simpletext table tr td {border:1px solid #dadada; padding:10px;}
.gramtable {margin-left:20px;} .gramtable tr td {padding:0; font-size:12px;}
.coubcap {color:gray; font-style:italic; font-size:11px;}
.sptable  { border-collapse: collapse;  max-width:750px;}    .sptable tr {padding-top:20px;}
.sptable tr td {border: 0; vertical-align:top;  padding:10px 0 0 25px; font-size:12px;}
.enph {font-size:14px; color:#35798e;}  .ruph {font-size:14px; color:#777;}
#contents{margin:10px;  line-height: 180%;}
#contents tr td {padding:15px; vertical-align:top;}
#contents tr td div {font-size:13px; color:#112; margin-bottom:5px;}
#contents tr td a {font-size:13px; color:#305d70; }
#contents a {font-size:14px; color:#305d70; padding:0 0 0 20px; } #contents a:hover {text-decoration:underline; color:#285565;}
.et {color:#35798e; font-weight:bold;}


#cattitle h1 {padding-bottom:10px; color:#222; font-size:18px; font-weight:normal; text-decoration:none;}
#wordtable {margin: 10px 20px;  border-collapse: collapse;  -moz-user-select: none;-webkit-user-select: none; } 
#wordtable tr:hover {background-color:#f5f5fd;cursor:pointer; }
#wordtable tr td{ border:1px solid #cce8ff;font-size:12px; padding:4px; overflow:hidden; white-space: nowrap; }
#buyoffer {margin: 5px 20px;  border: 1px solid #5aa4b5; padding:8px; width:700px; font-size:11px;  color:#222; }
#buyoffer a  {color:#305d70;}
/*WORD CARDS*/
.wordcard{ text-align:center; color:white; display:none; padding:10px 20px 10px 20px; position:absolute; top:0px; left:220px; width:320px; background-color:#3c6d83;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-user-select: none;-webkit-user-select: none;}
.closecard {text-align:right;}
.wordcard_dem{padding:20px; border:1px solid #478098; }
.wordcard_en{font-size:20px; cursor:pointer; width:100%;}
.wordcard_ru{font-size:14px;   padding-top:5px;}
.wordcard_img {color:#5397b6; height:170px; cursor:pointer;} .wordcard_img a{color:#5397b6; text-decoration:none;}
.wordcard_qu{font-size:13px; padding-top:10px; cursor:pointer; text-align:left; min-height:50px;}
.wordcard_tr{font-size:14px;}
.wordcard_au{font-size:11px;  text-align:right; font-style: italic; padding:5px 10px 0 0;}
.closecard {background-color:#3c6d83;cursor:pointer; font-weight:bold; color:#eef; font-size:22px;}  
.closecard:hover {color:#white;}  .wordcard_qu:hover{color:#eef;}  .wordcard_en:hover{color:#eef;}
.wordcard table tr td img{height:24px; cursor:pointer;}

#logincard{text-align:left;}
#logincard p a {text-decoration:underline; color:#fafafa;}
#invis {display:none;}

/*FROM OLD*/
.stext{padding:10px 20px;font-size:10pt; text-align:justify;}
.stext h1 { padding:5px 0;}
.stext h2{padding:10px 0 3px 0; color:#222; font-size:14px; }
.stext h3{font-weight:normal; font-size:10pt; padding:5px 0 0 0;}
.stext p{padding:5px 0;} 
.stext  a{color:#51acc9; text-decoration:underline;}
.stext ol {padding: 20px;}
.stext ol li {padding: 5px 0 0 0;}
.stext p span {color:#305d70; font-family:arial; font-weight:bold;}

.table_trans {
border: 0px solid #gray;
border-collapse:collapse;
margin-top:10px;
}
.table_trans tr td{
border: 1px solid #396393;
padding: 3px;
}

.artcontent{margin:15px 20px; font-size:12px; color: #112; width:700px;}
.artcontent a {font-size:14px; color:#3178aa; text-decoration:none; font-weight:bold;}
.artcontent img {float:left; margin:2px 10px 0 0; border:1px solid #ddd;}


.gapbutton {height:30px; width:200px; background-color:#5aa4c5; text-align:center; padding-bottom:2px; color:#fafafa; cursor:pointer;
-moz-border-radius: 3px;		-webkit-border-radius: 3px;		border-radius: 3px;
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);	-box-shadow: 0 0 4px rgba(0,0,0,.3);}
.gapbutton:hover{background-color:#58a0c1;}
.bxbutton {height:40px; width:200px; background-color:#00d140; text-align:center; padding:2px; color:#fafafa; cursor:pointer; border-radius: 3px;}
.bxbutton:hover { background-color:#00ce3f; }

#wordlist {padding-left:25px;}

.mytextfield {
width:200px;   height:20px; padding-left:5px;
}
.other{display:none;}

@media screen and (min-width: 1000px) {

 .br{height:40px;}
  
 }