html, input {
 font-family: Tahoma, Calibri, Segoe UI, Arial;
 font-size:100.01%;
}

body {
  background-color: #efefef;
  color: #333333;
  font-family: Tahoma, Calibri,"Segoe UI", Arial, "Lucida Sans Unicode";
  padding: 8px;
  font-size: 10pt;
}

select {
  font-family: Tahoma, Calibri,"Segoe UI", Arial, "Lucida Sans Unicode";
}

option {
	border:0;
}

a, a:link, a:visited, a:active { color: #0D49FF; text-decoration: underline;}
a:hover { color: #00279D; text-decoration: none; }

.px7 { font-size: 7px;}
.px8 { font-size: 8px;}
.px9 { font-size: 9px;}
.px10 { font-size: 10px;}
.em08 { font-size: 0.8em;}
.em085 { font-size: 0.85em;}
.em09 { font-size: 0.9em;}
.em1 { font-size: 1em;}
.em11 { font-size: 1.1em;}
.em12 { font-size: 1.2em;}
.em13 { font-size: 1.3em;}
.em14 { font-size: 1.4em;}
.m30 { margin-left: 30px; }
.fr { float:right; }
.fl { float:left; }
.b { font-weight: bold; }
.n { font-weight: normal; }
.cen { text-align: center; }
.nob { border: 0;}
.nom { margin: 0;}
.nop { padding: 0;}
.bcwhite {background-color: #fff;}
a.del, a:link.del, a:hover.del { color: #999; text-decoration: none; }
a:hover.del {text-decoration: none; color: #fff; background-color: red; }

.vabl { vertical-align: baseline; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

a.dn { text-decoration: none; color: #000000;}

p {
 font-size: 1em;
 margin: 4px 0px;
}

#hlogo { height: 63px; padding: 20px 0 8px 45px; border-bottom: 1px solid #fff4d4;}
#hmenu { margin: 10px 1px 3px 1px; border: 0px solid red; height: 63px;  padding: 20px 0 0 25px; background-repeat: repeat-x; background-position: bottom; padding: 0;}

img {
  border: 0;
}

#hmenu span.item {
margin-top: 10px;
float:left;display:inline;
font-size: 0.85em;
font-weight: lighter;
color: #DDDDDD;
text-align: center;
width: 89px; height: 62px;
border: 0px solid red;
}

#hmenu span.item a, #hmenu span.item a:link  {color: #666666; text-decoration: none;}
#hmenu span.item a:hover { text-decoration: underline; color: #333333;}
#hmenu span.item a:link img { text-decoration: none;}

#hmenu span.item img {
padding-bottom: 5px;
}

#hmenu span.dlm {
  margin-top: 8px;
  height: 65px;
  float:left;
  display:inline;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #FFFFFF;
}

td.hcl {  background-image: url(img/hcl.png); background-position: bottom; background-repeat: no-repeat; }
td.hcc {  background-image: url(img/hcc.png); background-position: bottom; background-repeat: repeat-x; }
td.hcr {  background-image: url(img/hcr.png); background-position: bottom; background-repeat: no-repeat; }
td.hmenu { background-image: url(img/hmenu.png); background-position: bottom; background-repeat: repeat-x; }
td.hright { background-image: url(img/hright.png); background-position: bottom; background-repeat: no-repeat; }

#hyellow {
 font-size: 0.8em;
 height: 26px;
 background-color: #ffc824;
 border-top: 1px solid #ffd966;
 border-bottom: 1px solid #8f8e89;
 padding: 14px 0 0 45px;
 background-image: url(img/hyellow.png);
}

#hyellow input, #hyellow input.button {
 font-size: 1.0em;
 border: 1px solid #FFEBAE;
 background-color: #ffd966;
 color: #C19200;
 padding: 2px;
}


#hgreen a {   color: #F1FCD1; text-decoration: underline; }
#hgreen a:hover {   color: #FFEFBF; text-decoration: none; }
#hgreen input, #hgreen input.button { letter-spacing: 0.1em; padding: 1px; padding-left: 3px; font-size: 0.9em; background-color: #8FBF00; border: 1px dashed #B0DB31; color: #F3FCDA;}
#hgreen input.button { padding: 1px 4px 2px 4px; background-color: #8FBF00; border: 1px solid #B0DB31;}


#hgreen {
 color: #F1FCD1;
 font-size: 0.85em;
 height: 26px;
 background-color: #9ccb12;
 border-top: 1px solid #b9d85d;
 border-bottom: 1px solid #8f8e89;
 padding: 14px 0 0 15px;
 background-image: url(img/hgreen.png);
 text-align: right;
}

#nav {
 margin-left: 85px;
 font-size: 0.85em;
 height: 14px;
}

