body { font-family: Georgia; font-size: 12px; }

div.layout { margin: 0 auto; max-width: 1024px; }

.clearfix { clear: both; }
.f_l { float: left; }
.f_r { float: right; }
.p_r { position: relative; }
.col2 { width: 50%; }
.autowidth { width: auto; overflow:hidden; }
.ib { display: inline-block; }

div.innerbreak { clear: both; padding-top: 0.5em; padding-bottom: 0.5em; }
div.imginner { padding: 2px; border: 2px solid transparent; }
div.imgselected { border: 2px gray dashed; }
div.innerpad { margin: 8px; }
div.breadcrumb { color: silver; font-size: x-small; }
div.warning { background: #ffe9ad; border: 1px solid #eac572; color: #826200; padding: 8px; margin-bottom: 8px; }
div.cntr { margin: 0 auto; text-align: center; }

/*--- all kind'a links ---*/
a { color: #2080e0; border: none; }
a, img { border: none; }
a.dynamic { color: #2480e0; text-decoration: none; border-bottom: 1px dotted #2480e0; }
a.pagination { padding: 0.25em; }
a.selected { background-color: #e0e0e0; border-radius: 4px; -moz-border-radius: 4px; }
.breadcrumb a { color: silver; }

/*--- images and text in output ---*/
img.fixsmsize { height: 50px; width: auto; }
img.icenter { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
div.fixsmsize { width: 100%; clear: right; }
div.latestimg { float: left; width: 100px; height: 100px; margin-right: 8px; text-align: center; position: relative; }
div.latestimg a { width: 100px; height: 100px; display: table-cell; vertical-align: middle; }
div.offerimg { text-align: center; vertical-align: middle; border: 2px solid silver; height: 512px; }
div.offerimgin { height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 100% }
div.offerimgin img { bottom: 0; display: block; left: 0; margin: auto; max-height: 512px; max-width: inherit; position: absolute; right: 0; top: 0 }

/*--- input controls ---*/
input[type=text].long { width: 20em; }
input[type=text].short { width: 5em; }

/*--- switcher ---*/
#switcher { padding-top: 0.5em; padding-bottom: 1em; }
#switcher a.selected { padding: 4px 5px 4px 5px; background: #ebebe6; border-radius: 4px; -moz-border-radius: 4px; }

/*--- top menu ---*/
#pnlMenu { width: 100%; background: black; color: white; #position: relative; display: table; height: 2em; overflow: hidden; }
#pnlMenu .inner { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
#pnlMenu a { color: white; padding-left: 1em; padding-right: 1em; #position: relative; #top: -50%; }
#logout, #account { line-height: 52px; }
#account { margin-right: 20px; }

/*--- specific ---*/
#categories img { border-radius: 4px 0 4px 4px; }
#categories a { text-decoration: none; }
#categories a span.name { position: absolute; padding: 4px; overflow: hidden; background-color: #000; color: #fff; left: 0; bottom: 0; 
  border-radius: 4px 0 4px 4px; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); width: 120px; text-align: left; text-decoration: none; }
#categories a span.count { position: absolute; padding: 4px; overflow: hidden; color: #fff; left: 0; bottom: 0; width: 120px; text-align: right; text-decoration: none; font-weight: bold;
  opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); }

#ateliers img { border-radius: 4px 0 4px 4px; }
#ateliers a { text-decoration: none; }
#ateliers a span.name { position: absolute; padding: 4px; overflow: hidden; background-color: #000; color: #fff; left: 0; bottom: 0; 
  border-radius: 4px 0 4px 4px; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); width: 184px; text-align: left; text-decoration: none; }
#ateliers a span.count { position: absolute; padding: 4px; overflow: hidden; color: #fff; left: 0; bottom: 0; width: 184px; text-align: right; text-decoration: none; font-weight: bold; }

#filter { width: 192px; border: 1px solid silver; margin: 8px; padding: 12px; }
#filter label { margin-left: 16px; white-space: nowrap; display: inline-block; padding: 0.25em; }
#filter input[type=radio], #filter input[type=checkbox] { position: absolute; margin-left: -16px;
  margin-top: 0px; white-space: nowrap; }

