HTML{
  overflow-y:scroll;
}

/* FF 3.6
.photo{
  image-rendering: optimizeSpeed;
}
*/
  

HTML,BODY,DIV, UL, LI{
  padding:0;
  margin:0;
  border:0;
  vertical-align: baseline;
}
HTML,BODY{
  position: relative;
  left:0;
  top:0;
  background:white;
}
BODY,DIV{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 1em;
  line-height: normal;
}
A{
  color: blue;
}
A:visited{
  color: blue;
}

.noscript{
  text-align:center;
  color:red;
  margin-top:300px;
  font-size: 16px;
}


#headerTop, #footerTop{
margin:0 36px 0 36px;
background: #eee url('img/bgR2.png') scroll repeat-x 0 -1px;
}
#footerTop{
background-position: 0 -128px;
}

.headerLink{
  width:100%;
  height:90px;
  display:block;
}

#header {
border: 1px solid silver;
background: transparent url('img/bg2.jpg') scroll no-repeat -14px -2px;
font-size: 1.5em;
height: 142px;
}
#footer{
border: 1px solid silver;
height: 18px;
font-size: 14px;
padding: 4px 4px 2px 4px;
}

#menu {
padding: 3px 0 3px 0;
margin-top:24px;
margin-left:auto;
margin-right:auto;
width:898px;
height:20px;
}


#footer  .info{
  text-decoration:none;
  color: #222299;
  font-weight:bold;
}
#footer .copyrights{
  margin-top: -1px;
  color : gray;
  width : 468px;
  float : right;
  text-align: right;
}
.copyrights A{
  padding-right:4px;
}
#footer .copyrights A.cc{
  color : gray;
  text-decoration:none;
}

#window {
background:white url('img/loader.gif') scroll no-repeat center center;
height:520px;
color:blue;
position:relative;
}

#slider  {
margin-left:auto;
margin-right:auto;
width:900px;
height:520px;
border:1px solid silver;
border-top:0;
border-bottom:0;
clear:none;
overflow:hidden;
position:relative;
}
#sliderMain{
  margin-left :auto;
  margin-right:auto;
  position:relative;
  height:520px;/* from js */
  width :900px;/* from js */
}
#corner{
  position:absolute;
  right:38px;
  bottom:2px;
}

#lb,#rb{
display:block;
position:absolute;
width :32px;
background: transparent url('img/lr.png') scroll no-repeat 0 0;
top:0;
height:520px;
}
#lb{
left:0;
background-position: 0px center;
}
#rb  {
right:0;
background-position: -32px center;
}

#soundButton, #vkontakte{
  width     : 44px;
  height    : 44px;
  position  : absolute;
  left      : 38px;
  top       : 100%;
  margin-top: -45px;
  border    : 0;
  display   : block;
  background: transparent url('img/icons.png') scroll no-repeat -4px -436px;
  z-Index   : 10;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear; /* FF 3.6++ */
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.75;
}
#vkontakte{
  background-position: -5px -536px;
  left: 100%;
  margin-left: -80px;
}
#soundButton:hover, #vkontakte:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -webkit-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  opacity: 1;
}
#soundButton.soundOn{  
  background-position: -4px -484px;
}


#topDiv{
  width:974px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

#debug{
  display:block;
}
#alpha{
  position:absolute;
  right: 42px;
  z-Index:2;
  color: silver;
  font-style:italic;
  font-size:18px;
}

.drag0{
  cursor: default;
}
.drag1{
  cursor: url("../../style/default/img/openhand.cur"), default;
}
.drag2{
  cursor: url("../../style/default/img/closedhand.cur"), default;
}
.drag3{
  cursor: move;
}

