/* общие стили ############################################################################ */
html						{ background-color: white; }
body						{ margin: auto; width: 865px; font: 0.8125em Verdana, sans-serif; color: #333; }

img						{ border: none; }

h1, h2, h3					{ color: #d99100; margin: 0; }

h1						{ font: normal 2.0em Arial, Verdana, sans-serif; margin-right: 3em; }
h2						{ font: normal 1.62em Arial, Verdana, sans-serif; margin-bottom: 10px; color: black; }
h3						{ font: normal 1.38em Arial, Verdana, sans-serif; color: #d99100; }

h1 span						{ color: #669900; }
h2 span						{ color: #888888; }
h2 a						{ font-size: 0.6em; font-family: Verdana; position: relative; top: -2px; }

*.alert                     { color: red; }

p						{ margin: 0 0 15px 0; } 
p.line_height_high				{ line-height: 1.4em; }

.low                        { color: #888888; font-size: 86%; }

a:link						{ color: #669900; text-decoration: underline; }
a:visited					{ color: #a8a8a8; text-decoration: underline; }
a:hover						{ /*color: #a8a8a8;*/ text-decoration: none; }
a.active:link, a.active:visited
                            { text-decoration: none; color: #a8a8a8; }

*.float_left					{ float: left; }
*.float_right					{ float: right; }
*.clearfix:after				{ content: ""; display: block; height: 0; clear: both; visibility: hidden; }
*.nowrap					{ white-space: nowrap; }
table						{ border-spacing: 0; border-collapse: collapse; margin: 0; }
td						{ vertical-align: middle; padding: 0; }

div.radio span					{ margin-bottom: 14px; display: block; }


form						{ padding: 0; margin: 0; }
input						{ background-color: white; vertical-align: middle; }
select						{ background-color: white; }
input.button					{ background-color: #c0c0c0; padding: 4px 14px; margin-bottom: 21px; min-height: 24px; }
table.arrow input.button			{ margin: 0; font-weight: bold; font-family: Arial; }
table.arrow					{ margin-bottom: 21px; }
table.arrow td					{ padding: 3px 37px 3px 0; background: url(../img/i/arrow_grey.gif) no-repeat right center; }
table.arrow td:hover				{ background: url(../img/i/arrow_grey_green.gif) no-repeat right center; }
*.clear_both					{ clear: both; height: 0.1px; line-height: 0; font-size: 0; margin: 0; visibility: hidden; }
em						{ color: #cd6500; font-style: normal; font-weight: bold; }

/* шапка ############################################################################ */
div#top						{ margin: 15px 0 19px; padding-bottom: 1px; }
* > div#top 					{ margin: 15px 0 9px;  }
div#top div#logo				{ float: left; width: 201px; height: 89px; padding: 0 0 0 30px; margin-top: 10px; position: relative; }

div#top div#login 				{ position: relative; width: 232px; height: 0; text-align: right; z-index: 1; }
div#top div#login a				{ position: absolute; font: 0.825em Verdana, sans-serif; color: #669900; right: 0; }
div#top div#login span				{ position: absolute; font: 0.825em Verdana, sans-serif; left: 242px; white-space: nowrap;  }

div#navbar					{ float: right; width: 633px; }

div#navbar div.nav_top				{ float: right; clear: right; padding-right: 30px; background: url(../img/i/navbar_back_top.gif) no-repeat right bottom; padding-bottom: 7px; }
div#navbar div.nav_top a:link, div#navbar div.nav_top a:visited
						{ color: #333; }
div#navbar div.nav_top a.active:link, div#navbar div.nav_top a.active:visited 
						{ color: #a8a8a8; }
div#navbar div.nav_top span			{ color: #d99100; margin: 0 10px; position: relative; top: 7px; font-size: 10px; z-index: 1; }
div#navbar div.nav_top				{ font-size: 86%; }
/*div#navbar div.nav_top a:hover		{ color: #a8a8a8; }*/

div#navbar table				{ float: right; clear: right; background: url(../img/i/navbar_back_bottom.gif) no-repeat right bottom; height: 69px; table-layout: fixed; }
div#navbar.rus table				{ background: url(../img/i/navbar_back_bottom_rus.gif) no-repeat right bottom; }
div#navbar table td.n1				{ width: 302px; background: url(../img/i/slogan_eng.gif) no-repeat left center; }
div#navbar.rus table td.n1			{ width: 308px; background: url(../img/i/slogan_rus.gif) no-repeat left center; }
div#navbar table td.n1 div			{ width: 302px; }
div#navbar.rus table td.n1 div			{ width: 308px; }
div#navbar table td.end				{ padding: 0 29px 0 10px ; width: 119px; }
div#navbar.rus table td.end			{ width: 152px; }
div#navbar table td.end div.download_link	{ height: 69px; text-align: center; }
div#navbar table td.end div.download_link img	{ background-color: black; margin-top: 34px; line-height: 13px; }
div#navbar table td.end div.download_link a:hover img	
						{ background-color: #a8a8a8; }

div#navbar div.nav_bottom			{ float: right; clear: right; padding-right: 30px; margin-top: 6px; }
div#navbar div.nav_bottom a:link, div#navbar div.nav_bottom a:visited
						{ color: #333; }
div#navbar div.nav_bottom span			{ color: #d99100; margin: 0 10px; position: relative; top: -10px; z-index: 1; }
/*div#navbar div.nav_bottom a:hover		{ color: #a8a8a8; }*/
div#navbar div.nav_bottom a.active:link, div#navbar div.nav_bottom a.active:visited
						{ color: #a8a8a8; }

/* зелёная плашка ############################################################################ */
div#green_bar					{ background: #669900 url(../img/i/green_bar_back_top.gif) no-repeat left top; margin: 0 ; clear: both; padding-top: 1px; }
div#green_bar div.back				{ background: transparent url(../img/i/green_bar_back_bottom.gif) no-repeat left bottom; padding: 20px 30px 20px; color: #d3f940; text-align: center; }
div#green_bar.rus div.back			{ text-align: center; }

div#green_bar span, div#green_bar a		{ color: white; font-size: 1.6em;  overflow: hidden; line-height: 1em }
div#green_bar.rus span, div#green_bar.rus a	
						{ font-size: 1.3em; }
div#green_bar span				{ text-decoration: none; }
div#green_bar a					{ text-decoration: underline; cursor: help; }
div#green_bar a:hover				{ text-decoration: none; /*color: #d3f940;*/ }

/* Заголовок ############################################################################ */
div#header					{ background: url(../img/i/header_back_top.gif) no-repeat left top; width: auto; margin: 30px 30px 0 0; clear: both; display: table; width: 1%; }
div[id="header"]				{ width: auto !important; }
div#header.rus					{ margin: 30px 30px 0 0; clear: both; }
div#header.rus.register				{ margin: 30px 10px 30px 0; clear: none; }
div#header div.back				{ background: url(../img/i/header_back_bottom.gif) no-repeat left bottom; padding: 3px 0 6px 30px; white-space: nowrap; }
div#header.rus.register div.back		{ padding: 3px 0 6px 30px; }

/* Колонки ############################################################################ */
div.columner					{ clear: both; margin: 25px 0 30px 0; }
div.columner div#column_left			{ float: left; position: relative; width: 280px; margin-bottom: 16em; overflow: hidden; }
div.columner div#column_left.chosen_one		{ margin-bottom: 0; }
div.columner div#column_left h3			{ color: #a8a8a8; }

div.columner div#column_left ul			{ color: #a8a8a8; font-size: 86%; margin-left: 0; padding-left: 30px; }
div.columner div#column_left ul li		{ margin-left: 0; padding-left: 0; margin-bottom: 10px; }

div.columner div#column_left div.top		{ margin-left: 30px; }
div.columner div#column_left div.top p		{ line-height: 1.6; color: #888; font-size: 86%; }

div.columner div#column_right			{ margin-left: 310px; margin-right: 30px; padding: 0; }
div.columner div#column_right div.rem p		{ color: #888; font-size: 86%; }
div.columner div#column_right div.rem a:link, div.columner div#column_right div.rem a:visited	
						{ color: #a8a8a8; }
div.columner div#column_right div.rem h3{ color: #a8a8a8; font-weight: bold; }

div#column_right table.answers			{ margin-top: 14px; border-spacing: 0; border-collapse: collapse; margin-bottom: 14px; }
div#column_right table.answers td		{ padding: 0; vertical-align: top; border-top: solid #dadada 1px; padding-top: 7px; }
div#column_right table.answers tr.first td	{ padding-bottom: 7px; font-size: 0.8125em; color: #888888; border: none; }
div#column_right table.answers td.n1		{ padding-right: 21px; }
div#column_right table.answers div.date		{ float: right; }
div#column_right table.answers div.header	{ margin-bottom: 10px; }
div#column_right table.answers div.quest	{ margin-bottom: 14px; color: #888888; }
div#column_right table.answers div.answer	{ margin-bottom: 14px; }

/* Главная ссылка ###################################################################### */
div.columner div#column_right div.main_link 	{ font-size: 86%; color: #a8a8a8; /*margin-top: 30px;*/ display: table; margin-left: -1px; margin-bottom: 1.62em; }
div.columner div#column_right div.main_link	a.big:link, div.columner div#column_right div.main_link	a.big:visited
						{ font: 2em Arial, Verdana, sans-serif; color: #d99100; background: url(../img/i/icon_middle.gif) no-repeat left center; display: block; line-height: 32px; padding-left: 42px; }
div.columner div#column_right div.main_link	a.big:hover
						{ /*color: #a8a8a8;*/ }
div.columner div#column_right div.main_link span{ padding-left: 44px; }

/* регистрация */
div#column_right.register 			{ margin-right: 10px; }
div#column_right.register form			{ background-color: #f3f3f3; padding: 14px 0; }
div#column_right.register table			{ font-size: 86%; }
div#column_right.register table td		{ padding: 4px; }
div#column_right.register td.n1			{ text-align: right; }
div#column_right.register td.n1 img		{ padding-right: 3px; }	
div#column_right.register td.end		{ padding: 4px; }
div#column_right.register td.n1 span		{ color: red; }	
div#column_right form input			{ vertical-align: middle; }
div.agreement					{ width: auto; height: 400px; overflow: auto; padding: 14px; background-color: #f3f3f3; }
div.continue					{ margin: 21px auto; text-align: center; }

/* пополнение баланса */
div.columner div#column_right form.payment input		{ vertical-align: text-bottom; margin-top: 4px; }
div.columner div#column_right form p.line_height_high	        { background-color: #f3f3f3; padding: 10px; }
div.columner div#column_right form.payment p.line_height_high	{ line-height: 1.4em; background-color: #f3f3f3; padding: 10px; display: table; width: 1%; white-space: nowrap; }
div.columner div#column_right form.payment p[class="line_height_high"]
                                                                { display: table; width: auto !important; }
div.columner div#column_right form.payment p.line_height_high strong
								{ padding-right: 10px; }

/* Блок в левой колонке #################################################################*/
div.side_left_container						{ clear: both; position: relative; height: 0; }
div.side_left_container div.side_block				{ background: url(../img/i/side_left_back_top.gif) no-repeat left top; position: absolute; bottom: 30px; width: 280px; overflow: hidden; }
div.side_left_container div.side_block div.back			{ background: url(../img/i/side_left_back_bottom.gif) no-repeat left bottom; padding: 12px 0 9px 30px; }
div.side_left_container div.side_block div.back p		{ font-size: 86%; }
div.side_left_container div.side_block div.back h2 { 
    line-height: 32px; white-space: nowrap; color: #d99100;
    background: url(../img/i/icon_card.gif) no-repeat right center; 
    padding: 0 61px 0 0; width: 15ex; margin-left: -1px;
    display: table;
}
div.side_left_container div.side_block div.back a:hover	{ text-decoration: none; }

/* Блок в левой колонке, верхний #################################################################*/
#column_left div.side_block                             { background: url(../img/i/side_left_back_top.gif) no-repeat left top; width: 280px; overflow: hidden; }
#column_left div.side_block div.back                    { background: url(../img/i/side_left_back_bottom.gif) no-repeat left bottom; padding: 12px 0 9px 30px; }
#column_left div.side_block div.back p                  { font-size:86%; }
#column_left div.side_block div.back h2                 { line-height: 32px; color: #d99100; margin-left: -1px; }
#column_left div.side_block div.back a:hover            { text-decoration: none; }

/* Блок в левой колонке на странице Загрузка #################################################################*/
div#download.side_left_container div.side_block div.back h2		{ background: none; padding-right: 0; display: block; width: auto; white-space: normal; margin-left: -1px; }

div#column_left ol 							{ margin: 14px 0 14px 0; padding: 0; list-style-position: inside; }
div#column_left ol li 							{ margin: 14px 0 14px 0; padding: 0; }
div#column_left ol li ul 						{ margin: 14px 0 0 0; padding: 0; list-style-position: outside; }
div#column_left ol li ul li 						{ margin: 0; padding: 0; list-style-type: disc; }
div#column_left ol li ul li.active 					{ list-style-type: none; }
div#column_left ol li ul li.active a					{ list-style-type: none; color: #a8a8a8; text-decoration: none; }

div#column_left div#support ul						{ list-style-type: none; padding: 0; }
div#column_left div#support li						{  }
div#column_left div#support li input					{ vertical-align: middle; margin: 0 7px 0 0; }

div#column_right div.area textarea					{ margin: 4px 0 10px 0; height: 124px; display: block; width: 98%; border: solid #dadada 2px; }
div#column_right div[class="area"] textarea				{ width: 99%; }

#column_right_off                                       { margin: 0; }
#column_right_off div.screens img                       { margin-bottom: 42px; }
#column_right_off div.screens p                         { margin-bottom: 10px; }

/* Подвал ############################################################################ */
div.bottom							{ clear: both; background: url(../img/i/bottom_back_top.gif) no-repeat left top; color: #a8a8a8; margin-bottom: 20px; }
div.bottom div.back						{ background: url(../img/i/bottom_back_bottom.gif) no-repeat left bottom; padding: 20px 30px 10px; }
div.bottom div.back p						{ padding: 0; margin-bottom: 10px; font-size: 86%; text-align: center; }
div.bottom div.back p a:link, div.bottom div.back p a:visited
								{ color: #545454; }
/*div.bottom div.back p a.active, div.bottom div.back p a:hover 		
								{ color: #a8a8a8; }*/
div.bottom div.back p a.low:link, div.bottom div.back p a.low:visited
								{ color: #a8a8a8; }
/*div.bottom div.back p a.low:hover	{ color: #a8a8a8; }*/