/*--- colors ---*/
div.coloritem { position: relative; border-radius: 2px; -moz-border-radius: 2px;
  background: #e6e6e6; margin: 0 4px 3px 0; display: inline-block; cursor: pointer; }
div.coloritem div { width: 15px; height: 15px; border: 1px solid #e6e6e6;
  border-radius: 2px; -moz-border-radius: 2px; }
div.coloritem div.colordiff { background: url(img/colordiff.png) 50% 50% no-repeat; }
div.coloritem div.colorleopard { background: url(img/leopard.png) 50% 50% no-repeat; }
div.coloritem div.close { margin: 1px 25px 1px 1px; }
i.close { position: absolute; top: 50%; left: 30px; display: block; width: 7px; height: 7px; margin-top: -3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTgwMTE3NDA3MjA2ODExOUY1QUFEMUFDODI2QUIxQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMzBGRTE0ODFBQkQxMUUxQTIxQkREOEUyMjFENzcxNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMzBGRTE0NzFBQkQxMUUxQTIxQkREOEUyMjFENzcxNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4QTUwOEVENzM3OUYyNDEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1ODAxMTc0MDcyMDY4MTE5RjVBQUQxQUM4MjZBQjFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Wp2CFwAAAGlJREFUeNpiZmBgsATiP0D8hQEB5IFYmRlIfAZiYyD+ClUAklAF4nOMUJX8QGwOxM+BWByIjwLxd2ao5E8gZgViJSC+BsRvQYJMSHbIAPFpINaA6oZLuAAxJ5IVbjAF2kgSDEgKVAACDAB9Qw8AvUsCdAAAAABJRU5ErkJggg==) no-repeat; }

/*--- offers ---*/
#pnlOffers div.offer { height: 100px; padding-top: 5px; padding-bottom: 5px; position: relative; }
#pnlOffers .offerspecial i.specicon { background: url(/img/star-spec.png) no-repeat; width: 16px; height: 16px; display: inline-block; position: absolute; right: 0; bottom: 0; margin-right: 4px; margin-bottom: 4px; }
#pnlOffers div.offerspecial { background-color: #fff0d4 !important;  }
div.offerspecial + div.offerspecial { border-top: 1px #ffbf00 solid; }
#pnlOffers div.offereven { background-color: #f4f4f4; }
#pnlOffers div.offerpages { border-top: 1px solid #e0e0e0; padding-top: 5px; }

i.like
{
	width: 11px;
	height: 10px;
	background: url(img/like.gif) no-repeat 1px 0px;
	margin: 2px 3px 0px;
	display: block;
	position: relative;
	overflow: hidden;
}
i.no_vote
{
	opacity: 0.4;
}
span.like
{
	font-size: 11px;
	color: #2f5879;
}
span.likebd
{
	font-size: 12px;
	color: #2f5879;
	font-weight: bolder;
}
i.repost
{
	width: 11px;
	height: 10px;
	background: url(img/like.gif) no-repeat 0px -22px;
	margin: 2px 3px 0px;
	display: block;
	position: relative;
	overflow: hidden;
}

div.mask
{
	background: black;
	opacity: 0.4;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
}
div.msgboxouter { width: 100%; height: 100%; min-width: 256px; position: fixed; top: 0px; left: 0px; z-index: 2; }
div.msgboxinner { clear: both; position: relative; margin: -10% auto; padding: 2em; max-width: 40%; min-width: 256px; top: 50%; background: white; border: 1px solid black; }
div.msgboxclose { position: absolute; left: 100%; margin-left: -4em; }
div.msgboxclose a { text-decoration: none; background: url(img/button-close.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; }
button.vklogin, a.vklogin
{
	display: block;
	width: 182px;
	height: 25px;
	background: url(img/button-vk.png);
	border: 0px;
	cursor: pointer;
}
span.edit
{
	margin-right: 1.5em;
	font-size: smaller;
	line-height: 1.5em;
}
span.deletepic { z-index: 2; background: #000; border-radius: 6px; -moz-border-radius: 6px; position: absolute; right: 2px; top: 2px; width: 24px; height: 24px; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
span.deletepic:hover { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }

#myoffers { width: 100%; margin-bottom: 1.5em; }
#myoffers tbody tr:nth-child(odd), #myoffers thead tr { background-color: #f0f0f0; }
#myoffers tbody tr:nth-child(even) { background-color: #f8f8f8; }

#editsettings { margin: 0.75em 10px; padding: 0.75em 10px; border: 1px dashed #fcfcfc;}
#editsettings dt { float: left; width: 6em; margin: 0 -6em 0 0; text-align: right; color: #808080; display: block; }
#editsettings dd { position: relative; top: -2px; margin: 0 0 0 6.75em; padding: 0 0 1em 0; }

#editoffer, #editsettings { margin: 0.75em 10px; padding: 0.75em 10px; border: 1px dashed #fcfcfc;}
#editoffer dt, #editsettings dt { float: left; width: 14em; margin: 0 -14em 0 0; text-align: right; color: #808080; display: block; }
#editoffer dd, #editsettings dd { position: relative; top: -2px; margin: 0 0 0 14.75em; padding: 0 0 1em 0; }
#showoffer dd { padding: 0 0 1em 0; }
div.vkphotos { height: 200px; overflow-y: auto; }

dd:after { clear: left; display: block; }