/* first - base colors */
body
{
  background-color: white;
  color: black;
  font-family: serif;
}

/* null this values for clear and portable design*/
body, h1, h2, h3, ol, ul, li, p, small
{
  margin:0;
  padding:0;

}

/* no bold headers */
h1,h2
{
  font-weight: normal;
}

/* clear HR f*cking shading */
hr
{
  height: 1px;
  border-width: 0;
  background-color: black;
}

/* Navigation panel has 83.(3)% lesser fonts */
.nav, .upright
{
  /* Comma rule for nav block */
  font-size: 83.3%;
}

.nav h2
{
  /* 18*0.8333 */
  font-size: 15pt;
}

.nav h3
{
  /* 13.5*0.8333 */
  font-size: 11.3pt;
}

#subscr_details {
  background-color: #EFEFEF;
  padding: 5px;
  border: 1px solid #ccc;
  max-width: 750px
  
}

/*     All prepared,    */
/* Now design by itself */


.title h1
{
  margin-left: 3pt;
  margin-top: 3pt;
  padding: 5pt;
}

.title hr
{
  height: 1.5pt;
  width: 50%;
  background-color: red;
  color: red;
}


p
{
  margin-bottom: 0.3em;
  margin-top: 0.2em;
}


.content
{
  padding-top: 18pt;
  padding-left: 18pt;
  padding-right: 24pt;
}

.content h3
{
  margin-top: 8pt;
}

.content ol, .content ul, .content ol, .content ul
{
  margin-left: 30pt;
}


/* Add here what you use as boxes else */
.nav p, .nav ul, .nav ol, .nav h3, .nav small, .nav li, .nav hr
{
  margin-left: 12pt;
}

.nav h2
{
  margin-top: 1em;
  margin-left: 0;
  margin-bottom: 0.7em;
}

.nav h3
{
  margin-top: 8pt;
}

.nav li
{
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

.thumb
{
  display: inline;
  padding: 0.1em;
  padding-top: 1em;
  font-weight: bold;
  font-size: 10pt;
}

.upright
{
  padding: 0.5em;
}

.down
{
  padding: 0.5em;
  color: gray;
  font-size: 11pt;
}

input#search {
  width: 400px;
}

h3 a {
  color: black;
  text-decoration:none;
}

div#similiar_preparats p
{
  font-size: 16px;
}

div.topmenu
{
  text-align:right;
  max-width:400px;
  font-size: 150%;
}

div#groups_list .left
{
  float:left;
  width:400px;
  overflow:visible;
}

div#groups_list .right
{
  float:left;
}

.clearer
{
  clear:both;
}

#poststable {
  width: 100%;
}

#poststable td {
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    vertical-align: top;
}

.pi .userbar {
  font-weight: bold;
  width: 150px
}

.pieven {
  background-color: #DEE3E7;
}

.piodd{
  background-color: #EFEFEF;
}

.pieven .text {
  padding-left: 15px
}

a.red {
  color: #FF0000;
  text-decoration: underline;
}


#add_comment textarea
{
  width: 340px;
  height: 60px;
  float: right;
  border: 1px solid #c3c3c3;
  margin-bottom: 2px;
  margin-left: 0px;
}


#add_comment #label
{
  float: left;
  text-align: right;
  width: 40px;
  font-weight: bold;
  margin-right: 3px;

}

#add_comment input
{
  border: 1px solid #c3c3c3;
  float:left;
  margin-right: 0px;
  padding-right: 0px;
  width: 138px;
}


/** Flash message */
#flash { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000; background-color: #569; color: white; background-image: url('/static/img/btn.png'); background-position: bottom; border-bottom: 1px solid #555; }
#flash, #flash * { cursor: pointer; }

#flash .yui-b { padding: 5px 0; margin-left: 25px;}
#flash .yui-b>* { font-size: 128%; }

#flash label { display: block; text-align: left; font-weight: bold; text-transform: capitalize; }

#flash.subtle { background-color: #444; color: white; }
#flash.subtle:hover { background-color: #222; }
#flash.warning { background-color: #ff0; color: black; }
#flash.warning:hover { background-color: #ff8; }
#flash.success { background-color: #595; }
#flash.success:hover { background-color: #7b7; }
#flash.failure, #flash.error { background-color: #800; }
#flash.failure:hover, #flash.error:hover { background-color: #a00; }
#flash.subtle, #flash.success, #flash.failure, #flash.error { text-shadow: black 2px 2px 2px; }

.molecula {background-image: url('sidebar_400_molecula.png'); width: 400px; height:573px;}
.formula {background-image: url('sidebar_formula.png'); width: 396px; height:438px;}
.formula1 {background-image: url('sidebar_formula_400x670.png'); width: 400px; height:670px;}


div.group_list_item
{
  padding: 5px;
  border: 1px solid #c3c3c3;
}

h2.preparat_title
{
  padding: 0px;
  padding-bottom: 5px;
  border: 0px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  background-color: #ffffff;
}

.postform .ti {padding: 3px; border: 1px solid #aaa;}


h3.tab
{
  border-top: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  padding-left: 5px;
  background-color: #fafafa;
}



table tr th {
  background-color: #d3DADE;
  padding: 3px;
  font-weight: normal;
}

table tr.rowb { background-color:#EAf2FD; }
table tr.filterColumns td { padding:0px; }


td input._filterText {
  width: 760px;
  border: 1px solid red;
  margin: 5px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 133%;
}

a {
  text-decoration: none;
  color: #4c4345;
}

a:hover
{
  text-decoration:underline;
}

.eLekar_Item {

}

.eLekar_ItemSet #mini_photo, .eLekar_ItemSet #name, .eLekar_ItemSet #producer, .eLekar_ItemSet #group, .eLekar_ItemSet #price, .eLekar_ItemSet #buy {
  font-weight: bold;
  background-color: #FAFAFA;
  float: left;
  text-align: left;
  padding: 3px;
  border: 1px solid #c3c3c3;
  margin: 1px;

}

.eLekar_Item #mini_photo, .eLekar_Item #name, .eLekar_Item #producer, .eLekar_Item #group, .eLekar_Item #price, .eLekar_Item #buy {
  font-weight: normal;
  float: left;
  text-align: left;
  background-color: #FFFFFF;
  height: 80px;
  padding: 3px;
}

.eLekar_Item #mini_photo, .eLekar_ItemSet #mini_photo{
  width: 80px;

}

.eLekar_Item #name, .eLekar_ItemSet #name{
  width: 150px;
}

.eLekar_Item #producer, .eLekar_ItemSet #producer{
  width: 100px;
}

.eLekar_Item #group, .eLekar_ItemSet #group{
  width: 100px;
}

.eLekar_Item #price, .eLekar_ItemSet #price{
  width: 80px;
}

.eLekar_Item #buy, .eLekar_ItemSet #buy{
  width: 60px;
}

.nbbd a, .nbba a {color:red}

.nbba{
  padding: 1px 0px 40px 0px; font-size: 16px
}
.nbba h2, .nbba h3  {padding-left: 10px; background-color:#F5F5F5}
.nbba h2 a, .nbba h3 a {color: black; text-decoration: none}
.nbbd h2 a {color: black; text-decoration: none}
.nbbd h2 {padding-left: 10px; padding-right: 10px; background-color:#F5F5F5}

.sbv {width: 325px; font-size: 16px}

.nbbd{
  padding: 1px 0px 15px 0px;
  width: 350px;
  font-size: 16px
}
.nbbd img, .nbba img {padding: 5px 12px 0px 0px; float: left}


.pager ul {
  float:right;
  list-style:none outside none;
  margin-bottom:10px;
}

.pager .cp {
  color:black;
  display:block;
  margin:0 0.4em 0 0.4em;
  padding:0.3em 0.4em;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.pager a.p {
  background:none repeat scroll 0 0 white;
  color:red;
  display:block;
  margin:0 0.2em 0 0.1em;
  padding:0.3em 0.4em;
  border: 1px solid #CCCCCC;
}

#index-not {
  padding: 5px; 
  border: 1px solid #E0A8A3; 
  border-right: 0px;
  border-left: 0px;
}

#ssub {
  background:url("search-submit-bg.png") no-repeat scroll 0 0 transparent;
  border:0 none;
  cursor:pointer;
  height:27px;
  margin-top:5px;
  width:103px;
  float: right;
}

#search-i{
  background:url("search-input-bg.png") no-repeat scroll 0 0 transparent;
  border:0 none;
  float:right;
  font-size:14px;
  height:27px;
  margin-left:25px;
  margin-top:5px;
  padding-left:5px;
  width:333px;
}