#nav a:link, #nav a:visited {
  color: #333333;
  text-decoration: none;
}

#nav a:hover, #nav a:active {
  color: #333333;
  text-decoration: none;
  background-color: #DDDDDD;
}

#menu a, #menu a:link, #menu a:visited  {color: #333333; text-decoration: none; font-size: 1.1em; border-left: 3px solid #fbfaf8;padding-left: 6px;}
#menu a:hover, #menu a:active  {color: #222222; text-decoration: none; font-size: 1.1em; border-left: 3px solid #F4B800; border-bottom: 1px dotted #FFD966;padding-left: 6px;}
#menu.px8 {
  font-size: 10px; padding-left: 0;
}

.na div { float: left; padding:  .75em 7px .2em; clear: both; color: #3366CC; font-size: .85em}
.na2 div { float: left; padding:  .75em 7px .2em; clear: both; color: #3366CC; font-size: .85em}

.na a {
	display: block;
	padding: .5em 10px .5em 3.3em;
	color: #283344;
	border-bottom: 1px solid #DADCDF;
	text-decoration: none;
    text-align: left;
}

.na2 {
	display: block;
	padding: .5em 10px .5em 0.1em;
	color: #283344;
	border-bottom: 1px solid #DADCDF;
	text-decoration: none;
    text-align: left;
}
.last a {
	padding: .5em 10px .5em 3.3em;
	margin-bottom: 1.5em;
	border-bottom: 2px solid #DADCDF;
}
.na a:hover {color: #333333; text-decoration: underline;}

#articlesmain, #soffersmain {
display:none;
}

.news_show
{
overflow: auto;
}
.news_border
{
margin-top: 5px;
height:60px;
overflow: auto;
border-top: 1px dashed #DDD;
padding-left: 10px;
}

.news_show img{
margin-left: 5px;
margin-right: 5px;
}
.buttondiv
{
padding-left: 5px;
}
.art_titles
{
padding-left: 5px;
}

.offers_show
{
position:absolute;/*important*/
clip:rect(0px, 264px, 180px, 0px);/*important*/
}

.mytable
{
width:264px; /*important-- this control how many px to left or right*/
vertical-align: top;
}

.offers_border
{
width:264px;
height:180px;
padding: 0px;
margin: 0px;
}


.offers_mark
{
width:264px;
height:35px;
text-align:center;
}

.offers_move
{
position: relative; /*important*/
}

.offers_show img
{
margin-right: 5px;
}
.tpdiv { display: none; }







table.tblblue, table.tblgray, table.block, table.gray {
  width: 100%;
  border: 0px;
}

table.tblblue th {
  color: #ffffff;
  background-color: #00a7bf;
  border-top: 3px solid #006473;
  height: 30px;
}

table.tblgray th {
  color: #ffffff;
  font-size: 1.1em;
  background-color: #787878;
  height: 30px;
}

table.tblblue td, table.tblgray td {
  font-size: 1em;
  background-color: #fbfaf8;
  padding: 20px;
}

#content {
  font-size: 1em;
  background-color: #ffffff;
  border-left: 3px solid #e4e4e2;
  padding: 8px 8px 8px 8px;
}

table.gray {
  padding: 0 4px 10px 0;
}

table.gray th {
  text-align: left;
  padding-left: 10px;
  text-transform: uppercase;
  color: #000000;
  font-size: 0.85em;
  background-color: #ededed;
  height: 18px;
}

table.gray td {  font-size: 0.9em;  padding: 8px; text-align: justify;}

form {  padding: 0px;  margin: 0px;}

.or {
 border: 1px dashed #F5DE8C;
 margin: 8px;
 padding: 4px;
 font-size: 0.85em;
 color: #D48500;
 background-color: #FFFEFA;
}

.or a, .or a:link, .or a:hover, .or a:active {
 color: #915A00;
}


table.orange { width: 100%; border: 1px solid #F5DE8C;  margin-bottom: 15px;}
table.orange th {
  text-align: left;
  padding-left: 10px;
  color: #D48500;
  font-size: 0.85em;
  background-color: #F5DE8C;
  height: 22px;
}

table.orange td a, table.orange td a:link, table.orange td a:visited  {  color: #B38C0A; text-decoration: underline; }
table.orange td a:hover, table.orange td a:active {  color: #907109; text-decoration: none; }
table.orange td {
  color: #B38C0A;
  font-size: 0.8em;
  background-color: #FFFEFA;
  padding: 6px;
  margin-right: 10px;
  text-align: left;
}

table.olive { width: 100%; border: 1px solid #90bb7d;  margin-bottom: 15px;}
table.olive th {
  text-align: left;
  padding-left: 10px;
  color: #ffffff;
  font-size: 0.85em;
  background-color: #90bb7d;
  height: 22px;
}

table.olive td a, table.olive td a:link, table.olive td a:visited  {  color: #597b4a; text-decoration: underline; }
table.olive td a:hover, table.olive td a:active {  color: #3A5131; text-decoration: none; }
table.olive td {
  color: #597b4a;
  font-size: 0.8em;
  background-color: #f0f8ed;
  padding: 6px;
  margin-right: 10px;
  text-align: left;
}

table.heaven { width: 100%; border: 1px solid #7391B9;  margin-bottom: 15px;}
table.heaven th {
  text-align: left;
  padding-left: 10px;
  color: #fff;
  font-size: 0.85em;
  background-color: #7391B9;
  height: 22px;
}

table.heaven td a, table.heaven td a:link, table.heaven td a:visited  {  color: #1E2428; text-decoration: underline; }
table.heaven td a:hover, table.heaven td a:active {  color: #303A40; text-decoration: none; }
table.heaven td {
  color: #303A40;
  font-size: 0.8em;
  background-color: #ECEEF0;
  padding: 5px;
  margin-right: 10px;
  text-align: left;
}

table.brown {
  width: 100%;
  border: 1px solid #c4bf75;
  margin-bottom: 15px;
}

table.brown th {
  text-align: left;
  padding-left: 10px;
  color: #ffffff;
  font-size: 0.85em;
  background-color: #c4bf75;
  height: 22px;
}
table.brown td a, table.brown td a:link, table.brown td a:visited  {  color: #7e7c5d; text-decoration: underline; }
table.brown td a:hover, table.brown td a:active {  color: #504F3A; text-decoration: none; }
table.brown td {
  color: #7e7c5d;
  font-size: 0.8em;
  background-color: #f7f7e6;
  padding: 6px;
  margin-right: 10px;
  text-align: justify;
}

div.pektop {
  display: block;
  border: 1px solid #00009F;
  background-color: #fff;
  width:232px;
  height: 102px;
  font-size: 18px;
  vertical-align: middle;
  padding-top: 0px;

}

div.pektop a, div.pektop a:link, div.pektop a:visited {color: #4F4FFF; text-decoration: none;}
div.pektop a:hover, div.pektop a:active {color: #FF4646; text-decoration: none;}

input, button, input.button, textarea, input.phone, input#email, input#icq, input#skype, input#price {
  font-size: 1em;
  background-color: #F5F5F5;
  color: #000000;
  padding: 2px;
  border: 1px solid #999999;
  font-family: Tahoma, Calibri;
}
input.phone {  background: url(/img/icons/phone.gif) left no-repeat; }
input#email {  background: url(/img/icons/email.png) left no-repeat; }
input#icq {   background: url(/img/icons/icq.png) left no-repeat; }
input#skype {  background: url(/img/icons/skype.png) left no-repeat; }
input#price, input.price  {  background: url(/img/icons/price.gif) left no-repeat; }
input.phone, input#email, input#icq, input#skype, input#price, input.price {padding-left: 17px; background-color: #F5F5F5;}

input.bsrch {
  font-size: 0.9em;
  background-color: #EEEEEE;
  color: #000000;
  padding: 2px;
  border: 0;
  border-bottom: 1px dashed #999999;
  font-family: Tahoma, Calibri;
}

.hl {
color: black;
background-color: yellow;
font-family: Tahoma, Calibri;
}

select {
  font-size: 1em;
  color: #234234;
  border: 1px solid #999999;
  background-color: #F5F5F5;
}

input.error, option.error, textarea.error {
    border: 2px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: red;
}

div.error, ul.error, .red, a.red:link {
	color: red;
}

div.error a {
	color: #336699;
	font-size: 12px;
	text-decoration: underline
}

label.error {
	display: inline;
	color: red;
	font-size: 0.8em;
	font-weight: normal;
    margin: 3px;
    padding: 1px;
    width: auto;
    height: auto;
    float: none;
    clear: both;
    position: relative;
    background-color: #FFF4F4;
    border: 1px dotted #999;
    z-index: 1000;

}

input.button, button {
  font-size: 1.1em;
  font-weight: bold;
  background-color: #E3E3E3;
  border: 2px solid #333333;
  border-top: 1px solid #333333; border-bottom: 1px solid #333333;
  padding: 4px;
}

textarea.expanding {
	line-height: 14px;
	min-height: 70px;
    width: 319px;
	height: 84px;
}

#b1, #b2, #b3 {
  padding: 7px;
}

span.error {
  color: red;
  font-size: 0.8em;
}

.ok {
  color: #3366FF;
  padding: 5px;
  background-color: #EAF2FF;
  border: 1px dotted #0000FF;
  font-size: 1.2em;
  font-weight: bold;
}

.ok2 {
	margin: 5px 10px 0 10px;
	font-family: "Garamond";
	background-color: #F0FFF0;
	padding: 5px;
	border: 2px solid #0F9E0D;
	color: #0C4F0A;
	font-size: 11pt;
}

h2 {
	padding-left: 10px;
	margin: 0px 20px 10px 20px;
	font: normal 1.9em georgia, serif;
	color: #444444;
	border-bottom: 2px solid #DADCDF;
}

h3 {
	padding-left: 10px;
	margin: 0px 20px 10px 20px;
	font: normal 1.4em georgia, serif;
	color: #444444;
}

h4#articles {
	padding-left: 10px;
	margin: 0px 10px 10px 10px;
	font: normal 1.5em georgia, serif;
	color: #800000;
}

h4#articles {
	padding-left: 10px;
	margin: 0px 10px 10px 10px;
	font: normal 1.5em georgia, serif;
	color: #800000;
}

h4#offer {
	margin: 0px;
    padding: 2px;
	font: normal 1.1em georgia, serif;
	color: #000077;
}

.h2 {
font-family: Tahoma, Calibri;
  font-size: 1.8em;
  color: #333333;
  border-bottom: 1px dotted #666666;
  padding-left: 20px;
}

.h3 {
font-family: Tahoma, Calibri;
  font-size: 1.4em;
  color: #444444;
  padding-top: 20px;
}

#soffers {
  width: 100%;
  padding: 0px;
  margin: 0px;
  font-size: 0.9em;
}


#soffers img {
padding-right: 5px;
}


.shide, div.shide {
	display: none;
}

.sshow {
	display: block;
}

div.delim {
  width: 80%;
  border-bottom: 2px dashed #cccccc;
  height: 10px;
  margin-bottom: 10px;
}

span.leg {
  font-size: 0.8em;
  font-style: italic;
}

#boarditem td {
  padding: 10px;
}

#boarditemtext th {
  height: 30px;
  font-size: 1.1em;
  text-align: left;
  background-color: #EEF8D1;
  padding-left: 10px;
}
#boarditemtext td {
  font-size: 1em;
  text-align: justify;
  background-color: #FCFCFC;
  padding: 7px;
  border: 7px solid #EEF8D1;
  border-top: none;
}

#boarddate, #board_cats, #boardcity {
  height: 20px;
  padding: 1px 8px 1px 8px;
  font-size: 1em;
  border: 3px solid #FFE9A6;
  border-bottom:none;
}

#boarddate a, #boarddate a:link, #boarddate a:visited, #boarddate a:active, #boarddate a:hover, #board_cats a, #board_cats a:link, #board_cats a:visited, #board_cats a:active, #board_cats a:hover {
 color: #000000;
 text-decoration: none;
}

#boarditemcont table {
  margin-left: 10px;
}

#boarditemcont th {
  font-family: georgia;
  color: #eee;
  height: 20px;
  font-size: 0.9em;
  text-align: left;
  background-color: #992A2A;
  padding-left: 10px;
  font-weight: bold;
}


