.la_order_service form {
  display: inline-block;
}

.la_progress_indicator {
  padding: 0px;
}

.la_subsections_see_also
{
  font-size: larger;
  /*font-weight: bolder;
  margin-top: 30px;*/
}

.la_show_images_and_select_dialog .la_item
{
  padding: 3px;
  cursor:  pointer;
}


img.la_menu_tooltip_image {
  border: 0px;
  float: left; 
  padding: 3px;
}

.la_gallery > div {
  display: inline-block;
}

img.small_gallery
{
  border: 1px solid #CCCCCC;
  padding: 4px;
  background:white none repeat scroll 0%;
  max-width: 97%;
  /* max-width как понимаю говорит картинкам не вылазить за содержимое окна
  97% потому что бордюр еще увеличивает изображение
  ++ актуально только для больших галерей ++
  возможно стоит переделать в зависимости от la_gallery_size_medium */
}

.la_announce_link img.small_gallery {
  padding: 2px;
}

.highslide img.small_gallery {
  border: 1px solid #CCCCCC;
}

.highslide:hover img.small_gallery {
  border: 1px solid #CCCCCC;
}

/* подсветка не-увеличиваемых картинок из small_gallery, например при element_announce */
a:hover img.small_gallery {
  border: 1px solid #CCCCCC;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

.fieldWithErrors {
    border: 1px solid red;
}

.editor, .art-post li .editor a:link,
span.editor a, h2 a.editor, .copyright a.editor,
.art-post h2.art-postheader .editor a, .art-page-footer a.editor
{
	color: #00aa00;
    text-decoration: none;
}

.editor {
 border-bottom: 1px dashed #ff9c4a;
}

.supereditor {
	border-bottom: 2px dashed #ff9c4a;
	color: #00aa00; 
	}

/* #ff9c4a */

.editor a:link {color: #00aa00 important!;	text-decoration: none; }
.editor a:visited {color: #00aa00;	text-decoration: none;}
.editor a:hover {color: #555566;text-decoration: none;}

a.editor {color: #00aa00; text-decoration: none; }

.supereditor a:link {color: #00aa00;	text-decoration: none;}
.supereditor a:visited {color: #00aa00;	text-decoration: none;}
.supereditor a:hover {color: #555566;text-decoration: none;}

.elementmenu a:link, .art-post h2.art-postheader .elementmenu a, .art-post h2.art-postheader .elementmenu a,
h2 a.elementmenu, h1 a.elementmenu {
font-weight:normal !important;
font-size:medium !important;
color: #00aa00; 
}

art-postcontent h1 .elementmenu a, .art-postcontent h1 .elementmenu a:link,
.art-postcontent h1 .elementmenu a:hover,
.art-postcontent h1 .elementmenu a:visited, .art-blockcontent .elementmenu h1 a,
.art-blockcontent h1 .elementmenu a:link, .art-blockcontent h1 .elementmenu a:hover, .art-blockcontent h1 .elementmenu a:visited
{
    font-size: 100%;
    font-weight: normal;
}


/* Fine buttons 
 * Usage: 
 * <a class="button" href="#" onclick="this.blur();"><span> Link Text </span></a>
 */


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 16px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    margin-bottom: 10px;
    text-decoration: none;
    
	color: #009900;     
}

.art-postcontent a.button {
    color: #009900;
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


.toolbarElement img {
    padding: 0px;
    border-style: none;
}

#main_content_place .toolbarElement img {
    padding: 0px;
    border-style: none;
}

/* Явное задание цвета границы таблиц в содержимом сайтов в main_content_place. 
В противном случае все зависит от user style sheet в браузере, и если там другое -
люди волнуются. */

#main_content_place table {
  border-color: gray;
}

#main_content_place table td {
  border-color: gray;
}

a.ebutton {
    background: transparent url('/images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display:  inline;
    float: right;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    margin-bottom: 10px;
    text-decoration: none;    
    color: #123412;
}

a.ebutton span {
    background: transparent url('/images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    color: black;
    text-decoration:none;
}

a.ebutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.ebutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

#shopping_cart {
  position: fixed;
  bottom: 30px;
  right: 20px;
  width: 400px;
  height: 70px;
  background-color: white;
  border:1px solid;
  border-color: #777777;
  z-index:10;
  padding: 5px;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  font-size: 13.12px; /* размер шрифта необходимо указывать явно, а то вдруг в дизайне по умолчанию он дикий*/
}

#shopping_order th {
  text-align: center;
}

/* отношения
   большой экран la_desktop
   экран планшета и экран мобилки la_tablet_mobile
   экран планшета la_tablet
   экран мобилки  la_mobile
*/
/* responsive things */
/* tablet landscape */
@media screen and (max-width: 1099px) {
    #shopping_cart {
        width: 200px;
        height: 20px;
        bottom: 10px;
        right: 10px;
    }
    #shopping_cart .la_column_2 {
        padding: 0px !important;
        text-align: center !important;
    }

    .la_desktop_screen {
        display: none !important;
    }
    .la_tablet_screen {
        display: inline !important;
    }
    .la_tablet_mobile_screen {
        display: inline !important;
    }
}
.la_tablet_screen { display: none; }
.la_tablet_mobile_screen { display: none; }

@media screen and (max-width: 480px) {
    .la_desktop_screen {
        display: none !important;
    }
    .la_tablet_screen {
        display: none !important;
    }
    .la_mobile_screen {
        display: inline !important;
    }
}
.la_mobile_screen { display: none; }

/* root element for tabs  */
ul.css-tabs {
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
}

/* single tab */
ul.css-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
    overflow: hidden;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;
	text-decoration:none;
	border:1px solid #666;
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}

/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;
	color:#000;
	cursor:default;
}

/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;
}