#mmd {
  display: table-cell;
  width: 100%;
  text-align: center;
}

.cc3 {color:#C43C00; float: right}
.cc4 {font-size: 80%; font-weight: normal}
.medications_block h4 {margin: 2px;}
.medications_block img {width: 150px}
.medications_block {border: 1px solid #c3c3c3; padding: 5px; margin-top: 10px}

.cb {clear: both}
.fl{float: left}
.fr{float: right}
.topsd {float: left; padding: 5px; width: 190px; overflow: hidden}

a.p_cat{display: block; width: 140px}
.pnt {cursor:pointer}

.pager-news a {
  display:block;
  margin:0 0.2em 0 0.1em;
  padding:0.3em 0.4em;
}

.pager-news a {
  display:block; 
  margin:0 0.2em 0 0.1em; 
  padding:0.3em 0.4em;
}

.pager-news .cp {
    display:block; 
    margin:0 0.2em 0 0.1em; 
    padding:0.3em 0.4em;
    color: white;
    background:none repeat scroll 0 0 #494949;
} 

.pager-news a:hover, .pager-news .tsp a  {
    background:none repeat scroll 0 0 #C01F00;
    color: white;
}

.grad-bg {
  background:url("post_bg.png") repeat-x scroll 0 0 #FFFFFF;
  border:1px solid #C9C9C9;
  padding: 10px;
}
.grad-bg img {
  padding: 2px;
  margin-top: 8px; 
  margin-right: 5px;
  border: 1px solid #ccc;
  float: left;
}

.grad-bg .date {
  text-align: right;
  color: #ccc;
}

.pager-news ul.tsp li {
font-size:16px;
}

.pager-news ul.tsp {
  margin-bottom:8px;
}

.pager-news ul {
  float:right;
  list-style:none outside none;
  margin-bottom:20px;
}


span.bc {color: #6F1807; font-style:italic; }

div.warn {color: black; width: 100%; padding: 5px;  text-align: left;}

div.b-yandexbox * { font-size: 12px !important; margin: 0 !important; }
div.b-yandexbox a img { border: 0 !important; }
div.b-yandexbox input, div.b-yandexbox label { vertical-align: middle; }
div.b-yandexbox table { font-size: 12px; width: 100%; border-collapse: collapse; border: 0; background: #ffffff; }
div.b-yandexbox table td { padding: 7px 0 6px 0; white-space: nowrap; vertical-align: middle; }
div.b-yandexbox .b-yandexbox-image { padding: 6px 6px 0 6px; }
div.b-yandexbox .b-yandexbox-search { width: 100%; padding: 0 6px; }
div.b-yandexbox .b-yandexbox-search table { margin: 0; padding: 0; background: none; }
div.b-yandexbox .b-yandexbox-search .b-yandexbox-txt { width: 100%; padding-right: 6px; }
div.b-yandexbox .b-yandexbox-text { position: relative; width: 100%; }
div.b-yandexbox .b-yandexbox-text input { float: left; width: 100%; padding-right: 0; border: 1px solid #7f9db9; }
div.b-yandexbox .b-yandexbox-search .b-yandexbox-submit { padding: 0; }
div.b-yandexbox .b-yandexbox-search-precise { padding: 0 18px 6px 6px; vertical-align: top; color: #000000; }
div.b-yandexbox .b-yandexbox-search-precise input, div.b-yandexbox .b-yandexbox-search-precise label { margin-right: 0.2em !important; }
div.b-yandexbox .b-yandexbox-image i { display: none; }
.b-yandexbox_l { position: relative; margin-left: 65px !important; }
.b-yandexbox_l .b-yandexbox-image { position: absolute; left: -65px; text-decoration: none; }
div.b-yandexbox .button-search { width: 19px; height: 15px; outline: none; cursor: pointer; border: none; background: url(http://site.yandex.ru/i/search.png) no-repeat; }
<!--[if lte IE 8]>
* html div.b-yandexbox .b-yandexbox-image i { font-size: 0; display: block; width: 52px; height: 21px; line-height: 0; cursor: pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://site.yandex.ru/i/yandex_search.png); }
* html div.b-yandexbox .b-yandexbox-image img { display: none; }
<![endif]-->