#boarditemcont td {
  font-family: georgia;
  color: #992A2A;
  font-size: 0.85em;
  border: 1px solid #992A2A;
  padding: 4px;
  background-color: #F2DDDD;
}

span.rub {
 position: relative;
 right: 20px;
 background-color: #F5F5F5;
 border: 1px solid #EEEEEE;
 padding: 1px 5px 1px 5px;
 font-size: 0.85em;
 margin-left: 12px;
}

#boarditemsmall span.rub a, #boarditemsmall span.rub a:link, #boarditemsmall span.rub a:hover, #boarditemsmall span.rub a:active, #boarditemsmall span.rub a:visited {
 text-decoration: none;
 color: #333333;
 font-weight: normal;
}

#boarditemsmall th {
  font-size: 1em;
  background-color: #EEEEEE;
  text-align: left;
  height: 18px;
  padding: 3px;
}

.vip {
  border: 2px dashed #FF9595;
}

#boarditemsmall a:link, #boarditemsmall a:visited {
 text-decoration: none;
 color: #0000FF;
 font-weight: bold;
}

#boarditemsmall a:hover, #boarditemsmall a:active {
 text-decoration: underline;
 color: #0066FF;
 font-weight: bold;
}

#boarditemsmall td {
  font-size: 0.9em;
  border: 1px solid #EEEEEE;
  text-align: left;
  padding: 3px;
}

#cats {
  border: 1px solid #CCCCCC;
  background-color: #F5F5F5;
  padding: 10px 10px 0 30px;
  margin:0;
}

.newsdate {
  border-bottom: 1px solid #FFCC33;
  margin: 5px 5px 3px 5px;
  font-size: 0.9em;
  font-weight: bold;
}

div#article p, div#article li {
 font-size: 1em;
 text-align: justify;
 text-indent:20pt;
 margin: 4px 0px;
}

div#article div.copyright {
 text-align: right;
 font-weight: bold;
 font-style: italic;
 padding: 10px;
 padding-right: 100px;
}

#footer table th {
  color: #666666;
  font-size: 0.8em;
  margin-left: 20px;
  font-weight: normal;
  text-align: left;
}

#footer table td {
  border-left: 3px solid #efede5;
  background-color: #9c998e;
  color: #ffffff;
  height: 40px;
  font-size: 0.85em;
  padding: 2px 15px 2px 15px;
}
#footer a, #footer a:link, #footer a:visited {
  text-decoration: underline;
  color: #ffffff;
}

#footer a:hover, #footer a:active {
  text-decoration: none;
  color: #ffffff;
}

#scity, #scity.sshoww {font-size: 0.9em;background-color: #fff; padding: 4px;margin-top: 1px; display:block;position:absolute; border: 1px solid #BBBBBB;}
#scity a:hover {  background-color: #0000CC; color: #fff; text-decoration: underline;}
#scity a:link {  text-decoration: none;}

#scity.shide {
  display:none;
}

.body_botcrvlft  {
	position: relative;
	float: left;
	width: 5px;
	height: 5px;
	background: url(/img/body-botcurvlft.gif) bottom left no-repeat;
	}

.quote {
    font-size: 9px;
	color: #757575;
	background-color: #f9f9f9;
	border: 1px dotted #bebebe;
	text-align: left;
	padding: 5px;
    text-indent: 0px;
}
.quote input {
    font-size: 9px;
    color: #555555;
    line-height: 0.5;
    top:0;
    border: 1px solid #dddddd;
    background-color: #fdfdfd;
}

.quote a, .quote a:link, .quote a:active, .quote a:visited, .quote a:hover {
    text-decoration: none;
    color: #555555;
}

div#article {
  font-size: 1em;
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
  text-indent: 20pt;
  line-height: 1.4;
}

div#article li {
 font-size: 1em;
 text-align: justify;
 text-indent: 20pt;
}

div#article img {
  margin: 5px;
}

div.brief {
 font-size: 1.4em;
 color: #666666;
 padding: 15px;
 margin-left: 15px;
 text-align: left;
 font-family: georgia;
}

div#article span.source {
 font-style: italic;
 padding: 5px;
}

.edit {
  background-color: #F2F2FF;
  color: #000;
  border: 1px dotted #8080FF;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.delete, a.delete, a:link.delete {
  text-decoration: none;
  padding: 1px;
  background-color: red;
  color: white;
}