/* ICONS: exit, note, wiki ------------------------------------------------ */

  .block{
    display   : block;
    position  : absolute;
    cursor    : help;
    padding   : 0;
    margin    : 0;
    background : transparent url('img/icons.png') no-repeat 0px -600px; /* для IE, иначе не считает пустое место ссылкой */
    
    color: blue;
    font-size: 22px;
    text-align: center;
  }
  .block:hover, .block:focus, .block:active{
    z-Index: 3;
    text-shadow:  red 0px 0px 10px;
  }
  /*
  если бы не нужно было "прятать" нарисованные стрелки, то можно было бы применить opacity
  .block:hover SPAN, .block:focus SPAN, .block:active SPAN{
    opacity    : 1;
  }
  */
  .block SPAN{
    /*opacity    : 0.75; ? */
    
    display    : block;
    width      : 52px;
    height     : 52px;
    margin-top : -26px;
    margin-left: -26px;
    top        : 50%;
    left       : 50%;
    position   : absolute;
    background : transparent url('img/icons.png') no-repeat 0 0;
  }
  
  .block.exit, .block.exitDown{
    cursor     : pointer;
  }
  .block.exit SPAN, .block.exitDown SPAN{
    margin-top : -52px;
    top        : 100%;
  }
  
  .block.exit:hover SPAN, .block.exit:focus SPAN{
    background-position: 0 -52px;
  }
  .block.exit SPAN, .block.exit:active SPAN{
    background-position: 0 2px;
  }

  .block.exitDown:hover SPAN, .block.exitDown:focus SPAN{
    background-position: 0 -374px;
  }
  .block.exitDown SPAN, .block.exitDown:active SPAN{
    background-position: 0 -319px;
  }
  
  .block.note:hover SPAN, .block.note:focus SPAN{
    background-position: 0 -162px;
  }
  .block.note SPAN, .block.note:active SPAN{
    background-position: 0 -106px;
  }
  
  .block.wiki:hover SPAN, .block.wiki:focus SPAN{
    background-position: 0 -270px;
  }
  .block.wiki SPAN, .block.wiki:active SPAN{
    background-position: 0 -214px;
  }
  
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .block:hover SPAN, .block:focus SPAN{
      -webkit-transform: scale(1.1);
      -webkit-transition: -webkit-transform 0.2s linear;
    }
    .block SPAN, .block:active SPAN{
      -webkit-transform: scale(1);
      -webkit-transition: -webkit-transform 0.2s linear;
    }
    /*
     * отменяем изменение background-position для :hover и :focus - вместо 
     * них будет использовать transition + transform
    */
    .block.exitDown:hover SPAN, .block.exitDown:focus SPAN{
      background-position: 0 -374px;
    }    
    .block.exit:hover SPAN, .block.exit:focus SPAN{
      background-position: 0 2px;
    }
    .block.note:hover SPAN, .block.note:focus SPAN{
      background-position: 0 -106px;
    }
    .block.wiki:hover SPAN, .block.wiki:focus SPAN{
      background-position: 0 -214px;
    }
    
  }
  
  .block.exitDown.noBG SPAN,
  .block.exit.noBG SPAN,
  .block.note.noBG SPAN,
  .block.wiki.noBG SPAN,
  .block.exitDown.noBG:focus SPAN,
  .block.exit.noBG:focus SPAN,
  .block.note.noBG:focus SPAN,
  .block.wiki.noBG:focus SPAN,
  .block.exitDown.noBG:active SPAN,
  .block.exit.noBG:active SPAN,
  .block.note.noBG:active SPAN,
  .block.wiki.noBG:active SPAN,
  .block.exitDown.noBG:hover SPAN,
  .block.exit.noBG:hover SPAN,
  .block.note.noBG:hover SPAN,
  .block.wiki.noBG:hover SPAN{
    background-position: 0 -600px;
  }
  
/* ------------------------------------------------------------------------ */

