@charset "utf-8";

/********************************************************/
/* Сброс стандартных стилей для элементов HTML страницы */
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, textarea, input, select { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; 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; text-decoration: none; }
:focus { outline: 0; }

/********************/
/* Основные правила */
html, body { font-family: Arial; font-size: 14px; color: #000; min-width: 1032px; }
html { padding-bottom: 1px; /* force scrollbars */ }
body { 
	background-color: #fff; 
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/main_background.jpg);
	background-position: top center; 
	background-repeat: no-repeat;
	overflow: scroll;
}

/*********************************************/
/**************** Типографика ****************/

/* Заголовки */
h1,h2,h3,h4,h5,h6 { color: #444; font-weight: normal; line-height: 1; margin-bottom: 0.5em; }
h4,h5,h6 { font-weight: bold; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Текстовые элементы */
p { margin-bottom: 1em; }

a:focus,a:hover { color: #d2363e; }
a { color: #3e0b0b; text-decoration: underline; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin-bottom: 1.5em; }
blockquote { margin: 1.2em; line-height: 1.4em; }
blockquote span { font-size: 1.4em; color: #000; }
del { color:#666; }
em, dfn, blockquote, address { font-style: italic; }
strong, dfn { font-weight: bold; }
sup, sub { line-height: 0; }
cite { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em monospace; line-height: 1.5; }

/* Списки */
li ul, li ol { margin-left: 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: disc; margin: 15px 15px 15px 35px; }
ol { list-style-type: decimal; margin: 15px 15px 15px 35px; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

/* Таблицы */
table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; }
thead th { background: #C3D9FF; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #F2F6FA; }
tfoot { font-style: italic; }
caption { background: #EEE; }

table.data-table { border: 1px solid #EEE; margin-bottom: 2em; width: 100%; }
table.data-table th { background: #EEE; border: 1px solid #DDD; color: #555; text-align: left; }
table.data-table tr { border-bottom: 1px solid #EEE; }
table.data-table td, table th { padding: 8px 10px; }
table.data-table td { background: #F6F6F6; border: 1px solid #E6E6E6; }
table.data-table tr.even td { background: #FCFCFC; }

/* Misc classes */
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em; }
.smallest { font-size: 0.7em; }

.large { font-size: 1.1em; }
.larger { font-size: 1.2em; }
.largest { font-size: 1.3em; }

.hidden { display: none; }
.clear { clear: both; }

.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #FF0; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.error, .notice, .success { border: 1px solid #DDD; margin-bottom: 1em; padding: 0.6em 0.8em; }

.error { background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; }
.error a { color: #8A1F11; }
.error p { margin-bottom: 0; }

.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.notice a { color: #514721; }
.notice p { margin-bottom: 0; }

.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.success a { color: #264409; }
.success p { margin-bottom: 0; }

div.more { padding-top: 6px; }
.more a, a.more { color: #666; }
.more a:hover, a.more:hover { color: #002; }

/*********/
/* Формы */
label { font-weight: bold; cursor: pointer; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #DDD; background: #F6F6F6; }
legend { font-weight: bold; font-size: 1.2em; }
textarea { overflow: auto; }
input.text, textarea, select { background: #FCFCFC; border: 1px solid #AAA; margin: 0.5em 0; padding: 4px 5px; }
input.text:focus, textarea:focus, select:focus { background: #FFFFF5; }
input.button { background: #DDD; border: 1px outset #AAA; padding: 4px 5px; }
input.button:active { border-style: inset; }
.form-error { border-color: #F00; }

/***************************/
/* Расположение эелементов */

/* Основное */
.center,.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Изображения */
img.bordered,img.alignleft,img.alignright,img.aligncenter { background-color: #FFF; border: 1px solid #DDD; padding: 3px; }
img.alignleft, img.left { margin: 0 1.5em 1em 0; }
img.alignright, img.right { margin: 0 0 1em 1.5em; }

/* Floats */   
.left,.alignleft { float: left; }
.right,.alignright { float: right; }
.clear,.clearer { clear: both; }
.clearer { display: block; font-size: 0; line-height: 0; }

/* Колонки */
.col2 { width: 47%; }

/***********************************************/
/* ДОПОЛНИТЕЛЬНЫЕ СТИЛИ (бордюры, отступы...)  */

/* Бордюры */
.noborder { border: 0; }
.notborder { border-top: 0; }
.norborder { border-right: 0; }
.nobborder { border-bottom: 0; }
.nolborder { border-left: 0; }

/* Margin */
.nomargin { margin: 0; }
.notmargin { margin-top: 0; }
.normargin { margin-right: 0; }
.nobmargin { margin-bottom: 0; }
.nolmargin { margin-left: 0; }

/* Padding */
.nopadding { padding: 0; }
.notpadding { padding-top: 0; }
.norpadding { padding-right: 0; }
.nobpadding { padding-bottom: 0; }
.nolpadding { padding-left: 0; }

/* Single Line IE Fixes */
* html .separator-vertical, * html .content { height: 0.01%; min-height: 0.01%; }

/******************************************/
/******************************************/
/** Описание стилей для оберточных дивов **/
#wrap { position: relative; width: 100%; margin: 290px 0 0 0; padding: 0; }
#wrap-header { position: absolute; top: 0; left: 0; width: 100%; height: 270px; margin: 0; padding: 0 0 20px 0; }
#wrap-content { display: block; position: relative; width: 100%; margin: 0; padding: 0; }
#wrap-footer { 
	position: relative; 
	display: block; 
	width: 100%; 
	margin:0; 
	padding: 0; 
	background-color: #fff;
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/main_footer_background.jpg);
	background-position: top center; 
	background-repeat: repeat-x;	
}

#topInfoBlockWrap { position: relative; width: 100%; height: 50px; background-color: #c3c4c2; }
#topMenuBlockWrap { position: relative; width: 100%; height: 58px; background-color: #6abb3a; border-bottom: #edf0ea 1px solid; border-top: #edf0ea 1px solid; }
#topBannerBlockWrap { 
	position: relative; 
	width: 100%; 
	height: 440px; 
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/main_banner_background.png);
	background-position: top center; 
	background-repeat: no-repeat;	
}

/* Внутриблоковые обертки */
#topInfoBlock { position: relative; width: 1000px; height: 50px; display: block; margin: 0 auto; padding: 0 16px; background-color: #c3c4c2; }
#headerBlock { position: relative; width: 684px; height: 104px; display: block; margin: 0 auto; padding: 26px 16px 30px 332px; }
#topMenuBlock { position: relative; width: 1032px; height: 56px; display: block; margin: 0 auto; padding: 0 0 2px 0; text-align: center; background-color: #6abb3a; }
#topBannerBlock { position: relative; width: 1000px; height: 430px; display: block; margin: 0 auto; padding: 10px 16px 0 16px; }

.contentBlock { position: relative; width: 1000px; display: block; margin: 0 auto; padding: 30px 16px; }
.leftSidebar { position: relative; padding: 0; width: 730px; position: relative; }
.rightSidebar { position: relative; width: 240px; padding: 0 0 0 20px; margin: 0; }
#footerBlock { position: relative; width: 1000px; display: block; margin: 0 auto; padding: 50px 16px 20px 16px; color: #959595; font-size: 12px; }

/*****************************************/
/** ШАПКА И ВЕРХНИЙ ИНФОРМАЦИОННЫЙ БЛОК **/
/* ЛОГОТИП */
#headerBlock .mainLogo {
	display: block;
	position: absolute;
	width: 286px; 
	height: 103px; 
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/main_logo.png); 
	background-repeat: no-repeat;
	top: 30px;
	left: 16px;
	z-index: 3;
	text-decoration: none;
}

/* Контент в шапку */
#headerBlock .headerBlockContent { line-height: 22px; font-size: 14px; }
#headerBlock .headerBlockContent p { margin: 0; padding: 0; }
#headerBlock .findUsBtn {
	display: inline-block;
	width: 117px; 
	height: 33px;
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/header_find_us_btn.png); 
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 7px 0 0 0;
	color: #6abb3a;
	text-align: center;
	line-height: 1;
}
#headerBlock .findUsBtn:hover { color: #d2363e; }

/* Кнопка в шапке */
#headerBlock .headerDefButton {
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/header_button_background.png);
	background-position: top left; 
	display: inline-block; 
	width: 194px; 
	height: 33px; 
	margin: 0; 
	padding: 12px 0 0 0;	
	line-height: 1;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#headerBlock .headerDefButton:hover { background-position: bottom left; }

/* Кнопка победителей 2014 в шапке */
#headerBlock .headerWinnersButton {
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/header_winners_button_background.png);
	background-position: top left; 
	display: inline-block; 
	width: 111px; 
	height: 84px; 
	margin: 0; 
	text-decoration: none;
}
#headerBlock .headerWinnersButton:hover { background-position: bottom left; }

#headerBlock .headerWinnersButtonEng {
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/header_winners_button_background_eng.png);
	background-position: top left; 
	display: inline-block; 
	width: 111px; 
	height: 84px; 
	margin: 0; 
	text-decoration: none;
}
#headerBlock .headerWinnersButtonEng:hover { background-position: bottom left; }

/* Языковой переключатель */
#topInfoBlock .headerLanguageSwitcher {
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/language_switcher.png);
	background-position: top left; 
	display: inline-block; 
	width: 62px; 
	height: 32px; 
	margin: 0; 
	padding: 0;
}
#topInfoBlock .headerLanguageSwitcher:hover { background-position: bottom left; }
#topInfoBlock .headerLanguageSwitcherEnglish {
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/language_switcher.png);
	background-position: bottom left; 
	display: inline-block; 
	width: 62px; 
	height: 32px; 
	margin: 0; 
	padding: 0;
}
#topInfoBlock .headerLanguageSwitcherEnglish:hover { background-position: top left; }

/* Ссылки на социальные сети */
#topInfoBlock .headerYoutubeBtn  { background-image: url(../../images_sys/tpl_imgs/mfs2014_main/socialIcons/youtube_btn.png); }
#topInfoBlock .headerVkBtn { background-image: url(../../images_sys/tpl_imgs/mfs2014_main/socialIcons/vk_btn.png); }
#topInfoBlock .headerFacebookBtn { background-image: url(../../images_sys/tpl_imgs/mfs2014_main/socialIcons/facebook_btn.png); }
#topInfoBlock .headerTwitterBtn { background-image: url(../../images_sys/tpl_imgs/mfs2014_main/socialIcons/twitter_btn.png); }
#topInfoBlock .headerInstagramBtn { background-image: url(../../images_sys/tpl_imgs/mfs2014_main/socialIcons/instagram_btn.png); }
#topInfoBlock .headerRssBtn { background-image: url(../../images_sys/tpl_imgs/mfs2014_main/socialIcons/rss_btn.png); }
#topInfoBlock .headerSocialBtn { display: inline-block; width: 36px; height: 34px; background-position: top left; margin: 0 0 0 5px; padding: 0; }
#topInfoBlock .headerSocialBtn:hover { background-position: bottom left; }

/*******************/
/* Кнопка "НАВЕРХ" */
.scrollTop {
	display: block;
	position: absolute;
	top: -30px;
	left: -130px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	padding: 0 0 0 40px;
	margin: 1px 0 0 0;
	background-image: url(../../images_sys/tpl_imgs/legion/arrow_up_32_hover.png);
	background-repeat: no-repeat;
	background-position: left top;	
}  
.scrollTop:hover{ background-position: left bottom; color: #d3d3d3; }

/******************/
/** КОНТЕНТ-БЛОК **/
.contentBlock table,
.contentBlock th,
.contentBlock tr,
.contentBlock td,
.contentBlock p,
.contentBlock ul,
.contentBlock ol,
.contentBlock li,
.contentBlock h1,
.contentBlock h2,
.contentBlock h3,
.contentBlock h4,
.contentBlock h5,
.contentBlock h6 { color: #5a5e5b; }

/* Устанавливаем стиль для блоков с обычным текстом удобным для чтения */
.goodReadingText,
.goodReadingText p,
.goodReadingText li { line-height: 1.5; font-size: 14px; }
.contentBlock p { line-height: 1.5; font-size: 14px; }

/*************************************************************/
/* Стиль таблицы для страницы - Презентации Паркового форума */
.programPresentations { vertical-align: top; margin: 0 0 20px 0; }
.programPresentations td { vertical-align: top; border-bottom: 1px dotted #000; padding: 25px 7px; }
.programPresentations td p { margin: 0 !important; padding: 0; }
.programPresentations td a { display: block; border: 1px solid #c3c4c2; padding: 2px; width: 200px; height: 150px; overflow: hidden; }

/******************************************************/
/* Стиль таблицы спикеров для страницы Парковый форум */
.programDMembers { margin: 15px 0 40px 0; }
.programDMembers tr { background-image: url(../../images_sys/tpl_imgs/mfs2014_main/break_line_dots.png); background-repeat: repeat-x; background-position: left bottom; }
.programDMembers td { margin: 0; padding: 10px 7px; }

/***************************************************/
/* Стиль таблицы с программой для Паркового форума */
.programD { vertical-align: top; margin: 0 0 30px 0; }
.programD tr:first-child td { border-top: 1px solid #6abb3a; }
.programD td { border-bottom: 1px dotted #000; padding: 10px 7px; }
.programD td p { margin: 0 !important; padding: 0; }
.programD td a { font-weight: bold; }

.programDHeaderCaption { 
	display: block; 
	width: 80px; 
	height: 34px; 
	margin: 20px 0 10px 7px; 
	padding: 6px 0 0 0;
	text-align: center; 
	color: #fff;
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/pageProgramImgs/program_baloon.png); 
	background-repeat: no-repeat; 
	background-position: left bottom;
}

/************************************************/
/* Стиль таблицы с текущей программой фестиваля */
.programF { vertical-align: top; margin: 0; }
.programF td { border-top: 2px solid #fff; border-bottom: 1px solid transparent; padding: 10px 7px; background-color: #e3efde; }
.programF td p { margin: 0 !important; padding: 0; }
.programF td a { font-weight: bold; }
.programF tr:hover td { background-color: #f36e5e !important; color: #fff !important; }
.programF tr:hover td p { color: #fff !important; }
.programF tr:hover td a { color: #fff !important; }

.programFHeaderCaption { 
	display: block; 
	width: 80px; 
	height: 34px; 
	margin: 20px 0 10px 7px; 
	padding: 6px 0 0 0;
	text-align: center; 
	color: #fff;
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/pageProgramImgs/program_baloon.png); 
	background-repeat: no-repeat; 
	background-position: left bottom;
}

.programFLinkPDFWrap { display: block; position: absolute; top: -20px; right: 0;}
.programFLinkPDFWrap .programFLinkPDF { 
	display: block; 
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/pageProgramImgs/programPDFButton.png); 
	background-position: left top;
	background-repeat: no-repeat;
	width: 226px;
	height: 32px;
	line-height: 1;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	padding: 12px 0 0 0;
	margin: 0;
}
.programFLinkPDFWrap .programFLinkPDF:hover { background-position: left bottom; }

/**********************************************************/
/* Стиль таблицы с программой фестиваля на странице Архив */
.programArchive { vertical-align: top; margin: 0; }
.programArchive tr:first-child td { border-top: 1px dotted #000; }
.programArchive td { border-bottom: 1px dotted #000; padding: 10px 7px; }
.programArchive td p { margin: 0 !important; padding: 0; }
.programArchive td a { font-weight: bold; }

.programArchiveHeaderCaption { 
	display: block; 
	width: 80px; 
	height: 34px; 
	margin: 20px 0 10px 7px; 
	padding: 6px 0 0 0;
	text-align: center; 
	color: #fff;
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/pageProgramImgs/program_baloon.png); 
	background-repeat: no-repeat; 
	background-position: left bottom;
}

/******************************************************/
/* Стиль для страницы Номинаций Победителей Фестиваля */
.winnersHeadersLinks { display: block; position: relative; width: 730px; height: 210px; }
.winnersHeadersLinks .winnerHeaderCaption { position: absolute; top: 8px; left: 10px; font-size: 20px; color: #fff; }
.winnersHeaderBackLink { display: block; text-align: center; margin: 20px 0; }
.winnersHeaderBackLink a { font-size: 16px; color: #6abb3a; }
.winnersHeaderBackLink a:hover { color: #d2363e; }
.winnersContentBlock { display: block; margin: 20px 0; }

/***************************/
/* Стиль для страниц АРХИВ */
.pageArhivHeader { display: block; margin: 15px 0; }
.pageArhivHeader .pageArhivHeaderLeft { width: 550px; color: #6abb3a; font-size: 18px; }
.pageArhivHeader .pageArhivHeaderRight { width: 150px; text-align: right; }
.pageArhivHeader .pageArhivHeaderRight a {
	display: block;
	height: 17px;
	text-align: right;
	padding: 5px 40px 0 0;
	line-height: 1;
	color: #6abb3a;
	font-size: 14px;
/*	font-weight: bold; */
	text-decoration: none;
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/arhiv_button_arrows.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.pageArhivHeader .pageArhivHeaderRight a.pageArhivLinkClosed { background-position: top right; }
.pageArhivHeader .pageArhivHeaderRight a span { border-bottom: 1px dotted #6abb3a; padding: 0 0 3px 0; }

.pageArhivContentWrap { position: relative; display: block; overflow: hidden; }
.pageArhivContent { position: relative; display: block; margin: 15px 0; }

/******************/
/* БОКОВАЯ ПАНЕЛЬ */
/******************/
/* Видеослайдер */
.leftSidebarVideoHeader {
	display: block; 
	background-color: #3c393a;
	background-image: url(../../images_sys/tpl_imgs/mfs2014_main/left_sidebar_video_header.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 225px; 
	height: 35px; 
	margin: 20px 0 5px 0; 
	padding: 15px 0 0 15px; 
	color: #fff; 
	font-size: 1.4em;
}

/************/
/** ПОДВАЛ **/
#footerBlock a { color: #848484; }
#footerBlock a:hover { color: #6abb3a; }

/* Блок основных копирайтов в подвале */
#footerBlock .copyrights { font-family: Arial; margin: 10px 0 0 0; padding: 10px 0 0 0;  }
#footerBlock .copyrights p { margin: 0; padding: 0; }
#footerBlock .copyrights a { color: #848484; text-decoration: none; }
#footerBlock .copyrights a:hover { color: #6abb3a; text-decoration: underline; }

/**************************/
/* Стилизованные hr линии */
div.topBannerHrLine { height: 1px; background-color: #6abb3a; margin: 35px 0 0 0; padding: 0; }
div.topBannerHrLine hr { display: none; }
div.contentMenuHrLine { height: 1px; background-color: #6abb3a; margin: 0; padding: 0; }
div.contentMenuHrLine hr { display: none; }
div.defHrLine { height: 1px; background-color: #6abb3a; margin: 5px 0 20px 0; padding: 0; }
div.defHrLine hr { display: none; }
div.defHrLineGrey { height: 1px; background-color: #c3c4c2; margin: 5px 0 20px 0; padding: 0; }
div.defHrLineGrey hr { display: none; }

/***********************/
/** СТИЛИ ДЛЯ СТРАНИЦ **/
/***********************/


/*************************************/
/* Блок стилей лайков от share42.com */
/*************************************/
#share42 { position: relative; display: inline-block; padding: 5px 0 0 0; margin: 0; z-index: 10; }
#share42:hover { }
#share42 a { opacity: 0.5; margin: 0 0 0 5px !important; padding: 0;}
#share42:hover a { opacity: 0.7; }
#share42 a:hover { opacity: 1; }

/************************/
/* ДОПОЛНИТЕЛЬНЫЕ СТИЛИ */
/*********************************/
/* Стиль иконки AJAX-обработчика */  
#ajax_loader_icon { z-index: 1000; position: fixed; left: 3%; top: 3%; }

/********************************************************************/
/*** Стандартное диалоговое окно для сообщений от AJAX приложений ***/
/********************************************************************/
#dialogWinBlock { font-size: 12px; }
#dialogWinBlock .msg_show { margin: 15px auto; }
.dialog_content_center { text-align: center; }

/********************************************/
/*** Стиль панели вывода silent-сообщений ***/
/********************************************/
.toast-container { width: 420px; z-index: 9999; }
* html .toast-container { position: absolute; }
.toast-item {
	height: auto;
	background: #333;
    opacity: 0.8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: lucida Grande;
	font-size: 14px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
}
.toast-item p { text-align: left; margin: 0 0 0 50px; padding: 0; }
.toast-item-close {
    background:url(../../images_sys/sys_imgs/toastMessagePlugin/close.png);
    width:22px;
    height:22px;
    position: absolute;
    top: -7px;
    right: -7px;
	cursor: pointer;
}
.toast-item-image { width:32px; height: 32px; position: absolute; left: 10px; top: 12px; }
.toast-item-image-notice { background:url(../../images_sys/sys_imgs/toastMessagePlugin/notice.png); }
.toast-item-image-success { background:url(../../images_sys/sys_imgs/toastMessagePlugin/success.png); }
.toast-item-image-warning { background:url(../../images_sys/sys_imgs/toastMessagePlugin/warning.png); }
.toast-item-image-error { background:url(../../images_sys/sys_imgs/toastMessagePlugin/error.png); }

/* toast types */
.toast-type-notice { color: white; }
.toast-type-success { color: white;}
.toast-type-warning { color: white; border-color: #FCBD57; }
.toast-type-error { color: white; border-color: #B32B2B; }

/* positions */
.toast-position-top-left { position: fixed; left: 20px; top: 20px; }
.toast-position-top-center { position: fixed; top: 20px; left: 50%; margin-left: -140px; }
.toast-position-top-right { position: fixed; top: 20px; right: 20px; }
.toast-position-middle-left { position: fixed; left: 20px; top: 50%; margin-top: -40px; }
.toast-position-middle-center { position: fixed; left: 50%; margin-left: -140px; margin-top: -40px; top: 50%; }
.toast-position-middle-right { position: fixed; right: 20px; margin-left: -140px; margin-top: -40px; top: 50%; }

/************************************/
/*** Конец блока silent-сообщений ***/
/************************************/

/*************************************/
/* Стандартные стили элементов формы */
/*************************************/
.defaultButtonUIGrey { 
	display: inline-block;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	background-color: #A7A7A7;
	border: 1px solid #9B9B9B;	
	text-decoration: none;
	line-height: 1;
}
.defaultButtonUIGrey:hover { background-color: #B8B8B8; color: #fff; }
.defaultButtonUIGrey span { display: inline-block; margin-right: 10px; }

.defaultButtonUI { 
	display: inline-block;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	background-color: #d2363e;
	border: 1px solid #b62d34;
	text-decoration: none;
	line-height: 1;
}
.defaultButtonUI:hover { background-color: #e8464e; color: #fff; }
.defaultButtonUI span { display: inline-block; margin-right: 10px; }

/*****************************************************************************/
/* Стиль для AJAX модуля вывода сообщений о неверно введенных данных в форму */
.warn_color { border: 1px solid #990000 !important; }
.warn_message {	display: block; font-size: 10px; color: red; position: relative; }
.warn_message_base { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: red;  display: block; margin: 4px 0; }
.warn_message_indent { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: red;  display: block; margin: 0px 0 4px 200px; }

/*********************************************/
/* Стили сообщений для функции  ong_messages */
/*********************************************/
.defMessageInformBlockWrap { width: 727px; margin: 0; padding: 10px; border-bottom: 1px solid #ccc; }
.defMessageInformBlock { width: 100%; margin: 0 auto; position: relative; display: table-cell; vertical-align: middle; }
.defMessageInformBlock .messStyleIcon { display: inline-block; padding: 0; width: 48px; margin: 0 15px 0 0; vertical-align: middle; }
.defMessageInformBlockContent { display: inline-block; width: 500px; padding: 0; margin: 0 15px 0 0; vertical-align: middle; }
.defMessageInformBlockContent h3 { font-size: 20px; font-weight: bold; padding-bottom: 5px;  }
.defMessageInformBlockContent .message_text { text-align: left; }
.defMessageInformBlockButton { display: inline-block; vertical-align: middle; }

.defMessageRequestBlockWrap { width: 727px; margin: 0; padding: 10px; border-bottom: 1px solid #ccc; }
.defMessageRequestBlock { width: 100%; margin: 0 auto; position: relative; table-cell; vertical-align: middle; }
.defMessageRequestBlock .messStyleIcon { display: inline-block; padding: 0; width: 48px; margin: 0 15px 0 0; vertical-align: middle; }
.defMessageRequestBlockContent { display: inline-block; width: 500px; padding: 0; margin: 0 15px 0 0; vertical-align: middle; }
.defMessageRequestBlockContent h3 { font-size: 20px; font-weight: bold; padding-bottom: 5px;  }
.defMessageRequestBlockContent .message_text { text-align: left; }
.defMessageRequestBlockButton { display: inline-block; vertical-align: middle; }

.defMessageBlankBlockWrap { width: 727px; margin: 0; padding: 10px; }
.defMessageBlankBlock { width: 100%; margin: 0 auto; position: relative; display: table-cell; vertical-align: middle; }
.defMessageBlankBlock .messStyleIcon { display: inline-block; padding: 0; width: 48px; margin: 0 15px 0 0; vertical-align: middle; }
.defMessageBlankBlockContent { display: inline-block; width: 650px; padding: 0; vertical-align: middle; }
.defMessageBlankBlockContent .message_text { text-align: left; margin: 0; padding: 0; }

.error_style { background: #FBE3E4; color: #8A1F11; border: 1px solid #FBC2C4; }
.inform_style {	background: #E6EFC2; color: #264409; border: 1px solid #C6D880; }
.success_style { background: #E6EFC2; color: #264409; border: 1px solid #C6D880; }
.warning_style { background: #FFF6BF; color: #514721; border: 1px solid #FFD324; }

/*************************************/
/* СТАНДАРТНЫЕ СТИЛИ ДИАЛОГОВЫХ ОКОН */
/* Стандартное окно с сообщениями */
.dialogMessageBlock { position: relative; z-index: 10; margin: 10px 0 25px 0; }
.dialogButtonsBlock { text-align: center; position: relative; z-index: 20; }
.dialogButton {
	display: inline-block;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	background-color: #d2363e;
	border: 1px solid #b62d34;	
	text-decoration: none;
	line-height: 1;
}
.dialogButton:hover { background-color: #e8464e; color: #fff; }