.deleteback {
  text-decoration: none;
  padding: 1px;
  background-color: #FFD9D9;
  color: red;
}

.editnote_old {
 margin: 10px;
 padding: 5px;
 font-size: 0.9em;
 color: red;
 border: 1px solid red;
 background-color: #FFD9D9;
}

.editnote {
 padding: 5px;
 font-size: 0.85em;
 font-family: georgia;
 color: #992A2A;
 border: 1px solid #992A2A;
 background-color: #F2DDDD;
 margin: 10px;
}

.editnote input, .editnote button, input.enote {
 font-size: 0.9em;
 border: 1px dotted #DEA9A9;
 background-color: #F7EAEA;
}

.editnote a, .editnote a:link {
 color: #992A2A;
}

.editnote a.delete, .editnote a:link.delete {
 background-color: #992A2A;
 color: #F2DDDD;
}

.editnote a:hover.delete {
 background-color: #C73636;
 color: #F9EEEE;
}

.editnote .nob {
  border: 0;
}

.bprice {
	background-color: #98B347;
	color: #ffffff;
	padding: 2px;
	font-weight: bold;
}

/** Овальная кнопка **/

#addoval a, #addoval a:link, #addovaltext a:visited {  border-bottom: 1px dotted #dddddd;  text-decoration: none;  color: #ffffff; }
#addoval a:hover, #addovaltext a:active {   border-bottom: 1px dotted #ffffff;    text-decoration: none;   color: #ffffff; }
#addoval {
	width: 245px;
	height: 34px;
	background-color: #96c703;
    line-height: 34px;
    font-size: 1.4em;
    color: #ffffff;
    text-align: center;
}

.addovalleft {   float: left; width: 14px;  	height: 34px; 	background: url(/img/style/grovalleft.png) no-repeat;   }
.addovalright {	float: right;  width: 14px;  	height: 34px;  	background: url(/img/style/grovalright.png) no-repeat; }
/**  **/

select.editable, input.editable {
    width: 15em;
}
option.activateEdit {
    font-style : italic;
    color : red;
}

select.towns, select.towns option {
  font-size: 1.0em;
  border: none;
  background: #FFFFFF;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #BEAD61;
    color: #333333;
	background-color: #F9F6E7;
	padding: 3px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
}


.listing  a{
  padding:1px 6px;
  font-weight: bold;
  background:#f7f7f7;
  border:1px solid #c7c7c7;
  color:#000;
  text-decoration:none;
  margin:0 2px;
}
.listing  a:hover{
  background:#ccc;
  border:1px solid #666;
}
.listing b {
  padding:1px 6px;
  font-weight: bold;
  background:#888;
  border:1px solid #666;
  color:#fff;
  text-decoration:none;
  margin:0 2px;
}

fieldset.object {
  border:1px dotted #999;
  padding: 0 10px;
  background-color: #FCFCFC;
  position: relative;
}

.nophoto {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  width: 150px;
  height: 113px;
  display: block;
  border: 1px solid #999;
  color: #aaa;
  padding-top: 18px;
  vertical-align: middle;
}


