/* CSS Document */

html, body {
  margin: 0px;
  padding: 0px;
}

body {
  color: #FFFFFF;
  font-family: Verdana;
  text-align: center;
  background-color: #E1E1E1; /* общий фон страницы */
}

#back-ground {/* подложка (тенюшки по бокам) */
  width: 990px;
  background:url(images/centerBg.gif) repeat-y; width:990px;
  margin: auto;
 
}

			#up {  /* якорь для перехода наверх страницы */
				width: 70px;
				height: 20px;
				float: left;
				margin:5px 0 0 0;
			}

			#down { /* блок для ссылки перехода наверх страницы */
				width: 960px;
				height: 18px;
				clear: both;
				text-align:center;
			}

#bodyricht { /* блок для рекламы справа */  
  float: right;
  /*border:dashed 1px #339900;*/
  width: 120px;
  height: 600px;
  margin:5px 5px 5px 0;

     
}

#conteiner { /*контейнер для содержимого*/
  float: left;
  width: 960px;
  margin:0 0 0 0;
  text-align:left;

  }
	
#content { /*блок для содержимого слева (энциклопедия, глоссарий и т.д.)*/
  background: #FFFFFF;
  float: left;
  width: 810px;
  margin:5px 0 5px 5px;
  }
  
 
	
#favorites { width:250px; height:50px; padding:10px; margin:auto;}

#gvozd {
  width: 940px;
  height: 8px;
  margin:auto;
  clear:both;
}

#menuglos { /*внутреннее меню глоссария*/
  background: #FFFFFF;
  width: 940px;
  margin:auto;
  clear:both;
  }
	
#footer { /* подвал страницы */
  background:url(images/footer-2.jpg) no-repeat; width:960px; height:72px;
  font-family: Verdana;
  clear:both;
}

#counter { /*счетчики*/
  float: left;
  width: 285px;
  height: 31px;
  margin:5px 0 0 15px;
  overflow: hidden;
  }	
  
#copyricht { /*копирайт*/
  float: left;
  width: 960px;
  margin:16px 0 0 0;
  text-align: center;
}	  
  	
#top-menu { /* самое верхнее меню справа */
  float: right;
  width: 205px;
  height: 20px;
  margin:0px 8px 0 0;  
}	
			
#menu-middle{ /* основное меню сайта */
	font-size: 90%;
	color: #FFFFFF;
	clear:both;
	margin-top:0;
	
}


	#search { /* overflow:hidden; для поиска */
	float: right;
	width:300px;
	height: 25px;
	margin:3px 5px 0 0;
	text-align: right;
	overflow:hidden;
	display:inline;
	}


#menu-middle a, #menu-middle span { /* определение горизонтального меню (основное меню сайта) */
  width:auto;
	display: block;
	text-align:center;
	float:left;
	display:inline;
	margin:0px 0 0 5px;
	text-decoration: none;
}

#top-menu a, #top-menu span { /* определение верхнего меню */
  width:auto;
	text-align:center;
	margin:0px 0 0 5px;	
}
						

div.gm {  /* определение горизонтального меню алфавита */
  
  width:512px;
  height: 20px;
	text-align:center;
	float:left;	
	color:#000000;
	border: 1px solid #009900;
	background:#FFFFFF;
	padding: 3px;
	margin: 5px 0 0 5px;

}

div.gm a, div.gm span { /* определение горизонтального меню алфавита */
	width:auto;
	text-align:center;
	margin:0 0 0 2px;
		
}


#menu-bottom { /* блок нижнего меню */
  float: right;
  width: 420px;
  height: 20px;
  margin:5px 7px 0 0;
  color:#000000;
  
}


#menu-bottom a, #menu-bottom span { /* определение горизонтального нижнего меню */
	width:auto;
	text-align:center;	
	margin:0 0 0 0;
		
}

.table { font-weight: normal; line-height:100%; color:#000000;}
.greybold {font-weight: bold; color:#999999;}
.glossary-html {font-weight: normal; text-align:justify;}
.txt {font-size: 70%; text-align:justify; color: #000000; font-weight: normal;}
.txt1 {font-size: 100%; text-align:justify; color: #000000; font-weight: normal;}
.txt-grey{font-size: 90%; color: #666666; font-weight: normal;}
.black {/* определение меню глоссария на странице рубрикатора */ font-size: 120%; color: #000000; font-weight: normal;}
.white {/* копирайт  */ font-size: 70%; color: #FFFFFF; font-weight: normal;}



/* всплывающая подсказка начало */


#hintbox{
   position:absolute;
   z-index:1;
   width:500px;
   left:-1000px;
   padding:0.7em 1em;
   font-size:80%;
   background:#cce;
   border:1px solid #339900;
   opacity:0.9;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
}

/* всплывающая подсказка продолжение */

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #009900;
	background-color: #FFFFCC;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #009900;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	font-size: 70%;
}

#JT_close_right{
	background-color: #009900;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	font-size: 70%;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/* всплывающая подсказка конец */

.popups {font-size: 70%; text-align:justify; color: #000000; font-weight: normal; background:#FFFFCC;}

.white-menu { /* определение горизонтального основного меню [меню сайта] (по цвету) */
	font-size: 75%;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.black-menu { /* определение горизонтального меню по цвету (верхнего и нижнего) */
	font-size: 70%;
	color: #000000;
	font-weight: normal;	
}

.search { /*  */
	font-size: 70%;
	color: #000000;
	font-weight: normal;
	padding: 1px;
	margin-left: 7px;
}


a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;	
}
a:hover {
	color:#00FF00;
	text-decoration: underline;
	
}
a:active {
	text-decoration: underline;
}
a {
	font-size: 100%;	
	font-weight: bold;
	
}


h1 {
	font-size: 100%;
	text-align:center;
	color:#000000;
}
h2 {
	font-size: 70%;
	text-align:left;
	color:#006600;
}
p {
text-indent: 1.5em;
text-align: justify;
margin-top: 0pt;
margin-bottom:0pt;
}





/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 810px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	display: inline; 
	
}
/*.txt {font-size: 70%; text-align:justify; color: #000000; font-weight: normal;}*/
/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {

	float: left;
	padding: 4px 10px;
	margin: 0px 3px 0px 0px;
	background-color: #CCCCCC;
	font-size: 70%;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display: inline;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #33CC00;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #999999;
	
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: #33CC33;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	background-color: #FFFFFF;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
	font-family:Verdana;
	
}
/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible { 
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 80px;
	background-color: #999999;
	position: relative;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 80px;
}