.overlay___invisible__ {
  background-color: #666666;
  opacity: 0;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
  display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
  margin: 0px;
  padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

/* Focused windows */
.overlay_mac_os_x {
	background-color: #85BBEF;
	opacity: 0.6;
}

.mac_os_x_nw, .mac_os_x_ne, .mac_os_x_sw, .mac_os_x_se, .mac_os_x_sizer{
  background: transparent url(img/corners.png) no-repeat 0 0;
  width:24px;
  height:30px;
}
.mac_os_x_ne {
  background-position: -31px 0;
  width:31px;	  
  height:30px;
}
.mac_os_x_sw {
  background-position: 0 -30px;
  width:31px;
  height:40px;
}
.mac_os_x_se, .mac_os_x_sizer {
  background-position: -31px -30px;
  width:31px;
  height:40px;
}

.mac_os_x_n, .mac_os_x_s{
  background: transparent url(img/TB_Main.png) repeat-x 0 0;
  height:30px;
}
.mac_os_x_s {
  background-position: 0 -30px;
  height:40px;
}

.mac_os_x_w, .mac_os_x_e{
  background: transparent url(img/LR_Main.png) repeat-y 0 0;
  width:16px;
}
.mac_os_x_e {
  background-position: -16px 0;
}




.mac_os_x_sizer {
	cursor:se-resize;	
}

.mac_os_x_close, .mac_os_x_minimize, .mac_os_x_maximize{
	width: 19px;
	height: 19px;
	position:absolute;
	top:12px;
	z-index:1000;
	cursor:pointer;
	background: transparent url(img/buttons.gif) no-repeat 0 0;
}
.mac_os_x_close{
	right:25px;
    background-position: 0 -10px;
}
.mac_os_x_minimize {
	right:45px;
    background-position: 0 -59px;
}
.mac_os_x_maximize {
	right:65px;
    background-position: 0 -34px;
}

.mac_os_x_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	margin-top:8px;
	width:100%;
	color:#000;
}

.mac_os_x_content {
	overflow:auto;
	color: #222;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background:#FFF;
}
.mac_os_x_s .status_bar {
    padding-bottom:24px;
}



/* MENU */
#menuUL A{
  text-decoration: none;
  color: #777;
}
#menu{
  position: relative;
  z-Index : 999;
}
#menuUL{
  z-Index   : 999;
  list-style: none;
  position  : absolute;
  display   : block;
  width     : 900px;
  height    : 21px;
  overflow  : visible;
}

#menuUL li.top{
  float:left;
  font-size: 13px;
  width:auto;
  height:17px;
  position:relative;
  padding:2px 42px 2px 4px;
  margin:1px;
  border:0;
  background:transparent;
}
#menuUL li.top A{
  color:black;
  text-decoration:underline;
}

#menuUL li.top.hover{
  background-color: #c5deff;
  margin: 0;
  border: 1px solid gray;
}

#menuUL li.top li{
  margin:0;
  border-bottom:1px solid #fff;
  border-top:0;
}

#menuUL ul{
  list-style: none;
  z-Index:999;
  display:none;
  position:absolute;
  top:21px;
  left:-1px;  
}

#menuUL li{
  font-size: 13px;
  display:block;
  position:relative;
  width:100%;
  float:left; /* IE 6 */
  border:1px solid gray;
  border-bottom:1px solid #fff;
  border-top:0;
  background-color:white;
}

#menuUL li.top ul li.first{
  border-top: 1px solid gray;
}
#menuUL li.top ul li.last{
  border-bottom: 1px solid gray;
}

#menuUL li.top ul a{
  padding: 2px 4px;
  display:block;
  text-decoration:none;
}

#menuUL li.top ul a.sub{
  background-image: url('../../style/default/img/menuArrow.gif');
  background-repeat: no-repeat;
  background-position: right center;
}

#menuUL .hover{
  background-color: #c5deff;
  color:black;
}

#menuUL li.top ul .hover{
  background-color: #c5deff;
  color:black;
}


#menuUL li.top .visible{
  display:block;
  position:absolute;
  top:21px;
  left:-1px;
}
#menuUL li.top li .visible{
  display:block;
  position:absolute;
  top:0px;
  left:2px;
  left:100%;
}