legend.newh {
  background-color: #FFFFEA;
  padding: 0.2em 0.5em;
  border:1px solid #666;
  color: #666;
  font-size: 1.1em;
}

fieldset.object div.title, fieldset.object span.title {
margin-top: 10px;
border-bottom: 1px solid #DADCDF;
text-align: left;

font-weight: bold;
}

/* Сложные формы без таблиц http://flack.ru/lab/forms/ */
div.fields fieldset {
    width:100%;
    overflow:hidden;
    border:0 solid transparent;
    margin: 0;
    padding: 0;
}

div.fields fieldset div {float:left;display:inline}
div.fields .two-columns div {width:50%}
div.fields .three-columns div {width:33%}
div.fields .four-columns div {width:25%}

div.fields .four-columns .one-empty-left {margin-left:25%}
div.fields .four-columns .one-empty-right {margin-right:25%}
div.fields .four-columns .two-empty-left {margin-left:50%}
div.fields .two-columns .one-empty-left {margin-left:50%}

div.fields fieldset dl dt,
div.fields fieldset dl dd {
    padding: 3px 2px 2px 5px;
}
div.fields fieldset dl dt {clear:left;}
div.fields fieldset dl label {
    float: left;
    margin: 2px 0;
    width: 200px;
    margin-right:1em;
    font-weight:bold;
    background-color: #f5f5f5;
    border-right: 4px solid #ddd;
    padding: 2px 2px 2px 7px;
}
div.fields fieldset dl label.small {width:25%;}
div.fields fieldset dl input,
div.fields fieldset dl select {
    width:50%;
}
/* Сложные формы без таблиц */

/* Подсказки */
.help {
    width:50%;
    display: block;
    font-size: 0.8em;
    color: #666;
    background: #F9F6E7;
    border-top: 2px solid #BEAD61;
    text-align: left;
    padding: 3px;
    margin-top:2px;
    float: none;
    clear: both;
}

.help a, .help a:link {
	color: #333;
}

.sort {
  border: 1px dashed #FFFF99;
  background-color: #FFFFEA;
  margin: 5px 0 5px 0;
  padding: 4px;
}

#msg, #dld {
 color: #000;
 padding: 8px 11px;
 font-size: 11px;
 margin: 8px;
 text-align: left;
 background-color: #F4EBBD;
 border: 1px solid #D7CF9E
}

div.utitle {
  width: 400px;
  font-size: 1.2em;
  background-color: #eee;
  color: #444444;
  font-weight: bold;
  padding: 6px;
  border: 1px solid #aaa;
  cursor: pointer;
  }

div.uitems {
  width: 400px;
  padding: 6px;
  border: 1px solid #aaa;
  border-top: none;
  background-color: #fafafa;
}

div.ujoin {
 border-left:1px dotted #aaa;
 border-right:1px dotted #aaa;
 margin-left:30px;
 width: 350px;
 height: 15px;
}

.message, #message {
	 border: 1px solid #4C96D4;
	 background-color: #E7F1F9;
	 padding: 7px 10px;
	 color: #000;
	 font-size: 11px; font-weight:bold;
}

fieldset legend.add {
  background-color: #FFFFEA;
  padding: 0.2em 0.5em;
  border:1px solid #666;
  color: #666;
  font-size: 1.2em;
}

div.cb {
	float:left;
	margin: 1px 2px;
	width:150px;
}

.oran {
	border:  1px solid #FF9900;
	background-color: #FFEAC0;
	color: black;
	font-size: 1.1em;
	padding: 10px;
}
.oran a:link, .oran a:visited  {color: black; text-decoration:underline;}
.oran a:hover {color: black; text-decoration:none;}

.black {
	color: #000;
	border: 2px solid #000;
	background-color: #ddd;
	padding: 5px;
	font-family: georgia;
	font-size: 0.8em;
	text-align: left;
}
.g {color: green;}
.r {color: red;}
.s {text-decoration: line-through;}

.op50 {
	filter: alpha(opacity=50);
	opacity: 0.5;
}