/* NEW TABS - LIVEPIPE */

div.css-pane {
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;
    color:#000;
}

/* selected tab */
ul.css-tabs a.active {
	background-color:#ddd;
	border-bottom:2px solid #ddd;
	color:#000;
	cursor:default;
}

div.css-pane form
{
    background-color: transparent;
    border: 0px;
    margin:0px;
}

div.css-pane form textarea
{
    width:99%;
}

div.shopping_order_area form
{
    margin:0px;
}
div.shopping_order_area td,div.shopping_order_area th
{
   border:0px;
}


#main_content_place label {
    display: inline;
}


td.sidebar ul {
  padding-left: 10px;
}

.errorExplanation li {
  color:red;
}

/* непонятно зачем это надо.. а в брайтсайде таблички плывут из-за этого
возможно на каком-то сайте когда-то это было некрасиво.. но пока уберем
#main_content_place td p {
margin: 0px;
}
*/

#shopping_cart, #shopping_cart td {
  color: black;
}

#shopping_cart a{
  color: blue;
}

#lineact_hint_area a{
  color: blue;
}

#lineact_hint_area {
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 270px;
  height: 18px;
  color: black;
  background-color: white;
  border:1px solid;
  border-color: #777777;
  z-index: 1000;
  padding: 5px;
  opacity: 0.7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#lineact_hint_area #xsign {
  float:right;
}

#design_hint_area a{
  color: green;
  font-weight: bolder;
}

#design_hint_area {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 270px;
  height: 18px;
  color: black;
  background-color: white;
  border:1px solid;
  border-color: #777777;
  z-index: 1000;
  padding: 5px;
  opacity: 0.7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


#elements_block_list {
  clear:both;
}

/*
.advanced a { 
	padding: 5px 0 5px 20px;
	background: transparent url(/backend/weblink.png ) no-repeat center left;
}
*/

/* fix artisteer stuff as of 2.4 */
.art-article img, img.art-article 
{ 
margin: 0px;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.element_footer {
padding-top:5px;
}

.footer_counters img {
  border:0px solid #568EB6;
}

table.noborders, table.noborders td, #main_content_place table.noborders, #main_content_place table.noborders td {
border:0px;
}

.lactform .formdesc {
    text-align:right;
    width:160px;
    padding-right:15px;
}

.lactform td {
padding-bottom:15px;
}

.lactform .formhint {
    color: gray;
    font-size:smaller;
}

.payment_style {
    width: 80px;
    text-align: center;
    font-size: 12pt;
/*    display: inline;*/
    padding: 10px;
}

.payment_style img {
    border: 0px;
}

.payment_style a {
    color:black;
    text-decoration: none;
}

.payment_style2 {
  width:550px;
  text-align:left;
  font-size: 12pt;
}

.payment_style2 img {
    float:left;
    padding-right:8px;
}

.payment_style2 table {
    align:left;
}

.addthis_toolbox {
padding-left: 5px;
}

#contact_developers_form textarea
{
  background:antiqueWhite;
  color:black; /*#a24300;*/ /*#2D006B;*/
  margin-right: 3px;
}

div.printer_print
{
  float:right;
  display:inline;
  font-size:10px;
  z-index: 5;
    position: relative;
  margin: -2px 9px 0px 7px;
}

div.printer_print img, div.printer_print span
{
    vertical-align:middle;
    border: 0px;
    padding-right: 5px;
}

.highslide-image {
    cursor: pointer;
}

/* *************************** */
.footer_links_area {
  text-align:center;
  font-size:small;
}

div.distructive_corner_action
{
    float:right;
}

div.distructive_corner_action a {
    /*color:#b80a0d;*/
    border-bottom: 1px dashed #ff9c4a;
}

/* облако меток выноска */
.la_label_cloud {
    padding: 5px;
    text-align: center;
}
.la_label_cloud ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.la_label_cloud ul li {
    display: inline;
    background-image: none;
    padding: 0.5em;
    line-height: 150%
}

/* табличка с обзором раздела mainpage_sitemap_table, используется много где */
.la_mainpage_sitemap_table {
  border: 0px;
}
.la_mainpage_sitemap_table td
{
  border: 0px;
}

.la_mainpage_sitemap_table td.a_image_td {
  vertical-align: middle;
  padding-bottom: 5px;
  text-align: center;
}

.la_mainpage_sitemap_table td.a_info_td {
  vertical-align: top;
  padding: 0px 0px 10px 5px;
}

.la_mainpage_sitemap_table td.a_goto_td {
  vertical-align: top;
  padding: 5px 0px 0px 10px;
}
.la_mainpage_sitemap_table .a_section_title {
  font-size:130%;
}

/*img.la_mainpage_sitemap_table_section_image */
.la_mainpage_sitemap_table td.a_image_td img {
  border: 0px;
}

img.la_mainpage_sitemap_gallery_section_image {
  border:1px solid #CCCCCC;
  background: white none repeat scroll 0%;
}



/* this will stop expanding of widgets even if they have long words inside. See email from harmonynataly.ru of 01.03.2013 
#left_widgets { word-break: break-all; word-wrap: break-word; }
#right_widgets { word-break: break-all; word-wrap: break-word; }
*/

/* Надпись и ссылка The LineAct Platform*/
#la_world_vendor_sign {
  float:right;
  font-size:7pt;
  padding:4px;
}
/* http://www.emailonacid.com/blog/details/C13/emailology_media_queries_demystified_min-width_and_max-width
   http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
   1099px - artisteer switch to responsive
  */

/* tablet landscape */
@media screen and (max-width: 1099px) {
  /* Прячем левую колонку выносок. Ибо в responsive-дизайне мудрый Артистир выкладывает выноски вверху страницы,
     что совершенно ни к чему*/
  .responsive #art-main #left_widgets {
    display: none;
  }
}

/* mobile and tablet portrait */

@media screen and (max-width: 768px) {
    /* Скрываем надпись про платформу ЛайнАкт. Ибо на телефонах она в глаза прям лезет. */
    #la_world_vendor_sign {
      display: none;
    }
}

.la_locked_section_symbol, .la_lock_title {
   display: inline !important;
}

.la_contact_developers {
  text-align: center;
}

.la_contact_developers_link {
   margin: 8px 0px;
}

/* qna-styles */
.la_asker_name, .la_answerer_name { float:right;font-style:italic;padding-right:17px; }
.la_answer_title { font-weight: bold; }

/* element-footer-styles */
.element_footer > .la_f_block::before { content: "| "; font-size: xx-small;}
.element_footer > .la_f_block:first-child::before { content: "" }
.la_element_footer_menu::before { content: "**" }
/* ie 8 */
.element_footer > .la_f_block:before { content: "| "; font-size: xx-small;}
.element_footer > .la_f_block:first-child:before { content: "" }
.la_element_footer_menu:before { content: "**" }

/* content images */
.la_element_image_upleft {
  float: left; 
  margin-right: 15px; 
  padding-top: 10px;
}

.la_contacts_info {
  text-align: center;
}

.la_render_site_contacts {
  border: 1px solid grey;
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;
  display: inline;
}

.la_render_site_contacts > .la_contacts_info {
  text-align: left;
}

.la_element_image_centered {
  text-align: center;
    overflow: hidden;
}

.la_good_price {
  font-size: 130%;
  font-weight: bold;
}