/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
body {

  font-family: Verdana, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.6em;
  min-width:1000px;
/*
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 1.45em;
*/
}

h1, h2, h3 {
  font-family: trebuchet MS;
  line-height: 1.45em;
}
h1, h2, h3, h4, h5, h6, p, strong {color:#333}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
h1 {font-size:1.5em;line-height:1;margin-bottom:0.5em;font-weight:bold}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em}
h5 {font-size:1em;font-weight:bold;}
h6 {font-size:1em;}
ol,
ul,
p  {margin-bottom:1em;}
ol,
ul {list-style-position:inside;}

em {font-style:italic;color:#555}
label {font-weight:bold}
fieldset,
legend   {border:1px solid #e5e5e5;background:#fcfcfc}
fieldset {padding:20px;margin-bottom:20px}
legend   {padding:2px 10px 2px;border-bottom:none;font-weight:bold;line-height:20px;}

form p     {margin-bottom:5px;}
form label {display:block}

td, th     {padding:0 0.5em}
td.first,
th.first   {padding-left:0}
td.last,
th.last    {padding-right:0}

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}

.wrap {width:960px; margin:0 auto;padding:0 20px;/*background: url(/images/grid.png);*/}

a strong     {color:inherit}
a span,
a            {color:#1f59a5;text-decoration:none;border-bottom:1px dotted #1f59a5;}
a:hover span,
a:hover      {border-bottom:1px solid;}

hr           {border:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #fff;margin-bottom:20px}
ul.flat      {list-style-type:none;margin-left:0;padding-left:0;}

/* forms */
form .section      {padding-bottom:10px;}
form input         {padding:3px}
input.close,
input.submit,
form .submit input {padding:3px 5px}
form input.checkbox{float:left; margin-right:0.5em}

form .fieldWithErrors input,
form .fieldWithErrors textarea {border:1px solid #ca4922}
form div.formError {color:#ca4922}

/* flash messages */
.error, .warning, .notice {padding:.8em .8em .8em 40px;margin-bottom:20px;border:1px solid #ddd;}
.error {background:#FBE3E4 url(/images/error_24.png) 8px no-repeat;color:#8a1f11;border-color:#FBC2C4;}
.warning {background:#FFF6BF url(/images/warning_24.png) 8px no-repeat;color:#514721;border-color:#FFD324;}
.notice {background:#E6EFC2 url(/images/notice_24.png) 8px no-repeat;color:#264409;border-color:#C6D880;}
.error a, .warning a, .notice a {font-weight:bold}
.error a {color:#8a1f11;}
.warning a {color:#514721;}
.notice a {color:#264409;}


/* === header === */
#header      {background:#3366cc url(/images/bg-header.png) repeat-x}
#header h2   {float:left;margin:0;}
#header h2 a {border:none;display:block;float:left;;height:101px}
#header .wrap{height:101px}

/* bar */
#header #bar          {float:right;margin-top:3px;padding:4px 10px;height:32px;color:#fff}
#header #bar a        {border-color:#fff;}
#header ul.person     {float:left;list-style:none;}
#header ul.person li  {float:left;margin-left:10px}
#header ul.person a   {color:#fff}
#header form.language {float:left;margin-right:10px}

/* nav */
#header .tabs         {float:left;width:799px;margin-top:16px}
#header .nav          {float:left;list-style:none;margin:0 0 0 20px;font-family: trebuchet MS;font-size:1.5em}

#header .nav li,
#header .nav li a      {display:block;float:left}

#header .nav li        {margin-left:10px}
#header .nav li        {background:url(/images/bg-header-tab.gif) no-repeat 0 -42px}
#header .nav li a      {padding:0 15px;background:url(/images/bg-header-tab.gif) no-repeat right -42px;height:42px;line-height:40px;color:#fff;border:none}

#header .nav li.active {background:url(/images/bg-header-tab.gif) no-repeat 0 0;}
#header .nav li.active a{background:url(/images/bg-header-tab.gif) no-repeat right 0;color:#194783;}

#header .search         {float:right}
.search .submit         {border:medium none;color: transparent;text-indent:-10000em;cursor:pointer;color: transparent;overflow:hidden;padding:0;}
.search .submit         {background:transparent url(/images/search_24.png) no-repeat scroll center center;height:28px;width:28px;}
#header .search .submit {background:transparent url(/images/search_16.png) no-repeat scroll center center;height:26px;width:26px;}

/* footer */
#footer          {padding:20px 0;border-top:1px solid #eee}
#footer .license {float:right}

/* body */
div.body {clear:left;padding:20px 0;background:transparent url(/images/bg-body.png) repeat-x;}
div.body .wrap {padding-top:30px;/*background:#eee*/}

div.side             {float:right;width:218px;padding:20px 20px 0;border:1px solid #e5e5e5; background:#fbfbfb;/*background:#ddd*/}
div.with-side        {float:left;width:680px}
div.body div.content {float:left;width:680px;padding-right:20px;/*background:#ddd*/}

/* blocks */
.side .section    {margin-top:20px}
.side .section h4 {text-align:center}

/* navigation */
.body .nav    {background:transparent url(/images/bg-body-nav.png) repeat-x right bottom;clear:left}
.body .nav h3 {float:left;margin:0 10px 0 0;line-height:24px}
.body .nav p  {float:left;margin:0;line-height:24px}
.body .nav ul {float:right;list-style:none;margin:0}
.body .nav li {float:left;margin-left:10px}
.body .nav ul strong,
.body .nav ul a {display:block;float:left;padding:4px 10px; border:1px solid #fff;border-bottom:solid 1px #e5e5e5}
.body .nav ul strong {border:1px solid #e5e5e5;border-bottom:1px solid #fbfbfb;background:#fbfbfb}

.body .nav ul a.button,
.body .nav ul strong.button {padding-left:38px}

.body .nav.top {margin-bottom:20px}
.body .nav.top ul strong {border-bottom:1px solid #fff;background:#fff}

.brief .details {margin-left:120px}

/* good */
.goods .more                {display:block;text-align:center;border:none;border:1px solid #e5e5e5;background:#fbfbfb;padding:10px}
.goods .more strong         {background:transparent url(/images/downarrow_16.png) no-repeat left center;padding-left:20px}
.goods .more strong.spinner {background:transparent url(/images/spinner.gif) no-repeat left center;}

.good.brief          {padding-bottom:19px;border-bottom:1px solid #e5e5e5;margin-bottom:20px}

.good.brief .icon,
.good.brief .thumbnail,
.good.brief .rating       {float:left}
.good.brief .actions,
.good.brief .actions a,
.good.brief .price,
.good.brief .rating,
.good.brief .price_n_rate {float:right}
.good.brief .actions      {clear:both}
.good.brief .price_n_rate {width:270px}

.good.brief .price   {margin-right:20px}

.good.brief div.price       {width:125px}
.good.brief .icon img       {width:48px;height:48px;overflow:hidden}

.good.brief.with_actions .price   {margin-right:20px}
.content .good.brief.with_actions .price {text-align:center}

.good.brief .title     {font-weight:bold}
.good.brief ul         {list-style:none;list-style-position:outside}
.good.brief .rating ul {margin:0 auto;}

.good.full  .image        {float:right;margin:0 0 20px 20px;width:140px;height:140px;border:1px solid #e5e5e5}
.good.full  img           {}
.good.full  .nutrition    {margin-bottom:20px}
.good.full  .nutrition dt {float:left;width:200px}
.good.full  .manufacturers {clear:left}

.good.full  .metadata           {color:#999;margin-bottom:20px}
.good.full  .metadata  dt       {float:left;margin-right:0.5em;}
.good.full  .social_bar         {height:25px}

.side .good.thumbnail            {float:left;margin:0 14px 30px 0;text-align:left;border:0px solid gray;}
.side .good.thumbnail.last       {float:none;margin-right:0;margin-left:116px}
.side .good.thumbnail img        {display:block;width:100px;height:100px;border:1px solid #e5e5e5}
.side .good.thumbnail h5         {margin:0}
.side .good.thumbnail:hover img  {border-color:#bbb}
.side .good.thumbnail:hover a    {border-bottom:1px solid}

.good .icon a,
.good .icon a:hover,
.good .thumbnail a,
.good .thumbnail a:hover,
.good .image a,
.good .image a:hover       {border:none}
.good .description,
.good .manufacturers,
.good table.ingredients    {margin-bottom:10px}
.good .ingredients         {margin-bottom:0}
.good .ingredients span    {white-space:nowrap}

.good.boxed                {border:1px solid #E5E5E5;padding:20px 20px 10px;background:#FBFBFB}
.good.boxed img            {border:1px solid #E5E5E5}

.recent .good,
.favorite .good            {float:left;margin-right:20px;}
.recent .last,
.favorite .last            {margin-right:0}
.recent .good .title,
.favorite .good .title     {font-size:10px}
.recent .good img,
.favorite .good img        {border:none;width:100px;height:100px}
.recent .good a.image,
.favorite .good a.image    {border:none;display:block}

.good form .field           {margin-bottom:20px}

.good form #basic div.barcode,
.good form #basic div.title,
.good form #basic div.brand,
.good form #basic div.size,
.good form #basic div.description  {padding-left:40px}
.good form #basic div.barcode      {background:transparent url(/images/barcode_32.png) no-repeat left top;}
.good form #basic div.title        {background:transparent url(/images/label_32.png) no-repeat left top;}
.good form #basic div.brand        {background:transparent url(/images/brand_32.png) no-repeat left top;}
.good form #basic div.size         {background:transparent url(/images/ruler_24.png) no-repeat 5px 5px;}
.good form #basic div.description  {background:transparent url(/images/info_24.png) no-repeat 5px 5px;}

.good form #basic p              {margin-left:150px;}
.good form #basic img            {float:left}
.good form #basic em,
.good form #basic input          {display:block}

.good form #nutrition ul         {list-style:none}
.good form #nutrition li         {margin-bottom:5px;}
.good form #nutrition label      {float:left;width:220px}
.good form #manufacturers .template {display:none}

.good form #basic legend         {line-height:32px;}
.good form #nutrition legend,
.good form #ingredients legend,
.good form .manufacturers legend {padding-left:36px; line-height:32px;}
.good form #nutrition legend     {background:transparent url(/images/barchart_24.png) no-repeat 4px 4px;}
.good form #ingredients legend   {background:transparent url(/images/piechart_24.png) no-repeat 4px 4px;}
.good form .manufacturers legend {background:transparent url(/images/people_24.png) no-repeat 4px 4px;}

.side .rating,
.side .price               {text-align:center}
.side .rating              {margin:0 auto;padding:10px 0;}

.panel table               {width:100%;margin-bottom:20px}
.panel h3                  {margin-bottom:20px}

.panel,
.photos,
.prices,
.comments              {padding:20px 20px 0;margin:0;background:#fbfbfb;border:1px solid #e5e5e5;border-top:none;}

.prices .add,
.photos .add           {float:right; display:block; padding-left:32px; height:24px; border:none;}

/* comments */
.comment               {margin-bottom:20px;}
.new_comment .author,
.comment .author       {float:left;text-align:center;width:100px}
.new_comment .author img,
.comment .author img   {display:block;width:100px;height:100px}
.comment_body          {padding:20px 20px 10px;margin:0 0 10px 0;border:1px solid #e5e5e5;background:#fff}
.comments .comment_body{margin:0 0 10px 120px;}
.full .comment_body    {margin-left:120px}
.comment .dtreviewed   {display:block;color:#888}

.comment_body blockquote {padding-left:10px;border-left:2px solid #e5e5e5}

.new_comment .section      {margin-left:120px}
.new_comment textarea      {width:98%}
.new_comment .submit       {text-align:right;}


.user .comment .comment_body {border:none;padding:20px 0}
.user .comment .dtreviewed   {float:right}
.user .post                  {margin-left:120px;float:left;border:none}
.user .post h2               {margin:0;padding:0}

/* prices */
.prices table          {width:100%;margin-bottom:20px}
.prices td             {padding:5px}
.prices .add           {background:url(/images/yell_24.png) left no-repeat}
.prices .price,
.prices em             {white-space:nowrap}

/* photos */
.photos ul             {list-style:none;text-align:center}
.photos li             {float:left;margin:0 20px 20px 0}
.photos .zoom          {display:block;border:1px solid #e5e5e5}
.photos .add           {background:url(/images/add_24.png) left no-repeat}
.photos .new           {clear:left;margin-bottom:20px}

/* purchases */
.purchases       {float:left;padding-bottom:5px;}
.purchase        {float:left; width:500px; padding:5px; clear:both;border-top:1px solid #E5ECF9;}
.purchase p      {margin:0}
.purchase label  {display:block;}
.purchase .edit,
.purchase .remove{float:left; margin-right:10px}
.purchase .label {font-weight:bold;float:left;}
.purchase .price {float:right;}
.purchase .quantity {float:right;margin-left:15px;}
.purchase .submit {clear:both;margin:0;padding-top:10px}
.purchase .submit input {padding:3px}
.purchase .icon img {margin:4px 10px 0 0;border: 1px solid #7f9db9}
#purchase-new {clear:left;padding:5px;background:#E5ECF9;width:500px;border-top:6px solid white}

/* Ingredients */
ul.ingredients     {float:left;width:300px;margin:0 20px 20px 0;list-style:none}
.ingredients .desc {text-align:justify}


/* bill */
.bill .ui-autocomplete-results .icon {float:left;margin-right:10px}
/*.bill .total {clear:left;width:510px;border-bottom:2px solid #7f9db9;border-top:2px solid #7f9db9;text-align:right;padding:6px 0}*/
.bill .total strong {margin-right:0.5em}

.bill .image,
.bill .purchases {margin-bottom:20px}
.bill .image     {float:left;width:500px;margin-right:20px}
.bill .purchases {float:left;}
.bill .scan      {position:relative}
#highlighter     {display:none;position:absolute;z-index:5;border:1px solid #aaa;width:499px}
.bill .buttons   {clear:both}
.bill .recognize {float:left}
.bill .accept,
.bill .draft     {float:right}

ul.bill            {list-style:none}
.bill-entry        {width:410px;min-height:48px;border-top:1px solid #e5e5e5;padding:6px 11px;margin-top:2px}
.bill-entry:hover  {background: #fbfbfb;z-index:5000;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding:6px 10px}
.bill-entry img    {float:left; border:1px solid #e5e5e5}
.bill-entry .desc  {margin:0 40px 0 70px}
.bill-entry strong.price {float:right}
.bill-entry .actions {float:right}
ul.bill .incorrect {background:#FBE3E4}
ul.bill .similar   {padding-left:6px;border-left:5px solid #5ba0fa}

.bill-entry div.label,
.bill-entry div.total,
.bill-entry div.quantity,
.bill-entry div.price       {float:left;margin-left:20px}

.bill-entry div.label       {width:250px;}
.bill-entry div.label input {width:240px;}

.bill-entry div.total       {width:70px;}
.bill-entry div.total input {width:60px;}

.bill-entry .desc .barcode {float:none;clear:left;margin-left:0}
.bill-entry div.barcode    {clear:left;margin:0 0 10px 70px;}

.bill-entry p.submit       {clear:left;padding-top:10px;border-top:1px solid #e5e5e5}

.bill-entry ul.hint        {list-style:none;margin:0;padding-top:10px;border-top:1px solid #e5e5e5}
.bill-entry ul.hint li     {float:left;clear:left;margin-bottom:10px}
.bill-entry ul.hint img    {float:left}
.bill-entry ul.hint .title {float:left;width:240px; margin-left:20px}
.bill-entry ul.hint .price {float:left;width:80px}

.bill-entry       .actions a,
.bill-entry       .actions img   {border:none}
.bill-entry       .actions a {display:none}
.bill-entry:hover .actions a {display:block}

/* store */
.store.brief          {border-bottom:1px solid #e5e5e5;margin-bottom:20px}
.store.brief img      {float:left}
.store.brief .rating  {float:right}

.store.brief img,
.store.brief h5,
.store.brief p        {margin-right:20px}
.store.brief .rating,
.store.brief img      {margin-bottom:20px}

.store dt       {font-weight:bold;float:left;margin-right:0.5em}
.store dt:after {content:":"}

/* hentry */
.hentry .updated     {color:#666;font-size:0.82em;}
.fn                  {font-weight:bold}

/* posts */
.side .talking       {margin-bottom:20px}

.post                {clear:left;border-top:3px solid #f5f5f5;margin-bottom:10px}
.post .meta          {float:left;width:120px;padding:10px;background:#f5f5f5;text-align:center}
.post .date          {margin-bottom:10px}
.post .author        {margin:0 auto;}
.post .author .photo {border:none;display:block}
.post ul.social,
.post .social_bar,
.entry-title,
.entry-content,
.entry-metadata      {margin-left:140px;padding:10px 20px 0;text-align:justify}

.entry-content a.left  {float: left; margin: 5px 20px 10px 0; border: none;}
.entry-content a.right {float: right; margin: 5px 0 10px 20px; border: none;}
.entry-metadata      {margin-bottom:30px;text-align:center}

#new_post.post          {clear:left;padding:20px 0 0;border:1px solid #e5e5e5;background:#f5f5f5}
#new_post.post p.join,
#new_post.post hr,
#new_post.post h5       {margin-left:20px;margin-right:20px}
#new_post.post p        {margin-bottom:20px}
#new_post.post textarea {width:488px}



/* forums and topics */

.topics table,
.forums table  {width:100%;border-collapse: collapse;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5}
.topics th,
.topics td,
.forums th,
.forums td     {padding:10px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
.topics th,
.forums th     {white-space:nowrap;font-weight:bold;background:#fbfbfb}

.topics .author,
.forums .author {white-space:nowrap}
.topics .feed,
.topic  .feed,
.forums .feed  {float:left}

.topics .add         {float:right}
.topics .stat        {background:#fbfbfb;text-align:center}
.topics .entry-title {margin:0;padding:0}
.topic .updated      {color:#666}
.topics .title       {width:40%}

.voices li           {list-style:none;list-style-position:outside}
.voices li strong    {display:block;background:url(/images/mail_16.png) no-repeat 0 center}
.voices a            {margin-left:24px}

/* side */
.side .catalog        {margin-bottom:20px}
.side .catalog,
.side .catalog ul     {list-style:none;margin-left:10px}
.side .catalog h5     {margin:0}
.side .catalog ul li  {display:block}

.side .commenters     {list-style:none;margin-bottom:20px}
.side .commenters li  {clear:left;margin-bottom:10px}
.side .commenters img {float:left;margin-right:10px}
.side .commenters .fn {display:block}

.side hr              {clear:left}

.side .feeds          {list-style:none;list-style-position:outside}

/* new person */
form.person                 {width:450px;margin:0 auto;}
form.person .password .left,
form.person .password .right{width:220px;float:left}
form.person .password .left {margin-right:10px}
form.person input           {width:440px}
form.person p input.submit  {width:auto}
form.person .password input {width:210px;}
form.person hr              {clear:left}

.upload .current            {float:left}
.upload .new                {margin-left:120px}

.profile .photo             {float:left;width:100px;text-align:center}
.profile .photo img         {display:block}
.profile .text              {margin-left:120px}
.profile .text dt           {float:left; width:160px}

.contributions              {clear:left;margin-left:100px}

/* login */
form.new_person_session                 {width:450px;margin:0 auto}
form.new_person_session input           {width:200px}
form.new_person_session input.checkbox,
form.new_person_session input.submit    {width:auto}
form.new_person_session .left,
form.new_person_session .right          {float:left}
form.new_person_session .left           {margin-right:20px}
form.new_person_session .right          {background:#FBFBFB;border:1px solid #E5E5E5;padding:20px}

.reject                      {margin-bottom:10px;padding-bottom:10px; border-bottom:1px solid #E5E5E5}
.reject dt                   {float:left;width:150px;font-weight:bold}
.reject dt:after             {content:":"}
.reject dd                   {margin-left:150px}

/* map */
#map_div        {border:1px solid #e5e5e5;margin-bottom:20px}

/* feedback */
#feedback-tab {
  position: fixed;
  left:0;
  top:0;
  top:40%;
  width:25px;
  height:90px;
  border: outset 1px #5677b0;
  border-left: none;
  background:#1354bd;
  display:block;
  margin-top:-45px;
  z-index:100001;
}

.et#feedback-tab       {background:url(/images/feedback-tab_et.png) no-repeat 0 0;height:90px;}
.et#feedback-tab:hover {background-position:-25px 0}

.ru#feedback-tab       {background:url(/images/feedback-tab_ru.png) no-repeat 0 0;height:130px;}
.ru#feedback-tab:hover {background-position:-25px 0}

ul.social              {list-style:none}
ul.social li           {display:inline}

.social_bar            {margin:10px 0}
.social_bar .facebook,
.social_bar .tweetmeme {float:left}

/* home */

#about               {float:left;background:#FBFBFB;border:1px solid #e5e5e5;padding:20px 20px 0 20px;margin-bottom:20px}
#about #tagline      {font-size:14px;line-height:1.8em;margin-bottom:30px;}
#about .features     {list-style:none;margin-bottom:30px;}
#about .features img {float:left;margin:0 10px 0 0}
#about .features li  {float:left;margin-right:35px;width:280px}
#about .features li.last {margin-right:0}

.catalog             {margin-bottom:30px}
.catalog ul          {list-style:none}
.catalog ul li       {display:inline}
.catalog ul li.last  {}
.catalog p           {}

#home h1               {margin-bottom:20px}
#home .column          {float:left;width:468px}
#home .catalog         {clear:left;background:#FBFBFB;border:1px solid #e5e5e5;padding:20px}
#home .catalog .column {float:left;width:448px}
#home .one             {margin-right:20px}

#home .post          {border:0}
#home .entry-title   {margin-top:20px}
#home .entry-title,
#home .entry-content {margin-left:0;padding:0}
#home .post .author,
#home .post .date    {display:inline}

/* blog */
.blog .side .categories {list-style:none}

/* tos */
.tos img {display:block;;margin:0 auto}

/* errors */
div.error_404 {background:url(/images/warning_48.png) no-repeat 0 0;padding-left:80px}

/* pagination */
.pagination              {text-align:center;margin-bottom:20px}
.pagination span,
.pagination a:hover,
.pagination a            {padding:2px 4px;text-decoration:none;border: 1px solid #1f59a5}
.pagination a:hover,
.pagination span.current {background:#266CC7;color:#fff}
.pagination span.disabled,
.pagination span.gap     {border:none}

/* buttons */
.button:hover,
.button               {display:block;border:none;text-align:left}
.button.small         {height:24px;padding:0 0 0 24px}
.button.small.notext  {width:18px}
.button.medium        {padding-left:38px}
.button.medium.notext {width:32px}
.button.large         {height:32px;padding-left:40px}

.button.notext        {padding-left:0}
.button.notext span   {display:none}

strong.button.edit,
a.button.edit {background:transparent url(/images/edit_24.png) no-repeat 10px !important}
strong.button.add,
a.button.add  {background:transparent url(/images/add_24.png) no-repeat 10px !important}
a.button.remove {background:transparent url(/images/remove_24.png) no-repeat 10px !important}
a.button.replace {background:transparent url(/images/replace_24.png) no-repeat 10px !important}
strong.button.yell,
a.button.yell    {background:transparent url(/images/yell_24.png) no-repeat 10px !important}
a.button.feed    {background:transparent url(/images/feed_24.png) no-repeat !important}
a.button.like    {background:transparent url(/images/like_24.png) no-repeat 10px -24px;height:24px;line-height:24px}
a.button.dislike {background:transparent url(/images/dislike_24.png) no-repeat 10px -24px;height:24px;line-height:24px}

a.button.mine,
a.button.dislike:hover,
a.button.like:hover {background-position:10px 0}

a.button.small.edit     {background:transparent url(/images/edit_16.png) no-repeat !important}
a.button.small.remove   {background:transparent url(/images/remove_16.png) no-repeat !important}
a.button.small.comments {background:transparent url(/images/baloon_16.png) no-repeat 0 center !important}
a.button.small.reply    {background:transparent url(/images/baloon_16.png) no-repeat 0 center !important}
a.button.small.spinner  {background:transparent url(/images/spinner.gif) no-repeat 0 center !important}

a.button.large.feed     {background:transparent url(/images/feed_32.png) no-repeat 0 center !important}

/* autocomplete */
.ui-autocomplete-results {
 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;

 border: 1px solid #d3d3d3;
 background: #ffffff;

 overflow: hidden;
 z-index: 99999;
 position:absolute;
}

.ui-autocomplete-results ul {
 width: 100%;
 list-style-position: outside;
 list-style: none;
 padding: 0;
 margin: 0;
}

.ui-autocomplete-results li {
 margin: 0px;
 padding: 2px 5px;
 cursor: default;
 display: block;
 /*
 if width will be 100% horizontal scrollbar will apear
 when scroll mode will be used
 */
 /*width: 100%;*/
 font: menu;
 font-size: 14px;
 /*
 it is very important, if line-height not setted or setted
 in relative units scroll will be broken in firefox
 */
 line-height: 22px;
 overflow: hidden;

 border: 1px solid #d3d3d3;
 background: #fff;
 font-weight: normal;
}

.ui-autocomplete-loading {
 background: white url('/images/indicator.gif') right center no-repeat;
}

.ui-autocomplete-results li.ui-autocomplete-state-active {
 border: 1px solid #999999;
 background: #ffb;
 font-weight: normal;
 color: #212121 !important;
}

/* vote */
ul.vote                          {list-style-position:outside;list-style:none;margin:0}
ul.vote li                       {float:left}
ul.vote li.summary               {margin-right:10px}

ul.vote li.summary,
ul.vote li.summary span          {width:100px; height:24px; background:transparent url('/images/bars_24.png') left -48px no-repeat}

ul.vote li.summary.compact,
ul.vote li.summary.compact span  {width:40px; height:16px; background:transparent url('/images/bars_16.png') left -32px no-repeat}

ul.vote li.summary span          {display:block; float:left; text-indent:-9999px}
ul.vote li.summary span.likes    {background-position:left   0}
ul.vote li.summary span.dislikes {background-position:right -24px}
ul.vote li.summary.compact span.dislikes {background-position:right -16px}

/* rating */
.rating       {width:125px;text-align:center}
.rating small {color:#555}

.jq-rating,
.jq-rating a:hover,
.jq-rating a:active,
.jq-rating a:focus,
.jq-rating .current {
	background: url(/images/star.png) left -1000px repeat-x;
}

.jq-rating {
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.jq-rating li {
	display: inline;
	margin:0 !important;
}

.jq-rating .star a,
.jq-rating .star span,
.jq-rating .current,
.jq-rating .loading {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.jq-rating .star a:hover,
.jq-rating .star a:active,
.jq-rating .star a:focus {
	background-position: left bottom;
}

.jq-rating .r1 a {width:20%;z-index:7;}
.jq-rating .r2 a {width:40%;z-index:6;}
.jq-rating .r3 a {width:60%;z-index:5;}
.jq-rating .r4 a {width:80%;z-index:4;}
.jq-rating .r5 a {width:100%;z-index:3;}

.jq-rating .current{
	z-index:2;
	background-position: left center;
}

.jq-rating .loading {
	z-index:10;
	background: #fff url(/images/loading.gif) no-repeat center center;
	width:100%;
	display:none;
}

.jq-rating .login {
  position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:123px;
	height:23px;
	background:#FBFBFB;
	border:1px solid #e5e5e5;
	text-align:center;
}

.jq-rating .login a,
.jq-rating .login a:hover,
.jq-rating .login a:active,
.jq-rating .login a:focus {
  text-indent:0;
	background:#FBFBFB;
}



#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}
#facebox .content {
  margin:0;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  background: #fff;
  width: 370px;
}

#facebox p        {margin-bottom:10px}
#facebox .loading {text-align:center;margin:30px 0 20px 0}
#facebox .image   {text-align:center;}
#facebox img      {border:0;margin:0;}
#facebox .inner   {padding: 10px 10px 0}

#facebox .footer {
  background:#FBFBFB;
  border-top: 1px solid #E5E5E5;
  padding: 10px;
  margin-top:10px;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('/images/tipsy/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }