BODY
 {
    FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Sans-Serif;
    FONT-SIZE: 10pt;
    TEXT-ALIGN: justify;
    background: url(Grid.JPG) #cccccc;
    background-attachment: fixed;
    margin-top: 1em;
    margin-right: 2em;
    margin-left: 2em;   
  }

A:link { color: #0d3300; text-decoration: none }
A:visited { color: #0b2c00; text-decoration: none }
A:active { color: #0e3600; text-decoration: none }
A:hover { color: #0e3600; text-decoration: underline; font-style: italic }
A IMG { border: 0px }
A:hover IMG { filter: none; border: 0px }

/* a img:hover { filter:alpha(opacity=70); ..-opacity:0.7; opacity:0.7; -khtml-opacity:0.7 } */

.container {
	width: 956px;
	background: url(Grid.JPG) #cccccc;
	background-attachment: fixed;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

textarea
{
background-image:url(lineyka.gif);
color:000000;
FONT-SIZE: 12pt;
font-weight: bold;
color: #36007e;
}

.colordiff
{
	FONT-SIZE: 7pt;
}

select
{
	font-size: 9pt;
	color: #36007e;
}

img    
  { 
    cursor: hand;
  }

H1
  {
    margin-top: -0.6em;
    font-weight: bold;
    font-size: 16pt; 
    TEXT-ALIGN: center;
  }

H2
  {
    font-weight: bold;
    font-size: 13pt;
    TEXT-ALIGN: left;
  }

H3
  {
    font-weight: bold;
    font-style: italic;
    font-size: 11pt; 
    TEXT-ALIGN: left;
  }

H4
  {
    margin-top: 0em;
    font-weight: bold;
    font-size: 11pt;
    TEXT-ALIGN: left;
    margin-bottom: 15pt;
  }

H5
  {
    font-weight: bold;
    font-style: italic;

  }

H6 
  {
    margin-top: 0em;
    font-weight: bold;
    font-size: 8pt;
    TEXT-ALIGN: left;
    margin-bottom: 15pt;
  }
  
H7
  {
	font-size: 8pt;
    font-weight: bold;
  }

P
 {
    TEXT-INDENT: 2em;
    margin-top: 0pt;
    margin-bottom: 0pt;
 }

TABLE
 {
    margin-bottom: 8pt;
    margin-left: 0em;
    margin-right: 0em;
    TEXT-ALIGN: left;
    TEXT-INDENT: 0em; 
 }

TD, TD P
 { 
    FONT-SIZE: 9pt;
    margin-top: 0pt;
    margin-left: 4pt;
    margin-right: 4pt;
 }

TH, TH P
 {
    font-weight: bold;
    FONT-SIZE: 9pt;
    margin-top: 0pt;
    margin-left: 4pt;
    margin-right: 4pt;
 }

/* CMYK */

.cyan
 {
    FONT-WEIGHT: bold;
    color: #00A9E3
 }

.magenta
 {
    FONT-WEIGHT: bold;
    color: #D32885
 }

.yellow
 {
    FONT-WEIGHT: bold;
    color: #D0BB00
 }

.black
 {
    FONT-WEIGHT: bold;
    color: #222222
 }

.red
 {
    FONT-WEIGHT: bold;
    color: #CD1F19
 }

.green
 {
    FONT-WEIGHT: bold;
    color: #008D37
 }

.blue
 {
    FONT-WEIGHT: bold;
    color: #263784
 }


/* ïîäçàãîëîâîê */

.sub 
 {
    font-size: 8pt;
 }
 
 .sub7
 {
    font-size: 7pt;
 }


/* àâòîð */

.author
 { 
    FONT-WEIGHT: bold;
    FONT-STYLE: italic;
    TEXT-INDENT: 0em;
    TEXT-ALIGN: center;
    letter-spacing: 0.1em;
    margin-top: 10pt;
    margin-bottom: 10pt;
 }


/*  ýïèãðàô  */

.epigraf
 {
    TEXT-ALIGN: right;
    TEXT-INDENT: 0em; 
    margin-bottom: 10pt;
 }


/* "ïðåäèñëîâèå" */

.extension
 { 
    FONT-STYLE: italic;
    TEXT-INDENT: 0em;
    TEXT-ALIGN: left;  
    margin-bottom: 10pt;
 }


/* îãëàâëåíèå */

.contents
 {
    COLOR: gray; 
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
 }

.contents:hover
 {
  text-decoration : underline;
 }


/* âíåøíèå ññûëêè */

.extra
 {
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
 }

.extra:hover
 {
  text-decoration : underline;
 }


/* áóëëåò */

.bullet
 {
    TEXT-INDENT: 0em;
    margin-left: 2em;
 }


/* ñíîñêè */

.sup
 {
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: super;
 }
 
 .sup7
 {
    FONT-SIZE: 7pt;
 }


/* îôîðìëåíèå ðèñóíêîâ */

.pic
 {
    TEXT-ALIGN: center;
    TEXT-INDENT: 0em;
    margin-top: 10pt;
    margin-bottom: 8pt;
 }

.runaround_left
 {
    float: left;
    TEXT-INDENT: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 2em;
 }

.runaround_right
 {
    float: right;
    TEXT-INDENT: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
 }


/* çàãîëîâîê òàáëèöû */

.tablesign
 {
    TEXT-ALIGN: left;
    TEXT-INDENT: 0em;   
    margin-top: 10pt; 
 }

/* ãîñòåâàÿ */

.pcolor1{color: #005E2E; font-size: 16pt}
.pcolor2{color: #002E00; font-size: 18px}	
.em{ color: #A80303; font-style: normal}
.help{color: #002E00; font-size: 80%; font-family: Arial, Helvetica, sans-serif; margin:0px; text-align: right}
.ptext{color: #002E00; font-size: 90%; font-family: Arial, Helvetica, sans-serif; text-align: justify; text-indent: 20px; margin-left: 40px; margin-top: 0px}	
.panswer{color: #4795F3; font-size: 90%; font-family: Arial, Helvetica, sans-serif; text-align: justify; margin-top: 10px}		
.ptdg{font-size: 75%;color: black;	font-family: Arial, Helvetica, sans-serif;	margin: 0px; text-indent: 0px}

/* âðåçêà */

.vrezka
 {
    BACKGROUND: #F3E7D0;
    TEXT-ALIGN: justify;
    TEXT-INDENT: 2em;
    margin-top: 10pt;
 }


/* íîìåð æóðíàëà */

.source
 { 
    FONT-WEIGHT: bold;
    FONT-STYLE: italic;
    TEXT-INDENT: 0em;
    TEXT-ALIGN: right;  
    margin-top: 10pt;
    margin-bottom: 10pt;
 }


/* ñïóñê */

.spusk
 { 
    FONT-WEIGHT: bold;
    TEXT-INDENT: 0em;
    TEXT-ALIGN: justify; 
    margin-top: 10pt;
    margin-bottom: 10pt;
    margin-left: 2em;
    margin-right: 0em;
 }


/* êîîðäèíàòû */

.mypage
 { 
    FONT-SIZE: 7pt;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center;
    TEXT-INDENT: 0em;
    margin-top: 18pt;
 }


/* êóðñèâ */

.anons
 { 
    FONT-SIZE: 9pt;
    font-style: italic;
    TEXT-ALIGN: left;
    TEXT-INDENT: 0em;
    margin-right: 2em;
    margin-left: 2em; 
 }


/* èñòî÷íèê */

.magazin
 {
    margin-bottom: 8pt;
    TEXT-ALIGN: right;
    margin-right: 1em;
    TEXT-DECORATION: none;
 }


/* Ñåðâàíòåñ */

.servantes
 { 
    FONT-FAMILY: Times New Roman, Times, serif;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
    COLOR: #0d3300;
    FONT-STYLE: italic;
    TEXT-INDENT: 0em;
    TEXT-ALIGN: right;  
    margin-top: 0pt;
    margin-bottom: 4pt;
 }
 
*.right
{
	text-align: right;
}

*.center
{
	text-align: center;
}

*.white 
{
	color: #FFF;
}

*.norm 
{
	color: #000;
}

*.alert
{
	color: #F00;
}

*.alertY 
{
	color: #F00; text-align: left;
}

*.tablenonemargin
{
    margin-bottom: 0pt;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
}

/* ============		Spoiler	 ============ */
.spoiler-wrap {
	width: 99%;
	margin: 6px auto;
	clear: both;
	background: #E9E9E9;
	border: solid #C3C3C3;
	border-width: 1px 1px 1px 2px;
	font: 12px Verdana,Arial,sans-serif;
}
.spoiler-head {
	font-size: 11px;
	padding: 1px 14px 3px;
	margin-left: 6px;
	line-height: 15px;
	font-weight: bold;
}
.spoiler-body {
	padding: 1px 6px 2px;
	display: none;
	border-top: 1px solid #C3CBD1;
	background: #F5F5F5;
}

.clickable {
	cursor: pointer;
}

.folded {
	display: block;
	background: transparent url(icon_plus.gif) no-repeat left center;
	padding-left: 14px; 
}

.unfolded {
	display: block;
	background: transparent url(icon_minus.gif) no-repeat left center;
	padding-left: 14px;
}

/* tooltip */
 
.tooltip { position: relative; }
.tooltip span {
  position: absolute;
  right: 0;
  top: -30px;
  display: none;
  min-width: 50px;
  padding: 3px 8px;
  white-space: nowrap;
  font-size: 11px;
  text-align: right;
  background-color: rgba(33,33,33,.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
}
.tooltip span small {
  position: absolute;
  right: 10px;
  bottom: -6px;
  border-top: 6px solid rgba(33,33,33,.8);
  border-left: 6px solid transparent;
}
.tooltip:hover span { display: block; }

/* для IE */
 
.tooltip span { background-color: #333333; }
.tooltip span small { border-top: 6px solid #333333; }
 
/* фиксим проблему со стрелочкой в IE 6 */
 
*html .tooltip span small {
  border-left: 6px solid #333333; /* Соответствует цвету фона */
}
 
/* фиксим проблему в IE 8 */
 
.tooltip span { background-color /*\**/: #000\9  }
.tooltip span small { border-top /*\**/: 6px solid #333333; }
